/******==================== Services Landing Page CSS Start ====================******/

/* Default CSS Start */
.left-responsive {float: right;}
.right-responsive {float: left;}
h2 {color: #252B33; font-size: 48px; font-weight: 800; letter-spacing: -1px; line-height: 60px;}
h3 {color: #252B33; font-size: 22px; line-height: 30px; font-weight: 800; margin-bottom: 15px;}
p {color: #252B33; font-size: 16px; font-weight: 400; line-height: 26px;}
.linkGroupCol-head h3{ line-height: 1.2;}
.sub-title {font-size: 16px; font-weight: 600; color: #252B33; text-transform: uppercase; margin-bottom: 10px;}
.close-sideform{background: transparent; border: 0px; cursor: pointer;}
.close-sideform span{font-size: 14px;}
.body-theme-dark .close-sideform span{color: #fff !important;}
.close-sideform:focus,a.enquiry-btn:focus, button.enquiry-btn:focus{outline: none;}
.pad-t-b {padding: 100px 0px;}
.mrg-t-30 {margin-top: 30px;}
.mrg-t-40 {margin-top: 40px;}
.mrg-t-60 {margin-top: 60px;}
.mrg-t-100 {margin-top: 100px;}
.mrg-t-200 {margin-top: 200px;}
.google-conversion-code > iframe {height: 0px; display: block;}
body.scroll-fixed {overflow: hidden;}
body.scroll-fixed #wrapper {-webkit-filter: blur(3px); filter: blur(3px);}
body.scroll-fixed #wrapper:after {content: ""; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 9999;}
.video-btn-play-client{ background: url("../images/homepage/play-btn-video.svg") no-repeat;background-size:cover; width: 48px; height: 48px; z-index: 1; cursor: pointer; visibility: visible; }
/* Default CSS End */
.landing-hero-banner .landing-banner-sec{width: 100%;}
.landing-hero-banner .landing-banner-sec .landing-row{display: flex;}
.landing-banner-sec .landing-row .banner-text-col{width: 41.666667%;}
.landing-banner-sec .landing-row .banner-img-col{width: 58.333333%;}

/* New Top Banner Section CSS Start */
.landing-hero-banner{margin: 0px auto; width: 100%; display: block; height:100%; background-color: #fff; position: relative;}
.landing-hero-banner .services-right-img{height:640px; position: relative;}
.landing-hero-banner .services-hero-title {display: inline-block; width: 100%; text-align: left; padding: 80px 60px 0px 100px;}
.landing-hero-banner .services-hero-title h1 {letter-spacing: -1px; font-size: 60px; line-height: 70px; color: #252B33; font-weight: 800; margin-bottom: 30px;}
.landing-hero-banner .services-hero-title .approch-sec {font-size: 16px; color: #252B33; letter-spacing: 0; line-height: 28px; width: 95%;}
.landing-hero-banner .services-hero-desc .talk-btn {margin-top:14px;}
.landing-hero-banner .services-hero-image {display: block; height: 100%;}
.landing-hero-banner .services-hero-image .landing-pattern-bg{position: absolute; width: 100%; height: 100%; opacity:0.1; z-index: 9;}
.landing-hero-banner .services-hero-image .right-hero-image{position: absolute; bottom: -60px; padding: 5px; z-index: 99; width: 100%; height: 100%; text-align: center;}
/* New Top Banner Section CSS End */

/* Free Trail Section CSS Start */
.free-trail-sec {padding: 100px 0px 100px; background: #f8f8f8;}
.free-trail-landing{padding: 150px 0px 100px; background-image: linear-gradient(-360deg, #f8f8f8 0%, #FFFFFF 100%);}
.free-trail-sec .trail-left {background: -moz-linear-gradient(left, #F13C31 0%, #FF9653 100%); background: -webkit-linear-gradient(left, #F13C31 0%, #FF9653 100%); background: -webkit-gradient(linear, left top, right top, from(#F13C31), to(#FF9653)); background: -o-linear-gradient(left, #F13C31 0%, #FF9653 100%); background: linear-gradient(to right, #F13C31 0%, #FF9653 100%); padding: 30px; border-radius: 10px; text-align: center;}
.free-trail-sec .trail-left h2 {color: #FFFFFF; font-size: 32px; line-height: 42px; font-weight: 800;}
.free-trail-sec .trail-left p {color: #FFFFFF; font-size: 16px; font-weight: 400; margin: 10px 0px 0px;}
.free-trail-sec .trail-right {padding: 0px 15px; }
.free-trail-sec .trail-right p {font-size: 16px; font-weight: 400; line-height: 26px;}
/* Free Trail Section CSS End */

/* We Work Section CSS Start */
.title-block {text-align: center; margin-bottom: 40px;}
.we-work-slider {position: relative; overflow: hidden;padding: 30px 0px 40px;}
.approch-slider .flex-sec, .approch-slider .we-work-slider .owl-dots {display: flex; align-items: center; justify-content: center;}
.approch-slider .we-work-slider .owl-stage-outer{overflow: hidden;}
.approch-slider .we-work-slider .owl-stage{display: flex; flex-direction: row; overflow: hidden; padding: 15px 0px;}
.approch-slider .we-work-slider .owl-item{display: flex; align-items: center;}
.approch-slider .we-work-slider .owl-item .img-box {width: 100%; max-width: 350px; margin: 0 auto;}
.approch-slider .we-work-slider .owl-item .img-box img{width: 100%; }
.approch-slider .we-work-slider .work-info{padding: 0 60px 0 0;}
.approch-slider .we-work-slider .owl-dots{margin-top: 10px;}
/* We Work Section CSS End */

/* What We Do Section CSS Start */
.what-we-sec {background: #f8f8f8;}
.what-we-sec .flex-row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.what-we-sec .service-box {border: 1px solid #D9DEE2; padding: 30px 30px; border-radius: 4px; background: #FFFFFF; height: 100%;}
/* What We Do Section CSS End */

/* Service Section CSS Start */
.service-sec .flex-service {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.service-sec p.tag-line {width: 65%; margin: 20px auto 0px;}
.service-sec .service-box {padding: 60px 40px 0px; border-radius: 4px; text-align: center;}
.service-sec .service-box h3 {line-height: 32px; margin-top: 30px;}
.service-sec .service-box img{width: 100%; height: 208px;}
/* Service Section CSS End */

/* Benifits Section CSS Start */
.benefit-sec {position: relative; overflow-x: hidden;}
.benefit-sec .no-padding {padding: 0px;}
.benefit-sec .benefit-left {height: 852px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.benefit-sec .benefit-dec {text-align: center; padding: 80px 150px 80px;}
.benefit-sec .benefit-dec h3 {color: #FFFFFF; font-size: 40px; line-height: 50px; font-weight: 800;}
.benefit-sec .benefit-dec p {color: #FFFFFF; font-size: 16px; font-weight: 400; width: 90%; margin: 20px auto 40px;}
.benefit-sec .benefit-dec img {-webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.3); border-radius: 4px;}
.benefit-sec .benefit-dec ul.solution-point {padding-left: 0px; margin-top: 50px; margin-left: 0px;}
.benefit-sec .benefit-dec ul.solution-point li {list-style: none; display: block; color: #FFFFFF; font-size: 16px; background: url("../../assets/images/ckeck-icon.png") no-repeat; padding-left: 30px; margin-bottom: 10px; text-align: left; font-weight: 600; width: 48%; float: left;}
.benefit-sec .benefit-right {height: 852px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.benefit-sec .benefit-right ul.solution-point.left {padding-left: 45px;}
.benefit-sec .benefit-right .startup-benifit h3 {color: #FFFFFF; font-size: 40px; font-weight: 600;}
/* Benifits Section CSS End */

/* Brands Section CSS Start ==*/
.brands-sec{padding: 100px 0px 50px;}
.brands-sec .brand-logo {position: relative; display: flex; flex-wrap: wrap; align-items: center; margin-left: 0px;}
.brands-sec .brand-logo .logo-img {display:flex; align-items: center; justify-content: center; width: 20%; height: 130px; vertical-align: middle;}
.brands-sec .brand-logo .logo-img a:hover{ opacity: 0.8;}

.svg-sprite { background-image: url("../images/homepage/brand-logo-black-sprite-v1.svg"); background-repeat: no-repeat; display: block; height: 70px; background-size: inherit; } 
.theme-black .svg-sprite { background-image: url("../images/homepage/brand-logo-white-sprite-v1.svg");} 
.svg-sprite.logo-brand-black-oracle { background-position: 0px 0px; width: 145px; } 
.svg-sprite.logo-brand-black-mtn { background-position: -175px 0px; width: 121px; } 
.svg-sprite.logo-brand-black-mtu { background-position: -326px 0px; width: 114px; } 
.svg-sprite.logo-brand-black-bcg { background-position: -470px 0px; width: 153px; } 
.svg-sprite.logo-brand-black-sanchobbdo { background-position: -653px 0px; width: 119px; } 
.svg-sprite.logo-brand-black-gulfstream { background-position: -802px 0px; width: 150px; } 
.svg-sprite.logo-brand-black-daman { background-position: -982px 0px; width: 82px; } 
.svg-sprite.logo-brand-black-astrazeneca { background-position: -1094px -8px; width: 157px; } 
.svg-sprite.logo-brand-black-vfsglobal { background-position: -1281px 0px; width: 168px; } 
.svg-sprite.logo-brand-black-haas { background-position: -1479px 0px; width: 75px; } 
.svg-sprite.logo-brand-black-tata { background-position: -1584px 0px; width: 74px; } 
.svg-sprite.logo-brand-black-yahoo { background-position: -1688px 0px; width: 116px; } 
.svg-sprite.logo-brand-black-smithfield { background-position: -1834px 0px; width: 154px; } 
.svg-sprite.logo-brand-black-best-buy { background-position: -2018px 0px; width: 86px; } 
.svg-sprite.logo-brand-black-essilor { background-position: -2134px 0px; width: 85px;height: 70px; } 
.svg-sprite.logo-brand-black-cosmopolitan { background-position: -2249px 0px; width: 144px; } 
.svg-sprite.logo-brand-black-abbott { background-position: -2423px 0px; width: 58px; } 
.svg-sprite.logo-brand-black-unsw { background-position: -2511px 0px; width: 130px; } 
.svg-sprite.logo-brand-black-lifetechnologies { background-position: -2671px 0px; width: 131px; } 
.svg-sprite.logo-brand-black-jacksoncoker { background-position: -2832px 0px; width: 134px; } 
.svg-sprite.logo-brand-black-mcdonalds { background-position: -2996px 0px; width: 88px; } 
.svg-sprite.logo-brand-black-vodafone { background-position: -3114px 0px; width: 96px; } 
.svg-sprite.logo-brand-black-adidas { background-position: -3240px 0px; width: 93px; } 
.svg-sprite.logo-brand-black-ndtv { background-position: -3363px 0px; width: 116px; } 
.svg-sprite.logo-brand-black-kotak { background-position: -3509px 0px; width: 167px; } 
.svg-sprite.logo-brand-black-macys { background-position: -3706px 0px; width: 143px; } 
.svg-sprite.logo-brand-black-cartier { background-position: -3879px 0px; width: 131px; } 
.svg-sprite.logo-brand-black-rimac { background-position: -4040px 0px; width: 134px; }
.svg-sprite.logo-cambridge-v3 { background-position: -4200px 0px; width: 175px;}
.svg-sprite.logo-brand-black-mumayizv2{ background-position: -4488px 0px; width: 44px;}
.svg-sprite.abdul-latif-jameel-logo{ background-position: -4403px 0px; width: 180px;}
/* Brands Section CSS End ==*/

/* Casestudy Section CSS Start */
.casestudy-sec {background: #f8f8f8;}
.casestudy-sec .case-box {position: relative;}
.casestudy-sec .case-box .case-col {display: block; position: relative; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateY(0%); -moz-transition: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);}
.casestudy-sec .case-box .case-col:hover .text-block {opacity: 1;}
.casestudy-sec .case-box .case-col:hover .img-block img {-webkit-filter: blur(3px); filter: blur(3px);}
.casestudy-sec .case-box .case-col .img-block {-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 5px;}
.casestudy-sec .case-box .case-col .img-block img {position: relative; width: 100%; vertical-align: middle;border-radius: 5px;}
.casestudy-sec .case-box .case-col .text-block {position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; background: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.casestudy-sec .case-box .case-col .text-block p {color: #252B33; font-size: 16px; line-height: 28px; margin-bottom: 20px;}
.casestudy-sec .case-box .case-col .text-block h3 {font-size: 20px; margin-bottom: 10px;}
.casestudy-sec .btn-orange {margin-top: 50px;}
.casestudy-sec .portfolio-btn {text-align: center;}
.work-row .row{flex-wrap: wrap;}
/* Casestudy Section CSS End */

/* Testimonial Section CSS Start */
.client-testimonial-sec { overflow: hidden;padding: 80px 0px;}
.clients-slider .testimonial-box {position: relative;margin:40px 10px;width: 1100px;border: 2px solid #E5E9F0;background: #fff;padding: 30px;height: 390px;border-radius: 24px;overflow: hidden;box-shadow: 0px 20px 35px rgba(33, 33, 33, 0.06);}
.slider-container {max-width: 1100px;width: 100%;margin: 0px auto;}
.clients-slider .testimonial-box .client-wrap{display: block;width: 100%;height: 100%;}
.clients-slider .owl-item.active .testimonial-box::before{background: rgba(0, 0, 0, 0.2);}
.clients-slider .testimonial-box .client-img{position: absolute;right: -5px;top: 0px;background: linear-gradient(90deg, #FFFFFF 17.01%, rgba(255, 255, 255, 0) 100%);}
.clients-slider .testimonial-box .client-img::before{content: ''; position: absolute;width: 600px;height: 100%;right: -20px;top: calc(50% - 100%/2);   background: linear-gradient(90deg, #FFFFFF 17.01%, rgba(255, 255, 255, 0) 100%);z-index: 1;}
.clients-slider .testimonial-box .client-img img{width: 100%; height: 390px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
    filter: gray; filter: grayscale(100%);}
.clients-slider .testimonial-box .client-video { position: absolute; left: 0px; right: 0px; bottom: 0px; width: 100%; padding: 30px;display: flex;align-items: center;justify-content: space-between;z-index: 2;}
.clients-slider .testimonial-box .client-bio{width: 50%;padding-top: 24px;position: relative;z-index: 2;}
.clients-slider .testimonial-box .client-bio .icon-quotes-emoji{font-size: 34px;}
.clients-slider .testimonial-box .client-bio p{font-size: 24px;line-height: 34px;font-weight: 600;letter-spacing: -0.5px;margin-top: 8px;}
.clients-slider .testimonial-box .client-video .client-name h3 { color: #252B33; font-size: 24px; line-height: 33px; font-weight: 700;margin-bottom: 5px;} 
.clients-slider .testimonial-box .client-video .client-name span { color: #444746; font-size: 18px; line-height: 26px;letter-spacing: -0.5px;font-weight: 400;} 
.clients-slider .testimonial-box .client-video .ct-video-btn{background: #fff;border-radius: 30px;padding: 5px 5px 5px 25px;cursor: pointer;}
.clients-slider .testimonial-box .client-video .ct-video-btn h6{font-size: 16px;line-height: 24px;letter-spacing: -0.5px;font-weight: 600;}
.clients-slider .testimonial-box .client-video .ct-video-btn p{color: #B2B2B2; font-size: 10px;line-height: 14px;font-weight: 400;margin-bottom: 0px;}
.clients-slider .slick-slide .client-video { display: none; } 
.clients-slider .slick-slide.slick-active .client-video { display: flex; align-items: center; justify-content: space-between; } 
.clients-slider .owl-stage { display: flex; flex-direction: row;}
.video-btn-play-client{ background: url("../images/homepage/play-btn-video.svg") no-repeat;background-size:cover; width: 48px; height: 48px; position: absolute; top: 25%; left: 20px; right: 0px; z-index: 1; cursor: pointer; visibility: visible; }
.our-services-slider-owl .slick-track{margin-left: -25px;}
.icon-video-play .path1:before{color: rgb(241 60 49) !important;}
.icon-video-play .path2:before{color: #fff !important;}
.icon-video-play, .icon-video-pause {font-size: 48px;cursor: pointer;}
/* Testimonial Section CSS End */

/* Quote Section CSS Start */
.quote-sec {background-repeat: no-repeat; background-size: cover; background-position: center center; height: 448px; display: flex; align-items: center;}
.quote-sec h2 {color: #FFFFFF; font-size: 40px;}
.quote-sec p.sub-title {color: #FFFFFF; font-size: 16px; text-transform: inherit; width: 40%; margin-top: 20px; font-weight: 400;}
.quote-sec a.enquiry-btn, .quote-sec button.enquiry-btn {margin-top: 20px;display: inline-block;}
.quote-sec a.enquiry-btn .icon-contact-arrow, .quote-sec button.enquiry-btn .icon-contact-arrow {margin-left: 8px;}
.quote-sec a.enquiry-btn .icon-contact-arrow::before, .quote-sec button.enquiry-btn .icon-contact-arrow::before{color: #f13c31;}
/* Quote Section CSS End */

.services-icon-section { padding: 100px 0px 50px 0px; background-color: #f8f8f8;}
.services-icon-section .row{ justify-content: center;}
.services-icon-section .icon-block{ text-align: center; padding: 40px 6px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.services-icon-section .icon-block .icon-box{ width: 50px; height: 50px; margin: 0 auto; display: flex; display: -ms-flexbox; justify-content: center; align-items: center;}
.services-icon-section .icon-block .icon-box .tech-icon{font-size: 48px; color: #252b33 !important;}
.services-icon-section .icon-block h4{font-family:'Poppins', sans-serif; font-size: 14px; line-height: 22px; color: #252B33; font-weight: 500; margin-top: 16px; }
.services-icon-section .icon-block:hover{ background-color: #ffffff;}

/* Media only safari browser */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .row:after, .row:before{
    display: none;
  }
}
/* Media only safari browser */

/*======= Work Sec ====*/
.work-sec {padding: 100px 0px 100px; position: relative;}
.work-sec h2 {font-size: 40px;color: #252B33;}
.work-sec .member-img { position: sticky; position: -webkit-sticky; top: 0; padding-top: 40px;}
.work-sec .work-flow{display: flex; align-items: flex-start; margin-top: 60px;}
.work-sec .work-flow h3 {font-size: 20px;margin-bottom: 5px;}
.work-sec .work-flow .col-left {margin-right: 20px;}
.work-sec .work-flow .col-left img {position: relative;z-index: 2;}
.work-sec .work-flow .col-right p{margin-bottom: 0px;}
.work-sec .work-flow .col-left .icon-box svg g{fill: #F13C31;}
/*======= Work Sec ====*/

/*======= Factsheet Sec ====*/
.our-facts-sec {background-color: #f8f8f8; position: relative;overflow: hidden;padding: 90px 0px;}
.flex-facts-box{display: flex; flex-wrap: wrap; height: 100%;}
.our-facts-sec .fact-box {background-color: #FFFFFF; border-radius: 4px; padding: 20px 25px 30px;height: 100%; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);}
.our-facts-sec .fact-box span {color: #F13C31;font-size: 40px;line-height: 50px;font-weight: 400;}
.our-facts-sec .fact-box h3 {font-size: 16px;font-weight: 400;line-height: 28px;color: #252B33; margin-bottom: 10px;}
/*======= Factsheet Sec ====*/

/*===== Our Hiring Model =======*/
.our-hiring-model { padding-top: 100px;}
.our-hiring-model .title-block h2 { margin-bottom: 40px;}
.our-hiring-model .title-block p { padding: 0 180px;}
.our-hiring-model .work-block { display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center;}
.our-hiring-model .work-block .working-time { background-color: #f8f8f8; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 20px; margin: 0 15px; text-align: center;}
.our-hiring-model .work-block .working-time h3{ font-size: 20px; font-weight: 600; line-height: 28px; margin-bottom: 6px; }
.our-hiring-model .work-block .working-time p { margin-bottom: 0px; font-size: 14px; line-height: 20px; }
.our-hiring-model .work-block .working-day { display: flex; display: -ms-flexbox; flex-wrap: wrap; align-items: center; }
.our-hiring-model .work-block .working-day .bullet-point{ width: 4px; height: 4px; border-radius: 100px; background-color: #252B33; display: inline-block; margin: 0 6px; }
.our-target-customers-section { padding-bottom: 100px;}
.our-target-customers-section .mobile-app-services p { padding-right:30px; }
.our-target-customers-section .mobile-app-services{margin-top: 60px;}
.our-target-customers-section .mobile-app-services h3{margin: 32px 0px 16px 0px;font-weight: 800; color: #252B33; font-size: 24px;}
/*===== Our Hiring Model =======*/

.team-masonry-grid .masonry-column{margin-top: 40px;}
.team-masonry-grid .image-grid-col{display: flex; flex-wrap: wrap; justify-content: space-between;}
.team-masonry-grid .image-grid-col .people-img{width: 122px; margin-bottom: 10px; display: inline-block;border: 1px solid rgba(0, 0, 0, 0.1);}
.team-masonry-grid .image-grid-col .people-img img{height: 122px; width: 122px; object-fit: cover;}
.team-masonry-grid .partner-overview{padding: 24px 15px 24px 24px; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 30px;}
.team-masonry-grid .partner-overview:last-child{margin-bottom: 0px;}
.team-masonry-grid .partner-overview h3{font-size: 20px; line-height: 28px; font-weight: 600; margin: 15px 0px;}
.team-masonry-grid .partner-overview p{margin-bottom: 0px;}

.dedicated-faqs{padding: 100px 0px 100px;}
.faqs-accordian .card{border: none;background-color: transparent;}
.faqs-accordian .card-header{border: none; background-color:transparent; display: flex; align-items: center;padding: 20px 15px 20px 0; cursor: pointer;}
.faqs-accordian .card-header a.card-title{font-size:18px; line-height: 30px; font-weight: 600;margin-bottom: 0px;}
.card .faqs-collapse{border-bottom: 1px solid #e5e5e5; display: none;}
.card .faqs-collapse.faq-display{display: block;}
.faqs-accordian .accordion .card-header:after {font-family: 'icomoon' !important; content: "\e95c"; font-size: 14px; position: absolute; right: 5px;cursor: pointer;transform: rotate(90deg);}
.faqs-accordian .accordion .card-header.collapsed:after {content: "\e95c";transform: rotate(0deg);}
.faqs-collapse .card-body{padding:0px;}
.faqs-collapse .card-body p a{color: #F13C31;}
.faqs-collapse .card-body ul{padding-left: 20px;}
.faqs-collapse .card-body ul li{margin-bottom: 10px;}

/*===== Tech Index Page CSS Start =====*/
.cmn-pad-50{padding: 50px 0px;}
.mr-top-30{margin-top: 30px;}
.methodology-title{margin-bottom: 50px;}
.methodology-title h6 {color: #F13C31 !important;font-size: 16px;font-weight: 600;text-transform: uppercase; margin-bottom: 15px;}
.methodology-pages .pages-link h4{font-weight: 800; font-size: 24px; margin: 15px 0px;}
.methodology-pages .pages-link p{margin-bottom: 0px; width: 85%;}
.methodology-pages .pages-link .tech-icon {margin-bottom: 20px;display: inline-block;}
.methodology-pages .col-lg-4 .pages-link p{width: 100%;}
.methodology-pages .pages-link .tech-icon{font-size: 40px;color: #f13c31 !important;}
.methodology-pages .page-link-col:hover .tech-icon::before{color: #fff !important;}
.methodology-pages a.page-link-col{display: flex; align-items: center; padding: 35px 25px; border: 1px solid rgba(217,222,226,1); border-radius: 4px; transition: all 0.3s ease-in-out; height: 100%;}
.methodology-pages a.page-link-col:hover{background: #F13C31 !important;}
.methodology-pages a.page-link-col:hover p,.methodology-pages a.page-link-col:hover h3{color: #fff !important;}

.container-box{max-width: 1430px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.wwd-content-center h2{ margin-bottom: 40px;}
.wwd-content-center{ text-align: center;}
.technology-icon{ margin-top: 40px; }
.technology-icon ul{display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-bottom: 0px; }
.technology-icon ul li { list-style: none; margin:0 8px 8px 0; }
.technology-icon ul li .tech-icon{ padding: 10px 12px; font-size: 30px; color: #252B33 !important; border-radius: 2px; border: 1px solid #EEEEEE; display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}
.technology-icon ul li a:hover { opacity: 0.8; }
.wwd-service-content-center .wwd-service-bg { background-color: #f8f8f8;}
.wwd-service-content-center:last-child {margin-bottom: 0;}
.wwd-service-content-center .wwd-content-center{ padding: 80px 40px; }
.wwd-service-content-center .wwd-content-center.pad-b-0{ padding-bottom: 0px;}
.wwd-service-content-center .wwd-content-center .img-box { margin-top: 60px;}
.wwd-service-content-center .wwd-content-center .technology-icon { margin-bottom: 0px; }
.wwd-service-content-center .wwd-content-center .technology-icon ul { justify-content: center; margin: 0px;}

.our-target-customers-section .mobile-app-services p { padding-right:30px; }
.mobile-app-services{margin-top: 80px;}
.services-icon .tech-icon, .partner-overview .tech-icon, .hiring-model-sec .tech-icon{font-size: 48px;}
.mobile-app-services h3{margin: 32px 0px 16px 0px;font-weight: 800; color: #252B33; font-size: 24px;}
/*===== Tech Index Page CSS End =====*/

/*===== Technologies Page CSS Start =====*/
.technologies-sec{padding: 100px 0px 0px;}
.technologies-sec .technologies-block .technology-grid{justify-content:center;}
.technologies-sec .technologies-block .tech-box{padding: 40px 6px; text-align: center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.technologies-sec .technologies-block .tech-box:hover{background-color: #f8f8f8;}
.technologies-sec .technologies-block .tech-box .icon-box{height:50px; width:50px; margin: 0 auto; display:flex; display: -ms-flexbox; align-items:center; justify-content: center;}
.technologies-sec .technologies-block .tech-box .icon-box svg{ width: 50px; height: 50px;}
.technologies-sec .technologies-block .tech-box h4.tech-title{font-size:14px; line-height: 22px; color:#252b33;font-weight:400;margin-top:10px;}
/*===== Technologies Page CSS End =====*/

/******==================== Services Landing Page CSS End ====================******/
/*=========================== New Landing Page CSS Start ===========================*/
.title-block {text-align: center; margin-bottom: 40px;}
.sub-title {font-size: 16px; font-weight: 600; color: #252B33; text-transform: uppercase; margin-bottom: 10px;}
.button-box { margin-top: 40px;}

.landing-main-wrap{margin:0px auto;width:100%;display:block;position:relative;}
.landing-main-wrap .container{max-width:100%;width:100%; padding: 0px;}
.landing-main-wrap .hero-wrapper{display: flex; flex-wrap: wrap; align-items: center;}
.landing-main-wrap .main-hero-title{max-width: 40%; width: 100%;padding: 0px 50px 0px 200px;}
.landing-main-wrap .main-hero-title h1{letter-spacing:-2px;font-size:60px;line-height:70px;color:#252B33;font-weight:800;margin-bottom:0px;}
.landing-main-wrap .main-hero-title .approch-sec{font-size:16px;font-weight: 400;color:#252B33;letter-spacing:0;line-height:28px;}
.landing-main-wrap .main-hero-sub-title{font-size:24px;color:#252B33;letter-spacing:-0.5px;line-height:30px;font-weight:600;margin:20px 0px;padding-right: 30px;}
.landing-main-wrap .main-hero-title .main-hero-desc p{margin-bottom: 20px;}
.landing-main-wrap .main-hero-image{max-width: 60%; width: 100%;}
.landing-main-wrap .main-hero-image img{width:100%;}

.dedicated-model-sec{padding: 90px 0px;}
.dedicated-model-sec h2{margin-bottom: 60px;}
.dedicated-model-sec .work-block { display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; margin: 60px 0px 0px;}
.dedicated-model-sec .work-block .working-time { background-color: #f2f2f2; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 20px; margin: 0 15px;}
.dedicated-model-sec .work-block .working-time h3{ font-size: 20px; font-weight: 600; line-height: 28px; margin-bottom: 6px; }
.dedicated-model-sec .work-block .working-time p { margin-bottom: 0px; font-size: 14px; line-height: 20px; display: flex; align-items: center;}
.dedicated-model-sec .work-block .working-day { display: flex; display: -ms-flexbox; flex-wrap: wrap; align-items: center; }
.dedicated-model-sec .work-block .working-day .bullet-point{ width: 4px; height: 4px; border-radius: 100px; background-color: #252B33; display: inline-block; margin: 0 6px;}
.hiring-model-sec h3{margin: 15px 0px;font-size:24px;line-height:30px;letter-spacing:-0.5px;font-weight:800;}
.hiring-model-sec p{margin-bottom: 0px;}
.mar-top-60{margin-top: 60px;}

.mrg-t-30{margin-top: 30px;}

.dedicated-advantages-sec{padding: 100px 0px;}
.dedicated-advantages-sec .title-block{margin-bottom: 20px;}

.new-case-study-section{padding: 90px 0px 0px; margin: 0px !important;}
.case-study-section { margin: 120px 0; } 
.case-study-section h2 { text-align: center; padding-bottom: 20px; } 
.case-study-box { margin: 60px 10px 0px; } 
.cs-main { display: block; height: 100%; width: 1140px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.cs-main:hover { text-decoration: none;} 
.cs-main .cs-info { position: relative; height: 100%; padding:40px; border-radius: 4px; } 
.case-study-block { display: flex; align-items: center; justify-content: space-between; } 
.cs-detail { width: 100%; max-width: 460px; } 
.cs-detail .cs-title { color: #ffffff; font-size: 14px;line-height: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; letter-spacing: 3px; } 
.cs-detail .cs-description { color: #ffffff; font-size: 40px; font-weight: 600; line-height: 50px; letter-spacing: -1.3px; text-align: left; padding-bottom: 0px; } 
.cs-detail .cs-subtitle { color: #ffffff; font-size: 20px; font-weight: 400; letter-spacing: 0; line-height: 33px; margin-bottom: 0px; } 
.client-sec-para { color: #fff; margin-top: 15px; } 
.cs-detail .client-says { background: rgba(255, 255, 255, 0.2); border-radius: 6px; padding: 30px; margin-top: 40px; } 
.cs-detail .client-says h5 { font-size: 16px; color: #ffffff; letter-spacing: 0; line-height: 28px; font-weight: 400; } 
.cs-detail .client-says .client-box { margin-top: 30px; } 
.cs-detail .client-says .client-thumb { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } 
.cs-detail .client-says .client-thumb img { width: 48px; height: 48px; border-radius: 100%; } 
.cs-detail .client-says .client-des { padding-left: 15px; } 
.cs-detail .client-says .client-des h6 { font-size: 18px; color: #ffffff; letter-spacing: 0; font-weight: 600; } 
.cs-detail .client-says .client-des span { font-size: 16px; color: rgba(255, 255, 255, 0.5); letter-spacing: 0; font-weight: 400; }
.case-study-block .cs-thumb-img { position: absolute; right: 40px; bottom: 0px; } 
.case-study-block .cs-thumb-img img { width: 420px; }

.our-work-new-slider{overflow: hidden;}
/* .our-work-new-slider .desktop-slider{margin: 0px auto; max-width: 1140px; width: 100%;} */
.our-work-new-slider .desktop-slider .case-study-box{margin-top: 0px; width: 1140px; position: relative;}
.our-work-new-slider .desktop-slider .owl-stage { display: flex; flex-direction: row; height: 100%; } 
.our-work-new-slider .desktop-slider .our-services-inner { height: 100%; margin: 0 15px;}
.our-work-new-slider .desktop-slider .slick-list{overflow: visible;}
.our-work-new-slider .swiper-horizontal{width: 1140px;margin: auto;touch-action: pan-y;}
/*=========================== New Landing Page CSS End ===========================*/
/*===== Our Services Start =====*/
.our-services-section { padding: 100px 0px 100px; background-color: #fafafa; margin-top: 100px;overflow: hidden; } 
.our-services-section h2 { text-align: center; margin-bottom: 60px;} 
.our-services-section .service-box {background: #fff; width: 350px;box-shadow: 0 0px 10px 0 rgba(0,0,0,0.01); border: 2px solid transparent;padding:150px 30px 30px; display: block; height: 100%; border-radius: 16px; -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; } 
.our-services-section .service-box:hover .img-box { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 
.our-services-section .service-box:hover h4 { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); } 
.our-services-section .service-box:hover p { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); } 
.our-services-section .service-box .img-box .icon-hm-design, .our-services-section .service-box .img-box .icon-hm-design > span, .our-services-section .service-box .img-box .icon-hm-gaming, .our-services-section .service-box .img-box .icon-hm-gaming > span{font-size:80px;}
.our-services-section .service-box:hover.mobile-apps{background: #FFF3D6;border: 2px solid#e3cd95;}
.our-services-section .service-box:hover.web-dev{background: #D6EEFF;border: 2px solid#b6dcf6;}
.our-services-section .service-box:hover.design{background: #DFFFD6;border: 2px solid#9fe989;}
.our-services-section .service-box:hover.devops{background: #FFD8D6;border: 2px solid #f4afab;}
.our-services-section .service-box:hover.iot{background: #FFF3D6;border: 2px solid#e3cd95;}
.our-services-section .service-box:hover.qa-services{background: #E3D6FF;border: 2px solid#bba3eb;}
.our-services-section .service-box:hover.gaming{background: #FFD9D6;border: 2px solid #f4afab;}
.our-services-section .service-box:hover.aiml{background: #D6EEFF;border: 2px solid#b6dcf6;}
.our-services-section .service-box .img-box { margin-bottom: 30px; -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; } 
.theme-black .our-services-section .service-box .img-box span .path2:before{color: #fff;}
.theme-black .our-services-section .service-box:hover .img-box span .path2:before{color: #252B33 !important;}
.our-services-section .service-box .img-box span { font-size: 90px;} 
.our-services-section .service-box h3 { font-size: 20px; line-height: 30px; font-weight: 600; color: #252b33; margin-bottom: 10px; -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; }
.theme-black .our-services-section .service-box:hover h3, .theme-black .our-services-section .service-box:hover p{color: #252b33 !important;}
.our-services-section .service-box p { color: #252b33; margin-bottom: 0px; -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; }
.our-services-section .service-box .read-more-btn { color: #f13c31 !important; font-size: 16px; font-weight: 600; line-height: 24px; position: relative; display: inline-block; opacity: 0; margin-top: 16px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.our-services-section .service-box .read-more-btn:after { position: absolute; content: ""; height: 3px; width: 0; left: 0%; right: 0; bottom: -2px; background-color: transparent; color: #f13c31; border-bottom: 2px solid #f13c31; transition: all 0.3s ease-in-out; transform: translate(0%, 0) translateZ(0); -webkit-transform: translate(0%, 0) translateZ(0); } 
.our-services-section .service-box:hover > .read-more-btn:after { width: 100%; }
.our-services-section .service-box:hover .read-more-btn { opacity: 1; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px);}
.our-services-section .our-services-slider-owl .owl-stage-outer { padding-left: 5px; } 
.our-services-section .our-services-slider-owl .owl-stage { display: flex; flex-direction: row; height: 100%; } 
.our-services-section .our-services-slider-owl .our-services-inner { margin: 0 15px;}
.owl-nav.disabled{display: none;}
.our-services-slider-owl .slick-track{margin-left: -25px;}
/*===== Our Services End =====*/

.onboarding-flow-sec{padding: 100px 0px 0px; text-align: center;}
.onboarding-flow-sec h2{margin-bottom: 40px;}

/******==================== Dark Theme Service Landing Pages Start ====================******/
.theme-black, .theme-black .our-services-section, .theme-black .clients-slider .testimonial-box .client-video .ct-video-btn {background: #000000;}
.theme-black h1, .theme-black h2, .theme-black h3, .theme-black h4, .theme-black h5, .theme-black h6, .theme-black p, .theme-black span, .theme-black blockquote, .theme-black strong, .theme-black b, .theme-black u, .theme-black center, .theme-black ol, .theme-black ul, .theme-black li, .theme-black .services-icon-section .icon-block .icon-box .tech-icon { color:#fff !important;}
.theme-black .brand-logo svg g,.theme-black .brand-logo svg g path{ fill: #FFFFFF; }
.theme-black .landing-hero-banner{background-color: #000000;}
.theme-black .free-trail-landing, .theme-black .what-we-sec {background: #000000;}
.theme-black .we-work-sec, .theme-black .casestudy-sec, .theme-black .service-sec{background: #202020;}
.theme-black .what-we-sec .service-box { background: #202020; border:1px solid #202020; }
.theme-black  .casestudy-sec .case-box .case-col .text-block{ background: rgba(21, 25, 29,0.8); }
.theme-black .our-facts-sec { background-color: #202020; }
.theme-black .our-facts-sec .fact-box { background-color: #000000; border:1px solid #202020;}
.theme-black .our-facts-sec .fact-box span{color: #F13C31 !important;}
.theme-black .work-sec { background-color: #202020; }
.theme-black .services-icon-section { background-color: #2a2a2a; }
.theme-black .core-tech-sec svg g {fill: #ffffff;}
.theme-black .services-icon-section .icon-block:hover, .theme-black .clients-slider .testimonial-box{ background-color: #202020;}

.theme-black .our-target-customers-section { border-bottom: 0;}
.theme-black .our-hiring-model .work-block .working-time { background-color: #202020; border:0px;}
.theme-black .our-hiring-model .work-block .working-day .bullet-point { background-color: #ffffff;}

.theme-black .contact-form-sec .group.file-upload-sec .projectfileupload{background: #202020 !important; border: 1px solid rgba(255, 255, 255, 0.1);}
.theme-black .technologies-sec{padding: 100px 0px 100px;}
.theme-black .technologies-sec .technologies-block .tech-box:hover {background-color: #202020;}
.theme-black .technologies-sec .technologies-block .tech-box .icon-box svg g {fill: #ffffff;}

.theme-black .clients-slider .testimonial-box .client-img::before{background: linear-gradient(90deg, #1f1f1f 17.01%, rgba(0, 0, 0, 0) 100%)}
.theme-black .clients-slider .testimonial-box, .theme-black .ai-powered-two .au-ai-points{border: 2px solid rgba(255, 255, 255, 0.4);}

/* Bottom Form CSS Start */
.body-theme-dark .cbp-spmenu { background: #202020; }
.body-theme-dark .contact-form-sec .group.file-upload-sec .projectfileupload,.body-theme-dark .intl-tel-input .country-list{background: #202020!important; border: 1px solid rgba(255,255,255,.2);}
.body-theme-dark .cbp-spmenu .contact-form-sec .group label{color: rgba(255, 255, 255, 0.5);}
.body-theme-dark .cbp-spmenu .contact-form-sec .group input, .body-theme-dark .cbp-spmenu .contact-form-sec .group select, .body-theme-dark .cbp-spmenu .contact-form-sec .group textarea {background-color: #222222 !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #ffffff;}
.body-theme-dark .cbp-spmenu .contact-form-sec .group input:focus, .body-theme-dark .cbp-spmenu .contact-form-sec .group select:focus, .body-theme-dark .cbp-spmenu .contact-form-sec .group textarea:focus{box-shadow: none !important;}
.body-theme-dark .cbp-spmenu .service-landing-form .sidebar-sec h4,.theme-black .faqs-accordian .card-header a.card-title,.theme-black .accordion .card-header:after,.body-theme-dark .contact-form-sec .group.file-upload-sec .projectfileupload p,.body-theme-dark .copyright-recaptcha p,.body-theme-dark .intl-tel-input.separate-dial-code .selected-dial-code,.body-theme-dark .intl-tel-input .country-list .country-name,.body-theme-dark .intl-tel-input .country-list .dial-code{color: #fff !important;}
.body-theme-dark .intl-tel-input .selected-flag .iti-arrow{background: 0 0;border-top: 4px solid rgba(255,255,255,.5);}
.body-theme-dark .cbp-spmenu .contact-form-sec .bottom-area .secure-ftr {color: #fff;}
.body-theme-dark .intl-tel-input .country-list .country{background: #222;}
.body-theme-dark .intl-tel-input .country-list .country.highlight {background-color: #000;}
.theme-black .intl-tel-input .country-list .country {background-color: #222222;}
.theme-black .intl-tel-input .country-list .country.highlight {background-color: #000000;}
.theme-black .intl-tel-input .selected-flag .iti-arrow {background: transparent; border-top: 4px solid rgba(255, 255, 255, 0.5);}
.theme-black .contact-form-sec .group input:focus,.theme-black .contact-form-sec .group select:focus,.theme-black .contact-form-sec .group textarea:focus{background-color: #202020 !important;}
.theme-black .contact-form-sec .group label span {color: #FF0000 !important;}
.theme-black .team-masonry-grid .partner-overview{border: 1px solid rgba(255, 255, 255, 0.3);}
.theme-black .card .faqs-collapse{border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.theme-black .wwd-service-content-center .wwd-service-bg{background-color: #202020 !important;}
.theme-black .technology-icon ul li .tech-icon {color: rgba(255, 255, 255, 0.6) !important;border: 1px solid rgba(255,255,255,.1);}
.theme-black .methodology-pages a.page-link-col{background: transparent; border: 1px solid rgba(255,255,255,0.4);}
.theme-black .methodology-feedback .metho-ux-part, .theme-black .wwd-service-content-center .wwd-service-bg {background: #202020!important;}
.theme-black .our-services-section .service-box{background:#202020;}
/* Bottom Form CSS End */
/******==================== Dark Theme Service Landing Pages End ====================******/

/******==================== Responsive CSS Start ====================******/
@media (max-width: 1730px) {
.landing-hero-banner .services-hero-title{padding: 80px 15px 0px 80px;}
.landing-hero-banner .services-right-img {height: 580px;}

.landing-hero-banner .services-hero-image .right-hero-image img{max-width: 90%;width: auto;max-height: 580px;height: auto;}
}
@media only screen and (max-width: 1700px) {
.our-services-slider-owl .slick-track {margin-left: 10px;}
.case-study-block .cs-thumb-img img {width: 420px;}
}
@media (max-width: 1660px) {
.landing-hero-banner .services-hero-image .right-hero-image{bottom: -70px; padding: 25px;}
.free-trail-landing{margin-top: 50px;}

/*=========================== New Landing Page CSS Start ===========================*/
.landing-main-wrap .main-hero-title{padding: 0px 50px 0px 50px;}
/*=========================== New Landing Page CSS End ===========================*/
}

@media (max-width: 1550px) {
.landing-hero-banner .services-hero-title{padding: 80px 15px 0px 50px;}
.landing-hero-banner .services-hero-title h1{font-size: 50px; line-height: 60px;}
}

@media (max-width: 1440px) {
.benefit-sec .benefit-dec{padding: 80px 80px 80px;}
.landing-hero-banner .services-hero-title {padding: 50px 15px 0px 50px;}
.landing-hero-banner .services-hero-title h1{font-size: 50px; line-height: 60px;}
.landing-hero-banner .services-hero-image .right-hero-image img{max-height: 500px; max-width: 100%;}
.landing-hero-banner .services-hero-image .right-hero-image {bottom: inherit;display: flex;align-items: center;justify-content: center;height: 100%;}
.free-trail-landing{margin-top: 0px;}

/*=========================== New Landing Page CSS Start ===========================*/
.landing-main-wrap .main-hero-title{padding: 0px 30px 0px 30px;}
/*=========================== New Landing Page CSS End ===========================*/
}

@media (max-width: 1367px) {
.banner-sec img.banner-img {max-width: 800px; display: block;}
.banner-sec-center img.banner-img {max-width: 100%; display: block;}
.benefit-sec .benefit-dec {padding: 80px 60px;}
}

@media (max-width: 1280px) {
.benefit-sec .benefit-dec p {width: 90%;}
.approch-slider .slick-dots li.slick-active:before{left: -30px;}
.landing-hero-banner .services-hero-title h1{font-size: 45px; line-height: 55px;}

/*=========================== New Landing Page CSS Start ===========================*/
.landing-main-wrap .main-hero-title h1{font-size: 50px; line-height: 60px;}
.landing-main-wrap .main-hero-sub-title{margin: 15px 0px;}

.dedicated-partner-sec .container{max-width: 1140px;}
.our-work-new-slider .desktop-slider {max-width: 980px;}
.our-services-section .service-box .img-box { margin-bottom: 40px; }
.cs-detail .cs-description{font-size: 30px;line-height: 40px;}
/*=========================== New Landing Page CSS End ===========================*/
}

/* iPad 9th Gen Css Start */
@media only screen and (min-width: 744px) and (max-width: 1199px)  {
h2 {font-size: 30px; line-height: 40px;}
.landing-hero-banner .landing-banner-sec .landing-row {display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.landing-banner-sec .landing-row .banner-text-col, .landing-banner-sec .landing-row .banner-img-col {width: 100%;}
.landing-hero-banner .services-hero-title {padding: 60px 15px 60px 15px; text-align: center;}
.landing-hero-banner .services-hero-title h1 {font-size: 35px; line-height: 45px; margin-bottom: 20px;}
.landing-hero-banner .services-hero-title .approch-sec {width: 100%;}
.landing-hero-banner .services-hero-desc .talk-btn {margin-top: 20px;}
.landing-hero-banner .services-hero-image .right-hero-image {bottom: inherit; display: flex; align-items: center; justify-content: center; height: 100%;}
.landing-hero-banner .services-hero-image .right-hero-image img {max-width: 100%; width: auto; max-height: 430px; height: auto;}
.free-trail-landing {padding: 50px 0px 50px;}
.approch-slider .we-work-slider .work-info {padding: 0 0px 0 0;}
.benefit-sec .benefit-dec {padding: 40px 40px; height: auto;}
.benefit-sec .benefit-dec p {width: 100%;}
.benefit-sec .benefit-dec ul.solution-point li {width: 100%; float: none;}
.client-testimonial-sec .testimonial-slider .slider-width {width: 600px;}
.team-masonry-grid .masonry-column {margin-top: 15px;}
.team-masonry-grid .image-grid-col{margin: 0px -5px;}
.team-masonry-grid .image-grid-col .people-img{width: 50%; padding: 0px 5px;}
.team-masonry-grid .image-grid-col .people-img img{height: 100%; width: 100%;}
.team-masonry-grid .partner-overview {padding: 15px 15px 15px 15px; margin-bottom: 15px;}
.team-masonry-grid .mas-grid-four .partner-overview:first-child {margin-right: 25px;}
.landing-main-wrap .hero-wrapper {flex-direction: column-reverse;}
.landing-main-wrap .main-hero-title {padding: 40px 30px 0px 30px; text-align: center;}
.landing-main-wrap .main-hero-title, .landing-main-wrap .main-hero-image {max-width: 100%;}
.landing-main-wrap .main-hero-title h1 {font-size: 40px; line-height: 50px;}
.landing-main-wrap .main-hero-sub-title {font-size: 20px; line-height: 34px;}
.our-work-new-slider .desktop-slider, .our-work-new-slider .desktop-slider .case-study-box {width: 680px;}
.our-work-new-slider .desktop-slider .cs-main .cs-info .cs-detail {max-width: 340px;}
.cs-detail .cs-title {margin-bottom: 10px;}
.cs-detail .cs-description {font-size: 24px;line-height: 34px;}
.cs-detail .client-says {margin-top: 20px; padding: 15px;}
.cs-detail .client-says h5 {font-size: 14px; line-height: 22px;}
.cs-detail .client-says .client-box {margin-top: 20px;}
.cs-detail .client-says .client-des h6 {font-size: 16px;}
.our-work-new-slider .desktop-slider .case-study-block .cs-thumb-img {right: 20px;}
.our-work-new-slider .desktop-slider .case-study-block .cs-thumb-img img {max-width: 240px;}
.our-target-customers-section .mobile-app-col {margin-bottom: 30px;}
.our-target-customers-section .mobile-app-services h3 {margin: 15px 0px 15px 0px;}
}
/* iPad 9th Gen Css End */
/******==================== Responsive CSS End ====================******/