:host {display: block;}
button:focus{outline: none;}
.open-close-container {border: 1px solid #dddddd; margin-top: 1em; padding: 20px 20px 0px 20px; color: #000000; font-weight: bold; font-size: 20px;}
/****===== About Us Page CSS Start =====****/
.sec-pad-50 {padding: 50px 0px;}
.sec-pad-100 {padding: 100px 0px;}
.why-we-sec {background-color: #f8f8f8;}
.about-page-common h2 {font-size: 40px; line-height: 50px; font-weight: 800; letter-spacing: -1px;}
.aboutus-des-sec h2 {margin-bottom: 30px;}
.about-page-common h3 {font-size: 24px; line-height: 34px; font-weight: 800;}
.about-page-common h6 {font-size: 18px; line-height: 26px; font-weight: 800;}
.about-page-common a.btn-orange {margin-top: 30px;}
.about-page-common .growth-detail .counter-sec span {font-size: 80px; line-height: 70px; letter-spacing: -3px; font-weight: 800; margin-bottom: 20px; display: inline-block;}
.about-page-common .about-services-sec a.wwd-title {font-size: 18px; line-height: 26px; font-weight: 800; text-decoration: none; margin-bottom: 15px;}
.about-page-common .about-services-sec a {color: #252b33; display: block; font-size: 16px; font-weight: 400; margin-bottom: 10px; transition: all 0.3s ease-in-out;}
.about-page-common .about-services-sec a:hover {color: #f13c31;}
.about-page-common .about-services-sec a:last-child {margin-bottom: 0px;}
.about-video-section {position: relative;}
.about-video-section .infr-video:not(.hide-control) .video-btn-play {background: url("../images/play-btn-video.svg") no-repeat; width: 90px; height: 90px; position: absolute; top: 50%; left: 0; right: 0px; z-index: 1; transform: translateY(-50%); margin: 0 auto; cursor: pointer; visibility: visible;}
.about-video-section .infr-video:not(.hide-control) .video-btn-pause, .about-video-section .scroll-video-btn {display: none;}
.about-video-section.video-scroll {position: fixed; top: 100px; right: 40px; width: 360px; height: 200px; transform: translateY(0%); animation: fade-in-up 0.25s ease forwards; z-index: 999; margin-top: 0px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);}
.about-video-section.video-scroll .scroll-video-btn {display: block; position: absolute; right: 5px; z-index: 9; background: rgb(255, 255, 255); padding: 5px; top: 5px; border-radius: 100%; cursor: pointer;}
.about-video-section .video-full-screen {background: url("../images/ic-white-full-screen.svg") no-repeat; height: 14px; width: 14px; position: absolute; bottom: 15px; right: 7px; cursor: pointer; display: none;}
.about-video-section.video-scroll .video-full-screen {bottom: 7px;}
.about-video-section:hover .video-full-screen {display: block;}
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-toggle-closed-captions-button,
video::-webkit-media-controls-volume-slider {
  display: none;
}
.about-belief-sec .we-belief p, .aboutus-des-sec p:last-child, .growth-detail .counter-sec p, .member-detail p, .company-info-sec .culture-detail p {margin-bottom: 0px;}
.about-mr-top-70 {margin-top: 70px;}
.about-belief-sec{padding: 50px 0px 100px;}
.about-belief-sec .we-belief .tech-icon, .icon-video-play{font-size: 48px;}
.about-belief-sec .we-belief h3 {margin: 15px 0px;}
.about-belief-sec .aboutus-des-sec p {padding-right: 30px;}
.aboutus-des-sec h3 {margin-bottom: 15px;}
.about-gallery-sec {padding: 60px 90px;}
.about-gallery-sec .gallery-grid {display: flex; align-items: center; justify-content: space-between;}
.gallery-grid .gallery-infra-col {width: 360px;}
.gallery-grid .gallery-infra-col .medium-img-sec {height: 414px; overflow: hidden;}
.gallery-grid .gallery-infra-col .medium-img-sec img {min-height: 414px; object-fit: cover;}
.gallery-grid .gallery-infra-col .small-img-sec {height: 256px; overflow: hidden;}
.gallery-grid .gallery-infra-col .small-img-sec img {min-height: 256px; object-fit: cover;}
.gallery-grid .gallery-center-col {width: 945px; margin: 0px 30px;}
.gallery-grid .gallery-center-col .large-img-sec {height: 700px; overflow: hidden;}
.gallery-grid .gallery-center-col .large-img-sec img {min-height: 700px; object-fit: cover;}
.about-gallery-sec .col-spacer {display: inline-block; margin: 10px 0px; width: 100%;}
.growth-detail h2 {width: 65%; margin: 0px auto; font-size: 32px; line-height: 46px; font-weight: 400;}
.growth-detail .counters {margin-top: 60px;}
.leaders-slider{position: relative;}
.leaders-slider .owl-stage-outer{overflow: hidden;}
.leaders-slider .owl-stage{display: flex; flex-direction: row;}
.leaders-slider .img-box img {width: 100%; max-width: 360px; object-fit: cover;}
.team-grid-slider .member-detail {margin-top: 20px; display: inline-block; width: 100%;}
.team-grid-slider .member-detail h6 {margin-bottom: 5px;}
.team-member-slider .container{overflow: hidden;}
.team-grid-slider .team-photos-sec{width: 370px !important;margin-right: 30px;}
.team-grid-slider .team-photos-sec .img-box{width: 360px !important;}
.member-detail a .icon-linkedin{color: #252B33 !important;font-size: 14px;}

.tm-slider-wrap {max-width: 1140px;width: 100%;margin: 0px auto;position: relative;}
.team-grid-slider{overflow: hidden;}
.tm-slider-wrap .swiper-button-prev {position: absolute; top: 50%; left: -60px; 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;}
.tm-slider-wrap .swiper-button-prev.swiper-button-disabled,.tm-slider-wrap .swiper-button-next.swiper-button-disabled{opacity: 0.5;}
.tm-slider-wrap .swiper-button-next {position: absolute; top: 50%; right: -60px; 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;}
.tm-slider-wrap .casestudy-slider .owl-nav .owl-prev, .tm-slider-wrap .casestudy-slider .owl-nav .owl-next{top: 30%;}
.theme-black .tm-slider-wrap .swiper-button-prev {background: url("../images/white-prev-arrow-ic.svg") no-repeat;background-size: 80%;}
.theme-black .tm-slider-wrap .swiper-button-next {background: url("../images/white-next-arrow-ic.svg") no-repeat;background-size: 80%;}
.theme-black .tm-slider-wrap .swiper-button-prev.swiper-button-disabled,.theme-black .tm-slider-wrap .swiper-button-next.swiper-button-disabled{opacity: 0.5;}

.leaders-slider .owl-dots{display: none;}
.director-info-sec .director-quote {background-color: #202020; position: relative; height: 600px;}
.director-info-sec .director-quote .quote-sec {padding: 0px 30px 0px 30px;}
.director-info-sec .director-quote .row {height: 100%;}
.director-info-sec .director-quote .quote-sec h2 {color: #fff; font-size: 24px; line-height: 34px; letter-spacing: 0.5px; margin-bottom: 60px;}
.director-info-sec {padding-top: 120px;}
.director-info-sec .director-quote .quote-sec h6 {color: #fff; font-size: 18px; font-weight: 800;}
.director-info-sec .director-quote .quote-sec p {color: #fff;}
.director-info-sec .director-quote .author-img {position: absolute; left: 30px; bottom: 0px;}
.about-left-right-sec .tagline h2 {width: 85%;}
.about-page-common .about-left-right-sec .tagline span {font-size: 18px; margin-bottom: 10px; display: inline-block;}
.about-left-right-sec {position: relative;}
.about-left-right-sec .tagline {position: sticky; top: 100px;}
.about-left-right-sec .culture-detail {margin-bottom: 60px;}
.about-left-right-sec .culture-detail:last-child {margin-bottom: 0px;}
.about-left-right-sec .culture-detail h3 {margin-bottom: 15px;}
.about-we-work-sec .client-video-sec {position: relative;}
.about-we-work-sec .client-video-sec .video-button {position: absolute; left: 20px; bottom: 15px;}
.about-we-work-sec .work-with-us p {margin-bottom: 10px;}
.about-we-work-sec .work-with-us h2 {margin-bottom: 30px;}
.accolades-sec {padding: 120px 0px 70px; background-color: #ffffff;}
.accolades-sec .container{max-width: 1500px;}
.accolades-sec .certification-block {margin-top: 60px;}
.accolades-sec .certification-block ul {margin: 0rem;}
.certification-block ul li {list-style: none; margin-bottom: 50px; text-align: center; display: inline-block; vertical-align: middle; padding: 0px 25px;}
.certification-block ul li a{display: block;}
.team-member-grid {position: relative; padding: 100px 0px 50px;}
.team-member-grid h2{margin-bottom: 50px;}
#team-grid-container {background: #000;}
#team-grid-container .team-title {position: absolute; left: 0px; right: 0px; width: 65%; margin: 0 auto; top: 43%; z-index: 1; text-align: center;}
#team-grid-container h2 {color: #ffffff;}
#team-grid-container .all-pictures{display: flex; flex-wrap: wrap;}
#team-grid-container .team-member {position: relative; height: 100%; overflow: hidden; background-color: #000000; width:5%; line-height: 0px;}
#team-grid-container .team-member img {opacity: 0.4; width: 100%; height: 100%; object-fit: cover; -webkit-filter: grayscale(95%); filter: grayscale(95%); -webkit-opacity: 0.4; -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;}
#team-grid-container .team-member:hover {background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));}
#team-grid-container .team-member:hover img {opacity: 1; z-index: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
#team-grid-container .team-member span {display: none;}
#team-grid-container .team-member span {font-family: "Poppins", sans-serif; font-weight: 600; color: #fff; font-size: 10px; line-height: 16px;background: rgba(0, 0, 0, 0.7);padding: 1px 5px; position: absolute; left: 0px; bottom: 0px; z-index: 100; display: none; text-shadow: 1px 1px 4px #000000; text-transform: capitalize;}
#team-grid-container .team-member:hover span {display: inline-block;}
.after-page-load {text-align: center; width: 200px; height: 100%; margin: 0px auto;}

/****===== About Us New Page CSS Start =====****/
.main-page-header .page-header-content .sub-title {font-size: 20px; color: #252b33; font-weight: 500; line-height: 30px;}
.about-page-header .page-header-content{padding: 0 10% 0 0;}
b, strong {font-weight: 800;}
.mar-top-40{margin-top: 40px;}
.about-page-header{text-align: left;}
.about-page-header .sub-title{font-size: 18px; display: block; margin-bottom: 10px;}
.about-page-header p{font-size: 16px; line-height: 26px;}
.about-filter{padding-bottom: 20px; position: relative;border-bottom: 1px solid #eeeeee;}
.about-filter a{color: #81959E; font-size: 16px; font-weight: 600; margin: 0px 20px; padding-bottom: 20px;}
.about-filter a:hover{color:#252B33;}
.about-filter a.active{color:#252B33; border-bottom: 1px solid rgba(37,43,51,1);}
.about-filter a:first-child{margin:0px 20px 0px 0px;}
.why-people-sec h2{margin-bottom: 50px;}
.choose-us-sec ul{padding-left: 15px;}
.choose-us-sec ul li{color:#252B33; list-style: none; background: #fff url("../images/green-check-img.svg") no-repeat 20px 25px; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.10);border-radius: 4px; margin-bottom: 10px; padding: 20px 20px 20px 60px;}
.why-people-sec .people-quote{width: 70%; margin: 80px auto 0px;}
.why-people-sec .people-quote h4{font-size: 32px; line-height: 46px; margin-bottom: 30px;}
.why-people-sec .people-quote p{font-weight: 800; font-size: 24px; line-height: 33px;}
.how-we-work-sec .how-we-work-dec h2{margin-bottom: 40px;}
.how-we-work-sec .how-we-work-dec p{margin-bottom: 60px; padding-right: 30px;}
.how-we-work-sec .how-we-work-dec .tagline{font-weight: 800; font-size: 16px; color: #252B33;}
.how-we-work-sec .how-we-work-dec a{margin-top: 40px; font-weight: 600;}
.how-we-work-sec .how-we-work-dec a span{margin-right: 10px; font-size: 20px;}
.how-we-work-sec .how-we-work-img img{box-shadow: 0px 8px 40px 0px rgba(0,0,0,0.10);}
.rating-sec{padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.rating-sec h2{margin: 40px auto 10px; width: 70%; font-size: 32px; line-height: 46px; font-weight: 400;}
.project-sec{ margin-top: 120px; border-radius: 24px; position: relative; height: 300px;}
.project-sec .row{height: 100%;}
.project-sec .project-idea-img{position: absolute; bottom: -13px; left: 30px;}
.project-sec .project-idea-img img{max-width: none;}
.project-sec .project-dec-sec{padding-left: 40px;}
.project-sec .project-dec-sec a span{margin-left: 20px;}

.clients-sec{text-align:center;padding:100px 0px 50px 0px; background-color:#fff;}
.clients-sec .clients-block ul{padding-left:0px;margin-bottom:0px;display:flex;display:-ms-flexbox;flex-wrap:wrap;align-items:center;justify-content:center;}
.clients-sec .clients-block ul li{list-style:none;-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;display:flex;display:-ms-flexbox;align-items:center;justify-content:center;width:19.7%;text-align:center;height:150px;}
.clients-sec .clients-block ul li a:hover{ opacity: 0.8;}
.clients-sec h6.tag-line{color:#F13C31;font-size:16px;font-weight:600;text-transform:uppercase;}
.clients-sec h2.overview-title{color:#252b33;font-size:40px;font-weight:800;margin:20px 0px;}

.about-recognize{padding: 0px 0px 100px;}
.reco-item-wrap ul{list-style: none;display: flex;}
.reco-item-wrap ul li{margin: 60px 15px 0px;display: inline-block;vertical-align: middle;}
.reco-item-wrap ul li:last-child{margin-right: 0px;}
.theme-black .reco-item-wrap li img{filter: invert(1);}
/****===== About Us New Page CSS Start =====****/

/************************* Dark Theme Start  *********************************/
.theme-black {background: #000000;}
.theme-black .team-member-slider, .theme-black .about-we-work-sec, .theme-black .why-we-sec {background: #202020 !important;}
.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 .member-detail a .icon-linkedin {color: #fff !important;}
/*==== About Page Start ====*/
.theme-black.about-page-common .about-services-sec a {color: #fff;}
.theme-black.about-page-common .about-services-sec a:hover {color: #f13c31;}
.theme-black .accolades-sec,.theme-black .clients-sec {background-color: #000000 !important;}
.theme-black .accolades-sec .certification-block ul li img {filter: invert(1);}

.theme-black .about-filter,.theme-black .rating-sec{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.theme-black .about-filter a.active{color: #f13c31; border-bottom: 1px solid #f13c31;}
.theme-black .about-filter a,.theme-black .how-we-work-sec .how-we-work-dec .tagline{color: #fff;}
.theme-black .why-people-sec,.theme-black .business-growth-sec{background: #202020 !important;}
.theme-black .brand-logo svg g{ fill: #FFFFFF;}
.theme-black .choose-us-sec ul li{background: rgba(255, 255, 255, 0.1) url("../images/green-check-img.svg") no-repeat 20px 25px;}
.theme-black .project-sec h2{color: #252B33 !important;}
/************************* Dark Theme End  *********************************/

/******==================== Responsive CSS Start ====================******/
/****===== About Us Page CSS End =====****/
@media only screen and (max-width: 1660px) {
/* About Us Page CSS Start */
.about-gallery-sec {padding: 60px 30px;}
/* About Us Page CSS End */
}
@media screen and (max-width: 1440px) {
/* About Us Page CSS Start */
.gallery-grid .gallery-infra-col .medium-img-sec {height: 314px;}
.gallery-grid .gallery-infra-col .medium-img-sec img {min-height: 314px;}
.gallery-grid .gallery-infra-col .small-img-sec {height: 186px;}
.gallery-grid .gallery-infra-col .small-img-sec img {min-height: 186px;}
.gallery-grid .gallery-center-col .large-img-sec {height: 530px;}
.gallery-grid .gallery-center-col .large-img-sec img {min-height: 530px;}
/* About Us Page CSS End */
}

@media screen and (max-width: 1366px) {
/* About Us Page CSS Start */
.leaders-slider .owl-dots{display: flex; align-items: center; justify-content: center; margin-top: 15px;}
.leaders-slider .owl-nav{display: none;}
/* About Us Page CSS End */
}

/* iPad 9th Gen Css Start */
@media only screen and (min-width: 744px) and (max-width: 1199px)  {
.gallery-grid .gallery-infra-col .medium-img-sec {height: 200px;}
.gallery-grid .gallery-infra-col .medium-img-sec img {min-height: 200px;}
.gallery-grid .gallery-infra-col .small-img-sec {height: 150px;}
.gallery-grid .gallery-infra-col .small-img-sec img {min-height: 150px;}
.gallery-grid .gallery-center-col .large-img-sec {height: 375px;}
.gallery-grid .gallery-center-col .large-img-sec img {min-height: 375px;}
.about-page-common .growth-detail .counter-sec span{font-size: 50px; line-height: 40px;}
.about-belief-sec{padding: 50px 0px 50px;}
.sec-pad-100 {padding: 50px 0px;}
.director-info-sec .director-quote {height: 100%;}
.director-info-sec .director-quote .author-img {position: static;left: inherit;text-align: center;}
.director-info-sec .director-quote .quote-sec {padding: 30px;}
.director-info-sec .director-quote .quote-sec h2 {margin-bottom: 30px;}
.director-info-sec {padding-top: 100px;}
.about-left-right-sec .tagline {margin-bottom: 30px; position: inherit;top: inherit;}
.about-left-right-sec .culture-detail {margin-bottom: 30px;}
.about-we-work-sec .work-with-us{margin-top: 50px;}
.accolades-sec {padding: 100px 0px 70px;}
#team-grid-container .team-member{width: 10%;}
}
/* iPad 9th Gen Css End */

/******==================== Responsive CSS End ====================******/