@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');

.page-template-interactive-marketing {background-color: #1C1C1C;font-size: 18px;color:#F3F6F9;font-family: 'Manrope', sans-serif;font-weight: 400;}
.header-menu-wrapper{ font-family: 'Albert Sans';}

.page-template-interactive-marketing header {background-color: #1C1C1C;}
.page-template-interactive-marketing .menu ul li a {color: #F3F6F9;}
.page-template-interactive-marketing #menu-header-sub-menu li.touch_btn a {border-color: #2B78E4;color: #F3F6F9;}
.page-template-interactive-marketing .nav-icon3 span {background-color: #2B78E4;}
.page-template-interactive-marketing .corporate-video a span svg path.circular-icon {fill: #2B78E4;}
.page-template-interactive-marketing #menu-header-sub-menu li.touch_btn a:hover {background: #2B78E4;color: #1C1C1C;}
.page-template-interactive-marketing header .ganpatiji.header-ganpati-icon img {object-position:-37px 0px;}
.page-template-interactive-marketing .header_type_2 .schedule-call a svg path {fill: #2B78E4;}
.page-template-interactive-marketing .darkHeader.header_type_2 .schedule-call a svg path {fill: #fff;}
.page-template-interactive-marketing.shshowcancel header {background-color: transparent;}
.page-template-interactive-marketing.shshowcancel .header_type_2 .schedule-call a svg path {fill: #1C1C1C;}

.page-template-interactive-marketing.shshowcancel .header_type_2 .schedule-call a svg path{
    fill: #fff;
}

.page-template-interactive-marketing .logo_black_cool {display: none;}
.page-template-interactive-marketing .logo_white_cool {display: block;}

.interactive_marketing_container {padding-top: 95px;}
.bg_cover{background-position: center;background-size: cover;background-repeat: no-repeat;}
.bg_contain{background-position: center;background-size: contain;background-repeat: no-repeat;}

.section_gap{padding: 100px 0;position: relative;}
p{
	margin: 0;
}


.blur_circle {
    width: 615px;
    height: 615px;
    display: inline-block;
    background: rgba(43, 120, 228, 0.35);
    opacity: 0.5;
    filter: blur(70px);
    border-radius: 100%;
}
.triangle_right {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-left: 100px solid red;
  border-bottom: 50px solid transparent;
  display: inline-block;
}


.im_banner {
    position: relative;
    height: calc(100vh - 95px);
    padding: 80px 0;
}
.im_banner .blur_circle {
    position: absolute;
    right: -400px;
}
.im_banner .container {
    height: 100%;
    position: relative;
}
.im_banner_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.im_banner_wrapperl {
    width: 45%;
    margin-bottom: 150px;
}
.im_banner_wrapperr {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
}
.banner_title {
    background: linear-gradient(97.11deg, rgba(196, 196, 196, 0.069) 5%, rgba(196, 196, 196, 0) 137.68%);
    backdrop-filter: blur(18.5947px);
    -webkit-backdrop-filter: blur(18.5947px);
    padding: 18px 60px;
    border-radius: 24px;
    font-weight: 800;
    font-size: 48px;
    text-align: center;
    /*border: 1px solid #6F6F6F;*/
    margin-bottom: 40px;
    display: inline-block;
    position: relative;
}
.banner_title:before,
.banner_title:after{
    content: '';
    position: absolute;
    border-radius: 24px;
    z-index: -2;
}
.banner_title:before{
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #292929;
    backdrop-filter: blur(18.5947px);
    -webkit-backdrop-filter: blur(18.5947px);
    z-index: -1;
}
.banner_title:after{
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(320deg, #6F6F6F 0.6%, rgba(197, 197, 197, 0) 20.95%), linear-gradient(314deg, rgba(111, 111, 111, 0) 61.27%, #6F6F6F 98.79%);
}
.im_banner_wrapperl p {
    padding-left: 60px;
    font-size: 24px;
    font-weight: 600;
}
.triengle1, .triengle2, .triengle3 {
    position: absolute;
}
.triengle1 {
    right: 10%;
    top: 10%;
    transform: scale(0.4);
    filter: blur(14.5px);
}
.triengle2 {
    right: 45%;
    bottom: 20%;
    filter: blur(14.5px);
}
.triengle3 {
    right: 10%;
    bottom: -60px;
}
.banner_earthimg {
    position: absolute;
    bottom: -53%;
/*    top: 27%;*/
    left: -160px;
    z-index: -1;
}



.section_main_title {
    text-align: center;
}
.section_main_title h2 {
    background: #1C1C1C;
    box-shadow: -7px -7px 35px rgba(254, 254, 254, 0.1), 10px 10px 35px #000000;
    border-radius: 41px;
    display: inline-block;
    padding: 23px 35px;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 80px;
}
.section_main_title h2 img {
    margin-right: 23px;
}
.section_title {
    font-weight: 500;
    font-size: 32px;
    color: #B7D5FF;
    margin-bottom: 40px;
    line-height: 1.5;
}
.blue_text {
    color: #B7D5FF;
    font-weight: 700;
}
.section_content p {
    margin-bottom: 20px;
}
.section_content p:last-child{
    margin-bottom: 0;
}
.blurbg {
    background: rgba(196, 196, 196, 0.069);
    backdrop-filter: blur(18.5947px);
    -webkit-backdrop-filter: blur(18.5947px);
}
.blurbg .section_main_title h2{
    background: #292929;
    box-shadow: -7px -7px 35px rgba(254, 254, 254, 0.1), 10px 10px 35px rgba(0, 0, 0, 0.5);
}
    

.overviewsection .ovrtviewtitle_tri {
    position: absolute;
    z-index: -1;
    opacity: 0.5;
    filter: blur(18.5947px);
}

.section_imgbox {
    position: relative;
}
.section_imgbox:after {
    display: inline-block;
    content: "";
    background: #2B78E4;
    opacity: 0.4;
    filter: blur(73.5px);
    transform: rotate(11.18deg);
    width: 401.69px;
    height: 291.84px;
    position: absolute;
    left: 0;
    bottom: 40px;
    border-radius: 100%;
}
.rightcontent .section_content {
    padding-left: 50px;
}
.leftcontent .section_content {
    padding-right: 50px;
}
.leftcontent .section_imgbox {
    text-align: right;
}
.leftcontent .section_imgbox:after {
    left: auto;
    right: 0;
}

.our_approach .blur_circle {
    position: absolute;
    left: -400px;
}
.our_approachslider_wrapper{
    margin-top: 80px;
    position: relative;
}
.our_approachslider_wrapper:after{
    display: inline-block;
    content: "";
    height: 60px;
    left: 0;
    right: 0;
    width: 100%;
    background-image: url(../../images/case-study/interactive-marketing/im-img10.webp);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
}
.our_approachslider .sliderbox {
    background: linear-gradient(142.72deg, rgba(196, 196, 196, 0.24) 1.32%, rgba(196, 196, 196, 0) 101.84%);
    filter: drop-shadow(10px 10px 50px rgba(0, 0, 0, 0.7));
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 52px;
    padding: 40px 15px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.01em;
    border: 1px solid #9C9C9C;
    height: 100%;
}
.our_approachslider .sliderbox .sliderboximg {
    margin-bottom: 60px;
}
.our_approachslider .sliderbox .sliderboximg img {
    width: auto;
    margin: 0 auto;
    transform: translateX(10px);
}
.our_approachslider.owl-carousel .owl-stage {
    display: flex;
}
.owl-carousel.our_approachslider .owl-item .item {
    height: 100%;
}

.section_imgboxcenter {
    display: inline-block;
    margin-left: 7px;
}
.our_approachtriengle {
    position: absolute;
    bottom: -57px;
    left: 10%;
    transform: rotate(17deg) scale(0.7);
}

/**/
.our_challenges .blur_circle {
    position: absolute;
    left: -500px;
}
.our_challengelist_wrapper {
    padding-top: 55px;
    position: relative;
}
.our_challengelist_wrapper ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.our_challengelist_wrapper ul li {
    width: 45%;
    border: 0.5px solid #F3F6F9;
    border-radius: 24px;
    padding: 25px 40px;
    background: #F3F6F9;
    margin-top: 40px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #2B78E4;
    position: relative;
}
.our_challengelist_wrapper:after {
    display: inline-block;
    content: "";
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: -3px;
    border-right: 1px solid #2B78E4;
    bottom: 0;
    position: absolute;
}
.our_challengelist_wrapper ul li:after {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    background: #2B78E4;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(-5% + -42px);
}
.our_challengelist_wrapper ul li:nth-child(2n):after, .our_challengelist_wrapper ul li:nth-child(2n):before {
    display: none;
}
.our_challengelist_wrapper ul li:before {
    display: inline-block;
    content: "";
    height: 56px;
    width: 56px;
    background: radial-gradient(42.86% 42.86% at 50% 50%, #2B78E4 0%, rgba(41, 41, 41, 0) 100%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(-5% + -65px);
}

.our_challenges .tr1{
    opacity: 0.5;
    filter: blur(14.5px);
    position: absolute;
    right: 5%;
    bottom: 20%;
}

/* OUR SOLUTION */
.solutionrow{
    margin-bottom: 80px;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.solutionrow:last-child{
    margin-bottom: 0px;
    position: relative;
}
.solutionrow1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    position: relative;
}
.arrow_pattern_wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -32px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.left_triangle_arrow,
.right_triangle_arrow{
    position: absolute;
    width: 50%;
}
.left_triangle_arrow{
    left: 180px;
}
.right_triangle_arrow{
    right: -100px;
}
.left_triangle_arrow_1, 
.left_triangle_arrow_2,
.right_triangle_arrow_1,
.right_triangle_arrow_2{
    position: absolute;
    left: 0;
    width: 50%;
}
.left_triangle_arrow_1:before,
.left_triangle_arrow_1:after,
.left_triangle_arrow_2:before,
.left_triangle_arrow_2:after,
.right_triangle_arrow_1:before,
.right_triangle_arrow_1:after,
.right_triangle_arrow_2:before,
.right_triangle_arrow_2:after{
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 16px solid #1F67E8;
    border-bottom: 8px solid transparent;
}

.left_triangle_arrow_1:before,
.right_triangle_arrow_2:after{
    opacity: 0.2;
}

.left_triangle_arrow_1:after,
.right_triangle_arrow_2:before{
    opacity: 0.4;
}

.left_triangle_arrow_2:before,
.right_triangle_arrow_1:after{
    opacity: 0.6;
}

.left_triangle_arrow_2:after,
.right_triangle_arrow_1:before{
    opacity: 0.8;
}

.left_triangle_arrow_1:after,
.right_triangle_arrow_1:after{
    left: 33%;
}

.left_triangle_arrow_2:before,
.right_triangle_arrow_2:before{
    left: 66%;
}

.left_triangle_arrow_2:after,
.right_triangle_arrow_2:after{
    left: 99%;
}

.solutionrow2{
    position: relative;
}
.solutionrow1 .bluronlycontentbox{
    margin-top: -52px;
}
.blueboxcontent {
    text-align: center;
    position: relative;
}
.blueboxcontent  .blueboxcontentimg {
    background: linear-gradient(90deg, rgba(43, 120, 228, 0.15) 0%, rgba(18, 84, 235, 0.15) 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    height: 170px;
    width: 170px;
    border-radius: 26px;
    margin-bottom: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid rgb(43 120 228 / 35%);
}
/*.blueboxcontentimg:after {
    display: inline-block;
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
     background: linear-gradient(90deg, #1254EB00 0%, #2B78E459 30%); 
    border-radius: 26px;
}*/
.blueboxcontent p {
    font-weight: 600;
}
.bluronlycontentbox {
    background: linear-gradient(90deg, rgba(43, 120, 228, 0.15) 0%, rgba(18, 84, 235, 0.15) 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 26px;
    padding: 20px 30px;
    text-align: center;
    border: 1px solid rgb(43 120 228 / 35%);
}
.bluronlycontentbox_space{
    padding: 40px 90px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.bluronlycontentbox p {
    margin-bottom: 25px;
}
.bluronlycontentbox p:last-child {
    margin-bottom: 0;
}
.solutionrow3 {
    display: flex;
    justify-content: space-between;
}
.solutionrow3 .blueboxcontent:after {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 16px solid  #1F67E8;
    border-bottom: 8px solid transparent;
    display: inline-block;
    content: "";
    position: absolute;
    top: 73px;
    right: -93px;
    opacity: 0.8;
}
.solutionrow3 .blueboxcontent:nth-child(1):after {
    opacity: 0.4;
}
.solutionrow3 .blueboxcontent:nth-child(2):after {
    opacity: 0.6;
}
.solutionrow3 .blueboxcontent:nth-child(4):after {
    display: none;
}
.our_solution .solutionrow2 .tr1,
.our_solution .solutionrow4 .tr1{
    opacity: 1;
    filter: blur(0px);
    width: 65px;
    height: 65px;
}
.our_solution .solutionrow2 .tr1{
    left: -3%;
    top: 10%;
}
.our_solution .solutionrow4 .tr1{
    right: -3%;
    top: 20%;
}
.rlogicalshape {
    display: inline-block;
    width: 125px;
    height: 125px;
    border-radius: 85px 20px 85px 85px;
    background: #1F67E8;
    top: 30%;
    left: 5%;
}
.our_solution .rlogicalshape {
    opacity: 0.3;
    filter: blur(14.5px);
    position: absolute;
}
.our_solution .tr1 {
    opacity: 0.3;
    filter: blur(14.5px);
    position: absolute;
    right: 5%;
    bottom: 20%;
}
.our_solution .tr2 {
    position: absolute;
    left: 10%;
    bottom: -40px;
    transform: scale(0.8);
}
.our_solution .tr3 {
    transform: scale(0.4);
}

/* TeCHNOLOGY STACK */
.techsection .blur_circle{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -400px;
}
.techsection .blur_circleright{
    left: auto;
    right: -400px;
}
.tech_wrapper {
    display: flex;
    margin: 0 -20px;
}
.techgradbox {
    width: 20%;
    margin: 0 25px;
    box-shadow: 8.63393px 8.63393px 51.8036px rgb(0 0 0 / 50%);
    backdrop-filter: blur(17.2679px);
    -webkit-backdrop-filter: blur(17.2679px);
    border-radius: 21px;
    text-align: center;
    padding: 30px 12px;
    font-size: 15px;
}
.techimgbox {
    margin: 30px 0;
}
.techgradbox:after {
    display: inline-block;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 20px;
    z-index: 1;
}
.techgradbox:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index: 2;
    background: #363636eb;
    backdrop-filter: blur(18.5947px);
    -webkit-backdrop-filter: blur(18.5947px);
}
.techgradborder {
    position: relative;
    z-index: 2;
}

.greengrad {
    background: linear-gradient(142.72deg, rgba(76, 223, 141, 0.1) 1.32%, rgba(196, 196, 196, 0) 101.84%);
}
.greengrad .techname {
    color: #4BDF8D;
}
.greengrad:after {
    background: linear-gradient(143.25deg, #4BDF8D 0%, rgba(156, 156, 156, 0) 18.9%), linear-gradient(336.01deg, #4CDF8E -8.64%, rgba(156, 156, 156, 0) 65.45%);
}

.yellowgrad {
    background: linear-gradient(142.72deg, rgba(242, 156, 31, 0.1) 1.32%, rgba(196, 196, 196, 0) 101.84%);
}
.yellowgrad .techname{color: #F29C1F;}
.yellowgrad:after {
   background: linear-gradient(143.25deg, #F29C1F 0%, rgba(156, 156, 156, 0) 18.9%),linear-gradient(336.01deg, #F29C1F -8.64%, rgba(156, 156, 156, 0) 65.45%);
}

.bluegrad {
    background: linear-gradient(142.72deg, rgba(83, 130, 161, 0.1) 1.32%, rgba(196, 196, 196, 0) 101.84%);
}
.bluegrad .techname{color: #5382A1;}
.bluegrad:after {
    background: linear-gradient(143.25deg, #5382A1 0%, rgba(156, 156, 156, 0) 18.9%),linear-gradient(336.01deg, #5382A1 -8.64%, rgba(156, 156, 156, 0) 65.45%);
}

.pinkgrad {
    background: linear-gradient(142.72deg, rgba(242, 81, 146, 0.1) 1.32%, rgba(196, 196, 196, 0) 101.84%);
}
.pinkgrad .techname{color: #F25192;}
.pinkgrad:after {
    background: linear-gradient(143.25deg, #F25192 0%, rgba(156, 156, 156, 0) 18.9%),linear-gradient(336.01deg, #F25192 -8.64%, rgba(156, 156, 156, 0) 65.45%);
}

.redgrad {
    background: linear-gradient(142.72deg, rgba(236, 28, 35, 0.1) 1.32%, rgba(196, 196, 196, 0) 101.84%);
}
.redgrad .techname{color: #EC1C23;}
.redgrad:after {
    background: linear-gradient(143.25deg, #EC1C23 0%, rgba(156, 156, 156, 0) 18.9%),linear-gradient(336.01deg, #EC1C23 -8.64%, rgba(156, 156, 156, 0) 65.45%);
}


.blackbox {
    background: #262626;
    border: 1px solid rgb(202 202 202 / 33%);
    box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.7);
    border-radius: 25px;
    padding: 58px 40px;
    text-align: center;
}
.blackbox p {
    font-weight: 500;
    margin-bottom: 25px;
}
.blackbox p:last-child {
    margin: 0;
}
.UserInterface .blackbox {
    width: 780px;
    margin: 0 auto;
    max-width: 100%;
}


.welcomescreen_main {
    border: 2px dashed rgb(202 202 202 / 33%);
    position: relative;
}
.overlaptitle {
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}
.overlaptitle .backtitle {
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #292929;
    font-size: 96px;
    font-weight: 800;
    line-height: 1.6;
}
.overlaptitle .fronttitleborder {
    padding: 1px;
    background: linear-gradient(143.25deg, #CACACA 0%, rgba(156, 156, 156, 0) 18.9%), linear-gradient(313.3deg, #CACACA 2.12%, rgba(156, 156, 156, 0) 63.73%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 52px;
}
.overlaptitle .fronttitle{
    position: relative;
    border-radius: 52px;
    display: inline-block;
    padding: 25px 47px;
    font-size: 26px;
    background: linear-gradient(95.39deg, rgb(54 54 54 / 74%) 11.25%, rgb(0 0 0 / 80%) 95.49%);
    backdrop-filter: blur(6.5px);
    -webkit-backdrop-filter: blur(6.5px);
}

.singlescreen .blackbox {
    padding: 35px;
}
.singlescreen .screenimg {
    display: inline-block;
    box-shadow: 20.8837px 20.8837px 37.5907px rgba(0, 0, 0, 0.8), 12.5302px 12.5302px 29.2372px #000000;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}
.singlescreen .screenimg.video_screen_img:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../../images/case-study/interactive-marketing/play-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 57px;
    height: 57px;
}
.singlescreen .singlescreen_border {
    display: inline-block;
    padding: 23px 27px;
    background: linear-gradient(299.58deg, #2B78E4 1.7%, #2B78E4 1.71%, rgba(39, 109, 208, 0) 29.78%), linear-gradient(125.26deg, #2B78E4 2.19%, rgba(64, 130, 224, 0) 29.07%);
    border-radius: 28px;
    position: relative;
}
.screen_side_pattern .singlescreen .singlescreen_border{
    background: linear-gradient(270deg, #2B78E4 1.7%, #2B78E4 1.71%, rgba(39, 109, 208, 0) 29.78%), linear-gradient(90deg, #2B78E4 2.19%, rgba(64, 130, 224, 0) 29.07%);
}
.screen_top_bottom_pattern .singlescreen .singlescreen_border{
    background: linear-gradient(0deg, #2B78E4 1.7%, #2B78E4 1.71%, rgba(39, 109, 208, 0) 29.78%), linear-gradient(180deg, #2B78E4 2.19%, rgba(64, 130, 224, 0) 29.07%);
}
.singlescreen .singlescreen_border:after {
    position: absolute;
    display: inline-block;
    content: "";
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: #1c1c1c;
    border-radius: 28px;
    z-index: 0;
}
.screenwrapper_row{
    text-align: center;
    width: calc(100% - 150px);
    padding-bottom: 90px;
    margin: 0 auto;
}

.screenwrapper_row1 .blackbox {
    width: 660px;
    margin: 0 auto 30px;
}
.screenwrapper_row2 {
    display: flex;
    justify-content: space-between;
}
.screenwrapper_row2 .singlescreen {
    max-width: 45%;
}
.screenwrapper_row2 .blackbox {
    margin-top: 55px;
    min-height: 206px;
}

.DiagnosticsScreen .screenwrapper_row2 .blackbox{
    min-height: 320px;
}

.whitebox {
    background: #F3F6F9;
    box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(12.5px);
    -webkit-backdrop-filter: blur(12.5px);
    border-radius: 25px;
    padding: 35px;
    color: #1C1C1C;
    width: 960px;
    max-width: 100%;
    margin: 30px auto 0;
    font-weight: 500;
}
.whiteboxbtns {
    margin-top: 35px;
    font-size: 0;
}
.bluebtn {
    background: linear-gradient(90deg, #2B78E4 0%, #1254EB 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 26px;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 0.01em;
    color: #F3F6F9;
    padding: 13px 25px;
    margin: 0 8px;
    font-weight: 500;
}

.dashboad_detail_wrapper{
    width: calc(100% - 150px);
    margin: 0 auto;
}
.dashboardscreen .blackbox {
    width: 425px;
    margin: 0 auto 55px;
    padding: 35px;
}
.dashboad_detail1 {
    display: flex;
    justify-content: space-between;
}
.dashboad_detail1 .dashboad_detail_l, .dashboad_detail1 .dashboad_detail_r {
    max-width: 50%;
}
.dashlistwrapper li {
    display: inline-block;
    width: 100%;
    margin: 30px 0;
    position: relative;
}
.dashlistwrapper li:hover .dashimgbox{
    transform: translateY(-50%) scale(1.15);
    z-index: 1;
}
.dashlistwrapper li .bluronlycontentbox {
    max-width: 285px;
    min-height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.dashlistwrapper li .dashimgbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 275px;
    z-index: 0;
    box-shadow: 0px 0px 30px rgb(43 120 228 / 70%);
    border-radius: 10px;
}

.dashlistwrapperleftimg .bluronlycontentbox {
    margin-left: auto;
}
.dashlistwrapperleftimg li .dashimgbox {
    left: auto;
    right: 275px;
}


.dashiconbox_wrapper {
    display: flex;
    margin-top: 50px;
    justify-content: space-around;
    text-align: center;
    font-weight: 500;
}
.dashiconbox_wrapper .single_dashiconbox {
    width: 145px;
}
.dashiconbox_wrapper .single_dashiconbox .bluebox {
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2px;
    margin: 0 auto 50px;
    font-size: 16px;
    background: linear-gradient(90deg, rgba(43, 120, 228, 0.15) 0%, rgba(18, 84, 235, 0.15) 100%);
    border: 1px solid #2B78E4;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}
.dashiconbox_wrapper .single_dashiconbox .bluebox img {
    margin-bottom: 17px;
    height: 35px;
}


.DiagnosticsScreen .screenwrapper_row2 .singlescreen {
    max-width: 27%;
}
.DiagnosticsScreen .screenwrapper_row2 .singlescreen_border {
    padding: 16px 18px;
    border-radius: 19px;
}
.DiagnosticsScreen .screenwrapper_row2 .singlescreen_border::after {
    border-radius: 18px;
}

.single_content_wrapper .blackbox{
    margin-top: 0px;
    text-align: left;
    padding: 65px 45px;
}

.screen_details_wrapper{
    display: flex;
    justify-content: space-between;
    width: calc(100% - 150px);
    margin: 0 auto;
}

.content_details_grid{
    width: 45%;
}

.content_details_grid:first-child .content_details_grid_content{
    margin-left: auto;   
}

.content_details_grid:last-child .content_details_grid_content{
    margin-left: 100px;
}

.content_details_grid_content{
    width: 310px;
}

.common_content_label{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 10px;
    display: inline-block;
    padding: 12px 37px;
    margin-bottom: 32px;
}

.blue_label_bg{
    background: #2B78E4;
    color: #fff;
    font-weight: 600;
}

.white_label_bg{
    background-color: #fff;
    color: #2B78E4;
    font-weight: 700;
}

.content_details_grid p{
    width: 100%;
}

.AppSettings .screen_details_wrapper {
    justify-content: space-evenly;
}

.app_setting_grid_content{
    width: 265px;
}

.playing_content_screen{
    margin-top: 55px;
}

.playing_content_screen .blackbox{
    width: 80%;
}

.playing_content_screen .blackbox p{
    text-align: left;
}
.section_title.footer_casestudt_title{
    color: #fff;
}
.footer_section {
    position: relative;
    padding: 95px 0 60px;
    background: rgba(196, 196, 196, 0.069);
    backdrop-filter: blur(18.5947px);
    -webkit-backdrop-filter: blur(18.5947px);
}

.footer_globe_image_wrapper{
    position: relative;
}

.footer_globe_image{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -400px;
    z-index: -1;
}

.footer_thankyou_section{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.thankyou_title{
    color: #F6F8FF;
    font-size: 48px;
    line-height: 54px;
    text-align: center;
    position: relative;
    padding-bottom: 150px;
    margin-bottom: 50px;
    font-family: 'Poppins', sans-serif;
}

.thankyou_title:before{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    border: 2px solid #F6F8FF;
    height: 108px;
}

.theme_contactbtn{
    background: #292929;
    box-shadow: -5.48973px -5.48973px 27.4486px rgba(254, 254, 254, 0.1), 7.84247px 7.84247px 27.4486px #000000;
    border-radius: 32px;
    display: flex;
    align-items: center;
    padding: 22px 36px;
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #fff;
    transition: 0.4s linear;
}

.theme_contactbtn:hover{
    color: #fff;
    box-shadow: -1.48973px -1.48973px 15.4486px rgba(254, 254, 254, 0.1), 3.84247px 3.84247px 15.4486px #000000;
}

.theme_contactbtn img{
    margin-right: 20px;
    width: 30px;
}

.foot_logo{
    margin-top: 70px;
}

.rlogicalshape{
    opacity: 0.3;
    filter: blur(14.5px);
    position: absolute;
}

.welcomescreen .rlogicalshape{
    right: 10%;
    left: auto;
    top: auto;
    bottom: 32%;
}

.dashboardscreen .rlogicalshape,
.AppSettings .rlogicalshape{
    left: auto;
    right: 10%;
    top: auto;
}

.dashboardscreen .rlogicalshape{
    bottom: 5%;
}

.blur_big_circle{
    width: 806px;
    height: 806px;
    position: absolute;
    background: rgba(43, 120, 228, 0.35);
    opacity: 0.5;
    filter: blur(70px);
    border-radius: 100%;
}

.welcomescreen_main .tr1{
    top: 10%;
}

.welcomescreen_main .tr1,
.dashboardscreen .tr1,
.ContentScreen .tr1{
    opacity: 0.3;
    filter: blur(14.5px);
    position: absolute;
    left: 10%;
}

.dashboardscreen .tr1{
    top: 20%;
}

.ContentScreen .tr1{
    top: 10%;
}

.welcomescreen_main .blur_big_circle{
    right: -550px;
    top: 8%;
}

.welcomescreen .blur_big_circle{
    right: auto;
    top: 60%;
    left: -550px;
}

.dashboardscreen .blur_big_circle{
    right: -550px;
    top: 50%;
    transform: translateY(-50%);
}

.ContentScreen .blur_big_circle{
    right: -550px;
    bottom: -20%;
}

.DiagnosticsScreen .blur_big_circle,
.PlayingContenScreen .blur_big_circle{
    left: -550px;
}

.footer_section_wrapper{
    background-image: url(../../images/case-study/interactive-marketing/footer-globe-img.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: auto;
}

.footer_section_wrapper .PlayingContenScreen{
    padding-bottom: 200px;
}

.wow.animated {
    animation-iteration-count: inherit;
}

.spin-animation{
    -webkit-animation: spin infinite 4s linear;
    animation: spin infinite 4s linear;
}

.zoom-in-out{
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

.slide-y{
    -webkit-animation: slide-y infinite 3s linear;
    animation: slide-y infinite 3s linear;
}

.lets-talk-section{
    border: none;
}
.lets-talk-section .text-orange {
    color: #fff;
}
.footer-casestudy-section {
    border: none;
}
.footer-casestudy-wrapper:hover h5 {
    color: #2B78E4;
}

/* continuous rotate keyframes */
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
/* */

/* zoom in and out keyframes */
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.3, 1.3);
  }
  100% {
    transform: scale(1, 1);
  }
}
/* */

/* slide y keyframe */
@-webkit-keyframes slide-y {
    0% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
}
@keyframes slide-y {
    0% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(-px);
    }
    100% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
}

@-webkit-keyframes slide-x {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}
@keyframes slide-x {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}
/* */



@media (min-width: 1400px){
    .page-template-interactive-marketing .container {
        max-width: 1340px;
    }
    .im_banner .container{
        max-width: 1640px;
    }
}

@media (min-width: 1921px) {
    .banner_earthimg{
        bottom: -380px;
    }

    .im_banner_wrapperl{
        margin-bottom: 0px;
    }

    .our_approachslider_wrapper:after{
        height: 125px;
    }
}

@media (max-width: 1800px){

    .screenwrapper_row{
        width: calc(100% - 130px);
        padding-bottom: 80px;
    }

    .blur_circle{
        width: 580px;
        height: 580px;
    }

    .im_banner_wrapperl{
        margin-bottom: 130px;
    }

    .banner_title{
        padding: 16px 50px;
        font-size: 44px;
    }

    .im_banner_wrapperl p{
        padding-left: 50px;
        font-size: 22px;
    }

    .section_gap{
        padding: 85px 0px;
    }

    .section_main_title h2{
        padding: 20px 32px;
        font-size: 18px;
        margin-bottom: 65px;
    }

    .section_main_title h2 img {
        margin-right: 18px;
        width: 32px;
    }

    .rightcontent .section_content {
        padding-left: 40px;
    }

    .section_title{
        font-size: 30px;
        margin-bottom: 35px;
    }

    .our_approachslider .sliderbox .sliderboximg {
        margin-bottom: 45px;
    }

    .our_approachslider .sliderbox .sliderboximg img{
        max-height: 80px;
    }

    .our_challengelist_wrapper ul li{
        padding: 22px 32px;
    }

    .rlogicalshape{
        width: 100px;
        height: 100px;
        top: 32%;
        left: 3%;
    }

    .techgradbox{
        margin: 0 20px;
        padding: 25px 10px;
    }

    .techimgbox {
        margin: 25px 0;
    }

    .techimgbox img{
        max-height: 120px;
    }

    .blackbox{
        padding: 52px 35px;
    }

    .welcomescreen_main .tr1 {
        top: 8%;
    }

    .blur_big_circle{
        width: 756px;
        height: 756px;
    }

    .overlaptitle{
        margin-bottom: 45px;
    }

    .overlaptitle .fronttitle{
        padding: 22px 42px;
        font-size: 24px;
    }

    .overlaptitle .backtitle{
        font-size: 90px;
    }

    .singlescreen .blackbox {
        padding: 32px;
    }

    .singlescreen .singlescreen_border{
        padding: 20px 25px;
    }

    .screenwrapper_row2 .blackbox{
        min-height: 195px;
    }

    .bluronlycontentbox{
        padding: 16px 25px;
    }

    .bluronlycontentbox_space{
        padding: 35px 75px;
    }

    .single_content_wrapper .blackbox{
        padding: 60px 40px;
    }

    .screen_details_wrapper{
        width: calc(100% - 130px);
    }

    .common_content_label{
        padding: 10px 32px;
    }

    .footer_section_wrapper{
        background-position: bottom -50px center;
    }

    .footer_section{
        padding: 85px 0 55px;
    }

    .thankyou_title{
        font-size: 44px;
        line-height: 52px;
        padding-bottom: 140px;
        margin-bottom: 40px;
    }

    .thankyou_title:before{
        height: 95px
    }

    .theme_contactbtn{
        padding: 20px 32px;
    }

    .theme_contactbtn img {
        margin-right: 16px;
        width: 26px;
    }

    .foot_logo {
        margin-top: 60px;
    }

    .banner_earthimg {
        bottom: -60%;
    }
}

@media (max-width: 1600px){

    .page-template-interactive-marketing{
        font-size: 16px;
    }

    .im_banner{
        padding: 70px 0;
    }
    
    .blur_circle {
        width: 540px;
        height: 540px;
    }

    .im_banner_wrapperl {
        margin-bottom: 115px;
    }

    .banner_title {
        padding: 14px 35px;
        font-size: 40px;
        margin-bottom: 35px;
    }

    .im_banner_wrapperl p {
        padding-left: 40px;
        font-size: 20px;
    }

    .section_gap {
        padding: 75px 0px;
    }

    .section_main_title h2 {
        padding: 18px 28px;
        font-size: 16px;
        margin-bottom: 60px;
    }

    .rightcontent .section_content {
        padding-left: 35px;
    }

    .section_title {
        font-size: 27px;
        margin-bottom: 30px;
    }

    .our_challenges .blur_circle {
        left: -450px;
    }

    .our_challengelist_wrapper{
        padding-top: 45px;
    }

    .our_challengelist_wrapper ul li {
        padding: 20px 26px;
        margin-top: 35px;
    }

    .our_challengelist_wrapper ul li:before{
        height: 48px;
        width: 48px;
        right: calc(-5% + -61px);
    }

    .rlogicalshape {
        width: 85px;
        height: 85px;
        top: 30%;
        left: 1%;
    }

    .solutionrow1{
        margin-top: 40px;
    }

    .solutionrow{
        margin-bottom: 65px;
        max-width: 85%;
    }

    .blueboxcontent .blueboxcontentimg{
        height: 155px;
        width: 155px;
        margin-bottom: 20px;
    }

    .solutionrow1 .blueboxcontent .blueboxcontentimg img{
        max-height: 76px;
    }

    .solutionrow1 .bluronlycontentbox {
        margin-top: -44px;
    }

    .arrow_pattern_wrapper{
        margin-top: -28px;
    }

    .left_triangle_arrow {
        left: 170px;
    }

    .right_triangle_arrow {
        right: -95px;
    }

    .our_solution .solutionrow2 .tr1, .our_solution .solutionrow4 .tr1 {
        width: 55px;
        height: 55px;
    }

    .our_solution .solutionrow2 .tr1 {
        top: 15%;
    }

    .solutionrow3 .blueboxcontent .blueboxcontentimg img{
        max-height: 60px;
    }

    .solutionrow3 .blueboxcontent:after{
        top: 67px;
        right: -86px;
    }

    .our_solution .tr1{
        bottom: 40%;
    }

    .techimgbox img {
        max-height: 105px;
    }

    .whitebox{
        padding: 30px;
        width: 900px;
    }

    .whiteboxbtns{
        margin-top: 30px;
    }

    .bluebtn{
        font-size: 16px;
        padding: 10px 22px;
        margin: 0 6px;
    }

    .screenwrapper_row {
        width: calc(100% - 115px);
        padding-bottom: 70px;
    }

    .dashboad_detail_wrapper{
        width: calc(100% - 115px);
    }

    .dashiconbox_wrapper .single_dashiconbox .bluebox{
        width: 120px;
        height: 120px;
        font-size: 15px;
        margin: 0 auto 40px;
    }

    .screen_details_wrapper {
        width: calc(100% - 115px);
    }

    .footer_section_wrapper .PlayingContenScreen {
        padding-bottom: 180px;
    }

    .footer_section {
        padding: 75px 0 50px;
    }

    .footer_section_wrapper{
        background-position: bottom -120px center;
    }

    .thankyou_title{
        font-size: 40px;
        line-height: 48px;
        padding-bottom: 125px;
    }

    .thankyou_title:before {
        height: 85px;
    }

    .theme_contactbtn {
        padding: 18px 30px;
        font-size: 14px;
        line-height: 24px;
    }

    .foot_logo {
        margin-top: 50px;
    }
}

@media (max-width: 1399px){
    
    .im_banner {
        padding: 60px 0;
    }

    .blur_circle {
        width: 480px;
        height: 480px;
    }

    .im_banner .blur_circle{
        right: -350px;
    }

    .im_banner_wrapperr {
        right: -240px;
    }

    .im_banner_wrapperr img{
        max-width: 80%;
    }

    .banner_title{
        font-size: 36px;
        margin-bottom: 30px;
    }

    .im_banner_wrapperl p{
        padding-left: 35px;
    }

    .im_banner_wrapperl {
        margin-bottom: 90px;
    }

    .banner_earthimg {
        bottom: -52%;        
    }

    .triengle2,
    .triengle3{
        width: 85px;
    }

    .triengle2{
        right: 40%;
        bottom: 25%;
    }

    .triengle3{
        bottom: -40px;
    }

    .section_imgbox:after{
        width: 390px;
        height: 280px;
    }

    .rightcontent .section_content {
        padding-left: 30px;
    }

    .overviewsection .ovrtviewtitle_tri{
        width: 85px;
    }

    .section_main_title h2 {
        margin-bottom: 50px;
    }

    .section_main_title h2 img {
        margin-right: 14px;
        width: 28px;
    }

    .our_approachslider_wrapper{
        margin-top: 60px;
    }

    .our_approachslider .sliderbox .sliderboximg {
        margin-bottom: 35px;
    }

    .our_approachslider .sliderbox .sliderboximg img {
        max-height: 70px;
    }

    .our_challengelist_wrapper ul li {
        padding: 18px 24px;
        margin-top: 32px;
    }

    .our_challengelist_wrapper ul li:before{
        right: calc(-5% + -55px);
    }

    .our_challengelist_wrapper ul li:after{
        width: 6px;
        height: 6px;
        right: calc(-5% + -35px);
    }

    .rlogicalshape {
        width: 75px;
        height: 75px;
        top: 25%;
        left: 0%;
    }

    .our_solution .tr1,
    .our_solution .tr2,
    .welcomescreen_main .tr1{
        width: 85px;
    }

    .our_solution .tr1{
        right: 2%;
    }

    .our_solution .tr2{
        left: 5%;
        bottom: -45px;
    }

    .solutionrow1 {
        margin-top: 30px;
    }

    .solutionrow {
        margin-bottom: 55px;
        max-width: 100%;
    }

    .blueboxcontent .blueboxcontentimg {
        height: 140px;
        width: 140px;
    }

    .solutionrow1 .blueboxcontent .blueboxcontentimg img {
        max-height: 65px;
    }

    .bluronlycontentbox {
        padding: 12px 22px;
    }

    .left_triangle_arrow {
        left: 160px;
    }

    .right_triangle_arrow {
        right: -100px;
    }

    .left_triangle_arrow_1:before, 
    .left_triangle_arrow_1:after, 
    .left_triangle_arrow_2:before, 
    .left_triangle_arrow_2:after, 
    .right_triangle_arrow_1:before, 
    .right_triangle_arrow_1:after, 
    .right_triangle_arrow_2:before, 
    .right_triangle_arrow_2:after{
        border-top: 6px solid transparent;
        border-left: 12px solid #1F67E8;
        border-bottom: 6px solid transparent;
    }

    .bluronlycontentbox_space{
        padding: 32px 70px;
    }

    .solutionrow3 .blueboxcontent .blueboxcontentimg img {
        max-height: 50px;
    }

    .solutionrow3 .blueboxcontent:after {
        top: 62px;
        right: -100px;
    }

    .techsection .blur_circle{
        left: -350px;
        width: 515px;
        height: 515px;
    }

    .techsection .blur_circleright{
        right: -350px;
        left: auto;
    }

    .overlaptitle .fronttitle {
        padding: 20px 38px;
        font-size: 22px;
    }

    .overlaptitle .backtitle {
        font-size: 82px;
    }

    .blur_big_circle {
        width: 700px;
        height: 700px;
    }

    .welcomescreen_main .blur_big_circle{
        right: -500px;
    }

    .welcomescreen .blur_big_circle{
        left: -500px;
    }

    .screenwrapper_row{
        width: 100%;
        padding-bottom: 60px;
    }

    .screenwrapper_row2 .blackbox{
        margin-top: 45px;
        padding: 26px;
        min-height: 180px;
    }

    .whitebox {
        padding: 25px;
        width: 850px;
    }

    .whiteboxbtns {
        margin-top: 25px;
    }

    .bluebtn {
        font-size: 15px;
        padding: 8px 20px;
        margin: 0 5px;
    }

    .dashboad_detail_wrapper{
        width: 100%;
    }

    .overlaptitle {
        margin-bottom: 35px;
    }

    .dashboardscreen .blackbox {
        width: 400px;
        margin: 0 auto 45px;
        padding: 30px;
    }

    .dashlistwrapper li{
        margin: 20px 0;
    }

    .dashlistwrapper li .bluronlycontentbox{
        max-width: 265px;
        min-height: 125px;
    }

    .dashlistwrapper li .dashimgbox{
        left: 250px;
        max-width: 35%;
    }

    .dashlistwrapperleftimg li .dashimgbox{
        left: auto;
        right: 250px;
    }

    .dashiconbox_wrapper{
        margin-top: 35px;
    }

    .dashiconbox_wrapper .single_dashiconbox .bluebox {
        font-size: 14px;
        margin: 0 auto 30px;
    }

    .dashiconbox_wrapper .single_dashiconbox .bluebox img {
        margin-bottom: 14px;
        height: 30px;
    }

    .single_content_wrapper .blackbox{
        padding: 60px 40px;
        margin-top: 0;
    }

    .screen_details_wrapper{
        width: 100%;
    }

    .content_details_grid_content {
        width: 280px;
    }

    .common_content_label {
        padding: 10px 26px;
    }

    .singlescreen .screenimg.video_screen_img:before{
        width: 45px;
        height: 45px;
    }

    .playing_content_screen {
        margin-top: 40px;
    }

    .footer_section_wrapper .PlayingContenScreen {
        padding-bottom: 160px;
    }

    .DiagnosticsScreen .blur_big_circle, .PlayingContenScreen .blur_big_circle{
        left: -500px;
    }

    .playing_content_screen .blackbox {
        width: 75%;
    }

    .blackbox {
        padding: 45px 30px;
    }

    .footer_section_wrapper {
        background-position: bottom 130px center;
        background-size: 1140px;
    }

    .footer_section {
        padding: 65px 0 45px;
    }

    .thankyou_title {
        font-size: 36px;
        line-height: 42px;
        padding-bottom: 110px;
    }

    .thankyou_title:before {
        height: 75px;
    }

    .foot_logo {
        margin-top: 40px;
    }

    .our_approach .blur_circle{
        left: -350px;
    }
}

@media (max-width: 1199px){
    
    .im_banner {
        padding: 50px 0;
    }

    .blur_circle {
        width: 420px;
        height: 420px;
    }

    .im_banner .blur_circle {
        right: -250px;
    }

    .triengle2, .triengle3 {
        width: 70px;
    }

    .im_banner_wrapperr img {
        max-width: 65%;
    }

    .im_banner_wrapperr {
        right: -320px;
    }

    .triengle3 {
        bottom: -30px;
    }

    .im_banner_wrapperl {
        margin-bottom: 70px;
    }

    .banner_title {
        font-size: 32px;
        margin-bottom: 30px;
        padding: 12px 30px;
    }

    .im_banner_wrapperl p {
        padding-left: 25px;
        font-size: 18px;
    }

    .banner_earthimg{
        bottom: -42%;
    }

    .section_gap {
        padding: 65px 0px;
    }

    .section_main_title h2{
        padding: 16px 26px;
        font-size: 15px;
        margin-bottom: 45px;
    }

    .section_main_title h2 img {
        margin-right: 10px;
        width: 24px;
    }

    .section_title {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .section_content p {
        margin-bottom: 15px;
    }

    .our_challengelist_wrapper ul li:before {
        right: calc(-5% + -51px);
    }

    .our_challengelist_wrapper ul li:after{
        right: calc(-5% + -30px);
    }

    .blueboxcontent .blueboxcontentimg {
        height: 120px;
        width: 120px;
    }

    .solutionrow1 .blueboxcontent .blueboxcontentimg img {
        max-height: 55px;
    }

    .left_triangle_arrow {
        left: 130px;
    }

    .right_triangle_arrow {
        right: -90px;
    }

    .solutionrow3 .blueboxcontent .blueboxcontentimg img {
        max-height: 45px;
    }

    .techsection .blur_circle{
        width: 507px;
        height: 507px;
    }

    .tech_wrapper{
        flex-wrap: wrap;
        justify-content: center;
    }

    .techgradbox{
        width: 25%;
    }

    .techgradbox:nth-child(-n+3){
        margin-bottom: 40px;
    }

    .UserInterface .blackbox{
        width: 720px;
    }

    .blackbox {
        padding: 35px 25px;
    }

    .blackbox p{
        margin-bottom: 20px;
    }

    .blur_big_circle {
        width: 650px;
        height: 650px;
    }

    .welcomescreen_main .blur_big_circle {
        right: -450px;
    }

    .our_solution .tr1, .our_solution .tr2, .welcomescreen_main .tr1 {
        width: 75px;
    }

    .welcomescreen_main .tr1, .dashboardscreen .tr1, .ContentScreen .tr1{
        left: 5%;
    }

    .overlaptitle .fronttitle {
        padding: 16px 32px;
        font-size: 20px;
    }

    .overlaptitle .backtitle {
        font-size: 72px;
    }

    .whitebox {
        width: 800px;
    }

    .screenwrapper_row2 .blackbox {
        margin-top: 40px;
        padding: 22px;
        min-height: 195px;
    }

    .single_content_wrapper .blackbox {
        padding: 40px 30px;
        margin-top: 0px;
    }

    .screenwrapper_row{
        padding-bottom: 50px;
    }

    .content_details_grid_content {
        width: 260px;
    }

    .thankyou_title {
        font-size: 32px;
        line-height: 38px;
        padding-bottom: 95px;
        margin-bottom: 30px;
    }

    .thankyou_title:before {
        height: 65px;
    }

    .theme_contactbtn {
        padding: 16px 26px;
        font-size: 13px;
        line-height: 22px;
    }

    .theme_contactbtn img {
        margin-right: 14px;
        width: 22px;
    }

    .foot_logo {
        margin-top: 35px;
    }

    .solutionrow3 .blueboxcontent:after {
        top: 52px;
        right: -85px;
    }

    .footer_section_wrapper{
        background-position: bottom 90px center;
    }
}

@media (max-width: 1024px){

    .banner_earthimg {
        bottom: -68%;
    }
}

@media (max-width: 991px){

    .page-template-interactive-marketing .header_type_2:not(.darkHeader) .client_vid, .page-template-interactive-marketing .header_type_2:not(.darkHeader) i.fas.fa-envelope {
        color: #2B78E4;
    }
    .page-template-interactive-marketing.shshowcancel .header_type_2 .client_vid, .page-template-interactive-marketing.shshowcancel .header_type_2 i.fas.fa-envelope{
        color:#fff
    }
    

    .im_banner{
        height: 100%;
    }

    .im_banner_wrapper{
        flex-direction: column-reverse;
        justify-content: center;
    }

    .im_banner_wrapperr{
        position: relative;
        right: 0;
        top: 0;
        transform: none;
        text-align: center;
    }

    .im_banner_wrapperr img {
        max-width: 65%;
        margin: 0 auto;
    }

    
    .interactive_marketing_container{
        padding-top: 80px;
    }

    .blur_circle {
        width: 360px;
        height: 360px;
    }

    .im_banner .blur_circle {
        right: -200px;
    }

    .im_banner_wrapperl {
        margin-bottom: 0px;
    }

    .im_banner_wrapperl{
        width: 50%;
    }

    .banner_title {
        font-size: 28px;
        padding: 12px 22px;
    }

    .im_banner_wrapperl p{
        font-size: 16px;
        padding: 0px;
    }

    .im_banner_wrapperl {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    .im_banner_wrapperr img {
        max-width: 55%;
    }

    .banner_earthimg {
        bottom: -50%;
    }

    .section_main_title h2 {
        padding: 14px 22px;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .section_imgbox:after {
        width: 340px;
        height: 230px;
        bottom: 20px;
    }

    .rightcontent .section_content {
        padding-left: 15px;
    }

    .overviewsection .ovrtviewtitle_tri {
        width: 75px;
    }

    .section_title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .our_challengelist_wrapper ul li {
        padding: 15px 20px;
        margin-top: 25px;
    }

    .our_challengelist_wrapper ul li:before{
        height: 42px;
        width: 42px;
        right: calc(-5% + -40px);
    }

    .our_challengelist_wrapper ul li:after {
        right: calc(-5% + -23px);
    }

    .solutionrow1 {
        margin-top: 25px;
        margin-bottom: 50px;
    }

    .blueboxcontent .blueboxcontentimg {
        height: 100px;
        width: 100px;
        margin-bottom: 15px;
    }

    .solutionrow1 .blueboxcontent .blueboxcontentimg img {
        max-height: 45px;
    }

    .left_triangle_arrow {
        left: 110px;
    }

    .right_triangle_arrow {
        right: -80px;
    }

    .bluronlycontentbox_space {
        padding: 26px 55px;
    }

    .solutionrow3 .blueboxcontent .blueboxcontentimg img {
        max-height: 40px;
    }

    .techsection .blur_circle{
        height: 100%;
    }

    .techgradbox {
        width: 28%;
        margin: 0 15px;
    }

    .UserInterface .blackbox{
        width: 100%;
        padding: 30px 20px;
    }

    .overlaptitle .fronttitle {
        padding: 14px 28px;
        font-size: 18px;
    }

    .overlaptitle .backtitle {
        font-size: 60px;
        line-height: 60px;
    }

    .whitebox{
        width: 100%;
    }

    .whiteboxbtns {
        margin-top: 20px;
    }

    .bluebtn {
        font-size: 14px;
        padding: 7px 14px;
        margin: 0 4px;
    }

    .screenwrapper_row2 .blackbox{
        min-height: 240px;
    }

    .dashboardscreen .blackbox {
        width: 350px;
        margin: 0 auto 40px;
        padding: 25px;
    }

    .dashlistwrapper li {
        margin: 15px 0;
    }

    .dashlistwrapper li .bluronlycontentbox {
        max-width: 220px;
        min-height: 110px;
        padding: 8px 16px;
        font-size: 14px;
    }

    .dashlistwrapper li .dashimgbox {
        left: 200px;
    }

    .dashlistwrapperleftimg li .dashimgbox{
        left: auto;
        right: 200px;
    }

    .dashiconbox_wrapper .single_dashiconbox {
        width: 120px;
    }

    .dashiconbox_wrapper .single_dashiconbox .bluebox{
        width: 100px;
        height: 100px;
        margin: 0 auto 20px;
    }

    .dashiconbox_wrapper .single_dashiconbox p{
        font-size: 14px;
    }

    .DiagnosticsScreen .screenwrapper_row2{
        flex-direction: column;
        align-items: center;
    }

    .DiagnosticsScreen .screenwrapper_row2 .singlescreen{
        max-width: 65%;
    }

    .DiagnosticsScreen .screenwrapper_row2 .singlescreen:not(:last-child){
        margin-bottom: 40px;
    }

    .screenwrapper_row2 .blackbox{
        min-height: auto;
        margin-top: 25px;
    }

    .single_content_wrapper .blackbox{
        margin-top: 0px;
        padding: 35px 25px;
    }

    .content_details_grid {
        width: 48%;
    }

    .common_content_label {
        padding: 8px 24px;
        margin-bottom: 24px;
    }

    .AppSettings .screen_details_wrapper {
        justify-content: space-between;
    }

    .AppSettings .app_settings_grid{
        width: 32%;
    }

    .app_setting_grid_content {
        width: 100%;
    }

    .playing_content_screen .blackbox {
        width: 100%;
    }

    .thankyou_title {
        font-size: 28px;
        line-height: 36px;
        padding-bottom: 85px;
        margin-bottom: 25px;
    }

    .thankyou_title:before {
        height: 60px;
    }

    .foot_logo {
        margin-top: 30px;
    }

    .left_triangle_arrow_1:after, 
    .right_triangle_arrow_1:after {
        left: 25%;
    }

    .left_triangle_arrow_2:before, 
    .right_triangle_arrow_2:before {
        left: 50%;
    }

    .left_triangle_arrow_2:after, 
    .right_triangle_arrow_2:after {
        left: 78%;
    }

    .solutionrow3 .blueboxcontent:after{
        border-top: 6px solid transparent;
        border-left: 12px solid #1F67E8;
        border-bottom: 6px solid transparent;
        top: 44px;
        right: -55px;
    }

    .DiagnosticsScreen.section_gap,
    .ContentScreen.section_gap,
    .AppSettings.section_gap{
        padding-bottom: 0px;
    }

    .DiagnosticsScreen .screenwrapper_row2 .blackbox {
        min-height: auto;
    }
}

@media (max-width: 767px){

    .page-template-interactive-marketing {
        font-size: 14px;
    }

    .blur_circle {
        width: 300px;
        height: 300px;
    }

    .triengle1{
        transform: scale(0.3);
    }

    .triengle2, .triengle3 {
        width: 60px;
    }

    .section_gap {
        padding: 50px 0px;
    }

    .section_imgbox{
        text-align: center;
    }

    .section_imgbox:after {
        width: 380px;
        height: 270px;
        bottom: 10px;
        transform: rotate(11.18deg) translateX(-50%);
        left: 50%;
    }

    .rightcontent .section_content{
        padding: 30px 0 0 0;
    }

    .section_title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .leftcontent .section_imgbox{
        text-align: center;
    }

    .leftcontent .section_imgbox:after{
        left: 50%;
    }

    .leftcontent .section_content{
        padding: 30px 0 0 0;
    }

    .our_challengelist_wrapper {
        padding-top: 35px;
        max-width: 540px;
        margin: 0 auto;
    }

    .our_challengelist_wrapper ul li {
        padding: 10px 16px;
        margin-top: 20px;
    }

    .our_challengelist_wrapper ul li:before {
        height: 36px;
        width: 36px;
        right: calc(-5% + -34px);
    }

    .our_challengelist_wrapper ul li:after {
        right: calc(-5% + -19px);
    }

    .solutionrow1 {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .blueboxcontent .blueboxcontentimg {
        height: 90px;
        width: 90px;
        margin-bottom: 10px;
    }

    .solutionrow1 .blueboxcontent .blueboxcontentimg img {
        max-height: 35px;
    }

    .bluronlycontentbox {
        padding: 10px 20px;
    }

    .arrow_pattern_wrapper {
        margin-top: -18px;
    }

    .solutionrow1 .bluronlycontentbox {
        margin-top: -28px;
    }

    .left_triangle_arrow {
        left: 100px;
    }

    .right_triangle_arrow {
        right: -75px;
    }

    .bluronlycontentbox_space {
        padding: 20px 40px;
    }

    .bluronlycontentbox p {
        margin-bottom: 15px;
    }

    .solutionrow{
        margin-bottom: 40px;
    }

    .solutionrow3 .blueboxcontent .blueboxcontentimg img {
        max-height: 35px;
    }

    .solutionrow3 .blueboxcontent:after {
        border-top: 6px solid transparent;
        border-left: 12px solid #1F67E8;
        border-bottom: 6px solid transparent;
        top: 38px;
        right: -38px;
    }

    .techgradbox{
        font-size: 14px;
        margin: 0 12px;
        padding: 18px 8px;
    }

    .techgradbox:nth-child(-n+3) {
        margin-bottom: 24px;
    }

    .techimgbox {
        margin: 15px 0;
    }

    .techimgbox img {
        max-height: 90px;
    }

    .overlaptitle {
        margin-bottom: 30px;
    }

    .overlaptitle .fronttitle {
        padding: 12px 24px;
        font-size: 16px;
    }

    .overlaptitle .backtitle {
        font-size: 52px;
        line-height: 52px;
    }

    .singlescreen .blackbox{
        width: 100%;
        padding: 25px;
    }

    .screenwrapper_row{
        flex-direction: column;
    }

    .screenwrapper_row2 .singlescreen{
        max-width: 100%;
    }

    .screenwrapper_row2 .singlescreen:first-child{
        margin-bottom: 40px;
    }

    .whiteboxbtns{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .bluebtn {
        padding: 10px 16px;
        margin: 0 4px 10px;
        width: 48%;
    }

    .dashboad_detail1{
        flex-wrap: wrap;
        text-align: center;
    }

    .dashboad_detail1 .dashboad_detail_l{
        margin-bottom: 30px;
    }

    .dashboad_detail1.dashboad_detail2 .dashboad_detail_l{
        margin-bottom: 0px;
    }

    .dashboad_detail1 .dashboad_detail_l, .dashboad_detail1 .dashboad_detail_r {
        max-width: 100%;
        width: 100%;
    }

    .dashboad_detail1 .dashboad_detail_l ul, .dashboad_detail1 .dashboad_detail_r ul{

    }

    .dashboad_detail1 .dashboad_detail_l ul li, .dashboad_detail1 .dashboad_detail_r ul li{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dashlistwrapper li .dashimgbox{
        position: relative;
        left: -15px;
        top: 0;
        transform: none;
        max-width: 25%;
    }

    .dashlistwrapper li:hover .dashimgbox{
        transform: scale(1.15);
    }

    .dashlistwrapperleftimg{
        width: 100%;
    }

    .dashlistwrapperleftimg.dashlistwrapper li{
        display: flex;
        width: 100%;
    }

    .dashlistwrapperleftimg li .dashimgbox{
        right: auto;
        left: 200px;
    }

    .dashlistwrapperleftimg .bluronlycontentbox{
        margin-right: 0;
        margin-left: 0;
    }

    .dashlistwrapperleftimg.dashlistwrapper li:nth-child(1){
        margin-top: 0px;
    }

    .dashlistwrapperleftimg li .dashimgbox{
        right: auto;
        left: -15px;
    }

    .dashiconbox_wrapper{
        flex-wrap: wrap;
    }

    .dashiconbox_wrapper .single_dashiconbox{
        width: 33%;
    }

    .dashiconbox_wrapper .single_dashiconbox:nth-child(-n+3){
        margin-bottom: 30px;
    }

    .dashiconbox_wrapper .single_dashiconbox .bluebox{
        margin: 0 auto 15px;
    }

    .screen_details_wrapper{
        flex-wrap: wrap;
    }

    .content_details_grid{
        width: 100%;
    }

    .content_details_grid:first-child,
    .AppSettings .app_settings_grid:not(:last-child){
        margin-bottom: 30px;
    }

    .content_details_grid:first-child .content_details_grid_content {
        margin-left: 0;
    }

    .content_details_grid_content,
    .AppSettings .app_settings_grid{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .content_details_grid:last-child .content_details_grid_content{
        margin-left: 0px;
    }

    .common_content_label{
        margin-bottom: 15px;
    }

    .footer_section_wrapper .PlayingContenScreen {
        padding-bottom: 100px;
    }

    .footer_section_wrapper {
        background-size: 750px;
        background-position: bottom 140px center;
    }

    .footer_section {
        padding: 55px 0 40px;
    }

    .thankyou_title{
        padding-bottom: 75px;
        margin-bottom: 20px;
    }

    .contact_title {
        font-size: 12px;
        line-height: 20px;
    }

    .contact_title img {
        margin-right: 10px;
        width: 18px;
    }

    .foot_logo {
        margin-top: 25px;
    }

    .left_triangle_arrow_1:before, 
    .left_triangle_arrow_1:after, 
    .left_triangle_arrow_2:before, 
    .left_triangle_arrow_2:after, 
    .right_triangle_arrow_1:before, 
    .right_triangle_arrow_1:after, 
    .right_triangle_arrow_2:before, 
    .right_triangle_arrow_2:after,
    .solutionrow3 .blueboxcontent:after{
        border-top: 5px solid transparent;
        border-left: 10px solid #1F67E8;
        border-bottom: 5px solid transparent;
    }

    .arrow_pattern_wrapper,
    .solutionrow3 .blueboxcontent:after{
        display: none;
    }

    .blur_big_circle {
        width: 550px;
        height: 550px;
    }

    .welcomescreen_main .blur_big_circle {
        right: -400px;
    }

    .DiagnosticsScreen .blur_big_circle, .PlayingContenScreen .blur_big_circle {
        left: -400px;
    }

}

@media (max-width: 575px){
    
    .im_banner {
        padding: 40px 0;
    }

    .triengle2, .triengle3 {
        width: 50px;
    }

    .banner_title{
        font-size: 26px;
        margin-bottom: 25px;
    }

    .im_banner_wrapperl p {
        font-size: 14px;
    }

    .banner_earthimg{
        left: -80px;
        bottom: -45%;
    }

    .section_gap {
        padding: 40px 0px;
    }

    .section_main_title h2 {
        padding: 12px 20px;
        font-size: 12px;
        margin-bottom: 35px;
    }

    .section_main_title h2 img {
        margin-right: 8px;
        width: 20px;
    }

    .section_imgbox img{
        max-width: 80%;
    }

    .section_imgbox:after{
        width: 320px;
        height: 210px;
        bottom: 5px;
    }

    .overviewsection .ovrtviewtitle_tri {
        width: 65px;
    }

    .our_approachslider .sliderbox{
        padding: 30px 12px;
    }

    .our_challengelist_wrapper{
        max-width: 460px;
    }

    .our_challengelist_wrapper ul li{
        font-size: 13px;
        padding: 8px 14px;
    }

    .our_challengelist_wrapper ul li:before{
        height: 30px;
        width: 30px;
        right: calc(-5% + -28px)
    }

    .our_challengelist_wrapper ul li:after{
        width: 5px;
        height: 5px;
        right: calc(-5% + -17px);
    }

    .blueboxcontent .blueboxcontentimg {
        height: 80px;
        width: 80px;
    }

    .solutionrow1 .blueboxcontent .blueboxcontentimg img {
        max-height: 30px;
    }

    .blueboxcontent p{
        font-size: 13px;
    }

    .solutionrow3{
        flex-wrap: wrap;
    }

    .solutionrow3 .blueboxcontent{
        width: 48%;
    }

    .solutionrow3 .blueboxcontent:nth-child(-n+2){
        margin-bottom: 30px;
    }

    .solutionrow3 .blueboxcontent .blueboxcontentimg img {
        max-height: 30px;
    }

    .techgradbox{
        width: 42%;
        margin: 0 18px;
    }

    .techimgbox img {
        max-height: 75px;
    }

    .techgradbox:not(:last-child){
        margin-bottom: 36px;
    }

    .UserInterface .blackbox {
        padding: 25px 15px;
    }

    .our_solution .tr1, .our_solution .tr2, .welcomescreen_main .tr1 {
        width: 60px;
    }

    .blur_big_circle {
        width: 500px;
        height: 500px;
    }

    .welcomescreen_main .blur_big_circle {
        right: -350px;
    }

    .overlaptitle .backtitle {
        font-size: 46px;
        line-height: 46px;
    }

    .singlescreen .blackbox {
        padding: 20px;
    }

    .singlescreen .singlescreen_border {
        padding: 15px 20px;
    }

    .screenwrapper_row {
        padding-bottom: 40px;
    }

    .bluebtn {
        margin: 0 0px 15px;
        width: 70%;
    }

    .dashlistwrapper li .bluronlycontentbox {
        max-width: 200px;
        min-height: 90px;
        padding: 6px 12px;
        font-size: 13px;
    }

    .DiagnosticsScreen .screenwrapper_row2 .singlescreen{
        max-width: 100%;
    }

    .single_content_wrapper .blackbox{
        padding: 30px 20px;
    }

    .blackbox {
        padding: 30px 20px;
    }

    .footer_section {
        padding: 45px 0 35px;
    }

    .footer_section_wrapper{
        background-size: 700px;
    }

    .thankyou_title{
        font-size: 26px;
        line-height: 34px;
        padding-bottom: 70px;
    }

    .thankyou_title:before {
        height: 55px;
    }

    .dashboardscreen .blackbox{
        width: 100%;
    }
}

@media (max-width: 479px){
    
    .blur_circle {
        width: 250px;
        height: 250px;
    }

    .im_banner .blur_circle {
        right: -150px;
    }

    .im_banner_wrapperr{
        right: -20px;
    }

    .im_banner_wrapperr img{
        max-width: 90%;
    }

    .im_banner_wrapperl{
        margin-top: 25px;
    }

    .banner_title {
        font-size: 24px;
        margin-bottom: 22px;
    }

    .banner_earthimg {
        left: -65px;
        bottom: -35%;
    }

    .triengle2, .triengle3 {
        width: 40px;
    }

    .triengle3 {
        bottom: -20px;
    }

    .section_title{
        /* font-size: 18px; */
    }

    .our_approachslider .sliderbox .sliderboximg {
        margin-bottom: 25px;
    }

    .our_approachslider .sliderbox .sliderboximg img {
        max-height: 60px;
    }

    .section_imgbox:after {
        width: 250px;
        height: 140px;
    }

    .our_challengelist_wrapper{
        max-width: 100%;
    }

    .our_challengelist_wrapper:after{
        display: none;
    }

    .our_challengelist_wrapper ul{
        position: relative;
        flex-direction: column;
        padding-left: 30px;
    }

    .our_challengelist_wrapper ul:before{
        content: '';
        position: absolute;
        left: 10px;
        top: 0px;
        height: 100%;
        border: 1px solid #2B78E4;
    }

    .our_challengelist_wrapper ul li{
        width: 100%;
    }

    .our_challengelist_wrapper ul li:first-child{
        margin-top: 0;
    }

    .our_challengelist_wrapper ul li:nth-child(2n):after, 
    .our_challengelist_wrapper ul li:nth-child(2n):before{
        display: inline-block;
    }

    .our_challengelist_wrapper ul li:before{
        left: -35px;
        right: auto;
    }

    .our_challengelist_wrapper ul li:after {
        left: -22px;
        right: auto;
    }

    .solutionrow1{
        flex-direction: column;
    }

    .solutionrow1 .bluronlycontentbox{
        margin: 30px 0;
    }

    .bluronlycontentbox_space {
        padding: 15px 30px;
    }

    .techgradbox{
        width: 38%;
    }

    .techimgbox {
        margin: 10px 0;
    }

    .techimgbox img {
        max-height: 65px;
    }

    .whitebox{
        padding: 20px
    }

    .bluebtn {
        margin: 0 0px 12px;
        width: 90%;
    }

    .overlaptitle .fronttitle {
        padding: 10px 20px;
        font-size: 14px;
    }

    .overlaptitle .backtitle {
        font-size: 36px;
        line-height: 36px;
    }

    .dashboardscreen .blackbox{
        margin: 0 auto 30px;
        padding: 20px;
    }

    .dashlistwrapper li .bluronlycontentbox{
        max-width: 60%;
        min-height: 85px;
    }

    .dashlistwrapper li .dashimgbox{
        max-width: 30%;
        left: -10px;
    }

    .dashiconbox_wrapper .single_dashiconbox {
        width: 48%;
    }

    .dashiconbox_wrapper .single_dashiconbox:not(:last-child){
        margin-bottom: 30px;
    }

    .dashiconbox_wrapper .single_dashiconbox p {
        font-size: 12px;
    }

    .thankyou_title {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 65px;
    }

    .thankyou_title:before {
        height: 50px;
    }

    .contact_title {
        font-size: 11px;
        line-height: 18px;
    }

    .foot_logo img{
        width: 120px;
    }

    .thankyou_title:before{
        border: 1px solid #F6F8FF;
    }
}

@media (max-width: 400px){

    .page-template-interactive-marketing {
        font-size: 13px;
    }
    
    .triengle1 {
        transform: scale(0.2);
        right: 5%;
        top: 5%;
    }

    .banner_title {
        margin-bottom: 20px;
        padding: 12px 15px;
    }

    .im_banner_wrapperl p {
        font-size: 13px;
    }

    .section_main_title h2 {
        padding: 10px 16px;
        font-size: 11px;
    }

    .section_content p {
        margin-bottom: 10px;
    }

    .overviewsection .ovrtviewtitle_tri {
        width: 55px;
    }

    .section_title {
        /* font-size: 17px; */
    }

    .our_approachslider .sliderbox {
        padding: 25px 8px;
    }

    .our_approachslider .sliderbox .sliderboximg {
        margin-bottom: 20px;
    }

    .our_approachslider .sliderbox .sliderboximg img {
        max-height: 55px;
    }

    .our_challengelist_wrapper ul li {
        font-size: 12px;
        padding: 7px 12px;
    }

    .bluronlycontentbox_space {
        padding: 15px 20px;
    }

    .techgradbox{
        margin: 0 10px;
        width: 42%;
        font-size: 12px;
    }

    .techgradbox:not(:last-child) {
        margin-bottom: 20px;
    }

    .overlaptitle .fronttitle {
        padding: 10px 15px;
        font-size: 12px;
        display: flex;
        white-space: nowrap;
    }

    .overlaptitle .backtitle {
        font-size: 30px;
        line-height: 30px;
    }

    .screenwrapper_row {
        padding-bottom: 30px;
    }

    .screenwrapper_row1 .blackbox{
        margin: 0 auto 20px;
    }

    .screenwrapper_row2 .singlescreen:first-child {
        margin-bottom: 30px;
    }

    .screenwrapper_row2 .blackbox{
        margin-top: 15px;
    }

    .whitebox{
        margin: 20px auto 0;
    }

    .bluebtn{
        font-size: 13px;
        padding: 8px 12px;
        margin: 0 0px 10px;
    }

    .overlaptitle {
        margin-bottom: 25px;
    }

    .dashboardscreen .blackbox {
        margin: 0 auto 25px;
        padding: 15px;
    }

    .dashboad_detail1 .dashboad_detail_l {
        margin-bottom: 25px;
    }

    .dashlistwrapper li .bluronlycontentbox {
        max-width: 65%;
        min-height: 75px;
    }

    .dashlistwrapper li .dashimgbox{
        max-width: 35%;
    }

    .singlescreen .blackbox {
        padding: 15px;
    }

    .DiagnosticsScreen .screenwrapper_row2 .singlescreen:not(:last-child) {
        margin-bottom: 30px;
    }

    .single_content_wrapper .blackbox{
        padding: 20px 15px;
    }

    .singlescreen .singlescreen_border {
        padding: 15px;
    }

    .common_content_label {
        margin-bottom: 10px;
        padding: 7px 22px;
    }

    .content_details_grid:first-child, .AppSettings .app_settings_grid:not(:last-child) {
        margin-bottom: 25px;
    }

    .playing_content_screen {
        margin-top: 30px;
    }

    .singlescreen .screenimg.video_screen_img:before {
        width: 35px;
        height: 35px;
    }

    .blackbox {
        padding: 20px;
    }

    .footer_section_wrapper {
        background-size: 650px;
        background-position: bottom 110px center;
    }

    .footer_section_wrapper .PlayingContenScreen {
        padding-bottom: 90px;
    }

    .footer_section {
        padding: 40px 0 30px;
    }

    .contact_title {
        font-size: 10px;
        line-height: 18px;
        padding: 14px 22px;
    }

    .contact_title img {
        margin-right: 8px;
        width: 16px;
    }

    .foot_logo {
        margin-top: 20px;
    }

    .foot_logo img {
        width: 100px;
    }
}