@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@font-face {font-family: 'RoxboroughCF';src: url('fonts/RoxboroughCF-Regular.woff2') format('woff2'), url('fonts/RoxboroughCF-Regular.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'RoxboroughCFLight';src: url('fonts/RoxboroughCF-Light.woff2') format('woff2'), url('fonts/RoxboroughCF-Light.woff') format('woff');font-weight: normal;font-style: normal;}
/* Common CSS */
.whatsapp-pulse{animation: bounce 3s infinite;}

*{box-sizing: border-box;font-family: "DM Sans", sans-serif;font-optical-sizing: auto;font-style: normal;}
a{text-decoration: none;}
.container{max-width: 90%;}
*, body {scrollbar-width: thin;scrollbar-color:var(--Button) transparent;}
button, input{outline: none!important;}
/* p{ font-family: 'RoxboroughCFLight';} */

img{max-width: 100%;}
:root {
    --White: #fff;
    --Primary: #EAE5DF;
    --Accent: #E5D5C8;
    --Button: #172941;
    --Black: #212529;
    --Gray: #EAEAEA;
    --Gray-2: #CCCCCC;
    --Gray-3: #888A8C;
    --GreyLight:#f8f9fa;
    --blue:#172941;

    --fSize-1: 24px;
    --fSize-2: 21px;
    --fSize-3: 19px;

    scroll-behavior: auto!important;
}
.none{display: none;}
.white{color: var(--White);}
.primary{color: var(--Primary);}
.accent{color: var(--Accent);}
.button{color: var(--Button);}
.black{color: var(--Black);}
.gray{color: var(--Gray);}
.gray-2{color: var(--Gray-2);}
.gray-3{color: var(--Gray-3);}
.GreyLight{color: var(--GreyLight);}
.blue {color: var(--blue);}

.bGreyLight{background-color: var(--GreyLight);}
.bBlue{background-color: var(--blue);}
.bWhite{background-color: var(--White);}
.bPrimary{background-color: var(--Primary);}
.bAccent{background-color: var(--Accent);}
.bButton{background-color: var(--Button);}
.bBlack{background-color: var(--Black);}
.bGray{background-color: var(--Gray);}
.bGray-2{background-color: var(--Gray-2);}
.bGray-3{background-color: var(--Gray-3);}

.pr{position: relative;}
.projects-section summary{  font-family: 'RoxboroughCF';  font-size: var(--fSize-1);}

h1, h2, h3, h4, h5, h6{font-family: 'RoxboroughCF';}

.fSize-1, h1, h2{font-size: var(--fSize-1);}
.fSize-2, h3, h4{font-size: var(--fSize-2);}
.fSize-3, h5, h6{font-size: var(--fSize-3);}

.hr-line{display:block;width: 50px;height: 3px;background: var(--Accent);margin:25px auto;}

.hd{text-transform: uppercase;font-weight: 200;letter-spacing: 1.2px;margin-bottom: 25px;}
.ex{font-size: 35px;}
.tc{text-transform: none;}

section{padding: 60px 0;}
.auto{margin: auto;}
.center {text-align: center;}

.btnWrap{padding: 30px 0;}
.btnA{border-radius: 0;padding: 10px 20px;border:none;text-transform: uppercase;letter-spacing: 2px;position: relative;transition: all 0.5s ease-in-out;z-index: 2;overflow: hidden;display: inline-block;}
.btnA::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.5s ease-in-out;clip-path: inset(0 55% 0 45%);z-index: 0;}
.btnA:hover::after{clip-path: inset(0 0 0 0);}
.btnA span{position: relative;z-index: 1;}

.btn-primary{background-color: var(--Button);color: var(--White);border: 1px solid var(--Button);}
.btn-primary::after{background-color: var(--White);}
.btn-primary:hover{color: var(--Button);}

.btn-secondary{background-color: var(--White);color: var(--Button);border:1px solid var(--White);}
.btn-secondary::after{background-color: var(--Button);}
.btn-secondary:hover{color: var(--White);border:1px solid var(--Accent);}

.btn-transparent{background-color: transparent;color: var(--White);border: 1px solid var(--White);}
.btn-transparent::after{background-color: var(--White);}
.btn-transparent:hover{color: var(--Button);}

.rowText{padding-left: 30px;padding-right: 30px;}
.rowText .hd{margin-bottom: 0;}
body{background-color: var(--White);color: var(--Black);font-size: 16px;overflow-x: hidden;font-weight: 200;scroll-behavior: smooth ;}

.m0{margin: 0;}
.mt0{margin-top: 0;}
.mb0{margin-bottom: 0;}
.p0{padding: 0;}
.pt0{padding-top: 0;}
.pb0{padding-bottom: 0;}

.g-recaptcha {transform: scale(0.70) !important;transform-origin: 0 0 !important;margin: 0 0 -30px}
/* Common CSS */




/* SLider */
.slick-dots{position: absolute;left: 0;right: 0;bottom: 3%;width: fit-content;margin: auto;padding: 0;}
.slick-dots li{display: inline-block;margin: 0 5px;font-size: 0;border: 1px solid #fff;padding: 4px;border-radius: 100%;cursor: pointer;transition: all 0.2s ease-in-out;}
.slick-dots li button{width: 7px;height: 7px;background-color: #fff;border-radius: 100%;border: none;display: block;outline: none;padding: 0;line-height: 0;}
.slick-dots li.slick-active {border-color: transparent;}
.slick-arrow{position: absolute;top: 0;bottom: 0;margin: auto;z-index: 2;cursor: pointer;font-size: 0;width: 20px;height: 30px;border: none;opacity: 0.5;}
.arrowsB .slick-arrow{background: url(../images/icon/arrowB.png) no-repeat center center;background-size: contain;}
.arrowsW .slick-arrow{background: url(../images/icon/arrowW.png) no-repeat center center;background-size: contain;}
.slick-arrow:hover{opacity: 1;}
.slick-next{right: -2%;rotate: 180deg;} 
.slick-prev{left: -2%;}
/* Slider end */


/* Header */
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;color: var(--White);}
header *{transition: all 0.5s ease-in-out;}
.headerWrap{display: flex;align-items: center;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #fff;height: 120px;position: relative;}
.logo{width: 60px;position: absolute;inset: 0;margin: auto;height: fit-content;}
.sticky .header-container{background: linear-gradient(0deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.25) 100%) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);}
.sticky .headerWrap{padding: 5px 0;border-color: transparent;height: 60px;}
.sticky .headerWrap .logo{width: 35px;}

.langBtn .mobile-lngg{display: none;}


.menuBtn{cursor: pointer;position: relative;z-index: 22;}
.menuBtn::after{content: 'MENU';padding-left: 3px;width: 70px;display: inline-block;  text-align: left;}
.menuOpen .menuBtn::after{content: 'CLOSE';}
.menuOpen .menuBtn{color: var(--White);}
.menuOpen .LeftMenu{ transform:  translateX(0);}
.LeftMenu{position: fixed;top: 0;left: 0;width: 30%;height: 100vh;overflow: hidden;overflow-x: auto; transform:translateX(-100%);background-color: rgba(21, 21, 21, 0.4) !important;
  backdrop-filter: blur(10px) !important;z-index: 22;}
.LeftMenu{padding: 20px 50px;display: flex;overflow: auto; margin: auto;}
.LeftMenu nav{width: 100%;height: fit-content;margin: auto;text-align: right;}
.LeftMenu nav ul{list-style-type: none;margin: auto;padding: 0;}
.LeftMenu nav ul li a{color: rgba(255,255,255,0.7) !important;padding: 15px 0;display: inline-block;font-size: var(--fSize-3);text-transform: uppercase;font-size: 16px;  opacity: 0.7;font-weight: 300;}
.LeftMenu nav ul li a:hover{color: var(--Accent);opacity: 1;}
.LeftMenu nav ul li a.active{color: var(--Accent);font-weight: 500;opacity: 1;}
.RightNav{display: flex;align-items: center;gap: 40px;}
.sosialBtn a{color: var(--White);font-size: 20px;}
.desktop-lngg select.selectpicker, .mobile-lngg select.selectpicker {cursor: pointer;
padding: 10px;
background-color: transparent;
border: none;
color: #fff;
}

.desktop-lngg select.selectpicker option, .mobile-lngg select.selectpicker option  {
  background: var(--Button);
  color: #fff;
  cursor: pointer;
}

.LeftMenu .menuBtn{display: flex;position: absolute;top: 45px;left: 16%;height: fit-content;line-height: 1;gap: 10px;}

/* Header End */
.connectaddress .details{line-height: 30px; padding-bottom: 10px;}
/* Footer */
footer{background-color: var(--Button);padding: 20px 0 0;color: var(--White);}
.footerWrap{padding-bottom: 30px;}
.footerWrap a{padding: 5px 0;color: var(--White);font-size: 14px;}
.footerWrap a:hover{color: var(--Accent);}
.footerWrap p{margin-top: 20px;}
.footerWrap i{padding-right: 7px;}
.logoFooter{width: 160px;}
.accordionfooter h6{font-family:"DM Sans", sans-serif;font-weight: 400;font-size: 16px;margin: auto;padding:10px 0 0;}
.copyright{padding: 30px 0;border-top: 1px solid var(--White);}
.copyright strong{font-weight: 200;text-transform: uppercase;}
.bottom-footer{text-align: center;padding: 20px 0;font-size: 14px;border-top: 1px solid var(--White);}
.bottom-footer p{margin: auto;}

.accordionfooter .accordion-button{max-width: 90%;position: relative;  font-family: "DM Sans", sans-serif;padding: 12px 0;font-size: 12px;font-weight: 200;}
.accordionfooter .accordion-button::after{content: '+';position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;font-size: 20px;line-height: 0;height: 1px ;font-weight: 200;}
.accordionfooter .accordion-button:not(.collapsed)::after{content: '-';position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;font-size: 20px;line-height: 0;height: 1px ;}
.accordionfooter .accordion-body{text-align: left;padding:0 0px 10px;}
/* Footer End */

/* secondaryFooter */
.secondaryFooter{background-color: var(--Button);padding: 40px 0 60px;color: var(--White);border-bottom: 1px solid var(--White);}
.secondaryFooter .col-md-6{margin: auto;}
/* secondaryFooter */

/* form */
.form-group {position: relative;}
.error{color: red;font-size: 10px;position: absolute;left: 0;bottom: 0;}
.form-control {border: 0;border-bottom: 1px solid var(--White);border-radius: 0;background: none;color: var(--White);font-size: 14px;color: var(--White);padding: 20px 0;}
.form-control:focus {background-color: transparent;outline: none!important;box-shadow: none;color: var(--Accent);}
.form-control::placeholder {color: var(--Accent);}
/* form end */

/* Hero Slider */
.hero-slider{position: relative;overflow: hidden;}
.hero-slider .slide{height: 100vh;position: relative;overflow: hidden;}
.hero-slider .slide-image{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;position: relative ;z-index: 1;}
.hero-slider .slide-image::after{content: '';position: absolute;inset: 0;background-color: rgba(0, 0, 0, 0.502);}
.hero-slider .slide-content{position: absolute;inset: 0;margin: auto;width: fit-content;height: fit-content;color: var(--White);text-align: center;scale: 0;transition: all 0.5s ease-in-out;top: 17%;z-index: 22;}
.hero-slider .slide-content h1,.hero-slider .slide-content h2{font-weight: 100;letter-spacing: 0.08em; font-family: "DM Sans", sans-serif;  font-size: 35px;text-align: left;}
/* .hero-slider.home .slide-content h1{font-family: 'RoxboroughCFLight';font-weight: 100!important;} */
.hero-slider .slide-content h1 i,.hero-slider .slide-content h2 i{font-family: 'RoxboroughCFLight';font-size: 50px;line-height: 40px;}
.hero-slider .slick-next{right: 2%;} 
.hero-slider .slick-prev{left: 2%;}
.hero-slider .slick-active .slick-active .slide-image{animation: zoom 28s infinite;}
.hero-slider .slick-active .slick-active .slide-content{scale: 1; transition: all 1.2s ease-in-out;}
.hero-slider .btnWrap{text-align: left;padding: 15px 0;}
.zoom-animation {animation: zoom 28s infinite; }
@-webkit-keyframes zoom {0% {transform: scale(1);}50% {transform: scale(1.3);}100% {transform: scale(1);}}
/* Hero Slider End */

.banner_text_row{position: absolute; inset: 0; text-align: center;width: 90%; height: fit-content; margin: auto; top: 5vh;color:#fff; max-width:900px}
.banner_text_row .hd{margin:12px auto;font-family: 'RoxboroughCFLight';font-size: 50px;}
.banner_text_row p{font-size: 22px}

.ex0{overflow: hidden;overflow-y: auto;max-height:350px;}
@media screen and (min-width: 1060px) and (max-width: 1880px) {
  .ex1{overflow: hidden;overflow-y: auto;max-height:250px;}
}
/* Our Serivces */
.services-slider .slide-content h3 {font-size: 20px; margin: 20px 0; font-weight: 600}
.services-slider .slick-slide {margin: 0px 20px;}
.services-slider .slide-image img{width: 100%;}
/* Our Serivces */

/* key differentiators  */
.keys_min {background-image: url(../images/key_background.webp); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;background-position: center;}
.keys_flex {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.keys_flex h4 {margin: 20px 0;}
.keys_flex p {font-weight: 200;}
#our-usps .lipsum {width: 100%; padding: 0 30px;transition: all 0.5s ease-in-out;}
.keys_flex:hover .lipsum {transform: scale(0.9);}
.keys_flex .lipsum:hover {transform: scale(1.1);}
/* key differentiators  */

/* Project Highlights */
.project-slider .slick{padding: 20px 0 ;}
.project-slider .title{text-transform: uppercase;}
.project-slider .project_img img {width: 100%; z-index: -1; position: relative;height: 100%;object-fit: cover;display: block;transition: all 0.6s ease-in-out;object-position: center right;}
.project-slider a{display: block;overflow: hidden;position: relative;}
.project-slider a::after{content: '';position: absolute;inset: 0;background-color: var(--blue);z-index: -1;opacity: 0.1;scale: 0;transition: all 0.3s ease-in-out;border-radius: 100%;}
.project-slider a:hover::after{scale: 1;border-radius: 0;}
.project-slider .slick-slide {margin: 0px 10px;}
.project-slider .slide{position: relative;}
.project_img {position: relative;overflow: hidden;height: 570px;background-color: rgba(0, 0, 0, 0.3);}
.project-slider a:hover .project_img img{transform: scale(1.1);}
.proj-details {position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; color:var(--White);  min-height: 220px;}
.proj-details .desc{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.proj-name .hd{font-weight: bold;}
.readmore{color: var(--White);}
.proj-name .title{font-weight: 400;margin: auto;}
.proj-name .location{font-weight: 200;font-size: 14px;text-transform: uppercase;}
.proj-details .readmore{font-weight: 600;font-size: 14px;}

.is-project{padding: 20px ;}
.project-details{padding: 10px 0;}
 .project-title{font-weight: 200;margin: auto;color: var(--blue);padding: 10px 0;text-transform: uppercase;font-size: 18px;}
.project-image img {width: 100%;}
.project-location {margin-top: 20px;font-size: 10px;font-weight: 400;text-transform: uppercase;letter-spacing: .14286rem;display: inline-block;}
.project-description {font-weight: 500;font-size: 14px;letter-spacing: 0.1px;line-height: normal;}
.read-more {font-weight: 700 !important;font-size: 12px;letter-spacing: 0.1px;color: #172941 !important;text-decoration: none !important;}
/* Project Highlights */

/* associations and partners */
.reverse {flex-direction: row-reverse;}
#ass-partners {padding: 30px 0;}
@media screen and (max-width: 767px) {
  .reverseCol{  flex-direction: column-reverse;}
}

/* associations and partners */

/* testimonials */
.homeTestimonials{margin-top: 0;}
.testimonials-slider .slide-image img{margin: auto;margin-bottom: 20px; width: 100px;height: 100px;}
.testimonials-slider .slide-image.noRound img{border-radius: 0;}
.testimonials-slider .slide{padding: 15px;}
.testimonials-slider .slide-content h5 {font-size: 16px;margin-bottom: 4px;}
.testimonials-slider .slide-content h6{font-size: 11px;min-height: 30px;}
.testimonials-slider .slide-content p {font-size: 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; transition: all 0.5s ease-out;}
.slide-content p.expanded {-webkit-line-clamp: unset;transition: all 0.5s ease-out; }
.read-more-btn {background: transparent;border: none;color: var(--Button);cursor: pointer;text-decoration: underline;font-size: 14px;}
.testimonials-slider .slick-slide {margin: 0px 20px;}
/* testimonials */


/* Media Spotlight */
.media-slider .slick-slide img {margin: auto;width: 120px;}
.media-slider span  {background-color: #eaeaea;padding: 6px 70px;display: inline-block;}
.media-slider .card {border-radius: inherit; border: none;background-color: transparent;} 

/* Media Spotlight */


/* Achieving Greatness */
.achieveing-grateness {background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/banner/greatness-banner-3.webp);background-position: center;background-size: cover;}
.ip-banner{height:100vh;position: relative;overflow: hidden;}
.ip-banner::after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 20%;background: linear-gradient(180deg, rgba(0,0,0,0.5284314409357493) 19%, rgba(0,0,0,0.29313732328869047) 53%, rgba(0,0,0,0) 89%); }
.play-container {cursor: pointer;position: absolute;top: 50%;left: 50%;transform: translateX(-25px);}
.button-effect {position: relative;box-shadow: 0 0 0 0 rgb(255 255 255);border: 1px solid #fff;display: inline-block;border-radius: 50%;width: 50px;height: 50px;-webkit-animation: pulse2 1500ms infinite;}
.achieveing-grateness img {transform: translate(-8px, -10px);position: absolute;top: 50%;left: 50%;}
.button-effect:hover{-webkit-animation: pulse2 1500ms infinite;}
@-webkit-keyframes pulse2 {0% {}70% {box-shadow: 0 0 0 20px rgba(255,255,255, 0);}100% {box-shadow: 0 0 0 0 rgba(255,255,255, 0);}}
.intro_banner {background-size: cover!important;background-repeat: no-repeat!important;background-position: center center!important;background-attachment: fixed!important;}
.vc-line {width: .14em;height: 83px;z-index: 1;background: #aaa;position: absolute;bottom: 0;left: 50%;right: 50%;background: rgba(255, 255, 255, 0.4);overflow: hidden;border-radius: 3px;}
@keyframes mymove {from {top: -80px;}to {top: 70px;}}
 .vc-line2 {width: 100%;height: 80%;background: #fff;z-index: 99999 !important;position: relative;animation: mymove 1.2s infinite;animation-timing-function: linear;bottom: 0;}
.project-description-para {margin-top: 40px;margin-bottom: 61px;font-weight:200;font-size: 16px;line-height: 30px;text-align: center;color: #000000;}
.sticky-img-sec{padding:0;}
.sticky-img-sec img{width:100%;}
.sticky-para-about{padding:100px 100px;}
/* Achieving Greatness */

/* Link Bnk */
.team-designation{font-size: 16px;line-height: 23px;text-transform: uppercase;font-weight:300;}
.publicatoin-slider img{width:100%;height:auto;aspect-ratio: auto;}
#more {display: none}
/* Link Bnk */

/* Trump Tower Penthouse*/
.trump-tower-bg{background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/project-details/trump-tower-banner.jpg);background-position: center;background-size: cover;}
.project-details-img{padding:0 8px;margin-bottom:15px;}
.project-image img{width:100%;}
/* Trump Tower Penthouse*/


/* Contact Page */
.contact-banner{background:url(../images/hm-banner-one.webp);background-position: center;background-size: cover;}
.details a{text-decoration:none;}
.blue-anchor{color:#474747;}
.bgc-section{padding:0;}
.section-padding{padding:40px 0px;}
.follow-us-link a{color: #172941 !important;font-weight: 300;letter-spacing: .03846em;font-size: 28px;padding: 20px;}
.follow-us-link{margin-bottom: 30px;}
.contactgrid{display: flex;gap: 20px;padding-top: 20px;}
.contactgridcol{margin: 0;width: 100%;}
.contactgridcol .details{font-size: 14px;line-height: 22px;}
.contactgridcol .details .btnA{font-size: 12px;line-height: 11px;padding: 10px 15px;}

.contactgrid2{margin-top: 30px;}
.contactgrid2 h4{margin-bottom: 10px}
.contactgrid2 .contactgridcol2{padding: 20px;}


/* Contact Page */

/* Team */
.subHeader_min{padding: 200px 0 100px;background: var(--blue);color: var(--White);}
.team{padding: 60px 0 ;}
.team_img{max-width: 100%;padding: 30px 0; margin: auto;text-align: center;}
.team_img img{width: 100%;}
.team_wrap{width: 100%;margin: auto;}
.team_para{text-align: center;padding: 20px 0;}
.team_wrap_list .team-image{position: relative;}
.team_wrap_list .team-image img{width: 100%;}
.team-box .team-overlay {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;transition: 0.5s all;display: block;align-items: flex-end;background-color: rgba(23, 41, 65, 0.8);color: #fff;height: 100px;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;overflow: auto;touch-action: manipulation;}
.team-box:hover .team-overlay {height: 100%;}
.team-text {padding: 0px 20px 0 20px;font-weight: 300;font-size: 16px;line-height: 23px;text-align: center;color: #fff;margin-bottom: 11px;display: none;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.team-name {font-weight: 700 !important;font-size: 18px;line-height: 24px;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;color: #FFFFFF;padding: 15px 15px 5px 15px;display: inline-block;margin-bottom: 0;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.team-designation {padding: 0px 5px 0 5px;font-weight: 300;font-size: 12px;line-height: 17px;text-align: center;color: #fff;margin-bottom: 11px;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;margin-top: 0;}
.team-box:hover .team-text {display: block;}
/* Team */

/* Recognition */
.awardsSection{padding-top: 30px;}
.awardsSection .col-6{align-content: center;height: 200px;border: 1px solid transparent;transition: all 0.3s ease-in-out;width: 100%;}
.awardsSection{display: grid;grid-template-columns: repeat(5,1fr);width: fit-content;margin: auto;}
.awardsSection .col-6 img{ max-height: 80%;object-fit: cover;transition: all 0.3s ease-in-out;scale: 1;}
.pubSection .col-6 img{margin:8px auto!important;width: 100%;}
/* Recognition */

/* Sitemap */
.sitemap{padding: 200px 0 40px;}
/* Sitemap */

#contact-form-1 a{color: var(--blue);}
#contact-form-1 .btnA {color: var(--Accent);}

/* Sub Header */
.blockBox{padding: 60px;background-color: var(--Button);}
.subHeader {position: fixed;z-index: 1;width: 100%;top: 120px;transition: all 0.5s ease-in-out;z-index: 100;font-size: 14px;}
.subHeader a{color: var(--White);text-transform: uppercase;letter-spacing: 1px;font-size: 14px;position: relative;padding: 10px;}
.subHeader a::after{content: "";display: block; position: absolute;right: 0;top: 0;bottom: 0;height: 15px;width:1px;background-color: #fff;margin: auto;}
.subHeader a.ifprojectName::after{display: none;}
.projectDetailPage .subHeader a.ifprojectName::after{display: block;}

.projectDetailPage section p{margin: 10px 0;font-weight: 200;font-size: 16px;line-height: 30px;text-align: center;color: #262525f7;}

.subHeader a:last-child::after{display: none;}
.subHeader a:hover{color: var(--Accent);}
.subHeader a.active{color: var(--Accent)!important;}
.subHeader.stickySub{background: var(--Button);top: 60px;}
.navbar-toggler{outline: none!important;border: none!important;box-shadow: none!important;transition: all 0.5s ease-in-out;}
.navbar-toggler.active{transform: rotate(180deg);}
.mobileNav{display: flex;justify-content: space-between;width: 100%;}
.subHeader .navbar {justify-content: space-between;}
.projectDetailPage #ifprojectName{display: none;}
.projectDetailPage .projectNameLink{display: none;}
/* Sub Header End */

/* Projects List */
.projects_list .is-project a{display: block;color: var(--Black);}
.projects_list .is-project a .project-image{overflow: hidden;}
.projects_list .is-project a .project-image img{width: 100%;display: block;transition: all 0.5s ease-in-out;  }
/* .imgGry a{border: 2px solid red;} */
/* .healthcare .projects_list .is-project a .project-image img, .imgGry .project-image img{filter: saturate(15%);} */
/* .projects_list .is-project a:hover .project-image img{scale: 1.1;filter: saturate(0.3);} */
/* Projects List  */


/* FAQ */
.tabbableS1 .nav{border: none;background-color: transparent;margin-bottom: 40px;}
.tabbableS1 .nav li button{color: var(--blue);border: none;background-color: transparent;text-transform: uppercase;font-size: var(--fSize-3);padding: 10px 30px;letter-spacing: 1px;transition: all 0.5s ease-in-out;border-radius: 0;}
.tabbableS1 .nav li button:hover{background-color: var(--Accent);}
.tabbableS1 .nav li button.active{background-color: var(--Button);color: var(--Accent);}

details{padding-bottom: 10px;}
summary{position: relative;padding: 20px 0 10px;font-size: var(--fSize-2);font-weight: 500;color: var(--Button);list-style-type: none;}
details[open] summary::after {content: "-";}
summary::after {background: transparent;border-radius: 0.3em;content: "+";color: #000;float: left;float: right;font-size: 3em;padding: 0;text-align: center;width: 30px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;font-weight: 100;line-height: 0;height: 0px;}
/* FAQ End */


/* Form */
.fancybox-button{background-color: var(--Button)!important;color: var(--Accent)!important;}
.form-popup{background-color: var(--Button);border: 1px solid var(--Accent)!important;width: 900px;}

.formS2 .form-control{border: 1px solid var(--Accent);padding: 10px 15px;}
.formS2 .form-group{padding-bottom: 15px;}
.formS2 .form-group label{font-size: 12px;padding-bottom: 5px;}
.formResponse{font-size: 20px;color: var(--Accent);text-align: center;}
.formS2 .success{padding: 20px 0;display: block;}
.uploadicon{position: absolute;right: 17px;bottom: 22px}
/* Form */


/* Key Persons */
.keyPersonsSlider{}
.keyPersons_item{padding:10px 20px;}
.keyPersons_item a{display: block;overflow: hidden;position: relative;}
.keyPersons_img img{width: 100%;display: block;transition: all 0.5s ease-in-out;}
.keyPersons_item a:hover .keyPersons_img img{scale: 1.1;}
.keyPersons_info{position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px ;background: var(--blue);  min-height: 110px;}
.keyPersons_info h3{font-size: 17px;font-weight: 500;color: var(--White);text-transform: uppercase;}
.keyPersons_info p{font-size: 10px;font-weight: 400;color: var(--White);margin: auto;}

.popupData_info{padding: 10px 0;}
.popupData{width: 80%;display: none;}
.popupData_text{padding-bottom: 10px;}
.popupData_text h3{color: var(--blue);}
.popupData_text table{width: 100%;}
.popupData_text th{background: var(--blue);color: var(--White);}
.popupData_text td, .popupData_text th{border: 1px solid;padding: 4px 10px;text-align: center;font-size: 12px;}

.wrapTestimonial{display: flex;}
.wrapTestimonial .slide-image{width: 120px;margin: 0;}
.wrapTestimonial .slide-image img{width: 100%;display: block;object-fit: contain;}
.wrapTestimonial .slide-content{width: 100%;padding:0 20px;text-align: left;margin: auto;}
.testimonials-slider  .wrapTestimonial .slide-content p{  -webkit-line-clamp: inherit;font-size: 14px;}
.wrapTestimonialMin .slide {padding: 0;}
/* Key Persons End */

@media screen and (max-width: 1500px) {
.project_img{height: 450px;}
}

@media screen and (max-width: 967px) {
.hero-slider .slide-content h1,.hero-slider .slide-content h2{font-size: 40px;}
body{font-size: 14px;}
.keys_flex {grid-template-columns: repeat(2, 1fr);}
#our-usps .lipsum{padding: 10px 0;}
.media-slider .cards img{padding: 20px;}

.faq .tabbableS1 .nav{display: flex;flex-wrap: nowrap;gap: 0;overflow: hidden;overflow-x: auto;padding: 20px 0;margin-bottom: 0;}
summary{  padding: 20px 40px 10px 0;}
summary::after{font-size: 35px;}

.contactgrid{flex-wrap: wrap;}
.contactgridcol{width: 180px;margin: 0 auto;}

.second-logo img {
    margin-left: 27px;
    margin-top: 10px;
}
}


@media (max-width: 767px) {
  .hero-slider .slick-active .slick-active .slide-image{animation: none;}
.intro_banner{  background-attachment: inherit !important;}
.btnA{padding: 5px 10px;font-size: 12px;}
.navbar-brand-right{display: none;}  
.sticky-para-about{padding:100px 30px;}
.about-sticky-images{padding:0;}
.hero-slider .slide-content h1,.hero-slider .slide-content h2{padding: 0 10px;font-size: 36px;}
.hero-slider .slide-content{top: 100px;}
.LeftMenu{width: 100%;    background: rgba(0, 0, 0, 0.68);padding: 70px 50px 30px;}
.LeftMenu nav{text-align: center;}
.rowText{padding: 20px 0 0;}
.row > *{padding-left: 0; padding-right: 0;}
.slick-arrow{height: 20px;}
.secondaryFooter .col-md-6 img{width: 100%;}
.secondaryFooter .form-section--form{margin-top:60px;padding:0 20px;}
.footerWrap .col strong{font-size: 16px;}
.logoFooter{margin: auto;padding-bottom: 40px;}
.footerWrap .col{margin: 10px auto;padding:  0 20px;width: fit-content;}
.footerWrap a p{margin: 5px 0;}
.hd{margin-bottom: 20px;}
section{padding: 25px 0;}
.project_img{height: 450px;}
.sticky-para-about .mt-5{margin-top: 0!important;}
.sticky-para-about{padding: 40px 30px;}
.ex{font-size: 25px;}
.team_wrap .ex{font-size: 20px;}
.team_wrap{width: 100%;}
.hero-slider .slide-content{scale: 1;}
.navbarSupportedContent{position: absolute;width: 100%;left: 0;top: 45px;overflow: hidden;transition: all 0.6s ease;clip-path: inset(0 0 100% 0);}
.navbarSupportedContent.show{clip-path: inset(0 0 0% 0);}
.navbarSupportedContent .navbar-nav {background: var(--blue);padding:10px 30px;}
.navbarSupportedContent a{padding: 10px 0;border-bottom: 1px solid  #ffffff3d;}
.navbarSupportedContent li:last-child a{border-bottom: none;}
#inpg-header{position: inherit;}
.subHeader_wrap .container{padding: 0!important;}
.testimonials-slider .slide{padding: 10px;}
.publicatoin-slider img{padding: 0 10px;}
.mobileNav{width: fit-content;}
div.ex1{height: 200px;overflow: auto;}
.fancybox-navigation .fancybox-button{border: none!important;}
.popupData{padding: 40px!important;width: 95%;}
.LeftMenu{background-color: rgba(21, 21, 21, 0.84) !important;}

.wrapTestimonial{display: block;text-align: center;}
.wrapTestimonial .slide-image{margin: auto;}
.wrapTestimonial .slide-content{text-align: center;}
.awardsSection{display: grid;grid-template-columns: repeat(2,1fr);}
.awardsSection .col-6{height: auto;}
.accordionfooter .accordion-button{max-width: 100%;border-top: 1px solid var(--White);padding: 15px 0;}
.accordionfooter .accordion-body{text-align: left;padding:0 20px 10px;}
.desktop-lngg select.selectpicker{font-size: 13px;padding: 10px 3px;width: 48px;}
.RightNav{gap: 15px;}
.media-slider span{padding: 10px;}
.media-slider .slick-slide img{width: 100%;}
.footerWrap .justify-between .col:first-child{width: 100%;}
.footerWrap .justify-between .col:nth-child(2){width: 100%;}
.slick-next{right: -7%;rotate: 180deg;} 
.slick-prev{left: -7%;}

.langBtn .desktop-lngg{display: none;}
.langBtn .mobile-lngg{display: block;}
.hero-slider .slick-arrow{display: none!important;}


.desktop-lngg select.selectpicker, .mobile-lngg select.selectpicker{width: fit-content;padding: 0;}
.hero-slider .slide-image{  background-position: 30% center;}
.contactgridcol{width: 100%;margin: 0 auto;}

.second-logo img {
    margin-left: 27px;
    margin-top: 10px;
}
.banner_text_row .hd{font-size: 30px;}
.banner_text_row p{font-size: 14px;}
}
.second-logo img {
    margin-left: 27px;
    margin-top: 10px;
}