.main-page-header p{margin: 40px 0px;}
.mr-top-30 {margin-top: 30px;}
.mt-60{margin-top: 60px;}
.pad-50{padding: 50px 0px;}
.mt-80 {margin-top: 80px;}
.mb-40 {margin-bottom: 30px;}
.mt-40 {margin-top: 40px;}
.orange-text{color: #F13C31 !important;}
.main-page-header .page-header-content {padding: 0 0%;}
.gray-bg{background-color: #fafafa;margin: 50px 0px;}
.title-part .sub-title {font-weight: 600;margin-bottom: 10px;display: inline-block;text-transform: uppercase;}
.title-part h3{font-weight: 600;font-size: 30px;line-height: 48px;}
.title-part p{padding: 0px 120px;}
.tech-icon {font-size: 40px;color: #252B33 !important;transition: all 0.3s ease-in-out;transform: translate(0%, 0) translateZ(0);-webkit-transform: translate(0%, 0) translateZ(0);}
.tech-icon::before{color: #252B33 !important;}
.tags ul li {list-style: none;font-size: 14px !important;line-height: 26px !important;font-weight: 400 !important;background-color: #E9F1FF;border-radius: 4px;margin-right: 10px;margin-bottom: 10px;padding: 3px 10px;}
.main-page-header .page-header-content h1{font-size: 54px;line-height: 64px;}

/* Banner Section Start */
.wdc-banner-sec .bold-para{margin: 40px 0px;}
.wdc-banner-sec p{padding: 0px 120px;}
/* Banner Section End */

/* WDC Services Section Start */
.wdc-services-sec{padding: 100px 0px;}
.service-points {margin-top: 20px;}
.left-right-part .content-wrap ul {padding-left: 20px;}
.service-points h4{font-size: 20px;line-height: 30px;font-weight: 600;margin-bottom: 10px;}
.service-points ul {display: flex;flex-wrap: wrap;}
.service-points ul.four-col li {width: 25%;}
.left-right-part .content-wrap h3 {font-size: 30px;line-height: 44px;letter-spacing: -0.5px;font-weight: 600;}
.left-right-part .content-wrap .tagline{margin: 20px 0px;font-weight: 600;}
.left-right-part .content-wrap ul li {font-size: 16px;line-height: 24px;margin-bottom: 10px;position: relative;list-style: none;}
.service-points ul li {font-size: 14px !important;color: #252B33;list-style-position: outside;padding: 0 30px 0px 0px;width: 100%;position: relative;}
.left-right-part .content-wrap ul li::before {content: '';position: absolute;width: 5px;height: 5px;border-radius: 100%;background-color: #252B33;left: -13px;top: 10px;}
/* WDC Services Section End */

/* Full Stack Section Start */
.page-link-col {display: flex;padding: 30px;border: 1px solid rgba(217, 222, 226, 1);border-radius: 4px;transition: all 0.3s ease-in-out;height: 100%;}
.pages-link h3 {font-weight: 600;font-size: 24px;line-height: 36px;margin-bottom: 15px;}
.page-link-col p {margin-bottom: 0px;}
.page-link-col:hover {box-shadow: 0px 15px 20px 10px rgba(0, 0, 0, 0.04);}
.page-link-col ul{padding-left: 25px;margin-bottom: 0px;}
.page-link-col ul li{margin-bottom: 10px;}
.page-link-col ul li:last-child{margin-bottom: 0px;}
.tags ul li::before{display: none;}
/* Full Stack Section End */

/* Brands Section CSS Start ==*/
.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, .faqs-sec{padding: 100px 0px;}
.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;font-weight: 800;}
.casestudy-sec .btn-orange {margin-top: 50px;}
/* Casestudy Section CSS End */

/*===== Client Testimonials Start =====*/
.client-testimonial-section { overflow: hidden;padding: 50px 0px 60px;position: relative;}
.slider-btn {width: 150px;margin: 30px auto 0px;position: relative;}
.client-testimonial-section .slider-btn{margin: 0px auto;}
.cs-swiper3 .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;}
.cs-swiper3 .testimonial-box .client-wrap{display: block;width: 100%;height: 100%;}
.cs-swiper3 .owl-item.active .testimonial-box::before{background: rgba(0, 0, 0, 0.2);}
.cs-swiper3 .testimonial-box .client-img{position: absolute;right: -5px;top: 0px;background: linear-gradient(90deg, #FFFFFF 17.01%, rgba(255, 255, 255, 0) 100%);}
.cs-swiper3 .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;}
.cs-swiper3 .testimonial-box .client-img img{width: 100%; height: 390px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
    filter: gray; filter: grayscale(100%);}
.cs-swiper3 .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;}
.cs-swiper3 .testimonial-box .client-bio{width: 50%;padding-top: 24px;position: relative;z-index: 2;}
.cs-swiper3 .testimonial-box .client-bio .icon-quotes-emoji{font-size: 34px;color: #f13c31 !important;}
.cs-swiper3 .testimonial-box .client-bio .icon-quotes-emoji::before{color: #f13c31 !important;}
.cs-swiper3 .testimonial-box .client-bio p{font-size: 24px;line-height: 34px;font-weight: 600;letter-spacing: -0.5px;margin-top: 8px;}
.cs-swiper3 .testimonial-box .client-video .client-name h3 { color: #252B33; font-size: 24px; line-height: 33px; font-weight: 700;margin-bottom: 5px;} 
.cs-swiper3 .testimonial-box .client-video .client-name span { color: #444746; font-size: 18px; line-height: 26px;letter-spacing: -0.5px;font-weight: 400;} 
.cs-swiper3 .testimonial-box .client-video .ct-video-btn{background: #fff;border-radius: 30px;padding: 5px 5px 5px 25px;cursor: pointer;}
.cs-swiper3 .testimonial-box .client-video .ct-video-btn h6{font-size: 16px;line-height: 24px;letter-spacing: -0.5px;font-weight: 600;}
.cs-swiper3 .testimonial-box .client-video .ct-video-btn p{color: #B2B2B2; font-size: 10px;line-height: 14px;font-weight: 400;margin-bottom: 0px;}
.cs-swiper3 .slick-slide .client-video { display: none; } 
.cs-swiper3 .slick-slide.slick-active .client-video { display: flex; align-items: center; justify-content: space-between; } 
.cs-swiper3 .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: #f13c31 !important;;}
.icon-video-play .path2:before{color: #fff !important;}
.icon-video-play, .icon-video-pause {font-size: 48px;cursor: pointer;}
.slider-btn .swiper-button-prev {position: absolute;top: 50%;left: 10px;background: url(../images/black-prev-arrow-ic.svg) no-repeat;background-size: 80%;width: 36px;height: 14px;padding: 0px;border: none;font-size: 0px;cursor: pointer;z-index: 10;}
.slider-btn .swiper-button-next {position: absolute;top: 50%;right: 10px;background: url(../images/black-next-arrow-ic.svg) no-repeat;
  background-size: 80%;width: 36px;height: 14px;padding: 0px;border: none;font-size: 0px;cursor: pointer;z-index: 10;}
/*===== Client Testimonials End =====*/

/*===== FAQs Start =====*/
.faqs-sec .faqs-btn { text-align: center; margin-top: 40px; }
.faqs-accordian .card{border: none;background-color: transparent;}
.faqs-accordian .card-header{border: none; background-color:transparent; display: flex; align-items: center;padding: 20px 20px 20px 0; cursor: pointer;}
.faqs-accordian .card-header .card-title{font-size:18px; line-height: 30px; font-weight: 600;margin-bottom: 0px;}
.faqs-accordian .card .faqs-collapse{border-bottom: 1px solid #e5e5e5; display: none;}
.faqs-accordian .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;font-size: 14px;}
/*===== FAQs End =====*/

/*===== Latest Blog Start =====*/
.blog-wrap{padding: 0px 0px 100px;}
.listing-view .row{flex-wrap:wrap;}
.listing-view .blog-listing-detail{margin-top:20px;}
.listing-view .blog-listing-detail a{font-size:20px;color:#252B33;line-height:28px;margin: 10px 0px 0px; font-weight: 600;display: inline-block;}
.listing-sm-img{overflow: hidden; border-radius: 5px; position: relative;box-shadow: 0 5px 30px 0 rgba(0,0,0,0.10);}
.listing-sm-img img{height:auto;width:100%; border-radius: 5px;-webkit-transition: 0.4s ease;transition: 0.4s ease;}
.listing-sm-img:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.blog-listing-detail .category{font-size:12px; color:#81959E; font-weight:600; text-transform:uppercase;display: inline-block;}
.listing-view .mar-top-30 {margin-top: 60px;}
.button-box { margin-top: 40px;}
/*===== Latest Blog End =====*/

/*================== Dark Theme Start ===============*/
.theme-black{ background-color: #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 .tech-grid .icon-block .icon-box .tech-icon, .theme-black .tech-icon::before, .theme-black .faqs-accordian .card-header .card-title, .theme-black .accordion .card-header:after, .theme-black .listing-view .blog-listing-detail a { color: #fff !important; }
.theme-black .gray-bg, .theme-black .tech-grid .icon-block, .theme-black .home-client-testimonial .testimonial-box{background-color: #202020;}
.theme-black .orange-text{color: #F13C31 !important;}
.theme-black .left-right-part .content-wrap ul li::before{background-color: #fff;}
.theme-black .page-link-col, .theme-black .technology-icon ul li .tech-icon{border: 1px solid rgba(217, 222, 226, 0.5);}
.theme-black .tags ul li {background-color: #555555;}
.theme-black .casestudy-sec .case-box .case-col .text-block {background: rgba(21, 25, 29, 0.8);}
.theme-black .home-client-testimonial .testimonial-box .client-img::before{background: linear-gradient(90deg, #1f1f1f 17.01%, rgba(0, 0, 0, 0) 100%)}
.theme-black .home-client-testimonial .testimonial-box{border: 2px solid rgba(255, 255, 255, 0.4);}
.theme-black .home-client-testimonial .testimonial-box .client-video .ct-video-btn{background-color: #000000;}
.theme-black .card .faqs-collapse {border-bottom: 1px solid #272727;}
/*================== Dark Theme End ===============*/