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

:root {--primaryColor:#91bf8c;--goldColor:#daa45a;--titleColor:#6caa69;}

::-webkit-scrollbar{width:7px;background-color:#aaa}
::-webkit-scrollbar-thumb{background-color:#000;border-radius:5px}

::selection{background:#222;color:#fff}
::-moz-selection{background:#222;color:#fff}
::-moz-placeholder{color:inherit;opacity:.3}
::-ms-input-placeholder{color:inherit;opacity:.3}
::-webkit-input-placeholder{color:inherit;opacity:.3}

html {scroll-behavior:smooth;font-size:16px;}
body {font-family: "Poppins", sans-serif;font-weight:300;font-style:normal;font-optical-sizing:auto;color:#000;line-height:1.8;background:#fff;font-size: clamp(0.88rem, calc(0.838rem + 0.185vw), 1.00rem);}
body * {color:inherit}
ul, li {list-style:none;margin:0;padding:0}
a {text-decoration:none;}
.containerMain a:not([class]):hover {color:var(--primaryColor);}
strong {font-weight:700;}

.txtLink {color:var(--titleColor);}
.txtLink:hover {text-decoration:underline;}

.colorGold {color:var(--goldColor) !important;}
.colorGreen {color:var(--titleColor) !important;}

.swiper {--swiper-scrollbar-size: 8px;}
.swiper .swiper-scrollbar-horizontal {width:100%;max-width:250px;left:0;right:0;margin:auto;border:1px solid #333;border:1px solid var(--subtleBg);}
.swiper .swiper-scrollbar-drag {cursor:pointer;}

@media (min-width:1500px) {
.container {max-width:90%;}
}

.animateThis {position:relative;will-change: opacity transform;}
.slideLeft {opacity: 0;transition: all 0.6s ease;transform: translate3d(100px, 0px, 0px);}
.slideLeft.in-view {opacity: 1;transform: translate3d(0px, 0px, 0px);}
.slideRight {opacity: 0;transition: all 0.6s ease;transform: translate3d(-100px, 0px, 0px);}
.slideRight.in-view {opacity: 1;transform: translate3d(0px, 0px, 0px);}
.slideTop {opacity: 0;transition: all 0.6s ease;transform: translate3d(0px, 100px, 0px);}
.slideTop.in-view {opacity: 1;transform: translate3d(0px, 0px, 0px);}
.slideBottom {opacity: 0;transition: all 0.6s ease;transform: translate3d(0px, -80px, 0px);}
.slideBottom.in-view {opacity: 1;transform: translate3d(0px, 0px, 0px);}
.fadeGrow {opacity: 0;transition: all 0.6s ease;transform: scale(0.5);}
.fadeGrow.in-view {opacity: 1;transform: scale(1);}
.fadeIn {opacity: 0;transition: all 0.6s ease;}
.fadeIn.in-view {opacity: 1;}
.curtain {clip-path: polygon(50% 0, 50% 0, 50% 0, 50% 0);transition: all 1s .3s ease;}
.curtain.in-view {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.curtainLeft {clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);transition: all 1s .3s ease;}
.curtainLeft.in-view {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.form-label {font-size:.87rem;margin-bottom:0;font-weight:400;}
.form-control {border-radius:0;border-width:0 0 1px 0;font-size:1rem;font-weight:300;background:transparent;}
.form-control:focus {border-color:#000;box-shadow:unset;}

.titleText {color:var(--titleColor);font-size:clamp(2.63rem, calc(2.069rem + 2.778vw), 4.50rem);}
.headText {font-weight:300;font-size:clamp(1.25rem, calc(0.843rem + 2.037vw), 2.63rem);line-height:1.4;}
.headText strong {font-weight:600;}
.cursiveFont {font-family:"Licorice",cursive;font-weight:400;font-style:normal;}

.btn {width:auto;height:40px;border-radius:50rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--primaryColor);position:relative;overflow:hidden;background:var(--primaryColor);font-size: clamp(0.88rem, calc(0.838rem + 0.185vw), 1.00rem);color:#000;padding:0 1.5rem;font-weight:500;text-transform:uppercase; transition:all .3s ease;overflow:hidden;text-decoration:none;}
.btn:hover, .btn:first-child:active, :not(.btn-check)+.btn:active, .btn:focus-visible {background:var(--goldColor);color:#fff;}
.btn.arw {padding:0 2.5rem 0 1.5rem;}
.btn.arw:hover {padding:0 1.5rem 0 2.5rem;}
.btn.arw:before, .btn.arw:after {content:'';width:1rem;aspect-ratio:1;display:inline-block;position:absolute;transition:all .3s ease;}
.btn.arw:before {left:-3rem;background-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' stroke='%23fff' stroke-width='1' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8' clip-rule='evenodd'/></svg>");}
.btn.arw:hover:before {left:1rem;}
.btn.arw:after {right:1rem;background-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23000' stroke='%23000' stroke-width='1' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8' clip-rule='evenodd'/></svg>");}
.btn.arw:hover:after {right:-3rem;}

.pageHeader {width:100vw;height:auto;position:fixed;top:0;z-index:900;transition:all .4s ease;}
.pageHeader * {transition:all .4s ease;}
.pageHeader:before {content:'';width:100%;height:0;display:block;position:absolute;top:0;left:0;background:#fff;z-index:-1;transition:all .8s ease;border-radius:0 0 1rem 1rem;}
.pageLogo {width:100px;display:block;padding:2rem 0;position: relative;}
.pageHeader.stick .pageLogo, .pageHeader.innerPg .pageLogo {padding: .5rem 0;width:70px;}
.logoImg {width:100%;height:auto;}
.pageHeader.stick:before, .pageHeader.innerPg:before {height:100%;box-shadow: 0 0 5px #ccc;}

.pageFooter {background:#fff;}
.footTxt {font-size: clamp(1.00rem, calc(-0.216rem + 1.961vw), 1.50rem);}
.footContacts {font-size:clamp(1.25rem, calc(-0.574rem + 2.941vw), 2.00rem);}
.footContacts a:hover {text-decoration:underline;}
.footerForm .errorLabel {color:#ff0000;font-size:0.7rem;display:none;}
.footerForm .error .errorLabel {display:block;}
.footerForm .error .form-control {border-color:#ff0000;}
.footerForm .formStatus {font-size:0.9rem;font-weight:500;}
.footerForm button[disabled] {opacity:0.65;pointer-events:none;}

@media (min-width:768px) {
.pageLogo {width:150px;padding: 3rem 0;}
.pageHeader.stick .pageLogo, .pageHeader.innerPg .pageLogo {width:100px;}
}
@media (min-width:992px) {
.pageLogo {width:110px;padding: 3rem 0;}
.pageHeader.stick .pageLogo, .pageHeader.innerPg  .pageLogo {width:80px;}
.headerBtn {font-size: clamp(0.75rem, calc(0.154rem + 0.962vw), 0.88rem);}

.menuList > li {display:inline-flex;padding:0 .75rem;position:relative}
.menuList > li > a {padding:0 .2rem;color:#fff;line-height:2;display:block;position:relative;text-decoration:none;font-size: clamp(0.75rem, calc(0.154rem + 0.962vw), 0.88rem);}
.menuList > li:last-child {margin-left:auto}
.menuList > li > a:after {content:'';width:0;height:2px;display:block;position:absolute;bottom:0;left:0;margin:auto;background:var(--goldColor);transition:all .3s ease;}
.menuList > li:hover > a:after, .menuList > li.active > a:after {width:100%}
.pageHeader.stick .menuList > li > a, .pageHeader.innerPg .menuList > li > a {color:#000;}

.footerForm {margin-top:-6rem;}
}
@media (min-width:1200px) {
.pageLogo {width:150px;padding: 3rem 0;}
.pageHeader.stick .pageLogo, .pageHeader.innerPg .pageLogo {width:100px;}
.menuList > li > a {font-size:clamp(0.75rem, calc(0.142rem + 0.980vw), 1.00rem);}
.headerBtn {font-size:clamp(0.75rem, calc(0.142rem + 0.980vw), 1.00rem);}
}
@media (min-width:1400px) {
.menuList > li {padding:0 1.5rem;}
}

@media (max-width:991.98px) {
.navigHolder {max-width:500px;width:75%;height:auto;position:fixed;top:1rem;bottom:1rem; left:-120%;display:block;text-align:center;background:rgba(41, 41, 41, .9);transition:all .5s ease;padding:0;box-shadow:0 0 50px rgba(0,0,0,.8);overflow:auto;z-index:100;border-radius:1rem;backdrop-filter: blur(5px);border:1px solid var(--goldColor);}
.navigHolder.open {left:1rem}
.menuList {padding-top:2rem}
.menuList > li {display:block;border-bottom:1px solid #3e3e3e;position:relative;width:100%}
.menuList > li > a {padding:1.5rem;display:block;color:#fff;text-align:center;text-transform:uppercase;position: relative;}
.menuList > li.active > a {color:var(--goldColor);font-weight:500;}
.menuList > li.active > a:before {content:'';width:100%;height:1%;display:block;position:absolute;top:0;left:0;bottom:0;margin:auto;background:linear-gradient(0deg,rgba(218, 164, 90, 0) 0%, rgba(218, 164, 90, 1) 50%, rgba(218, 164, 90, 0) 100%);filter:blur(10px);z-index:-1;}

.navigHolder .btn {margin:2rem auto;}

.menuBtn {width:25px;height:25px;position:relative;background:transparent;border:0;display:inline-block;margin-left:1.5rem}
.menuBtn span {width:100%;height:2px;display:block;margin:auto;position:absolute;left:0;right:0;transition:all .25s ease-in-out;border-radius:2px;background:#fff}
.stick .menuBtn span, .innerPg .menuBtn span {background:#000;}
.menuBtn span:nth-child(1) {top:15%}
.menuBtn span:nth-child(2), .menuBtn span:nth-child(3) {top:50%}
.menuBtn span:nth-child(4) {top:85%}
.menuBtn.active span:nth-child(1), .menuBtn.active span:nth-child(4) {width:0;top:50%}
.menuBtn.active span:nth-child(2) {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.menuBtn.active span:nth-child(3) {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg)}
}

.pageWrapper {min-height:100vh;}

.bannerSection {height:100vh;min-height:750px;z-index:10;}
.bannerSwiper {width:100%;background:#eee;border-radius:0;overflow:hidden;}
.bannerSwiper .swiper-slide:after {content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(135deg,rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 60%);pointer-events:none;z-index:1;}
.bannerSwiper .bannerImg {width:130%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:center;z-index:-2;transition:all 0s 3s linear;}
.bannerSwiper .swiper-slide-active .bannerImg {left:-30%;transition:all 15s linear;}
.bannerSwiper .hbSlideText {opacity:0;transition:all 1.5s 1s ease;filter:blur(30px);transform:translateX(-200px)}
.bannerSwiper .swiper-slide-active .hbSlideText {opacity:1;filter: blur(0px);transform:translateX(0)}

.bannerContent {height:100%;position:relative;margin:auto;color:#fff;text-align:left;z-index:2;}
.hbSlideText .bannerTitle {font-size:clamp(2.25rem, calc(1.583rem + 3.333vw), 4.50rem);font-weight:600;margin-bottom:1rem;}
.hbSlideText .bannerTitle span {font-size:clamp(2.25rem, calc(1.287rem + 4.815vw), 5.50rem);}
.hbSlideText p {font-size:1rem;margin-bottom:2rem;line-height:1.5;}

.banCurveBox {width:16vw;height:190px;position:absolute;top:0;left:0;background:#fff;border-radius:0 0 3rem 0;z-index:1;}
.banCurveBox .logoCurve {width:3rem;height:3rem;position:absolute;overflow:hidden;}
.banCurveBox .logoCurve:before {content:'';width:200%;aspect-ratio:1;display:block;border-radius:50%;box-shadow:0 0 0 3rem #fff;}
.banCurveBox .logoCurve.top {left:99.7%;top:0}
.banCurveBox .logoCurve.btm {left:0;top:99.7%;}

.aboutSection {padding-bottom:45%;background:#ecebe9;z-index:2;}
.aboutSection:before {content:'';width:100%;height:40vh;display:block;position:absolute;top:-20vh;left:0;background: linear-gradient(0deg,rgba(236, 235, 233, 0) 0%, rgba(236, 235, 233, 1) 50%);z-index:1;}
.aboutContent {max-width:1200px;z-index:1;}
.aboutContent p {max-width:600px;line-height:1.5;}

.aboutSectionImg {width:100%;height:auto;position:absolute;bottom:0;left:0;}
.aboutSectionImg.light {bottom:-50vh;opacity:0;visibility:hidden;transition-delay:0s;}
.in-view .aboutSectionImg.light {bottom:0;opacity:1;visibility:visible;transition-delay:2s;}

.aboutCircle {width:80px;aspect-ratio:1;position:absolute;right:0;bottom:0;border-radius:50%;border:2px solid var(--primaryColor);transition:all .5s cubic-bezier(0.65, 0, 0.35, 1);transform:translate(0%, 100%);}
.aboutCircle:hover {background:var(--goldColor);}
@keyframes rotate {
   to {transform: rotate(-360deg);}
}
.cirText {max-width:100%;}
.cirText text {fill: #000;font-size:3rem;font-weight:500;text-transform: uppercase;font-variant-ligatures:none;animation: rotate 20s linear infinite;transform-origin: 250px 250px;}
.textcircle {transition: transform .5s cubic-bezier(0.65, 0, 0.35, 1);transform-origin: 250px 250px;}
.cirText:hover .textcircle {transform: scale(1.1) rotate(-90deg);}
.cirText:hover text {fill:#fff;}

.inCircle {width:50%;height:50%;border:1px solid #333;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50%;pointer-events:none;background:#ecebe8;}
.inCircle:before {content:'';width:24px;height:24px;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;
background-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2391bf8c' stroke='%2391bf8c' stroke-width='1' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z' clip-rule='evenodd'/></svg>");}

.statNo {font-size:clamp(2.63rem, calc(2.218rem + 2.037vw), 4.00rem);line-height:1;font-weight:400;color:#ccc;transition:color 2s ease;}
.statLabel {font-weight:400;}

.in-view .statNo {color:var(--goldColor);}

.servWrapper {background:#292929;border-radius:3rem;position:relative;}
.servImgBox {min-height:500px;height:100%;position:relative;top:0;left:0;}
.servImg {width:100%;height:100%;object-fit:cover;position:absolute;}

.serviceList {border-left:1px solid #a9a9a9;}
.servCard {position: relative;}
.servHead {font-size:1.2rem;font-weight:400;}
.servContent {opacity:.5;line-height:1.5;}

.active .servHead {color:#6be165;}

.servCard:before {content:'';width:3px;height:0%;position:absolute;top:0;left:-2px;background:#6be165;}
.active .servCard:before {height:100%;transition:all 4s ease-in;}

.clientSection {background:#EBE9EC;}
.clientSection:before {content:'';width:100%;height:100%;display:block;position:absolute;top:0;right:0;background:linear-gradient(90deg,rgba(235, 233, 236, .6) 0%, rgba(235, 233, 236, .9) 75%);pointer-events:none;z-index:1;}
.clientSectionImg {width:auto;max-width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:10% 50%;}
.clientList .col {border:1px dashed #b2b0b1;border-bottom:0;border-right:0;display:flex;align-items:center;justify-content:center;height:130px;}
.clientList .clogoBox {width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.clientList .clientLogo {width:100%;height:100%;object-fit:scale-down;object-position:center;filter:grayscale(100%);transition:all 1s ease;}
.clientList .clientLogo:hover {filter:grayscale(0%);}

.curveBox {width:15%;aspect-ratio:1;position:absolute;background:#fff;border-radius:30% 0 0 0;}
.curveBox .curve {width:50%;aspect-ratio:1;position:absolute;overflow: hidden;}
.curveBox .curve:before {content:'';width:200%;aspect-ratio:1;display:block;border-radius:50%;box-shadow:0 0 0 3rem #fff;transform:translateX(-50%) translateY(-50%);}
.curveBox .curve.top {right:0;bottom:100%}
.curveBox .curve.btm {right:100%;bottom:0;}
.curveBox .arw {width:40%;aspect-ratio:1;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2391bf8c' stroke='%2391bf8c' stroke-width='1' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z' clip-rule='evenodd'/></svg>");}

.profCard {width:100%;display:block;}
.profImgBox {width:100%;height:auto;position:relative;border-radius:1rem 1rem 0 1rem;overflow:hidden;background:#eee;}
.profImg {width:100%;aspect-ratio:1;object-fit:cover;object-position:center;transition:all 1s ease;}
.profName {font-size:clamp(1.00rem, calc(0.852rem + 0.741vw), 1.50rem);font-weight:500;color:#000;text-decoration:none;}
.profImgBox .curveBox {right:0;bottom:0;z-index:10;}
.profCard .curveBox .arw {transform:rotate(0deg);transition:all .5s ease;}
.profCard:hover .profImg {transform:scale(1.1);filter: brightness(130%);}
.profCard:hover .curveBox .arw {transform:rotate(405deg);}

.locName {font-size:.9rem;display:flex;align-items:center;flex-flow: row;}
.property-features {list-style: disc !important;padding-left: 20px !important;margin: 0;}
.property-features li {list-style: disc !important;}

.testimWrapper {background:#292929;}
.testimonialSwiper .swiper-slide {height:auto;}
.testimonialSwiper .swiper-slide .testimBox {opacity:.5;transition:all 1s ease;}
.testimonialSwiper .swiper-slide-active .testimBox {opacity:1;}

.testimBox {width:auto;height:100%;background:#fff;padding:1rem;border-radius:1rem;}
.ttmText {font-size:1rem;line-height:1.5;}
.ttmComma {width:1.5rem;}
.ttmProf {line-height:1.3;}
.ttmImg {width:3rem;height:3rem;border-radius:50%;overflow:hidden;object-fit:cover;object-position:center;}
.ttmAuthor {font-weight:500;}
.ttmLocation {font-size:.8rem;color:#666;}

.borderRadius {border-radius:1rem;}

@media (min-width:576px) {
.bannerSwiper {border-radius: 2rem;}
.aboutSection {padding-bottom:35%;}
.profImgBox {border-radius:2rem 2rem 0 2rem;}
.testimBox {padding:2.5rem;}
.ttmComma {width:3rem;}
.borderRadius {border-radius:2rem;}
}
@media (min-width:768px) {
.bannerSwiper {border-radius: 3rem;}
.aboutCircle {width:130px;transform:translate(5%, 100%);}
.profImgBox {border-radius:3rem 3rem 0 3rem;}
.curveBox {width:20%;}
.clientList .col:nth-child(4n-3) {border-left:0;}
.clientList .col:nth-child(-n+4) {border-top:0;}
.borderRadius {border-radius:3rem;}
}
@media (min-width:992px) {
.banCurveBox {width:20vw;height:150px;}
.bannerSwiper {border-radius: 0 3rem 3rem 3rem;}
.hbSlideText {max-width:650px;}
.aboutSection {padding-bottom:28vw;}
.aboutCircle {width:150px;transform:translate(25%, 50%);}
.servImgBox {min-height:500px;height:100%;width:43%;position:absolute;top:0;left:0;}
.clientSection {padding-bottom:5%;}
.clientSection:before {width:70%;background:linear-gradient(90deg,rgba(235, 233, 236, 0) 0%, rgba(235, 233, 236, 1) 75%);}
}
@media (min-width:1200px) {
.banCurveBox {width:22vw;height:190px;}
}
@media (min-width:1400px) {
.banCurveBox {width:16vw;height:190px;}
}
@media (max-width:767.98px) {
.clientList .col:nth-child(2n-3) {border-left:0;}
.clientList .col:nth-child(-n+2) {border-top:0;}
}

.pgTitleSection {margin-top:75px;}
.pgTitleSection p {max-width:600px;}
.inbannerTitle {font-size:clamp(2.25rem, calc(1.287rem + 4.815vw), 5.50rem);color:var(--titleColor);}
.inbannerSection {min-height:80vh;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 -50px 50px rgba(0,0,0,.5);text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 10px #fff}

.inbanImgbox {width:100%;height:100%;position:fixed !important;top:0;left:0;z-index:-1;}
.inbanImg {width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;position:absolute !important;transition:all 2s 1s ease;filter:blur(5px) brightness(110%);transform:scale(1.05);}
.inbanImg.in-view {filter: blur(0) brightness(100%);transform:scale(1);}

/* .inbanImgbox:after {content:'';width:100%;height:100%;display:block;background:rgba(255,255,255,.5);position:absolute;top:0;left:0;backdrop-filter:blur(10px);transition:all 3s ease;z-index:3;opacity:1;}
.inbanImgbox.in-view:after {opacity:0;} */

@media (min-width:992px) {
.pgTitleSection {margin-top:96px;}
}

.aboutImg {top:0;transition:all .3s ease;position: relative;}
.aboutImg:hover {box-shadow:0 20px 15px #bbb;top:-10px;transform:scale(1.05);}

.designerImgBox {max-width:1400px;}

.designerContent {background:linear-gradient(235deg,rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .9) 70%);backdrop-filter:blur(10px);border-top-left-radius:0;border-bottom-left-radius:0;transition:all 1s ease-out;transform:translateX(-100%);}
.designerContent.in-view {transform:translateX(0);}
.desiConText {opacity:0;transition:all .5s ease;}
.designerContent.in-view .desiConText {opacity:1;transition-delay:1s;}

.weworkSection {background:#f9f9f9;}
.wwsBox {position:sticky;top:120px;}

@media (min-width:992px) {
.designerContent {width:400px;position:absolute;bottom:10%;left:0;}
}
@media (min-width:1200px) {
.designerContent {width:400px;}
}

.mapHolder {min-height:400px;background:#eee;}
.mapHolder .map {border:1px solid #eee;}

.projContent {font-size:.9rem;}
.projectList .in-view:nth-child(4n-3) {transition-delay:0;}
.projectList .in-view:nth-child(4n-2) {transition-delay:.2s;}
.projectList .in-view:nth-child(4n-1) {transition-delay:.4s;}
.projectList .in-view:nth-child(4n) {transition-delay:.6s;}

.fancybox__container {
   --fancybox-backdrop-bg:rgba(0, 0, 0, .9);--fancybox-color:#000;
   --f-button-width:2rem;--f-button-height:2rem;--f-button-bg:rgba(0, 0, 0, .9);
   --f-button-svg-width:1rem;--f-button-svg-height:1rem;
   --f-arrow-width:2rem;--f-arrow-height:2rem;
   --f-arrow-svg-width:1rem;--f-arrow-svg-height:1rem;
   --sidebar-column-bg:#fff;--sidebar-toolbar-comp:0;--sidebar-padding:.5rem 2rem;
   --f-toolbar-text-shadow:0 0 2px #000, 0 0 30px rgba(0,0,0,.9);
   --f-toolbar-color:#fff;
}
.f-panzoom__wrapper.will-zoom-in {cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='2rem' height='2rem' fill='rgba(0, 0, 0, .5)' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z'/></svg>"), zoom-in;}
.fancybox__viewport.is-draggable, .f-panzoom__wrapper.can-drag {cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='2rem' height='2rem' fill='rgba(0, 0, 0, .5)'><path d='M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-176c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 272c0 1.5 0 3.1 .1 4.6L67.6 283c-16-15.2-41.3-14.6-56.6 1.4S-3.6 325.7 12.4 341L124.8 448c43.1 41.1 100.4 64 160 64l19.2 0c97.2 0 176-78.8 176-176l0-208c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-176c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 176c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208z'/></svg>"), grab;}
.f-panzoom__wrapper.is-dragging {cursor:url("data:image/svg+xml,<svg width='2rem' height='2rem' fill='rgba(0, 0, 0, .5)' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M464.8 80c-26.9-.4-48.8 21.2-48.8 48h-8V96.8c0-26.3-20.9-48.3-47.2-48.8-26.9-.4-48.8 21.2-48.8 48v32h-8V80.8c0-26.3-20.9-48.3-47.2-48.8-26.9-.4-48.8 21.2-48.8 48v48h-8V96.8c0-26.3-20.9-48.3-47.2-48.8-26.9-.4-48.8 21.2-48.8 48v136l-8-7.1v-48.1c0-26.3-20.9-48.3-47.2-48.8C21.9 127.6 0 149.2 0 176v66.4c0 27.4 11.7 53.5 32.2 71.8l111.7 99.3c10.2 9.1 16.1 22.2 16.1 35.9v6.7c0 13.3 10.7 24 24 24h240c13.3 0 24-10.7 24-24v-2.9c0-12.8 2.6-25.5 7.5-37.3l49-116.3c5-11.8 7.5-24.5 7.5-37.3V128.8c0-26.3-20.9-48.4-47.2-48.8z'></path></svg>"), grabbing;}

@media (max-width:991.98px) {
.fancybox__grid {grid-template-columns: 50% 50%;}
}
 
@keyframes fadeinBox {
   0% {opacity:0;}  100% {opacity:1;}
}
@keyframes fadeoutBox {
   0% {opacity:0;}  100% {opacity:1;}
}

.servSection {position:relative;height:150vh;border-bottom:1px solid #fff;z-index:auto;}
.servImgBg {width:100%;height:100%;min-height:500px;position:absolute;top:0;left:0;clip: rect(0, auto, auto, 0);}
.servImgFix {width:100%;height:100%;position:fixed;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:-1;}

.servContentBox {box-shadow:0 0 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);background: linear-gradient(10deg,rgba(255, 255, 255, .2) 10%, rgba(255, 255, 255, .5) 80%);border:1px solid #e9e9e9;position:sticky;top:50%;translate:0 -45%;
   animation: fadeinBox 1s linear backwards;
   animation-timeline: view();
   animation-range: 30% 40%;
}
.servContentBox *:not(.btn) {text-shadow:0 0 3px #fff;}

.careerSection {min-height:100vh;background:no-repeat center bottom #f7f3f0;background-size:100% auto;}