:root {
  --maxWidth: 1600px;
  --headerHeight: 112px;
  --viewportWidth: 100vw;
  --viewportHeight: 100vh;
  --gridMargin: 46px;
  --containerSidePadding: 55px;
  --viewportSidePadding: 55px;
  --containerWidth: calc(
    var(--viewportWidth) - var(--containerSidePadding) * 2
  );
  --col100by3: calc(var(--containerWidth) / 3 - var(--gridMargin) * 2 / 3);
  --col100by2: calc(var(--containerWidth) / 2 - var(--gridMargin) * 1 / 2);
  --maxContentScaling: max(100vw, 1600px);
}
@media only screen and (max-width: 1023px) {
  :root {
    --headerHeight: 56px;
    --containerSidePadding: 20px;
    --viewportSidePadding: 20px;
    --gridMargin: 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  :root {
    --containerSidePadding: 30px;
    --viewportSidePadding: 30px;
  }
}
@media only screen and (min-width: 1600px) {
  :root {
    --containerWidth: calc(var(--maxWidth) - var(--containerSidePadding) * 2);
    --viewportSidePadding: calc(
      var(--containerSidePadding) + (var(--viewportWidth) - var(--maxWidth)) / 2
    );
  }
}
.recentlyViewedHome__image,
[data-page="commercialProject"] .banner__blur,
[data-page="commercialProject"] .banner__image,
[data-page="commercialProject"] .banner__imageWrapper,
[data-page="commercialProject"] .floorPlans__slideImage,
[data-page="commercialProject"] .floorPlans__slideLock,
[data-page="commercialProject"] .gallery__slideImage,
[data-page="commercialProject"] .location__map,
[data-page="historyInside"]
  .historyInside__card.-nextButton
  .historyInside__cardImageOverlay,
[data-page="historyInside"] .historyInside__nextYearRange,
[data-page="historyProject"] .historyProject__image,
[data-page="historyProject"] .historyProject__nextButtonImage,
[data-page="historyProject"] .historyProject__nextButtonImageWrapper,
[data-page="historyProject"] .historyProject__nextButtonOverlay,
[data-page="history"] .history__cardImage,
[data-page="history"] .history__cardImageWrapper:after,
[data-page="history"] .history__cardYearRange,
[data-page="home"] .home__pageCardImage,
[data-page="home"] .home__pageCardImageWrapper,
[data-page="residentialProject"] .banner__blur,
[data-page="residentialProject"] .banner__image,
[data-page="residentialProject"] .banner__imageWrapper,
[data-page="residentialProject"] .floorPlans__slideImage,
[data-page="residentialProject"] .floorPlans__slideLock,
[data-page="residentialProject"] .gallery__slideImage,
[data-page="residentialProject"] .location__map,
[data-page="residentialProject"] .rera__image,
[data-page="residentialProject"] .tour__image,
[data-page="residentialProject"] .tour__imageWrapper,
[data-page="residentialProject"] .tour__imageWrapper:after,
[data-page="seoPage"] .floorPlans__slideImage,
[data-page="seoPage"] .floorPlans__slideLock,
[data-page="seoPage"] .gallery__slideImage,
[data-page="seoPage"] .location__map,
[data-page="seoPage"] .rera__image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .is-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .is-phone {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .is-below-1024 {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .is-above-1023 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .is-below-768 {
    display: none !important;
  }
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
button {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  outline: inherit;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  overscroll-behavior: none;
  scroll-behavior: smooth;
}
* {
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  margin: 0;
  padding: 0;
}
*,
:after,
:before {
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 0;
}
:focus {
  border: none;
  outline: none;
}
a,
a:active,
a:focus,
a:hover,
a:visited {
  text-decoration: none;
}
input {
  appearance: none;
  background-color: unset;
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
img {
  display: block;
  object-fit: cover;
  object-position: center;
}
.disable-pointer-events,
.disable-pointer-events * {
  pointer-events: none !important;
}
sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  top: 5px;
  vertical-align: baseline;
}
@font-face {
  font-display: block;
  font-family: DIN-Bold;
  font-style: normal;
  font-weight: 700;
  src: url(../assets/common/fonts/DIN/DIN-Bold.otf) format("opentype");
}
@font-face {
  font-display: block;
  font-family: Gotham-Light;
  font-style: normal;
  font-weight: 300;
  src: url(../assets/common/fonts/Gotham/GothamHTF-Light.otf) format("opentype");
}
@font-face {
  font-display: block;
  font-family: Gotham-Book;
  font-style: normal;
  font-weight: 400;
  src: url(../assets/common/fonts/Gotham/GothamHTF-Book.otf) format("opentype");
}
@font-face {
  font-display: block;
  font-family: Gotham-Medium;
  font-style: normal;
  font-weight: 500;
  src: url(../assets/common/fonts/Gotham/GothamHTF-Medium.otf)
    format("opentype");
}
@font-face {
  font-display: block;
  font-family: Gotham-Bold;
  font-style: normal;
  font-weight: 700;
  src: url(../assets/common/fonts/Gotham/GothamHTF-Bold.otf) format("opentype");
}
body,
html,
input,
textarea {
  color: #6f7073;
  font-family: Gotham-Book;
}
a {
  color: currentColor;
}
.font__bodyCopy14 {
  color: #6f7073;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 22px;
}
[postload-image][with-transition] {
  opacity: 0;
  transition: opacity 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
[postload-image][with-transition].is-loaded {
  opacity: 1;
}
[postload-image]:not(img) {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
[observer-animation="gif"] {
  z-index: 21;
}
@media (hover: hover) {
  .anim-buttonHover {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
  }
  .anim-buttonHover:before {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0, 100%, 0);
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    width: 100%;
    z-index: 0;
  }
  .anim-buttonHover:hover:before {
    transform: translateZ(0);
  }
}
@keyframes animateArrowOnMouseover {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translate3d(8px, 0, 0);
  }
  51% {
    opacity: 0;
    transform: translate3d(-8px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes animateArrowHorizontallyOnMouseover {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translate3d(8px, 0, 0);
  }
  51% {
    opacity: 0;
    transform: translate3d(-8px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.anim-splitText,
.anim-title[observer-animation="title"] {
  opacity: 0;
}
.anim-splitText .word,
.anim-title[observer-animation="title"] .word {
  display: inline-flex;
}
.anim-splitText .letter,
.anim-title[observer-animation="title"] .letter {
  display: inline-flex;
  transform-origin: left center;
}
.animDuration100 {
  animation-duration: 0.1s;
}
.animDuration200 {
  animation-duration: 0.2s;
}
.animDuration300 {
  animation-duration: 0.3s;
}
.animDuration400 {
  animation-duration: 0.4s;
}
.animDuration500 {
  animation-duration: 0.5s;
}
.animDuration600 {
  animation-duration: 0.6s;
}
.animDuration700 {
  animation-duration: 0.7s;
}
.animDuration800 {
  animation-duration: 0.8s;
}
.animDuration900 {
  animation-duration: 0.9s;
}
.animDuration1000 {
  animation-duration: 1s;
}
.animDuration1100 {
  animation-duration: 1.1s;
}
.animDuration1200 {
  animation-duration: 1.2s;
}
.animDuration1300 {
  animation-duration: 1.3s;
}
.animDuration1400 {
  animation-duration: 1.4s;
}
.animDuration1500 {
  animation-duration: 1.5s;
}
.animDuration1600 {
  animation-duration: 1.6s;
}
.animDuration1700 {
  animation-duration: 1.7s;
}
.animDuration1800 {
  animation-duration: 1.8s;
}
.animDuration1900 {
  animation-duration: 1.9s;
}
.animDuration2000 {
  animation-duration: 2s;
}
.animDuration2100 {
  animation-duration: 2.1s;
}
.animDuration2200 {
  animation-duration: 2.2s;
}
.animDuration2300 {
  animation-duration: 2.3s;
}
.animDuration2400 {
  animation-duration: 2.4s;
}
.animDuration2500 {
  animation-duration: 2.5s;
}
.animDuration2600 {
  animation-duration: 2.6s;
}
.animDuration2700 {
  animation-duration: 2.7s;
}
.animDuration2800 {
  animation-duration: 2.8s;
}
.animDuration2900 {
  animation-duration: 2.9s;
}
.animDuration3000 {
  animation-duration: 3s;
}
.animDuration3100 {
  animation-duration: 3.1s;
}
.animDuration3200 {
  animation-duration: 3.2s;
}
.animDuration3300 {
  animation-duration: 3.3s;
}
.animDuration3400 {
  animation-duration: 3.4s;
}
.animDuration3500 {
  animation-duration: 3.5s;
}
.animDuration3600 {
  animation-duration: 3.6s;
}
.animDuration3700 {
  animation-duration: 3.7s;
}
.animDuration3800 {
  animation-duration: 3.8s;
}
.animDuration3900 {
  animation-duration: 3.9s;
}
.animDuration4000 {
  animation-duration: 4s;
}
.animDuration4100 {
  animation-duration: 4.1s;
}
.animDuration4200 {
  animation-duration: 4.2s;
}
.animDuration4300 {
  animation-duration: 4.3s;
}
.animDuration4400 {
  animation-duration: 4.4s;
}
.animDuration4500 {
  animation-duration: 4.5s;
}
.animDuration4600 {
  animation-duration: 4.6s;
}
.animDuration4700 {
  animation-duration: 4.7s;
}
.animDuration4800 {
  animation-duration: 4.8s;
}
.animDuration4900 {
  animation-duration: 4.9s;
}
.animDuration5000 {
  animation-duration: 5s;
}
.transitionDelay80 {
  transition-delay: 80ms;
}
.transitionDelay160 {
  transition-delay: 0.16s;
}
.transitionDelay240 {
  transition-delay: 0.24s;
}
.transitionDelay320 {
  transition-delay: 0.32s;
}
.transitionDelay400 {
  transition-delay: 0.4s;
}
.transitionDelay480 {
  transition-delay: 0.48s;
}
.transitionDelay560 {
  transition-delay: 0.56s;
}
.transitionDelay640 {
  transition-delay: 0.64s;
}
.transitionDelay720 {
  transition-delay: 0.72s;
}
.transitionDelay800 {
  transition-delay: 0.8s;
}
.transitionDelay880 {
  transition-delay: 0.88s;
}
.transitionDelay960 {
  transition-delay: 0.96s;
}
.transitionDelay1040 {
  transition-delay: 1.04s;
}
.transitionDelay1120 {
  transition-delay: 1.12s;
}
.transitionDelay1200 {
  transition-delay: 1.2s;
}
.transitionDelay1280 {
  transition-delay: 1.28s;
}
.transitionDelay1360 {
  transition-delay: 1.36s;
}
.transitionDelay1440 {
  transition-delay: 1.44s;
}
.transitionDelay1520 {
  transition-delay: 1.52s;
}
.transitionDelay1600 {
  transition-delay: 1.6s;
}
.transitionDelay1680 {
  transition-delay: 1.68s;
}
.transitionDelay1760 {
  transition-delay: 1.76s;
}
.transitionDelay1840 {
  transition-delay: 1.84s;
}
.transitionDelay1920 {
  transition-delay: 1.92s;
}
.transitionDelay2000 {
  transition-delay: 2s;
}
.transitionDelay2080 {
  transition-delay: 2.08s;
}
.transitionDelay2160 {
  transition-delay: 2.16s;
}
.transitionDelay2240 {
  transition-delay: 2.24s;
}
.transitionDelay2320 {
  transition-delay: 2.32s;
}
.transitionDelay2400 {
  transition-delay: 2.4s;
}
.transitionDelay2480 {
  transition-delay: 2.48s;
}
.transitionDelay2560 {
  transition-delay: 2.56s;
}
.transitionDelay2640 {
  transition-delay: 2.64s;
}
.transitionDelay2720 {
  transition-delay: 2.72s;
}
.transitionDelay2800 {
  transition-delay: 2.8s;
}
.transitionDelay2880 {
  transition-delay: 2.88s;
}
.transitionDelay2960 {
  transition-delay: 2.96s;
}
.transitionDelay3040 {
  transition-delay: 3.04s;
}
.transitionDelay3120 {
  transition-delay: 3.12s;
}
.transitionDelay3200 {
  transition-delay: 3.2s;
}
.transitionDelay3280 {
  transition-delay: 3.28s;
}
.transitionDelay3360 {
  transition-delay: 3.36s;
}
.transitionDelay3440 {
  transition-delay: 3.44s;
}
.transitionDelay3520 {
  transition-delay: 3.52s;
}
.transitionDelay3600 {
  transition-delay: 3.6s;
}
.transitionDelay3680 {
  transition-delay: 3.68s;
}
.transitionDelay3760 {
  transition-delay: 3.76s;
}
.transitionDelay3840 {
  transition-delay: 3.84s;
}
.transitionDelay3920 {
  transition-delay: 3.92s;
}
.transitionDelay4000 {
  transition-delay: 4s;
}
.transitionDelay4080 {
  transition-delay: 4.08s;
}
.transitionDelay4160 {
  transition-delay: 4.16s;
}
.transitionDelay4240 {
  transition-delay: 4.24s;
}
.transitionDelay4320 {
  transition-delay: 4.32s;
}
.transitionDelay4400 {
  transition-delay: 4.4s;
}
.transitionDelay4480 {
  transition-delay: 4.48s;
}
.transitionDelay4560 {
  transition-delay: 4.56s;
}
.transitionDelay4640 {
  transition-delay: 4.64s;
}
.transitionDelay4720 {
  transition-delay: 4.72s;
}
.transitionDelay4800 {
  transition-delay: 4.8s;
}
.transitionDelay4880 {
  transition-delay: 4.88s;
}
.transitionDelay4960 {
  transition-delay: 4.96s;
}
.transitionDelay5040 {
  transition-delay: 5.04s;
}
.transitionDelay5120 {
  transition-delay: 5.12s;
}
.transitionDelay5200 {
  transition-delay: 5.2s;
}
.transitionDelay5280 {
  transition-delay: 5.28s;
}
.transitionDelay5360 {
  transition-delay: 5.36s;
}
.transitionDelay5440 {
  transition-delay: 5.44s;
}
.transitionDelay5520 {
  transition-delay: 5.52s;
}
.transitionDelay5600 {
  transition-delay: 5.6s;
}
.transitionDelay5680 {
  transition-delay: 5.68s;
}
.transitionDelay5760 {
  transition-delay: 5.76s;
}
.transitionDelay5840 {
  transition-delay: 5.84s;
}
.transitionDelay5920 {
  transition-delay: 5.92s;
}
.transitionDelay6000 {
  transition-delay: 6s;
}
.transitionDelay6080 {
  transition-delay: 6.08s;
}
.transitionDelay6160 {
  transition-delay: 6.16s;
}
.transitionDelay6240 {
  transition-delay: 6.24s;
}
.transitionDelay6320 {
  transition-delay: 6.32s;
}
.transitionDelay6400 {
  transition-delay: 6.4s;
}
.transitionDelay6480 {
  transition-delay: 6.48s;
}
.transitionDelay6560 {
  transition-delay: 6.56s;
}
.transitionDelay6640 {
  transition-delay: 6.64s;
}
.transitionDelay6720 {
  transition-delay: 6.72s;
}
.transitionDelay6800 {
  transition-delay: 6.8s;
}
.transitionDelay6880 {
  transition-delay: 6.88s;
}
.transitionDelay6960 {
  transition-delay: 6.96s;
}
.transitionDelay7040 {
  transition-delay: 7.04s;
}
.transitionDelay7120 {
  transition-delay: 7.12s;
}
.transitionDelay7200 {
  transition-delay: 7.2s;
}
.transitionDelay7280 {
  transition-delay: 7.28s;
}
.transitionDelay7360 {
  transition-delay: 7.36s;
}
.transitionDelay7440 {
  transition-delay: 7.44s;
}
.transitionDelay7520 {
  transition-delay: 7.52s;
}
.transitionDelay7600 {
  transition-delay: 7.6s;
}
.transitionDelay7680 {
  transition-delay: 7.68s;
}
.transitionDelay7760 {
  transition-delay: 7.76s;
}
.transitionDelay7840 {
  transition-delay: 7.84s;
}
.transitionDelay7920 {
  transition-delay: 7.92s;
}
.transitionDelay8000 {
  transition-delay: 8s;
}
.transitionDelay8080 {
  transition-delay: 8.08s;
}
.transitionDelay8160 {
  transition-delay: 8.16s;
}
.transitionDelay8240 {
  transition-delay: 8.24s;
}
.transitionDelay8320 {
  transition-delay: 8.32s;
}
.transitionDelay8400 {
  transition-delay: 8.4s;
}
.transitionDelay8480 {
  transition-delay: 8.48s;
}
.transitionDelay8560 {
  transition-delay: 8.56s;
}
.transitionDelay8640 {
  transition-delay: 8.64s;
}
.transitionDelay8720 {
  transition-delay: 8.72s;
}
.transitionDelay8800 {
  transition-delay: 8.8s;
}
.transitionDelay8880 {
  transition-delay: 8.88s;
}
.transitionDelay8960 {
  transition-delay: 8.96s;
}
.transitionDelay9040 {
  transition-delay: 9.04s;
}
.transitionDelay9120 {
  transition-delay: 9.12s;
}
.transitionDelay9200 {
  transition-delay: 9.2s;
}
.transitionDelay9280 {
  transition-delay: 9.28s;
}
.transitionDelay9360 {
  transition-delay: 9.36s;
}
.transitionDelay9440 {
  transition-delay: 9.44s;
}
.transitionDelay9520 {
  transition-delay: 9.52s;
}
.transitionDelay9600 {
  transition-delay: 9.6s;
}
.transitionDelay9680 {
  transition-delay: 9.68s;
}
.transitionDelay9760 {
  transition-delay: 9.76s;
}
.transitionDelay9840 {
  transition-delay: 9.84s;
}
.transitionDelay9920 {
  transition-delay: 9.92s;
}
.transitionDelay10000 {
  transition-delay: 10s;
}
.transitionDelay10080 {
  transition-delay: 10.08s;
}
.transitionDelay10160 {
  transition-delay: 10.16s;
}
.transitionDelay10240 {
  transition-delay: 10.24s;
}
.transitionDelay10320 {
  transition-delay: 10.32s;
}
.transitionDelay10400 {
  transition-delay: 10.4s;
}
.transitionDelay10480 {
  transition-delay: 10.48s;
}
.transitionDelay10560 {
  transition-delay: 10.56s;
}
.transitionDelay10640 {
  transition-delay: 10.64s;
}
.transitionDelay10720 {
  transition-delay: 10.72s;
}
.transitionDelay10800 {
  transition-delay: 10.8s;
}
.transitionDelay10880 {
  transition-delay: 10.88s;
}
.transitionDelay10960 {
  transition-delay: 10.96s;
}
.transitionDelay11040 {
  transition-delay: 11.04s;
}
.transitionDelay11120 {
  transition-delay: 11.12s;
}
.transitionDelay11200 {
  transition-delay: 11.2s;
}
.transitionDelay11280 {
  transition-delay: 11.28s;
}
.transitionDelay11360 {
  transition-delay: 11.36s;
}
.transitionDelay11440 {
  transition-delay: 11.44s;
}
.transitionDelay11520 {
  transition-delay: 11.52s;
}
.transitionDelay11600 {
  transition-delay: 11.6s;
}
.transitionDelay11680 {
  transition-delay: 11.68s;
}
.transitionDelay11760 {
  transition-delay: 11.76s;
}
.transitionDelay11840 {
  transition-delay: 11.84s;
}
.transitionDelay11920 {
  transition-delay: 11.92s;
}
.transitionDelay12000 {
  transition-delay: 12s;
}
.transitionDelay12080 {
  transition-delay: 12.08s;
}
.transitionDelay12160 {
  transition-delay: 12.16s;
}
.transitionDelay12240 {
  transition-delay: 12.24s;
}
.transitionDelay12320 {
  transition-delay: 12.32s;
}
.transitionDelay12400 {
  transition-delay: 12.4s;
}
.transitionDelay12480 {
  transition-delay: 12.48s;
}
.transitionDelay12560 {
  transition-delay: 12.56s;
}
.transitionDelay12640 {
  transition-delay: 12.64s;
}
.transitionDelay12720 {
  transition-delay: 12.72s;
}
.transitionDelay12800 {
  transition-delay: 12.8s;
}
.transitionDelay12880 {
  transition-delay: 12.88s;
}
.transitionDelay12960 {
  transition-delay: 12.96s;
}
.transitionDelay13040 {
  transition-delay: 13.04s;
}
.transitionDelay13120 {
  transition-delay: 13.12s;
}
.transitionDelay13200 {
  transition-delay: 13.2s;
}
.transitionDelay13280 {
  transition-delay: 13.28s;
}
.transitionDelay13360 {
  transition-delay: 13.36s;
}
.transitionDelay13440 {
  transition-delay: 13.44s;
}
.transitionDelay13520 {
  transition-delay: 13.52s;
}
.transitionDelay13600 {
  transition-delay: 13.6s;
}
.transitionDelay13680 {
  transition-delay: 13.68s;
}
.transitionDelay13760 {
  transition-delay: 13.76s;
}
.transitionDelay13840 {
  transition-delay: 13.84s;
}
.transitionDelay13920 {
  transition-delay: 13.92s;
}
.transitionDelay14000 {
  transition-delay: 14s;
}
.transitionDelay14080 {
  transition-delay: 14.08s;
}
.transitionDelay14160 {
  transition-delay: 14.16s;
}
.transitionDelay14240 {
  transition-delay: 14.24s;
}
.transitionDelay14320 {
  transition-delay: 14.32s;
}
.transitionDelay14400 {
  transition-delay: 14.4s;
}
.transitionDelay14480 {
  transition-delay: 14.48s;
}
.transitionDelay14560 {
  transition-delay: 14.56s;
}
.transitionDelay14640 {
  transition-delay: 14.64s;
}
.transitionDelay14720 {
  transition-delay: 14.72s;
}
.transitionDelay14800 {
  transition-delay: 14.8s;
}
.transitionDelay14880 {
  transition-delay: 14.88s;
}
.transitionDelay14960 {
  transition-delay: 14.96s;
}
.transitionDelay15040 {
  transition-delay: 15.04s;
}
.transitionDelay15120 {
  transition-delay: 15.12s;
}
.transitionDelay15200 {
  transition-delay: 15.2s;
}
.transitionDelay15280 {
  transition-delay: 15.28s;
}
.transitionDelay15360 {
  transition-delay: 15.36s;
}
.transitionDelay15440 {
  transition-delay: 15.44s;
}
.transitionDelay15520 {
  transition-delay: 15.52s;
}
.transitionDelay15600 {
  transition-delay: 15.6s;
}
.transitionDelay15680 {
  transition-delay: 15.68s;
}
.transitionDelay15760 {
  transition-delay: 15.76s;
}
.transitionDelay15840 {
  transition-delay: 15.84s;
}
.transitionDelay15920 {
  transition-delay: 15.92s;
}
.transitionDelay16000 {
  transition-delay: 16s;
}
.transitionDelay16080 {
  transition-delay: 16.08s;
}
.transitionDelay16160 {
  transition-delay: 16.16s;
}
.transitionDelay16240 {
  transition-delay: 16.24s;
}
.transitionDelay16320 {
  transition-delay: 16.32s;
}
.transitionDelay16400 {
  transition-delay: 16.4s;
}
.transitionDelay16480 {
  transition-delay: 16.48s;
}
.transitionDelay16560 {
  transition-delay: 16.56s;
}
.transitionDelay16640 {
  transition-delay: 16.64s;
}
.transitionDelay16720 {
  transition-delay: 16.72s;
}
.transitionDelay16800 {
  transition-delay: 16.8s;
}
.transitionDelay16880 {
  transition-delay: 16.88s;
}
.transitionDelay16960 {
  transition-delay: 16.96s;
}
.transitionDelay17040 {
  transition-delay: 17.04s;
}
.transitionDelay17120 {
  transition-delay: 17.12s;
}
.transitionDelay17200 {
  transition-delay: 17.2s;
}
.transitionDelay17280 {
  transition-delay: 17.28s;
}
.transitionDelay17360 {
  transition-delay: 17.36s;
}
.transitionDelay17440 {
  transition-delay: 17.44s;
}
.transitionDelay17520 {
  transition-delay: 17.52s;
}
.transitionDelay17600 {
  transition-delay: 17.6s;
}
.transitionDelay17680 {
  transition-delay: 17.68s;
}
.transitionDelay17760 {
  transition-delay: 17.76s;
}
.transitionDelay17840 {
  transition-delay: 17.84s;
}
.transitionDelay17920 {
  transition-delay: 17.92s;
}
.transitionDelay18000 {
  transition-delay: 18s;
}
.transitionDelay18080 {
  transition-delay: 18.08s;
}
.transitionDelay18160 {
  transition-delay: 18.16s;
}
.transitionDelay18240 {
  transition-delay: 18.24s;
}
.transitionDelay18320 {
  transition-delay: 18.32s;
}
.transitionDelay18400 {
  transition-delay: 18.4s;
}
.transitionDelay18480 {
  transition-delay: 18.48s;
}
.transitionDelay18560 {
  transition-delay: 18.56s;
}
.transitionDelay18640 {
  transition-delay: 18.64s;
}
.transitionDelay18720 {
  transition-delay: 18.72s;
}
.transitionDelay18800 {
  transition-delay: 18.8s;
}
.transitionDelay18880 {
  transition-delay: 18.88s;
}
.transitionDelay18960 {
  transition-delay: 18.96s;
}
.transitionDelay19040 {
  transition-delay: 19.04s;
}
.transitionDelay19120 {
  transition-delay: 19.12s;
}
.transitionDelay19200 {
  transition-delay: 19.2s;
}
.transitionDelay19280 {
  transition-delay: 19.28s;
}
.transitionDelay19360 {
  transition-delay: 19.36s;
}
.transitionDelay19440 {
  transition-delay: 19.44s;
}
.transitionDelay19520 {
  transition-delay: 19.52s;
}
.transitionDelay19600 {
  transition-delay: 19.6s;
}
.transitionDelay19680 {
  transition-delay: 19.68s;
}
.transitionDelay19760 {
  transition-delay: 19.76s;
}
.transitionDelay19840 {
  transition-delay: 19.84s;
}
.transitionDelay19920 {
  transition-delay: 19.92s;
}
.transitionDelay20000 {
  transition-delay: 20s;
}
.transitionDelay20080 {
  transition-delay: 20.08s;
}
.transitionDelay20160 {
  transition-delay: 20.16s;
}
.transitionDelay20240 {
  transition-delay: 20.24s;
}
.transitionDelay20320 {
  transition-delay: 20.32s;
}
.transitionDelay20400 {
  transition-delay: 20.4s;
}
.transitionDelay20480 {
  transition-delay: 20.48s;
}
.transitionDelay20560 {
  transition-delay: 20.56s;
}
.transitionDelay20640 {
  transition-delay: 20.64s;
}
.transitionDelay20720 {
  transition-delay: 20.72s;
}
.transitionDelay20800 {
  transition-delay: 20.8s;
}
.transitionDelay20880 {
  transition-delay: 20.88s;
}
.transitionDelay20960 {
  transition-delay: 20.96s;
}
.transitionDelay21040 {
  transition-delay: 21.04s;
}
.transitionDelay21120 {
  transition-delay: 21.12s;
}
.transitionDelay21200 {
  transition-delay: 21.2s;
}
.transitionDelay21280 {
  transition-delay: 21.28s;
}
.transitionDelay21360 {
  transition-delay: 21.36s;
}
.transitionDelay21440 {
  transition-delay: 21.44s;
}
.transitionDelay21520 {
  transition-delay: 21.52s;
}
.transitionDelay21600 {
  transition-delay: 21.6s;
}
.transitionDelay21680 {
  transition-delay: 21.68s;
}
.transitionDelay21760 {
  transition-delay: 21.76s;
}
.transitionDelay21840 {
  transition-delay: 21.84s;
}
.transitionDelay21920 {
  transition-delay: 21.92s;
}
.transitionDelay22000 {
  transition-delay: 22s;
}
.transitionDelay22080 {
  transition-delay: 22.08s;
}
.transitionDelay22160 {
  transition-delay: 22.16s;
}
.transitionDelay22240 {
  transition-delay: 22.24s;
}
.transitionDelay22320 {
  transition-delay: 22.32s;
}
.transitionDelay22400 {
  transition-delay: 22.4s;
}
.transitionDelay22480 {
  transition-delay: 22.48s;
}
.transitionDelay22560 {
  transition-delay: 22.56s;
}
.transitionDelay22640 {
  transition-delay: 22.64s;
}
.transitionDelay22720 {
  transition-delay: 22.72s;
}
.transitionDelay22800 {
  transition-delay: 22.8s;
}
.transitionDelay22880 {
  transition-delay: 22.88s;
}
.transitionDelay22960 {
  transition-delay: 22.96s;
}
.transitionDelay23040 {
  transition-delay: 23.04s;
}
.transitionDelay23120 {
  transition-delay: 23.12s;
}
.transitionDelay23200 {
  transition-delay: 23.2s;
}
.transitionDelay23280 {
  transition-delay: 23.28s;
}
.transitionDelay23360 {
  transition-delay: 23.36s;
}
.transitionDelay23440 {
  transition-delay: 23.44s;
}
.transitionDelay23520 {
  transition-delay: 23.52s;
}
.transitionDelay23600 {
  transition-delay: 23.6s;
}
.transitionDelay23680 {
  transition-delay: 23.68s;
}
.transitionDelay23760 {
  transition-delay: 23.76s;
}
.transitionDelay23840 {
  transition-delay: 23.84s;
}
.transitionDelay23920 {
  transition-delay: 23.92s;
}
.transitionDelay24000 {
  transition-delay: 24s;
}
.transitionDelay24080 {
  transition-delay: 24.08s;
}
.transitionDelay24160 {
  transition-delay: 24.16s;
}
.transitionDelay24240 {
  transition-delay: 24.24s;
}
.transitionDelay24320 {
  transition-delay: 24.32s;
}
.transitionDelay24400 {
  transition-delay: 24.4s;
}
.transitionDelay24480 {
  transition-delay: 24.48s;
}
.transitionDelay24560 {
  transition-delay: 24.56s;
}
.transitionDelay24640 {
  transition-delay: 24.64s;
}
.transitionDelay24720 {
  transition-delay: 24.72s;
}
.transitionDelay24800 {
  transition-delay: 24.8s;
}
.transitionDelay24880 {
  transition-delay: 24.88s;
}
.transitionDelay24960 {
  transition-delay: 24.96s;
}
.transitionDelay25040 {
  transition-delay: 25.04s;
}
.transitionDelay25120 {
  transition-delay: 25.12s;
}
.transitionDelay25200 {
  transition-delay: 25.2s;
}
.transitionDelay25280 {
  transition-delay: 25.28s;
}
.transitionDelay25360 {
  transition-delay: 25.36s;
}
.transitionDelay25440 {
  transition-delay: 25.44s;
}
.transitionDelay25520 {
  transition-delay: 25.52s;
}
.transitionDelay25600 {
  transition-delay: 25.6s;
}
.transitionDelay25680 {
  transition-delay: 25.68s;
}
.transitionDelay25760 {
  transition-delay: 25.76s;
}
.transitionDelay25840 {
  transition-delay: 25.84s;
}
.transitionDelay25920 {
  transition-delay: 25.92s;
}
.transitionDelay26000 {
  transition-delay: 26s;
}
.transitionDelay26080 {
  transition-delay: 26.08s;
}
.transitionDelay26160 {
  transition-delay: 26.16s;
}
.transitionDelay26240 {
  transition-delay: 26.24s;
}
.transitionDelay26320 {
  transition-delay: 26.32s;
}
.transitionDelay26400 {
  transition-delay: 26.4s;
}
.transitionDelay26480 {
  transition-delay: 26.48s;
}
.transitionDelay26560 {
  transition-delay: 26.56s;
}
.transitionDelay26640 {
  transition-delay: 26.64s;
}
.transitionDelay26720 {
  transition-delay: 26.72s;
}
.transitionDelay26800 {
  transition-delay: 26.8s;
}
.transitionDelay26880 {
  transition-delay: 26.88s;
}
.transitionDelay26960 {
  transition-delay: 26.96s;
}
.transitionDelay27040 {
  transition-delay: 27.04s;
}
.transitionDelay27120 {
  transition-delay: 27.12s;
}
.transitionDelay27200 {
  transition-delay: 27.2s;
}
.transitionDelay27280 {
  transition-delay: 27.28s;
}
.transitionDelay27360 {
  transition-delay: 27.36s;
}
.transitionDelay27440 {
  transition-delay: 27.44s;
}
.transitionDelay27520 {
  transition-delay: 27.52s;
}
.transitionDelay27600 {
  transition-delay: 27.6s;
}
.transitionDelay27680 {
  transition-delay: 27.68s;
}
.transitionDelay27760 {
  transition-delay: 27.76s;
}
.transitionDelay27840 {
  transition-delay: 27.84s;
}
.transitionDelay27920 {
  transition-delay: 27.92s;
}
.transitionDelay28000 {
  transition-delay: 28s;
}
.transitionDelay28080 {
  transition-delay: 28.08s;
}
.transitionDelay28160 {
  transition-delay: 28.16s;
}
.transitionDelay28240 {
  transition-delay: 28.24s;
}
.transitionDelay28320 {
  transition-delay: 28.32s;
}
.transitionDelay28400 {
  transition-delay: 28.4s;
}
.transitionDelay28480 {
  transition-delay: 28.48s;
}
.transitionDelay28560 {
  transition-delay: 28.56s;
}
.transitionDelay28640 {
  transition-delay: 28.64s;
}
.transitionDelay28720 {
  transition-delay: 28.72s;
}
.transitionDelay28800 {
  transition-delay: 28.8s;
}
.transitionDelay28880 {
  transition-delay: 28.88s;
}
.transitionDelay28960 {
  transition-delay: 28.96s;
}
.transitionDelay29040 {
  transition-delay: 29.04s;
}
.transitionDelay29120 {
  transition-delay: 29.12s;
}
.transitionDelay29200 {
  transition-delay: 29.2s;
}
.transitionDelay29280 {
  transition-delay: 29.28s;
}
.transitionDelay29360 {
  transition-delay: 29.36s;
}
.transitionDelay29440 {
  transition-delay: 29.44s;
}
.transitionDelay29520 {
  transition-delay: 29.52s;
}
.transitionDelay29600 {
  transition-delay: 29.6s;
}
.transitionDelay29680 {
  transition-delay: 29.68s;
}
.transitionDelay29760 {
  transition-delay: 29.76s;
}
.transitionDelay29840 {
  transition-delay: 29.84s;
}
.transitionDelay29920 {
  transition-delay: 29.92s;
}
.transitionDelay30000 {
  transition-delay: 30s;
}
.transitionDelay30080 {
  transition-delay: 30.08s;
}
.transitionDelay30160 {
  transition-delay: 30.16s;
}
.transitionDelay30240 {
  transition-delay: 30.24s;
}
.transitionDelay30320 {
  transition-delay: 30.32s;
}
.transitionDelay30400 {
  transition-delay: 30.4s;
}
.transitionDelay30480 {
  transition-delay: 30.48s;
}
.transitionDelay30560 {
  transition-delay: 30.56s;
}
.transitionDelay30640 {
  transition-delay: 30.64s;
}
.transitionDelay30720 {
  transition-delay: 30.72s;
}
.transitionDelay30800 {
  transition-delay: 30.8s;
}
.transitionDelay30880 {
  transition-delay: 30.88s;
}
.transitionDelay30960 {
  transition-delay: 30.96s;
}
.transitionDelay31040 {
  transition-delay: 31.04s;
}
.transitionDelay31120 {
  transition-delay: 31.12s;
}
.transitionDelay31200 {
  transition-delay: 31.2s;
}
.transitionDelay31280 {
  transition-delay: 31.28s;
}
.transitionDelay31360 {
  transition-delay: 31.36s;
}
.transitionDelay31440 {
  transition-delay: 31.44s;
}
.transitionDelay31520 {
  transition-delay: 31.52s;
}
.transitionDelay31600 {
  transition-delay: 31.6s;
}
.transitionDelay31680 {
  transition-delay: 31.68s;
}
.transitionDelay31760 {
  transition-delay: 31.76s;
}
.transitionDelay31840 {
  transition-delay: 31.84s;
}
.transitionDelay31920 {
  transition-delay: 31.92s;
}
.transitionDelay32000 {
  transition-delay: 32s;
}
.transitionDelay32080 {
  transition-delay: 32.08s;
}
.transitionDelay32160 {
  transition-delay: 32.16s;
}
.transitionDelay32240 {
  transition-delay: 32.24s;
}
.transitionDelay32320 {
  transition-delay: 32.32s;
}
.transitionDelay32400 {
  transition-delay: 32.4s;
}
.transitionDelay32480 {
  transition-delay: 32.48s;
}
.transitionDelay32560 {
  transition-delay: 32.56s;
}
.transitionDelay32640 {
  transition-delay: 32.64s;
}
.transitionDelay32720 {
  transition-delay: 32.72s;
}
.transitionDelay32800 {
  transition-delay: 32.8s;
}
.transitionDelay32880 {
  transition-delay: 32.88s;
}
.transitionDelay32960 {
  transition-delay: 32.96s;
}
.transitionDelay33040 {
  transition-delay: 33.04s;
}
.transitionDelay33120 {
  transition-delay: 33.12s;
}
.transitionDelay33200 {
  transition-delay: 33.2s;
}
.transitionDelay33280 {
  transition-delay: 33.28s;
}
.transitionDelay33360 {
  transition-delay: 33.36s;
}
.transitionDelay33440 {
  transition-delay: 33.44s;
}
.transitionDelay33520 {
  transition-delay: 33.52s;
}
.transitionDelay33600 {
  transition-delay: 33.6s;
}
.transitionDelay33680 {
  transition-delay: 33.68s;
}
.transitionDelay33760 {
  transition-delay: 33.76s;
}
.transitionDelay33840 {
  transition-delay: 33.84s;
}
.transitionDelay33920 {
  transition-delay: 33.92s;
}
.transitionDelay34000 {
  transition-delay: 34s;
}
.transitionDelay34080 {
  transition-delay: 34.08s;
}
.transitionDelay34160 {
  transition-delay: 34.16s;
}
.transitionDelay34240 {
  transition-delay: 34.24s;
}
.transitionDelay34320 {
  transition-delay: 34.32s;
}
.transitionDelay34400 {
  transition-delay: 34.4s;
}
.transitionDelay34480 {
  transition-delay: 34.48s;
}
.transitionDelay34560 {
  transition-delay: 34.56s;
}
.transitionDelay34640 {
  transition-delay: 34.64s;
}
.transitionDelay34720 {
  transition-delay: 34.72s;
}
.transitionDelay34800 {
  transition-delay: 34.8s;
}
.transitionDelay34880 {
  transition-delay: 34.88s;
}
.transitionDelay34960 {
  transition-delay: 34.96s;
}
.transitionDelay35040 {
  transition-delay: 35.04s;
}
.transitionDelay35120 {
  transition-delay: 35.12s;
}
.transitionDelay35200 {
  transition-delay: 35.2s;
}
.transitionDelay35280 {
  transition-delay: 35.28s;
}
.transitionDelay35360 {
  transition-delay: 35.36s;
}
.transitionDelay35440 {
  transition-delay: 35.44s;
}
.transitionDelay35520 {
  transition-delay: 35.52s;
}
.transitionDelay35600 {
  transition-delay: 35.6s;
}
.transitionDelay35680 {
  transition-delay: 35.68s;
}
.transitionDelay35760 {
  transition-delay: 35.76s;
}
.transitionDelay35840 {
  transition-delay: 35.84s;
}
.transitionDelay35920 {
  transition-delay: 35.92s;
}
.transitionDelay36000 {
  transition-delay: 36s;
}
.transitionDelay36080 {
  transition-delay: 36.08s;
}
.transitionDelay36160 {
  transition-delay: 36.16s;
}
.transitionDelay36240 {
  transition-delay: 36.24s;
}
.transitionDelay36320 {
  transition-delay: 36.32s;
}
.transitionDelay36400 {
  transition-delay: 36.4s;
}
.transitionDelay36480 {
  transition-delay: 36.48s;
}
.transitionDelay36560 {
  transition-delay: 36.56s;
}
.transitionDelay36640 {
  transition-delay: 36.64s;
}
.transitionDelay36720 {
  transition-delay: 36.72s;
}
.transitionDelay36800 {
  transition-delay: 36.8s;
}
.transitionDelay36880 {
  transition-delay: 36.88s;
}
.transitionDelay36960 {
  transition-delay: 36.96s;
}
.transitionDelay37040 {
  transition-delay: 37.04s;
}
.transitionDelay37120 {
  transition-delay: 37.12s;
}
.transitionDelay37200 {
  transition-delay: 37.2s;
}
.transitionDelay37280 {
  transition-delay: 37.28s;
}
.transitionDelay37360 {
  transition-delay: 37.36s;
}
.transitionDelay37440 {
  transition-delay: 37.44s;
}
.transitionDelay37520 {
  transition-delay: 37.52s;
}
.transitionDelay37600 {
  transition-delay: 37.6s;
}
.transitionDelay37680 {
  transition-delay: 37.68s;
}
.transitionDelay37760 {
  transition-delay: 37.76s;
}
.transitionDelay37840 {
  transition-delay: 37.84s;
}
.transitionDelay37920 {
  transition-delay: 37.92s;
}
.transitionDelay38000 {
  transition-delay: 38s;
}
.transitionDelay38080 {
  transition-delay: 38.08s;
}
.transitionDelay38160 {
  transition-delay: 38.16s;
}
.transitionDelay38240 {
  transition-delay: 38.24s;
}
.transitionDelay38320 {
  transition-delay: 38.32s;
}
.transitionDelay38400 {
  transition-delay: 38.4s;
}
.transitionDelay38480 {
  transition-delay: 38.48s;
}
.transitionDelay38560 {
  transition-delay: 38.56s;
}
.transitionDelay38640 {
  transition-delay: 38.64s;
}
.transitionDelay38720 {
  transition-delay: 38.72s;
}
.transitionDelay38800 {
  transition-delay: 38.8s;
}
.transitionDelay38880 {
  transition-delay: 38.88s;
}
.transitionDelay38960 {
  transition-delay: 38.96s;
}
.transitionDelay39040 {
  transition-delay: 39.04s;
}
.transitionDelay39120 {
  transition-delay: 39.12s;
}
.transitionDelay39200 {
  transition-delay: 39.2s;
}
.transitionDelay39280 {
  transition-delay: 39.28s;
}
.transitionDelay39360 {
  transition-delay: 39.36s;
}
.transitionDelay39440 {
  transition-delay: 39.44s;
}
.transitionDelay39520 {
  transition-delay: 39.52s;
}
.transitionDelay39600 {
  transition-delay: 39.6s;
}
.transitionDelay39680 {
  transition-delay: 39.68s;
}
.transitionDelay39760 {
  transition-delay: 39.76s;
}
.transitionDelay39840 {
  transition-delay: 39.84s;
}
.transitionDelay39920 {
  transition-delay: 39.92s;
}
.transitionDelay40000 {
  transition-delay: 40s;
}
.transitionDelay40080 {
  transition-delay: 40.08s;
}
.transitionDelay40160 {
  transition-delay: 40.16s;
}
.transitionDelay40240 {
  transition-delay: 40.24s;
}
.transitionDelay40320 {
  transition-delay: 40.32s;
}
.transitionDelay40400 {
  transition-delay: 40.4s;
}
.transitionDelay40480 {
  transition-delay: 40.48s;
}
.transitionDelay40560 {
  transition-delay: 40.56s;
}
.transitionDelay40640 {
  transition-delay: 40.64s;
}
.transitionDelay40720 {
  transition-delay: 40.72s;
}
.transitionDelay40800 {
  transition-delay: 40.8s;
}
.transitionDelay40880 {
  transition-delay: 40.88s;
}
.transitionDelay40960 {
  transition-delay: 40.96s;
}
.transitionDelay41040 {
  transition-delay: 41.04s;
}
.transitionDelay41120 {
  transition-delay: 41.12s;
}
.transitionDelay41200 {
  transition-delay: 41.2s;
}
.transitionDelay41280 {
  transition-delay: 41.28s;
}
.transitionDelay41360 {
  transition-delay: 41.36s;
}
.transitionDelay41440 {
  transition-delay: 41.44s;
}
.transitionDelay41520 {
  transition-delay: 41.52s;
}
.transitionDelay41600 {
  transition-delay: 41.6s;
}
.transitionDelay41680 {
  transition-delay: 41.68s;
}
.transitionDelay41760 {
  transition-delay: 41.76s;
}
.transitionDelay41840 {
  transition-delay: 41.84s;
}
.transitionDelay41920 {
  transition-delay: 41.92s;
}
.transitionDelay42000 {
  transition-delay: 42s;
}
.transitionDelay42080 {
  transition-delay: 42.08s;
}
.transitionDelay42160 {
  transition-delay: 42.16s;
}
.transitionDelay42240 {
  transition-delay: 42.24s;
}
.transitionDelay42320 {
  transition-delay: 42.32s;
}
.transitionDelay42400 {
  transition-delay: 42.4s;
}
.transitionDelay42480 {
  transition-delay: 42.48s;
}
.transitionDelay42560 {
  transition-delay: 42.56s;
}
.transitionDelay42640 {
  transition-delay: 42.64s;
}
.transitionDelay42720 {
  transition-delay: 42.72s;
}
.transitionDelay42800 {
  transition-delay: 42.8s;
}
.transitionDelay42880 {
  transition-delay: 42.88s;
}
.transitionDelay42960 {
  transition-delay: 42.96s;
}
.transitionDelay43040 {
  transition-delay: 43.04s;
}
.transitionDelay43120 {
  transition-delay: 43.12s;
}
.transitionDelay43200 {
  transition-delay: 43.2s;
}
.transitionDelay43280 {
  transition-delay: 43.28s;
}
.transitionDelay43360 {
  transition-delay: 43.36s;
}
.transitionDelay43440 {
  transition-delay: 43.44s;
}
.transitionDelay43520 {
  transition-delay: 43.52s;
}
.transitionDelay43600 {
  transition-delay: 43.6s;
}
.transitionDelay43680 {
  transition-delay: 43.68s;
}
.transitionDelay43760 {
  transition-delay: 43.76s;
}
.transitionDelay43840 {
  transition-delay: 43.84s;
}
.transitionDelay43920 {
  transition-delay: 43.92s;
}
.transitionDelay44000 {
  transition-delay: 44s;
}
.transitionDelay44080 {
  transition-delay: 44.08s;
}
.transitionDelay44160 {
  transition-delay: 44.16s;
}
.transitionDelay44240 {
  transition-delay: 44.24s;
}
.transitionDelay44320 {
  transition-delay: 44.32s;
}
.transitionDelay44400 {
  transition-delay: 44.4s;
}
.transitionDelay44480 {
  transition-delay: 44.48s;
}
.transitionDelay44560 {
  transition-delay: 44.56s;
}
.transitionDelay44640 {
  transition-delay: 44.64s;
}
.transitionDelay44720 {
  transition-delay: 44.72s;
}
.transitionDelay44800 {
  transition-delay: 44.8s;
}
.transitionDelay44880 {
  transition-delay: 44.88s;
}
.transitionDelay44960 {
  transition-delay: 44.96s;
}
.transitionDelay45040 {
  transition-delay: 45.04s;
}
.transitionDelay45120 {
  transition-delay: 45.12s;
}
.transitionDelay45200 {
  transition-delay: 45.2s;
}
.transitionDelay45280 {
  transition-delay: 45.28s;
}
.transitionDelay45360 {
  transition-delay: 45.36s;
}
.transitionDelay45440 {
  transition-delay: 45.44s;
}
.transitionDelay45520 {
  transition-delay: 45.52s;
}
.transitionDelay45600 {
  transition-delay: 45.6s;
}
.transitionDelay45680 {
  transition-delay: 45.68s;
}
.transitionDelay45760 {
  transition-delay: 45.76s;
}
.transitionDelay45840 {
  transition-delay: 45.84s;
}
.transitionDelay45920 {
  transition-delay: 45.92s;
}
.transitionDelay46000 {
  transition-delay: 46s;
}
.transitionDelay46080 {
  transition-delay: 46.08s;
}
.transitionDelay46160 {
  transition-delay: 46.16s;
}
.transitionDelay46240 {
  transition-delay: 46.24s;
}
.transitionDelay46320 {
  transition-delay: 46.32s;
}
.transitionDelay46400 {
  transition-delay: 46.4s;
}
.transitionDelay46480 {
  transition-delay: 46.48s;
}
.transitionDelay46560 {
  transition-delay: 46.56s;
}
.transitionDelay46640 {
  transition-delay: 46.64s;
}
.transitionDelay46720 {
  transition-delay: 46.72s;
}
.transitionDelay46800 {
  transition-delay: 46.8s;
}
.transitionDelay46880 {
  transition-delay: 46.88s;
}
.transitionDelay46960 {
  transition-delay: 46.96s;
}
.transitionDelay47040 {
  transition-delay: 47.04s;
}
.transitionDelay47120 {
  transition-delay: 47.12s;
}
.transitionDelay47200 {
  transition-delay: 47.2s;
}
.transitionDelay47280 {
  transition-delay: 47.28s;
}
.transitionDelay47360 {
  transition-delay: 47.36s;
}
.transitionDelay47440 {
  transition-delay: 47.44s;
}
.transitionDelay47520 {
  transition-delay: 47.52s;
}
.transitionDelay47600 {
  transition-delay: 47.6s;
}
.transitionDelay47680 {
  transition-delay: 47.68s;
}
.transitionDelay47760 {
  transition-delay: 47.76s;
}
.transitionDelay47840 {
  transition-delay: 47.84s;
}
.transitionDelay47920 {
  transition-delay: 47.92s;
}
.transitionDelay48000 {
  transition-delay: 48s;
}
.transitionDelay48080 {
  transition-delay: 48.08s;
}
.transitionDelay48160 {
  transition-delay: 48.16s;
}
.transitionDelay48240 {
  transition-delay: 48.24s;
}
.transitionDelay48320 {
  transition-delay: 48.32s;
}
.transitionDelay48400 {
  transition-delay: 48.4s;
}
.transitionDelay48480 {
  transition-delay: 48.48s;
}
.transitionDelay48560 {
  transition-delay: 48.56s;
}
.transitionDelay48640 {
  transition-delay: 48.64s;
}
.transitionDelay48720 {
  transition-delay: 48.72s;
}
.transitionDelay48800 {
  transition-delay: 48.8s;
}
.transitionDelay48880 {
  transition-delay: 48.88s;
}
.transitionDelay48960 {
  transition-delay: 48.96s;
}
.transitionDelay49040 {
  transition-delay: 49.04s;
}
.transitionDelay49120 {
  transition-delay: 49.12s;
}
.transitionDelay49200 {
  transition-delay: 49.2s;
}
.transitionDelay49280 {
  transition-delay: 49.28s;
}
.transitionDelay49360 {
  transition-delay: 49.36s;
}
.transitionDelay49440 {
  transition-delay: 49.44s;
}
.transitionDelay49520 {
  transition-delay: 49.52s;
}
.transitionDelay49600 {
  transition-delay: 49.6s;
}
.transitionDelay49680 {
  transition-delay: 49.68s;
}
.transitionDelay49760 {
  transition-delay: 49.76s;
}
.transitionDelay49840 {
  transition-delay: 49.84s;
}
.transitionDelay49920 {
  transition-delay: 49.92s;
}
.transitionDelay50000 {
  transition-delay: 50s;
}
.transitionDelay50080 {
  transition-delay: 50.08s;
}
.transitionDelay50160 {
  transition-delay: 50.16s;
}
.transitionDelay50240 {
  transition-delay: 50.24s;
}
.transitionDelay50320 {
  transition-delay: 50.32s;
}
.transitionDelay50400 {
  transition-delay: 50.4s;
}
.transitionDelay50480 {
  transition-delay: 50.48s;
}
.transitionDelay50560 {
  transition-delay: 50.56s;
}
.transitionDelay50640 {
  transition-delay: 50.64s;
}
.transitionDelay50720 {
  transition-delay: 50.72s;
}
.transitionDelay50800 {
  transition-delay: 50.8s;
}
.transitionDelay50880 {
  transition-delay: 50.88s;
}
.transitionDelay50960 {
  transition-delay: 50.96s;
}
.transitionDelay51040 {
  transition-delay: 51.04s;
}
.transitionDelay51120 {
  transition-delay: 51.12s;
}
.transitionDelay51200 {
  transition-delay: 51.2s;
}
.transitionDelay51280 {
  transition-delay: 51.28s;
}
.transitionDelay51360 {
  transition-delay: 51.36s;
}
.transitionDelay51440 {
  transition-delay: 51.44s;
}
.transitionDelay51520 {
  transition-delay: 51.52s;
}
.transitionDelay51600 {
  transition-delay: 51.6s;
}
.transitionDelay51680 {
  transition-delay: 51.68s;
}
.transitionDelay51760 {
  transition-delay: 51.76s;
}
.transitionDelay51840 {
  transition-delay: 51.84s;
}
.transitionDelay51920 {
  transition-delay: 51.92s;
}
.transitionDelay52000 {
  transition-delay: 52s;
}
.transitionDelay52080 {
  transition-delay: 52.08s;
}
.transitionDelay52160 {
  transition-delay: 52.16s;
}
.transitionDelay52240 {
  transition-delay: 52.24s;
}
.transitionDelay52320 {
  transition-delay: 52.32s;
}
.transitionDelay52400 {
  transition-delay: 52.4s;
}
.transitionDelay52480 {
  transition-delay: 52.48s;
}
.transitionDelay52560 {
  transition-delay: 52.56s;
}
.transitionDelay52640 {
  transition-delay: 52.64s;
}
.transitionDelay52720 {
  transition-delay: 52.72s;
}
.transitionDelay52800 {
  transition-delay: 52.8s;
}
.transitionDelay52880 {
  transition-delay: 52.88s;
}
.transitionDelay52960 {
  transition-delay: 52.96s;
}
.transitionDelay53040 {
  transition-delay: 53.04s;
}
.transitionDelay53120 {
  transition-delay: 53.12s;
}
.transitionDelay53200 {
  transition-delay: 53.2s;
}
.transitionDelay53280 {
  transition-delay: 53.28s;
}
.transitionDelay53360 {
  transition-delay: 53.36s;
}
.transitionDelay53440 {
  transition-delay: 53.44s;
}
.transitionDelay53520 {
  transition-delay: 53.52s;
}
.transitionDelay53600 {
  transition-delay: 53.6s;
}
.transitionDelay53680 {
  transition-delay: 53.68s;
}
.transitionDelay53760 {
  transition-delay: 53.76s;
}
.transitionDelay53840 {
  transition-delay: 53.84s;
}
.transitionDelay53920 {
  transition-delay: 53.92s;
}
.transitionDelay54000 {
  transition-delay: 54s;
}
.transitionDelay54080 {
  transition-delay: 54.08s;
}
.transitionDelay54160 {
  transition-delay: 54.16s;
}
.transitionDelay54240 {
  transition-delay: 54.24s;
}
.transitionDelay54320 {
  transition-delay: 54.32s;
}
.transitionDelay54400 {
  transition-delay: 54.4s;
}
.transitionDelay54480 {
  transition-delay: 54.48s;
}
.transitionDelay54560 {
  transition-delay: 54.56s;
}
.transitionDelay54640 {
  transition-delay: 54.64s;
}
.transitionDelay54720 {
  transition-delay: 54.72s;
}
.transitionDelay54800 {
  transition-delay: 54.8s;
}
.transitionDelay54880 {
  transition-delay: 54.88s;
}
.transitionDelay54960 {
  transition-delay: 54.96s;
}
.transitionDelay55040 {
  transition-delay: 55.04s;
}
.transitionDelay55120 {
  transition-delay: 55.12s;
}
.transitionDelay55200 {
  transition-delay: 55.2s;
}
.transitionDelay55280 {
  transition-delay: 55.28s;
}
.transitionDelay55360 {
  transition-delay: 55.36s;
}
.transitionDelay55440 {
  transition-delay: 55.44s;
}
.transitionDelay55520 {
  transition-delay: 55.52s;
}
.transitionDelay55600 {
  transition-delay: 55.6s;
}
.transitionDelay55680 {
  transition-delay: 55.68s;
}
.transitionDelay55760 {
  transition-delay: 55.76s;
}
.transitionDelay55840 {
  transition-delay: 55.84s;
}
.transitionDelay55920 {
  transition-delay: 55.92s;
}
.transitionDelay56000 {
  transition-delay: 56s;
}
.transitionDelay56080 {
  transition-delay: 56.08s;
}
.transitionDelay56160 {
  transition-delay: 56.16s;
}
.transitionDelay56240 {
  transition-delay: 56.24s;
}
.transitionDelay56320 {
  transition-delay: 56.32s;
}
.transitionDelay56400 {
  transition-delay: 56.4s;
}
.transitionDelay56480 {
  transition-delay: 56.48s;
}
.transitionDelay56560 {
  transition-delay: 56.56s;
}
.transitionDelay56640 {
  transition-delay: 56.64s;
}
.transitionDelay56720 {
  transition-delay: 56.72s;
}
.transitionDelay56800 {
  transition-delay: 56.8s;
}
.transitionDelay56880 {
  transition-delay: 56.88s;
}
.transitionDelay56960 {
  transition-delay: 56.96s;
}
.transitionDelay57040 {
  transition-delay: 57.04s;
}
.transitionDelay57120 {
  transition-delay: 57.12s;
}
.transitionDelay57200 {
  transition-delay: 57.2s;
}
.transitionDelay57280 {
  transition-delay: 57.28s;
}
.transitionDelay57360 {
  transition-delay: 57.36s;
}
.transitionDelay57440 {
  transition-delay: 57.44s;
}
.transitionDelay57520 {
  transition-delay: 57.52s;
}
.transitionDelay57600 {
  transition-delay: 57.6s;
}
.transitionDelay57680 {
  transition-delay: 57.68s;
}
.transitionDelay57760 {
  transition-delay: 57.76s;
}
.transitionDelay57840 {
  transition-delay: 57.84s;
}
.transitionDelay57920 {
  transition-delay: 57.92s;
}
.transitionDelay58000 {
  transition-delay: 58s;
}
.transitionDelay58080 {
  transition-delay: 58.08s;
}
.transitionDelay58160 {
  transition-delay: 58.16s;
}
.transitionDelay58240 {
  transition-delay: 58.24s;
}
.transitionDelay58320 {
  transition-delay: 58.32s;
}
.transitionDelay58400 {
  transition-delay: 58.4s;
}
.transitionDelay58480 {
  transition-delay: 58.48s;
}
.transitionDelay58560 {
  transition-delay: 58.56s;
}
.transitionDelay58640 {
  transition-delay: 58.64s;
}
.transitionDelay58720 {
  transition-delay: 58.72s;
}
.transitionDelay58800 {
  transition-delay: 58.8s;
}
.transitionDelay58880 {
  transition-delay: 58.88s;
}
.transitionDelay58960 {
  transition-delay: 58.96s;
}
.transitionDelay59040 {
  transition-delay: 59.04s;
}
.transitionDelay59120 {
  transition-delay: 59.12s;
}
.transitionDelay59200 {
  transition-delay: 59.2s;
}
.transitionDelay59280 {
  transition-delay: 59.28s;
}
.transitionDelay59360 {
  transition-delay: 59.36s;
}
.transitionDelay59440 {
  transition-delay: 59.44s;
}
.transitionDelay59520 {
  transition-delay: 59.52s;
}
.transitionDelay59600 {
  transition-delay: 59.6s;
}
.transitionDelay59680 {
  transition-delay: 59.68s;
}
.transitionDelay59760 {
  transition-delay: 59.76s;
}
.transitionDelay59840 {
  transition-delay: 59.84s;
}
.transitionDelay59920 {
  transition-delay: 59.92s;
}
.transitionDelay60000 {
  transition-delay: 60s;
}
.transitionDelay60080 {
  transition-delay: 60.08s;
}
.transitionDelay60160 {
  transition-delay: 60.16s;
}
.transitionDelay60240 {
  transition-delay: 60.24s;
}
.transitionDelay60320 {
  transition-delay: 60.32s;
}
.transitionDelay60400 {
  transition-delay: 60.4s;
}
.transitionDelay60480 {
  transition-delay: 60.48s;
}
.transitionDelay60560 {
  transition-delay: 60.56s;
}
.transitionDelay60640 {
  transition-delay: 60.64s;
}
.transitionDelay60720 {
  transition-delay: 60.72s;
}
.transitionDelay60800 {
  transition-delay: 60.8s;
}
.transitionDelay60880 {
  transition-delay: 60.88s;
}
.transitionDelay60960 {
  transition-delay: 60.96s;
}
.transitionDelay61040 {
  transition-delay: 61.04s;
}
.transitionDelay61120 {
  transition-delay: 61.12s;
}
.transitionDelay61200 {
  transition-delay: 61.2s;
}
.transitionDelay61280 {
  transition-delay: 61.28s;
}
.transitionDelay61360 {
  transition-delay: 61.36s;
}
.transitionDelay61440 {
  transition-delay: 61.44s;
}
.transitionDelay61520 {
  transition-delay: 61.52s;
}
.transitionDelay61600 {
  transition-delay: 61.6s;
}
.transitionDelay61680 {
  transition-delay: 61.68s;
}
.transitionDelay61760 {
  transition-delay: 61.76s;
}
.transitionDelay61840 {
  transition-delay: 61.84s;
}
.transitionDelay61920 {
  transition-delay: 61.92s;
}
.transitionDelay62000 {
  transition-delay: 62s;
}
.transitionDelay62080 {
  transition-delay: 62.08s;
}
.transitionDelay62160 {
  transition-delay: 62.16s;
}
.transitionDelay62240 {
  transition-delay: 62.24s;
}
.transitionDelay62320 {
  transition-delay: 62.32s;
}
.transitionDelay62400 {
  transition-delay: 62.4s;
}
.transitionDelay62480 {
  transition-delay: 62.48s;
}
.transitionDelay62560 {
  transition-delay: 62.56s;
}
.transitionDelay62640 {
  transition-delay: 62.64s;
}
.transitionDelay62720 {
  transition-delay: 62.72s;
}
.transitionDelay62800 {
  transition-delay: 62.8s;
}
.transitionDelay62880 {
  transition-delay: 62.88s;
}
.transitionDelay62960 {
  transition-delay: 62.96s;
}
.transitionDelay63040 {
  transition-delay: 63.04s;
}
.transitionDelay63120 {
  transition-delay: 63.12s;
}
.transitionDelay63200 {
  transition-delay: 63.2s;
}
.transitionDelay63280 {
  transition-delay: 63.28s;
}
.transitionDelay63360 {
  transition-delay: 63.36s;
}
.transitionDelay63440 {
  transition-delay: 63.44s;
}
.transitionDelay63520 {
  transition-delay: 63.52s;
}
.transitionDelay63600 {
  transition-delay: 63.6s;
}
.transitionDelay63680 {
  transition-delay: 63.68s;
}
.transitionDelay63760 {
  transition-delay: 63.76s;
}
.transitionDelay63840 {
  transition-delay: 63.84s;
}
.transitionDelay63920 {
  transition-delay: 63.92s;
}
.transitionDelay64000 {
  transition-delay: 64s;
}
.transitionDelay64080 {
  transition-delay: 64.08s;
}
.transitionDelay64160 {
  transition-delay: 64.16s;
}
.transitionDelay64240 {
  transition-delay: 64.24s;
}
.transitionDelay64320 {
  transition-delay: 64.32s;
}
.transitionDelay64400 {
  transition-delay: 64.4s;
}
.transitionDelay64480 {
  transition-delay: 64.48s;
}
.transitionDelay64560 {
  transition-delay: 64.56s;
}
.transitionDelay64640 {
  transition-delay: 64.64s;
}
.transitionDelay64720 {
  transition-delay: 64.72s;
}
.transitionDelay64800 {
  transition-delay: 64.8s;
}
.transitionDelay64880 {
  transition-delay: 64.88s;
}
.transitionDelay64960 {
  transition-delay: 64.96s;
}
.transitionDelay65040 {
  transition-delay: 65.04s;
}
.transitionDelay65120 {
  transition-delay: 65.12s;
}
.transitionDelay65200 {
  transition-delay: 65.2s;
}
.transitionDelay65280 {
  transition-delay: 65.28s;
}
.transitionDelay65360 {
  transition-delay: 65.36s;
}
.transitionDelay65440 {
  transition-delay: 65.44s;
}
.transitionDelay65520 {
  transition-delay: 65.52s;
}
.transitionDelay65600 {
  transition-delay: 65.6s;
}
.transitionDelay65680 {
  transition-delay: 65.68s;
}
.transitionDelay65760 {
  transition-delay: 65.76s;
}
.transitionDelay65840 {
  transition-delay: 65.84s;
}
.transitionDelay65920 {
  transition-delay: 65.92s;
}
.transitionDelay66000 {
  transition-delay: 66s;
}
.transitionDelay66080 {
  transition-delay: 66.08s;
}
.transitionDelay66160 {
  transition-delay: 66.16s;
}
.transitionDelay66240 {
  transition-delay: 66.24s;
}
.transitionDelay66320 {
  transition-delay: 66.32s;
}
.transitionDelay66400 {
  transition-delay: 66.4s;
}
.transitionDelay66480 {
  transition-delay: 66.48s;
}
.transitionDelay66560 {
  transition-delay: 66.56s;
}
.transitionDelay66640 {
  transition-delay: 66.64s;
}
.transitionDelay66720 {
  transition-delay: 66.72s;
}
.transitionDelay66800 {
  transition-delay: 66.8s;
}
.transitionDelay66880 {
  transition-delay: 66.88s;
}
.transitionDelay66960 {
  transition-delay: 66.96s;
}
.transitionDelay67040 {
  transition-delay: 67.04s;
}
.transitionDelay67120 {
  transition-delay: 67.12s;
}
.transitionDelay67200 {
  transition-delay: 67.2s;
}
.transitionDelay67280 {
  transition-delay: 67.28s;
}
.transitionDelay67360 {
  transition-delay: 67.36s;
}
.transitionDelay67440 {
  transition-delay: 67.44s;
}
.transitionDelay67520 {
  transition-delay: 67.52s;
}
.transitionDelay67600 {
  transition-delay: 67.6s;
}
.transitionDelay67680 {
  transition-delay: 67.68s;
}
.transitionDelay67760 {
  transition-delay: 67.76s;
}
.transitionDelay67840 {
  transition-delay: 67.84s;
}
.transitionDelay67920 {
  transition-delay: 67.92s;
}
.transitionDelay68000 {
  transition-delay: 68s;
}
.transitionDelay68080 {
  transition-delay: 68.08s;
}
.transitionDelay68160 {
  transition-delay: 68.16s;
}
.transitionDelay68240 {
  transition-delay: 68.24s;
}
.transitionDelay68320 {
  transition-delay: 68.32s;
}
.transitionDelay68400 {
  transition-delay: 68.4s;
}
.transitionDelay68480 {
  transition-delay: 68.48s;
}
.transitionDelay68560 {
  transition-delay: 68.56s;
}
.transitionDelay68640 {
  transition-delay: 68.64s;
}
.transitionDelay68720 {
  transition-delay: 68.72s;
}
.transitionDelay68800 {
  transition-delay: 68.8s;
}
.transitionDelay68880 {
  transition-delay: 68.88s;
}
.transitionDelay68960 {
  transition-delay: 68.96s;
}
.transitionDelay69040 {
  transition-delay: 69.04s;
}
.transitionDelay69120 {
  transition-delay: 69.12s;
}
.transitionDelay69200 {
  transition-delay: 69.2s;
}
.transitionDelay69280 {
  transition-delay: 69.28s;
}
.transitionDelay69360 {
  transition-delay: 69.36s;
}
.transitionDelay69440 {
  transition-delay: 69.44s;
}
.transitionDelay69520 {
  transition-delay: 69.52s;
}
.transitionDelay69600 {
  transition-delay: 69.6s;
}
.transitionDelay69680 {
  transition-delay: 69.68s;
}
.transitionDelay69760 {
  transition-delay: 69.76s;
}
.transitionDelay69840 {
  transition-delay: 69.84s;
}
.transitionDelay69920 {
  transition-delay: 69.92s;
}
.transitionDelay70000 {
  transition-delay: 70s;
}
.transitionDelay70080 {
  transition-delay: 70.08s;
}
.transitionDelay70160 {
  transition-delay: 70.16s;
}
.transitionDelay70240 {
  transition-delay: 70.24s;
}
.transitionDelay70320 {
  transition-delay: 70.32s;
}
.transitionDelay70400 {
  transition-delay: 70.4s;
}
.transitionDelay70480 {
  transition-delay: 70.48s;
}
.transitionDelay70560 {
  transition-delay: 70.56s;
}
.transitionDelay70640 {
  transition-delay: 70.64s;
}
.transitionDelay70720 {
  transition-delay: 70.72s;
}
.transitionDelay70800 {
  transition-delay: 70.8s;
}
.transitionDelay70880 {
  transition-delay: 70.88s;
}
.transitionDelay70960 {
  transition-delay: 70.96s;
}
.transitionDelay71040 {
  transition-delay: 71.04s;
}
.transitionDelay71120 {
  transition-delay: 71.12s;
}
.transitionDelay71200 {
  transition-delay: 71.2s;
}
.transitionDelay71280 {
  transition-delay: 71.28s;
}
.transitionDelay71360 {
  transition-delay: 71.36s;
}
.transitionDelay71440 {
  transition-delay: 71.44s;
}
.transitionDelay71520 {
  transition-delay: 71.52s;
}
.transitionDelay71600 {
  transition-delay: 71.6s;
}
.transitionDelay71680 {
  transition-delay: 71.68s;
}
.transitionDelay71760 {
  transition-delay: 71.76s;
}
.transitionDelay71840 {
  transition-delay: 71.84s;
}
.transitionDelay71920 {
  transition-delay: 71.92s;
}
.transitionDelay72000 {
  transition-delay: 72s;
}
.transitionDelay72080 {
  transition-delay: 72.08s;
}
.transitionDelay72160 {
  transition-delay: 72.16s;
}
.transitionDelay72240 {
  transition-delay: 72.24s;
}
.transitionDelay72320 {
  transition-delay: 72.32s;
}
.transitionDelay72400 {
  transition-delay: 72.4s;
}
.transitionDelay72480 {
  transition-delay: 72.48s;
}
.transitionDelay72560 {
  transition-delay: 72.56s;
}
.transitionDelay72640 {
  transition-delay: 72.64s;
}
.transitionDelay72720 {
  transition-delay: 72.72s;
}
.transitionDelay72800 {
  transition-delay: 72.8s;
}
.transitionDelay72880 {
  transition-delay: 72.88s;
}
.transitionDelay72960 {
  transition-delay: 72.96s;
}
.transitionDelay73040 {
  transition-delay: 73.04s;
}
.transitionDelay73120 {
  transition-delay: 73.12s;
}
.transitionDelay73200 {
  transition-delay: 73.2s;
}
.transitionDelay73280 {
  transition-delay: 73.28s;
}
.transitionDelay73360 {
  transition-delay: 73.36s;
}
.transitionDelay73440 {
  transition-delay: 73.44s;
}
.transitionDelay73520 {
  transition-delay: 73.52s;
}
.transitionDelay73600 {
  transition-delay: 73.6s;
}
.transitionDelay73680 {
  transition-delay: 73.68s;
}
.transitionDelay73760 {
  transition-delay: 73.76s;
}
.transitionDelay73840 {
  transition-delay: 73.84s;
}
.transitionDelay73920 {
  transition-delay: 73.92s;
}
.transitionDelay74000 {
  transition-delay: 74s;
}
.transitionDelay74080 {
  transition-delay: 74.08s;
}
.transitionDelay74160 {
  transition-delay: 74.16s;
}
.transitionDelay74240 {
  transition-delay: 74.24s;
}
.transitionDelay74320 {
  transition-delay: 74.32s;
}
.transitionDelay74400 {
  transition-delay: 74.4s;
}
.transitionDelay74480 {
  transition-delay: 74.48s;
}
.transitionDelay74560 {
  transition-delay: 74.56s;
}
.transitionDelay74640 {
  transition-delay: 74.64s;
}
.transitionDelay74720 {
  transition-delay: 74.72s;
}
.transitionDelay74800 {
  transition-delay: 74.8s;
}
.transitionDelay74880 {
  transition-delay: 74.88s;
}
.transitionDelay74960 {
  transition-delay: 74.96s;
}
.transitionDelay75040 {
  transition-delay: 75.04s;
}
.transitionDelay75120 {
  transition-delay: 75.12s;
}
.transitionDelay75200 {
  transition-delay: 75.2s;
}
.transitionDelay75280 {
  transition-delay: 75.28s;
}
.transitionDelay75360 {
  transition-delay: 75.36s;
}
.transitionDelay75440 {
  transition-delay: 75.44s;
}
.transitionDelay75520 {
  transition-delay: 75.52s;
}
.transitionDelay75600 {
  transition-delay: 75.6s;
}
.transitionDelay75680 {
  transition-delay: 75.68s;
}
.transitionDelay75760 {
  transition-delay: 75.76s;
}
.transitionDelay75840 {
  transition-delay: 75.84s;
}
.transitionDelay75920 {
  transition-delay: 75.92s;
}
.transitionDelay76000 {
  transition-delay: 76s;
}
.transitionDelay76080 {
  transition-delay: 76.08s;
}
.transitionDelay76160 {
  transition-delay: 76.16s;
}
.transitionDelay76240 {
  transition-delay: 76.24s;
}
.transitionDelay76320 {
  transition-delay: 76.32s;
}
.transitionDelay76400 {
  transition-delay: 76.4s;
}
.transitionDelay76480 {
  transition-delay: 76.48s;
}
.transitionDelay76560 {
  transition-delay: 76.56s;
}
.transitionDelay76640 {
  transition-delay: 76.64s;
}
.transitionDelay76720 {
  transition-delay: 76.72s;
}
.transitionDelay76800 {
  transition-delay: 76.8s;
}
.transitionDelay76880 {
  transition-delay: 76.88s;
}
.transitionDelay76960 {
  transition-delay: 76.96s;
}
.transitionDelay77040 {
  transition-delay: 77.04s;
}
.transitionDelay77120 {
  transition-delay: 77.12s;
}
.transitionDelay77200 {
  transition-delay: 77.2s;
}
.transitionDelay77280 {
  transition-delay: 77.28s;
}
.transitionDelay77360 {
  transition-delay: 77.36s;
}
.transitionDelay77440 {
  transition-delay: 77.44s;
}
.transitionDelay77520 {
  transition-delay: 77.52s;
}
.transitionDelay77600 {
  transition-delay: 77.6s;
}
.transitionDelay77680 {
  transition-delay: 77.68s;
}
.transitionDelay77760 {
  transition-delay: 77.76s;
}
.transitionDelay77840 {
  transition-delay: 77.84s;
}
.transitionDelay77920 {
  transition-delay: 77.92s;
}
.transitionDelay78000 {
  transition-delay: 78s;
}
.transitionDelay78080 {
  transition-delay: 78.08s;
}
.transitionDelay78160 {
  transition-delay: 78.16s;
}
.transitionDelay78240 {
  transition-delay: 78.24s;
}
.transitionDelay78320 {
  transition-delay: 78.32s;
}
.transitionDelay78400 {
  transition-delay: 78.4s;
}
.transitionDelay78480 {
  transition-delay: 78.48s;
}
.transitionDelay78560 {
  transition-delay: 78.56s;
}
.transitionDelay78640 {
  transition-delay: 78.64s;
}
.transitionDelay78720 {
  transition-delay: 78.72s;
}
.transitionDelay78800 {
  transition-delay: 78.8s;
}
.transitionDelay78880 {
  transition-delay: 78.88s;
}
.transitionDelay78960 {
  transition-delay: 78.96s;
}
.transitionDelay79040 {
  transition-delay: 79.04s;
}
.transitionDelay79120 {
  transition-delay: 79.12s;
}
.transitionDelay79200 {
  transition-delay: 79.2s;
}
.transitionDelay79280 {
  transition-delay: 79.28s;
}
.transitionDelay79360 {
  transition-delay: 79.36s;
}
.transitionDelay79440 {
  transition-delay: 79.44s;
}
.transitionDelay79520 {
  transition-delay: 79.52s;
}
.transitionDelay79600 {
  transition-delay: 79.6s;
}
.transitionDelay79680 {
  transition-delay: 79.68s;
}
.transitionDelay79760 {
  transition-delay: 79.76s;
}
.transitionDelay79840 {
  transition-delay: 79.84s;
}
.transitionDelay79920 {
  transition-delay: 79.92s;
}
.transitionDelay80000 {
  transition-delay: 80s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInUp40 {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeIntroAnimElementIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes moveIntroAnimElementUp {
  0% {
    transform: translateY(40px);
  }
  to {
    transform: translateZ(0);
  }
}
.introAnimElement {
  opacity: 0;
  transform: translateY(40px);
  transition-property: opacity, transform;
  transition-timing-function: ease, cubic-bezier(0.19, 1, 0.22, 1);
  will-change: opacity, transform;
}
[observer-animation="cssClass"]:not(.animateIn) .introAnimElement {
  transition-delay: 0ms !important;
  transition-duration: 0s !important;
}
.animateIn .introAnimElement {
  transition-duration: 1s, 0.8s;
}
.c-button.--rounded {
  align-items: center;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  padding: 8px 16px;
  position: relative;
}
.c-button.--rounded span {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.c-backButton {
  align-items: center;
  display: flex;
}
.c-backButton__arrow {
  width: 16px;
}
.c-backButton__text {
  color: #6f7073;
  font-size: 20px;
  line-height: 22px;
  margin-left: 8px;
}
.c-button {
  transition: 0.1s linear !important;
}
.m-button {
  align-items: center;
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  border-radius: 8px;
  display: inline-flex;
  gap: 6px;
  height: 42px;
  justify-content: center;
  min-width: 107px;
  padding: 10px 16px;
}
.m-button__text {
  color: #fff;
  font-size: 14px;
}
.btn-primary {
  align-items: center;
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  display: inline-flex;
  gap: 6px;
  justify-content: center;
  padding: 10px 16px;
}
.btn-primary:hover {
  background: #043f81;
}
.btn-primary .m-button__text {
  color: #fff;
  font-family: Gotham-Book;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
}
.btn-outline-primary {
  align-items: center;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 8px;
  display: inline-flex;
  gap: 6px;
  justify-content: center;
  padding: 10px 16px;
}
.btn-outline-primary:hover {
  opacity: 0.8 !important;
  transition: 0.1s linear;
}
.btn-outline-primary img {
  filter: brightness(0) invert(1);
}
.btn-outline-primary .m-button__text {
  color: #fff;
  font-family: Gotham-Book;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
}
.btn-outline-grad {
  align-items: center;
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%) border-box;
  border: 1.6px solid transparent;
  border-radius: 8px;
  display: flex;
  gap: 6px;
  justify-content: center;
  padding: 10px 16px;
}
.btn-outline-grad:hover {
  opacity: 0.7 !important;
}
.btn-outline-grad span {
  color: #034ea2 !important;
  font-family: Gotham-Book;
  font-size: 14px !important;
  line-height: 22px !important;
}
@media (max-width: 1023px) {
  .btn-outline-grad span {
    font-size: 12px;
    line-height: 20px;
  }
}
.c-transitionCurtain {
  background-color: #fff;
  height: 200vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translate3d(0, 100%, 0);
  width: var(--viewportWidth);
  will-change: opacity, transform;
  z-index: 30;
}
.c-transitionCurtain:after {
  background-color: #ecb224;
  content: "";
  height: 100vh;
  left: 0;
  position: absolute;
  top: 100vh;
  width: 100%;
}
html[data-html="features"] .c-header__whiteBackground,
html[data-html="specifications"] .c-header__whiteBackground {
  border-bottom: 1px solid #cfcfd1 !important;
  box-shadow: none !important;
}
.c-header {
  contain: layout;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transform: translateZ(0);
  width: 100%;
  z-index: 27;
}
html:not(.popup-opened) .c-header.is-transparent .c-header__whiteBackground {
  transform: translate3d(0, -150px, 0);
}
html:not(.popup-opened) .c-header.is-transparent .c-header__logo.-white {
  display: block;
}
html:not(.popup-opened) .c-header.is-transparent .c-header__logo:not(.-white) {
  display: none;
}
html:not(.popup-opened) .c-header.is-transparent .c-header__svgFill {
  fill: #fff;
}
html:not(.popup-opened) .c-header.is-transparent .c-header__navLinkText {
  color: #fff;
}
html:not(.popup-opened) .c-header.is-transparent .c-header__navLink.-enquire {
  background-color: transparent;
  border: 1px solid #fff;
  height: 38px;
  transform: scale(1);
}
.c-header.is-compressed .c-header__whiteBackground,
html.popup-opened .c-header .c-header__whiteBackground {
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.12);
}
@media (max-width: 1023px) {
  .c-header.is-compressed .c-header__whiteBackground,
  html.popup-opened .c-header .c-header__whiteBackground {
    border-bottom: 1px solid #cfcfd1;
    box-shadow: none;
  }
}
.c-header.is-compressed .c-header__filterBarWrapper,
.c-header.is-compressed .c-header__secondaryMenu,
html.popup-opened .c-header .c-header__filterBarWrapper,
html.popup-opened .c-header .c-header__secondaryMenu {
  opacity: 1;
}
.c-header.is-compressed .c-header__filterBarWrapper,
html.popup-opened .c-header .c-header__filterBarWrapper {
  pointer-events: auto;
}
.c-header.is-compressed .c-header__inner,
html.popup-opened .c-header .c-header__inner {
  padding-bottom: 20px;
  padding-top: 20px;
}
@media (max-width: 1023px) {
  .c-header.is-compressed .c-header__inner,
  html.popup-opened .c-header .c-header__inner {
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .c-header.is-compressed .c-header__logoImage,
  html.popup-opened .c-header .c-header__logoImage {
    height: 32px;
  }
}
@media (min-width: 1024px) {
  .c-header.is-compressed .c-header__logoImage,
  html.popup-opened .c-header .c-header__logoImage {
    transform-origin: top left;
  }
  .c-header.is-compressed .c-header__navLinkIcon,
  html.popup-opened .c-header .c-header__navLinkIcon {
    height: 16px;
  }
}
.c-header__whiteBackground {
  background-color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  width: 100%;
}
html.enable-css-transitions .c-header__whiteBackground {
  transition: all 0.2s ease;
}
.c-header__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 36px var(--containerSidePadding);
}
@media (max-width: 1280px) {
  .c-header__inner {
    padding: 36px var(--containerSidePadding);
  }
}
@media (max-width: 1023px) {
  .c-header__inner {
    align-items: flex-start;
    padding: 30px var(--containerSidePadding);
  }
}
html.enable-css-transitions .c-header__inner {
  transition: all 0.2s ease;
}
.c-header__logo {
  display: block;
  z-index: 10;
}
.c-header__logo.-white {
  display: none;
}
.c-header__logoImage {
  display: block;
  height: 38px;
  width: auto;
}
@media (max-width: 1023px) {
  .c-header__logoImage {
    height: 32px;
  }
}
html.enable-css-transitions .c-header__logoImage {
  transition: all 0.1s linear;
}
.c-header__secondaryMenu {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-header__secondaryMenu > :not(:first-child) {
  margin-left: 16px;
}
@media (max-width: 1023px) {
  .c-header__secondaryMenu {
    display: none;
  }
}
.c-header__secondaryMenuLink {
  color: #323334;
  font-size: 13px;
  line-height: 13px;
  pointer-events: auto;
  position: relative;
  white-space: nowrap;
  will-change: opacity, transform;
}
.c-header__secondaryMenuLink span:nth-child(2) {
  color: #f47638;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-header__secondaryMenuLink.is-active span:first-child {
  opacity: 0;
}
.c-header__secondaryMenuLink.is-active span {
  opacity: 1;
}
@media (hover: hover) {
  .c-header__secondaryMenuLink:hover span:first-child {
    opacity: 0;
  }
  .c-header__secondaryMenuLink:hover span:nth-child(2) {
    opacity: 1;
  }
}
.c-header__filterBarWrapper {
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
}
.c-header__filterBar,
.c-header__filterBarWrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}
.c-header__filterBar {
  border-radius: 8px;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
}
.c-header__filterBar:before {
  background: linear-gradient(92.38deg, #0089cf, #b09c70 98.93%);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.13;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  .c-header__filterBar {
    display: none;
  }
}
.c-header__filterBtn {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 13px;
  gap: 5px;
  height: 50px;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 14px;
  min-width: 147px;
  text-transform: uppercase;
}
.c-header__filterBtn > * {
  pointer-events: none;
}
.c-header__filterBtnTxt {
  white-space: nowrap;
}
.c-header__nav {
  align-items: center;
  display: flex;
}
.c-header__nav > :not(:first-child) {
  margin-left: 40px;
}
@media (max-width: 1280px) {
  .c-header__nav > :not(:first-child) {
    margin-left: 16px;
  }
}
@media (max-width: 1023px) {
  .c-header__nav > :not(:first-child) {
    margin-left: 16px;
  }
}
.c-header__navLink {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.c-header__navLink.-enquire {
  align-items: center;
  background-color: #034ea2;
  border-radius: 54px;
  color: #fff;
  display: flex;
  font-size: 12px;
  gap: 10px;
  height: 34px;
  justify-content: center;
  padding: 8px 16px;
  transform: scale(0.9);
}
@media (max-width: 1023px) {
  .c-header__navLink.-enquire {
    display: none;
  }
}
.c-header__navLinkIcon {
  display: block;
  height: 20px;
  width: auto;
}
@media (max-width: 1023px) {
  .c-header__navLinkIcon {
    height: 16px;
  }
}
html.enable-css-transitions .c-header__navLinkIcon {
  transition: all 0.2s ease;
}
.c-header__navLinkText {
  color: #909090;
  font-size: 12px;
  line-height: 13px;
  margin-top: 5px;
}
@media (max-width: 1023px) {
  .c-header__navLinkText {
    font-size: 10px;
    line-height: 9px;
  }
}
html.enable-css-transitions .c-header__navLinkText {
  transition: all 0.2s ease;
}
.c-header__guestManagerPopup {
  align-items: center;
  background: #fff;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.06);
  display: flex;
  opacity: 0;
  padding: 16px;
  pointer-events: none;
  position: absolute;
  right: var(--containerSidePadding);
  top: 80%;
  transform: translate3d(0, 16px, 0) scale(0.98);
  z-index: 6;
}
.c-header__guestManagerPopup.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateZ(0) scale(1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-header__guestManagerContactDetails {
  margin-left: 12px;
}
.c-header__guestManagerPopupHeading {
  color: #9ea0a2;
  font-size: 12px;
  line-height: 15px;
}
.c-header__guestManagerContactNumber {
  color: #323334;
  font-size: 12px;
  line-height: 15px;
  margin-top: 4px;
}
header.is-compressed .c-header__guestManagerPopup {
  top: 100%;
}
.c-secondaryNav {
  border-top: 1px solid #cfcfd1;
  display: none;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 1024px) {
  .c-secondaryNav.show {
    display: block;
  }
}
.c-secondaryNavSection {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 13px var(--containerSidePadding);
}
.c-secondaryNavTitle {
  color: #034ea2;
  font-size: 12px;
  line-height: 13px;
}
.c-secondaryNavIcon {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-secondaryNavList {
  list-style: none;
  margin-left: calc(0px - var(--containerSidePadding));
  margin-right: calc(0px - var(--containerSidePadding));
  max-height: 0;
  overflow: hidden;
  padding: 0 var(--containerSidePadding);
  transition: max-height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-secondaryNavLink {
  border-top: 1px solid #cfcfd1;
  display: block;
  font-size: 12px;
  line-height: 13px;
  padding: 0 var(--containerSidePadding);
  padding-bottom: 13px;
  padding-top: 13px;
}
@media (max-width: 1023px) {
  [data-page="home"] .c-footer {
    padding-bottom: 90px;
  }
}
.c-footer {
  background: linear-gradient(276.17deg, #00a455 -4.02%, #00adea 104.37%);
  margin-left: calc(0px - var(--viewportSidePadding));
  padding: 60px var(--viewportSidePadding) 48px;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  .c-footer {
    padding: 40px var(--viewportSidePadding);
  }
}
.c-footer__inner {
  position: relative;
}
.c-footer__logo {
  display: block;
  height: 55px;
  object-fit: contain;
  object-position: left;
  width: fit-content;
}
@media (max-width: 1023px) {
  .c-footer__logo {
    height: 30px;
  }
}
.c-footer__columns {
  margin-top: 60px;
}
@media (max-width: 1023px) {
  .c-footer__columns {
    margin-top: 16px;
  }
  .c-footer__columns > :nth-child(2),
  .c-footer__columns > :nth-child(3) {
    border-top: 1px solid hsla(0, 0%, 100%, 0.3);
  }
  .c-footer__columns > :nth-child(3) {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
  }
  .c-footer__columns > :last-child {
    margin-top: 64px;
  }
  .c-footer__columns > :last-child .c-footer__columnTitle {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .c-footer__columns {
    display: flex;
    justify-content: space-between;
  }
  .c-footer__columns > :not(:last-child) {
    max-width: 210px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .c-footer__columns {
    gap: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .c-footer__columns {
    gap: 68px;
  }
}
@media (max-width: 1023px) {
  .c-footer__column.isExpanded svg {
    transform: rotate(180deg);
  }
  .c-footer__column.isExpanded .c-footer__columnTitle {
    padding-bottom: 16px;
  }
  .c-footer__colBlock > :nth-child(2),
  .c-footer__colBlock > :nth-child(3) {
    border-top: 1px solid hsla(0, 0%, 100%, 0.3);
  }
}
.c-footer__columnTitle {
  color: #fff;
  font-family: Gotham-Medium;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 140%;
}
@media (max-width: 1023px) {
  .c-footer__columnTitle {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
    padding-top: 24px;
    position: relative;
    transition: padding 0.4s ease-in-out;
  }
  .c-footer__columnLinks {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }
  .c-footer__columnLinks:after {
    content: "";
    display: block;
    padding-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .c-footer__columnLinks {
    margin-top: 16px;
  }
}
.c-footer__columnLink {
  color: #fff;
  display: block;
  font-size: 12px;
  letter-spacing: -0.02em;
  line-height: 140%;
  opacity: 0.7;
}
@media (hover: hover) {
  .c-footer__columnLink {
    transition: opacity 0.2s ease;
  }
  .c-footer__columnLink:hover {
    opacity: 1;
  }
}
.c-footer__columnLink + .c-footer__columnLink {
  margin-top: 12px;
}
.c-footer__contactUs {
  margin-top: 56px;
}
@media (max-width: 1023px) {
  .c-footer__contactUs {
    margin-top: 0;
  }
}
.c-footer__contactUsHeading {
  color: #fff;
  font-family: Gotham-Medium;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 1;
}
@media (max-width: 1023px) {
  .c-footer__contactUsHeading {
    font-size: 16px;
    letter-spacing: 0;
  }
}
.c-footer__contactUsSubheading {
  color: #fff;
  font-size: 14px;
  line-height: 140%;
  margin-top: 8px;
  opacity: 0.7;
}
@media (max-width: 1023px) {
  .c-footer__contactUsSubheading {
    font-size: 12px;
  }
}
.c-footer__contactUsLink {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 8px;
  letter-spacing: -0.02em;
  line-height: 1;
  margin-top: 20px;
}
@media (hover: hover) {
  .c-footer__contactUsLink:hover svg {
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-name: animateArrowHorizontallyOnMouseover;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (max-width: 1023px) {
  .c-footer__contactUsLink {
    margin-top: 16px;
  }
}
.c-footer__socialMedia {
  display: flex;
  gap: 12px;
  margin-top: 56px;
}
@media (max-width: 1023px) {
  .c-footer__socialMedia {
    margin-top: 24px;
  }
}
.c-footer__socialMedia a {
  opacity: 0.6;
}
@media (hover: hover) {
  .c-footer__socialMedia a {
    transition: opacity 0.2s ease;
  }
  .c-footer__socialMedia a:hover {
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  .c-footer__socialMedia img {
    height: 20px;
    width: 20px;
  }
}
.c-footer__dots {
  display: flex;
  gap: 2px;
  margin-top: 56px;
}
@media (max-width: 1023px) {
  .c-footer__dots {
    margin-top: 24px;
  }
}
.c-footer__dot {
  border-radius: 50%;
  height: 12px;
  width: 12px;
}
.c-footer__legalLinks {
  display: flex;
  gap: 40px;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .c-footer__legalLinks {
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
  }
}
.c-footer__legalLink {
  color: #fff;
  font-size: 12px;
  line-height: 140%;
  opacity: 0.6;
}
@media (hover: hover) {
  .c-footer__legalLink {
    transition: opacity 0.2s ease;
  }
  .c-footer__legalLink:hover {
    opacity: 1;
  }
}
.c-footer__copyright {
  bottom: 0;
  color: #fff;
  font-size: 12px;
  left: 0;
  line-height: 140%;
  opacity: 0.6;
  position: absolute;
}
@media (max-width: 1023px) {
  .c-footer__copyright {
    margin-top: 40px;
    position: relative;
  }
}
.c-footer__copyright.-isDesktop {
  position: relative;
}
.c-footer__desc {
  align-items: end;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .c-footer__newsletterContactUsWrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  .c-footer__subscribe {
    margin-top: 40px;
  }
}
.c-footer__subscribe .c-footer__inputErrorMessage {
  color: #fff;
  font-size: 10px;
  left: 0;
  line-height: 1.4;
  opacity: 0;
  padding-top: 6px;
  position: absolute;
  top: 100%;
  transition: all 0.2s ease;
  width: 100%;
}
.c-footer__subscribe .c-footer__inputErrorMessage:before {
  background-color: #fff;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: all 0.2s ease;
  width: 100%;
}
.c-footer__subscribe .c-footer__inputWrapper.is-invalid {
  --cross1-delay: 0.4s;
  --cross1: 32;
  --cross2-delay: 0.3s;
  --cross2: 0;
  --path: 22;
  --path-delay: 0s;
}
.c-footer__subscribe
  .c-footer__inputWrapper.is-invalid
  .c-footer__inputErrorMessage {
  opacity: 1;
}
.c-footer__subscribe
  .c-footer__inputWrapper.is-invalid
  .c-footer__inputErrorMessage:before {
  transform: scaleX(1);
}
.c-footer__subscribe .c-footer__inputWrapper.is-valid {
  --tick-delay: 0.3s;
  --tick: 0;
  --path: 22;
  --path-delay: 0s;
}
.c-footer__subscribe .c-footer__inputWrapper {
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
  display: flex;
  margin-top: 18px;
  padding-bottom: 10px;
  position: relative;
  width: 220px;
}
.c-footer__inputWrapper.is-focused .c-footer__subscribe__input::placeholder {
  opacity: 0;
}
.c-footer__subscribe .c-footer__input {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  width: 100%;
}
.c-footer__subscribe .c-footer__input::placeholder {
  color: currentColor;
  opacity: 0.6;
}
.c-footer__subscribe .c-footer__submitBtn {
  align-items: center;
  display: flex;
  height: 14px;
}
.c-footer__subscribe input:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  box-shadow: inset 0 0 0 100px transparent;
  -webkit-transition: background-color 5000s ease-in-out 5000s;
  transition: background-color 5000s ease-in-out 5000s;
}
.c-footer__subscribe .c-footer__inputArrow {
  stroke-dasharray: 22;
  stroke-dashoffset: var(--path, 0);
  transition: stroke-dashoffset 0.5s ease var(--path-delay, 0.3s);
}
.c-footer__subscribe .c-footer__inputTick {
  stroke-dasharray: 20;
  stroke-dashoffset: var(--tick, 20);
  transition: stroke-dashoffset 0.45s ease var(--tick-delay, 0s);
}
.c-footer__subscribe .c-footer__inputCross1 {
  stroke-dasharray: 16;
  stroke-dashoffset: var(--cross1, 16);
  transition: stroke-dashoffset 0.45s ease var(--cross1-delay, 0s);
}
.c-footer__subscribe .c-footer__inputCross2 {
  stroke-dasharray: 16;
  stroke-dashoffset: var(--cross2, 16);
  transition: stroke-dashoffset 0.45s ease var(--cross2-delay, 0s);
}
.c-footer__subscribe.is-submitted .c-submittingState {
  display: block;
}
.c-footer__subscribe.is-submitted .c-footer__submitBtn svg {
  display: none;
}
.c-footer__subscribe .c-submittingState {
  animation: spin 1s linear infinite;
  border-color: #034ea2 #fff #fff #034ea2;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  display: none;
  height: 12px;
  position: absolute;
  right: 0;
  width: 12px;
}
@keyframes fadePopupIn {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadePopupContainerIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.c-recentlyViewedPopup {
  align-items: flex-start;
  background-color: hsla(0, 0%, 100%, 0.4);
  display: none;
  height: var(--viewportHeight);
  justify-content: center;
  left: 0;
  padding-top: 0;
  position: fixed;
  top: 0;
  width: var(--viewportWidth);
  z-index: 28;
}
.c-recentlyViewedPopup.show {
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: fadePopupContainerIn;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
}
@media (max-width: 1023px) {
  .c-recentlyViewedPopup {
    align-items: center;
    background-color: transparent;
    padding: 0 15px;
    transition: height 0.4s ease-out;
  }
}
.c-recentlyViewedPopup__inner {
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  animation-name: fadePopupIn;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 150px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  max-height: 373px;
  opacity: 0;
  overflow: hidden;
  padding: 48px 0 0 40px;
  position: relative;
  transform: translateY(40px);
  width: 358px;
}
@media (min-width: 1024px) {
  .c-recentlyViewedPopup__inner {
    margin: auto;
  }
}
@media (max-width: 1023px) {
  .c-recentlyViewedPopup__inner {
    box-shadow: 0 20px 150px 20px rgba(0, 0, 0, 0.22);
    padding: 40px 0 0 24px;
    width: 100%;
  }
  .c-recentlyViewedPopup__inner:after {
    background: linear-gradient(
      180deg,
      hsla(0, 0%, 85%, 0) 11.39%,
      #fff 95.05%
    );
    bottom: 0;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
}
.c-recentlyViewedPopup__closeButton {
  margin: 0 auto;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}
@media (max-width: 1023px) {
  .c-recentlyViewedPopup__closeButton {
    height: 24px;
    width: 24px;
  }
  .c-recentlyViewedPopup__closeButton circle {
    opacity: 1;
  }
}
.c-recentlyViewedPopup__heading {
  color: #323334;
  font-size: 20px;
  letter-spacing: -0.04em;
  line-height: 21px;
}
.c-recentlyViewedPopup__list {
  flex: 1;
  margin-right: 24px;
  margin-top: 28px;
  overflow-y: auto;
  padding-bottom: 48px;
}
.c-recentlyViewedPopup__list::-webkit-scrollbar {
  width: 2px;
}
.c-recentlyViewedPopup__list::-webkit-scrollbar-track {
  background: #cfcfd1;
  opacity: 0.3;
}
.c-recentlyViewedPopup__list::-webkit-scrollbar-thumb {
  border-radius: 2px;
}
@media (max-width: 1023px) {
  .c-recentlyViewedPopup__list {
    margin-top: 24px;
    padding-bottom: 60px;
  }
}
.c-recentlyViewedPopup__list::-webkit-scrollbar-track {
  background-color: hsla(240, 2%, 82%, 0.3);
  margin-bottom: 76px;
  margin-right: 24px;
}
@media (max-width: 1023px) {
  .c-recentlyViewedPopup__list::-webkit-scrollbar-track {
    margin-bottom: 24px;
  }
}
.c-recentlyViewedPopup__list::-webkit-scrollbar-thumb {
  background-color: #cfcfd1;
}
.c-recentlyViewedPopup__item {
  align-items: center;
  display: flex;
  gap: 20px;
}
.c-recentlyViewedPopup__item + .c-recentlyViewedPopup__item {
  margin-top: 28px;
}
@media (max-width: 1023px) {
  .c-recentlyViewedPopup__item {
    gap: 12px;
  }
}
.c-recentlyViewedPopup__itemImage {
  border-radius: 4px;
  height: 80px;
  width: 100px;
}
.c-recentlyViewedPopup__itemName {
  color: #323334;
  font-size: 16px;
  letter-spacing: -0.04em;
  line-height: 16px;
}
@media (max-width: 1023px) {
  .c-recentlyViewedPopup__itemName {
    font-size: 14px;
  }
}
.c-recentlyViewedPopup__itemLocation {
  color: #6f7073;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 15px;
  margin-top: 4px;
}
@media (max-width: 1023px) {
  .c-recentlyViewedPopup__itemLocation {
    font-size: 12px;
    line-height: 13px;
  }
}
.c-secondaryMenu {
  background: transparent linear-gradient(314deg, #00a455, #00adea) 0 0
    no-repeat padding-box;
  bottom: 0;
  -webkit-clip-path: circle(0 at 100% 0);
  clip-path: circle(0 at 100% 0);
  height: 100vh;
  left: 0;
  overflow: hidden;
  padding: 36px var(--containerSidePadding);
  position: fixed;
  right: 0;
  top: 0;
  transform-origin: top right;
  transition: all 0.4s linear;
  visibility: hidden;
  width: 100%;
  z-index: 0;
}
@media (max-width: 1023px) {
  .c-secondaryMenu {
    overflow-y: scroll;
    padding: 30px var(--containerSidePadding) 80px;
  }
}
.c-secondaryMenu:after {
  background: url(../assets/pages/menu/menuBg.svg) no-repeat;
  background-position: 100% 100%;
  background-size: auto;
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 1023px) {
  .c-secondaryMenu:after {
    background: url(../assets/pages/menu/menuMobile.png) no-repeat;
    background-position: bottom;
    background-size: contain;
  }
}
.c-secondaryMenu.showSecMenu {
  -webkit-clip-path: circle(100% at 50% 50%);
  clip-path: circle(100% at 50% 50%);
  visibility: visible;
  z-index: 99999;
}
.c-secondaryMenu .c-header__nav .c-header__navLinkText {
  color: #fff;
  display: flex;
  font-family: Gotham-Book;
  font-size: 14px;
}
.c-secondaryMenu .c-header__nav .c-header__navLinkText img {
  margin-right: 8px;
}
.c-secondaryMenu .c-header__nav .c-header__navLinkText.b-subTitle {
  font-size: 12px;
}
@media (max-width: 1023px) {
  .c-secondaryMenu .c-header__nav .c-header__navLinkText {
    display: none !important;
  }
}
.c-secondaryMenu__header {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 9;
}
@media (min-width: 1025px) {
  .c-secondaryMenu__header {
    padding-right: 60px;
  }
}
.c-secondaryMenu__header .logo {
  float: left;
}
.c-secondaryMenu__header .logo img {
  display: block;
  height: 38px;
  width: auto;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__header .logo img {
    height: 32px;
  }
}
.c-secondaryMenu__header .menu-list {
  align-items: center;
  display: flex;
  float: right;
  justify-content: center;
  list-style: none;
}
.c-secondaryMenu__header .menu-list a {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-direction: row;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  justify-content: center;
  line-height: 14px;
  margin: 0 20px;
  text-align: center;
  text-decoration: none;
}
.c-secondaryMenu__header .menu-list a img {
  height: 18px;
  width: 18px;
}
.c-secondaryMenu__header .menu-list a span {
  margin-top: 5px;
}
.c-secondaryMenu__header .menu-list a:hover {
  color: #fff;
  opacity: 0.9;
}
.c-secondaryMenu__header .c-header__nav {
  margin-left: 0;
}
.c-secondaryMenu__header .c-header__nav .-lang,
.c-secondaryMenu__header .c-header__nav .-menu {
  display: none;
}
.c-secondaryMenu__header .c-header__nav .-call {
  transition: all 0.2s linear;
}
.c-secondaryMenu__header .c-header__nav .-call:hover {
  opacity: 0.6;
}
.c-secondaryMenu__header .c-header__nav .-call .c-header__navLinkIcon {
  display: none;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__header .c-header__nav .-call .c-header__navLinkIcon {
    display: block;
    height: 20px;
  }
  .c-secondaryMenu__header .c-header__nav .-call {
    display: block;
  }
  .c-secondaryMenu__header
    .c-header__nav
    .-call
    .c-header__navLinkIcon
    .c-header__svgFill {
    fill: #fff;
  }
}
.c-secondaryMenu__header .c-header__nav .-bookasite {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: Gotham-Book;
  font-size: 14px;
  height: 38px;
  justify-content: center;
  padding: 8px 16px;
  transition: all 0.2s linear;
}
.c-secondaryMenu__header .c-header__nav .-bookasite > .c-header__navLinkText {
  margin-top: 0;
}
.c-secondaryMenu__header .c-header__nav .-bookasite:hover {
  opacity: 0.6;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__header .c-header__nav .-bookasite {
    display: none;
  }
}
.c-secondaryMenu__header .c-header__nav .-crossBtn {
  display: none;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__header .c-header__nav .-crossBtn {
    display: block;
  }
}
.c-secondaryMenu__bottomNav {
  align-items: center;
  background: #fff;
  bottom: 0;
  display: flex;
  height: 40px;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}
.c-secondaryMenu__bottomNav a {
  font-family: Gotham-Book;
}
.c-secondaryMenu__list {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list {
    align-items: flex-start;
    flex-direction: column;
    left: 0;
    margin-top: 25px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
}
.c-secondaryMenu__list__items {
  flex-basis: 20%;
  padding-bottom: 55px;
  padding-top: 190px;
  transition: opacity 0.1s;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list__items {
    padding-bottom: 13px;
    padding-top: 48px;
    width: 100%;
  }
}
.c-secondaryMenu__list__items ul {
  list-style: none;
  white-space: nowrap;
}
.c-secondaryMenu__list__items ul li.c-secondaryMenu__item.dropdown {
  position: relative;
}
.c-secondaryMenu__list__items ul li.c-secondaryMenu__item:first-child {
  margin-top: 0;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list__items ul li.c-secondaryMenu__item {
    margin-top: 20px;
  }
}
.c-secondaryMenu__list__items ul li.c-secondaryMenu__item a {
  color: #fff;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
  padding-right: 5px !important;
  padding-top: 20px;
  position: relative;
  transition: all 0.2s linear;
}
.c-secondaryMenu__list__items ul li.c-secondaryMenu__item a.media_link.active {
  opacity: 1;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list__items ul li.c-secondaryMenu__item a {
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 16px;
    padding-top: 0;
  }
}
.c-secondaryMenu__list__items ul li.c-secondaryMenu__item a:hover {
  opacity: 0.6;
}
.c-secondaryMenu__list__items ul li.c-secondaryMenu__item.offset-top {
  margin-top: 46px;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list__items ul li.c-secondaryMenu__item.offset-top {
    margin-top: 32px;
  }
}
.c-secondaryMenu__list__items.extrLinks.opq-05 .c-secondaryMenu__item > a {
  opacity: 0.5;
}
.c-secondaryMenu__list__projectItems {
  flex-basis: 45%;
  margin-left: 0;
  padding-bottom: 55px;
}
@media (min-width: 1025px) {
  .c-secondaryMenu__list__projectItems {
    padding-right: 10%;
  }
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list__projectItems {
    margin-left: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .c-secondaryMenu__list__projectItems .bottom-blur-menu {
    -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent);
    mask-image: linear-gradient(180deg, #000 90%, transparent);
    padding-bottom: 40px;
  }
}
.c-secondaryMenu__list__projectItems ul {
  -ms-overflow-style: none;
  list-style: none;
  overflow: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.c-secondaryMenu__list__projectItems ul::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1025px) {
  .c-secondaryMenu__list__projectItems ul {
    bottom: 0;
    height: fit-content;
    max-height: 69vh;
    overflow-y: auto;
    position: relative;
  }
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list__projectItems ul {
    overflow: hidden;
  }
}
.c-secondaryMenu__list__projectItems ul li.c-secondaryMenu__item:first-child {
  margin-top: 0;
}
.c-secondaryMenu__list__projectItems ul li.c-secondaryMenu__item a {
  color: #fff;
  display: inline-block;
  font-family: Gotham-Bold;
  font-size: 32px;
  font-style: normal;
  letter-spacing: -1.6px;
  line-height: 35px;
  overflow: hidden;
  padding-right: 15px;
  padding-top: 16px;
  position: relative;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list__projectItems ul li.c-secondaryMenu__item a {
    font-size: 22px;
    letter-spacing: -0.04em;
    line-height: 25px;
  }
}
.c-secondaryMenu__list__projectItems
  ul
  li.c-secondaryMenu__item
  .c-secondaryMenu__itemWrap {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  transition: 0.2s linear;
}
.c-secondaryMenu__list__projectItems
  ul
  li.c-secondaryMenu__item
  .c-secondaryMenu__itemWrap:hover {
  opacity: 0.8;
}
.c-secondaryMenu__list__projectItems
  ul
  li.c-secondaryMenu__item
  .c-secondaryMenu__itemCity {
  color: #fff;
  font-family: Gotham-Book;
  font-size: 12px;
  font-weight: 500;
}
.c-secondaryMenu__list__projectItems .c-secondaryMenu__scrollTrack {
  background: hsla(0, 0%, 100%, 0.2);
  height: 100vh;
  left: 50vh;
  position: absolute;
  top: 0;
  width: 2px;
}
.c-secondaryMenu__list__projectItems
  .c-secondaryMenu__scrollTrack
  .c-secondaryMenu__scrollThumb {
  background: #fff;
  height: 8%;
  position: absolute;
  top: 16%;
  width: 2px;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list__projectItems .c-secondaryMenu__scrollTrack {
    display: none !important;
  }
}
.c-secondaryMenu__list .projectItems--dropMenu {
  -ms-overflow-style: none;
  flex-basis: 0%;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 64px;
  padding-top: 190px;
  scrollbar-width: none;
  transition: flex-basis 0.4s;
}
.c-secondaryMenu__list .projectItems--dropMenu::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list .projectItems--dropMenu {
    flex-basis: 100%;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
  }
}
.c-secondaryMenu__list .projectItems--dropMenu ul li a:hover {
  opacity: 0.6 !important;
}
.c-secondaryMenu__list .projectItems--dropMenu .c-secondaryMenu__item {
  margin-top: 28px;
}
.c-secondaryMenu__list
  .projectItems--dropMenu
  .c-secondaryMenu__item
  .project__city {
  font-size: 16px;
  line-height: normal;
  margin-top: 8px;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list
    .projectItems--dropMenu
    .c-secondaryMenu__item
    .project__city {
    font-size: 12px;
    line-height: normal;
    margin-top: 6px;
  }
}
.c-secondaryMenu__list .c-secondaryMenu__dropdownWrap {
  display: flex;
  flex-basis: 33%;
}
.c-secondaryMenu__list .c-secondaryMenu__dropdownWrap .corporate--dropMenu,
.c-secondaryMenu__list .c-secondaryMenu__dropdownWrap .media--dropMenu {
  bottom: 155px;
  display: none;
  overflow: hidden;
  position: absolute;
}
.c-secondaryMenu__list
  .c-secondaryMenu__dropdownWrap
  .corporate--dropMenu
  .mbl-mediaTitle,
.c-secondaryMenu__list
  .c-secondaryMenu__dropdownWrap
  .media--dropMenu
  .mbl-mediaTitle {
  color: #fff;
  display: none;
  font-size: 20px;
  letter-spacing: -0.04em;
  line-height: 22px;
  margin-bottom: 24px;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list .c-secondaryMenu__dropdownWrap .corporate--dropMenu,
  .c-secondaryMenu__list .c-secondaryMenu__dropdownWrap .media--dropMenu {
    bottom: unset;
    display: none;
    top: unset;
  }
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .corporate--dropMenu.mbl-corporateShow,
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .corporate--dropMenu.mbl-mediaShow,
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .media--dropMenu.mbl-corporateShow,
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .media--dropMenu.mbl-mediaShow {
    display: block;
    margin-top: 0;
    padding: 0;
  }
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .corporate--dropMenu.mbl-corporateShow
    .mbl-mediaTitle,
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .corporate--dropMenu.mbl-corporateShow
    .mbl-projBack,
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .corporate--dropMenu.mbl-mediaShow
    .mbl-mediaTitle,
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .corporate--dropMenu.mbl-mediaShow
    .mbl-projBack,
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .media--dropMenu.mbl-corporateShow
    .mbl-mediaTitle,
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .media--dropMenu.mbl-corporateShow
    .mbl-projBack,
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .media--dropMenu.mbl-mediaShow
    .mbl-mediaTitle,
  .c-secondaryMenu__list
    .c-secondaryMenu__dropdownWrap
    .media--dropMenu.mbl-mediaShow
    .mbl-projBack {
    display: flex;
  }
}
.c-secondaryMenu__list
  .c-secondaryMenu__dropdownWrap
  .corporate--dropMenu.corporate-show,
.c-secondaryMenu__list
  .c-secondaryMenu__dropdownWrap
  .corporate--dropMenu.media-show,
.c-secondaryMenu__list
  .c-secondaryMenu__dropdownWrap
  .media--dropMenu.corporate-show,
.c-secondaryMenu__list
  .c-secondaryMenu__dropdownWrap
  .media--dropMenu.media-show {
  display: block;
}
@media (min-width: 1024px) {
  .c-secondaryMenu__list .c-secondaryMenu__dropdownWrap .media--dropMenu {
    bottom: 126px;
  }
}
.c-secondaryMenu__list a:before {
  opacity: 1;
  overflow: hidden;
  position: absolute;
  transition: 0.5s;
  width: 0;
}
.c-secondaryMenu__list a:hover:before,
.c-secondaryMenu__list a[data-home].active:before,
.c-secondaryMenu__list a[data-residential].active:before {
  width: 100%;
}
.c-secondaryMenu__list a[data-residential].ovrt:before {
  width: 0 !important;
}
.c-secondaryMenu__list a[data-commercial].active:before {
  width: 100%;
}
.c-secondaryMenu__list a[data-commercial].ovrt:before {
  width: 0 !important;
}
.c-secondaryMenu__list a[data-joyville].active:before {
  width: 100%;
}
.c-secondaryMenu__list a[data-home]:hover {
  opacity: 1;
}
.c-secondaryMenu__list a[data-home]:hover:after {
  background-color: #d490a0;
  transform: translate(-50%, -50%);
}
.c-secondaryMenu__list a[data-residential]:hover {
  opacity: 1;
}
.c-secondaryMenu__list a[data-residential]:hover:after {
  background-color: #f05862;
  transform: translate(-50%, -50%);
}
.c-secondaryMenu__list a[data-commercial]:hover {
  opacity: 1;
}
.c-secondaryMenu__list a[data-commercial]:hover:after {
  background-color: #ecb224;
  transform: translate(-50%, -50%);
}
.c-secondaryMenu__list a[data-joyville]:hover {
  opacity: 1;
}
.c-secondaryMenu__list a[data-joyville]:hover:after {
  background-color: #01d1b3;
  transform: translate(-50%, -50%);
}
.c-secondaryMenu__list.mbl-comm,
.c-secondaryMenu__list.mbl-res {
  margin-top: 33px;
}
.c-secondaryMenu__list.mbl-comm
  .c-secondaryMenu__list__projectItems
  .c-secondaryMenu__item-modify:not(.current),
.c-secondaryMenu__list.mbl-comm
  .c-secondaryMenu__list__projectItems
  .c-secondaryMenu__item:not(.current),
.c-secondaryMenu__list.mbl-res
  .c-secondaryMenu__list__projectItems
  .c-secondaryMenu__item-modify:not(.current),
.c-secondaryMenu__list.mbl-res
  .c-secondaryMenu__list__projectItems
  .c-secondaryMenu__item:not(.current) {
  display: none;
}
.c-secondaryMenu__list .mbl-projBack {
  color: #fff;
  display: none;
  font-size: 12px;
  gap: 5px;
  line-height: 13px;
  margin-bottom: 12px;
  opacity: 0.7;
}
.c-secondaryMenu__list .c-backButton__arrow {
  width: 12px;
}
@media (max-width: 1023px) {
  .c-secondaryMenu__list.mbl-comm .current .mbl-projBack,
  .c-secondaryMenu__list.mbl-res .current .mbl-projBack {
    display: flex;
    gap: 10px;
  }
  .c-secondaryMenu__list.mbl-comm
    .current
    .mbl-projBack
    .c-backButton__arrow
    path,
  .c-secondaryMenu__list.mbl-res
    .current
    .mbl-projBack
    .c-backButton__arrow
    path {
    fill: hsla(0, 0%, 100%, 0.5);
  }
}
.c-secondaryMenu .dotTarget {
  background-color: #d490a0;
  border-radius: 50%;
  height: 24px;
  opacity: 1;
  position: absolute;
  transform: scale(0);
  transition: all 0.35s ease-in-out;
  transition: 0.5s;
  width: 24px;
  z-index: -1;
}
@media (max-width: 1023px) {
  .c-secondaryMenu .dotTarget {
    display: none;
    height: 10px;
    left: 0;
    width: 10px;
  }
}
.c-secondaryMenu .c-header__guestManagerPopup.guest2 {
  right: 0;
  top: 40px;
}
.c-secondaryMenu #circle {
  align-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  height: 35px;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 35px;
}
@media (max-width: 1023px) {
  .c-secondaryMenu #circle {
    display: none;
  }
}
.c-secondaryMenu #circle:after {
  color: #fff;
  content: "X";
}
.c-secondaryMenu .fadeIn-dur400 {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  opacity: 0;
}
.c-secondaryMenu .c-secondaryMenu__item-modify {
  margin-top: 20px;
}
.c-secondaryMenu .c-secondaryMenu__item-modify a {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  display: flex;
  font-family: Gotham-Book;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  gap: 8px;
  height: 35px;
  justify-content: space-between;
  line-height: 29px;
  opacity: 1;
  padding: 8px;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: fit-content;
}
@media (max-width: 1023px) {
  .c-secondaryMenu .c-secondaryMenu__item-modify a {
    font-size: 12px;
    height: 35px;
    width: fit-content;
  }
}
@media (hover: hover) {
  .c-secondaryMenu .c-secondaryMenu__item-modify a:hover {
    background-color: #fff;
    color: #034ea2;
  }
  .c-secondaryMenu .c-secondaryMenu__item-modify a:hover svg path {
    stroke: #034ea2;
  }
}
@media screen and (min-width: 1900px) {
  .c-secondaryMenu .c-secondaryMenu__list__projectItems {
    flex-basis: 40%;
  }
}
@media screen and (max-height: 650px) {
  .c-secondaryMenu__list__projectItems ul li.c-secondaryMenu__itemWrap a {
    font-size: 26px;
    line-height: 26px;
  }
  .c-secondaryMenu__itemWrap a {
    font-size: 24px;
    line-height: 24px;
    padding-top: 8px;
  }
}
@media (max-height: 810px) {
  .c-secondaryMenu__itemWrap a {
    font-size: 24px !important;
    letter-spacing: -1px !important;
    line-height: 33px !important;
    padding-top: 8px !important;
  }
}
.enquirePopup {
  display: none;
  height: var(--viewportHeight);
  left: 0;
  position: fixed;
  top: 0;
  width: var(--viewportWidth);
  z-index: 28;
}
@media (max-width: 1023px) {
  .enquirePopup {
    background-color: #fff;
    overflow: scroll;
    z-index: 26;
  }
  .enquirePopup.show {
    display: block;
  }
}
@media (min-width: 1024px) {
  .enquirePopup {
    align-items: center;
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px);
    background-color: hsla(0, 0%, 90%, 0.5);
    justify-content: center;
    padding: 60px 0;
  }
  .enquirePopup.show {
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 999999;
  }
}
.enquirePopup__inner {
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-name: animatePopupInner;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff;
  max-width: 600px;
  position: relative;
}
@media (min-width: 1024px) {
  .enquirePopup__inner {
    border-radius: 0 40px 0 0;
    display: flex;
    max-height: 625px;
    overflow: hidden;
  }
}
@media (max-width: 1023px) {
  .enquirePopup__inner {
    height: 100%;
  }
}
.enquirePopup__image {
  width: 280px;
}
@media (max-width: 1023px) {
  .enquirePopup__image {
    display: none;
  }
}
.enquirePopup__formWrapper {
  padding: 36px 36px 30px;
  position: relative;
}
@media (max-width: 1023px) {
  .enquirePopup__formWrapper {
    height: 100%;
    padding: 115px var(--viewportSidePadding) 37px;
  }
}
@media (min-width: 1024px) {
  .enquirePopup__formWrapper {
    flex: 1;
  }
}
.enquirePopup__errorMessage,
.enquirePopup__otpValidation,
.enquirePopup__submitting,
.enquirePopup__successMessage {
  background-color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 36px 36px 30px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  .enquirePopup__errorMessage,
  .enquirePopup__otpValidation,
  .enquirePopup__submitting,
  .enquirePopup__successMessage {
    padding: 115px var(--viewportSidePadding) 37px;
  }
}
.enquirePopup.validateOtp .enquirePopup__form {
  opacity: 0;
  pointer-events: none;
}
.enquirePopup.validateOtp .enquirePopup__otpValidation {
  opacity: 1;
  pointer-events: auto;
}
.enquirePopup__otpValidation .enquirePopup__subheading {
  color: #6f7073;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 15px;
  margin-top: 24px;
}
.enquirePopup__otpValidation .enquirePopup__input[type="tel"] {
  margin-top: 24px;
  padding: 0 16px;
}
.enquirePopup__resendOtpBtnTimer {
  display: none;
}
.enquirePopup__resendOtpBtn {
  color: #034ea2;
  font-size: 12px;
  letter-spacing: -0.02em;
  line-height: 13px;
  margin-top: 24px;
}
.enquirePopup__resendOtpBtn.isWaiting {
  color: #6f7073;
  pointer-events: none;
}
.enquirePopup__resendOtpBtn.isWaiting .enquirePopup__resendOtpBtnTimer {
  display: inline;
}
.enquirePopup__otpValidation .enquirePopup__buttonGroup {
  margin-top: 50px;
}
@media (max-width: 1023px) {
  .enquirePopup__otpValidation .enquirePopup__buttonGroup {
    margin-top: auto;
  }
}
.enquirePopup__inputError.-incorrectOtp,
.enquirePopup__inputError.-maxOtpLimitReached {
  display: none !important;
}
.enquirePopup__inputWrapper.-incorrectOtp
  .enquirePopup__inputError.-incorrectOtp,
.enquirePopup__inputWrapper.-maxOtpLimitReached
  .enquirePopup__inputError.-maxOtpLimitReached {
  display: block !important;
}
.enquirePopup__inputWrapper.-maxOtpLimitReached
  .enquirePopup__inputError.-maxOtpLimitReached.d-hide {
  display: none !important;
}
.enquirePopup__submitting {
  align-items: center;
  display: flex;
  justify-content: center;
}
.enquirePopup.is-submitting .enquirePopup__form {
  opacity: 0;
  pointer-events: none;
}
.enquirePopup.is-submitting .enquirePopup__submitting {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.enquirePopup.has-submitted .enquirePopup__form {
  opacity: 0;
  pointer-events: none;
}
.enquirePopup.has-submitted .enquirePopup__successMessage {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.enquirePopup.has-api-error .enquirePopup__form {
  opacity: 0;
  pointer-events: none;
}
.enquirePopup.has-api-error
  .enquirePopup__errorMessage[data-error-type="api-error"] {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.enquirePopup.has-duplicate-code-error .enquirePopup__form {
  opacity: 0;
  pointer-events: none;
}
.enquirePopup.has-duplicate-code-error
  .enquirePopup__errorMessage[data-error-type="duplicate-code-error"] {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.enquirePopup__loaderImage {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: animateLoader;
  height: 80px;
  width: 80px;
}
.enquirePopup__form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.enquirePopup__heading {
  color: #323334;
  font-size: 24px;
  letter-spacing: -0.04em;
  line-height: 26px;
}
.enquirePopup__heading + .enquirePopup__inputWrapper {
  margin-top: 24px;
}
.enquirePopup__subheading {
  color: #6f7073;
  font-size: 14px;
  line-height: 22px;
  margin-top: 12px;
}
.enquirePopup__inputWrapper {
  margin-top: 12px;
  position: relative;
}
.enquirePopup__inputWrapper + .enquirePopup__inputWrapper {
  margin-top: 12px;
}
.enquirePopup__countryCodesWrapper {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 45px;
}
.enquirePopup__countryCodesWrapper select {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.enquirePopup__countryCodesWrapper .enquirePopup__selectedCountryCodeWrapper {
  align-items: center;
  display: inline-flex;
  height: 100%;
  left: 0;
  padding-left: 10px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: auto;
  z-index: 1;
}
.enquirePopup__countryCodesWrapper
  .enquirePopup__selectedCountryCodeWrapper
  img {
  margin-top: -1px;
}
.enquirePopup__countryCodesWrapper .enquirePopup__selectedCountryCode {
  font-size: 14px;
}
.enquirePopup__input[type="email"],
.enquirePopup__input[type="tel"],
.enquirePopup__input[type="text"] {
  border: 0.5px solid #cfcfd1;
  border-radius: 4px;
  color: #6f7073;
  font-size: 12px;
  height: 45px;
  line-height: 15px;
  padding: 0 10px;
  width: 248px;
}
.enquirePopup__input[type="email"]::placeholder,
.enquirePopup__input[type="tel"]::placeholder,
.enquirePopup__input[type="text"]::placeholder {
  color: #9ea0a2;
}
@media (max-width: 1023px) {
  .enquirePopup__input[type="email"],
  .enquirePopup__input[type="tel"],
  .enquirePopup__input[type="text"] {
    width: 100%;
  }
}
.enquirePopup__input[type="tel"] {
  padding-left: 65px;
}
.enquirePopup__inputWrapper.is-invalid .enquirePopup__input {
  border-color: #f05862;
  transition: border-color 0.2s ease;
}
.enquirePopup__inputWrapper.is-invalid .enquirePopup__inputError {
  display: block;
}
.enquirePopup__inputError,
.enquirePopup__otpSentMsg {
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: fadeIn;
  animation-timing-function: ease;
  color: #f05862;
  display: none;
  font-size: 11px;
  line-height: 14px;
  margin-top: 6px;
}
.enquirePopup__otpSentMsg {
  color: #4caf50 !important;
}
.enquirePopup__otpSentMsg.-newOtpMsg {
  display: block;
}
.enquirePopup__otpInputNote {
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: fadeIn;
  animation-timing-function: ease;
  color: #323334;
  display: none;
  font-size: 11px;
  line-height: 14px;
  margin-top: 8px;
}
#enquirePopup__telInput.has-value ~ .enquirePopup__otpInputNote,
#enquirePopup__telInput:focus ~ .enquirePopup__otpInputNote {
  display: block;
}
.enquirePopup__checkboxLabel {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  margin-top: 24px;
  position: relative;
}
.enquirePopup__checkboxLabel + .enquirePopup__checkboxLabel {
  margin-top: 12px;
}
.enquirePopup__checkboxInput {
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.enquirePopup__checkboxInput:checked ~ .enquirePopup__checkboxTick:after {
  filter: brightness(0) invert(1);
  opacity: 1;
}
.enquirePopup__checkboxInput:checked ~ .enquirePopup__checkboxTick:before {
  background: #034ea2;
  border-color: #034ea2;
}
.enquirePopup__checkboxTick {
  height: 12px;
  position: relative;
  top: 3px;
  width: 12px;
}
.enquirePopup__checkboxTick:before {
  border: 1px solid #9ea0a2;
  border-radius: 2px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.enquirePopup__checkboxTick:after {
  background-image: url(../assets/common/vectors/icon_checkbox-tick.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 7px auto;
  border: 1px solid transparent;
  border-radius: 2px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.enquirePopup__checkboxText {
  color: #6f7073;
  font-size: 14px;
  line-height: 17px;
  margin-left: 6px;
  user-select: none;
}
.enquirePopup__buttonGroup {
  display: flex;
  margin-top: auto;
  padding-top: 15px;
}
@media (max-width: 1023px) {
  .enquirePopup__buttonGroup {
    bottom: 0;
    box-shadow: 0 -1px 34px rgba(0, 0, 0, 0.08);
    left: 0;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    width: 100%;
  }
}
.enquirePopup__submitButton {
  background-color: #034ea2;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  padding: 8px 16px;
}
@media (max-width: 1023px) {
  .enquirePopup__submitButton {
    border-radius: 0;
    padding: 15px 16px;
    position: relative;
    width: 50%;
  }
}
.enquirePopup__okButton {
  background-color: #034ea2;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin-top: 24px;
  padding: 8px 16px;
}
.enquirePopup__backButton,
.enquirePopup__cancelButton {
  border: 1px solid #cfcfd1;
  border-radius: 8px;
  color: #9ea0a2;
  font-size: 14px;
  line-height: 22px;
  margin-left: 12px;
  padding: 8px 16px;
}
@media (max-width: 1023px) {
  .enquirePopup__backButton,
  .enquirePopup__cancelButton {
    border: 0;
    border-radius: 0;
    margin-left: 0;
    padding: 15px 16px;
    position: relative;
    width: 50%;
  }
}
.enquirePopup__closeButton {
  padding: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .enquirePopup__closeButton {
    padding: 90px 20px 12px;
  }
  .enquirePopup__closeButtonIcon {
    height: 12px;
    width: 12px;
  }
}
html.ov-h .enquirePopup.show {
  z-index: 999999;
}
.enquirePopup__errorMessage,
.enquirePopup__successMessage {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.enquirePopup__errorMessage .enquirePopup__subheading,
.enquirePopup__successMessage .enquirePopup__subheading {
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .enquirePopup__errorMessage .enquirePopup__subheading,
  .enquirePopup__successMessage .enquirePopup__subheading {
    margin-top: 24px;
  }
}
.enquirePopup__errorMessage .enquirePopup__okButton,
.enquirePopup__successMessage .enquirePopup__okButton {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .enquirePopup__errorMessage .enquirePopup__okButton,
  .enquirePopup__successMessage .enquirePopup__okButton {
    margin-top: 44px;
  }
}
.c-fullWidthBanner .-greenGradient {
  background: linear-gradient(180deg, #80b59c, #1ba28c);
}
.c-fullWidthBanner .-greenGradient:after {
  display: none;
}
.c-fullWidthBanner .-purpleGradient {
  background: linear-gradient(317deg, #a1abd4, #5b6db0);
}
.c-fullWidthBanner .-purpleGradient:after {
  display: none;
}
.c-fullWidthBanner .-aquaGreenGradient {
  background: linear-gradient(291deg, #8bd3d5, #1cb6b1);
}
.c-fullWidthBanner .-aquaGreenGradient:after {
  display: none;
}
.c-fullWidthBanner .innerBanner {
  align-items: flex-end;
  display: flex;
  margin-left: calc(0px - var(--viewportSidePadding));
  margin-right: calc(0px - var(--viewportSidePadding));
  min-height: 386px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: var(--viewportWidth);
}
.c-fullWidthBanner .innerBanner:after {
  background: rgba(0, 0, 0, 0.3);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-fullWidthBanner .innerBanner img.bannerImage {
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  .c-fullWidthBanner .innerBanner img.bannerImage {
    object-fit: cover;
  }
}
.c-fullWidthBanner .innerBanner__contentWrap {
  display: block;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding: 70px 0;
  position: relative;
  width: var(--viewportWidth);
  z-index: 1;
}
@media (max-width: 1023px) {
  .c-fullWidthBanner .innerBanner__contentWrap {
    padding: 40px var(--viewportSidePadding);
  }
}
.c-fullWidthBanner .innerBanner__title {
  color: #fff;
  font-family: Gotham-Bold;
  font-size: 64px;
  line-height: 60px;
  max-width: 510x;
}
@media (max-width: 1023px) {
  .c-fullWidthBanner .innerBanner__title {
    font-size: 42px;
    line-height: 48px;
    max-width: fit-content;
  }
}
.c-fullWidthBanner .innerBanner__para {
  color: #fff;
  font-family: Gotham-Book;
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 26px;
  max-width: 498px;
  padding-top: 24px;
}
@media (max-width: 1023px) {
  .c-fullWidthBanner .innerBanner__para {
    font-size: 14px;
    letter-spacing: -0.42px;
    line-height: 22px;
    max-width: 80%;
    padding-top: 8px;
  }
}
.c-fullWidthBanner .innerBanner .btn-outline-primary {
  margin-top: 24px;
}
.c-fullWidthBanner.-v2 .innerBanner {
  align-items: center;
  min-height: 402px;
}
@media (max-width: 1023px) {
  .c-fullWidthBanner.-v2 .innerBanner {
    align-items: flex-end;
    min-height: 510px;
  }
  .c-fullWidthBanner.-v2 .innerBanner .bannerImage {
    object-position: top;
  }
}
.c-fullWidthBanner.-v2 .innerBanner__content {
  margin-left: auto;
  width: 50%;
}
@media (max-width: 1023px) {
  .c-fullWidthBanner.-v2 .innerBanner__content {
    margin: auto;
    width: 100%;
  }
}
.c-fullWidthBanner.-v2 .innerBanner__title {
  color: #fff;
  font-family: Gotham-Book;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;
}
.c-fullWidthBanner.-v2 .innerBanner__title .letter {
  text-transform: uppercase !important;
}
@media (max-width: 1023px) {
  .c-fullWidthBanner.-v2 .innerBanner__title {
    font-size: 20px;
    line-height: 26px;
  }
}
.c-fullWidthBanner.-v2 .innerBanner__para {
  color: #fff;
  font-family: Gotham-Light;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.48px;
  line-height: 24px;
  padding-top: 12px;
}
@media (max-width: 1023px) {
  .c-fullWidthBanner.-v2 .innerBanner__para {
    font-size: 14px;
    letter-spacing: -0.42px;
    line-height: 22px;
    max-width: 100%;
  }
}
.c-fullWidthBanner.-v2 .innerBanner .btn-primary {
  margin-top: 24px;
}
[data-page] {
  padding-top: 132px;
}
@media (max-width: 1023px) {
  [data-page] {
    padding-top: 92px;
  }
}
.is-fixed {
  height: var(--viewportHeight);
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: var(--viewportWidth);
}
main {
  padding: 0 var(--viewportSidePadding);
}
::-ms-reveal {
  display: none;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #9ea0a2;
  box-shadow: inset 0 0 0 100px transparent;
  -webkit-transition: background-color 5000s ease-in-out 5000s;
  transition: background-color 5000s ease-in-out 5000s;
}
.bgc-purple {
  background-color: #d490a0;
}
.bgc-magicPotion {
  background-color: #f05862;
}
.bgc-yellow {
  background-color: #ecb224;
}
.bgc-persianGreen {
  background-color: #00a38b;
}
.c-bodyGray {
  color: #6f7073;
}
.c-almostBlack {
  color: #323334;
}
.c-purple {
  color: #d490a0;
}
.c-magicPotion {
  color: #f05862;
}
.c-yellow {
  color: #ecb224;
}
.c-persianGreen {
  color: #00a38b;
}
[data-page="home"] {
  animation: unset !important;
  opacity: 1 !important;
  padding-top: 0;
}
[data-page="home"] .bottomNav {
  animation-delay: 0.8s;
  animation-duration: 1.2s;
  animation-fill-mode: backwards;
  animation-name: fadeInUp40;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  bottom: 0;
  left: 20px;
  position: fixed;
  width: calc(100% - 40px);
  z-index: 2;
}
@media (min-width: 1024px) {
  [data-page="home"] .bottomNav {
    display: none;
  }
}
[data-page="home"] .bottomNav__btnGroup {
  box-shadow: 0 -1px 34px rgba(0, 0, 0, 0.08);
  display: flex;
  height: 80px;
  margin-left: calc(0px - var(--containerSidePadding));
  margin-top: 40px;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="home"] .bottomNav__btnGroup {
    height: 50px;
    margin-top: 30px;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .bottomNav__btnGroup {
    align-items: center;
    padding: 0 var(--containerSidePadding);
  }
}
[data-page="home"] .bottomNav__btn {
  background-color: #fff;
  flex: 1;
  font-size: 11px;
  height: 50px;
  line-height: 12px;
  min-width: 50%;
  overflow: hidden;
  text-transform: uppercase;
}
[data-page="home"] .bottomNav__btn.-search {
  color: #034ea2;
}
@media (max-width: 1023px) {
  [data-page="home"] .bottomNav__btn.-search {
    flex-basis: 50%;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .bottomNav__btn.-search {
    border-radius: 4px;
    padding: 12px 16px;
  }
}
[data-page="home"] .bottomNav__btn.-getInTouch {
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  color: #fff;
}
@media (min-width: 1024px) {
  [data-page="home"] .bottomNav__btn.-getInTouch {
    margin-left: 20px;
  }
}
[data-page="home"] .banner {
  align-items: center;
  display: flex;
  height: calc(var(--viewportHeight) * 0.85);
  justify-content: center;
  margin-left: calc(0px - var(--viewportSidePadding));
  position: relative;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="home"] .banner {
    height: 73vh;
  }
}
[data-page="home"] .banner__videoWrapper {
  background-image: url(../assets/pages/home/banner/desktop-poster.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="home"] .banner__videoWrapper {
    background-image: url(../assets/pages/home/banner/mobile-poster.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
[data-page="home"] .banner__videoWrapper:before {
  background: rgba(0, 0, 0, 0.26);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
[data-page="home"] .banner__video,
[data-page="home"] .banner__videoWrapper {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="home"] .banner__video {
  opacity: 0;
}
[data-page="home"] .banner__heading {
  color: #fff;
  font-family: Gotham-Medium;
  font-size: 50px;
  line-height: 1;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 4;
}
@media (max-width: 1023px) {
  [data-page="home"] .banner__heading {
    font-size: 40px;
  }
}
[data-page="home"] .banner__filterBar {
  align-items: center;
  bottom: 40px;
  display: flex;
  gap: 1px;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  z-index: 28;
}
[data-page="home"] .banner__filterBar.scrolled {
  bottom: unset;
  top: 0;
}
[data-page="home"] .banner__filterBar > :first-child {
  border-radius: 8px 0 0 8px;
}
[data-page="home"] .banner__filterBar > :last-child {
  border-radius: 0 8px 8px 0;
}
@media (max-width: 1023px) {
  [data-page="home"] .banner__filterBar {
    display: none;
  }
}
[data-page="home"] .banner__filterBtn {
  align-items: center;
  background-color: #fff;
  color: #000;
  display: flex;
  font-size: 13px;
  gap: 3px;
  height: 70px;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 14px;
  min-width: 220px;
  text-transform: uppercase;
}
[data-page="home"] .banner__filterBtnTxt {
  white-space: nowrap;
}
[data-page="home"] .projects {
  padding: 60px 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-page="home"] .projects .projects__loadMoreBtnWrapper,
[data-page="home"]
  .projects:not(.-showAllProjects)
  .projects__cards
  > :nth-child(n + 8) {
  display: none;
}
[data-page="home"] .projects.-showAllProjects .projects__loadMoreBtnWrapper {
  display: block;
}
[data-page="home"]
  .projects.-showAllProjects
  .projects__cardsWrapper
  .projects__cards {
  flex-wrap: wrap;
  margin-left: unset;
  width: 100%;
}
[data-page="home"]
  .projects.-showAllProjects
  .projects__cardsWrapper
  .projects__nav {
  display: none;
}
[data-page="home"]
  .projects.-showAllProjects
  .projects__cardsWrapper
  .projects__card {
  width: calc(33.33333% - 20px);
}
@media (max-width: 1023px) {
  [data-page="home"]
    .projects.-showAllProjects
    .projects__cardsWrapper
    .projects__card {
    width: 100%;
  }
  [data-page="home"] .projects {
    padding: 30px 0;
  }
}
[data-page="home"] .projects__heading {
  color: #000;
  font-size: 30px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__heading {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="home"] .projects__cardsWrapper {
  margin-top: 30px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__cardsWrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .projects__cardsWrapper {
    margin-left: calc(0px - var(--viewportSidePadding));
    width: var(--viewportWidth);
  }
}
@media (hover: hover) {
  [data-page="home"] .projects__cardsWrapper:hover .projects__nav {
    opacity: 1;
  }
}
[data-page="home"] .projects__cards {
  display: flex;
  gap: 30px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 1024px) {
  [data-page="home"] .projects__cards {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    padding: 0 var(--viewportSidePadding);
    scroll-padding-left: var(--viewportSidePadding);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  [data-page="home"] .projects__cards::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__cards {
    align-items: center;
    flex-direction: column;
    gap: 40px;
  }
}
[data-page="home"] .projects__nav {
  display: flex;
  justify-content: space-between;
  left: 0;
  opacity: 0;
  padding: 0 calc(var(--viewportSidePadding) + 30px);
  pointer-events: none;
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
[data-page="home"] .projects__nav.showNav {
  display: flex;
}
[data-page="home"] .projects__nav.hideNav {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__nav {
    display: none;
  }
}
[data-page="home"] .projects__nav button {
  pointer-events: auto;
  transition: opacity 0.2s ease;
}
[data-page="home"] .projects__subheading {
  animation-delay: 0.7s;
  animation-duration: 1.2s;
  animation-fill-mode: backwards;
  animation-name: fadeInUp40;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  color: #6f7073;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
  margin-top: 8px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__subheading {
    font-size: 14px;
  }
}
[data-page="home"] .projects__card {
  --projectCardTranslateY: 24%;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  flex-shrink: 0;
  opacity: 0;
  position: relative;
  width: 39.3162393162%;
  will-change: opacity, transform;
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__card {
    --projectCardTranslateY: 24%;
  }
}
[data-page="home"] .projects__card.animateProjectCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="home"] .projects__card.hide {
  display: none;
}
@media (hover: hover) {
  [data-page="home"] .projects__card .projects__cardImg {
    transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    will-change: transform;
  }
  [data-page="home"] .projects__card:hover .projects__cardImg {
    transform: scale(1.08);
  }
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__card {
    width: 100%;
  }
}
[data-page="home"] .projects__cardImgWrapper {
  background: rgba(0, 0, 0, 0.26);
  border-radius: 8px;
  overflow: hidden;
  padding-top: 108.75%;
  position: relative;
}
[data-page="home"] .projects__cardImg {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="home"] .projects__cardContent {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
  margin-top: 20px;
}
[data-page="home"] .projects__cardTitle {
  color: #000;
  font-size: 24px;
  letter-spacing: 0.01em;
  line-height: 28px;
  text-transform: uppercase;
  z-index: 1;
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__cardTitle {
    font-size: 18px;
    line-height: 20px;
  }
}
[data-page="home"] .projects__cardSubtitle {
  color: #6f7073;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__cardSubtitle {
    font-size: 12px;
    line-height: 13px;
  }
}
[data-page="home"] .projects__cardTag {
  border-radius: 4px;
  color: #6f7073;
  flex-shrink: 0;
  font-size: 15px;
  letter-spacing: -0.03em;
  line-height: 24px;
  text-align: right;
  z-index: 1;
}
[data-page="home"] .projects__cardTag span {
  color: #034ea2;
  font-weight: 700;
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__cardTag {
    font-size: 12px;
    line-height: 17px;
  }
}
[data-page="home"] .projects__cardTag .supScript-t8 {
  left: 0;
  top: 0;
}
[data-page="home"] .projects__loadMoreBtnWrapper {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width: 1023px) {
  [data-page="home"] .projects__loadMoreBtnWrapper {
    margin-top: 20px;
  }
}
[data-page="home"] .projects__loadMoreBtn {
  align-items: center;
  background-color: #034ea2;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  height: 45px;
  justify-content: center;
  letter-spacing: -0.03em;
  line-height: 24px;
  padding: 0 35px;
}
[data-page="home"] .projects__loadMoreBtn:hover {
  background: #043f81;
}
[data-page="home"] .offerProject.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="home"] .offerProject__heading {
  color: #000;
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="home"] .offerProject__heading {
    font-size: 20px;
    line-height: 21px;
  }
}
[data-page="home"] .offerProject__imagesWrapper {
  background: #000;
  border-radius: 8px;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
}
@media (hover: hover) {
  [data-page="home"] .offerProject__imagesWrapper:hover .offerProject__nav {
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  [data-page="home"] .offerProject__imagesWrapper {
    border-radius: 0;
    margin-left: calc(0px - var(--viewportSidePadding));
    margin-top: 20px;
    width: var(--viewportWidth);
  }
}
[data-page="home"] .offerProject__images {
  padding-top: 50.2564102564%;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="home"] .offerProject__images {
    padding-top: 131.25%;
  }
}
[data-page="home"] .offerProject__img {
  background-color: #000;
  border-radius: 8px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="home"] .offerProject__img {
    border-radius: 0;
  }
}
[data-page="home"] .offerProject__img:not(:first-child) {
  transform: translateX(100%);
}
[data-page="home"] .offerProject__img img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="home"] .offerProject__details {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
[data-page="home"] .offerProject__name {
  color: #fff;
  font-family: Gotham-Bold;
  font-size: 80px;
  line-height: 80px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="home"] .offerProject__name {
    font-size: 30px;
    line-height: 34px;
  }
}
[data-page="home"] .offerProject__desc {
  color: #fff;
  font-size: 20px;
  line-height: 26px;
  margin-top: 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="home"] .offerProject__desc {
    font-size: 12px;
    line-height: 13px;
    margin-top: 5px;
    max-width: 90%;
  }
}
[data-page="home"] .offerProject__cta {
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin-top: 20px;
  padding: 8px 16px;
  position: relative;
  text-align: center;
  transition: opacity 0.1s ease-in-out;
}
[data-page="home"] .offerProject__cta:hover {
  opacity: 0.7;
}
[data-page="home"] .offerProject__tickerWrap {
  align-items: center;
  background: #00a38b;
  bottom: 0;
  display: flex;
  gap: 30px;
  height: 37px;
  justify-content: center;
  left: 0;
  overflow: hidden;
  padding: 0 10px;
  position: absolute;
  white-space: nowrap;
  width: 100%;
  z-index: 2;
}
@media (max-width: 1023px) {
  [data-page="home"] .offerProject__tickerWrap {
    align-items: unset;
    justify-content: unset;
  }
}
[data-page="home"] .offerProject__ticker {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 30px;
  justify-content: center;
  letter-spacing: -0.02em;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
}
[data-page="home"] .offerProject__ticker:nth-child(2) {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="home"] .offerProject__ticker:nth-child(2) {
    display: flex;
  }
  [data-page="home"] .offerProject__ticker {
    font-size: 11px;
    justify-content: flex-start;
    line-height: 22px;
  }
}
[data-page="home"] .features {
  --mobileFeatureColSize: 50vw;
  padding: 60px 0;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="home"] .features {
    padding: 40px 0;
  }
  [data-page="home"] .feature {
    display: flex;
    flex-direction: column-reverse;
    flex-shrink: 0;
    position: relative;
    width: 100%;
  }
}
[data-page="home"] .feature__lhs,
[data-page="home"] .feature__rhs {
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="home"] .feature__lhs,
  [data-page="home"] .feature__rhs {
    display: flex;
    width: 100%;
  }
}
[data-page="home"] .feature:nth-child(odd) {
  display: flex;
}
@media (min-width: 1024px) {
  [data-page="home"] .feature:nth-child(odd) {
    flex-direction: row-reverse;
  }
}
[data-page="home"] .feature:nth-child(odd) .feature__lhs {
  flex-shrink: 0;
  width: 34.6153846154%;
}
[data-page="home"] .feature:nth-child(odd) .feature__lhs__slider {
  overflow: hidden;
}
@media (max-width: 1023px) {
  [data-page="home"] .feature:nth-child(odd) .feature__lhs {
    width: 100%;
  }
  [data-page="home"] .feature:nth-child(odd) .feature3_text {
    margin-left: 44% !important;
  }
}
[data-page="home"] .feature:nth-child(odd) .feature__rhs {
  flex: 1;
}
[data-page="home"] .feature:nth-child(odd) .-featureImg1 {
  padding-top: 65.445026178%;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="home"] .feature:nth-child(odd) .-featureImg1 {
    padding-top: calc(100% - 40px);
  }
  [data-page="home"] .feature:nth-child(odd) .-featureImg2 {
    flex-shrink: 0;
    padding-top: 40%;
    position: relative;
    top: -40px;
    width: 40%;
    z-index: 1;
  }
  [data-page="home"] .feature:nth-child(odd) .-featureImg2 img {
    object-position: left top;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .feature:nth-child(odd) .-featureImg2 {
    left: 25%;
    padding-top: 26.4397905759%;
    position: absolute;
    top: 82%;
    width: 40.3141361257%;
  }
}
[data-page="home"] .feature:nth-child(odd) .-featureImg3 {
  left: 89% !important;
  padding-top: 75%;
  position: absolute;
  top: 50% !important;
  width: 260px;
}
@media (max-width: 1023px) {
  [data-page="home"] .feature:nth-child(odd) .-featureImg3 {
    height: 85px;
    left: 0 !important;
    padding-top: 0 !important;
    top: 86% !important;
    width: 120px;
  }
}
[data-page="home"] .feature:nth-child(odd) .feature__text-green {
  color: #00a38b;
}
@media (min-width: 1024px) {
  [data-page="home"] .feature:nth-child(odd) .feature__text {
    padding-left: 30px;
  }
}
@media (max-width: 1023px) {
  [data-page="home"] .feature:nth-child(odd) .feature__text {
    margin-top: 10px;
    text-align: left;
  }
}
[data-page="home"] .feature:nth-child(2n) {
  align-items: flex-end;
  display: flex;
}
@media (max-width: 1023px) {
  [data-page="home"] .feature:nth-child(2n) {
    gap: 24px;
    margin-top: 24px;
  }
  [data-page="home"] .feature:nth-child(2n) .feature__rhs {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
[data-page="home"]
  .feature:nth-child(2n)
  .feature__inner:first-child
  .feature__image {
  top: 0;
}
@media (min-width: 1280px) {
  [data-page="home"]
    .feature:nth-child(2n)
    .feature__inner:first-child
    .feature__image {
    top: -65px;
  }
}
@media (min-width: 1540px) {
  [data-page="home"]
    .feature:nth-child(2n)
    .feature__inner:first-child
    .feature__image {
    top: -40px;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .feature:nth-child(2n) .feature__inner:first-child {
    width: 37.1794871795%;
  }
}
@media (max-width: 1023px) {
  [data-page="home"] .feature:nth-child(2n) .feature__inner:first-child {
    margin-right: auto;
    max-width: calc(100% - 40px);
  }
  [data-page="home"]
    .feature:nth-child(2n)
    .feature__inner:first-child
    .feature__text {
    margin-left: 0;
    margin-top: 10px;
  }
  [data-page="home"]
    .feature:nth-child(2n)
    .feature__inner:first-child
    .feature__images {
    margin-top: 0;
  }
}
@media (min-width: 1025px) {
  [data-page="home"]
    .feature:nth-child(2n)
    .feature__inner:first-child
    .feature__images {
    margin-bottom: 20px;
  }
}
[data-page="home"]
  .feature:nth-child(2n)
  .feature__inner:first-child
  .feature__images
  > :first-child {
  padding-top: 60%;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="home"]
    .feature:nth-child(2n)
    .feature__inner:first-child
    .feature__images
    > :first-child {
    padding-top: 100%;
    width: 100%;
  }
  [data-page="home"] .feature:nth-child(2n) .feature__inner {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .feature:nth-child(2n) .feature__inner {
    margin-right: auto;
    width: 33.3333333333%;
  }
  [data-page="home"] .feature:nth-child(2n) .feature__inner.-noOverlapImg {
    display: flex;
    flex-direction: column-reverse;
    margin-right: 10%;
  }
  [data-page="home"]
    .feature:nth-child(2n)
    .feature__inner.-noOverlapImg
    .feature__imageWrapper {
    margin-top: 20px;
  }
}
@media (max-width: 1023px) {
  [data-page="home"]
    .feature:nth-child(2n)
    .feature__inner.-noOverlapImg
    .feature__text {
    margin-left: 0 !important;
  }
}
[data-page="home"] .feature:nth-child(2n) .feature__inner .feature__rhs {
  height: 53.7142857143%;
}
[data-page="home"] .feature:nth-child(2n) .feature__text-green {
  color: #00a38b;
}
[data-page="home"] .feature:nth-child(2n) .feature__text-yellow {
  color: #ecb224;
}
[data-page="home"] .feature:nth-child(2n) .feature__text-red {
  color: #f05862;
}
@media (max-width: 1023px) {
  [data-page="home"] .feature:nth-child(2n) .feature__text {
    margin-left: 10px;
    margin-top: 10px;
  }
}
[data-page="home"] .feature:nth-child(2n) .-featureImg1 {
  padding-top: 108.4615384615%;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="home"] .feature:nth-child(2n) .-featureImg1 {
    margin-left: auto;
    padding-top: calc(100% - 40px);
    width: calc(100% - 40px);
  }
}
[data-page="home"] .feature:nth-child(2n) .-featureImg2 {
  padding-top: 52.3076923077%;
  width: 48.2051282051%;
}
@media (max-width: 1023px) {
  [data-page="home"] .feature:nth-child(2n) .-featureImg2 {
    flex-shrink: 0;
    left: 0;
    padding-top: 40%;
    position: relative;
    top: -40px;
    width: 40%;
    z-index: 1;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .feature:nth-child(2n) .-featureImg2 {
    left: 91.7948717949%;
    position: absolute;
    top: 76.1229314421%;
  }
}
[data-page="home"] .feature:nth-child(3) .feature__image {
  top: 0;
}
@media (min-width: 1024px) {
  [data-page="home"] .feature:nth-child(3) .feature__imageWrapper {
    margin-bottom: 20px;
  }
  [data-page="home"] .feature:nth-child(3) .feature__text {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  [data-page="home"] .feature:nth-child(3) {
    margin-top: 24px;
  }
  [data-page="home"] .feature:nth-child(3) .feature__rhs {
    flex-direction: column;
  }
  [data-page="home"] .feature:nth-child(4) .feature__inner:first-child {
    margin-top: -40px;
  }
}
[data-page="home"] .feature__text {
  color: #323334;
  font-size: 30px;
  letter-spacing: -0.05em;
  line-height: 36px;
}
@media (max-width: 1023px) {
  [data-page="home"] .feature__text {
    font-size: 16px;
    letter-spacing: -0.03em;
    line-height: 20px;
  }
}
[data-page="home"] .feature__lhs__slider {
  border-radius: 8px !important;
  overflow: hidden !important;
}
@media (min-width: 1025px) {
  [data-page="home"] .feature__lhs__slider {
    width: 390px;
  }
}
[data-page="home"] .feature__imageWrapper {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
[data-page="home"] .feature__imageWrapper__slider {
  animation: autoslider 8s ease-in-out infinite;
  display: flex;
  left: 0;
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative;
  width: 400% !important;
}
[data-page="home"] .feature__imageWrapper__slider:active {
  animation-play-state: paused;
}
@keyframes autoslider {
  0% {
    transform: translateX(0);
  }
  8% {
    transform: translateX(-25%);
  }
  25% {
    transform: translateX(-25%);
  }
  33% {
    transform: translateX(-50%);
  }
  50% {
    transform: translateX(-50%);
  }
  58% {
    transform: translateX(-75%);
  }
  75% {
    transform: translateX(-75%);
  }
  83% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(-100%);
  }
}
[data-page="home"] .feature__image {
  border-radius: 8px;
  left: 0;
  object-fit: contain;
  object-position: center;
  position: absolute;
  top: -100px;
  width: 100%;
}
[data-page="home"] .feature__image__slider {
  float: left;
  width: 25%;
}
@media (max-width: 1023px) {
  [data-page="home"] .feature__image {
    height: 100%;
    object-fit: cover;
    top: 0;
  }
}
[data-page="home"] .experties {
  background: linear-gradient(180deg, #034ea2, #0089cf);
  left: calc(0px - var(--viewportSidePadding));
  padding: 40px var(--viewportSidePadding);
  position: relative;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="home"] .experties {
    padding: 30px var(--viewportSidePadding);
  }
}
[data-page="home"] .experties__wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  [data-page="home"] .experties__wrapper {
    flex-direction: column-reverse;
    gap: 20px;
    justify-content: center;
  }
}
[data-page="home"] .experties__logo {
  width: 130px;
}
@media (max-width: 1023px) {
  [data-page="home"] .experties__logo {
    width: 70px;
  }
}
[data-page="home"] .experties__text {
  color: #fff;
  font-size: 24px;
  letter-spacing: -0.05em;
  line-height: 32px;
}
@media (max-width: 1023px) {
  [data-page="home"] .experties__text {
    font-size: 16px;
    letter-spacing: -0.03em;
    line-height: 20px;
    text-align: center;
  }
  [data-page="home"] .featuredProject {
    padding-top: 10px;
  }
}
[data-page="home"] .featuredProject.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="home"] .featuredProject__heading {
  color: #000;
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="home"] .featuredProject__heading {
    font-size: 20px;
    line-height: 21px;
  }
}
[data-page="home"] .featuredProject__imagesWrapper {
  background-color: #eee;
  border-radius: 8px;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
}
@media (hover: hover) {
  [data-page="home"]
    .featuredProject__imagesWrapper:hover
    .featuredProject__nav {
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  [data-page="home"] .featuredProject__imagesWrapper {
    border-radius: 0;
    margin-left: calc(0px - var(--viewportSidePadding));
    margin-top: 20px;
    width: var(--viewportWidth);
  }
}
[data-page="home"] .featuredProject__images {
  padding-top: 50.2564102564%;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="home"] .featuredProject__images {
    padding-top: 131.25%;
  }
}
[data-page="home"] .featuredProject__img {
  background-color: #000;
  border-radius: 8px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="home"] .featuredProject__img {
    border-radius: 0;
  }
}
[data-page="home"] .featuredProject__img:not(:first-child) {
  transform: translateX(100%);
}
[data-page="home"] .featuredProject__img img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="home"] .featuredProject__details {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
[data-page="home"] .featuredProject__name {
  color: #fff;
  font-family: Gotham-Bold;
  font-size: 90px;
  letter-spacing: -0.02em;
  line-height: 110px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="home"] .featuredProject__name {
    font-size: 30px;
    line-height: 34px;
  }
}
[data-page="home"] .featuredProject__location {
  color: #fff;
  font-size: 17px;
  letter-spacing: -0.02em;
  line-height: 18px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="home"] .featuredProject__location {
    font-size: 12px;
    line-height: 13px;
  }
}
[data-page="home"] .featuredProject__nav {
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 0 30px;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 25px);
  width: 100%;
  z-index: 3;
}
@media (max-width: 1023px) {
  [data-page="home"] .featuredProject__nav {
    padding: 0 20px;
    top: calc(50% - 15px);
  }
}
@media (hover: hover) {
  [data-page="home"] .featuredProject__nav {
    opacity: 0;
    transition: opacity 0.2s ease;
  }
}
[data-page="home"] .featuredProject__nav button {
  pointer-events: auto;
  transform: translateZ(0);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
@media (max-width: 1023px) {
  [data-page="home"] .featuredProject__nav button svg {
    height: auto;
    width: 30px;
  }
}
[data-page="home"] .featuredProject__nav button.isDisabled {
  opacity: 0;
  pointer-events: none;
}
@media (hover: hover) {
  [data-page="home"] .featuredProject__nav button:hover {
    transform: scale(1.02);
  }
}
[data-page="home"] .featuredProject__tickerWrap {
  align-items: center;
  background: #00a38b;
  bottom: 0;
  display: flex;
  gap: 30px;
  height: 37px;
  justify-content: center;
  left: 0;
  overflow: hidden;
  padding: 0 10px;
  position: absolute;
  white-space: nowrap;
  width: 100%;
  z-index: 2;
}
@media (max-width: 1023px) {
  [data-page="home"] .featuredProject__tickerWrap {
    align-items: unset;
    justify-content: unset;
  }
}
[data-page="home"] .featuredProject__ticker {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  gap: 30px;
  justify-content: center;
  letter-spacing: -0.02em;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
}
[data-page="home"] .featuredProject__ticker:nth-child(2) {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="home"] .featuredProject__ticker:nth-child(2) {
    display: flex;
  }
  [data-page="home"] .featuredProject__ticker {
    font-size: 11px;
    justify-content: flex-start;
    line-height: 22px;
  }
}
[data-page="home"] .winningVideo__wrapper {
  align-items: center;
  background: linear-gradient(
    317deg,
    rgba(91, 109, 176, 0.8),
    rgba(161, 171, 212, 0.8)
  );
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  height: 344px;
  justify-content: space-between;
  margin-top: 72px;
  padding-left: 70px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="home"] .winningVideo__wrapper {
    align-items: start;
    flex-direction: column;
    height: fit-content;
    margin-top: 40px;
    padding: 30px 16px;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .winningVideo__wrapper:before {
    background-image: url(../assets/pages/home/winning-video-arch.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 90%;
    pointer-events: none;
    position: absolute;
    right: 20px;
    width: 100%;
  }
}
[data-page="home"] .winningVideo__title {
  color: #fff;
  font-size: 30px;
  letter-spacing: -1.5px;
  line-height: 36px;
  padding-bottom: 20px;
}
@media (max-width: 1023px) {
  [data-page="home"] .winningVideo__title {
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 26px;
    padding-bottom: 16px;
  }
}
[data-page="home"] .winningVideo__cta {
  align-items: center;
  background: linear-gradient(180deg, #034ea2 9.13%, #0089cf 91.03%);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  max-width: 142px;
  padding: 10px 16px;
  position: relative;
  z-index: 1;
}
[data-page="home"] .winningVideo__ctaText {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
[data-page="home"] .winningVideo__ctaArrow {
  height: 16px;
  width: 16px;
}
[data-page="home"] .winningVideo__lhs {
  flex-shrink: 0;
}
[data-page="home"] .winningVideo__rhs {
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="home"] .winningVideo__rhs {
    margin-top: -50px;
  }
}
[data-page="home"] .winningVideo__arch {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="home"] .winningVideo__arch {
    bottom: 0;
    display: block;
    position: absolute;
    right: 0;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .winningVideo__saurav {
    bottom: 0;
    position: absolute;
    right: 165px;
  }
}
@media (max-width: 1023px) {
  [data-page="home"] .winningVideo__saurav {
    bottom: 0;
    bottom: -30px;
    position: relative;
    right: -26px;
    width: 100%;
  }
}
[data-page="home"] .news {
  background: linear-gradient(
    104.26deg,
    rgba(226, 243, 247, 0.75),
    hsla(0, 12%, 91%, 0.22) 99.32%
  );
  border-radius: 8px;
  gap: var(--gridMargin);
  opacity: 0;
  padding: 50px 55px 40px;
  transform: translateY(40px);
  transition-duration: 1s, 0.8s;
  transition-property: opacity, transform;
  transition-timing-function: ease, cubic-bezier(0.19, 1, 0.22, 1);
  will-change: opacity, transform;
}
[data-page="home"] .news.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
@media (max-width: 1023px) {
  [data-page="home"] .news {
    background: linear-gradient(
      106.36deg,
      rgba(226, 243, 247, 0.75) 34%,
      hsla(0, 12%, 91%, 0.22) 102.81%
    );
    padding: 32px 16px 37px;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .news {
    display: flex;
  }
}
[data-page="home"] .news.animateIn {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="home"] .news__lhs,
[data-page="home"] .news__rhs {
  flex: 1;
}
[data-page="home"] .news__heading {
  color: #323334;
  font-family: Gotham-Medium;
  font-size: 106px;
  letter-spacing: -0.06em;
  line-height: 1;
}
@media (max-width: 1023px) {
  [data-page="home"] .news__heading {
    font-size: 50px;
  }
  [data-page="home"] .news__latestArticles {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .news__latestArticles > :last-child {
    border-bottom: none;
  }
}
[data-page="home"] .news__latestArticle {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
}
[data-page="home"] .news__latestArticle + .news__latestArticle {
  margin-top: 20px;
}
[data-page="home"] .news__latestArticleDate {
  color: #6f7073;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="home"] .news__latestArticleDate {
    font-size: 12px;
  }
}
[data-page="home"] .news__latestArticleHeading {
  text-wrap: pretty;
  color: #323334;
  font-size: 18px;
  letter-spacing: -0.03em;
  line-height: 24px;
  margin-top: 15px;
  max-width: 90%;
}
@media (max-width: 1023px) {
  [data-page="home"] .news__latestArticleHeading {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
  }
}
[data-page="home"] .news__latestArticleLink {
  color: #034ea2;
  display: inline-block;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
  margin-top: 15px;
}
@media (hover: hover) {
  [data-page="home"] .news__latestArticleLink {
    transition: opacity 0.2s ease;
  }
  [data-page="home"] .news__latestArticleLink:hover {
    opacity: 0.8;
  }
}
@media (max-width: 1023px) {
  [data-page="home"] .news__latestArticleLink {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
}
[data-page="home"] .news__cta {
  background-color: #034ea2;
  display: inline-block;
}
[data-page="home"] .news__cta:hover {
  background: #043f81;
}
@media (max-width: 1023px) {
  [data-page="home"] .news__cta {
    margin-top: 20px;
  }
}
[data-page="home"] .-animate {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: fadeInOut;
  animation-timing-function: ease;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  20% {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-page="home"] .gallery__navButton {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 52px;
  justify-content: center;
  padding: 24px 10px;
  pointer-events: auto;
  width: 52px;
}
[data-page="home"] .gallery__navButton .gallery__navButtonArrow {
  filter: brightness(0);
  height: auto;
  width: 12px;
}
[data-page="home"] .gallery__navButton.-previous {
  margin-left: 56px;
}
[data-page="home"] .gallery__navButton.-previous .gallery__navButtonArrow {
  transform: rotate(180deg);
}
[data-page="home"] .gallery__navButton.-next {
  margin-right: 56px;
}
@media (hover: hover) {
  [data-page="home"] .gallery__navButton:hover {
    background-color: hsla(0, 0%, 100%, 0.8);
  }
}
[data-page="home"] .js-prevProjectBtn {
  transform: rotate(180deg);
}
[data-page="home"] .contactGuestManagerPopup__heading br {
  display: none;
}
@keyframes pageLoadAnimation {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
[data-page="home"] {
  animation: fadeIn 0.3s ease-out forwards;
  opacity: 0;
}
[data-page="home"] .banner__filterBar {
  animation: fadeInScale 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s forwards;
  opacity: 0;
  transform: scale(1);
}
@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.ov-h {
  -ms-overflow-style: none;
  overflow: hidden;
  scrollbar-width: none;
}
.ov-h::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
[data-page="home"] .home__pageCards {
  display: flex;
  left: calc(0px - var(--viewportSidePadding));
  padding: 60px var(--viewportSidePadding);
  padding-top: 0;
  position: relative;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="home"] .home__pageCards > :not(:first-child) {
    margin-top: var(--gridMargin);
  }
}
@media (min-width: 1024px) {
  [data-page="home"] .home__pageCards > :not(:first-child) {
    margin-left: var(--gridMargin);
  }
}
@media (max-width: 1023px) {
  [data-page="home"] .home__pageCards {
    flex-direction: column;
    margin-top: 28px;
    padding: 28px var(--viewportSidePadding);
  }
}
[data-page="home"] .home__pageCard {
  border-radius: 8px;
  overflow: hidden;
  padding-top: 48.2905982906%;
  position: relative;
  width: var(--col100by2);
}
@media (max-width: 1023px) {
  [data-page="home"] .home__pageCard {
    padding-top: 100%;
    width: 100%;
  }
}
[data-page="home"] .home__pageCard.news {
  flex-direction: column;
  gap: 40px;
  justify-content: flex-end;
  padding: 36px;
}
@media (max-width: 1023px) {
  [data-page="home"] .home__pageCard.news {
    padding: 20px;
  }
}
@media (min-width: 1440px) {
  [data-page="home"] .home__pageCard.news {
    justify-content: center;
  }
}
[data-page="home"] .home__pageCard.news.animatePageCardIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="home"] .home__pageCard.news .news__heading {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 24px;
  letter-spacing: -0.04em;
  line-height: 26px;
  text-transform: uppercase;
}
[data-page="home"] .home__pageCard.news .news__latestArticleArrow {
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 15px;
}
@media (max-width: 1023px) {
  [data-page="home"] .home__pageCard.news .news__latestArticleArrow {
    height: 8px;
    margin-left: 5px;
    width: 10px;
  }
}
[data-page="home"] .home__pageCard.news .news__latestArticle {
  margin-top: 22px;
  padding-bottom: 22px;
}
[data-page="home"] .home__pageCard.news .news__latestArticle:first-child {
  margin-top: 0;
}
[data-page="home"] .home__pageCard.news .news__latestArticle:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 22px;
}
@media (max-width: 1023px) {
  [data-page="home"] .home__pageCard.news .news__latestArticle {
    margin-top: 14px;
    padding-bottom: 14px;
  }
}
[data-page="home"] .home__pageCard.news .news__latestArticleHeading {
  display: block;
  margin-top: 0;
  padding-top: 12px;
}
@media (max-width: 1023px) {
  [data-page="home"] .home__pageCard.news .news__latestArticleHeading {
    padding-top: 4px;
  }
}
[data-page="home"] .home__pageCard.news .news__latestArticleHeading:hover svg {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: animatePageCardArrowOnMouseover;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-page="home"] .home__pageCard.news .news__cta {
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  border-radius: 8px;
}
[data-page="home"] .home__pageCardImageWrapper:after {
  background-image: linear-gradient(180deg, rgba(50, 51, 52, 0), #323334);
  bottom: 0;
  content: "";
  height: 231px;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
}
[data-page="home"] .home__pageCardTitle {
  bottom: 36px;
  color: #fff;
  font-size: 30px;
  left: 36px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
}
@media (max-width: 1023px) {
  [data-page="home"] .home__pageCardTitle {
    bottom: 20px;
    font-size: 18px;
    left: 16px;
    line-height: 19px;
  }
}
[data-page="home"] .home__pageCardArrow {
  height: 17px;
  margin-left: 8px;
  width: 20px;
}
@media (max-width: 1023px) {
  [data-page="home"] .home__pageCardArrow {
    height: 8px;
    width: 10px;
  }
}
[data-page="home"] .home__pageCardPlayIcon {
  height: 19px;
  margin-left: 8px;
  width: 19px;
}
@media (max-width: 1023px) {
  [data-page="home"] .home__pageCardPlayIcon {
    height: 11px;
    width: 11px;
  }
}
[data-page="home"] .home__pageCard {
  animation-duration: 0.4s, 0.6s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 0;
  will-change: opacity, transform;
}
[data-page="home"] .home__pageCard.animatePageCardIn {
  animation-name: fadePageCardIn, movePageCardLeft;
}
@media (min-width: 1024px) {
  [data-page="home"] .home__pageCards > :first-child {
    animation-delay: 0s;
  }
  [data-page="home"] .home__pageCards > :last-child {
    animation-delay: 0.1s;
  }
}
@keyframes fadePageCardIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes movePageCardLeft {
  0% {
    transform: translate3d(32%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@media (hover: hover) {
  [data-page="home"] .home__pageCardImage {
    transition: opacity 0.32s cubic-bezier(0.39, 0.575, 0.565, 1),
      transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    will-change: transform;
  }
  [data-page="home"] .home__pageCardPlayIcon {
    transition: transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  [data-page="home"] .home__pageCard:hover .home__pageCardImage {
    transform: scale(1.03);
  }
  [data-page="home"] .home__pageCard:hover .home__pageCardPlayIcon {
    transform: scale(1.2);
  }
  [data-page="home"] .home__pageCard:hover .home__pageCardArrow {
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-name: animatePageCardArrowOnMouseover;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@keyframes fadeFiltersIn {
  0% {
    opacity: 0;
    transform: translateY(var(--filtersTranslateY));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.filtersPopup {
  --filtersTranslateY: -40px;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  flex-direction: column;
  height: var(--viewportHeight);
  left: 0;
  position: fixed;
  width: var(--viewportWidth);
  z-index: 28;
}
.filtersPopup.show {
  display: flex;
}
@media (max-width: 1023px) {
  .filtersPopup {
    --filtersTranslateY: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    justify-content: flex-end;
  }
}
@media (min-width: 1024px) {
  .filtersPopup {
    top: 0;
  }
}
.filtersPopup__form {
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-name: fadeFiltersIn;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff;
  opacity: 0;
  padding: 60px var(--containerSidePadding) 0;
  position: relative;
  transform: translateY(var(--filtersTranslateY));
}
@media (max-width: 1023px) {
  .filtersPopup__form {
    padding: 40px var(--containerSidePadding) 0;
  }
}
.filtersPopup__closeButtonWrapper {
  position: absolute;
  right: var(--containerSidePadding);
  top: 40px;
}
.filtersPopup__closeButtonWrapper .filtersPopup__closeButton {
  cursor: pointer;
}
@media (max-width: 1023px) {
  .filtersPopup__closeButtonWrapper {
    padding: 20px;
    right: 0;
    top: 0;
  }
  .filtersPopup__closeButtonWrapper .filtersPopup__closeButton {
    height: 15px;
    width: 15px;
  }
}
.filtersPopup__heading {
  color: #6f7073;
  font-family: Gotham-Medium;
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .filtersPopup__heading {
    font-size: 20px;
    line-height: 22px;
  }
}
.filtersPopup__filter {
  margin-top: 28px;
}
@media (max-width: 1023px) {
  .filtersPopup__filter {
    margin-top: 16px;
  }
}
.filtersPopup__filter:first-of-type
  .filtersPopup__radioButtonInput:checked
  + .filtersPopup__radioButtonText {
  background-color: #f05862;
  border-color: #f05862;
  color: #fff;
}
@media (hover: hover) {
  .filtersPopup__filter:first-of-type .filtersPopup__radioButton:hover {
    opacity: 1;
  }
  .filtersPopup__filter:first-of-type
    .filtersPopup__radioButton:hover
    .filtersPopup__radioButtonText {
    background-color: #f05862;
    border-color: #f05862;
    color: #fff;
  }
}
.filtersPopup__filter:nth-of-type(2)
  .filtersPopup__radioButtonInput:checked
  + .filtersPopup__radioButtonText {
  background-color: #ecb224;
  border-color: #ecb224;
  color: #fff;
}
@media (hover: hover) {
  .filtersPopup__filter:nth-of-type(2) .filtersPopup__radioButton:hover {
    opacity: 1;
  }
  .filtersPopup__filter:nth-of-type(2)
    .filtersPopup__radioButton:hover
    .filtersPopup__radioButtonText {
    background-color: #ecb224;
    border-color: #ecb224;
    color: #fff;
  }
}
.filtersPopup__filter:nth-of-type(3)
  .filtersPopup__radioButtonInput:checked
  + .filtersPopup__radioButtonText {
  background-color: #00a38b;
  border-color: #00a38b;
  color: #fff;
}
@media (hover: hover) {
  .filtersPopup__filter:nth-of-type(3) .filtersPopup__radioButton:hover {
    opacity: 1;
  }
  .filtersPopup__filter:nth-of-type(3)
    .filtersPopup__radioButton:hover
    .filtersPopup__radioButtonText {
    background-color: #00a38b;
    border-color: #00a38b;
    color: #fff;
  }
}
.filtersPopup__filterName {
  color: #323334;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 17px;
}
@media (max-width: 1023px) {
  .filtersPopup__filterName {
    font-size: 14px;
    line-height: 15px;
  }
}
.filtersPopup__radioButtons {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
@media (max-width: 1023px) {
  .filtersPopup__radioButtons {
    flex-flow: row wrap;
  }
}
.filtersPopup__radioButton {
  cursor: pointer;
  position: relative;
}
.filtersPopup__radioButton.isDisabled {
  opacity: 0.3;
}
.filtersPopup__radioButtonInput {
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.filtersPopup__radioButtonText {
  align-items: center;
  border: 1px solid hsla(225, 2%, 44%, 0.3);
  border-radius: 4px;
  color: #6f7073;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  letter-spacing: -0.02em;
  line-height: 15px;
  padding: 0 16px;
}
@media (max-width: 1023px) {
  .filtersPopup__radioButtonText {
    font-size: 12px;
    height: 30px;
    line-height: 13px;
    padding: 0 8px;
  }
}
.filtersPopup__buttonGroup {
  box-shadow: 0 -1px 34px rgba(0, 0, 0, 0.08);
  display: flex;
  height: 80px;
  margin-left: calc(0px - var(--containerSidePadding));
  margin-top: 40px;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  .filtersPopup__buttonGroup {
    height: 50px;
    margin-top: 30px;
  }
}
@media (min-width: 1024px) {
  .filtersPopup__buttonGroup {
    align-items: center;
    padding: 0 var(--containerSidePadding);
  }
}
.filtersPopup__submitButton {
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  color: #fff;
  font-family: Gotham-Medium;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 17px;
}
@media (max-width: 1023px) {
  .filtersPopup__submitButton {
    flex-basis: 50%;
    font-size: 14px;
    line-height: 15px;
  }
}
@media (min-width: 1024px) {
  .filtersPopup__submitButton {
    border-radius: 4px;
    padding: 12px 16px;
  }
}
.filtersPopup__resetButton {
  color: #6f7073;
  font-family: Gotham-Medium;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 17px;
}
@media (max-width: 1023px) {
  .filtersPopup__resetButton {
    flex-basis: 50%;
    font-size: 14px;
    line-height: 15px;
  }
}
@media (min-width: 1024px) {
  .filtersPopup__resetButton {
    margin-left: 20px;
  }
}
.filtersPopup__radioButton
  .filtersPopup__radioButtonInput:checked
  + .filtersPopup__radioButtonText
  .clearBtn {
  opacity: 1;
  visibility: visible;
}
.filtersPopup__radioButton .clearBtn {
  background: url(../assets/common/vectors/icon-clear.svg);
  cursor: pointer;
  height: 14px;
  opacity: 0;
  position: absolute;
  right: -5px;
  top: -5px;
  transition: 0.2s linear;
  visibility: hidden;
  width: 14px;
}
.recentlyViewedHome {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}
.recentlyViewedHome.animateRecentlyViewedHomeIn {
  animation-name: fadeRecentlyViewedHomeIn, moveRecentlyViewedHomeUp;
}
.recentlyViewedHomes__list {
  padding-bottom: 24px;
}
.recentlyViewedHomes__list > :nth-child(3n + 2) {
  animation-delay: 0.08s;
}
.recentlyViewedHomes__list > :nth-child(3n + 3) {
  animation-delay: 0.16s;
}
@keyframes fadeRecentlyViewedHomeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes moveRecentlyViewedHomeUp {
  0% {
    transform: translateY(24%);
  }
  to {
    transform: translateY(0);
  }
}
@media (hover: hover) {
  .recentlyViewedHome__image {
    transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    will-change: transform;
  }
  .recentlyViewedHome:hover .recentlyViewedHome__image {
    transform: scale(1.08);
  }
}
.recentlyViewedHomes {
  border: 1px solid hsla(210, 2%, 63%, 0.3);
  border-radius: 8px;
  margin-top: 48px;
  padding: 36px;
  position: relative;
}
@media (max-width: 1023px) {
  .recentlyViewedHomes {
    margin-top: 20px;
    padding: 40px 15px;
  }
}
.recentlyViewedHomes__heading {
  color: #323334;
  font-size: 24px;
  letter-spacing: -0.04em;
  line-height: 26px;
}
.recentlyViewedHomes__heading .word {
  margin-right: 1px;
}
.recentlyViewedHomes__heading .word:last-child {
  margin-right: 0;
}
@media (max-width: 1023px) {
  .recentlyViewedHomes__heading {
    font-size: 20px;
    line-height: 21px;
  }
}
.scrollWrapper {
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.recentlyViewedHomes__list {
  display: flex;
  gap: 44px;
  margin-top: 24px;
  overflow-x: auto;
  overflow-y: hidden;
}
.recentlyViewedHomes__list::-webkit-scrollbar {
  height: 6px;
}
.recentlyViewedHomes__list::-webkit-scrollbar-track {
  background-color: hsla(240, 2%, 82%, 0.3);
  margin-left: 5px;
  margin-right: 5px;
}
.recentlyViewedHomes__list::-webkit-scrollbar-thumb {
  background: #cfcfd1;
  border-radius: 10px;
}
.recentlyViewedHomes__list::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
@media (max-width: 1023px) {
  .recentlyViewedHomes__list {
    -ms-overflow-style: none;
    gap: 10px;
    margin-top: 20px;
    overflow-x: scroll;
    position: relative;
    scrollbar-width: none;
  }
  .recentlyViewedHomes__list::-webkit-scrollbar {
    display: none;
    height: 2px;
  }
  .recentlyViewedHomes__list:after {
    content: "";
    padding-left: 15px;
  }
}
.recentlyViewedHome {
  display: flex;
}
@media (max-width: 1023px) {
  .recentlyViewedHome {
    align-items: center;
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .recentlyViewedHome {
    flex-shrink: 0;
    scroll-snap-align: start;
    width: 212px;
  }
}
.recentlyViewedHome__imageWrapper {
  border-radius: 4px;
  flex-shrink: 0;
  height: 108px;
  overflow: hidden;
  position: relative;
  width: 108px;
}
@media (max-width: 1023px) {
  .recentlyViewedHome__imageWrapper {
    height: 150px;
    width: 110px;
  }
}
.recentlyViewedHome__image {
  pointer-events: none;
}
.recentlyViewedHome__name {
  color: #323334;
  font-size: 18px;
  line-height: 19px;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .recentlyViewedHome__name {
    font-size: 12px;
    letter-spacing: -0.04em;
    line-height: 16px;
    margin-top: 12px;
    text-align: center;
  }
}
.recentlyViewedHome__location {
  color: #6f7073;
  font-size: 12px;
  letter-spacing: -0.04em;
  line-height: 13px;
  margin-top: 2px;
}
@media (max-width: 1023px) {
  .recentlyViewedHome__location {
    font-size: 10px;
    line-height: 11px;
    margin-top: 2px;
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .recentlyViewedHome__details {
    margin-left: 12px;
  }
}
[data-page="residentialProject"] {
  padding-top: 0;
}
[data-page="residentialProject"] .floatingEnquireButton__wrapper {
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  margin-left: calc(0px - var(--viewportSidePadding));
  padding-bottom: 40px;
  padding-right: 40px;
  pointer-events: none;
  position: sticky;
  width: var(--viewportWidth);
  z-index: 25;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .floatingEnquireButton__wrapper {
    justify-content: center;
    padding-bottom: 0;
    padding-right: 0;
  }
}
[data-page="residentialProject"] .floatingEnquireButton {
  background-color: #fff;
  border-radius: 8px;
  color: #034ea2;
  font-size: 14px;
  line-height: 22px;
  opacity: 0;
  overflow: hidden;
  padding: 8px 16px;
  pointer-events: auto;
  position: relative;
  transition: color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 120px;
}
[data-page="residentialProject"] .floatingEnquireButton:before {
  background-color: #034ea2;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate3d(0, 100%, 0);
  width: 100%;
  z-index: -1;
}
[data-page="residentialProject"] .floatingEnquireButton.-blueBg {
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  color: #fff;
}
@media (hover: hover) {
  [data-page="residentialProject"] .floatingEnquireButton.-blueBg:hover {
    background: #043f81;
  }
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .floatingEnquireButton {
    border-radius: 0;
    padding: 16px;
    width: 100%;
  }
}
[data-page="residentialProject"] .complaince {
  background: #e8f6f3;
  margin-left: calc(0px - var(--viewportSidePadding));
  padding: 36px var(--viewportSidePadding);
  width: var(--viewportWidth);
}
[data-page="residentialProject"] .complaince__wrapper {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .complaince__wrapper {
    display: flex;
    flex-direction: row;
    overflow: scroll;
    padding: 10px 0;
  }
  [data-page="residentialProject"] .complaince__card {
    margin: 40px 20px;
    min-width: 220px;
  }
}
[data-page="residentialProject"] .complaince__cardDoc {
  height: 24px;
  margin-bottom: 16px;
  width: 24px;
}
[data-page="residentialProject"] .complaince__date {
  color: #6f7073;
  font-size: 12px;
  padding-bottom: 8px;
}
[data-page="residentialProject"] .complaince__title {
  color: #323334;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 12px;
}
[data-page="residentialProject"] .complaince__download {
  color: #00a38b;
  font-size: 12px;
  line-height: 22px;
  margin-right: 4px;
  opacity: 1;
}
[data-page="residentialProject"] .complaince__download:hover {
  opacity: 0.8;
}
[data-page="residentialProject"] .partner {
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: center;
  margin-top: 20px;
  max-width: 570px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .partner {
    -ms-overflow-style: none;
    flex-wrap: nowrap;
    justify-content: normal;
    max-width: 100%;
    overflow: auto;
    scrollbar-width: none;
  }
  [data-page="residentialProject"] .partner::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .partner__slider {
    margin-left: calc(0px - var(--viewportSidePadding));
    width: var(--viewportWidth);
  }
}
[data-page="residentialProject"] .partner__slider .c-scrollIndicator {
  background-color: #f1f1f1;
  border-radius: 2px;
  bottom: 0;
  display: block;
  height: 4px;
  left: 0;
  margin: 32px auto 0;
  overflow: hidden;
  position: relative;
  right: 0;
  width: 120px;
}
[data-page="residentialProject"] .partner__slider .c-scrollIndicator__thumb {
  background-color: #9ea0a2;
  border-radius: 2px;
  display: block;
  height: 4px;
  position: relative;
  top: 0;
  transform: translateX(0);
  transform-origin: top left;
  width: 30%;
  will-change: transform;
}
@media (min-width: 1025px) {
  [data-page="residentialProject"] .partner__slider .c-scrollIndicator {
    display: none !important;
  }
}
[data-page="residentialProject"] .partner__banking {
  aspect-ratio: 3/2;
  height: 50px;
  object-fit: contain;
}
[data-page="residentialProject"] .faq {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 2fr;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .faq {
    grid-template-columns: 1fr;
    padding: 40px 0;
  }
}
[data-page="residentialProject"] .faq__heading {
  color: #323334;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 48px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .faq__heading {
    font-size: 20px;
    line-height: 24px;
  }
}
[data-page="residentialProject"] .faq__item {
  border-bottom: 1px solid #cfcfd1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-bottom: 20px;
}
[data-page="residentialProject"] .faq__item:not(:first-child) {
  padding-top: 20px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .faq__item:not(:first-child) {
    padding-top: 16px;
  }
  [data-page="residentialProject"] .faq__item {
    padding-bottom: 16px;
  }
}
[data-page="residentialProject"] .faq__item.d-none {
  display: none;
}
[data-page="residentialProject"] .faq__ans,
[data-page="residentialProject"] .faq__quest {
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
  text-align: left;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .faq__ans,
  [data-page="residentialProject"] .faq__quest {
    font-size: 14px;
    letter-spacing: -0.42px;
    line-height: 22px;
  }
}
[data-page="residentialProject"] .faq__quest {
  color: #323334;
  position: relative;
}
[data-page="residentialProject"] .faq__quest.is-opened {
  margin-bottom: 0;
}
[data-page="residentialProject"] .faq__ans {
  color: #6f7073;
  overflow: hidden;
}
[data-page="residentialProject"] .faq__view {
  margin-top: 20px;
}
[data-page="residentialProject"] .faq__view.d-none {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .faq__view {
    margin-top: 16px;
  }
}
.supScript-t6 {
  font-size: 12px;
  left: -2px;
  position: relative;
  top: -6px;
  vertical-align: super;
}
@media (max-width: 1023px) {
  .supScript-t6 {
    font-size: 10px;
  }
}
.supScript-t8 {
  font-size: 12px;
  left: -2px;
  line-height: 0;
  position: relative;
  top: -8px;
  vertical-align: super;
}
@media (max-width: 1023px) {
  .supScript-t8 {
    font-size: 10px;
  }
}
.projectCard__details
  .projectCard__detailsRhs
  .projectCard__startingPrice
  .supScript-t6,
.projectCard__details
  .projectCard__detailsRhs
  .projectCard__startingPrice
  .supScript-t8 {
  left: 1px;
  top: 0;
}
.whatsOnOffer
  .projectFeatures
  .projectFeatures__contain
  .pf__items
  .supScript-t6,
.whatsOnOffer
  .projectFeatures
  .projectFeatures__contain
  .pf__items
  .supScript-t8 {
  left: 2px;
  top: 2px;
}
[data-project-name="Joyville Sky-Luxe Edition"] .banner__logo {
  height: 90px !important;
}
@media (max-width: 1023px) {
  [data-project-name="Joyville Sky-Luxe Edition"] .banner__logo {
    height: 70px !important;
  }
}
[data-project-name="Joyville Sky-Luxe Edition"] .intro__logo {
  height: 80px !important;
}
@media (max-width: 1023px) {
  [data-project-name="Joyville Sky-Luxe Edition"] .intro__logo {
    height: 70px !important;
  }
}
[data-project-name="Joyville Celestia"] .banner__logo {
  height: 90px !important;
}
@media (max-width: 1023px) {
  [data-project-name="Joyville Celestia"] .banner__logo {
    height: 70px !important;
  }
}
[data-project-name="Joyville Celestia"] .intro__logo {
  height: 80px !important;
}
@media (max-width: 1023px) {
  [data-project-name="Joyville Celestia"] .intro__logo {
    height: 70px !important;
  }
}
html[data-browser-name="Chrome"] [data-page="residentialProject"] .banner__blur,
html[data-browser-name="Safari"]
  [data-page="residentialProject"]
  .banner__blur {
  -webkit-backdrop-filter: blur(60px);
  backdrop-filter: blur(60px);
  display: block;
  will-change: filter;
}
html:not([data-browser-name="Safari"]):not([data-browser-name="Chrome"])
  [data-page="residentialProject"]
  .banner__image {
  filter: blur(60px);
  will-change: filter;
}
[data-page="residentialProject"] .banner {
  contain: strict;
  height: calc(var(--viewportHeight) + 300px);
  left: calc(0px - var(--viewportSidePadding));
  position: relative;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .banner {
    height: calc(95vh + 300px);
  }
}
[data-page="residentialProject"] .banner__imageWrapper {
  height: calc(var(--viewportHeight));
  overflow: hidden;
  position: sticky;
  top: 0;
  width: var(--viewportWidth);
}
[data-page="residentialProject"] .banner__image {
  height: calc(100% + 200px);
  left: -100px;
  object-fit: cover;
  object-position: top;
  top: -100px;
  width: calc(100% + 200px);
}
[data-page="residentialProject"] .banner__blur {
  display: none;
}
[data-page="residentialProject"] .banner__whiteGradient {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 8.09%, #fff 90.97%);
  bottom: 0;
  height: 476px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
}
[data-page="residentialProject"] .banner__centeredContent {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: var(--viewportHeight);
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .banner__centeredContent {
    height: 100vh;
  }
}
[data-page="residentialProject"] .banner__logo {
  height: 50px;
  object-fit: contain;
  opacity: 0;
  width: auto;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .banner__logo {
    height: 30px;
  }
}
[data-page="residentialProject"] .banner__logo.-light {
  display: block;
  margin: 0 auto;
  position: relative;
}
[data-page="residentialProject"] .banner__logo.-dark {
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
}
[data-page="residentialProject"] .banner__projectHighlights {
  margin-top: 48px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .banner__projectHighlights {
    margin-top: 28px;
  }
}
[data-page="residentialProject"] .banner__projectHighlight {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  margin-top: 12px;
  opacity: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .banner__projectHighlight {
    font-size: 14px;
    line-height: 15px;
    margin-top: 12px;
  }
}
[data-page="residentialProject"] .banner__scrollButton {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 72px;
  opacity: 0;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .banner__scrollButton {
    margin-top: 50px;
  }
}
[data-page="residentialProject"] .banner__scrollButtonText {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .banner__scrollButtonText {
    font-size: 10px;
    line-height: 16px;
  }
}
[data-page="residentialProject"] .banner__scrollButtonScrollbar {
  height: 60px;
  margin-top: 8px;
  overflow: hidden;
  position: relative;
  width: 1px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .banner__scrollButtonScrollbar {
    margin-top: 6px;
  }
}
[data-page="residentialProject"] .banner__scrollButtonScrollbarBg {
  background: hsla(0, 0%, 100%, 0.3);
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
[data-page="residentialProject"] .banner__scrollButtonScrollbarFg {
  animation: animateScrollLine 2s cubic-bezier(0.86, 0, 0.07, 1) infinite;
  background: #fff;
  height: 30px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
[data-page="commercialProject"] .intro.animateIn .introAnimElement,
[data-page="residentialProject"] .intro.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="commercialProject"] .intro,
[data-page="residentialProject"] .intro {
  align-items: center;
  contain: layout;
  display: flex;
  flex-direction: column;
  margin: -180px auto 0;
  max-width: 871px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .intro,
  [data-page="residentialProject"] .intro {
    align-items: flex-start;
    margin: -40px auto 0;
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .intro,
  [data-page="residentialProject"] .intro {
    padding-top: 90px;
  }
}
[data-page="commercialProject"] .intro__logo,
[data-page="residentialProject"] .intro__logo {
  display: block;
  height: 40px;
  margin: 0 auto;
  width: auto;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .intro__logo,
  [data-page="residentialProject"] .intro__logo {
    height: 30px;
  }
}
[data-page="commercialProject"] .offer__tags,
[data-page="residentialProject"] .offer__tags {
  margin-top: 26px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .offer__tags,
  [data-page="residentialProject"] .offer__tags {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}
[data-page="commercialProject"] .offer__tags .offer__body,
[data-page="residentialProject"] .offer__tags .offer__body {
  align-items: center;
  background: hsla(240, 2%, 82%, 0.5);
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: center;
  padding: 7px 12px;
}
[data-page="commercialProject"] .offer__tags .offer__body p,
[data-page="residentialProject"] .offer__tags .offer__body p {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 12px;
  letter-spacing: -0.04em;
  line-height: 18px;
  text-align: left;
}
[data-page="commercialProject"] .intro__offer__tags,
[data-page="residentialProject"] .intro__offer__tags {
  margin-top: 26px;
  opacity: 0;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .intro__offer__tags,
  [data-page="residentialProject"] .intro__offer__tags {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
[data-page="commercialProject"] .intro__offer__tags .offer__body,
[data-page="residentialProject"] .intro__offer__tags .offer__body {
  align-items: center;
  backdrop-filter: blur(4px);
  background: hsla(240, 2%, 82%, 0.4);
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: center;
  padding: 7px 12px;
}
[data-page="commercialProject"] .intro__offer__tags .offer__body img,
[data-page="residentialProject"] .intro__offer__tags .offer__body img {
  height: auto;
  width: 36px;
}
[data-page="commercialProject"] .intro__offer__tags .offer__body p,
[data-page="residentialProject"] .intro__offer__tags .offer__body p {
  color: #fff;
  font-family: Gotham-Book;
  font-size: 12px;
  letter-spacing: -0.04em;
  line-height: 18px;
  text-align: left;
}
[data-page="commercialProject"] .propertyBought,
[data-page="residentialProject"] .propertyBought {
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .propertyBought,
  [data-page="residentialProject"] .propertyBought {
    margin-top: 12px;
  }
}
[data-page="commercialProject"] .propertyBought .propertyBought__body,
[data-page="residentialProject"] .propertyBought .propertyBought__body {
  align-items: center;
  background: #fff;
  border: 1px solid #00a38b;
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: center;
  padding: 7px 12px;
}
[data-page="commercialProject"] .propertyBought .propertyBought__body img,
[data-page="residentialProject"] .propertyBought .propertyBought__body img {
  height: 16px;
  width: 16px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .propertyBought .propertyBought__body img,
  [data-page="residentialProject"] .propertyBought .propertyBought__body img {
    height: 12px;
    width: 12px;
  }
}
[data-page="commercialProject"] .propertyBought .propertyBought__body p,
[data-page="residentialProject"] .propertyBought .propertyBought__body p {
  color: #00a38b;
  font-family: Gotham-Book;
  font-size: 12px;
  letter-spacing: -0.04em;
  line-height: 13px;
  text-align: left;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .propertyBought .propertyBought__body p,
  [data-page="residentialProject"] .propertyBought .propertyBought__body p {
    font-size: 10px;
  }
}
[data-page="commercialProject"] .intro__heading,
[data-page="residentialProject"] .intro__heading {
  color: #323334;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 48px;
  margin-top: 72px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .intro__heading,
  [data-page="residentialProject"] .intro__heading {
    font-size: 32px;
    letter-spacing: -0.06em;
    line-height: 40px;
    margin-top: 48px;
    text-align: left;
  }
}
[data-page="commercialProject"] .intro__homesBooked,
[data-page="residentialProject"] .intro__homesBooked {
  align-items: center;
  background-color: #fff;
  border: 1px solid #f05862;
  border-radius: 103px;
  display: flex;
  margin-top: 26px;
  padding: 8px 12px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .intro__homesBooked,
  [data-page="residentialProject"] .intro__homesBooked {
    align-items: center;
    margin-top: 8px;
  }
}
[data-page="commercialProject"] .intro__homesBookedImages,
[data-page="residentialProject"] .intro__homesBookedImages {
  display: flex;
}
[data-page="commercialProject"] .intro__homesBookedImages > :nth-child(2),
[data-page="residentialProject"] .intro__homesBookedImages > :nth-child(2) {
  left: -10px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .intro__homesBookedImages > :nth-child(2),
  [data-page="residentialProject"] .intro__homesBookedImages > :nth-child(2) {
    left: -12px;
  }
}
[data-page="commercialProject"] .intro__homesBookedImages > :nth-child(3),
[data-page="residentialProject"] .intro__homesBookedImages > :nth-child(3) {
  left: -22px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .intro__homesBookedImages > :nth-child(3),
  [data-page="residentialProject"] .intro__homesBookedImages > :nth-child(3) {
    left: -24px;
  }
}
[data-page="commercialProject"] .intro__homesBookedImage,
[data-page="residentialProject"] .intro__homesBookedImage {
  border: 1px solid #f05862;
  border-radius: 50%;
  height: 18px;
  position: relative;
  width: 18px;
}
[data-page="commercialProject"] .intro__homesBookedText,
[data-page="residentialProject"] .intro__homesBookedText {
  color: #f05862;
  font-size: 12px;
  letter-spacing: -0.04em;
  line-height: 13px;
  margin-left: -8px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .intro__homesBookedText,
  [data-page="residentialProject"] .intro__homesBookedText {
    font-size: 10px;
    line-height: 14px;
    margin-left: -20px;
  }
}
[data-page="commercialProject"] .intro__copy,
[data-page="residentialProject"] .intro__copy {
  color: #6f7073;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 22px;
  margin-top: 32px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .intro__copy,
  [data-page="residentialProject"] .intro__copy {
    letter-spacing: 0;
    margin-top: 20px;
    text-align: left;
  }
}
[data-page="commercialProject"] .intro__readMoreButton,
[data-page="residentialProject"] .intro__readMoreButton {
  color: #034ea2;
}
[data-page="commercialProject"] .intro__readMoreButton + span,
[data-page="commercialProject"] .intro__readMoreButton.is-clicked,
[data-page="residentialProject"] .intro__readMoreButton + span,
[data-page="residentialProject"] .intro__readMoreButton.is-clicked {
  display: none;
}
[data-page="commercialProject"] .intro__readMoreButton.is-clicked + span,
[data-page="residentialProject"] .intro__readMoreButton.is-clicked + span {
  display: inline;
}
[data-page="commercialProject"] .intro__enquireButton,
[data-page="residentialProject"] .intro__enquireButton {
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  margin-top: 36px;
  transition: none !important;
}
[data-page="commercialProject"] .intro__enquireButton:hover,
[data-page="residentialProject"] .intro__enquireButton:hover {
  background: #043f81;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .intro__enquireButton,
  [data-page="residentialProject"] .intro__enquireButton {
    margin-top: 20px;
  }
}
[data-page="commercialProject"] .line-clamp,
[data-page="residentialProject"] .line-clamp {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
[data-page="commercialProject"] .transitionDelay1s,
[data-page="residentialProject"] .transitionDelay1s,
[data-page="seoPage"] .transitionDelay1s {
  transition-delay: 1s;
}
[data-page="commercialProject"] .whatsOnOffer.animateIn .introAnimElement,
[data-page="residentialProject"] .whatsOnOffer.animateIn .introAnimElement,
[data-page="seoPage"] .whatsOnOffer.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="commercialProject"] .whatsOnOffer,
[data-page="residentialProject"] .whatsOnOffer,
[data-page="seoPage"] .whatsOnOffer {
  align-items: center;
  contain: layout;
  display: flex;
  flex-direction: column;
  margin: 72px auto 18px;
  max-width: 871px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .whatsOnOffer,
  [data-page="residentialProject"] .whatsOnOffer,
  [data-page="seoPage"] .whatsOnOffer {
    align-items: flex-start;
    margin-bottom: 0;
    margin-top: 48px;
  }
}
[data-page="commercialProject"] .whatsOnOffer__buttonGroup,
[data-page="residentialProject"] .whatsOnOffer__buttonGroup,
[data-page="seoPage"] .whatsOnOffer__buttonGroup {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
@media only screen and (max-width: 786px) {
  [data-page="commercialProject"] .whatsOnOffer__buttonGroup,
  [data-page="residentialProject"] .whatsOnOffer__buttonGroup,
  [data-page="seoPage"] .whatsOnOffer__buttonGroup {
    gap: 15px;
  }
}
[data-page="commercialProject"] .whatsOnOffer .projectFeatures,
[data-page="residentialProject"] .whatsOnOffer .projectFeatures,
[data-page="seoPage"] .whatsOnOffer .projectFeatures {
  margin-top: 24px;
}
[data-page="commercialProject"] .whatsOnOffer .projectFeatures .mbl-line,
[data-page="residentialProject"] .whatsOnOffer .projectFeatures .mbl-line,
[data-page="seoPage"] .whatsOnOffer .projectFeatures .mbl-line {
  background-color: #cfcfd1;
  height: 0.5px;
}
[data-page="commercialProject"] .whatsOnOffer .projectFeatures .sup,
[data-page="residentialProject"] .whatsOnOffer .projectFeatures .sup,
[data-page="seoPage"] .whatsOnOffer .projectFeatures .sup {
  font-size: 12px;
  position: absolute;
  top: -4px;
}
[data-page="commercialProject"] .whatsOnOffer .projectFeatures .icn-sup,
[data-page="residentialProject"] .whatsOnOffer .projectFeatures .icn-sup,
[data-page="seoPage"] .whatsOnOffer .projectFeatures .icn-sup {
  display: inline-block;
  height: 5px;
  position: relative;
  top: -6px;
  width: 5px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .whatsOnOffer .projectFeatures,
  [data-page="residentialProject"] .whatsOnOffer .projectFeatures,
  [data-page="seoPage"] .whatsOnOffer .projectFeatures {
    width: 100%;
  }
  [data-page="commercialProject"]
    .whatsOnOffer
    .projectFeatures
    .projectFeatures__title
    + .projectFeatures__contain,
  [data-page="residentialProject"]
    .whatsOnOffer
    .projectFeatures
    .projectFeatures__title
    + .projectFeatures__contain,
  [data-page="seoPage"]
    .whatsOnOffer
    .projectFeatures
    .projectFeatures__title
    + .projectFeatures__contain {
    margin-top: 16px;
  }
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures
  .projectFeatures__title,
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures
  .projectFeatures__title,
[data-page="seoPage"] .whatsOnOffer .projectFeatures .projectFeatures__title {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 16px;
  margin-top: 16px;
  text-align: left;
}
[data-page="commercialProject"] .whatsOnOffer .projectFeatures__contain,
[data-page="residentialProject"] .whatsOnOffer .projectFeatures__contain,
[data-page="seoPage"] .whatsOnOffer .projectFeatures__contain {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 36px;
  padding: 0;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .whatsOnOffer .projectFeatures__contain,
  [data-page="residentialProject"] .whatsOnOffer .projectFeatures__contain,
  [data-page="seoPage"] .whatsOnOffer .projectFeatures__contain {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
  }
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  [tooltip],
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  [tooltip],
[data-page="seoPage"] .whatsOnOffer .projectFeatures__contain [tooltip] {
  top: 3px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"]
    .whatsOnOffer
    .projectFeatures__contain
    [tooltip],
  [data-page="residentialProject"]
    .whatsOnOffer
    .projectFeatures__contain
    [tooltip],
  [data-page="seoPage"] .whatsOnOffer .projectFeatures__contain [tooltip] {
    display: inline-block;
    top: 2px;
  }
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items,
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items,
[data-page="seoPage"] .whatsOnOffer .projectFeatures__contain .pf__items {
  --projectCardTranslateX: 72%;
  align-items: center;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  display: flex;
  flex-direction: row;
  gap: 6px;
  opacity: 0;
  padding: 0;
  white-space: nowrap;
  will-change: opacity;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items.-goToMapScroll,
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items.-goToMapScroll,
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items.-goToMapScroll {
  cursor: pointer;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items.-goToMapScroll
  a,
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items.-goToMapScroll
  a,
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items.-goToMapScroll
  a {
  color: #034ea2;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"]
    .whatsOnOffer
    .projectFeatures__contain
    .pf__items,
  [data-page="residentialProject"]
    .whatsOnOffer
    .projectFeatures__contain
    .pf__items,
  [data-page="seoPage"] .whatsOnOffer .projectFeatures__contain .pf__items {
    --projectCardTranslateX: 24%;
    align-items: flex-start;
    white-space: normal;
  }
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items.animateCardLeft,
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items.animateCardLeft,
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items.animateCardLeft {
  animation-name: fadeProjectCardIn, moveProjectCardLeft;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:first-child,
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:first-child,
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:first-child {
  animation-delay: 0.15s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(2),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(2),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(2) {
  animation-delay: 0.3s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(3),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(3),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(3) {
  animation-delay: 0.45s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(4),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(4),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(4) {
  animation-delay: 0.6s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(5),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(5),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(5) {
  animation-delay: 0.75s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(6),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(6),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(6) {
  animation-delay: 0.9s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(7),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(7),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(7) {
  animation-delay: 1.05s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(8),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(8),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(8) {
  animation-delay: 1.2s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(9),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(9),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(9) {
  animation-delay: 1.35s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(10),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(10),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(10) {
  animation-delay: 1.5s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(11),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(11),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(11) {
  animation-delay: 1.65s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(12),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(12),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(12) {
  animation-delay: 1.8s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(13),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(13),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(13) {
  animation-delay: 1.95s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(14),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(14),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(14) {
  animation-delay: 2.1s;
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(15),
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(15),
[data-page="seoPage"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items:nth-child(15) {
  animation-delay: 2.25s;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"]
    .whatsOnOffer
    .projectFeatures__contain
    .pf__items,
  [data-page="residentialProject"]
    .whatsOnOffer
    .projectFeatures__contain
    .pf__items,
  [data-page="seoPage"] .whatsOnOffer .projectFeatures__contain .pf__items {
    flex-basis: calc(50% - 12px);
  }
  [data-page="commercialProject"]
    .whatsOnOffer
    .projectFeatures__contain
    .pf__items.mbl-downloadBrochure
    a,
  [data-page="residentialProject"]
    .whatsOnOffer
    .projectFeatures__contain
    .pf__items.mbl-downloadBrochure
    a,
  [data-page="seoPage"]
    .whatsOnOffer
    .projectFeatures__contain
    .pf__items.mbl-downloadBrochure
    a {
    color: #034ea2;
  }
  [data-page="commercialProject"]
    .whatsOnOffer
    .projectFeatures__contain
    .pf__items
    > img,
  [data-page="residentialProject"]
    .whatsOnOffer
    .projectFeatures__contain
    .pf__items
    > img,
  [data-page="seoPage"]
    .whatsOnOffer
    .projectFeatures__contain
    .pf__items
    > img {
    height: 14px;
    margin-top: 3px;
    width: 14px;
  }
}
[data-page="commercialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items
  p,
[data-page="residentialProject"]
  .whatsOnOffer
  .projectFeatures__contain
  .pf__items
  p,
[data-page="seoPage"] .whatsOnOffer .projectFeatures__contain .pf__items p {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 18px;
  text-align: left;
}
[data-page="commercialProject"] .whatsOnOffer__heading,
[data-page="residentialProject"] .whatsOnOffer__heading,
[data-page="seoPage"] .whatsOnOffer__heading {
  color: #323334;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 48px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .whatsOnOffer__heading,
  [data-page="residentialProject"] .whatsOnOffer__heading,
  [data-page="seoPage"] .whatsOnOffer__heading {
    font-size: 32px;
    line-height: 40px;
  }
}
[data-page="commercialProject"] .whatsOnOffer__copy,
[data-page="residentialProject"] .whatsOnOffer__copy,
[data-page="seoPage"] .whatsOnOffer__copy {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  color: #6f7073;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 22px;
  margin-top: 32px;
  opacity: 0;
  text-align: center;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .whatsOnOffer__copy,
  [data-page="residentialProject"] .whatsOnOffer__copy,
  [data-page="seoPage"] .whatsOnOffer__copy {
    --projectCardTranslateY: 24%;
    margin-top: 20px;
    text-align: left;
  }
}
[data-page="commercialProject"] .whatsOnOffer__openDisclaimerButton,
[data-page="commercialProject"] .whatsOnOffer__openPolicyButton,
[data-page="residentialProject"] .whatsOnOffer__openDisclaimerButton,
[data-page="residentialProject"] .whatsOnOffer__openPolicyButton,
[data-page="seoPage"] .whatsOnOffer__openDisclaimerButton,
[data-page="seoPage"] .whatsOnOffer__openPolicyButton {
  color: #034ea2;
  font-size: 14px;
  line-height: 22px;
  margin-top: 20px;
  transition: all 0.2s !important;
}
[data-page="commercialProject"] .whatsOnOffer__openDisclaimerButton:hover,
[data-page="commercialProject"] .whatsOnOffer__openPolicyButton:hover,
[data-page="residentialProject"] .whatsOnOffer__openDisclaimerButton:hover,
[data-page="residentialProject"] .whatsOnOffer__openPolicyButton:hover,
[data-page="seoPage"] .whatsOnOffer__openDisclaimerButton:hover,
[data-page="seoPage"] .whatsOnOffer__openPolicyButton:hover {
  opacity: 0.7 !important;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .whatsOnOffer__openDisclaimerButton,
  [data-page="commercialProject"] .whatsOnOffer__openPolicyButton,
  [data-page="residentialProject"] .whatsOnOffer__openDisclaimerButton,
  [data-page="residentialProject"] .whatsOnOffer__openPolicyButton,
  [data-page="seoPage"] .whatsOnOffer__openDisclaimerButton,
  [data-page="seoPage"] .whatsOnOffer__openPolicyButton {
    margin-right: auto;
    margin-top: 20px;
  }
}
[data-page="commercialProject"] .whatsOnOffer__brochureAndFloorPlan,
[data-page="residentialProject"] .whatsOnOffer__brochureAndFloorPlan,
[data-page="seoPage"] .whatsOnOffer__brochureAndFloorPlan {
  align-items: center;
  display: flex;
  margin-top: 25px;
}
[data-page="commercialProject"] .whatsOnOffer__brochureAndFloorPlanButton,
[data-page="residentialProject"] .whatsOnOffer__brochureAndFloorPlanButton,
[data-page="seoPage"] .whatsOnOffer__brochureAndFloorPlanButton {
  margin-left: 16px;
}
[data-page="commercialProject"]
  .whatsOnOffer__brochureAndFloorPlanButton
  #brochureIcon,
[data-page="residentialProject"]
  .whatsOnOffer__brochureAndFloorPlanButton
  #brochureIcon,
[data-page="seoPage"] .whatsOnOffer__brochureAndFloorPlanButton #brochureIcon {
  height: 16px;
  width: 16px;
  z-index: 1;
}
[data-page="commercialProject"]
  .whatsOnOffer__brochureAndFloorPlanButton:before,
[data-page="residentialProject"]
  .whatsOnOffer__brochureAndFloorPlanButton:before,
[data-page="seoPage"] .whatsOnOffer__brochureAndFloorPlanButton:before {
  background: #6f7073;
}
[data-page="commercialProject"] .whatsOnOffer__brochureAndFloorPlanButton:after,
[data-page="residentialProject"]
  .whatsOnOffer__brochureAndFloorPlanButton:after,
[data-page="seoPage"] .whatsOnOffer__brochureAndFloorPlanButton:after {
  border: 1px solid #cfcfd1;
  border-radius: 8px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
[data-page="commercialProject"] .whatsOnOffer__brochureAndFloorPlanButton span,
[data-page="residentialProject"] .whatsOnOffer__brochureAndFloorPlanButton span,
[data-page="seoPage"] .whatsOnOffer__brochureAndFloorPlanButton span {
  color: #6f7073;
  margin-left: 10px;
  transition: color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: color;
}
@media (hover: hover) {
  [data-page="commercialProject"]
    .whatsOnOffer__brochureAndFloorPlanButton:hover,
  [data-page="commercialProject"]
    .whatsOnOffer__brochureAndFloorPlanButton:hover
    span,
  [data-page="residentialProject"]
    .whatsOnOffer__brochureAndFloorPlanButton:hover,
  [data-page="residentialProject"]
    .whatsOnOffer__brochureAndFloorPlanButton:hover
    span,
  [data-page="seoPage"] .whatsOnOffer__brochureAndFloorPlanButton:hover,
  [data-page="seoPage"] .whatsOnOffer__brochureAndFloorPlanButton:hover span {
    filter: brightness(0.8);
  }
}
[data-page="commercialProject"] .banner__infoTooltip,
[data-page="residentialProject"] .banner__infoTooltip,
[data-page="seoPage"] .banner__infoTooltip {
  display: inline-flex !important;
}
[data-page="commercialProject"] .banner__infoTooltip [tooltip],
[data-page="residentialProject"] .banner__infoTooltip [tooltip],
[data-page="seoPage"] .banner__infoTooltip [tooltip] {
  position: relative;
}
[data-page="commercialProject"] .banner__infoTooltip [tooltip] img,
[data-page="residentialProject"] .banner__infoTooltip [tooltip] img,
[data-page="seoPage"] .banner__infoTooltip [tooltip] img {
  filter: brightness(0) invert(1);
  height: 14px !important;
  width: 14px !important;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner__infoTooltip [tooltip]:after,
  [data-page="residentialProject"] .banner__infoTooltip [tooltip]:after,
  [data-page="seoPage"] .banner__infoTooltip [tooltip]:after {
    width: max-content;
  }
}
[data-page="commercialProject"] .banner__infoTooltip,
[data-page="commercialProject"] .info__tooltip,
[data-page="residentialProject"] .banner__infoTooltip,
[data-page="residentialProject"] .info__tooltip,
[data-page="seoPage"] .banner__infoTooltip,
[data-page="seoPage"] .info__tooltip {
  align-items: flex-start;
  display: flex;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner__infoTooltip,
  [data-page="commercialProject"] .info__tooltip,
  [data-page="residentialProject"] .banner__infoTooltip,
  [data-page="residentialProject"] .info__tooltip,
  [data-page="seoPage"] .banner__infoTooltip,
  [data-page="seoPage"] .info__tooltip {
    display: inline;
  }
  [data-page="commercialProject"] .banner__infoTooltip [tooltip],
  [data-page="commercialProject"] .info__tooltip [tooltip],
  [data-page="residentialProject"] .banner__infoTooltip [tooltip],
  [data-page="residentialProject"] .info__tooltip [tooltip],
  [data-page="seoPage"] .banner__infoTooltip [tooltip],
  [data-page="seoPage"] .info__tooltip [tooltip] {
    display: inline-block;
  }
}
[data-page="commercialProject"] .banner__infoTooltip .sqFt,
[data-page="commercialProject"] .info__tooltip .sqFt,
[data-page="residentialProject"] .banner__infoTooltip .sqFt,
[data-page="residentialProject"] .info__tooltip .sqFt,
[data-page="seoPage"] .banner__infoTooltip .sqFt,
[data-page="seoPage"] .info__tooltip .sqFt {
  margin-right: 5px;
}
[data-page="commercialProject"] .banner__infoTooltip [tooltip],
[data-page="commercialProject"] .info__tooltip [tooltip],
[data-page="residentialProject"] .banner__infoTooltip [tooltip],
[data-page="residentialProject"] .info__tooltip [tooltip],
[data-page="seoPage"] .banner__infoTooltip [tooltip],
[data-page="seoPage"] .info__tooltip [tooltip] {
  position: relative;
}
[data-page="commercialProject"] .banner__infoTooltip [tooltip] img,
[data-page="commercialProject"] .info__tooltip [tooltip] img,
[data-page="residentialProject"] .banner__infoTooltip [tooltip] img,
[data-page="residentialProject"] .info__tooltip [tooltip] img,
[data-page="seoPage"] .banner__infoTooltip [tooltip] img,
[data-page="seoPage"] .info__tooltip [tooltip] img {
  height: 12px;
  width: 12px;
}
[data-page="commercialProject"] .banner__infoTooltip [tooltip]:after,
[data-page="commercialProject"] .banner__infoTooltip [tooltip]:before,
[data-page="commercialProject"] .info__tooltip [tooltip]:after,
[data-page="commercialProject"] .info__tooltip [tooltip]:before,
[data-page="residentialProject"] .banner__infoTooltip [tooltip]:after,
[data-page="residentialProject"] .banner__infoTooltip [tooltip]:before,
[data-page="residentialProject"] .info__tooltip [tooltip]:after,
[data-page="residentialProject"] .info__tooltip [tooltip]:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:before,
[data-page="seoPage"] .info__tooltip [tooltip]:after,
[data-page="seoPage"] .info__tooltip [tooltip]:before {
  display: none;
  font-size: 14px;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-transform: none;
  user-select: none;
}
[data-page="commercialProject"] .banner__infoTooltip [tooltip]:before,
[data-page="commercialProject"] .info__tooltip [tooltip]:before,
[data-page="residentialProject"] .banner__infoTooltip [tooltip]:before,
[data-page="residentialProject"] .info__tooltip [tooltip]:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:before,
[data-page="seoPage"] .info__tooltip [tooltip]:before {
  border: 5px solid transparent;
  content: "";
  z-index: 1001;
}
[data-page="commercialProject"] .banner__infoTooltip [tooltip]:after,
[data-page="commercialProject"] .info__tooltip [tooltip]:after,
[data-page="residentialProject"] .banner__infoTooltip [tooltip]:after,
[data-page="residentialProject"] .info__tooltip [tooltip]:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:after,
[data-page="seoPage"] .info__tooltip [tooltip]:after {
  background: #333;
  border-radius: 4px;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  color: #fff;
  content: attr(tooltip);
  max-width: 30em;
  min-width: 3em;
  overflow: hidden;
  padding: 8px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1000;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner__infoTooltip [tooltip]:after,
  [data-page="commercialProject"] .info__tooltip [tooltip]:after,
  [data-page="residentialProject"] .banner__infoTooltip [tooltip]:after,
  [data-page="residentialProject"] .info__tooltip [tooltip]:after,
  [data-page="seoPage"] .banner__infoTooltip [tooltip]:after,
  [data-page="seoPage"] .info__tooltip [tooltip]:after {
    font-size: 12px;
    white-space: normal;
    width: max-content;
    word-break: break-word;
  }
}
[data-page="commercialProject"] .banner__infoTooltip [tooltip]:hover:after,
[data-page="commercialProject"] .banner__infoTooltip [tooltip]:hover:before,
[data-page="commercialProject"] .info__tooltip [tooltip]:hover:after,
[data-page="commercialProject"] .info__tooltip [tooltip]:hover:before,
[data-page="residentialProject"] .banner__infoTooltip [tooltip]:hover:after,
[data-page="residentialProject"] .banner__infoTooltip [tooltip]:hover:before,
[data-page="residentialProject"] .info__tooltip [tooltip]:hover:after,
[data-page="residentialProject"] .info__tooltip [tooltip]:hover:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:hover:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:hover:before,
[data-page="seoPage"] .info__tooltip [tooltip]:hover:after,
[data-page="seoPage"] .info__tooltip [tooltip]:hover:before {
  display: block;
}
[data-page="commercialProject"] .banner__infoTooltip [tooltip=""]:after,
[data-page="commercialProject"] .banner__infoTooltip [tooltip=""]:before,
[data-page="commercialProject"] .info__tooltip [tooltip=""]:after,
[data-page="commercialProject"] .info__tooltip [tooltip=""]:before,
[data-page="residentialProject"] .banner__infoTooltip [tooltip=""]:after,
[data-page="residentialProject"] .banner__infoTooltip [tooltip=""]:before,
[data-page="residentialProject"] .info__tooltip [tooltip=""]:after,
[data-page="residentialProject"] .info__tooltip [tooltip=""]:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip=""]:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip=""]:before,
[data-page="seoPage"] .info__tooltip [tooltip=""]:after,
[data-page="seoPage"] .info__tooltip [tooltip=""]:before {
  display: none !important;
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):before,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:before,
[data-page="commercialProject"] .info__tooltip [tooltip]:not([flow]):before,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="up"]:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:before,
[data-page="residentialProject"] .info__tooltip [tooltip]:not([flow]):before,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="up"]:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:not([flow]):before,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="up"]:before,
[data-page="seoPage"] .info__tooltip [tooltip]:not([flow]):before,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="up"]:before {
  border-bottom-width: 0;
  border-top-color: #333;
  bottom: 100%;
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):after,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:after,
[data-page="commercialProject"] .info__tooltip [tooltip]:not([flow]):after,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="up"]:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:after,
[data-page="residentialProject"] .info__tooltip [tooltip]:not([flow]):after,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="up"]:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:not([flow]):after,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="up"]:after,
[data-page="seoPage"] .info__tooltip [tooltip]:not([flow]):after,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="up"]:after {
  bottom: calc(100% + 5px);
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):after,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):before,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:after,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:before,
[data-page="commercialProject"] .info__tooltip [tooltip]:not([flow]):after,
[data-page="commercialProject"] .info__tooltip [tooltip]:not([flow]):before,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="up"]:after,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="up"]:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:before,
[data-page="residentialProject"] .info__tooltip [tooltip]:not([flow]):after,
[data-page="residentialProject"] .info__tooltip [tooltip]:not([flow]):before,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="up"]:after,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="up"]:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:not([flow]):after,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:not([flow]):before,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="up"]:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="up"]:before,
[data-page="seoPage"] .info__tooltip [tooltip]:not([flow]):after,
[data-page="seoPage"] .info__tooltip [tooltip]:not([flow]):before,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="up"]:after,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="up"]:before {
  left: 50%;
  transform: translate(-50%, -0.5em);
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:before,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="down"]:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:before,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="down"]:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="down"]:before,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="down"]:before {
  border-bottom-color: #333;
  border-top-width: 0;
  top: 100%;
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:after,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="down"]:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:after,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="down"]:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="down"]:after,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="down"]:after {
  top: calc(100% + 5px);
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:after,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:before,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="down"]:after,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="down"]:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:before,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="down"]:after,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="down"]:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="down"]:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="down"]:before,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="down"]:after,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="down"]:before {
  left: 50%;
  transform: translate(-50%, 0.5em);
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="left"]:before,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="left"]:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="left"]:before,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="left"]:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="left"]:before,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="left"]:before {
  border-left-color: #333;
  border-right-width: 0;
  left: -5px;
  top: 50%;
  transform: translate(-0.5em, -50%);
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="left"]:after,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="left"]:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="left"]:after,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="left"]:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="left"]:after,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="left"]:after {
  right: calc(100% + 5px);
  top: 50%;
  transform: translate(-0.5em, -50%);
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="right"]:before,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="right"]:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="right"]:before,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="right"]:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="right"]:before,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="right"]:before {
  border-left-width: 0;
  border-right-color: #333;
  right: -5px;
  top: 50%;
  transform: translate(0.5em, -50%);
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="right"]:after,
[data-page="commercialProject"] .info__tooltip [tooltip][flow^="right"]:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="right"]:after,
[data-page="residentialProject"] .info__tooltip [tooltip][flow^="right"]:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="right"]:after,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="right"]:after {
  left: calc(100% + 5px);
  top: 50%;
  transform: translate(0.5em, -50%);
}
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translateY(-50%);
  }
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):hover:after,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):hover:before,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:hover:after,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:hover:before,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:hover:after,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:hover:before,
[data-page="commercialProject"]
  .info__tooltip
  [tooltip]:not([flow]):hover:after,
[data-page="commercialProject"]
  .info__tooltip
  [tooltip]:not([flow]):hover:before,
[data-page="commercialProject"]
  .info__tooltip
  [tooltip][flow^="down"]:hover:after,
[data-page="commercialProject"]
  .info__tooltip
  [tooltip][flow^="down"]:hover:before,
[data-page="commercialProject"]
  .info__tooltip
  [tooltip][flow^="up"]:hover:after,
[data-page="commercialProject"]
  .info__tooltip
  [tooltip][flow^="up"]:hover:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):hover:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip]:not([flow]):hover:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:hover:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="down"]:hover:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:hover:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="up"]:hover:before,
[data-page="residentialProject"]
  .info__tooltip
  [tooltip]:not([flow]):hover:after,
[data-page="residentialProject"]
  .info__tooltip
  [tooltip]:not([flow]):hover:before,
[data-page="residentialProject"]
  .info__tooltip
  [tooltip][flow^="down"]:hover:after,
[data-page="residentialProject"]
  .info__tooltip
  [tooltip][flow^="down"]:hover:before,
[data-page="residentialProject"]
  .info__tooltip
  [tooltip][flow^="up"]:hover:after,
[data-page="residentialProject"]
  .info__tooltip
  [tooltip][flow^="up"]:hover:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:not([flow]):hover:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip]:not([flow]):hover:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="down"]:hover:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="down"]:hover:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="up"]:hover:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="up"]:hover:before,
[data-page="seoPage"] .info__tooltip [tooltip]:not([flow]):hover:after,
[data-page="seoPage"] .info__tooltip [tooltip]:not([flow]):hover:before,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="down"]:hover:after,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="down"]:hover:before,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="up"]:hover:after,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="up"]:hover:before {
  animation: tooltips-vert 0.3s ease-out forwards;
}
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="left"]:hover:after,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="left"]:hover:before,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="right"]:hover:after,
[data-page="commercialProject"]
  .banner__infoTooltip
  [tooltip][flow^="right"]:hover:before,
[data-page="commercialProject"]
  .info__tooltip
  [tooltip][flow^="left"]:hover:after,
[data-page="commercialProject"]
  .info__tooltip
  [tooltip][flow^="left"]:hover:before,
[data-page="commercialProject"]
  .info__tooltip
  [tooltip][flow^="right"]:hover:after,
[data-page="commercialProject"]
  .info__tooltip
  [tooltip][flow^="right"]:hover:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="left"]:hover:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="left"]:hover:before,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="right"]:hover:after,
[data-page="residentialProject"]
  .banner__infoTooltip
  [tooltip][flow^="right"]:hover:before,
[data-page="residentialProject"]
  .info__tooltip
  [tooltip][flow^="left"]:hover:after,
[data-page="residentialProject"]
  .info__tooltip
  [tooltip][flow^="left"]:hover:before,
[data-page="residentialProject"]
  .info__tooltip
  [tooltip][flow^="right"]:hover:after,
[data-page="residentialProject"]
  .info__tooltip
  [tooltip][flow^="right"]:hover:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="left"]:hover:after,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="left"]:hover:before,
[data-page="seoPage"] .banner__infoTooltip [tooltip][flow^="right"]:hover:after,
[data-page="seoPage"]
  .banner__infoTooltip
  [tooltip][flow^="right"]:hover:before,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="left"]:hover:after,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="left"]:hover:before,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="right"]:hover:after,
[data-page="seoPage"] .info__tooltip [tooltip][flow^="right"]:hover:before {
  animation: tooltips-horz 0.3s ease-out forwards;
}
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideTitle,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideTitle,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideTitle,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideTitle {
  opacity: 0;
  transform: translate3d(-100px, 0, 0);
  transition-duration: 0.8s;
  transition-property: opacity, transform;
  transition-timing-function: ease;
}
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :first-child
  .gallery__slideTitle {
  transition-delay: 0.04s;
}
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(2)
  .gallery__slideTitle {
  transition-delay: 0.02s;
}
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideTitle,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(3)
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper
  .gallery__slider
  > :nth-child(4)
  .gallery__slideTitle {
  transition-delay: 0s;
}
[data-page="commercialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :first-child
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :first-child
  .gallery__slideTitle,
[data-page="commercialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(2)
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(2)
  .gallery__slideTitle,
[data-page="commercialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(3)
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(3)
  .gallery__slideTitle,
[data-page="commercialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(4)
  .gallery__slideImageWrapper,
[data-page="commercialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(4)
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :first-child
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :first-child
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(2)
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(2)
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(3)
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(3)
  .gallery__slideTitle,
[data-page="residentialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(4)
  .gallery__slideImageWrapper,
[data-page="residentialProject"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(4)
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :first-child
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :first-child
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(2)
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(2)
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(3)
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(3)
  .gallery__slideTitle,
[data-page="seoPage"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(4)
  .gallery__slideImageWrapper,
[data-page="seoPage"]
  .gallery__sliderWrapper.animateIn
  .gallery__slider
  > :nth-child(4)
  .gallery__slideTitle {
  opacity: 1;
  transform: none;
}
[data-page="commercialProject"] .gallery,
[data-page="residentialProject"] .gallery,
[data-page="seoPage"] .gallery {
  contain: layout;
  padding: 72px 0 0;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .gallery,
  [data-page="residentialProject"] .gallery,
  [data-page="seoPage"] .gallery {
    padding: 70px 0 48px;
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .gallery,
  [data-page="residentialProject"] .gallery,
  [data-page="seoPage"] .gallery {
    display: flex;
    flex-direction: column;
  }
  [data-page="commercialProject"] .gallery__header,
  [data-page="residentialProject"] .gallery__header,
  [data-page="seoPage"] .gallery__header {
    display: flex;
    justify-content: space-between;
  }
}
[data-page="commercialProject"] .gallery__heading,
[data-page="residentialProject"] .gallery__heading,
[data-page="seoPage"] .gallery__heading {
  color: #323334;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 48px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .gallery__heading,
  [data-page="residentialProject"] .gallery__heading,
  [data-page="seoPage"] .gallery__heading {
    font-size: 32px;
    line-height: 34px;
  }
}
[data-page="commercialProject"] .gallery__nav,
[data-page="residentialProject"] .gallery__nav,
[data-page="seoPage"] .gallery__nav {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .gallery__nav,
  [data-page="residentialProject"] .gallery__nav,
  [data-page="seoPage"] .gallery__nav {
    display: none;
  }
}
[data-page="commercialProject"] .gallery__nav [type="button"].-is-disabled,
[data-page="residentialProject"] .gallery__nav [type="button"].-is-disabled,
[data-page="seoPage"] .gallery__nav [type="button"].-is-disabled {
  opacity: 0;
  pointer-events: none;
}
[data-page="commercialProject"] .gallery__navButton,
[data-page="residentialProject"] .gallery__navButton,
[data-page="seoPage"] .gallery__navButton {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 52px;
  justify-content: center;
  padding: 24px 10px;
  pointer-events: auto;
  width: 52px;
}
[data-page="commercialProject"] .gallery__navButton .gallery__navButtonArrow,
[data-page="residentialProject"] .gallery__navButton .gallery__navButtonArrow,
[data-page="seoPage"] .gallery__navButton .gallery__navButtonArrow {
  filter: brightness(0);
  height: auto;
  width: 12px;
}
[data-page="commercialProject"] .gallery__navButton.-previous,
[data-page="residentialProject"] .gallery__navButton.-previous,
[data-page="seoPage"] .gallery__navButton.-previous {
  margin-left: 56px;
}
[data-page="commercialProject"]
  .gallery__navButton.-previous
  .gallery__navButtonArrow,
[data-page="residentialProject"]
  .gallery__navButton.-previous
  .gallery__navButtonArrow,
[data-page="seoPage"] .gallery__navButton.-previous .gallery__navButtonArrow {
  transform: rotate(180deg);
}
[data-page="commercialProject"] .gallery__navButton.-next,
[data-page="residentialProject"] .gallery__navButton.-next,
[data-page="seoPage"] .gallery__navButton.-next {
  margin-right: 56px;
}
@media (hover: hover) {
  [data-page="commercialProject"] .gallery__navButton:hover,
  [data-page="residentialProject"] .gallery__navButton:hover,
  [data-page="seoPage"] .gallery__navButton:hover {
    background-color: hsla(0, 0%, 100%, 0.8);
  }
}
[data-page="commercialProject"] .gallery__viewAllButton,
[data-page="residentialProject"] .gallery__viewAllButton,
[data-page="seoPage"] .gallery__viewAllButton {
  bottom: 60px;
  color: #034ea2;
  font-size: 14px;
  line-height: 22px;
  position: absolute;
  right: 0;
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .gallery__viewAllButton,
  [data-page="residentialProject"] .gallery__viewAllButton,
  [data-page="seoPage"] .gallery__viewAllButton {
    display: none;
  }
}
[data-page="commercialProject"] .gallery__sliderWrapper,
[data-page="residentialProject"] .gallery__sliderWrapper,
[data-page="seoPage"] .gallery__sliderWrapper {
  margin-left: calc(0px - var(--viewportSidePadding));
  margin-top: 18px;
  overflow: hidden;
  position: relative;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .gallery__sliderWrapper,
  [data-page="residentialProject"] .gallery__sliderWrapper,
  [data-page="seoPage"] .gallery__sliderWrapper {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .gallery__sliderWrapper,
  [data-page="residentialProject"] .gallery__sliderWrapper,
  [data-page="seoPage"] .gallery__sliderWrapper {
    flex: 1;
  }
}
@media (hover: hover) {
  [data-page="commercialProject"] .gallery__sliderWrapper:hover .gallery__nav,
  [data-page="residentialProject"] .gallery__sliderWrapper:hover .gallery__nav,
  [data-page="seoPage"] .gallery__sliderWrapper:hover .gallery__nav {
    opacity: 1;
  }
}
[data-page="commercialProject"] .gallery__slider,
[data-page="residentialProject"] .gallery__slider,
[data-page="seoPage"] .gallery__slider {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  display: flex;
  overflow: scroll;
  scroll-padding-left: var(--viewportSidePadding);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
[data-page="commercialProject"] .gallery__slider::-webkit-scrollbar,
[data-page="residentialProject"] .gallery__slider::-webkit-scrollbar,
[data-page="seoPage"] .gallery__slider::-webkit-scrollbar {
  display: none;
}
[data-page="commercialProject"] .gallery__slider > :not(:first-child),
[data-page="residentialProject"] .gallery__slider > :not(:first-child),
[data-page="seoPage"] .gallery__slider > :not(:first-child) {
  margin-left: 24px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .gallery__slider > :not(:first-child),
  [data-page="residentialProject"] .gallery__slider > :not(:first-child),
  [data-page="seoPage"] .gallery__slider > :not(:first-child) {
    margin-left: 20px;
  }
}
[data-page="commercialProject"] .gallery__slider:after,
[data-page="residentialProject"] .gallery__slider:after,
[data-page="seoPage"] .gallery__slider:after {
  content: "";
  padding-left: var(--viewportSidePadding);
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .gallery__slider:after,
  [data-page="residentialProject"] .gallery__slider:after,
  [data-page="seoPage"] .gallery__slider:after {
    padding-left: 0;
  }
  [data-page="commercialProject"] .gallery__slider,
  [data-page="residentialProject"] .gallery__slider,
  [data-page="seoPage"] .gallery__slider {
    padding: 0 var(--viewportSidePadding);
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .gallery__slider,
  [data-page="residentialProject"] .gallery__slider,
  [data-page="seoPage"] .gallery__slider {
    height: 100%;
    padding-left: var(--viewportSidePadding);
  }
}
[data-page="commercialProject"] .gallery__slide,
[data-page="residentialProject"] .gallery__slide,
[data-page="seoPage"] .gallery__slide {
  flex-shrink: 0;
  height: 640px;
  scroll-snap-align: unset;
  width: 852px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .gallery__slide,
  [data-page="residentialProject"] .gallery__slide,
  [data-page="seoPage"] .gallery__slide {
    height: 100%;
    scroll-snap-align: start;
    width: calc(100% - 20px);
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .gallery__slide,
  [data-page="residentialProject"] .gallery__slide,
  [data-page="seoPage"] .gallery__slide {
    display: flex;
    flex-direction: column;
  }
}
[data-page="commercialProject"] .gallery__slideImageWrapper,
[data-page="residentialProject"] .gallery__slideImageWrapper,
[data-page="seoPage"] .gallery__slideImageWrapper {
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .gallery__slideImageWrapper,
  [data-page="residentialProject"] .gallery__slideImageWrapper,
  [data-page="seoPage"] .gallery__slideImageWrapper {
    padding-top: 67.8571428571%;
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .gallery__slideImageWrapper,
  [data-page="residentialProject"] .gallery__slideImageWrapper,
  [data-page="seoPage"] .gallery__slideImageWrapper {
    flex: 1;
  }
}
[data-page="commercialProject"] .gallery__slideImage,
[data-page="residentialProject"] .gallery__slideImage,
[data-page="seoPage"] .gallery__slideImage {
  border-radius: 8px;
  object-position: left bottom;
  pointer-events: none;
}
[data-page="commercialProject"] .gallery__slideTitle,
[data-page="residentialProject"] .gallery__slideTitle,
[data-page="seoPage"] .gallery__slideTitle {
  color: #6f7073;
  font-size: 14px;
  line-height: 22px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .gallery__slideTitle,
  [data-page="residentialProject"] .gallery__slideTitle,
  [data-page="seoPage"] .gallery__slideTitle {
    margin-top: 12px;
  }
}
[data-page="residentialProject"] .tour {
  align-items: center;
  contain: strict;
  display: flex;
  flex-direction: column;
  height: 600px;
  justify-content: center;
  left: calc(0px - var(--viewportSidePadding));
  margin-top: 70px;
  overflow: hidden;
  position: relative;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .tour {
    height: 570px;
  }
}
[data-page="residentialProject"] .tour__imageWrapper {
  opacity: 0;
  z-index: -1;
}
[data-page="residentialProject"] .tour__imageWrapper:after {
  background: #000;
  content: "";
  opacity: 0.6;
}
[data-page="residentialProject"] .tour__heading {
  color: #fff;
  font-size: 48px;
  line-height: 42px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .tour__heading {
    font-size: 32px;
    line-height: 34px;
  }
}
[data-page="residentialProject"] .tour__subheading {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin-top: 16px;
  text-align: center;
}
[data-page="residentialProject"] .tour__exploreButton {
  background: #fff;
  border: 1px solid #fff;
  margin-top: 28px;
}
[data-page="residentialProject"] .tour__exploreButton:before {
  background: #fff;
}
[data-page="residentialProject"] .tour__exploreButton:after {
  border-radius: 54px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
[data-page="residentialProject"] .tour__exploreButton span {
  color: #034ea2;
  transition: color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: color;
}
[data-page="commercialProject"] .amenities.animateIn .introAnimElement,
[data-page="residentialProject"] .amenities.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="commercialProject"] .amenities,
[data-page="residentialProject"] .amenities {
  contain: content;
  display: flex;
  flex-direction: column;
  margin-left: calc(0px - var(--viewportSidePadding));
  overflow: hidden;
  padding: 72px var(--containerSidePadding) 0;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .amenities,
  [data-page="residentialProject"] .amenities {
    align-items: flex-start;
    padding: 48px var(--containerSidePadding) 0;
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .amenities,
  [data-page="residentialProject"] .amenities {
    align-items: center;
  }
}
[data-page="commercialProject"] .amenities__buttonGroup,
[data-page="residentialProject"] .amenities__buttonGroup {
  color: #034ea2;
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
  transition: all 0.2s !important;
  width: 100%;
}
[data-page="commercialProject"] .amenities__buttonGroup:hover,
[data-page="residentialProject"] .amenities__buttonGroup:hover {
  opacity: 0.7 !important;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .amenities__buttonGroup,
  [data-page="residentialProject"] .amenities__buttonGroup {
    margin-right: auto;
    margin-top: 10px;
  }
}
[data-page="commercialProject"] .amenities__heading,
[data-page="residentialProject"] .amenities__heading {
  color: #323334;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 39px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .amenities__heading,
  [data-page="residentialProject"] .amenities__heading {
    font-size: 32px;
    line-height: 34px;
  }
}
[data-page="commercialProject"] .amenities__subheading,
[data-page="residentialProject"] .amenities__subheading {
  color: #6f7073;
  font-size: 14px;
  line-height: 22px;
  margin-top: 16px;
  max-width: 600px;
}
[data-page="commercialProject"] .amenities__subheading br,
[data-page="residentialProject"] .amenities__subheading br {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .amenities__subheading,
  [data-page="residentialProject"] .amenities__subheading {
    margin-top: 20px;
    padding-right: var(--viewportSidePadding);
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .amenities__subheading,
  [data-page="residentialProject"] .amenities__subheading {
    text-align: center;
  }
}
[data-page="commercialProject"]
  #amenities
  .amenities__categoryWrapper:first-of-type,
[data-page="residentialProject"]
  #amenities
  .amenities__categoryWrapper:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
[data-page="commercialProject"]
  #amenities
  .amenities__categoryWrapper:last-of-type,
[data-page="residentialProject"]
  #amenities
  .amenities__categoryWrapper:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
[data-page="commercialProject"] .amenities__specificationsButton,
[data-page="residentialProject"] .amenities__specificationsButton {
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  color: #fff;
  margin-top: 24px;
}
[data-page="commercialProject"] .amenities__specificationsButton:before,
[data-page="residentialProject"] .amenities__specificationsButton:before {
  background: #043f81;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .amenities__specificationsButton,
  [data-page="residentialProject"] .amenities__specificationsButton {
    margin-top: 12px;
  }
}
[data-page="commercialProject"]
  .amenities__specificationsButton
  + .amenities__categoryWrapper,
[data-page="residentialProject"]
  .amenities__specificationsButton
  + .amenities__categoryWrapper {
  margin-top: 48px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"]
    .amenities__specificationsButton
    + .amenities__categoryWrapper,
  [data-page="residentialProject"]
    .amenities__specificationsButton
    + .amenities__categoryWrapper {
    margin-top: 36px;
  }
}
@media (hover: hover) {
  [data-page="commercialProject"] .amenities__specificationsButton:hover,
  [data-page="residentialProject"] .amenities__specificationsButton:hover {
    background: #043f81;
  }
}
[data-page="residentialProject"] .amenities__categoryWrapper {
  padding: 90px var(--containerSidePadding);
  width: 100%;
}
[data-page="residentialProject"] .amenities__categoryWrapper:first-of-type {
  background-color: #f05862;
}
[data-page="residentialProject"] .amenities__categoryWrapper:nth-of-type(2) {
  background-color: #ecb224;
}
[data-page="residentialProject"] .amenities__categoryWrapper:nth-of-type(3) {
  background-color: #00a38b;
}
[data-page="residentialProject"] .amenities__categoryWrapper:nth-of-type(4) {
  background-color: #d490a0;
}
[data-page="residentialProject"] .amenities__categoryWrapper:nth-of-type(5) {
  background-color: #f05862;
}
[data-page="residentialProject"] .amenities__categoryWrapper:nth-of-type(6) {
  background-color: #ecb224;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .amenities__categoryWrapper {
    padding: 32px var(--viewportSidePadding);
  }
}
@media (min-width: 1024px) {
  [data-page="residentialProject"] .amenities__categoryWrapper {
    display: flex;
    gap: 24px;
  }
}
[data-page="residentialProject"] .amenities__category {
  color: #fff;
  font-size: 24px;
  line-height: 42px;
  text-transform: uppercase;
  width: calc(25% - 18px);
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .amenities__category {
    font-size: 12px;
    line-height: 13px;
    width: 100%;
  }
}
[data-page="residentialProject"] .amenities__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  width: calc(75% - 18px);
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .amenities__list {
    width: 100%;
  }
}
[data-page="residentialProject"] .amenities__amenity {
  cursor: pointer;
  padding: 8px 0;
  position: relative;
  z-index: 0;
}
[data-page="residentialProject"]
  .amenities__amenity.show
  .amenities__amenityName {
  opacity: 1;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .amenities__amenity {
    padding: 3px 0;
  }
}
[data-page="residentialProject"] .amenities__amenityName {
  color: #fff;
  font-size: 64px;
  letter-spacing: -0.04em;
  line-height: 69px;
  opacity: 0.2;
  position: relative;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
  z-index: 1;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .amenities__amenityName {
    font-size: 24px;
    line-height: 32px;
  }
}
[data-page="residentialProject"] .amenities__amenityImageWrapper {
  contain: strict;
  height: 268px;
  left: 50%;
  opacity: 0;
  overflow: hidden;
  pointer-events: none !important;
  position: absolute;
  top: calc(50% - 134px);
  width: 424px;
  z-index: 0;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .amenities__amenityImageWrapper {
    height: 132px;
    left: 40%;
    top: calc(50% - 66px);
    width: 200px;
  }
}
[data-page="residentialProject"] .amenities__amenityImage {
  contain: strict;
  height: 268px;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 424px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .amenities__amenityImage {
    height: 132px;
    width: 200px;
  }
}
[data-page="commercialProject"] .location {
  background-color: #fff !important;
}
[data-page="commercialProject"] .location.animateIn .introAnimElement,
[data-page="residentialProject"] .location.animateIn .introAnimElement,
[data-page="seoPage"] .location.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="commercialProject"] .location.animateIn .location__mapLine,
[data-page="residentialProject"] .location.animateIn .location__mapLine,
[data-page="seoPage"] .location.animateIn .location__mapLine {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 6s ease;
}
[data-page="commercialProject"] .location,
[data-page="residentialProject"] .location,
[data-page="seoPage"] .location {
  align-items: flex-start;
  contain: strict;
  display: flex;
  flex-direction: column;
  height: 702px;
  justify-content: center;
  left: calc(0px - var(--viewportSidePadding));
  padding: 0 var(--viewportSidePadding);
  position: relative;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .location,
  [data-page="residentialProject"] .location,
  [data-page="seoPage"] .location {
    justify-content: flex-start;
    padding-top: 60px;
  }
}
[data-page="commercialProject"] .location__map,
[data-page="residentialProject"] .location__map,
[data-page="seoPage"] .location__map {
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
[data-page="commercialProject"] .location__mapImage,
[data-page="residentialProject"] .location__mapImage,
[data-page="seoPage"] .location__mapImage {
  contain: strict;
  height: 725px;
  position: absolute;
  right: calc(17.5vw - 450px);
  top: 0;
  width: 988px;
}
@media (max-width: 1279px) {
  [data-page="commercialProject"] .location__mapImage,
  [data-page="residentialProject"] .location__mapImage,
  [data-page="seoPage"] .location__mapImage {
    right: -450px;
  }
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .location__mapImage,
  [data-page="residentialProject"] .location__mapImage,
  [data-page="seoPage"] .location__mapImage {
    height: 134.0625vw;
    left: -70px;
    top: 350px;
    width: 182.8125vw;
  }
}
[data-page="commercialProject"] .location__mapLine,
[data-page="residentialProject"] .location__mapLine,
[data-page="seoPage"] .location__mapLine {
  stroke-dasharray: 2000px;
  stroke-dashoffset: 2000px;
}
[data-page="commercialProject"] .location__mapMarker,
[data-page="residentialProject"] .location__mapMarker,
[data-page="seoPage"] .location__mapMarker {
  height: 182px;
  position: absolute;
  right: 10.15625vw;
  top: 282px;
  width: 182px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .location__mapMarker,
  [data-page="residentialProject"] .location__mapMarker,
  [data-page="seoPage"] .location__mapMarker {
    bottom: 163px;
    height: 108px;
    right: 20px;
    top: unset;
    width: 108px;
  }
}
[data-page="commercialProject"] .location__mapMarkerIcon,
[data-page="residentialProject"] .location__mapMarkerIcon,
[data-page="seoPage"] .location__mapMarkerIcon {
  height: 78px;
  left: calc(50% - 39px);
  position: absolute;
  top: calc(50% - 39px);
  width: 78px;
}
[data-page="commercialProject"] .location__mapMarkerCircleInner,
[data-page="commercialProject"] .location__mapMarkerCircleOuter,
[data-page="residentialProject"] .location__mapMarkerCircleInner,
[data-page="residentialProject"] .location__mapMarkerCircleOuter,
[data-page="seoPage"] .location__mapMarkerCircleInner,
[data-page="seoPage"] .location__mapMarkerCircleOuter {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: animateMapMarker;
  animation-timing-function: linear;
  transform: scale(0);
}
[data-page="commercialProject"] .location__mapMarkerCircleOuter,
[data-page="residentialProject"] .location__mapMarkerCircleOuter,
[data-page="seoPage"] .location__mapMarkerCircleOuter {
  background: #f47638;
  border-radius: 50%;
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="commercialProject"] .location__mapMarkerCircleInner,
[data-page="residentialProject"] .location__mapMarkerCircleInner,
[data-page="seoPage"] .location__mapMarkerCircleInner {
  animation-delay: 0.25s;
  background: #f47638;
  border-radius: 50%;
  height: 138px;
  left: calc(50% - 69px);
  opacity: 0.4;
  position: absolute;
  top: calc(50% - 69px);
  width: 138px;
}
@keyframes animateMapMarker {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
[data-page="commercialProject"] .location__heading,
[data-page="residentialProject"] .location__heading,
[data-page="seoPage"] .location__heading {
  color: #323334;
  font-size: 48px;
  letter-spacing: -0.04em;
  line-height: 56px;
  margin-top: 8px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .location__heading,
  [data-page="residentialProject"] .location__heading,
  [data-page="seoPage"] .location__heading {
    font-size: 32px;
    line-height: 34px;
    margin-top: 0;
  }
}
[data-page="commercialProject"] .location__subheading,
[data-page="residentialProject"] .location__subheading,
[data-page="seoPage"] .location__subheading {
  color: #6f7073;
  font-size: 14px;
  line-height: 22px;
  margin-top: 24px;
  max-width: 437px;
}
[data-page="commercialProject"] .location__subheading br,
[data-page="residentialProject"] .location__subheading br,
[data-page="seoPage"] .location__subheading br {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .location__subheading,
  [data-page="residentialProject"] .location__subheading,
  [data-page="seoPage"] .location__subheading {
    margin-top: 16px;
  }
}
[data-page="commercialProject"] .location__viewButton,
[data-page="residentialProject"] .location__viewButton,
[data-page="seoPage"] .location__viewButton {
  background-color: #034ea2;
  margin-top: 24px;
}
@media (hover: hover) {
  [data-page="commercialProject"] .location__viewButton:hover,
  [data-page="residentialProject"] .location__viewButton:hover,
  [data-page="seoPage"] .location__viewButton:hover {
    background: #043f81;
  }
}
[data-page="residentialProject"] .projectStatus.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="residentialProject"] .projectStatus {
  background: linear-gradient(290.19deg, #8bd3d5 12.56%, #1cb6b1 83.91%);
  contain: content;
  margin-left: calc(0px - var(--viewportSidePadding));
  padding: 60px var(--viewportSidePadding);
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projectStatus {
    padding: 40px var(--viewportSidePadding);
  }
}
@media (min-width: 1024px) {
  [data-page="residentialProject"] .projectStatus {
    display: flex;
  }
  [data-page="residentialProject"] .projectStatus__lhs {
    width: calc(var(--containerWidth) / 4 - 18px);
  }
}
[data-page="residentialProject"] .projectStatus__rhs {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  [data-page="residentialProject"] .projectStatus__rhs {
    margin-left: 24px;
  }
}
[data-page="residentialProject"] .projectStatus__heading {
  color: #fff;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 48px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projectStatus__heading {
    font-size: 24px;
    line-height: 26px;
  }
}
[data-page="residentialProject"] .projectStatus__subheading {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projectStatus__subheading {
    margin-top: 16px;
  }
}
[data-page="residentialProject"] .projectStatus__viewButton {
  border-radius: 8px;
  margin-top: 16px;
  transition: color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: color;
}
[data-page="residentialProject"] .projectStatus__viewButton:before {
  background: #fff;
}
[data-page="residentialProject"] .projectStatus__viewButton:after {
  border: 1px solid #fff;
  border-radius: 8px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projectStatus__viewButton {
    margin-top: 20px;
  }
}
@media (hover: hover) {
  [data-page="residentialProject"] .projectStatus__viewButton:hover {
    opacity: 0.8 !important;
  }
}
[data-page="residentialProject"] .rera.animateIn .introAnimElement,
[data-page="seoPage"] .rera.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="residentialProject"] .rera,
[data-page="seoPage"] .rera {
  contain: content;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera,
  [data-page="seoPage"] .rera {
    margin-left: calc(0px - var(--viewportSidePadding));
    padding: 40px 0 56px 20px;
    width: var(--viewportWidth);
  }
}
@media (min-width: 1024px) {
  [data-page="residentialProject"] .rera,
  [data-page="seoPage"] .rera {
    display: flex;
  }
  [data-page="residentialProject"] .rera .rera__lhs,
  [data-page="residentialProject"] .rera .rera__rhs,
  [data-page="seoPage"] .rera .rera__lhs,
  [data-page="seoPage"] .rera .rera__rhs {
    width: calc(50% - 12px);
  }
}
[data-page="residentialProject"] .rera__lhs,
[data-page="seoPage"] .rera__lhs {
  display: flex;
  justify-content: flex-end;
  padding: 72px 85px 72px 0;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__lhs,
  [data-page="seoPage"] .rera__lhs {
    display: none;
  }
}
[data-page="residentialProject"] .rera__rhs,
[data-page="seoPage"] .rera__rhs {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__rhs,
  [data-page="seoPage"] .rera__rhs {
    padding-bottom: 0;
    padding-top: 0;
  }
}
[data-page="residentialProject"] .rera__rhs .project__updates,
[data-page="seoPage"] .rera__rhs .project__updates {
  border-top: 1px solid #888;
  margin-top: 80px;
  max-width: 520px;
  padding-top: 80px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__rhs .project__updates,
  [data-page="seoPage"] .rera__rhs .project__updates {
    margin-top: 40px;
    max-width: 100%;
    padding-top: 40px;
  }
}
[data-page="residentialProject"]
  .rera__rhs
  .project__updates
  .projectUpdates__title,
[data-page="seoPage"] .rera__rhs .project__updates .projectUpdates__title {
  color: #323334;
  font-size: 24px;
  line-height: 26px;
  text-transform: capitalize;
}
[data-page="residentialProject"]
  .rera__rhs
  .project__updates
  .projectUpdates__list,
[data-page="seoPage"] .rera__rhs .project__updates .projectUpdates__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"]
    .rera__rhs
    .project__updates
    .projectUpdates__list,
  [data-page="seoPage"] .rera__rhs .project__updates .projectUpdates__list {
    flex-direction: column;
  }
}
[data-page="residentialProject"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems,
[data-page="seoPage"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems {
  flex: 0 0 50%;
  padding-top: 40px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"]
    .rera__rhs
    .project__updates
    .projectUpdates__list
    .projectUpdates__listItems,
  [data-page="seoPage"]
    .rera__rhs
    .project__updates
    .projectUpdates__list
    .projectUpdates__listItems {
    flex: 1;
  }
  [data-page="residentialProject"]
    .rera__rhs
    .project__updates
    .projectUpdates__list
    .projectUpdates__listItems:first-child,
  [data-page="seoPage"]
    .rera__rhs
    .project__updates
    .projectUpdates__list
    .projectUpdates__listItems:first-child {
    margin-top: 0;
  }
}
[data-page="residentialProject"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems
  .projectUpdates__content,
[data-page="seoPage"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems
  .projectUpdates__content {
  align-items: flex-start;
  display: flex;
}
[data-page="residentialProject"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems
  .projectUpdates__content
  img,
[data-page="seoPage"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems
  .projectUpdates__content
  img {
  min-width: 30px;
}
[data-page="residentialProject"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems
  .projectUpdates__content
  .projectUpdates__body,
[data-page="seoPage"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems
  .projectUpdates__content
  .projectUpdates__body {
  padding-left: 15px;
}
[data-page="residentialProject"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems
  .projectUpdates__content
  .projectUpdates__body
  .projectUpdates__dates,
[data-page="seoPage"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems
  .projectUpdates__content
  .projectUpdates__body
  .projectUpdates__dates {
  color: #6f7073;
  font-size: 14px;
  line-height: 22px;
}
[data-page="residentialProject"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems
  .projectUpdates__content
  .projectUpdates__body
  .projectUpdates__text,
[data-page="seoPage"]
  .rera__rhs
  .project__updates
  .projectUpdates__list
  .projectUpdates__listItems
  .projectUpdates__content
  .projectUpdates__body
  .projectUpdates__text {
  color: #000;
  font-family: Gotham-Medium;
  font-size: 14px;
  line-height: 22px;
}
[data-page="residentialProject"] .rera__imageWrapper,
[data-page="seoPage"] .rera__imageWrapper {
  border-radius: 50%;
  height: 420px;
  overflow: hidden;
  position: relative;
  width: 420px;
}
[data-page="residentialProject"] .rera__heading,
[data-page="seoPage"] .rera__heading {
  color: #323334;
  font-size: 24px;
  line-height: 26px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__heading,
  [data-page="seoPage"] .rera__heading {
    margin-top: 0;
  }
}
[data-page="residentialProject"] .rera__location,
[data-page="seoPage"] .rera__location {
  color: #323334;
  font-size: 16px;
  line-height: 22px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__location,
  [data-page="seoPage"] .rera__location {
    margin-top: 12px;
  }
}
[data-page="residentialProject"] .rera__slider,
[data-page="seoPage"] .rera__slider {
  max-width: 505px;
  min-height: 100px;
  padding-top: 27px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__slider,
  [data-page="seoPage"] .rera__slider {
    margin-left: -20px;
  }
}
[data-page="residentialProject"] .rera__slider .c-scrollIndicator,
[data-page="seoPage"] .rera__slider .c-scrollIndicator {
  background-color: #f1f1f1;
  border-radius: 2px;
  bottom: 0;
  display: block;
  height: 4px;
  left: 0;
  margin: 32px auto 0;
  overflow: hidden;
  position: relative;
  right: 0;
  width: 120px;
}
[data-page="residentialProject"] .rera__slider .c-scrollIndicator__thumb,
[data-page="seoPage"] .rera__slider .c-scrollIndicator__thumb {
  background-color: #9ea0a2;
  border-radius: 2px;
  display: block;
  height: 4px;
  position: relative;
  top: 0;
  transform: translateX(0);
  transform-origin: top left;
  width: 30%;
  will-change: transform;
}
@media (min-width: 1025px) {
  [data-page="residentialProject"] .rera__slider .c-scrollIndicator,
  [data-page="seoPage"] .rera__slider .c-scrollIndicator {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__slider,
  [data-page="seoPage"] .rera__slider {
    max-width: none;
    padding-top: 20px;
  }
}
[data-page="residentialProject"] .rera__projectNoQr,
[data-page="seoPage"] .rera__projectNoQr {
  display: flex;
}
[data-page="residentialProject"] .rera__projectInfo,
[data-page="seoPage"] .rera__projectInfo {
  -ms-overflow-style: none;
  display: flex;
  flex-direction: row;
  list-style: none;
  overflow: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
@media (min-width: 1025px) {
  [data-page="residentialProject"] .rera__projectInfo,
  [data-page="seoPage"] .rera__projectInfo {
    gap: 24px;
  }
}
[data-page="residentialProject"] .rera__projectInfo::-webkit-scrollbar,
[data-page="seoPage"] .rera__projectInfo::-webkit-scrollbar {
  display: none;
}
[data-page="residentialProject"] .rera__projectInfoBtnWrap,
[data-page="seoPage"] .rera__projectInfoBtnWrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}
[data-page="residentialProject"]
  .rera__projectInfoBtnWrap
  .rera__projectInfoBtn,
[data-page="seoPage"] .rera__projectInfoBtnWrap .rera__projectInfoBtn {
  align-items: center;
  background: #fff;
  border: 1px solid #6f7073;
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 30px;
  justify-content: center;
  padding: 8px;
  width: 30px;
}
[data-page="residentialProject"] .rera__projectInfoBtnWrap [disabled],
[data-page="seoPage"] .rera__projectInfoBtnWrap [disabled] {
  opacity: 0.3;
  pointer-events: none;
}
[data-page="residentialProject"]
  .rera__projectInfoBtnWrap
  .rera__projectInfoPrevBtn,
[data-page="seoPage"] .rera__projectInfoBtnWrap .rera__projectInfoPrevBtn {
  left: -45px;
  position: relative;
}
[data-page="residentialProject"]
  .rera__projectInfoBtnWrap
  .rera__projectInfoNextBtn,
[data-page="seoPage"] .rera__projectInfoBtnWrap .rera__projectInfoNextBtn {
  position: relative;
  right: -45px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__projectInfoBtnWrap,
  [data-page="seoPage"] .rera__projectInfoBtnWrap {
    display: none;
  }
}
[data-page="residentialProject"] .rera__projectInfo li,
[data-page="seoPage"] .rera__projectInfo li {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__projectInfo li,
  [data-page="seoPage"] .rera__projectInfo li {
    margin-left: 24px;
  }
}
[data-page="residentialProject"] .rera__projectInfo li .rera__projectName,
[data-page="seoPage"] .rera__projectInfo li .rera__projectName {
  color: #6f7073;
  display: inline-block;
  font-size: 12px;
  padding-right: 15px;
  padding-top: 10px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__projectInfo li .rera__projectName,
  [data-page="seoPage"] .rera__projectInfo li .rera__projectName {
    flex-shrink: 0;
    font-size: 12px;
    line-height: 13px;
  }
}
[data-page="residentialProject"] .rera__projectInfo li .rera__projectNumber,
[data-page="seoPage"] .rera__projectInfo li .rera__projectNumber {
  color: #000;
  display: inline-block;
  font-size: 12px;
  padding-top: 5px;
  width: auto;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__projectInfo li .rera__projectNumber,
  [data-page="seoPage"] .rera__projectInfo li .rera__projectNumber {
    font-size: 12px;
    line-height: 13px;
    margin-top: 4px;
    width: 100%;
    word-break: break-all;
  }
}
[data-page="residentialProject"] .rera__link,
[data-page="seoPage"] .rera__link {
  color: #034ea2;
  display: inline-block;
  font-size: 16px;
  font-weight: 325;
  line-height: 24px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__link,
  [data-page="seoPage"] .rera__link {
    margin-top: 12px;
  }
}
[data-page="residentialProject"] .rera__info,
[data-page="seoPage"] .rera__info {
  color: #6f7073;
  font-size: 10px;
  line-height: 11px;
  margin-top: 8px;
}
[data-page="residentialProject"] .rera__projectInfoTop,
[data-page="seoPage"] .rera__projectInfoTop {
  display: flex;
  flex-direction: column;
}
[data-page="residentialProject"] .rera__moredetailstitle,
[data-page="seoPage"] .rera__moredetailstitle {
  color: #6f7073;
  font-size: 14px;
  line-height: 13.4px;
  margin-top: 40px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__moredetailstitle,
  [data-page="seoPage"] .rera__moredetailstitle {
    margin-top: 20px;
  }
}
[data-page="residentialProject"] .rera__moredetailsimg,
[data-page="seoPage"] .rera__moredetailsimg {
  height: 100%;
  width: 100%;
}
[data-page="residentialProject"] .rera__moredetailsimgwrapper,
[data-page="seoPage"] .rera__moredetailsimgwrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  width: 120px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .rera__moredetailsimgwrapper,
  [data-page="seoPage"] .rera__moredetailsimgwrapper {
    width: 80px;
  }
}
[data-page="commercialProject"] .contact.animateIn .introAnimElement,
[data-page="residentialProject"] .contact.animateIn .introAnimElement,
[data-page="seoPage"] .contact.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="commercialProject"] .contact,
[data-page="residentialProject"] .contact,
[data-page="seoPage"] .contact {
  background-color: hsla(240, 2%, 82%, 0.1);
  contain: content;
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(0px - var(--viewportSidePadding));
  padding: 90px var(--viewportSidePadding);
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .contact,
  [data-page="residentialProject"] .contact,
  [data-page="seoPage"] .contact {
    padding: 40px var(--viewportSidePadding) 60px;
  }
}
[data-page="commercialProject"] .contact__heading,
[data-page="residentialProject"] .contact__heading,
[data-page="seoPage"] .contact__heading {
  color: #323334;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 48px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .contact__heading,
  [data-page="residentialProject"] .contact__heading,
  [data-page="seoPage"] .contact__heading {
    color: #034ea2;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 22px;
    padding-bottom: 12px;
    text-transform: uppercase;
  }
}
[data-page="commercialProject"] .contact__button,
[data-page="residentialProject"] .contact__button,
[data-page="seoPage"] .contact__button {
  align-items: center;
  border: 1px solid #034ea2;
  border-radius: 8px;
  display: flex;
  margin-bottom: 60px;
  margin-top: 16px;
  padding: 8px 16px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .contact__button,
  [data-page="residentialProject"] .contact__button,
  [data-page="seoPage"] .contact__button {
    margin-bottom: 0;
    margin-top: 12px;
  }
}
[data-page="commercialProject"] .contact__buttonText,
[data-page="residentialProject"] .contact__buttonText,
[data-page="seoPage"] .contact__buttonText {
  color: #034ea2;
  font-size: 14px;
  line-height: 22px;
}
[data-page="commercialProject"] .contact__buttonArrow,
[data-page="residentialProject"] .contact__buttonArrow,
[data-page="seoPage"] .contact__buttonArrow {
  height: auto;
  margin-left: 10px;
  width: 17px;
}
@media (hover: hover) {
  [data-page="commercialProject"] .contact__button:hover .contact__buttonArrow,
  [data-page="residentialProject"] .contact__button:hover .contact__buttonArrow,
  [data-page="seoPage"] .contact__button:hover .contact__buttonArrow {
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-name: animateArrowHorizontallyOnMouseover;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
[data-page="commercialProject"] .contact__button:hover,
[data-page="residentialProject"] .contact__button:hover,
[data-page="seoPage"] .contact__button:hover {
  opacity: 0.6;
  transition: 0.1s linear;
}
[data-page="commercialProject"] .contact__section,
[data-page="residentialProject"] .contact__section,
[data-page="seoPage"] .contact__section {
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .contact__section:not(:first-child),
  [data-page="residentialProject"] .contact__section:not(:first-child),
  [data-page="seoPage"] .contact__section:not(:first-child) {
    margin-top: 28px;
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .contact__section,
  [data-page="residentialProject"] .contact__section,
  [data-page="seoPage"] .contact__section {
    width: var(--col100by3);
  }
  [data-page="commercialProject"] .contact__section:not(:nth-child(3n + 1)),
  [data-page="residentialProject"] .contact__section:not(:nth-child(3n + 1)),
  [data-page="seoPage"] .contact__section:not(:nth-child(3n + 1)) {
    margin-left: var(--gridMargin);
  }
  [data-page="commercialProject"] .contact__section:nth-child(n + 4),
  [data-page="residentialProject"] .contact__section:nth-child(n + 4),
  [data-page="seoPage"] .contact__section:nth-child(n + 4) {
    margin-top: 0;
  }
}
[data-page="commercialProject"] .contact__sectionHeading,
[data-page="residentialProject"] .contact__sectionHeading,
[data-page="seoPage"] .contact__sectionHeading {
  color: #323334;
  font-size: 18px;
  line-height: 19px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .contact__sectionHeading,
  [data-page="residentialProject"] .contact__sectionHeading,
  [data-page="seoPage"] .contact__sectionHeading {
    font-size: 16px;
    line-height: 17px;
  }
}
[data-page="commercialProject"] .contact__address,
[data-page="residentialProject"] .contact__address,
[data-page="seoPage"] .contact__address {
  color: #6f7073;
  font-size: 14px;
  line-height: 24px;
  margin-top: 12px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .contact__address,
  [data-page="residentialProject"] .contact__address,
  [data-page="seoPage"] .contact__address {
    margin-top: 8px;
  }
}
[data-page="commercialProject"] #contact .contact__heading {
  color: #034ea2;
  text-transform: uppercase;
}
[data-page="commercialProject"] .floatingEnquireButton__wrapper,
[data-page="residentialProject"] .floatingEnquireButton__wrapper {
  bottom: 0;
  display: flex;
  justify-content: space-between;
  margin-left: calc(0px - var(--viewportSidePadding));
  padding: 36px var(--containerSidePadding);
  pointer-events: none;
  position: sticky;
  width: var(--viewportWidth);
  z-index: 25;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floatingEnquireButton__wrapper,
  [data-page="residentialProject"] .floatingEnquireButton__wrapper {
    justify-content: center;
    padding: 0;
  }
}
[data-page="commercialProject"] .floatingEnquireButton,
[data-page="residentialProject"] .floatingEnquireButton {
  background-color: #fff;
  border-radius: 8px;
  color: #034ea2;
  font-size: 14px;
  line-height: 22px;
  opacity: 0;
  overflow: hidden;
  padding: 8px 16px;
  pointer-events: auto;
  position: relative;
  transition: color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 120px;
}
[data-page="commercialProject"] .floatingEnquireButton.-bengali,
[data-page="residentialProject"] .floatingEnquireButton.-bengali {
  width: 240px;
}
[data-page="commercialProject"] .floatingEnquireButton:before,
[data-page="residentialProject"] .floatingEnquireButton:before {
  background-color: #034ea2;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
  z-index: -1;
}
[data-page="commercialProject"] .floatingEnquireButton.-blueBg,
[data-page="residentialProject"] .floatingEnquireButton.-blueBg {
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  color: #fff;
}
[data-page="commercialProject"] .floatingEnquireButton.-blueBg:hover,
[data-page="residentialProject"] .floatingEnquireButton.-blueBg:hover {
  background: #043f81;
}
[data-page="commercialProject"] .floatingEnquireButton.-blueBg:after,
[data-page="residentialProject"] .floatingEnquireButton.-blueBg:after {
  background: #043f81;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 101%;
  z-index: -1;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floatingEnquireButton,
  [data-page="residentialProject"] .floatingEnquireButton {
    border-radius: 0;
    padding: 16px;
    width: 100%;
  }
}
[data-page="commercialProject"] .floatingEnquireButton.-blueBg,
[data-page="residentialProject"] .floatingEnquireButton.-blueBg {
  background-color: #034ea2;
}
[data-page="commercialProject"] .floatingBtnWrap,
[data-page="residentialProject"] .floatingBtnWrap {
  bottom: 30px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 20px;
  opacity: 0;
  pointer-events: auto;
  position: fixed;
  right: 55px;
  transform: translateY(40px);
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floatingBtnWrap,
  [data-page="residentialProject"] .floatingBtnWrap {
    bottom: 65px;
    position: fixed;
    right: 20px;
    transform: translateZ(0);
    transition: bottom 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
}
[data-page="commercialProject"] .floatingChatBotButton,
[data-page="commercialProject"] .floatingWhatsAppButton,
[data-page="residentialProject"] .floatingChatBotButton,
[data-page="residentialProject"] .floatingWhatsAppButton {
  height: 100%;
  width: 100%;
}
@keyframes fade2 {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade3 {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1023px) {
  html.disclaimer-popup-opened body > :not(.disclaimerPopup):not(.c-header) {
    display: none !important;
  }
}
.disclaimerPopup {
  display: none;
  height: var(--viewportHeight);
  left: 0;
  position: fixed;
  top: 0;
  width: var(--viewportWidth);
  z-index: 28;
}
@media (max-width: 1023px) {
  .disclaimerPopup {
    background-color: #fff;
    overflow: scroll;
  }
  .disclaimerPopup.show {
    display: block;
    z-index: 26;
  }
}
@media (min-width: 1024px) {
  .disclaimerPopup {
    align-items: center;
    backdrop-filter: blur(48px);
    background-color: hsla(0, 0%, 90%, 0.5);
    justify-content: center;
    padding: 90px 0;
  }
  .disclaimerPopup.show {
    display: flex;
  }
}
.disclaimerPopup__inner {
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-name: animatePopupInner;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff;
  max-width: 700px;
  padding: 64px 0 54px 64px;
  position: relative;
  scrollbar-gutter: stable;
}
@media (max-width: 1023px) {
  .disclaimerPopup__inner {
    padding: 115px var(--viewportSidePadding) 60px;
  }
}
@media (min-width: 1024px) {
  .disclaimerPopup__inner {
    border-radius: 0 40px 0 0;
  }
}
.disclaimerPopup__inner__ov {
  height: 100%;
  max-height: 500px;
  overflow-y: auto;
  padding-right: 84px;
  position: relative;
}
.disclaimerPopup__inner__ov::-webkit-scrollbar {
  width: 14px;
}
.disclaimerPopup__inner__ov::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: #ddd;
  border: 4px solid transparent;
  border-radius: 100px;
}
.disclaimerPopup__inner__ov::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}
@media (max-width: 1023px) {
  .disclaimerPopup__inner__ov {
    max-height: max-content;
    overflow: inherit;
    padding-right: 0;
  }
}
.disclaimerPopup__heading {
  color: #323334;
  font-size: 24px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .disclaimerPopup__heading {
    font-size: 16px;
    line-height: 17px;
  }
}
.disclaimerPopup__copy {
  color: #6f7073;
  font-size: 12px;
  line-height: 18px;
  margin-top: 14px;
}
@media (max-width: 1023px) {
  .disclaimerPopup__copy {
    margin-top: 8px;
  }
}
.disclaimerPopup__closeButton {
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .disclaimerPopup__closeButton {
    padding: 75px 20px 20px;
    top: 15px;
  }
  html.amenities-disclaimer-popup-opened
    body
    > :not(.amenities__disclaimerPopup):not(.c-header) {
    display: none !important;
  }
}
.amenities__disclaimerPopup {
  display: none;
  height: var(--viewportHeight);
  left: 0;
  position: fixed;
  top: 0;
  width: var(--viewportWidth);
  z-index: 28;
}
@media (max-width: 1023px) {
  .amenities__disclaimerPopup {
    background-color: #fff;
    overflow: scroll;
  }
  .amenities__disclaimerPopup.show {
    display: block;
    z-index: 26;
  }
}
@media (min-width: 1024px) {
  .amenities__disclaimerPopup {
    align-items: center;
    backdrop-filter: blur(48px);
    background-color: hsla(0, 0%, 90%, 0.5);
    justify-content: center;
    padding: 90px 0;
  }
  .amenities__disclaimerPopup.show {
    display: flex;
  }
}
.amenities__disclaimerPopup__inner {
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-name: animatePopupInner;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff;
  max-width: 700px;
  padding: 64px 0 54px 64px;
  position: relative;
  scrollbar-gutter: stable;
}
@media (max-width: 1023px) {
  .amenities__disclaimerPopup__inner {
    padding: 115px var(--viewportSidePadding) 60px;
  }
}
@media (min-width: 1024px) {
  .amenities__disclaimerPopup__inner {
    border-radius: 0 40px 0 0;
  }
}
.amenities__disclaimerPopup__inner__ov {
  height: 100%;
  max-height: 500px;
  overflow-y: auto;
  padding-right: 84px;
  position: relative;
}
.amenities__disclaimerPopup__inner__ov::-webkit-scrollbar {
  width: 14px;
}
.amenities__disclaimerPopup__inner__ov::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: #ddd;
  border: 4px solid transparent;
  border-radius: 100px;
}
.amenities__disclaimerPopup__inner__ov::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}
@media (max-width: 1023px) {
  .amenities__disclaimerPopup__inner__ov {
    max-height: max-content;
    overflow: inherit;
    padding-right: 0;
  }
}
.amenities__disclaimerPopup__heading {
  color: #323334;
  font-size: 24px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .amenities__disclaimerPopup__heading {
    font-size: 16px;
    line-height: 17px;
  }
}
.amenities__disclaimerPopup__copy {
  color: #6f7073;
  font-size: 12px;
  line-height: 18px;
  margin-top: 14px;
}
@media (max-width: 1023px) {
  .amenities__disclaimerPopup__copy {
    margin-top: 8px;
  }
}
.amenities__disclaimerPopup__closeButton {
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .amenities__disclaimerPopup__closeButton {
    padding: 85px 20px 20px;
    top: 15px;
  }
  html.policy-popup-opened body > :not(.policyPopup):not(.c-header) {
    display: none !important;
  }
}
.policyPopup {
  display: none;
  height: var(--viewportHeight);
  left: 0;
  position: fixed;
  top: 0;
  width: var(--viewportWidth);
  z-index: 28;
}
@media (max-width: 1023px) {
  .policyPopup {
    background-color: #fff;
    overflow: scroll;
  }
  .policyPopup.show {
    display: block;
    z-index: 26;
  }
}
@media (min-width: 1024px) {
  .policyPopup {
    align-items: center;
    backdrop-filter: blur(48px);
    background-color: hsla(0, 0%, 90%, 0.5);
    justify-content: center;
    padding: 90px 0;
  }
  .policyPopup.show {
    display: flex;
  }
}
.policyPopup__inner {
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-name: animatePopupInner;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff;
  max-width: 700px;
  padding: 64px 0 54px 64px;
  position: relative;
  scrollbar-gutter: stable;
}
@media (max-width: 1023px) {
  .policyPopup__inner {
    padding: 115px var(--viewportSidePadding) 60px;
  }
}
@media (min-width: 1024px) {
  .policyPopup__inner {
    border-radius: 0 40px 0 0;
  }
}
.policyPopup__inner__ov {
  height: 100%;
  max-height: 500px;
  overflow-y: auto;
  padding-right: 84px;
  position: relative;
}
.policyPopup__inner__ov::-webkit-scrollbar {
  width: 14px;
}
.policyPopup__inner__ov::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: #ddd;
  border: 4px solid transparent;
  border-radius: 100px;
}
.policyPopup__inner__ov::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}
@media (max-width: 1023px) {
  .policyPopup__inner__ov {
    max-height: max-content;
    overflow: inherit;
    padding-right: 0;
  }
}
.policyPopup__heading {
  color: #323334;
  font-size: 24px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .policyPopup__heading {
    font-size: 20px;
    line-height: 24px;
  }
}
.policyPopup__subHeading {
  color: #6f7073;
  font-size: 16px;
  line-height: 21px;
  padding-bottom: 20px;
  padding-top: 40px;
}
@media (max-width: 1023px) {
  .policyPopup__subHeading {
    font-size: 14px;
    line-height: 18px;
  }
}
.policyDownload {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.policyDownload__icon {
  height: 16px;
  width: 16px;
}
.policyDownload__listing {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  list-style: none;
  padding: 0;
}
.policyDownload__copy {
  color: #323334;
  font-size: 14px;
  line-height: 22px;
}
.policyPopup__copy {
  color: #6f7073;
  font-size: 12px;
  line-height: 18px;
  margin-top: 14px;
}
@media (max-width: 1023px) {
  .policyPopup__copy {
    margin-top: 8px;
  }
}
.policyPopup__closeButton {
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .policyPopup__closeButton {
    padding: 75px 20px 20px;
    top: 10px;
  }
  html.isFloorPlanPopupOpened body > :not(.floorPlanPopup):not(.c-header) {
    display: none !important;
  }
}
.floorPlanPopup {
  display: none;
  height: var(--viewportHeight);
  left: 0;
  position: fixed;
  top: 0;
  width: var(--viewportWidth);
  z-index: 28;
}
@media (max-width: 1023px) {
  .floorPlanPopup {
    background-color: #fff;
    overflow: scroll;
    z-index: 26;
  }
  .floorPlanPopup.show {
    display: block;
  }
}
@media (min-width: 1024px) {
  .floorPlanPopup {
    align-items: center;
    backdrop-filter: blur(48px);
    background-color: hsla(0, 0%, 90%, 0.5);
    justify-content: center;
    padding: 134px 0 88px;
  }
  .floorPlanPopup.show {
    display: flex;
  }
}
.floorPlanPopup__inner {
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-name: fadeIn;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff;
  height: 100%;
  position: relative;
}
.floorPlanPopup__imageWrapper {
  -ms-overflow-style: none;
  height: 100%;
  left: 0;
  overflow: auto;
  padding-top: 54px;
  position: absolute;
  scrollbar-width: none;
  top: 0;
  width: 100%;
}
.floorPlanPopup__imageWrapper::-webkit-scrollbar {
  display: none;
}
.floorPlanPopup__image {
  height: 100%;
  width: auto;
}
.floorPlanPopup__closeButton {
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .floorPlanPopup__closeButton {
    padding: 75px 20px 20px;
  }
}
@keyframes animatePopupInner {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.contactGuestManagerPopup {
  display: none;
  height: var(--viewportHeight);
  left: 0;
  position: fixed;
  top: 0;
  width: var(--viewportWidth);
  z-index: 28;
}
.contactGuestManagerPopup .contactGuestManagerPopup__otpInputNote {
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: fadeIn;
  animation-timing-function: ease;
  color: #323334;
  display: none;
  font-size: 11px;
  line-height: 14px;
  margin-top: 8px;
}
.contactGuestManagerPopup
  #contactGuestManagerPopup__telInput.has-value
  ~ .contactGuestManagerPopup__otpInputNote,
.contactGuestManagerPopup
  #contactGuestManagerPopup__telInput:focus
  ~ .contactGuestManagerPopup__otpInputNote {
  display: block;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup {
    background-color: #fff;
    overflow-y: scroll;
    z-index: 26;
  }
  .contactGuestManagerPopup.show {
    display: block;
  }
}
@media (min-width: 1024px) {
  .contactGuestManagerPopup {
    align-items: center;
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px);
    background-color: hsla(0, 0%, 90%, 0.5);
    justify-content: center;
    padding: 60px 0;
  }
  .contactGuestManagerPopup.show {
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 999999;
  }
}
.contactGuestManagerPopup__inner {
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-name: animatePopupInner;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff;
  max-width: 600px;
  position: relative;
}
@media (min-width: 1024px) {
  .contactGuestManagerPopup__inner {
    border-radius: 0 40px 0 0;
    display: flex;
    min-height: 625px;
    overflow: hidden;
  }
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__inner {
    height: 100%;
  }
}
.contactGuestManagerPopup__image {
  width: 280px;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__image {
    display: none;
  }
}
.contactGuestManagerPopup__formWrapper {
  position: relative;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__formWrapper {
    height: 100%;
    padding: 115px var(--viewportSidePadding) 0;
  }
}
@media (min-width: 1024px) {
  .contactGuestManagerPopup__formWrapper {
    flex: 1;
  }
}
.contactGuestManagerPopup__errorMessage,
.contactGuestManagerPopup__otpValidation,
.contactGuestManagerPopup__submitting,
.contactGuestManagerPopup__successMessage {
  background-color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 36px 36px 30px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__errorMessage,
  .contactGuestManagerPopup__otpValidation,
  .contactGuestManagerPopup__submitting,
  .contactGuestManagerPopup__successMessage {
    padding: 115px var(--viewportSidePadding) 37px;
  }
}
.contactGuestManagerPopup.validateOtp .contactGuestManagerPopup__form {
  opacity: 0;
  pointer-events: none;
}
.contactGuestManagerPopup.validateOtp .contactGuestManagerPopup__otpValidation {
  opacity: 1;
  pointer-events: auto;
}
.contactGuestManagerPopup__otpValidation .enquirePopup__subheading {
  color: #6f7073;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 15px;
  margin-top: 24px;
}
.contactGuestManagerPopup__otpValidation .enquirePopup__input[type="tel"] {
  margin-top: 24px;
  padding: 0 16px;
}
.contactGuestManagerPopup__otpValidation .enquirePopup__buttonGroup {
  margin-top: 50px;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__otpValidation .enquirePopup__buttonGroup {
    margin-top: auto;
  }
}
.contactGuestManagerPopup__submitting {
  align-items: center;
  display: flex;
  justify-content: center;
}
.contactGuestManagerPopup.is-submitting .contactGuestManagerPopup__form {
  opacity: 0;
  pointer-events: none;
}
.contactGuestManagerPopup.is-submitting .contactGuestManagerPopup__submitting {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.contactGuestManagerPopup.has-submitted .contactGuestManagerPopup__form {
  opacity: 0;
  pointer-events: none;
}
.contactGuestManagerPopup.has-submitted
  .contactGuestManagerPopup__successMessage {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.contactGuestManagerPopup.has-api-error .contactGuestManagerPopup__form {
  opacity: 0;
  pointer-events: none;
}
.contactGuestManagerPopup.has-api-error
  .contactGuestManagerPopup__errorMessage[data-error-type="api-error"] {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.contactGuestManagerPopup.has-duplicate-code-error
  .contactGuestManagerPopup__form {
  opacity: 0;
  pointer-events: none;
}
.contactGuestManagerPopup.has-duplicate-code-error
  .contactGuestManagerPopup__errorMessage[data-error-type="duplicate-code-error"] {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.contactGuestManagerPopup__loaderImage {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: animateLoader;
  height: 80px;
  width: 80px;
}
@keyframes animateLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.contactGuestManagerPopup__form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__form {
    justify-content: space-between;
  }
}
@media (min-width: 1025px) {
  .contactGuestManagerPopup__form .adb {
    padding: 60px 36px 20px;
  }
}
.contactGuestManagerPopup__heading {
  color: #f05862;
  font-family: Gotham-Medium;
  font-size: 24px;
  letter-spacing: -0.04em;
  line-height: 26px;
  text-transform: capitalize;
}
.contactGuestManagerPopup__heading + .contactGuestManagerPopup__inputWrapper {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__heading {
    font-size: 32px;
    letter-spacing: -1.28px;
    line-height: normal;
  }
}
.contactGuestManagerPopup__subheading {
  color: #6f7073;
  font-size: 14px;
  line-height: 22px;
  margin-top: 12px;
}
.contactGuestManagerPopup__inputWrapper {
  margin-top: 12px;
  position: relative;
}
.contactGuestManagerPopup__inputWrapper
  + .contactGuestManagerPopup__inputWrapper {
  margin-top: 12px;
}
.contactGuestManagerPopup__countryCodesWrapper {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 45px;
}
.contactGuestManagerPopup__countryCodesWrapper select {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.contactGuestManagerPopup__countryCodesWrapper
  .contactGuestManagerPopup__selectedCountryCodeWrapper {
  align-items: center;
  display: inline-flex;
  height: 100%;
  left: 0;
  padding-left: 10px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: auto;
  z-index: 1;
}
.contactGuestManagerPopup__countryCodesWrapper
  .contactGuestManagerPopup__selectedCountryCodeWrapper
  img {
  margin-top: -1px;
}
.contactGuestManagerPopup__countryCodesWrapper
  .contactGuestManagerPopup__selectedCountryCode {
  font-size: 14px;
}
#comments,
.contactGuestManagerPopup__input[type="email"],
.contactGuestManagerPopup__input[type="tel"],
.contactGuestManagerPopup__input[type="text"],
.project-ddl {
  border: 0.5px solid #cfcfd1;
  border-radius: 4px;
  color: #323334;
  font-family: Gotham-Book;
  font-size: 12px;
  height: 45px;
  line-height: 15px;
  padding: 0 10px;
  width: 248px;
}
@media (max-width: 1023px) {
  #comments,
  .contactGuestManagerPopup__input[type="email"],
  .contactGuestManagerPopup__input[type="tel"],
  .contactGuestManagerPopup__input[type="text"],
  .project-ddl {
    width: 100%;
  }
  #comments:focus,
  .contactGuestManagerPopup__input[type="email"]:focus,
  .contactGuestManagerPopup__input[type="tel"]:focus,
  .contactGuestManagerPopup__input[type="text"]:focus,
  .project-ddl:focus {
    font-size: 16px;
  }
}
.project-ddl {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-image: url(../assets/common/vectors/acc-arrow-down.svg);
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 24px;
  color: #6f7073;
}
#comments,
.project-ddl option {
  font-size: 12px;
}
#comments {
  border: 0.5px solid #cfcfd1;
  border-radius: 4px;
  color: #323334;
  height: 72px;
  line-height: 15px;
  padding: 10px;
  resize: none;
  width: 248px;
}
@media (max-width: 1023px) {
  #comments {
    width: 100%;
  }
}
.project-ddl option {
  font-size: 14px;
  padding: 5px 0;
  text-transform: capitalize;
}
.contactGuestManagerPopup__input[type="tel"] {
  padding-left: 65px;
}
.contactGuestManagerPopup__inputWrapper.is-invalid
  .contactGuestManagerPopup__input {
  border-color: #f05862;
  transition: border-color 0.2s ease;
}
.contactGuestManagerPopup__inputWrapper.is-invalid
  .contactGuestManagerPopup__inputError {
  display: block;
}
.contactGuestManagerPopup__inputError {
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: fadeIn;
  animation-timing-function: ease;
  color: #f05862;
  display: none;
  font-size: 10px;
  line-height: 12px;
  margin-top: 6px;
}
.contactGuestManagerPopup__checkboxLabel {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-top: 24px;
  position: relative;
}
.contactGuestManagerPopup__checkboxLabel
  + .contactGuestManagerPopup__checkboxLabel {
  margin-top: 12px;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__checkboxLabel
    + .contactGuestManagerPopup__checkboxLabel {
    padding-bottom: 60px;
  }
}
.contactGuestManagerPopup__checkboxInput {
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.contactGuestManagerPopup__checkboxInput:checked
  ~ .contactGuestManagerPopup__checkboxTick:after {
  opacity: 1;
}
.contactGuestManagerPopup__checkboxTick {
  height: 12px;
  position: relative;
  width: 12px;
}
.contactGuestManagerPopup__checkboxTick:before {
  border: 1px solid #9ea0a2;
  border-radius: 2px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.contactGuestManagerPopup__checkboxTick:after {
  background-image: url(../assets/common/vectors/icon_checkbox-tick.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 7px auto;
  border: 1px solid transparent;
  border-radius: 2px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.contactGuestManagerPopup__checkboxText {
  color: #6f7073;
  font-size: 14px;
  line-height: 17px;
  margin-left: 6px;
  user-select: none;
}
.contactGuestManagerPopup__buttonGroup {
  display: flex;
  margin-top: auto;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__buttonGroup {
    bottom: 0;
    box-shadow: 0 -1px 34px rgba(0, 0, 0, 0.08);
    left: 0;
    margin-left: -20px;
    margin-top: 0;
    padding-top: 0;
    position: sticky;
    width: 100vw;
  }
}
.contactGuestManagerPopup__submitButton {
  background-color: #034ea2;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  padding: 16px;
  width: 100%;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__submitButton {
    border-radius: 0;
    padding: 15px 16px;
    position: relative;
    width: 100%;
  }
}
.contactGuestManagerPopup__submitButton:hover {
  background: #043f81;
}
.contactGuestManagerPopup__okButton {
  background-color: #034ea2;
  border-radius: 54px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin-top: 24px;
  padding: 8px 16px;
}
.contactGuestManagerPopup__cancelButton {
  border: 1px solid #cfcfd1;
  border-radius: 54px;
  color: #9ea0a2;
  font-size: 14px;
  line-height: 22px;
  margin-left: 12px;
  padding: 8px 16px;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__cancelButton {
    display: none;
  }
}
.contactGuestManagerPopup__closeButton {
  padding: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .contactGuestManagerPopup__closeButton {
    padding: 85px 20px 20px;
  }
}
html.ov-h .contactGuestManagerPopup.show {
  z-index: 28;
}
@media (max-width: 1023px) {
  html.ov-h .contactGuestManagerPopup.show {
    z-index: 26;
  }
}
html.ov-h .contactGuestManagerPopup.show {
  z-index: 999999;
}
@media (max-width: 1023px) {
  html.ov-h.popup-opened .c-header {
    z-index: 9999999;
  }
}
[data-page="commercialProject"] .floorPlans,
[data-page="residentialProject"] .floorPlans,
[data-page="seoPage"] .floorPlans {
  contain: layout;
  padding: 70px 0;
  padding-bottom: 0 !important;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floorPlans,
  [data-page="residentialProject"] .floorPlans,
  [data-page="seoPage"] .floorPlans {
    padding: 0 0 36px;
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .floorPlans,
  [data-page="residentialProject"] .floorPlans,
  [data-page="seoPage"] .floorPlans {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  [data-page="commercialProject"] .floorPlans__header,
  [data-page="residentialProject"] .floorPlans__header,
  [data-page="seoPage"] .floorPlans__header {
    display: flex;
    justify-content: space-between;
  }
}
[data-page="commercialProject"] .floorPlans__heading,
[data-page="residentialProject"] .floorPlans__heading,
[data-page="seoPage"] .floorPlans__heading {
  color: #323334;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 48px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floorPlans__heading,
  [data-page="residentialProject"] .floorPlans__heading,
  [data-page="seoPage"] .floorPlans__heading {
    font-size: 32px;
    line-height: 34px;
  }
}
[data-page="commercialProject"] .floorPlans__tabs,
[data-page="residentialProject"] .floorPlans__tabs,
[data-page="seoPage"] .floorPlans__tabs {
  display: flex;
  margin-top: 16px;
}
[data-page="commercialProject"] .floorPlans__tabs > * + *,
[data-page="residentialProject"] .floorPlans__tabs > * + *,
[data-page="seoPage"] .floorPlans__tabs > * + * {
  margin-left: 16px;
}
[data-page="commercialProject"] .floorPlans__tab,
[data-page="residentialProject"] .floorPlans__tab,
[data-page="seoPage"] .floorPlans__tab {
  align-items: center;
  background: #fff;
  border: 1px solid #cfcfd1;
  border-radius: 4px;
  color: #6f7073;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  gap: 4px;
  justify-content: center;
  letter-spacing: -0.02em;
  line-height: 15px;
  padding: 12px 16px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floorPlans__tab,
  [data-page="residentialProject"] .floorPlans__tab,
  [data-page="seoPage"] .floorPlans__tab {
    font-size: 12px;
    line-height: 13px;
    padding: 8px;
  }
}
@media (hover: hover) {
  [data-page="commercialProject"] .floorPlans__tab:hover,
  [data-page="residentialProject"] .floorPlans__tab:hover,
  [data-page="seoPage"] .floorPlans__tab:hover {
    background-color: #034ea2;
    border-color: #034ea2;
    color: #fff;
  }
}
[data-page="commercialProject"] .floorPlans__textCta,
[data-page="residentialProject"] .floorPlans__textCta,
[data-page="seoPage"] .floorPlans__textCta {
  color: #034ea2;
  position: relative;
}
[data-page="commercialProject"] .floorPlans__textCta:after,
[data-page="residentialProject"] .floorPlans__textCta:after,
[data-page="seoPage"] .floorPlans__textCta:after {
  background: #034ea2;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}
[data-page="commercialProject"]
  .floorPlans[data-active-tab="1BHK"]
  .floorPlans__tab[data-floor-plans="1BHK"],
[data-page="commercialProject"]
  .floorPlans[data-active-tab="2.5BHK"]
  .floorPlans__tab[data-floor-plans="2.5BHK"],
[data-page="commercialProject"]
  .floorPlans[data-active-tab="2BHK"]
  .floorPlans__tab[data-floor-plans="2BHK"],
[data-page="commercialProject"]
  .floorPlans[data-active-tab="3.5BHK"]
  .floorPlans__tab[data-floor-plans="3.5BHK"],
[data-page="commercialProject"]
  .floorPlans[data-active-tab="3BHK"]
  .floorPlans__tab[data-floor-plans="3BHK"],
[data-page="commercialProject"]
  .floorPlans[data-active-tab="4BHK"]
  .floorPlans__tab[data-floor-plans="4BHK"],
[data-page="residentialProject"]
  .floorPlans[data-active-tab="1BHK"]
  .floorPlans__tab[data-floor-plans="1BHK"],
[data-page="residentialProject"]
  .floorPlans[data-active-tab="2.5BHK"]
  .floorPlans__tab[data-floor-plans="2.5BHK"],
[data-page="residentialProject"]
  .floorPlans[data-active-tab="2BHK"]
  .floorPlans__tab[data-floor-plans="2BHK"],
[data-page="residentialProject"]
  .floorPlans[data-active-tab="3.5BHK"]
  .floorPlans__tab[data-floor-plans="3.5BHK"],
[data-page="residentialProject"]
  .floorPlans[data-active-tab="3BHK"]
  .floorPlans__tab[data-floor-plans="3BHK"],
[data-page="residentialProject"]
  .floorPlans[data-active-tab="4BHK"]
  .floorPlans__tab[data-floor-plans="4BHK"],
[data-page="seoPage"]
  .floorPlans[data-active-tab="1BHK"]
  .floorPlans__tab[data-floor-plans="1BHK"],
[data-page="seoPage"]
  .floorPlans[data-active-tab="2.5BHK"]
  .floorPlans__tab[data-floor-plans="2.5BHK"],
[data-page="seoPage"]
  .floorPlans[data-active-tab="2BHK"]
  .floorPlans__tab[data-floor-plans="2BHK"],
[data-page="seoPage"]
  .floorPlans[data-active-tab="3.5BHK"]
  .floorPlans__tab[data-floor-plans="3.5BHK"],
[data-page="seoPage"]
  .floorPlans[data-active-tab="3BHK"]
  .floorPlans__tab[data-floor-plans="3BHK"],
[data-page="seoPage"]
  .floorPlans[data-active-tab="4BHK"]
  .floorPlans__tab[data-floor-plans="4BHK"] {
  background-color: #034ea2;
  border-color: #034ea2;
  color: #fff;
}
[data-page="commercialProject"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideTitle,
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideTitle,
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideTitle,
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideTitle {
  opacity: 0;
  transform: translate3d(-100px, 0, 0);
  transition-duration: 0.8s;
  transition-property: opacity, transform;
  transition-timing-function: ease;
}
[data-page="commercialProject"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__slider
  > :first-child
  .floorPlans__slideTitle {
  transition-delay: 0.04s;
}
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideTitle {
  transition-delay: 0.02s;
}
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideTitle,
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideTitle {
  transition-delay: 0s;
}
[data-page="commercialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :first-child
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :first-child
  .floorPlans__slideTitle,
[data-page="commercialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideTitle,
[data-page="commercialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideTitle,
[data-page="commercialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideImageWrapper,
[data-page="commercialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :first-child
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :first-child
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideTitle,
[data-page="residentialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideImageWrapper,
[data-page="residentialProject"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :first-child
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :first-child
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(2)
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(3)
  .floorPlans__slideTitle,
[data-page="seoPage"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideImageWrapper,
[data-page="seoPage"]
  .floorPlans__sliderWrapper.animateIn
  .floorPlans__slider
  > :nth-child(4)
  .floorPlans__slideTitle {
  opacity: 1;
  transform: none;
}
[data-page="commercialProject"] .floorPlans__nav,
[data-page="residentialProject"] .floorPlans__nav,
[data-page="seoPage"] .floorPlans__nav {
  align-items: center;
  bottom: 38px;
  display: flex;
  height: calc(100% - 38px);
  justify-content: space-between;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floorPlans__nav,
  [data-page="residentialProject"] .floorPlans__nav,
  [data-page="seoPage"] .floorPlans__nav {
    display: none;
  }
}
[data-page="commercialProject"] .floorPlans__navButton,
[data-page="residentialProject"] .floorPlans__navButton,
[data-page="seoPage"] .floorPlans__navButton {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: flex;
  height: 52px;
  justify-content: center;
  padding: 24px 10px;
  pointer-events: auto;
  width: 52px;
}
[data-page="commercialProject"]
  .floorPlans__navButton
  .floorPlans__navButtonArrow,
[data-page="residentialProject"]
  .floorPlans__navButton
  .floorPlans__navButtonArrow,
[data-page="seoPage"] .floorPlans__navButton .floorPlans__navButtonArrow {
  height: auto;
  width: 12px;
}
[data-page="commercialProject"] .floorPlans__navButton.-previous,
[data-page="residentialProject"] .floorPlans__navButton.-previous,
[data-page="seoPage"] .floorPlans__navButton.-previous {
  margin-left: 18px;
}
[data-page="commercialProject"]
  .floorPlans__navButton.-previous
  .floorPlans__navButtonArrow,
[data-page="residentialProject"]
  .floorPlans__navButton.-previous
  .floorPlans__navButtonArrow,
[data-page="seoPage"]
  .floorPlans__navButton.-previous
  .floorPlans__navButtonArrow {
  transform: rotate(180deg);
}
[data-page="commercialProject"] .floorPlans__navButton.-next,
[data-page="residentialProject"] .floorPlans__navButton.-next,
[data-page="seoPage"] .floorPlans__navButton.-next {
  margin-right: 18px;
}
@media (hover: hover) {
  [data-page="commercialProject"] .floorPlans__navButton:hover,
  [data-page="residentialProject"] .floorPlans__navButton:hover,
  [data-page="seoPage"] .floorPlans__navButton:hover {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
[data-page="commercialProject"] .floorPlans__sliderWrapper,
[data-page="residentialProject"] .floorPlans__sliderWrapper,
[data-page="seoPage"] .floorPlans__sliderWrapper {
  margin-left: calc(0px - var(--viewportSidePadding));
  margin-top: 32px;
  position: relative;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floorPlans__sliderWrapper,
  [data-page="residentialProject"] .floorPlans__sliderWrapper,
  [data-page="seoPage"] .floorPlans__sliderWrapper {
    margin-top: 20px;
  }
}
@media (hover: hover) {
  [data-page="commercialProject"]
    .floorPlans__sliderWrapper:hover
    .floorPlans__nav,
  [data-page="residentialProject"]
    .floorPlans__sliderWrapper:hover
    .floorPlans__nav,
  [data-page="seoPage"] .floorPlans__sliderWrapper:hover .floorPlans__nav {
    opacity: 1;
  }
}
[data-page="commercialProject"] .floorPlans__slider,
[data-page="residentialProject"] .floorPlans__slider,
[data-page="seoPage"] .floorPlans__slider {
  -ms-overflow-style: none;
  display: flex;
  flex-shrink: 0;
  overflow: auto;
  padding: 0 var(--viewportSidePadding);
  position: relative;
  scrollbar-width: none;
}
[data-page="commercialProject"] .floorPlans__slider::-webkit-scrollbar,
[data-page="residentialProject"] .floorPlans__slider::-webkit-scrollbar,
[data-page="seoPage"] .floorPlans__slider::-webkit-scrollbar {
  display: none;
}
[data-page="commercialProject"] .floorPlans__slider > * + *,
[data-page="residentialProject"] .floorPlans__slider > * + *,
[data-page="seoPage"] .floorPlans__slider > * + * {
  margin-left: 24px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floorPlans__slider,
  [data-page="residentialProject"] .floorPlans__slider,
  [data-page="seoPage"] .floorPlans__slider {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    scroll-padding-left: var(--viewportSidePadding);
    scroll-snap-type: x mandatory;
  }
  [data-page="commercialProject"] .floorPlans__slider > * + *,
  [data-page="residentialProject"] .floorPlans__slider > * + *,
  [data-page="seoPage"] .floorPlans__slider > * + * {
    margin-left: 20px;
  }
}
[data-page="commercialProject"] .floorPlans__slide,
[data-page="residentialProject"] .floorPlans__slide,
[data-page="seoPage"] .floorPlans__slide {
  flex-shrink: 0;
  width: calc(50% - 12px);
}
[data-page="commercialProject"] .floorPlans__slide.-hideSlide,
[data-page="residentialProject"] .floorPlans__slide.-hideSlide,
[data-page="seoPage"] .floorPlans__slide.-hideSlide {
  display: none;
}
[data-page="commercialProject"]
  .floorPlans__slide.floorplan-blur
  .floorPlans__slideImage,
[data-page="residentialProject"]
  .floorPlans__slide.floorplan-blur
  .floorPlans__slideImage,
[data-page="seoPage"]
  .floorPlans__slide.floorplan-blur
  .floorPlans__slideImage {
  filter: blur(10px);
  -webkit-filter: blur(10px);
  opacity: 0.5;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floorPlans__slide,
  [data-page="residentialProject"] .floorPlans__slide,
  [data-page="seoPage"] .floorPlans__slide {
    scroll-snap-align: start;
    width: calc(100% - 20px);
  }
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .floorPlans__slide,
  [data-page="residentialProject"] .floorPlans__slide,
  [data-page="seoPage"] .floorPlans__slide {
    display: flex;
    flex-direction: column;
    pointer-events: none;
  }
}
[data-page="commercialProject"] .floorPlans__slideImageWrapper,
[data-page="residentialProject"] .floorPlans__slideImageWrapper,
[data-page="seoPage"] .floorPlans__slideImageWrapper {
  border: 1px solid #cfcfd1;
  border-radius: 8px;
  overflow: hidden;
  padding-top: 65.6195462478%;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  [data-page="commercialProject"] .floorPlans__slideImageWrapper,
  [data-page="residentialProject"] .floorPlans__slideImageWrapper,
  [data-page="seoPage"] .floorPlans__slideImageWrapper {
    flex: 1;
  }
}
[data-page="commercialProject"] .floorPlans__slideImage,
[data-page="residentialProject"] .floorPlans__slideImage,
[data-page="seoPage"] .floorPlans__slideImage {
  object-fit: contain;
  pointer-events: none;
}
[data-page="commercialProject"] .floorPlans__slideTitle,
[data-page="residentialProject"] .floorPlans__slideTitle,
[data-page="seoPage"] .floorPlans__slideTitle {
  color: #6f7073;
  font-size: 14px;
  line-height: 22px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floorPlans__slideTitle,
  [data-page="residentialProject"] .floorPlans__slideTitle,
  [data-page="seoPage"] .floorPlans__slideTitle {
    margin-top: 12px;
  }
}
[data-page="commercialProject"] .floorPlans.isLocked .floorPlans__slideLock,
[data-page="residentialProject"] .floorPlans.isLocked .floorPlans__slideLock,
[data-page="seoPage"] .floorPlans.isLocked .floorPlans__slideLock {
  display: flex;
}
[data-page="commercialProject"]
  .floorPlans:not(.isLocked)
  .floorPlans__slide.floorplan-blur
  .floorPlans__slideImage,
[data-page="residentialProject"]
  .floorPlans:not(.isLocked)
  .floorPlans__slide.floorplan-blur
  .floorPlans__slideImage,
[data-page="seoPage"]
  .floorPlans:not(.isLocked)
  .floorPlans__slide.floorplan-blur
  .floorPlans__slideImage {
  filter: blur(0);
  -webkit-filter: blur(0);
}
[data-page="commercialProject"] .floorPlans__slideLock,
[data-page="residentialProject"] .floorPlans__slideLock,
[data-page="seoPage"] .floorPlans__slideLock {
  align-items: center;
  display: none;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  pointer-events: auto;
}
[data-page="commercialProject"] .floorPlans__slideLockText,
[data-page="residentialProject"] .floorPlans__slideLockText,
[data-page="seoPage"] .floorPlans__slideLockText {
  color: #323334;
  font-family: Gotham-Medium;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .floorPlans__slideLockText,
  [data-page="residentialProject"] .floorPlans__slideLockText,
  [data-page="seoPage"] .floorPlans__slideLockText {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="commercialProject"] .floorPlans__enquireButton,
[data-page="residentialProject"] .floorPlans__enquireButton,
[data-page="seoPage"] .floorPlans__enquireButton {
  background-color: #034ea2;
}
[data-page="commercialProject"] .floorPlans__enquireButton span,
[data-page="residentialProject"] .floorPlans__enquireButton span,
[data-page="seoPage"] .floorPlans__enquireButton span {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
}
[data-page="commercialProject"] .floorPlans__enquireButton:hover,
[data-page="residentialProject"] .floorPlans__enquireButton:hover,
[data-page="seoPage"] .floorPlans__enquireButton:hover {
  background: #043f81;
}
[data-project-name="Skyraa"]
  [data-page="residentialProject"]
  .floorPlans__slideLockText {
  color: #fff;
}
header.c-header .fixed-rera-header {
  background: #f2f2f2;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  transform: translate3d(0, -100px, 0);
  transition: all 0.2s ease;
  visibility: hidden;
  width: 100%;
}
header.c-header .fixed-rera-header .marquee {
  box-sizing: border-box;
  display: flex;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
header.c-header .fixed-rera-header .marquee .ticker__close {
  cursor: pointer;
  line-height: 0;
  position: absolute;
  right: 30px;
  top: 44%;
  z-index: 25;
}
@media (max-width: 1023px) {
  header.c-header .fixed-rera-header .marquee .ticker__close {
    right: 4%;
  }
}
header.c-header .fixed-rera-header:after,
header.c-header .fixed-rera-header:before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 10%;
  z-index: 1;
}
@media (max-width: 1023px) {
  header.c-header .fixed-rera-header:after,
  header.c-header .fixed-rera-header:before {
    width: 10%;
  }
}
header.c-header .fixed-rera-header .c-navyblue {
  color: #0751a0 !important;
}
header.c-header .fixed-rera-header .td-u {
  text-decoration: underline !important;
}
header.c-header .fixed-rera-header:before {
  background: linear-gradient(90deg, #ebebeb 40%, transparent 80%);
  left: 0;
}
header.c-header .fixed-rera-header:after {
  background: linear-gradient(270deg, #ebebeb 40%, transparent 80%);
  right: 0;
}
@media (max-width: 1023px) {
  header.c-header .fixed-rera-header:after {
    background: linear-gradient(270deg, #ebebeb 100%, transparent 0);
  }
}
header.c-header .fixed-rera-header .marquee__content {
  column-gap: 20px;
  display: flex;
  padding-left: 10px;
}
header.c-header .fixed-rera-header .marquee__content:hover {
  animation-play-state: paused;
}
header.c-header .fixed-rera-header .list-inline {
  column-gap: 10px;
  display: flex;
  justify-content: space-around;
  list-style: none;
  margin: 0;
  padding-top: 2px;
}
header.c-header .fixed-rera-header .list-inline li {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 11px;
  letter-spacing: 0.36px;
  line-height: 40px;
}
header.c-header .fixed-rera-header .list-inline li.custom_opacity {
  opacity: 1;
}
header.c-header.is-compressed .fixed-rera-header {
  border-bottom: 1px solid #efefef;
  opacity: 1;
  overflow: hidden;
  transform: translateZ(0);
  visibility: visible;
}
[data-page="careers"] .testimonial,
[data-page="commercialProject"] .testimonial,
[data-page="home"] .testimonial,
[data-page="residentialProject"] .testimonial {
  contain: content;
  padding: 60px 0;
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial,
  [data-page="commercialProject"] .testimonial,
  [data-page="home"] .testimonial,
  [data-page="residentialProject"] .testimonial {
    padding: 40px 0;
  }
}
[data-page="careers"] .testimonial__videoWrapper,
[data-page="commercialProject"] .testimonial__videoWrapper,
[data-page="home"] .testimonial__videoWrapper,
[data-page="residentialProject"] .testimonial__videoWrapper {
  background: rgba(0, 0, 0, 0.26);
  bottom: 0;
  height: 101%;
  left: -1px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -1px;
  width: 101%;
}
[data-page="careers"] .testimonial__videoWrapper video,
[data-page="commercialProject"] .testimonial__videoWrapper video,
[data-page="home"] .testimonial__videoWrapper video,
[data-page="residentialProject"] .testimonial__videoWrapper video {
  height: 100%;
  object-fit: cover;
  opacity: 0.7;
  width: 100%;
}
@media (min-width: 1024px) and (max-width: 1220px) {
  [data-page="careers"] .testimonial__videoWrapper video,
  [data-page="commercialProject"] .testimonial__videoWrapper video,
  [data-page="home"] .testimonial__videoWrapper video,
  [data-page="residentialProject"] .testimonial__videoWrapper video {
    height: 110%;
    width: 110%;
  }
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial__videoWrapper video,
  [data-page="commercialProject"] .testimonial__videoWrapper video,
  [data-page="home"] .testimonial__videoWrapper video,
  [data-page="residentialProject"] .testimonial__videoWrapper video {
    height: 110%;
    transform: scale(1.3);
    width: 110%;
  }
}
[data-page="careers"] .testimonial__container,
[data-page="commercialProject"] .testimonial__container,
[data-page="home"] .testimonial__container,
[data-page="residentialProject"] .testimonial__container {
  align-items: center;
  background: linear-gradient(
    104.26deg,
    rgba(226, 243, 247, 0.75),
    hsla(0, 12%, 91%, 0.22) 99.32%
  );
  border-radius: 16px;
  display: flex;
  gap: 96px;
  justify-content: start;
  overflow: hidden;
  padding: 100px 65px;
  position: relative;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial__container,
  [data-page="commercialProject"] .testimonial__container,
  [data-page="home"] .testimonial__container,
  [data-page="residentialProject"] .testimonial__container {
    flex-direction: column;
    gap: 30px;
    padding: 75px 31px;
  }
}
[data-page="careers"] .testimonial__content,
[data-page="commercialProject"] .testimonial__content,
[data-page="home"] .testimonial__content,
[data-page="residentialProject"] .testimonial__content {
  margin-right: auto;
  max-width: 470px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial__content,
  [data-page="commercialProject"] .testimonial__content,
  [data-page="home"] .testimonial__content,
  [data-page="residentialProject"] .testimonial__content {
    margin-left: 0;
    max-width: fit-content;
  }
}
[data-page="careers"] .testimonial__lhs,
[data-page="careers"] .testimonial__rhs,
[data-page="commercialProject"] .testimonial__lhs,
[data-page="commercialProject"] .testimonial__rhs,
[data-page="home"] .testimonial__lhs,
[data-page="home"] .testimonial__rhs,
[data-page="residentialProject"] .testimonial__lhs,
[data-page="residentialProject"] .testimonial__rhs {
  width: calc(50% - 16px);
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial__lhs,
  [data-page="careers"] .testimonial__rhs,
  [data-page="commercialProject"] .testimonial__lhs,
  [data-page="commercialProject"] .testimonial__rhs,
  [data-page="home"] .testimonial__lhs,
  [data-page="home"] .testimonial__rhs,
  [data-page="residentialProject"] .testimonial__lhs,
  [data-page="residentialProject"] .testimonial__rhs {
    width: 100%;
  }
}
[data-page="careers"] .testimonial__lhs,
[data-page="commercialProject"] .testimonial__lhs,
[data-page="home"] .testimonial__lhs,
[data-page="residentialProject"] .testimonial__lhs {
  align-self: start;
  display: flex;
  justify-content: start;
}
[data-page="careers"] .testimonial__title,
[data-page="commercialProject"] .testimonial__title,
[data-page="home"] .testimonial__title,
[data-page="residentialProject"] .testimonial__title {
  color: #fff;
  font-size: 60px;
  font-weight: 400;
  line-height: 64px;
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial__title,
  [data-page="commercialProject"] .testimonial__title,
  [data-page="home"] .testimonial__title,
  [data-page="residentialProject"] .testimonial__title {
    font-size: 22px;
    line-height: 26px;
  }
}
[data-page="careers"] .testimonial__desc,
[data-page="commercialProject"] .testimonial__desc,
[data-page="home"] .testimonial__desc,
[data-page="residentialProject"] .testimonial__desc {
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
  margin-top: 15px;
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial__desc,
  [data-page="commercialProject"] .testimonial__desc,
  [data-page="home"] .testimonial__desc,
  [data-page="residentialProject"] .testimonial__desc {
    font-size: 12px;
    line-height: 16px;
  }
}
[data-page="careers"] .testimonial__download,
[data-page="commercialProject"] .testimonial__download,
[data-page="home"] .testimonial__download,
[data-page="residentialProject"] .testimonial__download {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  gap: 8px;
  justify-content: center;
  line-height: 22px;
  margin-top: 15px;
  opacity: 1;
  padding: 10px 16px;
  width: max-content;
}
[data-page="careers"] .testimonial__download:hover,
[data-page="commercialProject"] .testimonial__download:hover,
[data-page="home"] .testimonial__download:hover,
[data-page="residentialProject"] .testimonial__download:hover {
  opacity: 0.7;
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial__download,
  [data-page="commercialProject"] .testimonial__download,
  [data-page="home"] .testimonial__download,
  [data-page="residentialProject"] .testimonial__download {
    margin-top: 16px;
  }
}
[data-page="careers"] .testimonial__imgWrapper,
[data-page="commercialProject"] .testimonial__imgWrapper,
[data-page="home"] .testimonial__imgWrapper,
[data-page="residentialProject"] .testimonial__imgWrapper {
  border-radius: 16px;
  height: 454px;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  width: 454px;
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial__imgWrapper,
  [data-page="careers"] .testimonial__imgWrapper img,
  [data-page="commercialProject"] .testimonial__imgWrapper,
  [data-page="commercialProject"] .testimonial__imgWrapper img,
  [data-page="home"] .testimonial__imgWrapper,
  [data-page="home"] .testimonial__imgWrapper img,
  [data-page="residentialProject"] .testimonial__imgWrapper,
  [data-page="residentialProject"] .testimonial__imgWrapper img {
    height: 238px;
    width: 100%;
  }
}
[data-page="careers"] .testimonial__imgWrapper:before,
[data-page="commercialProject"] .testimonial__imgWrapper:before,
[data-page="home"] .testimonial__imgWrapper:before,
[data-page="residentialProject"] .testimonial__imgWrapper:before {
  background: rgba(0, 0, 0, 0.26);
  content: "";
  height: 100%;
  left: 0;
  mix-blend-mode: plus-lighter;
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="careers"] .testimonial__playIcon,
[data-page="commercialProject"] .testimonial__playIcon,
[data-page="home"] .testimonial__playIcon,
[data-page="residentialProject"] .testimonial__playIcon {
  cursor: pointer;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}
[data-page="careers"] .testimonial__playIcon svg,
[data-page="commercialProject"] .testimonial__playIcon svg,
[data-page="home"] .testimonial__playIcon svg,
[data-page="residentialProject"] .testimonial__playIcon svg {
  display: inline-block;
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial__playIcon svg,
  [data-page="commercialProject"] .testimonial__playIcon svg,
  [data-page="home"] .testimonial__playIcon svg,
  [data-page="residentialProject"] .testimonial__playIcon svg {
    height: 35px;
    width: 35px;
  }
}
[data-page="careers"] .testimonial__quotIcon,
[data-page="commercialProject"] .testimonial__quotIcon,
[data-page="home"] .testimonial__quotIcon,
[data-page="residentialProject"] .testimonial__quotIcon {
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="careers"] .testimonial__quotIcon svg,
  [data-page="commercialProject"] .testimonial__quotIcon svg,
  [data-page="home"] .testimonial__quotIcon svg,
  [data-page="residentialProject"] .testimonial__quotIcon svg {
    height: 12px;
    width: auto;
  }
}
[data-page="careers"] .testimonial .animateIn .introAnimElement,
[data-page="commercialProject"] .testimonial .animateIn .introAnimElement,
[data-page="home"] .testimonial .animateIn .introAnimElement,
[data-page="residentialProject"] .testimonial .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
.modal {
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  display: none;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 1rem;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.35s ease-in;
  visibility: hidden;
}
.modal.is-visible {
  display: flex;
  opacity: 1;
  visibility: visible;
  z-index: 999999;
}
.modal-dialog {
  border-radius: 5px;
  cursor: default;
  height: max-content;
  overflow: auto;
  position: relative;
  width: 75%;
}
@media (max-width: 1023px) {
  .modal-dialog {
    max-width: 450px;
    width: 95%;
  }
}
.modal-content {
  padding: 0;
}
.modal-header {
  align-items: center;
  display: flex;
  justify-content: end;
  padding: 0;
}
.modal .close-modal {
  color: #fff;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 50px;
}
@media (max-width: 1023px) {
  .modal .close-modal {
    right: 30px;
    top: 30px;
  }
}
.modal p + p {
  margin-top: 1rem;
}
.fadeIn-dur400 {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  opacity: 0;
}
#video {
  background-color: #000;
}
#video-wrapper:hover .video-controls {
  opacity: 1;
  visibility: visible;
}
#seek {
  opacity: 0;
  width: 100%;
}
.video-controls {
  opacity: 0;
  visibility: hidden;
}
.video-controls .controls-justify {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-controls.d-n {
  display: none;
}
#video-fullscreen {
  height: 0;
  max-height: 20px;
  max-width: 20px;
  overflow: hidden;
  position: absolute;
  width: 0;
}
#progress-bar {
  background-color: hsla(0, 0%, 100%, 0.3);
  margin: auto;
  right: 0;
  width: 100%;
}
#progress,
#progress-bar {
  bottom: 40px;
  height: 5px;
  left: 0;
  position: absolute;
}
#progress {
  background-color: #116dd0;
  top: 0;
  width: 0;
}
#volume {
  background-color: hsla(0, 0%, 100%, 0.6);
  background-image: url(../assets/common/vectors/icon_unmute.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 11px 18px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  margin-left: 30px;
  width: 50px;
}
#volume.mute {
  background-image: url(../assets/common/vectors/icon_mute.svg);
  background-position: calc(50% + 3px) 50%;
  background-size: auto 19px;
}
#playpause {
  background-color: hsla(0, 0%, 100%, 0.6);
  background-image: url(../assets/common/vectors/icon_pause.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 13px auto;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  width: 50px;
}
#playpause.pause {
  background-image: url(../assets/common/vectors/icon_playpause.svg);
  background-size: 18px 18px;
}
html.is-desktop #video-popup {
  padding-left: 35px;
}
[data-page="careers"] .testimonial__title {
  font-size: 32px;
  line-height: normal;
}
.emiCalculator {
  contain: content;
  margin-left: calc(0px - var(--viewportSidePadding));
  padding: 64px var(--viewportSidePadding);
  padding-bottom: 0 !important;
  width: var(--viewportWidth);
}
.emiCalculator .transitionDelay80 {
  transition-delay: 0.08s;
}
@media (min-width: 1025px) {
  .emiCalculator .is-mobile {
    display: none;
  }
}
.emiCalculator .transitionDelay120 {
  transition-delay: 0.12s;
}
.emiCalculator .transitionDelay160 {
  transition-delay: 0.16s;
}
.emiCalculator .emiCalculator__wrapper.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
@media (max-width: 1023px) {
  .emiCalculator {
    padding: 40px var(--viewportSidePadding);
  }
}
.emiCalculator__wrapper {
  align-items: stretch;
  border: 1px solid transparent;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  padding: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  .emiCalculator__wrapper {
    background: none;
    border: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 0;
    max-width: 100%;
  }
}
.emiCalculator__lhs,
.emiCalculator__rhs {
  max-width: 100%;
  width: 100%;
}
.emiCalculator__lhs {
  margin-left: auto;
}
.emiCalculator__rhs {
  margin-right: auto;
}
.emiCalculator__body {
  width: 100%;
}
.emiCalculator__content {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
}
.emiCalculator__content section {
  flex-shrink: 0;
}
.emiCalculator__content section .symInput {
  max-width: 125px;
}
.emiCalculator__content section .symInput input {
  width: 100%;
}
.emiCalculator__content section .symInput span {
  color: #323334;
  font-size: 15px;
  line-height: 22px;
}
.emiCalculator__content section .numberOfYears__wrapper .symInput {
  max-width: 72px;
}
@media (max-width: 1023px) {
  .emiCalculator__content {
    border: 0;
    gap: 44px;
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
  }
  .emiCalculator__header {
    padding-bottom: 20px;
  }
}
.emiCalculator__heading {
  color: #323334;
  font-size: 36px;
  letter-spacing: -0.03em;
  line-height: 36px;
  margin: auto;
  max-width: 600px;
  text-align: center;
}
@media (max-width: 1023px) {
  .emiCalculator__heading {
    font-size: 24px;
    line-height: 30px;
    margin-left: 0;
    max-width: 266px;
    text-align: left;
  }
}
.emiCalculator__title {
  align-items: center;
  color: #323334;
  display: flex;
  font-size: 20px;
  letter-spacing: -0.05em;
  line-height: 22px;
  text-align: center;
}
.emiCalculator__desc {
  align-items: flex-end;
  color: #9ea0a2;
  display: flex;
  font-size: 12px;
  letter-spacing: -0.24px;
  line-height: 20px;
  max-width: 190px;
  text-align: right;
  width: 100%;
  z-index: 1;
}
@media (max-width: 1023px) {
  .emiCalculator__desc {
    max-width: 100%;
    text-align: left;
  }
}
.emiCalculator .loanAmount__wrapper .symInput {
  align-items: baseline;
}
@media (max-width: 1023px) {
  .emiCalculator .loanAmount__wrapper .rupeeSymbol {
    font-size: 15px;
    margin-top: 0;
  }
}
.emiCalculator .emiLoanAmount__text {
  color: #6f7073;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
}
.emiCalculator .emiPopularPlans__value,
.emiCalculator .interest-rate-input,
.emiCalculator .loan-amount-input,
.emiCalculator .num-of-years-input {
  color: #323334;
  font-size: 15px;
  letter-spacing: -0.03em;
  line-height: 22px;
  position: relative;
}
@media (max-width: 1023px) {
  .emiCalculator .emiPopularPlans__value,
  .emiCalculator .interest-rate-input,
  .emiCalculator .loan-amount-input,
  .emiCalculator .num-of-years-input {
    color: #323334;
    font-size: 15px;
    line-height: 22px;
  }
}
.emiCalculator .emiPopularPlans__value:focus,
.emiCalculator .interest-rate-input:focus,
.emiCalculator .loan-amount-input:focus,
.emiCalculator .num-of-years-input:focus {
  font-size: 16px;
}
.emiCalculator .num-of-years-input {
  max-width: 60px;
}
.emiCalculator .interest-rate-input {
  max-width: 35px;
}
.emiCalculator .symInput {
  align-items: flex-start;
  border: 1px solid #cfcfd1;
  border-radius: 4px;
  color: #034ea2;
  display: flex;
  gap: 5px;
  margin-top: 5px;
  padding: 10px;
  width: auto;
}
@media (max-width: 1023px) {
  .emiCalculator .symInput {
    padding: 6px 8px;
  }
}
.emiCalculator .interestRate .numberOfYears,
.emiCalculator .interestRate .symInput {
  gap: 0;
}
.emiCalculator .interestRate__wrapper,
.emiCalculator .loanAmount__wrapper,
.emiCalculator .numberOfYears__wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.emiCalculator .rupeeSymbol {
  color: #6f7073;
  font-size: 20px;
  letter-spacing: -0.05em;
  line-height: 22px;
}
@media (max-width: 1023px) {
  .emiCalculator .rupeeSymbol {
    color: #323334;
    font-size: 13px;
    margin-top: 8px;
  }
}
.emiCalculator .inputLabel {
  color: #323334;
  flex-shrink: 0;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .emiCalculator .inputLabel {
    font-size: 15px;
  }
}
.emiCalculator input[type="range"].slider {
  background: #e8e8e8;
  height: 2px;
  outline: none;
  width: 100%;
}
.emiCalculator .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #f05862;
  border-radius: 10px;
  cursor: pointer;
  height: 18px;
  overflow: visible;
  width: 18px;
}
@media (max-width: 1023px) {
  .emiCalculator .slider::-webkit-slider-thumb {
    height: 14px;
    width: 14px;
  }
}
.emiCalculator .slidecontainer {
  margin-top: 22px;
}
@media (max-width: 1023px) {
  .emiCalculator .slidecontainer {
    margin-top: 10px;
  }
}
.emiCalculator .slider::-webkit-slider-thumb:hover {
  background-color: #e05e67;
}
.emiCalculator .interestRate__rangeNum,
.emiCalculator .loanAmount__rangeAmount,
.emiCalculator .numberOfYears__rangeYear {
  align-items: center;
  color: #323334;
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  letter-spacing: -0.03em;
  line-height: 24px;
  margin-top: 17px;
}
@media (max-width: 1023px) {
  .emiCalculator .interestRate__rangeNum,
  .emiCalculator .loanAmount__rangeAmount,
  .emiCalculator .numberOfYears__rangeYear {
    font-size: 12px;
    margin-top: 5px;
  }
}
.emiCalculator .emiCalculator__rhs {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  margin-top: 30px;
}
.emiCalculator .emiCalculator__rhs .emiCalcResult {
  height: 380px;
  width: 100%;
}
@media (max-width: 1023px) {
  .emiCalculator .emiCalculator__rhs .emiCalcResult {
    height: auto;
  }
}
.emiCalculator .emiCalcResult {
  align-items: flex-start;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
  padding: 50px 50px 0;
  position: relative;
  text-align: center;
}
@media (max-width: 1023px) {
  .emiCalculator .emiCalcResult {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 36px 0;
    width: 100%;
  }
}
.emiCalculator .emiCalcResult__content {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.emiCalculator .emiCalcResult__content > div {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
}
@media (max-width: 1023px) {
  .emiCalculator .emiCalcResult__content > div {
    align-items: center;
    margin-bottom: 0;
  }
}
.emiCalculator .emiCalcResult__content .symInput {
  border: 0;
  padding: 0;
}
.emiCalculator .emiCalcResult__building {
  max-width: 50%;
  width: 100%;
  z-index: 1;
}
.emiCalculator .emiCalcResult__building svg {
  width: 100%;
}
@media (max-width: 1023px) {
  .emiCalculator .emiCalcResult__building {
    display: none;
  }
}
.emiCalculator .emiCalcResult:after {
  background: rgba(244, 245, 246, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.emiCalculator .emiCalcResult .rupeeSymbol {
  color: #034ea2;
  font-size: 36px;
  margin-right: 5px;
  padding-top: 13px;
  z-index: 1;
}
@media (min-width: 1441px) {
  .emiCalculator .emiCalcResult .rupeeSymbol {
    padding-top: 18px;
  }
}
.emiCalculator .emiCalcResult__title {
  color: #6f7073;
  font-size: 20px;
  letter-spacing: -0.03em;
  line-height: 22px;
  position: relative;
  z-index: 1;
}
.emiCalculator .emiCalcResult__value {
  color: #034ea2;
  font-size: 62px;
  letter-spacing: -0.03em;
  line-height: 66.4px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1441px) {
  .emiCalculator .emiCalcResult__value {
    font-size: 96px;
    line-height: 1;
  }
}
@media (max-width: 1023px) {
  .emiCalculator .emiCalcResult__value {
    font-size: 56px;
  }
}
.emiCalculator .emiBadge {
  background: #f47638;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  letter-spacing: -0.03em;
  line-height: 11px;
  padding: 4px 10px;
}
.emiCalculator .emiPopularPlans {
  height: 100%;
}
.emiCalculator .emiPopularPlans .emiCalculator__content {
  height: 100%;
  padding-bottom: 20px;
}
.emiCalculator .emiPopularPlans__body {
  margin-top: 40px;
}
.emiCalculator .emiPopularPlans__list {
  list-style: none;
}
.emiCalculator .emiPopularPlans__listItem {
  align-items: center;
  border-bottom: 1px solid #cfcfd1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 46px;
  padding: 0 0 46px;
}
@media (max-width: 1023px) {
  .emiCalculator .emiPopularPlans__listItem .emiBadge.is-phone {
    margin-bottom: 5px;
  }
  .emiCalculator .emiPopularPlans__listItem .rupeeSymbol.is-phone {
    margin-top: 7px;
  }
  .emiCalculator .emiPopularPlans__listItem {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
}
.emiCalculator .emiPopularPlans__listItem:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .emiCalculator .emiPopularPlans__fLeft {
    align-items: flex-end;
    display: flex;
    gap: 8px;
  }
}
.emiCalculator .emiPopularPlans .symInput {
  align-items: flex-end;
}
.emiCalculator .emiPopularPlans .emiPopularPlans__value {
  line-height: 32px;
}
@media (max-width: 1023px) {
  .emiCalculator .emiPopularPlans__fRight {
    align-items: flex-end;
    display: flex;
    gap: 8px;
  }
}
.emiCalculator .emiPopularPlans__fRight .symInput {
  gap: 8px;
}
.emiCalculator .emiPopularPlans__fRight .rupeeSymbol {
  color: #9ea0a2;
  font-size: 16px;
  line-height: 24px;
}
.emiCalculator .emiPopularPlans__fRight .emiPopularPlans__value {
  color: #323334;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .emiCalculator .emiPopularPlans__fRight .emiPopularPlans__value {
    align-items: center;
    display: flex;
    gap: 5px;
  }
}
.emiCalculator .emiPopularPlans__fRight .inputLabel {
  color: #323334;
  margin-top: 4px;
}
@media (max-width: 1023px) {
  .emiCalculator .emiPopularPlans .symInput .rupeeSymbol {
    font-size: 20px;
    margin-top: 0;
  }
}
.emiCalculator__bankPartner {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.emiCalculator__bankPartnerTitle {
  color: #6f7073;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  margin-top: 52px;
  text-align: center;
  width: 100%;
  will-change: opacity;
}
@media (max-width: 1023px) {
  .emiCalculator__bankPartnerTitle {
    margin-top: 6px;
  }
}
.emiCalculator__bankPartnerList {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
  margin-top: 20px;
  object-fit: contain;
  width: 100%;
}
@media (max-width: 1023px) {
  .emiCalculator__bankPartnerList {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .emiCalculator .emiCalculator__header {
    border: 0;
    margin-bottom: 0;
  }
  .emiCalculator .emiCalculator__content {
    border: 1px solid #cfcfd1;
    padding: 40px;
  }
  .emiCalculator .emiCalculator__heading,
  .emiCalculator .emiCalculator__lhs,
  .emiCalculator .emiCalculator__rhs {
    max-width: none;
  }
  .emiCalculator .emiPopularPlans .emiCalculator__content {
    padding-bottom: 40px;
  }
  .emiCalculator .emiCalculator__wrapper {
    gap: 20px;
  }
  .emiCalculator .emiPopularPlans__listItem .emiBadge.is-phone,
  .emiCalculator .emiPopularPlans__listItem .rupeeSymbol.is-phone {
    display: block !important;
  }
  .emiCalculator .emiPopularPlans .symInput .rupeeSymbol.is-desktop,
  .emiCalculator .emiPopularPlans__listItem .emiBadge.is-desktop {
    display: none !important;
  }
  .emiCalculator .emiCalcResult .rupeeSymbol {
    margin-top: 12px;
  }
  .emiCalculator .emiCalcResult__title {
    margin-left: 20px;
  }
  .emiCalculator .emiPopularPlans__value,
  .emiCalculator .interest-rate-input,
  .emiCalculator .loan-amount-input,
  .emiCalculator .num-of-years-input {
    font-size: 30px;
  }
  .testimonial .testimonial__content {
    margin-left: 0;
  }
  .project__updates .projectUpdates__list {
    flex-direction: row !important;
  }
}
@media (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  .emiCalculator .emiCalculator__lhs,
  .emiCalculator .emiCalculator__rhs {
    max-width: 470px;
    width: 100%;
  }
  .emiCalculator .emiCalculator__content {
    padding: 20px;
  }
  .emiCalculator .emiCalcResult {
    left: 0;
    width: 100%;
  }
  .emiCalculator .emiPopularPlans__value,
  .emiCalculator .interest-rate-input,
  .emiCalculator .loan-amount-input,
  .emiCalculator .num-of-years-input {
    font-size: 30px;
  }
  .testimonial .testimonial__content {
    margin-left: 0;
  }
  .testimonial .testimonial__quotIcon {
    left: -20px;
  }
  .floatingChatBotButton,
  .floatingWhatsAppButton {
    right: 30px;
  }
}
[data-page="residentialProject"] .projects {
  padding: 60px 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects {
    padding: 30px 0;
  }
}
[data-page="residentialProject"] .projects__heading {
  color: #000;
  font-size: 30px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__heading {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="residentialProject"] .projects__cardsWrapper {
  margin-top: 30px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__cardsWrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
  }
}
@media (hover: hover) {
  [data-page="residentialProject"]
    .projects__cardsWrapper:hover
    .projects__nav {
    opacity: 1;
  }
}
[data-page="residentialProject"] .projects__cards {
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__cards {
    align-items: center;
    flex-direction: column;
    gap: 20px;
  }
}
[data-page="residentialProject"] .projects__nav {
  display: flex;
  justify-content: space-between;
  left: 0;
  opacity: 0;
  padding: 0 calc(var(--viewportSidePadding) + 30px);
  pointer-events: none;
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
[data-page="residentialProject"] .projects__nav.showNav {
  display: flex;
}
[data-page="residentialProject"] .projects__nav.hideNav {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__nav {
    display: none;
  }
}
[data-page="residentialProject"] .projects__nav button {
  pointer-events: auto;
  transition: opacity 0.2s ease;
}
[data-page="residentialProject"] .projects__subheading {
  animation-delay: 0.7s;
  animation-duration: 1.2s;
  animation-fill-mode: backwards;
  animation-name: fadeInUp40;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  color: #6f7073;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
  margin-top: 7px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__subheading {
    font-size: 14px;
  }
}
[data-page="residentialProject"] .projects__cards {
  display: flex;
  flex-flow: row wrap;
  gap: 30px;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__cards {
    align-items: center;
    flex-direction: column;
    gap: 20px;
    margin-top: 24px;
  }
}
[data-page="residentialProject"] .projects__card {
  --projectCardTranslateY: 24%;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  flex-shrink: 0;
  opacity: 0;
  position: relative;
  width: calc(33.33333% - 20px);
  will-change: opacity, transform;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__card {
    --projectCardTranslateY: 24%;
  }
}
[data-page="residentialProject"] .projects__card.animateProjectCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="residentialProject"] .projects__card.hide {
  display: none;
}
@media (hover: hover) {
  [data-page="residentialProject"] .projects__card .projects__cardImg {
    transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    will-change: transform;
  }
  [data-page="residentialProject"] .projects__card:hover .projects__cardImg {
    transform: scale(1.08);
  }
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__card {
    width: 100%;
  }
}
[data-page="residentialProject"] .projects__cardImgWrapper {
  background: rgba(0, 0, 0, 0.26);
  border-radius: 8px;
  overflow: hidden;
  padding-top: 108.6956521739%;
  position: relative;
}
[data-page="residentialProject"] .projects__cardImg {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="residentialProject"] .projects__cardContent {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
}
[data-page="residentialProject"] .projects__cardTitle {
  color: #000;
  font-size: 24px;
  letter-spacing: 0.01em;
  line-height: 32px;
  text-transform: uppercase;
  width: 80%;
  z-index: 1;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__cardTitle {
    font-size: 18px;
    line-height: 22px;
  }
}
[data-page="residentialProject"] .projects__cardSubtitle {
  color: #6f7073;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__cardSubtitle {
    font-size: 12px;
    line-height: 13px;
  }
}
[data-page="residentialProject"] .projects__cardTag {
  border-radius: 4px;
  color: #6f7073;
  font-size: 15px;
  letter-spacing: -0.03em;
  line-height: 24px;
  text-align: right;
  z-index: 1;
}
[data-page="residentialProject"] .projects__cardTag span {
  color: #034ea2;
  display: inline-block;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__cardTag {
    font-size: 12px;
    line-height: 17px;
  }
}
[data-page="residentialProject"] .projects__cardTag .supScript-t8 {
  left: 0;
  top: 0;
}
[data-page="residentialProject"] .projects__loadMoreBtnWrapper {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width: 1023px) {
  [data-page="residentialProject"] .projects__loadMoreBtnWrapper {
    margin-top: 20px;
  }
}
[data-page="residentialProject"] .projects__loadMoreBtn {
  align-items: center;
  background-color: #034ea2;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  height: 45px;
  justify-content: center;
  letter-spacing: -0.03em;
  line-height: 24px;
  padding: 0 35px;
}
[data-page="residentialProject"] .projects__loadMoreBtn:hover {
  background: #043f81;
}
.section404Heading {
  align-items: center;
  display: flex !important;
  height: calc(var(--viewportHeight) - 532px);
  justify-content: center;
  margin: 0 !important;
  max-width: unset !important;
  text-align: center;
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .section404Heading {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .section404Heading {
    height: 400px;
  }
}
.section404Heading .textStatus {
  color: #cfcfd1;
  font-size: 85px;
  font-weight: 400;
  letter-spacing: -5.1px;
  line-height: 85px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .section404Heading .textStatus {
    font-size: 60px;
    line-height: 60px;
  }
}
.section404Heading .textError {
  color: #ecb224;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -3.6px;
  line-height: 60px;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .section404Heading .textError {
    font-size: 35px;
    letter-spacing: -0.6px;
    line-height: 35px;
    margin-top: 0;
  }
}
.section404Heading .backTo__cta {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .section404Heading .backTo__cta {
    margin-top: 10px;
  }
}
.section404Heading .backTo__cta .m-button__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 22px;
}
[data-page="seoLocation"] .transitionDelay1s,
[data-page="seoPage"] .transitionDelay1s {
  transition-delay: 1s;
}
[data-page="seoLocation"] .animateIn,
[data-page="seoPage"] .animateIn {
  opacity: 1;
  transform: translateY(0);
}
[data-page="seoLocation"] .seoPage__logo,
[data-page="seoPage"] .seoPage__logo {
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  width: auto;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .seoPage__logo,
  [data-page="seoPage"] .seoPage__logo {
    height: auto;
    margin-top: 10px;
    width: 100%;
  }
}
[data-page="seoLocation"] .seoPage__banner,
[data-page="seoPage"] .seoPage__banner {
  margin-top: 36px;
}
[data-page="seoLocation"] .seoPage__bannerPicture,
[data-page="seoPage"] .seoPage__bannerPicture {
  display: block;
  margin-left: calc(0px - var(--viewportSidePadding));
  padding-top: 26.40625%;
  position: relative;
  width: var(--viewportWidth);
}
[data-page="seoLocation"] .seoPage__bannerImg,
[data-page="seoPage"] .seoPage__bannerImg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="seoLocation"] .seoPage__bannerPicture + .seoPage__bannerInner,
[data-page="seoPage"] .seoPage__bannerPicture + .seoPage__bannerInner {
  padding-top: 72px;
}
[data-page="seoLocation"] .seoPage__bannerInner,
[data-page="seoPage"] .seoPage__bannerInner {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 72px;
}
[data-page="seoLocation"] .seoPage__bannerInner:last-child,
[data-page="seoPage"] .seoPage__bannerInner:last-child {
  border-bottom: 1px solid #dedede;
}
[data-page="seoLocation"] .seoPage__bannerInner.-top,
[data-page="seoPage"] .seoPage__bannerInner.-top {
  display: block;
  text-align: center;
}
[data-page="seoLocation"] .seoPage__bannerInner.-top .seoPage__bannerTitle,
[data-page="seoPage"] .seoPage__bannerInner.-top .seoPage__bannerTitle {
  max-width: 100%;
  width: 100%;
}
[data-page="seoLocation"] .seoPage__bannerTitle,
[data-page="seoPage"] .seoPage__bannerTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 48px;
  max-width: calc(75% + 24px);
}
[data-page="seoLocation"] .seoPage__bannerSubtitle,
[data-page="seoPage"] .seoPage__bannerSubtitle {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 22px;
}
[data-page="seoLocation"] .seoPage__bannerSubtitle.animateIn,
[data-page="seoPage"] .seoPage__bannerSubtitle.animateIn {
  opacity: 1;
  transform: translateZ(0);
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .seoPage__banner,
  [data-page="seoPage"] .seoPage__banner {
    margin-top: 60px;
  }
  [data-page="seoLocation"] .seoPage__bannerPicture,
  [data-page="seoPage"] .seoPage__bannerPicture {
    padding-top: 112.5%;
  }
  [data-page="seoLocation"] .seoPage__bannerPicture + .seoPage__bannerInner,
  [data-page="seoPage"] .seoPage__bannerPicture + .seoPage__bannerInner {
    padding-top: 36px;
  }
  [data-page="seoLocation"] .seoPage__bannerInner,
  [data-page="seoPage"] .seoPage__bannerInner {
    gap: 20px;
    grid-template-columns: 1fr;
    padding-bottom: 42px;
  }
  [data-page="seoLocation"] .seoPage__bannerTitle,
  [data-page="seoPage"] .seoPage__bannerTitle {
    font-size: 32px;
    line-height: 38px;
    max-width: 100%;
  }
}
[data-page="seoLocation"] .seoPage__bannerInner .seoBtnLink,
[data-page="seoPage"] .seoPage__bannerInner .seoBtnLink {
  display: block;
}
[data-page="seoLocation"] .seoPage__bannerInner .seoBtnLink .readMore_btn,
[data-page="seoPage"] .seoPage__bannerInner .seoBtnLink .readMore_btn {
  color: #034ea2;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  margin-top: 24px;
  text-transform: capitalize;
}
[data-page="seoLocation"] .seoPage__bannerInner .seoBtnLink .readMore_btn img,
[data-page="seoPage"] .seoPage__bannerInner .seoBtnLink .readMore_btn img {
  display: inline-block;
  margin-left: 5px;
}
[data-page="seoLocation"] .seoPage__bannerInner .seoBtnLink .readMore_btn:hover,
[data-page="seoPage"] .seoPage__bannerInner .seoBtnLink .readMore_btn:hover {
  opacity: 0.8;
}
[data-page="seoLocation"]
  .seoPage__bannerInner
  .seoBtnLink
  .readMore_btn:hover
  img,
[data-page="seoPage"]
  .seoPage__bannerInner
  .seoBtnLink
  .readMore_btn:hover
  img {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: animatePageCardArrowOnMouseover;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-page="seoLocation"] .seoPage__details,
[data-page="seoPage"] .seoPage__details {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 72px;
  padding-top: 72px;
}
[data-page="seoLocation"] .seoPage__detailsTitle,
[data-page="seoPage"] .seoPage__detailsTitle {
  color: #323334;
  font-size: 36px;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
}
[data-page="seoLocation"] .seoPage__detailsFeatures,
[data-page="seoPage"] .seoPage__detailsFeatures {
  display: inline-flex;
  gap: 36px;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .seoPage__detailsFeatures,
  [data-page="seoPage"] .seoPage__detailsFeatures {
    flex-direction: column;
    width: 100%;
  }
}
[data-page="seoLocation"] .seoPage__detailsFeature,
[data-page="seoPage"] .seoPage__detailsFeature {
  --projectCardTranslateX: 72%;
  align-items: center;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  display: inline-flex;
  gap: 6px;
  opacity: 0;
  white-space: nowrap;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .seoPage__detailsFeature,
  [data-page="seoPage"] .seoPage__detailsFeature {
    --projectCardTranslateX: 24%;
    align-items: flex-start;
    white-space: normal;
    width: 100%;
  }
}
[data-page="seoLocation"] .seoPage__detailsFeatureIcon,
[data-page="seoPage"] .seoPage__detailsFeatureIcon {
  height: 16px;
  width: 16px;
}
[data-page="seoLocation"] .seoPage__detailsFeatureText,
[data-page="seoPage"] .seoPage__detailsFeatureText {
  color: #323334;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 22px;
}
[data-page="seoLocation"] .seoPage__detailsFeature.animateCardLeft,
[data-page="seoPage"] .seoPage__detailsFeature.animateCardLeft {
  animation-name: fadeProjectCardIn, moveProjectCardLeft;
}
[data-page="seoLocation"] .seoPage__detailsPara,
[data-page="seoPage"] .seoPage__detailsPara {
  color: #6f7073;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 22px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 36px;
  max-width: 828px;
  text-align: center;
  width: 100%;
}
[data-page="seoLocation"] .seoPage__detailsCall,
[data-page="seoPage"] .seoPage__detailsCall {
  color: #034ea2;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 22px;
  text-align: center;
  word-break: break-word;
}
[data-page="seoLocation"] .seoPage__details .linkGroup,
[data-page="seoPage"] .seoPage__details .linkGroup {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .seoPage__details .linkGroup,
  [data-page="seoPage"] .seoPage__details .linkGroup {
    flex-direction: column;
  }
  [data-page="seoLocation"] .seoPage__details,
  [data-page="seoPage"] .seoPage__details {
    align-items: flex-start;
    padding-bottom: 37px;
    padding-top: 42px;
  }
  [data-page="seoLocation"] .seoPage__detailsTitle,
  [data-page="seoPage"] .seoPage__detailsTitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    text-align: left;
  }
  [data-page="seoLocation"] .seoPage__detailsFeatures,
  [data-page="seoPage"] .seoPage__detailsFeatures {
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 16px;
  }
  [data-page="seoLocation"] .seoPage__detailsFeature,
  [data-page="seoPage"] .seoPage__detailsFeature {
    align-items: center;
    width: 100%;
  }
  [data-page="seoLocation"] .seoPage__detailsFeatureIcon,
  [data-page="seoPage"] .seoPage__detailsFeatureIcon {
    height: 12px;
    margin-top: 0;
    width: 12px;
  }
  [data-page="seoLocation"] .seoPage__detailsFeatureText,
  [data-page="seoPage"] .seoPage__detailsFeatureText {
    line-height: 15px;
  }
  [data-page="seoLocation"]
    .seoPage__detailsFeature:first-child
    .seoPage__detailsFeatureIcon,
  [data-page="seoPage"]
    .seoPage__detailsFeature:first-child
    .seoPage__detailsFeatureIcon {
    margin-top: 0;
  }
  [data-page="seoLocation"] .seoPage__detailsPara,
  [data-page="seoPage"] .seoPage__detailsPara {
    margin-top: 20px;
    text-align: left;
  }
}
[data-page="seoLocation"] .seoPage__floor,
[data-page="seoPage"] .seoPage__floor {
  align-items: center;
  background-color: #f9f9f9;
  display: flex;
  gap: 24px;
  margin-left: calc(0px - var(--viewportSidePadding));
  padding: 72px var(--viewportSidePadding);
  position: relative;
  width: var(--viewportWidth);
}
[data-page="seoLocation"] .seoPage__floorFigure,
[data-page="seoPage"] .seoPage__floorFigure {
  display: block;
  padding-left: calc(12.5% + 12px);
  position: relative;
  width: calc(62.5% - 12px);
}
[data-page="seoLocation"] .seoPage__floorPicture,
[data-page="seoPage"] .seoPage__floorPicture {
  display: block;
  padding-top: 65.7342657343%;
  position: relative;
}
[data-page="seoLocation"] .seoPage__floorImage,
[data-page="seoPage"] .seoPage__floorImage {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="seoLocation"] .seoPage__floorCaption,
[data-page="seoPage"] .seoPage__floorCaption {
  color: #6f7073;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 16px;
}
[data-page="seoLocation"] .seoPage__floorTitle,
[data-page="seoPage"] .seoPage__floorTitle {
  color: #323334;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 48px;
  margin-top: -38px;
  max-width: 264px;
  width: calc(37.5% - 12px);
}
[data-page="seoLocation"] .seoPage__floorLocation,
[data-page="seoPage"] .seoPage__floorLocation {
  color: #034ea2;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .seoPage__floor,
  [data-page="seoPage"] .seoPage__floor {
    flex-direction: column-reverse;
    gap: 20px;
    padding-bottom: 42px;
    padding-top: 42px;
  }
  [data-page="seoLocation"] .seoPage__floorTitle,
  [data-page="seoPage"] .seoPage__floorTitle {
    font-size: 32px;
    letter-spacing: -0.04em;
    line-height: 38px;
    margin-top: 0;
    max-width: 100%;
    width: 100%;
  }
  [data-page="seoLocation"] .seoPage__floorFigure,
  [data-page="seoPage"] .seoPage__floorFigure {
    padding-left: 0;
    width: 100%;
  }
  [data-page="seoLocation"] .seoPage__floorCaption,
  [data-page="seoPage"] .seoPage__floorCaption {
    margin-top: 8px;
  }
}
[data-page="seoLocation"] .gallery,
[data-page="seoPage"] .gallery {
  padding-bottom: 72px;
  padding-top: 72px;
}
[data-page="seoLocation"] .gallery .gallery__sliderWrapper,
[data-page="seoPage"] .gallery .gallery__sliderWrapper {
  margin-top: 24px;
}
[data-page="seoLocation"] .gallery .gallery__slider > :not(:first-child),
[data-page="seoPage"] .gallery .gallery__slider > :not(:first-child) {
  margin-left: 18px;
}
[data-page="seoLocation"] .gallery__slide,
[data-page="seoPage"] .gallery__slide {
  height: 350px;
  width: 358px;
}
[data-page="seoLocation"] .gallery__slideImage,
[data-page="seoPage"] .gallery__slideImage {
  border-radius: 8px;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .gallery,
  [data-page="seoPage"] .gallery {
    padding-bottom: 49px;
    padding-top: 42px;
  }
  [data-page="seoLocation"] .gallery .gallery__slideImageWrapper,
  [data-page="seoPage"] .gallery .gallery__slideImageWrapper {
    padding-top: 100%;
  }
  [data-page="seoLocation"] .gallery .gallery__sliderWrapper,
  [data-page="seoPage"] .gallery .gallery__sliderWrapper {
    margin-top: 14px;
  }
  [data-page="seoLocation"] .gallery__slide,
  [data-page="seoPage"] .gallery__slide {
    height: 250px;
    width: 250px;
  }
  [data-page="seoLocation"] .gallery .gallery__slider > :not(:first-child),
  [data-page="seoPage"] .gallery .gallery__slider > :not(:first-child) {
    margin-left: 20px;
  }
  [data-page="seoLocation"],
  [data-page="seoPage"] {
    padding-top: 88px;
  }
}
@keyframes moveProjectCardLeft {
  0% {
    transform: translate3d(var(--projectCardTranslateX), 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
[data-page="seoLocation"] .floorPlans__projectName,
[data-page="seoPage"] .floorPlans__projectName {
  color: #034ea2;
}
[data-page="seoLocation"] .floorPlans,
[data-page="seoPage"] .floorPlans {
  padding-bottom: 80px;
  padding-top: 0;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .location,
  [data-page="seoPage"] .location {
    padding: 40px var(--viewportSidePadding) 40px;
  }
}
[data-page="seoLocation"] .moreOnProject.animateIn .introAnimElement,
[data-page="seoPage"] .moreOnProject.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="seoLocation"] .moreOnProject,
[data-page="seoPage"] .moreOnProject {
  background-color: #fff;
  contain: content;
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(0px - var(--viewportSidePadding));
  padding: 70px var(--viewportSidePadding);
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .moreOnProject,
  [data-page="seoPage"] .moreOnProject {
    flex-direction: column;
    padding: 40px var(--viewportSidePadding) 60px;
  }
}
[data-page="seoLocation"] .moreOnProject__heading,
[data-page="seoPage"] .moreOnProject__heading {
  color: #323334;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 48px;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .moreOnProject__heading,
  [data-page="seoPage"] .moreOnProject__heading {
    color: #034ea2;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 26px;
    padding-bottom: 12px;
    text-transform: uppercase;
  }
}
[data-page="seoLocation"] .moreOnProject__section,
[data-page="seoPage"] .moreOnProject__section {
  width: 70%;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .moreOnProject__section,
  [data-page="seoPage"] .moreOnProject__section {
    width: 100%;
  }
}
[data-page="seoLocation"] .moreOnProject__heading,
[data-page="seoPage"] .moreOnProject__heading {
  width: 30%;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .moreOnProject__heading,
  [data-page="seoPage"] .moreOnProject__heading {
    width: 100%;
  }
}
[data-page="seoLocation"] .moreOnProject__button,
[data-page="seoPage"] .moreOnProject__button {
  align-items: center;
  border: 1px solid #034ea2;
  border-radius: 54px;
  display: inline-flex;
  margin-top: 16px;
  padding: 8px 16px;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .moreOnProject__button,
  [data-page="seoPage"] .moreOnProject__button {
    margin-bottom: 0;
    margin-top: 12px;
  }
}
[data-page="seoLocation"] .moreOnProject__buttonText,
[data-page="seoPage"] .moreOnProject__buttonText {
  color: #034ea2;
  font-size: 14px;
  line-height: 22px;
}
[data-page="seoLocation"] .moreOnProject__buttonArrow,
[data-page="seoPage"] .moreOnProject__buttonArrow {
  height: auto;
  margin-left: 10px;
  width: 17px;
}
@media (hover: hover) {
  [data-page="seoLocation"]
    .moreOnProject__button:hover
    .moreOnProject__buttonArrow,
  [data-page="seoPage"]
    .moreOnProject__button:hover
    .moreOnProject__buttonArrow {
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-name: animateArrowHorizontallyOnMouseover;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
[data-page="seoLocation"] .moreOnProject__sectionHeading,
[data-page="seoPage"] .moreOnProject__sectionHeading {
  color: #6f7073;
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .moreOnProject__sectionHeading,
  [data-page="seoPage"] .moreOnProject__sectionHeading {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="seoLocation"] .moreOnProject__address,
[data-page="seoPage"] .moreOnProject__address {
  color: #6f7073;
  font-size: 14px;
  line-height: 24px;
  margin-top: 12px;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .moreOnProject__address,
  [data-page="seoPage"] .moreOnProject__address {
    margin-top: 8px;
  }
}
[data-page="seoLocation"] .innerBanner,
[data-page="seoPage"] .innerBanner {
  margin-left: calc(0px - var(--viewportSidePadding));
  margin-right: calc(0px - var(--viewportSidePadding));
  overflow: hidden;
  padding: 0;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .innerBanner,
  [data-page="seoPage"] .innerBanner {
    margin-top: 40px;
  }
}
[data-page="seoLocation"] .innerBanner img.bannerImage,
[data-page="seoPage"] .innerBanner img.bannerImage {
  display: block;
  height: auto;
  width: 100vw;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .innerBanner img.bannerImage,
  [data-page="seoPage"] .innerBanner img.bannerImage {
    height: 360px;
    object-fit: cover;
  }
}
[data-page="seoLocation"] {
  padding-top: 0;
}
[data-page="seoLocation"] .seoLocation__banner {
  padding-bottom: 72px;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .seoLocation__banner {
    padding-bottom: 36px;
  }
}
[data-page="seoLocation"] .seoPage__bannerParaDesc,
[data-page="seoLocation"] .seoPage__bannerParaTitle {
  font-family: Gotham-Book;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
[data-page="seoLocation"] .seoPage__bannerParaDesc {
  margin-top: 5px;
}
[data-page="seoLocation"] .seoPage__bannerParaListing li {
  list-style: none;
  margin-top: 24px;
  position: relative;
}
[data-page="seoLocation"] .seoPage__bannerParaListing li:after {
  background-color: #6f7073;
  border-radius: 50px;
  content: "";
  height: 5px;
  left: -15px;
  position: absolute;
  top: 8px;
  width: 5px;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .seoPage__bannerParaListing li:after {
    left: -10px;
    top: 8px;
  }
}
[data-page="seoLocation"] .projects {
  padding: 60px 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-page="seoLocation"] .projects .projects__loadMoreBtnWrapper,
[data-page="seoLocation"]
  .projects:not(.-showAllProjects)
  .projects__cards
  > :nth-child(n + 8) {
  display: none;
}
[data-page="seoLocation"] .projects .projects__loadMoreBtnWrapper {
  display: block;
}
[data-page="seoLocation"] .projects .projects__cardsWrapper .projects__cards {
  flex-wrap: wrap;
  justify-content: center;
  margin-left: unset;
  width: 100%;
}
[data-page="seoLocation"] .projects .projects__cardsWrapper .projects__nav {
  display: none;
}
[data-page="seoLocation"] .projects .projects__cardsWrapper .projects__card {
  width: calc(33.33333% - 20px);
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .projects .projects__cardsWrapper .projects__card {
    width: 100%;
  }
  [data-page="seoLocation"] .projects {
    padding: 30px 0;
  }
}
[data-page="seoLocation"] .projects__heading {
  color: #000;
  font-size: 30px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .projects__heading {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="seoLocation"] .projects__cardsWrapper {
  margin-top: 30px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .projects__cardsWrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
  }
}
[data-page="seoLocation"] .projects__cards {
  display: flex;
  gap: 30px;
  overflow: hidden;
  width: 100%;
}
[data-page="seoLocation"] .projects__subheading {
  animation-delay: 0.7s;
  animation-duration: 1.2s;
  animation-fill-mode: backwards;
  animation-name: fadeInUp40;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  color: #6f7073;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
  margin-top: 7px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .projects__subheading {
    font-size: 14px;
  }
}
[data-page="seoLocation"] .projects__card {
  --projectCardTranslateY: 24%;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  flex-shrink: 0;
  opacity: 0;
  position: relative;
  width: calc(33.33333% - 20px);
  will-change: opacity, transform;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .projects__card {
    --projectCardTranslateY: 24%;
  }
}
[data-page="seoLocation"] .projects__card.animateProjectCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="seoLocation"] .projects__card.hide {
  display: none;
}
@media (hover: hover) {
  [data-page="seoLocation"] .projects__card .projects__cardImg {
    transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    will-change: transform;
  }
  [data-page="seoLocation"] .projects__card:hover .projects__cardImg {
    transform: scale(1.08);
  }
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .projects__card {
    width: 100%;
  }
}
[data-page="seoLocation"] .projects__cardImgWrapper {
  background: rgba(0, 0, 0, 0.26);
  border-radius: 8px;
  overflow: hidden;
  padding-top: 108.75%;
  position: relative;
}
[data-page="seoLocation"] .projects__cardImg {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="seoLocation"] .projects__cardContent {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
}
[data-page="seoLocation"] .projects__cardTitle {
  color: #000;
  font-size: 24px;
  letter-spacing: 0.01em;
  line-height: 32px;
  text-transform: uppercase;
  width: 100%;
  z-index: 1;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .projects__cardTitle {
    font-size: 18px;
    line-height: 22px;
  }
}
[data-page="seoLocation"] .projects__cardSubtitle {
  color: #6f7073;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .projects__cardSubtitle {
    font-size: 12px;
    line-height: 13px;
  }
}
[data-page="seoLocation"] .projects__cardTag {
  border-radius: 4px;
  color: #6f7073;
  font-size: 15px;
  letter-spacing: -0.03em;
  line-height: 24px;
  text-align: right;
  z-index: 1;
}
[data-page="seoLocation"] .projects__cardTag span {
  color: #034ea2;
  display: inline-block;
}
@media (max-width: 1023px) {
  [data-page="seoLocation"] .projects__cardTag {
    font-size: 12px;
    line-height: 17px;
  }
}
[data-page="seoLocation"] .projects__cardTag .supScript-t8 {
  left: 0;
  top: 0;
}
[data-page="seoLocation"] .projects.onGoingProject {
  border-top: 1px solid #dedede;
}
@keyframes stickyMenuIntroAnimation {
  0% {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
[data-page="specifications"] {
  padding-top: 156px;
}
[data-page="specifications"] .specification {
  opacity: 0;
}
@media (max-width: 1023px) {
  [data-page="specifications"] {
    padding-top: 78px;
  }
  [data-page="specifications"] .-hideDropdowns .showDropdown {
    display: none !important;
  }
  [data-page="specifications"] .-hideDropdowns .mbl__dropdown {
    margin-bottom: 0;
  }
  [data-page="specifications"] .-hideDropdowns .mbl__dropdown img {
    display: none !important;
  }
}
[data-page="specifications"] .specifications__header {
  align-items: center;
  display: flex;
  height: 156px;
  justify-content: space-between;
  padding: 0 var(--containerSidePadding);
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="specifications"] .specifications__header {
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    margin-left: calc(0px - var(--viewportSidePadding));
    padding: 0;
  }
  [data-page="specifications"] .specifications__header .c-backButton {
    padding: 0 var(--containerSidePadding);
  }
  [data-page="specifications"] .specifications__header .c-backButton__arrow {
    padding-right: 5px;
  }
  [data-page="specifications"] .specifications__header .c-backButton__text {
    font-size: 16px;
    line-height: 32px;
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  [data-page="specifications"] .specifications__header {
    animation-delay: 0.2s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-name: stickyMenuIntroAnimation;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #fff;
    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.12);
    left: 0;
    opacity: 0;
    padding-top: 74px;
    position: fixed;
    top: 0;
    z-index: 24;
  }
}
[data-page="specifications"] .specifications__inner {
  padding-top: 72px;
}
@media (max-width: 1023px) {
  [data-page="specifications"] .specifications__inner {
    padding-top: 12px;
  }
}
@media (min-width: 1024px) {
  [data-page="specifications"] .specifications__inner {
    align-items: flex-start;
    display: flex;
  }
  [data-page="specifications"] .specifications__lhs {
    flex: 1;
    position: sticky;
    top: 228px;
  }
}
@media (max-width: 1023px) {
  [data-page="specifications"] .specifications__rhs {
    margin-top: 24px;
  }
}
@media (min-width: 1024px) {
  [data-page="specifications"] .specifications__rhs {
    --specificationsGridMargin: 24px;
    --specificationsColumnWidth: calc(
      20% - var(--specificationsGridMargin) * 4 / 5
    );
    margin-left: var(--specificationsGridMargin);
    width: calc(
      var(--specificationsColumnWidth) * 3 + var(--specificationsGridMargin) * 2
    );
  }
}
[data-page="specifications"] .specifications__projectName {
  color: #f05862;
  font-family: Gotham-Bold;
  font-size: 96px;
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 96px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  [data-page="specifications"] .specifications__projectName {
    font-size: 40px;
    line-height: 44px;
  }
}
[data-page="specifications"]
  .specifications__list
  .specification:nth-child(4n + 1)
  > .specification__title
  svg
  path {
  fill: #d490a0;
  stroke: #d490a0;
}
[data-page="specifications"]
  .specifications__list
  .specification:nth-child(4n + 2)
  > .specification__title
  svg
  path {
  fill: #f05862;
  stroke: #f05862;
}
[data-page="specifications"]
  .specifications__list
  .specification:nth-child(4n + 3)
  > .specification__title
  svg
  path {
  fill: #ecb224;
  stroke: #ecb224;
}
[data-page="specifications"]
  .specifications__list
  .specification:nth-child(4n + 4)
  > .specification__title
  svg
  path {
  fill: #00a38b;
  stroke: #00a38b;
}
[data-page="specifications"]
  .specifications__list
  .specification:nth-child(4n + 1)
  > .specification__title
  svg
  g
  > rect {
  fill: #d490a0;
  stroke: #d490a0;
}
[data-page="specifications"]
  .specifications__list
  .specification:nth-child(4n + 2)
  > .specification__title
  svg
  g
  > rect {
  fill: #f05862;
  stroke: #f05862;
}
[data-page="specifications"]
  .specifications__list
  .specification:nth-child(4n + 3)
  > .specification__title
  svg
  g
  > rect {
  fill: #ecb224;
  stroke: #ecb224;
}
[data-page="specifications"]
  .specifications__list
  .specification:nth-child(4n + 4)
  > .specification__title
  svg
  g
  > rect {
  fill: #00a38b;
  stroke: #00a38b;
}
[data-page="specifications"] .specification + .specification {
  margin-top: 36px;
}
[data-page="specifications"] .specification__title {
  align-items: center;
  color: #323334;
  display: flex;
  font-family: Gotham-Medium;
  font-size: 20px;
  line-height: 22px;
}
[data-page="specifications"] .specification__title svg {
  height: 20px;
  margin-right: 8px;
}
@media (max-width: 1023px) {
  [data-page="specifications"] .specification__title {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="specifications"] .specification__icon {
  height: 20px;
  margin-right: 8px;
}
@media (max-width: 1023px) {
  [data-page="specifications"] .specification__icon {
    height: auto;
    margin-right: 6px;
    width: 12px;
  }
}
[data-page="specifications"] .specification__bulletPoint {
  color: #6f7073;
  font-size: 14px;
  line-height: 18px;
  margin-top: 12px;
}
[data-page="specifications"]
  .specification__bulletPoint
  + .specification__bulletPoint {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  [data-page="specifications"]
    .specification__bulletPoint
    + .specification__bulletPoint {
    margin-top: 6px;
  }
  [data-page="specifications"] .specification__bulletPoint {
    font-size: 12px;
    line-height: 15px;
    margin-top: 6px;
    padding-left: 30px;
  }
}
[data-page="specifications"] .container {
  margin: 2rem;
}
@media (max-width: 1023px) {
  [data-page="specifications"] .tabs__nav {
    width: 100%;
  }
}
[data-page="specifications"] .tabs__nav .mbl__dropdown {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="specifications"] .tabs__nav .mbl__dropdown {
    align-items: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 15px var(--containerSidePadding);
    width: 100%;
  }
}
[data-page="specifications"] .tabs__nav #tabs {
  list-style-type: none;
}
[data-page="specifications"] .tabs__nav #tabs.showDropdown {
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  height: max-content;
  padding-bottom: 15px;
  position: absolute;
  z-index: 1;
}
@media (max-width: 1023px) {
  [data-page="specifications"] .tabs__nav #tabs {
    height: 0;
    overflow: hidden;
    padding: 0 var(--containerSidePadding);
    transition: height 0.3s linear;
    width: 100%;
  }
}
[data-page="specifications"] .tabs__nav #tabs li {
  display: inline-block;
  margin-bottom: -1px;
}
@media (max-width: 1023px) {
  [data-page="specifications"] .tabs__nav #tabs li {
    display: block;
  }
  [data-page="specifications"] .tabs__nav #tabs li:not(:first-child) {
    margin-left: 0 !important;
    margin-top: 20px;
  }
}
[data-page="specifications"] .tabs__nav #tabs li a {
  color: #6f7073;
  display: block;
  font-size: 16px;
  height: 100%;
  letter-spacing: -0.02em;
  line-height: 19px;
  text-align: left;
}
[data-page="specifications"] .tabs__nav #tabs li:not(:first-child) {
  margin-left: 28px;
}
[data-page="specifications"] .tabs__nav #tabs li.active a,
[data-page="specifications"] .tabs__nav #tabs li:hover a {
  color: #f05862;
}
[data-page="specifications"] #tab-contents .tab-contents {
  display: none;
  padding: 10px;
}
[data-page="specifications"] #tab-contents .tab-contents.active {
  display: block;
}
[data-page="specifications"] .c-footer {
  margin-top: 280px;
}
@media (max-width: 1023px) {
  [data-page="specifications"] .c-footer {
    margin-top: 60px;
  }
}
[data-page="projectStatus"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="projectStatus"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="projectStatus"] .transitionDelay100 {
  transition-delay: 0.1s;
}
[data-page="projectStatus"] .projectStatus__wrapper {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding: 60px 0;
}
@media (max-width: 1023px) {
  [data-page="projectStatus"] .projectStatus__wrapper {
    gap: 30px;
    padding: 30px 0;
  }
}
[data-page="projectStatus"] .projectStatus__heading {
  color: #323334;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="projectStatus"] .projectStatus__heading {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="projectStatus"] .projectStatus__title {
  color: #323334;
  font-size: 24px;
  letter-spacing: -0.48px;
  line-height: 30px;
  padding-bottom: 16px;
}
@media (max-width: 1023px) {
  [data-page="projectStatus"] .projectStatus__title {
    font-size: 16px;
    letter-spacing: -0.48px;
    line-height: 24px;
    padding-bottom: 8px;
  }
}
[data-page="projectStatus"] .projectStatus__cards {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  [data-page="projectStatus"] .projectStatus__cards {
    gap: 8px 15px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  [data-page="projectStatus"] .projectStatus__cardViewAll {
    display: none;
  }
}
@media (max-width: 1023px) {
  [data-page="projectStatus"] .projectStatus__card:nth-child(5),
  [data-page="projectStatus"] .projectStatus__card:nth-child(6) {
    display: none;
  }
  [data-page="projectStatus"] .projectStatus__cardViewAll {
    color: #034ea2;
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-top: 18px;
  }
  [data-page="projectStatus"] .projectStatus__cardViewAllIcon {
    margin-left: 10px;
    width: 16px;
  }
}
[data-page="projectStatus"] .projectStatus__img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="projectStatus"] .projectStatus__imgWrapper {
  border-radius: 4px;
  display: block;
  overflow: hidden;
  padding-top: 63.0434782609%;
  position: relative;
  width: 100%;
}
[data-page="projectStatus"] .projectStatus__name {
  color: #6f7073;
  display: inline-block;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 22px;
  padding-top: 12px;
}
@media (max-width: 1023px) {
  [data-page="projectStatus"] .projectStatus__name {
    font-size: 11px;
    letter-spacing: -0.33px;
    line-height: 15px;
    padding-top: 6px;
  }
}
[data-page="projectStatus"] .projectStatus__viewAll {
  background: linear-gradient(119.93deg, #ead2e4 3.46%, #9ba2ce 81.47%);
  border-radius: 4px;
  display: block;
  padding-top: 63.0434782609%;
  position: relative;
  width: 100%;
}
[data-page="projectStatus"] .projectStatus__viewAllText {
  color: #fff;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
[data-page="projectStatus"] .projectStatus__viewAllIcon {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: animatePageCardArrowOnMouseover;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 16px;
}
[data-page="projectStatus"] .projectStatus__dropwdown {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
[data-page="projectStatus"] .projectStatus__dropwdownFilter {
  color: #f47638;
  font-family: Gotham-Book;
  font-size: 30px;
  line-height: 36px;
  text-transform: uppercase;
}
[data-page="projectStatus"] .projectStatus__dropwdownFilter:last-child {
  font-size: 20px;
  line-height: 26px;
}
[data-page="projectStatus"] .projectStatus__dropwdownFilter option {
  font-size: 18px;
}
@media only screen and (max-width: 1024px) {
  [data-page="projectStatus"] .projectStatus__dropwdownFilter option {
    font-size: 16px;
  }
  [data-page="projectStatus"] .projectStatus__dropwdownFilter {
    font-size: 18px;
    line-height: 34px;
  }
}
[data-page="projectStatus"] .projectStatus__month {
  display: flex;
  flex-direction: row;
  gap: 30px;
  overflow: hidden;
  overflow-x: scroll;
  padding-bottom: 10px;
  padding-top: 20px;
}
[data-page="projectStatus"] .projectStatus__month::-webkit-scrollbar {
  height: 0;
  width: 0;
}
@media only screen and (max-width: 1024px) {
  [data-page="projectStatus"] .projectStatus__month {
    gap: 16px;
  }
}
[data-page="projectStatus"] .projectStatus__monthLink {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 16px;
  line-height: 24px;
}
[data-page="projectStatus"] .projectStatus__monthLink.is-active {
  color: #f47638;
}
@media only screen and (max-width: 1024px) {
  [data-page="projectStatus"] .projectStatus__monthLink {
    font-size: 14px;
  }
}
[data-html="projectStatus"] .c-header__secondaryMenu {
  justify-content: flex-start;
  max-width: 874px;
  opacity: 1;
  overflow: hidden;
  overflow-x: scroll;
}
[data-html="projectStatus"] .c-header__secondaryMenu::-webkit-scrollbar {
  height: 0;
  width: 0;
}
[data-html="projectStatus"] .c-header__secondaryMenuWrapper {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin: 0 auto;
}
[data-html="projectStatus"].-insidePage .projectStatus__cards {
  gap: 60px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 1024px) {
  [data-html="projectStatus"].-insidePage .projectStatus__cards {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  [data-html="projectStatus"].-insidePage .projectStatus__name {
    font-size: 14px;
  }
}
[data-html="projectStatus"].-insidePage .c-header__secondaryMenu {
  opacity: 0;
}
[data-html="projectStatus"].-insidePage .c-header__secondaryMenu.show {
  opacity: 1;
}
[data-page="aboutProject"] {
  padding-top: var(--headerHeight);
}
[data-page="aboutProject"] main {
  padding-top: 48px;
}
[data-page="aboutProject"] .intro.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="aboutProject"] .intro__projectLogo {
  display: block;
  margin: 0 auto;
}
[data-page="aboutProject"] .intro__heading {
  color: #323334;
  font-size: 24px;
  letter-spacing: -0.04em;
  line-height: 32px;
  margin-top: 48px;
}
[data-page="aboutProject"] .intro__copy {
  color: #6f7073;
  font-size: 12px;
  line-height: 18px;
  margin-top: 24px;
}
[data-page="aboutProject"] .intro__enquireButton {
  background-color: #4e5f6a;
  border-radius: 54px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin-top: 24px;
  padding: 8px 16px;
}
[data-page="aboutProject"] .whatsOnOffer.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="aboutProject"] .whatsOnOffer {
  margin-top: 60px;
  padding-bottom: 44px;
}
[data-page="aboutProject"] .whatsOnOffer__heading {
  color: #323334;
  font-size: 24px;
  letter-spacing: -0.04em;
  line-height: 32px;
}
[data-page="aboutProject"] .whatsOnOffer__copy {
  color: #6f7073;
  font-size: 12px;
  line-height: 18px;
  margin-top: 24px;
}
[data-page="aboutProject"] .whatsOnOffer__openDisclaimerButton {
  color: #034ea2;
  font-size: 12px;
  line-height: 18px;
  margin-top: 24px;
}
[data-page="aboutProject"] .whatsOnOffer__brochureAndFloorPlan {
  align-items: center;
  display: flex;
  margin-top: 24px;
}
[data-page="aboutProject"] .whatsOnOffer__brochureAndFloorPlanButton {
  border: 1px solid #cfcfd1;
  border-radius: 54px;
  color: #6f7073;
  font-size: 14px;
  line-height: 22px;
  margin-left: 16px;
  padding: 8px 16px;
  white-space: nowrap;
}
[data-page="commercialProject"] {
  padding-top: 0;
}
html[data-browser-name="Chrome"] [data-page="commercialProject"] .banner__blur,
html[data-browser-name="Safari"] [data-page="commercialProject"] .banner__blur {
  -webkit-backdrop-filter: blur(60px);
  backdrop-filter: blur(60px);
  display: block;
  will-change: filter;
}
html:not([data-browser-name="Safari"]):not([data-browser-name="Chrome"])
  [data-page="commercialProject"]
  .banner__image {
  filter: blur(60px);
  will-change: filter;
}
[data-page="commercialProject"] .banner {
  contain: strict;
  height: calc(var(--viewportHeight) + 300px);
  left: calc(0px - var(--viewportSidePadding));
  position: relative;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner {
    height: calc(95vh + 300px);
  }
}
[data-page="commercialProject"] .banner__imageWrapper {
  height: calc(var(--viewportHeight));
  overflow: hidden;
  position: sticky;
  top: 0;
  width: var(--viewportWidth);
}
[data-page="commercialProject"] .banner__image {
  height: calc(100% + 200px);
  left: -100px;
  object-fit: cover;
  object-position: top;
  top: -100px;
  width: calc(100% + 200px);
}
[data-page="commercialProject"] .banner__blur {
  display: none;
}
[data-page="commercialProject"] .banner__whiteGradient {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 8.09%, #fff 90.97%);
  bottom: 0;
  height: 476px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
}
[data-page="commercialProject"] .banner__centeredContent {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: var(--viewportHeight);
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner__centeredContent {
    height: 100vh;
  }
}
[data-page="commercialProject"] .banner__logo {
  height: 80px;
  opacity: 0;
  width: auto;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner__logo {
    height: 50px;
  }
}
[data-page="commercialProject"] .banner__logo.-light {
  display: block;
  margin: 0 auto;
  position: relative;
}
[data-page="commercialProject"] .banner__logo.-dark {
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
}
[data-page="commercialProject"] .banner__projectHighlights {
  margin-top: 72px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner__projectHighlights {
    margin-top: 48px;
  }
}
[data-page="commercialProject"] .banner__projectHighlight {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  margin-top: 12px;
  opacity: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner__projectHighlight {
    font-size: 14px;
    line-height: 15px;
    margin-top: 12px;
  }
}
[data-page="commercialProject"] .banner__scrollButton {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 72px;
  opacity: 0;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner__scrollButton {
    margin-top: 50px;
  }
}
[data-page="commercialProject"] .banner__scrollButtonText {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner__scrollButtonText {
    font-size: 10px;
    line-height: 16px;
  }
}
[data-page="commercialProject"] .banner__scrollButtonScrollbar {
  height: 60px;
  margin-top: 8px;
  overflow: hidden;
  position: relative;
  width: 1px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .banner__scrollButtonScrollbar {
    margin-top: 6px;
  }
}
[data-page="commercialProject"] .banner__scrollButtonScrollbarBg {
  background: hsla(0, 0%, 100%, 0.3);
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
[data-page="commercialProject"] .banner__scrollButtonScrollbarFg {
  animation: animateScrollLine 2s cubic-bezier(0.86, 0, 0.07, 1) infinite;
  background: #fff;
  height: 30px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
@keyframes animateScrollLine {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 200%, 0);
  }
}
[data-page="commercialProject"] .amenities {
  padding-top: 72px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .amenities {
    margin-top: -60px;
    padding-top: 60px;
  }
}
[data-page="commercialProject"] .amenities__list {
  margin-top: 48px;
  padding-bottom: 72px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .amenities__list {
    margin-top: 40px;
    padding-bottom: 30px;
  }
}
[data-page="commercialProject"] .amenities__list > :not(:first-child) {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .amenities__list > :not(:first-child) {
    margin-top: 16px;
  }
}
[data-page="commercialProject"] .amenities__list > :nth-child(4n + 1) {
  color: #d490a0;
}
[data-page="commercialProject"] .amenities__list > :nth-child(4n + 2) {
  color: #f05862;
}
[data-page="commercialProject"] .amenities__list > :nth-child(4n + 3) {
  color: #ecb224;
}
[data-page="commercialProject"] .amenities__list > :nth-child(4n + 4) {
  color: #00a38b;
}
[data-page="commercialProject"]
  .amenities__amenity.show
  .amenities__amenityName {
  opacity: 1;
}
[data-page="commercialProject"] .amenities__amenityName {
  font-size: 72px;
  letter-spacing: -0.04em;
  line-height: 87px;
  opacity: 0.2;
  text-align: center;
  text-transform: capitalize;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="commercialProject"] .amenities__amenityName {
    font-size: 36px;
    line-height: 44px;
    text-align: left;
  }
}
[data-page="features"] {
  padding-top: 156px;
}
[data-page="features"] .feature {
  opacity: 0;
}
@media (max-width: 1023px) {
  [data-page="features"] {
    padding-top: 78px;
  }
}
[data-page="features"] .features__header {
  align-items: center;
  display: flex;
  height: 156px;
  padding: 0 var(--containerSidePadding);
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="features"] .features__header {
    height: 32px;
    margin-left: calc(0px - var(--viewportSidePadding));
  }
  [data-page="features"] .features__header .c-backButton__arrow {
    margin-right: 8px;
    width: 12px;
  }
  [data-page="features"] .features__header .c-backButton__text {
    font-size: 16px;
    line-height: 32px;
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  [data-page="features"] .features__header {
    animation-delay: 0.2s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-name: stickyMenuIntroAnimation;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #fff;
    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.12);
    left: 0;
    opacity: 0;
    padding-top: 74px;
    position: fixed;
    top: 0;
    z-index: 24;
  }
}
[data-page="features"] .features__inner {
  padding-top: 72px;
}
@media (max-width: 1023px) {
  [data-page="features"] .features__inner {
    padding-top: 12px;
  }
}
@media (min-width: 1024px) {
  [data-page="features"] .features__inner {
    align-items: flex-start;
    display: flex;
  }
  [data-page="features"] .features__lhs {
    flex: 1;
    position: sticky;
    top: 228px;
  }
}
@media (max-width: 1023px) {
  [data-page="features"] .features__rhs {
    margin-top: 24px;
  }
}
@media (min-width: 1024px) {
  [data-page="features"] .features__rhs {
    --featuresGridMargin: 24px;
    --featuresColumnWidth: calc(20% - var(--featuresGridMargin) * 4 / 5);
    margin-left: var(--featuresGridMargin);
    width: calc(var(--featuresColumnWidth) * 3 + var(--featuresGridMargin) * 2);
  }
}
[data-page="features"] .features__projectName {
  color: #f05862;
  font-family: Gotham-Bold;
  font-size: 96px;
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 96px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  [data-page="features"] .features__projectName {
    font-size: 40px;
    line-height: 44px;
  }
}
[data-page="features"] .features__list .feature svg {
  height: 40px;
  width: 42px;
}
@media (max-width: 1023px) {
  [data-page="features"] .features__list .feature svg {
    height: 22px;
    width: 22px;
  }
}
[data-page="features"] .features__list .feature:nth-child(4n + 1) > svg path {
  fill: #d490a0;
}
[data-page="features"] .features__list .feature:nth-child(4n + 2) > svg path {
  fill: #f05862;
}
[data-page="features"] .features__list .feature:nth-child(4n + 3) > svg path {
  fill: #ecb224;
}
[data-page="features"] .features__list .feature:nth-child(4n + 4) > svg path {
  fill: #00a38b;
}
[data-page="features"] .features__list .feature:nth-child(4n + 1) .cls-2 {
  fill: #d490a0;
}
[data-page="features"] .features__list .feature:nth-child(4n + 2) .cls-2 {
  fill: #f05862;
}
[data-page="features"] .features__list .feature:nth-child(4n + 3) .cls-2 {
  fill: #ecb224;
}
[data-page="features"] .features__list .feature:nth-child(4n + 4) .cls-2 {
  fill: #00a38b;
}
[data-page="features"] .features__list .feature:nth-child(4n + 1) .cls-1,
[data-page="features"]
  .features__list
  .feature:nth-child(4n + 1)
  > svg
  > g
  > g
  rect,
[data-page="features"] .features__list .feature:nth-child(4n + 2) .cls-1,
[data-page="features"]
  .features__list
  .feature:nth-child(4n + 2)
  > svg
  > g
  > g
  rect,
[data-page="features"] .features__list .feature:nth-child(4n + 3) .cls-1,
[data-page="features"]
  .features__list
  .feature:nth-child(4n + 3)
  > svg
  > g
  > g
  rect,
[data-page="features"] .features__list .feature:nth-child(4n + 4) .cls-1,
[data-page="features"]
  .features__list
  .feature:nth-child(4n + 4)
  > svg
  > g
  > g
  rect {
  fill: none;
}
[data-page="features"]
  .features__list
  .feature:nth-child(4n + 1)
  > svg
  > g
  circle {
  fill: #d490a0;
}
[data-page="features"]
  .features__list
  .feature:nth-child(4n + 2)
  > svg
  > g
  circle {
  fill: #f05862;
}
[data-page="features"]
  .features__list
  .feature:nth-child(4n + 3)
  > svg
  > g
  circle {
  fill: #ecb224;
}
[data-page="features"]
  .features__list
  .feature:nth-child(4n + 4)
  > svg
  > g
  circle {
  fill: #00a38b;
}
[data-page="features"] .feature {
  display: flex;
}
[data-page="features"] .feature + .feature {
  margin-top: 36px;
}
@media (max-width: 1023px) {
  [data-page="features"] .feature + .feature {
    margin-top: 24px;
  }
}
[data-page="features"] .feature__icon {
  height: 42px;
  width: 42px;
}
@media (max-width: 1023px) {
  [data-page="features"] .feature__icon {
    height: 22px;
    width: 22px;
  }
}
[data-page="features"] .feature__name {
  align-items: center;
  color: #323334;
  display: flex;
  font-family: Gotham-Bold;
  font-size: 20px;
  line-height: 22px;
  margin-left: 20px;
}
@media (max-width: 1023px) {
  [data-page="features"] .feature__name {
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 22px;
    margin-left: 14px;
  }
}
[data-page="features"] .c-footer {
  margin-top: 96px;
}
@media (max-width: 1023px) {
  [data-page="features"] .c-footer {
    margin-top: 22px;
  }
}
[data-html="history"] .c-header:not(.is-compressed) .c-header__whiteBackground {
  background-color: transparent;
}
[data-page="history"] {
  opacity: 0;
  padding-top: 0;
}
@media (max-width: 1023px) {
  [data-page="history"] {
    padding-top: 114px;
  }
}
@media (min-width: 1024px) {
  [data-page="history"] .history {
    display: flex;
    height: var(--viewportHeight);
    margin-left: calc(0px - var(--viewportSidePadding));
    position: sticky;
    top: 0;
    width: var(--viewportWidth);
  }
  [data-page="history"] .history__lhs,
  [data-page="history"] .history__rhs {
    padding-bottom: 74px;
    padding-top: 74px;
  }
  [data-page="history"] .history__lhs {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    position: relative;
    width: 486.4px;
    z-index: 1;
  }
}
[data-page="history"] .history__verticalLine {
  background-color: #cfcfd1;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
[data-page="history"] .history__backButton {
  display: none;
}
@media (min-width: 1024px) {
  [data-page="history"] .history__backButton {
    display: block;
    height: 20px;
    position: absolute;
    right: -10px;
    top: calc(50% - 10px);
    width: 20px;
  }
}
[data-page="history"] .history__heading {
  align-items: center;
  display: flex;
  flex-direction: column;
}
[data-page="history"] .history__heading > :not(:first-child) {
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__heading > :not(:first-child) {
    margin-top: 12px;
  }
}
[data-page="history"] .history__fromYear,
[data-page="history"] .history__toYear {
  font-family: Gotham-Bold;
  font-size: 96px;
  letter-spacing: -0.06em;
  line-height: 96px;
  opacity: 1;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__fromYear,
  [data-page="history"] .history__toYear {
    font-size: 64px;
    line-height: 71px;
  }
}
[data-page="history"] .history__fromYear .letter,
[data-page="history"] .history__toYear .letter {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  display: block;
  margin: -10px;
  padding: 10px;
}
[data-page="history"] .history__fromYear .letter:first-child,
[data-page="history"] .history__toYear .letter:first-child {
  background-image: linear-gradient(90deg, #0087ce, #0080c8);
}
[data-page="history"] .history__fromYear .letter:nth-child(2),
[data-page="history"] .history__toYear .letter:nth-child(2) {
  background-image: linear-gradient(90deg, #007cc4, #016fbb);
}
[data-page="history"] .history__fromYear .letter:nth-child(3),
[data-page="history"] .history__toYear .letter:nth-child(3) {
  background-image: linear-gradient(90deg, #016eba, #0260b0);
}
[data-page="history"] .history__fromYear .letter:nth-child(4),
[data-page="history"] .history__toYear .letter:nth-child(4) {
  background-image: linear-gradient(90deg, #025fae, #0252a5);
}
[data-page="history"] .history__yearSeperator {
  align-items: center;
  color: #9ea0a2;
  display: flex;
  font-size: 36px;
  gap: 12px;
  letter-spacing: -0.06em;
  line-height: 39px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__yearSeperator {
    font-size: 20px;
    line-height: 22px;
  }
}
[data-page="history"] .history__yearSeperatorLine {
  background-color: #cfcfd1;
  height: 1px;
  width: 74px;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__yearSeperatorLine {
    width: 50px;
  }
}
[data-page="history"] .history__subheading {
  color: #323334;
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__subheading {
    margin-top: 24px;
  }
}
[data-page="history"] .history__copy {
  color: #6f7073;
  font-size: 11px;
  line-height: 16px;
  margin-top: 8px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__copy {
    font-size: 12px;
  }
}
[data-page="history"] .history__rhs {
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__rhs {
    margin-top: 40px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1024px) {
  [data-page="history"] .history__rhs {
    align-items: center;
    display: flex;
    flex: 1;
    overflow: hidden;
  }
}
@media (hover: hover) {
  [data-page="history"] .history__rhs:hover .history__nav {
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  [data-page="history"] .history__cards > :not(:first-child) {
    margin-top: 24px;
  }
}
@media (min-width: 1024px) {
  [data-page="history"] .history__cards {
    align-items: flex-start;
    display: flex;
    padding-left: 60px;
    padding-right: 48px;
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
  }
  [data-page="history"] .history__cards > :not(:first-child) {
    margin-left: 48px;
  }
  [data-page="history"] .history__cards {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    scroll-padding-left: var(--viewportSidePadding);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
}
@media (min-width: 1024px) {
  [data-page="history"] .history__cards::-webkit-scrollbar {
    display: none;
  }
}
[data-page="history"] .history__card {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  width: 32vh;
  will-change: opacity, transform;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__card {
    width: 100%;
  }
}
@media (hover: hover) {
  [data-page="history"] .history__card .history__cardImage,
  [data-page="history"] .history__card .history__cardYearRange {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  [data-page="history"] .history__card:hover .history__cardImageWrapper:after {
    opacity: 0;
  }
  [data-page="history"] .history__card:hover .history__cardImage {
    transform: scale(1.04);
  }
  [data-page="history"] .history__card:hover .history__cardYearRange {
    transform: translateY(50px);
  }
}
[data-page="history"] .history__cardImageWrapper {
  border-top-right-radius: 30px;
  height: 56vh;
  overflow: hidden;
  position: relative;
  transform: scale(1);
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__cardImageWrapper {
    border-top-right-radius: 15px;
    height: 54vw;
    padding-top: 0;
  }
}
[data-page="history"] .history__cardImageWrapper:after {
  background-color: #323334;
  content: "";
  opacity: 0.3;
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
}
[data-page="history"] .history__cardYearRange {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__cardYearRange {
    flex-direction: row;
  }
}
[data-page="history"] .history__cardFromYear,
[data-page="history"] .history__cardToYear {
  color: #fff;
  font-family: Gotham-Bold;
  font-size: 64px;
  letter-spacing: -0.06em;
  line-height: 96px;
  padding: 0 5px;
  position: relative;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__cardFromYear,
  [data-page="history"] .history__cardToYear {
    font-size: 36px;
    line-height: 47px;
  }
  [data-page="history"] .history__cardToYear {
    align-items: center;
    display: flex;
  }
  [data-page="history"] .history__cardToYear:before {
    background-color: #fff;
    content: "";
    height: 1px;
    margin-left: 8px;
    margin-right: 8px;
    width: 16px;
  }
}
[data-page="history"] .history__cardYearSeperator {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 24px;
  gap: 8px;
  letter-spacing: -0.06em;
  line-height: 26px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__cardYearSeperator {
    display: none;
  }
}
[data-page="history"] .history__cardYearSeperatorLine {
  background-color: #fff;
  height: 1px;
  width: 24px;
}
[data-page="history"] .history__nav {
  display: flex;
  justify-content: space-between;
  left: 0;
  opacity: 0;
  padding: 0 8%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.2s ease;
  width: 100%;
}
[data-page="history"] .history__nav.showNav {
  display: flex;
}
[data-page="history"] .history__nav.hideNav {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="history"] .history__nav {
    display: none;
  }
}
[data-page="history"] .history__nav button {
  pointer-events: auto;
  transition: opacity 0.2s ease;
}
[data-page="history"] .history__nav .gallery__navButton {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: flex;
  height: 52px;
  justify-content: center;
  padding: 24px 10px;
  pointer-events: auto;
  width: 52px;
}
[data-page="history"]
  .history__nav
  .gallery__navButton
  .gallery__navButtonArrow {
  filter: brightness(0);
  height: auto;
  width: 12px;
}
[data-page="history"] .history__nav .gallery__navButton.js-prevProjectBtn {
  margin-left: 0;
}
[data-page="history"]
  .history__nav
  .gallery__navButton.js-prevProjectBtn
  .gallery__navButtonArrow {
  transform: rotate(180deg);
}
[data-page="history"] .history__nav .gallery__navButton.-next {
  margin-right: 56px;
}
@media (hover: hover) {
  [data-page="history"] .history__nav .gallery__navButton:hover {
    background-color: hsla(0, 0%, 100%, 0.8);
  }
}
[data-html="historyInside"]
  .c-header:not(.is-compressed)
  .c-header__whiteBackground {
  background-color: transparent;
}
[data-page="historyInside"] {
  opacity: 0;
  padding-top: 0;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] {
    padding-top: 114px;
  }
}
@media (min-width: 1024px) {
  [data-page="historyInside"] .historyInside {
    display: flex;
    height: var(--viewportHeight);
    margin-left: calc(0px - var(--viewportSidePadding));
    position: sticky;
    top: 0;
    width: var(--viewportWidth);
  }
  [data-page="historyInside"] .historyInside__lhs,
  [data-page="historyInside"] .historyInside__rhs {
    padding-bottom: 74px;
    padding-top: 148px;
  }
  [data-page="historyInside"] .historyInside__lhs {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    position: relative;
    width: 351px;
    z-index: 1;
  }
}
[data-page="historyInside"] .historyInside__verticalLine {
  background-color: #cfcfd1;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
[data-page="historyInside"] .historyInside__backButton {
  display: none;
}
@media (min-width: 1024px) {
  [data-page="historyInside"] .historyInside__backButton {
    display: block;
    height: 20px;
    position: absolute;
    right: -10px;
    top: calc(50% - 10px);
    width: 20px;
  }
}
[data-page="historyInside"] .historyInside__heading {
  align-items: center;
  display: flex;
  flex-direction: column;
}
[data-page="historyInside"] .historyInside__heading > :not(:first-child) {
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__heading > :not(:first-child) {
    margin-top: 12px;
  }
}
[data-page="historyInside"] .historyInside__fromYear,
[data-page="historyInside"] .historyInside__toYear {
  font-family: Gotham-Bold;
  font-size: 96px;
  letter-spacing: -0.06em;
  line-height: 96px;
  opacity: 1;
  padding: 0 5px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__fromYear,
  [data-page="historyInside"] .historyInside__toYear {
    font-size: 64px;
    line-height: 71px;
  }
}
[data-page="historyInside"] .historyInside__fromYear .letter,
[data-page="historyInside"] .historyInside__toYear .letter {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  display: block;
  margin: -10px;
  padding: 10px;
}
[data-page="historyInside"] .historyInside__fromYear .letter:first-child,
[data-page="historyInside"] .historyInside__toYear .letter:first-child {
  background-image: linear-gradient(90deg, #0087ce, #0080c8);
}
[data-page="historyInside"] .historyInside__fromYear .letter:nth-child(2),
[data-page="historyInside"] .historyInside__toYear .letter:nth-child(2) {
  background-image: linear-gradient(90deg, #007cc4, #016fbb);
}
[data-page="historyInside"] .historyInside__fromYear .letter:nth-child(3),
[data-page="historyInside"] .historyInside__toYear .letter:nth-child(3) {
  background-image: linear-gradient(90deg, #016eba, #0260b0);
}
[data-page="historyInside"] .historyInside__fromYear .letter:nth-child(4),
[data-page="historyInside"] .historyInside__toYear .letter:nth-child(4) {
  background-image: linear-gradient(90deg, #025fae, #0252a5);
}
[data-page="historyInside"] .historyInside__yearSeperator {
  align-items: center;
  color: #9ea0a2;
  display: flex;
  font-size: 36px;
  gap: 12px;
  letter-spacing: -0.06em;
  line-height: 39px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__yearSeperator {
    font-size: 20px;
    line-height: 22px;
  }
}
[data-page="historyInside"] .historyInside__yearSeperatorLine {
  background-color: #cfcfd1;
  height: 1px;
  width: 74px;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__yearSeperatorLine {
    width: 50px;
  }
}
[data-page="historyInside"] .historyInside__rhs {
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__rhs {
    margin-top: 60px;
  }
}
@media (min-width: 1024px) {
  [data-page="historyInside"] .historyInside__rhs {
    align-items: center;
    display: flex;
    flex: 1;
    overflow: hidden;
  }
}
@media (hover: hover) {
  [data-page="historyInside"] .historyInside__rhs:hover .history__nav {
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__cards > :not(:first-child) {
    margin-top: 36px;
  }
}
@media (min-width: 1024px) {
  [data-page="historyInside"] .historyInside__cards {
    align-items: flex-start;
    display: flex;
    padding-left: 73px;
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
  }
  [data-page="historyInside"] .historyInside__cards > :not(:first-child) {
    margin-left: 48px;
  }
  [data-page="historyInside"] .historyInside__cards {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    scroll-padding-left: var(--viewportSidePadding);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
}
@media (min-width: 1024px) {
  [data-page="historyInside"] .historyInside__cards::-webkit-scrollbar {
    display: none;
  }
}
[data-page="historyInside"] .historyInside__card {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  width: 567px;
  will-change: opacity, transform;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__card {
    display: block;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  [data-page="historyInside"] .historyInside__card {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
[data-page="historyInside"] .historyInside__cardImage {
  border-top-right-radius: 30px;
  height: 365px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__cardImage {
    border-top-right-radius: 15px;
    height: 53.75vw;
    padding-top: 0;
  }
}
[data-page="historyInside"] .historyInside__cardTitle {
  color: #d490a0;
  font-size: 24px;
  line-height: 22px;
  margin-top: 20px;
}
[data-page="historyInside"] .historyInside__cardSubtitle {
  color: #6f7073;
  font-size: 14px;
  line-height: 16px;
  margin-top: 12px;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__card.-nextButton {
    height: 132px;
    margin-left: calc(0px - var(--viewportSidePadding));
    margin-top: 52px;
    width: var(--viewportWidth);
  }
}
@media (min-width: 1024px) {
  [data-page="historyInside"] .historyInside__card.-nextButton {
    width: 325px;
  }
}
[data-page="historyInside"]
  .historyInside__card.-nextButton
  .historyInside__cardImage {
  border-top-right-radius: 0;
}
@media (max-width: 1023px) {
  [data-page="historyInside"]
    .historyInside__card.-nextButton
    .historyInside__cardImage {
    height: 132px;
  }
}
[data-page="historyInside"]
  .historyInside__card.-nextButton
  .historyInside__cardImageOverlay {
  background-color: #323334;
  opacity: 0.3;
}
[data-page="historyInside"] .historyInside__cardFromYear,
[data-page="historyInside"] .historyInside__cardToYear {
  color: #fff;
  font-family: Gotham-Bold;
  font-size: 64px;
  letter-spacing: -0.06em;
  line-height: 96px;
  position: relative;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__cardFromYear,
  [data-page="historyInside"] .historyInside__cardToYear {
    font-size: 36px;
    line-height: 47px;
  }
  [data-page="historyInside"] .historyInside__cardToYear {
    align-items: center;
    display: flex;
  }
  [data-page="historyInside"] .historyInside__cardToYear:before {
    background-color: #fff;
    content: "";
    height: 1px;
    margin-left: 8px;
    margin-right: 8px;
    width: 16px;
  }
}
[data-page="historyInside"] .historyInside__cardYearSeperator {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 24px;
  gap: 8px;
  letter-spacing: -0.06em;
  line-height: 26px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__cardYearSeperator {
    display: none;
  }
}
[data-page="historyInside"] .historyInside__cardYearSeperatorLine {
  background-color: #fff;
  height: 1px;
  width: 24px;
}
[data-page="historyInside"] .historyInside__nextYearRange {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .historyInside__nextYearRange {
    flex-direction: row;
  }
}
[data-page="historyInside"] .history__nav {
  display: flex;
  justify-content: space-between;
  left: 0;
  opacity: 0;
  padding: 0 8%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
[data-page="historyInside"] .history__nav.showNav {
  display: flex;
}
[data-page="historyInside"] .history__nav.hideNav {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="historyInside"] .history__nav {
    display: none;
  }
}
[data-page="historyInside"] .history__nav button {
  pointer-events: auto;
  transition: opacity 0.2s ease;
}
[data-page="historyInside"] .history__nav .gallery__navButton {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: flex;
  height: 52px;
  justify-content: center;
  padding: 24px 10px;
  pointer-events: auto;
  width: 52px;
}
[data-page="historyInside"]
  .history__nav
  .gallery__navButton
  .gallery__navButtonArrow {
  filter: brightness(0);
  height: auto;
  width: 12px;
}
[data-page="historyInside"]
  .history__nav
  .gallery__navButton.js-prevProjectBtn {
  margin-left: 0;
}
[data-page="historyInside"]
  .history__nav
  .gallery__navButton.js-prevProjectBtn
  .gallery__navButtonArrow {
  transform: rotate(180deg);
}
[data-page="historyInside"] .history__nav .gallery__navButton.-next {
  margin-right: 56px;
}
@media (hover: hover) {
  [data-page="historyInside"] .history__nav .gallery__navButton:hover {
    background-color: hsla(0, 0%, 100%, 0.8);
  }
}
[data-page="historyProject"] {
  padding-top: 0;
}
[data-page="historyProject"] .historyProject__lhs.animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="historyProject"] .historyProject {
  display: flex;
}
@media (max-width: 1023px) {
  [data-page="historyProject"] .historyProject {
    flex-flow: column-reverse;
    padding-top: 54px;
  }
}
@media (min-width: 1024px) {
  [data-page="historyProject"] .historyProject {
    height: var(--viewportHeight);
    margin-left: calc(0px - var(--viewportSidePadding));
    padding-top: 74px;
    width: var(--viewportWidth);
  }
}
@media (max-width: 1023px) {
  [data-page="historyProject"] .historyProject__lhs {
    margin-top: 0 !important;
    padding-bottom: 66px;
    padding-right: var(--viewportSidePadding);
  }
}
@media (min-width: 1024px) {
  [data-page="historyProject"] .historyProject__lhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: var(--containerSidePadding);
    padding-bottom: 47px;
    padding-right: 24px;
    width: 430px;
  }
}
@media (max-width: 1023px) {
  [data-page="historyProject"] .historyProject__rhs {
    margin-left: calc(0px - var(--viewportSidePadding));
    width: var(--viewportWidth);
  }
}
@media (min-width: 1024px) {
  [data-page="historyProject"] .historyProject__rhs {
    align-items: center;
    display: flex;
    flex: 1;
    margin-left: 16px;
    overflow: hidden;
    padding-bottom: 82px;
    padding-top: 82px;
  }
}
[data-page="historyProject"] .historyProject__yearAndLocation {
  color: #9ea0a2;
  font-family: Gotham-Bold;
  font-size: 24px;
  letter-spacing: -0.06em;
  line-height: 27px;
}
@media (max-width: 1023px) {
  [data-page="historyProject"] .historyProject__yearAndLocation {
    font-size: 16px;
    line-height: 18px;
    margin-top: 24px;
  }
}
[data-page="historyProject"] .c-backButton {
  margin-bottom: 18px;
  width: max-content;
}
@media (max-width: 1023px) {
  [data-page="historyProject"] .c-backButton {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
[data-page="historyProject"] .c-backButton .c-backButton__text {
  font-size: 14px;
}
[data-page="historyProject"] .c-backButton .c-backButton__arrow {
  width: 14px;
}
[data-page="historyProject"] .c-backButton.-previousProject {
  margin-top: 30px;
  position: relative;
}
[data-page="historyProject"] .mbl__projectNavigation.is-below-1024 {
  box-shadow: 0 -1px 34px rgba(0, 0, 0, 0.08);
  display: flex;
  margin-left: -20px;
  width: var(--viewportWidth);
}
[data-page="historyProject"]
  .mbl__projectNavigation.is-below-1024
  .historyProject__nextButton.is-below-1024 {
  margin-left: 0;
}
[data-page="historyProject"]
  .mbl__projectNavigation.is-below-1024
  .historyProject__nextButton.is-below-1024.-previousProject {
  background-color: #fff;
}
[data-page="historyProject"]
  .mbl__projectNavigation.is-below-1024
  .historyProject__nextButton.is-below-1024.-previousProject
  .historyProject__nextButtonText {
  color: #6f7073;
}
[data-page="historyProject"] .historyProject__name {
  color: #d490a0;
  font-family: Gotham-Bold;
  font-size: 64px;
  letter-spacing: -0.06em;
  line-height: 71px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="historyProject"] .historyProject__name {
    font-size: 24px;
    line-height: 27px;
    margin-top: 4px;
  }
}
[data-page="historyProject"] .historyProject__desc {
  color: #6f7073;
  font-size: 14px;
  line-height: 24px;
  margin-top: 16px;
  max-width: 344px;
}
@media (max-width: 1023px) {
  [data-page="historyProject"] .historyProject__desc {
    max-width: unset;
  }
}
[data-page="historyProject"] .historyProject__imageWrapper {
  flex-shrink: 0;
  height: 58vh;
  overflow: hidden;
  position: relative;
  width: 83vh;
  will-change: opacity, transform;
}
@media (max-width: 1023px) {
  [data-page="historyProject"] .historyProject__imageWrapper {
    height: 61.5vw;
    width: var(--viewportWidth);
  }
}
@media (min-width: 1024px) {
  [data-page="historyProject"] .historyProject__imageWrapper {
    opacity: 0;
  }
}
@media (max-width: 1023px) {
  [data-page="historyProject"] .historyProject__image {
    opacity: 0;
    transform: scale(1.06);
  }
}
@media (min-width: 1024px) {
  [data-page="historyProject"] .historyProject__image {
    border-top-right-radius: 30px;
  }
}
[data-page="historyProject"] .historyProject__nextButtonContainer {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 58vh;
  margin-left: 48px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  width: 83vh;
  will-change: opacity, transform;
}
@media (hover: hover) {
  [data-page="historyProject"]
    .historyProject__nextButtonContainer:hover
    .historyProject__nextButtonArrow {
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-name: animateArrowHorizontallyOnMouseover;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
[data-page="historyProject"]
  .historyProject__nextButtonImage.is-loaded
  + .historyProject__nextButtonOverlay {
  opacity: 1;
}
[data-page="historyProject"] .historyProject__nextButtonOverlay {
  background-color: rgba(50, 51, 52, 0.8);
  opacity: 0;
}
[data-page="historyProject"] .historyProject__nextButton {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0 24px;
  position: relative;
  width: 100%;
}
[data-page="historyProject"] .historyProject__nextButtonText {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
[data-page="historyProject"] .historyProject__nextButtonArrow {
  height: auto;
  margin-left: 10px;
  width: 17px;
}
[data-page="historyProject"] .historyProject__nextButton.is-below-1024 {
  align-items: center;
  background-color: #00a38b;
  display: flex;
  font-size: 16px;
  height: 52px;
  justify-content: center;
  letter-spacing: -0.06em;
  line-height: 17px;
  margin-left: calc(0px - var(--viewportSidePadding));
  width: var(--viewportWidth);
}
@media screen and (max-width: 1366px) and (max-height: 600px) {
  [data-page="historyProject"] .historyProject__lhs {
    margin-top: 100px;
  }
}
[data-page="blog"] {
  padding-top: 0;
}
@media (max-width: 1023px) {
  [data-page="blog"] .c-fullWidthBanner .innerBanner {
    min-height: 280px;
  }
}
[data-page="blog"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="blog"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
@media (max-width: 1023px) {
  [data-page="blog"] {
    padding-top: 0;
  }
}
[data-page="blog"] .mainHeading {
  color: #cfcfd1;
  display: block;
  font-family: Gotham-Bold;
  font-size: 96px;
  letter-spacing: -0.06em;
  line-height: 1;
  margin: 96px auto 66px;
  max-width: 868px;
}
@media (max-width: 1023px) {
  [data-page="blog"] .mainHeading {
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 0;
    margin-top: 60px;
  }
}
[data-page="blog"] .mainHeading .-txtColor {
  color: #d490a0;
}
[data-page="blog"] .mainHeading__desc {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 22px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="blog"] .mainHeading__desc {
    font-size: 14px;
    margin-top: 20px;
  }
}
[data-page="blog"] .blog {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 868px;
}
[data-page="blog"] .blog__card {
  align-items: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 72px;
  margin-top: 72px;
  padding: 0 0 72px;
}
@media (max-width: 1023px) {
  [data-page="blog"] .blog__card {
    flex-direction: column;
    margin-top: 40px;
  }
}
@media (min-width: 1024px) {
  [data-page="blog"] .blog__card > :nth-child(2n + 2) {
    animation-delay: 0.16s;
  }
}
[data-page="blog"] .blog .blogCards {
  --projectCardTranslateY: 72%;
  align-items: flex-start;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
  opacity: 0;
  width: calc(50% - 20px);
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="blog"] .blog .blogCards {
    --projectCardTranslateY: 24%;
  }
}
[data-page="blog"] .blog .blogCards.animateblogCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
@media (max-width: 1023px) {
  [data-page="blog"] .blog .blogCards {
    margin-bottom: 5px;
    width: 100%;
  }
}
[data-page="blog"] .blog .blogCards:hover .blogCards__image {
  transform: scale(1.08);
}
[data-page="blog"] .blog .blogCards__imageWrapper {
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
[data-page="blog"] .blog .blogCards__imageWrapper .blogCards__image {
  border-radius: 5px;
  height: 248px;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
  will-change: transform;
}
@media (max-width: 1023px) {
  [data-page="blog"] .blog .blogCards__imageWrapper .blogCards__image {
    height: 212px;
  }
}
[data-page="blog"] .blog .blogCards__details {
  width: 100%;
}
[data-page="blog"] .blog .blogCards__details .blogCards__title {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 20px;
  line-height: 30px;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  [data-page="blog"] .blog .blogCards__details .blogCards__title {
    line-height: 22px;
  }
}
[data-page="blog"] .blog .blogCards__details .blogCards__date {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 1;
  margin-top: 10px;
}
[data-page="blog"] .moreBlogs {
  display: block;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
  max-width: 868px;
}
[data-page="blog"] .moreBlogs .subHeading {
  color: #d490a0;
  font-family: Gotham-Bold;
  font-size: 48px;
  letter-spacing: -0.06em;
  line-height: 53px;
  margin-bottom: 48px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  [data-page="blog"] .moreBlogs .subHeading {
    font-size: 32px;
    line-height: 35.39px;
  }
}
[data-page="blog"] .moreBlogs .moreBlogs__list {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding: 0;
}
@media (min-width: 1024px) {
  [data-page="blog"] .moreBlogs .moreBlogs__list > :nth-child(2n + 2) {
    animation-delay: 0.16s;
  }
}
@media (max-width: 1023px) {
  [data-page="blog"] .moreBlogs .moreBlogs__list {
    flex-direction: column;
  }
}
[data-page="blog"] .moreBlogs__Cards {
  --projectCardTranslateY: 72%;
  align-items: flex-start;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  display: flex;
  flex-basis: calc(50% - 20px);
  flex-direction: row;
  gap: 20px;
  opacity: 0;
  padding: 0;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="blog"] .moreBlogs__Cards {
    --projectCardTranslateY: 24%;
  }
}
[data-page="blog"] .moreBlogs__Cards.animateMoreBlogCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="blog"] .moreBlogs__Cards:hover .moreBlogs__image {
  transform: scale(1.05);
}
[data-page="blog"] .moreBlogs__imageWrapper {
  border-radius: 5px;
  display: flex;
  flex: 0.5;
  overflow: hidden;
}
[data-page="blog"] .moreBlogs__imageWrapper .moreBlogs__image {
  border-radius: 5px;
  height: auto;
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
  will-change: transform;
}
[data-page="blog"] .moreBlogs__details {
  flex: 0.5;
}
[data-page="blog"] .moreBlogs__details .moreBlogs__title {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 1023px) {
  [data-page="blog"] .moreBlogs__details .moreBlogs__title {
    font-size: 14px;
    line-height: 18px;
  }
}
[data-page="blog"] .moreBlogs__details .moreBlogs__date {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 1;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  [data-page="blog"] .moreBlogs__details .moreBlogs__date {
    font-size: 12px;
    line-height: 24px;
  }
}
[data-page="blog"] .moreBlogs .hiddenBlogs {
  clip: rect(0 0 0 0);
  border: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
}
[data-page="blog"] .moreBlogs .inActive {
  cursor: not-allowed;
  opacity: 0.5 !important;
}
[data-page="blog"] .moreBlogs .blogs__btns {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  margin-top: 68px;
  opacity: 0;
  text-align: center;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="blog"] .moreBlogs .blogs__btns {
    --projectCardTranslateY: 24%;
    margin-top: 48px;
  }
}
[data-page="blog"] .moreBlogs .blogs__btns.animateMoreBlogBtn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="blog"] .moreBlogs .blogs__btns .primary__btn {
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  padding: 8px 16px;
  position: relative;
  text-decoration: none;
}
[data-page="blog"] .moreBlogs .blogs__btns .primary__btn:before {
  background: #043f81;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 101%;
  z-index: 0;
}
[data-page="blog"] .moreBlogs .blogs__btns .primary__btn:hover {
  background: #043f81;
}
[data-page="blogPost"] {
  padding-top: 75px;
}
[data-page="blogPost"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="blogPost"] .transitionDelay60 {
  transition-delay: 60ms;
}
[data-page="blogPost"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] {
    padding-top: 57px;
  }
}
[data-page="blogPost"] .mainHeading {
  color: #cfcfd1;
  display: block;
  font-family: Gotham-Bold;
  font-size: 48px;
  letter-spacing: -0.04em;
  line-height: 64px;
  margin: 96px auto 66px;
  max-width: 868px;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .mainHeading {
    font-size: 36px;
    letter-spacing: -0.06em;
    line-height: 40px;
    margin-bottom: 0;
    margin-top: 60px;
  }
}
[data-page="blogPost"] .mainHeading .-txtColor {
  color: #d490a0;
}
[data-page="blogPost"] .mainHeading .heading__date {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 30px;
  margin-top: 12px;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .mainHeading .heading__date {
    margin-top: 20px;
  }
}
[data-page="blogPost"] .blogPost__content .innerBanner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 868px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .blogPost__content .innerBanner {
    margin-left: calc(0px - var(--viewportSidePadding));
    margin-right: calc(0px - var(--viewportSidePadding));
    margin-top: 40px;
    width: var(--viewportWidth);
  }
}
[data-page="blogPost"] .blogPost__content .innerBanner img.bannerImage {
  display: block;
  height: 434px;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .blogPost__content .innerBanner img.bannerImage {
    height: 260px;
  }
}
[data-page="blogPost"] .blogPost__desc {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 868px;
}
[data-page="blogPost"] .blogPost__desc .divBody {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 72px;
  margin-top: 72px;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .blogPost__desc .divBody {
    margin-top: 40px;
  }
}
[data-page="blogPost"] .blogPost__desc .divBody strong + ul {
  margin-top: 10px;
}
[data-page="blogPost"] .blogPost__desc .divBody ul {
  margin-top: 30px;
}
[data-page="blogPost"] .blogPost__desc .divBody ul li {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}
[data-page="blogPost"] .blogPost__desc .divBody ul li:last-child {
  margin-bottom: 0;
}
[data-page="blogPost"] .blogPost__desc strong {
  font-family: Gotham-Medium;
}
[data-page="blogPost"] .moreBlogs {
  display: block;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
  max-width: 868px;
}
[data-page="blogPost"] .moreBlogs .subHeading {
  color: #d490a0;
  font-family: Gotham-Bold;
  font-size: 48px;
  letter-spacing: -0.06em;
  line-height: 53px;
  margin-bottom: 48px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .moreBlogs .subHeading {
    font-size: 32px;
    line-height: 35.39px;
  }
}
[data-page="blogPost"] .moreBlogs .moreBlogs__list {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding: 0;
}
@media (min-width: 1024px) {
  [data-page="blogPost"] .moreBlogs .moreBlogs__list > :nth-child(2n + 2) {
    animation-delay: 0.16s;
  }
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .moreBlogs .moreBlogs__list {
    flex-direction: column;
  }
}
[data-page="blogPost"] .moreBlogs__Cards {
  --projectCardTranslateY: 72%;
  align-items: flex-start;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  display: flex;
  flex-basis: calc(50% - 20px);
  flex-direction: row;
  gap: 20px;
  opacity: 0;
  padding: 0;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .moreBlogs__Cards {
    --projectCardTranslateY: 24%;
  }
}
[data-page="blogPost"] .moreBlogs__Cards.animateMoreBlogCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="blogPost"] .moreBlogs__Cards:hover .moreBlogs__image {
  transform: scale(1.05);
}
[data-page="blogPost"] .moreBlogs__imageWrapper {
  border-radius: 5px;
  display: flex;
  flex: 0.5;
  flex-basis: 50%;
  overflow: hidden;
}
[data-page="blogPost"] .moreBlogs__imageWrapper .moreBlogs__image {
  border-radius: 5px;
  height: auto;
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
  will-change: transform;
}
[data-page="blogPost"] .moreBlogs__details {
  flex: 0.5;
  flex-basis: 50%;
}
[data-page="blogPost"] .moreBlogs__details .moreBlogs__title {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .moreBlogs__details .moreBlogs__title {
    font-size: 14px;
    line-height: 18px;
  }
}
[data-page="blogPost"] .moreBlogs__details .moreBlogs__date {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 1;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .moreBlogs__details .moreBlogs__date {
    font-size: 12px;
    line-height: 24px;
  }
}
[data-page="blogPost"] .moreBlogs .hiddenBlogs {
  clip: rect(0 0 0 0);
  border: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
}
[data-page="blogPost"] .moreBlogs .inActive {
  cursor: not-allowed;
  opacity: 0.5 !important;
}
[data-page="blogPost"] .moreBlogs .blogs__btns {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  margin-top: 68px;
  opacity: 0;
  text-align: center;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="blogPost"] .moreBlogs .blogs__btns {
    --projectCardTranslateY: 24%;
    margin-top: 48px;
  }
}
[data-page="blogPost"] .moreBlogs .blogs__btns.animateMoreBlogBtn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="blogPost"] .moreBlogs .blogs__btns .primary__btn {
  background: #034ea2;
  border-radius: 54px;
  color: #fff;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  padding: 8px 16px;
  position: relative;
  text-decoration: none;
}
[data-page="blogPost"] .moreBlogs .blogs__btns .primary__btn:before {
  background: #043f81;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 101%;
  z-index: 0;
}
[data-page="blogPost"] .moreBlogs .blogs__btns .primary__btn:hover:before {
  transform: translateZ(0);
}
[data-page="awards"] {
  padding-top: 75px;
}
[data-page="awards"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="awards"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
@media (max-width: 1023px) {
  [data-page="awards"] {
    padding-top: 57px;
  }
}
[data-page="awards"] .readMore_btn {
  color: #034ea2;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
}
[data-page="awards"] .readMore_btn img {
  display: inline-block;
}
[data-page="awards"] .readMore_btn:hover img {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: animatePageCardArrowOnMouseover;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-page="awards"] .mainHeading {
  color: #cfcfd1;
  display: block;
  font-family: Gotham-Bold;
  font-size: 96px;
  letter-spacing: -0.04em;
  line-height: 100px;
  margin: 96px auto 40px;
  max-width: 878px;
}
@media (max-width: 1023px) {
  [data-page="awards"] .mainHeading {
    font-size: 48px;
    letter-spacing: -0.06em;
    line-height: 54px;
    margin-bottom: 0;
    margin-top: 60px;
  }
}
[data-page="awards"] .mainHeading .-txtColor {
  color: #ecb224;
}
[data-page="awards"] .mainHeading__desc {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 22px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="awards"] .mainHeading__desc {
    font-size: 14px;
    margin-top: 20px;
  }
}
[data-page="awards"] .awards__banner .innerBanner {
  margin-left: calc(0px - var(--viewportSidePadding));
  margin-right: calc(0px - var(--viewportSidePadding));
  overflow: hidden;
  padding: 0;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="awards"] .awards__banner .innerBanner {
    margin-top: 40px;
  }
}
[data-page="awards"] .awards__banner .innerBanner img.bannerImage {
  display: block;
  height: auto;
  width: 100vw;
}
@media (max-width: 1023px) {
  [data-page="awards"] .awards__banner .innerBanner img.bannerImage {
    height: 360px;
    object-fit: cover;
  }
}
[data-page="awards"] .awards__list {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 96px;
  max-width: 878px;
}
@media (max-width: 1023px) {
  [data-page="awards"] .awards__list {
    margin-top: 46px;
  }
}
[data-page="awards"] .awards__list .awards__Card {
  --projectCardTranslateY: 72%;
  align-items: flex-start;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  margin-bottom: 76px;
  opacity: 0;
  padding: 0;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="awards"] .awards__list .awards__Card {
    --projectCardTranslateY: 24%;
  }
}
[data-page="awards"] .awards__list .awards__Card.animateAwardsCard {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
@media (max-width: 1023px) {
  [data-page="awards"] .awards__list .awards__Card {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
  }
}
[data-page="awards"] .awards__list .awards__Card:hover .awards__image {
  transform: scale(1.05);
}
[data-page="awards"] .awards__list .awards__Card .awards__imageWrapper {
  border-radius: 0 30px 0 0;
  display: flex;
  flex-basis: 50%;
  height: 320px;
  overflow: hidden;
  width: 100%;
}
[data-page="awards"]
  .awards__list
  .awards__Card
  .awards__imageWrapper
  .awards__image {
  height: auto;
  transform-origin: center;
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
}
[data-page="awards"] .awards__list .awards__Card .awards__details {
  flex: 1;
}
@media (max-width: 1023px) {
  [data-page="awards"] .awards__list .awards__Card .awards__details {
    order: 1;
  }
}
[data-page="awards"]
  .awards__list
  .awards__Card
  .awards__details
  .awards__title {
  color: #d490a0;
  font-family: Gotham-Bold;
  font-size: 36px;
  letter-spacing: -0.06em;
  line-height: 40px;
}
@media (max-width: 1023px) {
  [data-page="awards"]
    .awards__list
    .awards__Card
    .awards__details
    .awards__title {
    font-size: 28px;
    line-height: 30px;
  }
}
[data-page="awards"]
  .awards__list
  .awards__Card
  .awards__details
  .awards__subTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 24px;
  letter-spacing: -0.04em;
  line-height: 28px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="awards"]
    .awards__list
    .awards__Card
    .awards__details
    .awards__subTitle {
    font-size: 20px;
    margin-top: 12px;
  }
}
[data-page="awards"]
  .awards__list
  .awards__Card
  .awards__details
  .awards__desc {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  [data-page="awards"]
    .awards__list
    .awards__Card
    .awards__details
    .awards__desc {
    margin-top: 12px;
  }
}
[data-page="mediaCoverage"] {
  padding-top: 0;
}
[data-page="mediaCoverage"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="mediaCoverage"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="mediaCoverage"] .transitionDelay100 {
  transition-delay: 0.1s;
}
[data-page="mediaCoverage"] .mainHeading {
  color: #00a38b;
  display: block;
  font-family: Gotham-Bold;
  font-size: 96px;
  letter-spacing: -0.04em;
  line-height: 100px;
  margin: 106px auto 0;
  max-width: 874px;
}
@media (max-width: 1023px) {
  [data-page="mediaCoverage"] .mainHeading {
    font-size: 48px;
    letter-spacing: -0.06em;
    line-height: 54px;
    margin-bottom: 0;
    margin-top: 60px;
  }
}
[data-page="mediaCoverage"] .mainHeading .-txtColor {
  color: #ecb224;
}
[data-page="mediaCoverage"] .mainHeading__desc {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 22px;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  [data-page="mediaCoverage"] .mainHeading__desc {
    font-size: 14px;
    margin-top: 20px;
  }
}
[data-page="mediaCoverage"] .mediaCoverage__list {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  max-width: 874px;
  padding-bottom: 92px;
}
@media (max-width: 1023px) {
  [data-page="mediaCoverage"] .mediaCoverage__list {
    margin-top: 30px;
    padding-bottom: 24px;
  }
}
[data-page="mediaCoverage"] .mediaCoverage__list .mediaCoverage__Card {
  --projectCardTranslateY: 72%;
  align-items: flex-start;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  margin-bottom: 48px;
  opacity: 0;
  padding: 0;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="mediaCoverage"] .mediaCoverage__list .mediaCoverage__Card {
    --projectCardTranslateY: 24%;
  }
}
[data-page="mediaCoverage"]
  .mediaCoverage__list
  .mediaCoverage__Card.animateAwardsCard {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
@media (max-width: 1023px) {
  [data-page="mediaCoverage"] .mediaCoverage__list .mediaCoverage__Card {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 48px;
  }
}
[data-page="mediaCoverage"]
  .mediaCoverage__list
  .mediaCoverage__Card
  .mediaCoverage__details {
  flex: 1;
}
@media (max-width: 1023px) {
  [data-page="mediaCoverage"]
    .mediaCoverage__list
    .mediaCoverage__Card
    .mediaCoverage__details {
    order: 1;
  }
}
[data-page="mediaCoverage"]
  .mediaCoverage__list
  .mediaCoverage__Card
  .mediaCoverage__details
  .dateArticle {
  display: flex;
  gap: 12px;
}
[data-page="mediaCoverage"]
  .mediaCoverage__list
  .mediaCoverage__Card
  .mediaCoverage__details
  .dateArticle
  .mediaCoverage__date,
[data-page="mediaCoverage"]
  .mediaCoverage__list
  .mediaCoverage__Card
  .mediaCoverage__details
  .dateArticle
  .mediaCoverage__news {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 1023px) {
  [data-page="mediaCoverage"]
    .mediaCoverage__list
    .mediaCoverage__Card
    .mediaCoverage__details
    .dateArticle
    .mediaCoverage__date,
  [data-page="mediaCoverage"]
    .mediaCoverage__list
    .mediaCoverage__Card
    .mediaCoverage__details
    .dateArticle
    .mediaCoverage__news {
    font-size: 12px;
  }
}
[data-page="mediaCoverage"]
  .mediaCoverage__list
  .mediaCoverage__Card
  .mediaCoverage__details
  .mediaCoverage__title {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 20px;
  line-height: 26px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="mediaCoverage"]
    .mediaCoverage__list
    .mediaCoverage__Card
    .mediaCoverage__details
    .mediaCoverage__title {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
}
[data-page="mediaCoverage"] .readMore_btn {
  color: #034ea2;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  margin-top: 16px;
}
[data-page="mediaCoverage"] .readMore_btn img {
  display: inline-block;
}
@media (max-width: 1023px) {
  [data-page="mediaCoverage"] .readMore_btn {
    margin-top: 12px;
  }
}
[data-page="mediaCoverage"] .readMore_btn:hover img {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: animatePageCardArrowOnMouseover;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-page="mediaCoverage"] .mediaLoad__btns {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  margin-top: 68px;
  opacity: 0;
  text-align: center;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="mediaCoverage"] .mediaLoad__btns {
    --projectCardTranslateY: 24%;
    margin-top: 48px;
  }
}
[data-page="mediaCoverage"] .mediaLoad__btns.animateMoreBlogBtn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="mediaCoverage"] .mediaLoad__btns .primary__btn {
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  padding: 8px 16px;
  position: relative;
  text-decoration: none;
}
[data-page="mediaCoverage"] .mediaLoad__btns .primary__btn:before {
  background: #043f81;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 101%;
  z-index: 0;
}
[data-page="mediaCoverage"] .mediaLoad__btns .primary__btn:hover {
  background: #043f81;
}
[data-page="mediaCoverage"] .hiddenMedia {
  display: none !important;
}
[data-page="pressReleases"] {
  padding-top: 0;
}
[data-page="pressReleases"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="pressReleases"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="pressReleases"]
  .anim-title[observer-animation="title"]
  .word:not(:last-child) {
  padding-right: 5px;
}
[data-page="pressReleases"] .transitionDelay100 {
  transition-delay: 0.1s;
}
[data-page="pressReleases"] .mainHeading {
  color: #d490a0;
  display: block;
  font-family: Gotham-Bold;
  font-size: 96px;
  letter-spacing: -0.04em;
  line-height: 100px;
  margin: 106px auto 0;
  max-width: 874px;
}
@media (max-width: 1023px) {
  [data-page="pressReleases"] .mainHeading {
    font-size: 48px;
    letter-spacing: -0.06em;
    line-height: 54px;
    margin-bottom: 0;
    margin-top: 60px;
  }
}
[data-page="pressReleases"] .mainHeading .-txtColor {
  color: #ecb224;
}
[data-page="pressReleases"] .mainHeading__desc {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 22px;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  [data-page="pressReleases"] .mainHeading__desc {
    font-size: 14px;
    margin-top: 20px;
  }
}
[data-page="pressReleases"] .pressReleases__list {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  max-width: 874px;
  padding-bottom: 92px;
}
@media (max-width: 1023px) {
  [data-page="pressReleases"] .pressReleases__list {
    margin-top: 30px;
    padding-bottom: 24px;
  }
}
[data-page="pressReleases"] .pressReleases__list .pressReleases__Card {
  --projectCardTranslateY: 72%;
  align-items: flex-start;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  margin-bottom: 48px;
  opacity: 0;
  padding: 0;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="pressReleases"] .pressReleases__list .pressReleases__Card {
    --projectCardTranslateY: 24%;
  }
}
[data-page="pressReleases"]
  .pressReleases__list
  .pressReleases__Card.animateAwardsCard {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
@media (max-width: 1023px) {
  [data-page="pressReleases"] .pressReleases__list .pressReleases__Card {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 48px;
  }
}
[data-page="pressReleases"]
  .pressReleases__list
  .pressReleases__Card
  .pressReleases__details {
  flex: 1;
}
@media (max-width: 1023px) {
  [data-page="pressReleases"]
    .pressReleases__list
    .pressReleases__Card
    .pressReleases__details {
    order: 1;
  }
}
[data-page="pressReleases"]
  .pressReleases__list
  .pressReleases__Card
  .pressReleases__details
  .dateArticle {
  display: flex;
  gap: 16px;
}
[data-page="pressReleases"]
  .pressReleases__list
  .pressReleases__Card
  .pressReleases__details
  .dateArticle
  .pressReleases__date,
[data-page="pressReleases"]
  .pressReleases__list
  .pressReleases__Card
  .pressReleases__details
  .dateArticle
  .pressReleases__news {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 1023px) {
  [data-page="pressReleases"]
    .pressReleases__list
    .pressReleases__Card
    .pressReleases__details
    .dateArticle
    .pressReleases__date,
  [data-page="pressReleases"]
    .pressReleases__list
    .pressReleases__Card
    .pressReleases__details
    .dateArticle
    .pressReleases__news {
    font-size: 12px;
  }
}
[data-page="pressReleases"]
  .pressReleases__list
  .pressReleases__Card
  .pressReleases__details
  .pressReleases__title {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 20px;
  line-height: 26px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="pressReleases"]
    .pressReleases__list
    .pressReleases__Card
    .pressReleases__details
    .pressReleases__title {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
}
[data-page="pressReleases"] .readMore_btn {
  color: #034ea2;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  margin-top: 16px;
}
[data-page="pressReleases"] .readMore_btn img {
  display: inline-block;
}
@media (max-width: 1023px) {
  [data-page="pressReleases"] .readMore_btn {
    margin-top: 12px;
  }
}
[data-page="pressReleases"] .readMore_btn:hover img {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: animatePageCardArrowOnMouseover;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-page="pressReleases"] .mediaLoad__btns {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  margin-top: 68px;
  opacity: 0;
  text-align: center;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="pressReleases"] .mediaLoad__btns {
    --projectCardTranslateY: 24%;
    margin-top: 48px;
  }
}
[data-page="pressReleases"] .mediaLoad__btns.animateMoreBlogBtn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="pressReleases"] .mediaLoad__btns .primary__btn {
  background: linear-gradient(94.05deg, #034ea2 9.13%, #0089cf 91.03%);
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  padding: 8px 16px;
  position: relative;
  text-decoration: none;
}
[data-page="pressReleases"] .mediaLoad__btns .primary__btn:before {
  background: #043f81;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 101%;
  z-index: 0;
}
[data-page="pressReleases"] .mediaLoad__btns .primary__btn:hover {
  background: #043f81;
}
[data-page="pressReleases"] .hiddenMedia {
  display: none !important;
}
.txt-SPRE-lightBlue {
  color: #0089cf !important;
}
[data-page="corporate"] {
  padding-top: 75px;
}
[data-page="corporate"] .transitionDelay80 {
  transition-delay: 0.08s;
}
[data-page="corporate"] .transitionDelay120 {
  transition-delay: 0.12s;
}
[data-page="corporate"] .transitionDelay160 {
  transition-delay: 0.16s;
}
[data-page="corporate"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="corporate"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
@media (max-width: 1023px) {
  [data-page="corporate"] {
    padding-top: 57px;
  }
}
[data-page="corporate"] .readMore_btn {
  color: #034ea2;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  margin-top: 24px;
  text-transform: capitalize;
}
[data-page="corporate"] .readMore_btn img {
  display: inline-block;
  margin-left: 8px;
}
[data-page="corporate"] .readMore_btn:hover {
  opacity: 0.8;
}
[data-page="corporate"] .readMore_btn:hover img {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: animatePageCardArrowOnMouseover;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-page="corporate"] .--rounded-brd {
  background: transparent;
  border: 1px solid #cfcfd1;
  border-radius: 54px;
  color: #fff;
  padding: 8px 16px;
  position: relative;
}
[data-page="corporate"] .--rounded-brd img {
  filter: brightness(0) invert(1);
}
[data-page="corporate"] .txt-c {
  text-align: center !important;
}
[data-page="corporate"] .button__wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
[data-page="corporate"] .button__wrapper > * + * {
  margin-left: 16px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .button__wrapper > * + * {
    margin-left: 8px;
  }
}
[data-page="corporate"] .button__wrapper .ourBelief__btn {
  background: #fff;
  border: 1px solid #cfcfd1;
  border-radius: 54px;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  padding: 8px 16px;
  position: relative;
  text-decoration: none;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .button__wrapper .ourBelief__btn {
    padding: 8px 12px;
  }
}
[data-page="corporate"] .button__wrapper .ourBelief__btn span {
  color: #6f7073;
}
[data-page="corporate"] .button__wrapper .ourBelief__btn:before {
  background: #6f7073;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 1px;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 101%;
  z-index: 0;
}
[data-page="corporate"] .button__wrapper .ourBelief__btn:hover {
  border-color: #8c8c8c;
}
[data-page="corporate"] .button__wrapper .ourBelief__btn:hover span {
  color: #4a4a4a !important;
}
[data-page="corporate"] .button__wrapper .watchBrandFilm__btn {
  background: #fff;
  border: 1px solid #cfcfd1;
  border-radius: 54px;
  display: inline-flex;
  padding: 8px 16px;
  position: relative;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .button__wrapper .watchBrandFilm__btn {
    padding: 8px 12px;
  }
}
[data-page="corporate"] .button__wrapper .watchBrandFilm__btn img {
  display: inline-block;
}
[data-page="corporate"] .button__wrapper .watchBrandFilm__btn span {
  color: #6f7073;
  margin-left: 7px;
}
[data-page="corporate"] .button__wrapper .watchBrandFilm__btn:hover img {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: animatePageCardArrowOnMouseover;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-page="corporate"] .button__wrapper .watchBrandFilm__btn:hover {
  border-color: #8c8c8c;
}
[data-page="corporate"] .button__wrapper .watchBrandFilm__btn:hover span {
  color: #4a4a4a !important;
}
[data-page="corporate"] .mainHeading {
  display: block;
  margin: 120px auto 80px;
  max-width: 990px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .mainHeading {
    margin-bottom: 46px;
    margin-top: 60px;
    text-align: center;
  }
}
[data-page="corporate"] .mainHeading .-txtColor {
  color: #ecb224;
}
[data-page="corporate"] .mainHeading__title {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background: linear-gradient(275.86deg, #034ea2 -0.3%, #0089cf 97.8%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Gotham-Bold;
  font-size: 87px;
  letter-spacing: -0.06em;
  line-height: 111px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .mainHeading__title {
    font-size: 48px;
    letter-spacing: -0.06em;
    line-height: 54px;
    margin-bottom: 0;
    text-align: left;
  }
}
[data-page="corporate"] .mainHeading__desc {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: normal;
  letter-spacing: -0.02em;
  line-height: 22px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .mainHeading__desc {
    font-size: 14px;
    margin-top: 20px;
  }
}
[data-page="corporate"] .aboutUs__banner {
  margin-bottom: 43px;
}
[data-page="corporate"] .aboutUs__banner .innerBanner {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
[data-page="corporate"] .aboutUs__banner .innerBanner > * + * {
  margin-left: 15px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .aboutUs__banner .innerBanner {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  [data-page="corporate"] .aboutUs__banner .innerBanner::-webkit-scrollbar {
    display: none;
  }
}
[data-page="corporate"] .aboutUs__banner .innerBanner li {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  border-radius: 0 30px 0 0;
  display: inline-block;
  opacity: 0;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .aboutUs__banner .innerBanner li {
    --projectCardTranslateY: 24%;
    align-items: center;
    animation: none !important;
    justify-content: center;
    opacity: 1;
    scroll-snap-align: start;
    width: calc(100% - 70px);
  }
}
[data-page="corporate"] .aboutUs__banner .innerBanner li.animateBannerCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="corporate"] .aboutUs__banner .innerBanner li .rndCorner {
  border-radius: 0 30px 0 0;
  overflow: hidden;
  position: relative;
}
[data-page="corporate"] .aboutUs__banner .innerBanner li .rndCorner:hover img {
  transform: scale(1.05);
}
[data-page="corporate"] .aboutUs__banner .innerBanner li .rndCorner img {
  border-radius: 0 30px 0 0;
  height: auto;
  overflow: hidden;
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
  will-change: transform;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .aboutUs__banner .innerBanner li .rndCorner img {
    height: auto;
    width: auto;
  }
}
[data-page="corporate"]
  .aboutUs__banner
  .innerBanner
  li
  .rndCorner.video-section {
  position: relative;
}
[data-page="corporate"]
  .aboutUs__banner
  .innerBanner
  li
  .rndCorner.video-section
  .v-play-ico {
  display: inline-block;
  height: 60px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
[data-page="corporate"] .aboutUs__banner .innerBanner li:first-child {
  animation-delay: 0.05s;
  margin-top: 0;
}
[data-page="corporate"] .aboutUs__banner .innerBanner li:nth-child(2) {
  animation-delay: 0.1s;
  margin-top: 45px;
}
[data-page="corporate"] .aboutUs__banner .innerBanner li:nth-child(3) {
  animation-delay: 0.15s;
  margin-top: 116px;
}
[data-page="corporate"] .aboutUs__banner .innerBanner li:nth-child(4) {
  animation-delay: 0.2s;
  margin-top: -10px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .aboutUs__banner .innerBanner li:first-child {
    margin-top: 0;
  }
  [data-page="corporate"] .aboutUs__banner .innerBanner li:nth-child(2) {
    margin-top: 20px;
  }
  [data-page="corporate"] .aboutUs__banner .innerBanner li:nth-child(3) {
    margin-top: 40px;
  }
  [data-page="corporate"] .aboutUs__banner .innerBanner li:nth-child(4) {
    margin-top: 0;
  }
  [data-page="corporate"] .aboutUs__banner .innerBanner {
    margin-top: 40px;
  }
}
[data-page="corporate"] .stroke__title {
  margin-bottom: 60px;
  margin-left: calc(0px - var(--viewportSidePadding));
  margin-right: calc(0px - var(--viewportSidePadding));
  overflow: hidden;
  padding: 0;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="corporate"] .stroke__title {
    margin-bottom: 36px;
  }
}
[data-page="corporate"] .stroke__title p {
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #d490a0;
  color: #000;
  font-family: Gotham-Bold;
  font-size: 128px;
  letter-spacing: -0.06em;
  line-height: 142px;
  opacity: 0.4;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .stroke__title p {
    font-size: 96px;
    line-height: 106px;
  }
}
[data-page="corporate"] .stroke__title p.strk-magicP {
  -webkit-text-stroke-color: #f05862;
}
[data-page="corporate"] .stroke__title p.strk-magicP .c-bullets {
  border-color: #f05862;
}
[data-page="corporate"] .stroke__title p.strk-spanishY {
  -webkit-text-stroke-color: #ecb224;
}
[data-page="corporate"] .stroke__title p.strk-spanishY .c-bullets {
  border-color: #ecb224;
}
[data-page="corporate"] .stroke__title p.strk-persianG {
  -webkit-text-stroke-color: #00a38b;
}
[data-page="corporate"] .stroke__title p.strk-persianG span {
  animation-duration: 60s;
}
[data-page="corporate"] .stroke__title p.strk-persianG .c-bullets {
  border-color: #00a38b;
}
[data-page="corporate"] .stroke__title p.strk-LightBlue {
  -webkit-text-stroke-color: #0089cf;
}
[data-page="corporate"] .stroke__title p.strk-LightBlue .c-bullets {
  border-color: #0089cf;
}
[data-page="corporate"] .stroke__title i.c-bullets {
  border: 2px solid #d490a0;
  border-radius: 50%;
  display: inline-block;
  height: 24px;
  opacity: 0.4;
  width: 24px;
}
[data-page="corporate"] .stroke__title .marquee {
  align-items: center;
  column-gap: 40px;
  display: inline-flex;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
[data-page="corporate"] .stroke__title .marquee span {
  align-items: center;
  animation: marquee 30s linear infinite;
  column-gap: 40px;
  display: inline-flex;
  justify-content: center;
}
@keyframes marquee {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
[data-page="corporate"] .aboutUs {
  display: block;
  margin-bottom: 90px;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .aboutUs {
    margin-bottom: 60px;
  }
  [data-page="corporate"] .aboutUs .readMore_btn {
    display: flex;
    margin-top: 16px;
  }
  [data-page="corporate"] .aboutUs .readMore_btn img {
    object-fit: contain;
  }
}
[data-page="corporate"] .aboutUs__section {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .aboutUs__section {
    display: block;
  }
}
[data-page="corporate"] .aboutUs__title {
  color: #d490a0;
  flex: 0.5;
  font-family: Gotham-Medium;
  font-size: 48px;
  letter-spacing: -0.06em;
  line-height: 53px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .aboutUs__title {
    font-family: Gotham-Bold;
    font-size: 28px;
    line-height: 31px;
    margin-bottom: 24px;
  }
}
[data-page="corporate"] .aboutUs__desc {
  color: #323334;
  flex: 0.5;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
}
[data-page="corporate"] .aboutUs .home__dots {
  display: flex;
  justify-content: flex-start;
}
[data-page="corporate"] .aboutUs .home__dots > :not(:first-child) {
  margin-left: 12.7px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .aboutUs .home__dots > :not(:first-child) {
    margin-left: 6px;
  }
}
[data-page="corporate"] .aboutUs .home__dots .home__dot {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  border-radius: 50%;
  height: 61px;
  opacity: 0;
  width: 61px;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .aboutUs .home__dots .home__dot {
    --projectCardTranslateY: 24%;
    height: 40px;
    width: 40px;
  }
}
[data-page="corporate"] .aboutUs .home__dots .home__dot.animateBannerCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="corporate"] .aboutUs .home__dots .home__dot:first-child {
  animation-delay: 0.05s;
  transition: opacity 0.05s;
}
[data-page="corporate"] .aboutUs .home__dots .home__dot:nth-child(2) {
  animation-delay: 0.15s;
  transition: opacity 0.15s;
}
[data-page="corporate"] .aboutUs .home__dots .home__dot:nth-child(3) {
  animation-delay: 0.2s;
  transition: opacity 0.2s;
}
[data-page="corporate"] .aboutUs .home__dots .home__dot:nth-child(4) {
  animation-delay: 0.3s;
  transition: opacity 0.3s;
}
[data-page="corporate"] .ourInitiatives__banner {
  position: relative;
}
[data-page="corporate"] .ourInitiatives__banner .fullwidthBanner {
  margin-left: calc(0px - var(--viewportSidePadding));
  margin-right: calc(0px - var(--viewportSidePadding));
  overflow: hidden;
  padding: 0;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="corporate"] .ourInitiatives__banner .fullwidthBanner {
    margin-top: 40px;
  }
}
[data-page="corporate"]
  .ourInitiatives__banner
  .fullwidthBanner
  img.bannerImage {
  display: block;
  height: auto;
  width: 100vw;
}
@media (max-width: 1023px) {
  [data-page="corporate"]
    .ourInitiatives__banner
    .fullwidthBanner
    img.bannerImage {
    object-fit: cover;
    object-position: 40% 0;
  }
}
[data-page="corporate"] .ourInitiatives__banner .overlayCard {
  left: 50%;
  max-width: 429px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1023px) {
  [data-page="corporate"] .ourInitiatives__banner .overlayCard {
    left: 50%;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}
[data-page="corporate"] .ourInitiatives__banner .overlayCard__title {
  color: #ecb224;
  font-family: Gotham-Book;
  font-size: 48px;
  letter-spacing: -0.06em;
  line-height: 52px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .ourInitiatives__banner .overlayCard__title {
    font-family: Gotham-Medium !important;
    font-size: 32px !important;
    line-height: 35px !important;
  }
}
[data-page="corporate"] .ourInitiatives__banner .overlayCard__desc {
  color: #fff;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  margin-top: 24px;
}
[data-page="corporate"] .management {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 990px;
  padding-bottom: 86px;
  padding-top: 96px;
}
[data-page="corporate"] .management .anim-splitText .word,
[data-page="corporate"]
  .management
  .anim-title[observer-animation="title"]
  .word {
  padding-right: 10px;
}
[data-page="corporate"] .management__title {
  color: #cfcfd1;
  font-family: Gotham-Bold;
  font-size: 64px;
  letter-spacing: -0.06em;
  line-height: 75px;
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .management__title {
    font-size: 48px;
    letter-spacing: -0.06em;
    line-height: 54px;
    margin-bottom: 0;
  }
}
[data-page="corporate"] .management__contain {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .management__contain {
    display: block;
  }
}
[data-page="corporate"]
  .management__contain
  .cg-col-3:nth-child(2)
  ul
  li:first-child
  .management__card {
  padding-top: 0;
}
[data-page="corporate"]
  .management__contain
  .cg-col-3:nth-child(3)
  ul
  li:first-child
  .management__card {
  padding-top: 112px;
}
[data-page="corporate"]
  .management__contain
  .cg-col-3:nth-child(3)
  .management__card {
  padding-top: 72px;
}
[data-page="corporate"] .management__contain .cg-col-3 {
  flex: 33.33%;
  max-width: 33.33%;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .management__contain .cg-col-3 {
    flex: 100%;
    max-width: 100%;
  }
}
[data-page="corporate"] .management__contain ul li {
  list-style: none;
}
[data-page="corporate"] .management__card {
  padding-top: 72px;
}
[data-page="corporate"] .management__card .heads__Image {
  border-radius: 0 30px 0 0;
  height: 200px;
  width: 180px;
}
[data-page="corporate"] .management__card .heads__Image:hover {
  cursor: pointer;
}
[data-page="corporate"] .management__card figcaption {
  max-width: 180px;
}
[data-page="corporate"] .management__card figcaption:hover {
  cursor: pointer;
}
[data-page="corporate"] .management__card figcaption .heads__name {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 22px;
  line-height: 1;
  margin-top: 15px;
  text-transform: capitalize;
}
[data-page="corporate"] .management__card figcaption .heads__desc {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 16px;
  margin-top: 8px;
}
[data-page="corporate"] .management .is-desk {
  display: flex;
}
[data-page="corporate"] .management .is-mbl {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .management {
    padding-bottom: 30px;
    padding-top: 72px;
  }
  [data-page="corporate"] .management .is-desk {
    display: none;
  }
  [data-page="corporate"] .management .is-mbl {
    display: block;
  }
  [data-page="corporate"] .management .management__wrapper {
    margin-top: 50px;
  }
  [data-page="corporate"] .management .management__wrapper ul.mbl-wrapper {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
}
@media (max-width: 1023px) and (min-width: 1024px) {
  [data-page="corporate"] .management .management__wrapper ul.mbl-wrapper {
    justify-content: center;
    margin-left: calc(0px - var(--viewportSidePadding));
    margin-right: calc(0px - var(--viewportSidePadding));
    width: var(--viewportWidth);
  }
}
@media (max-width: 1023px) {
  [data-page="corporate"]
    .management
    .management__wrapper
    ul.mbl-wrapper::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 1023px) {
  [data-page="corporate"]
    .management
    .management__wrapper
    ul.mbl-wrapper
    > *
    + * {
    margin-left: 28px;
  }
  [data-page="corporate"] .management .management__wrapper ul.mbl-wrapper li {
    scroll-snap-align: start;
  }
  [data-page="corporate"]
    .management
    .management__wrapper
    ul.mbl-wrapper
    li:first-child {
    padding-left: 0;
  }
  [data-page="corporate"]
    .management
    .management__wrapper
    ul.mbl-wrapper
    li
    .management__card {
    padding-top: 0;
  }
  [data-page="corporate"]
    .management
    .management__wrapper
    ul.mbl-wrapper
    li
    .management__card
    .heads__name {
    font-size: 16px;
    line-height: 17.23px;
  }
  [data-page="corporate"]
    .management
    .management__wrapper
    ul.mbl-wrapper
    li
    .management__card
    .heads__desc {
    font-size: 12px;
    line-height: 13px;
    margin-top: 6px;
  }
}
[data-page="corporate"] .management.-centerContent {
  max-width: 100%;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .management.-centerContent {
    padding-bottom: 72px;
  }
}
[data-page="corporate"] .management.-centerContent .management__title {
  margin-bottom: 60px;
}
@media (min-width: 1024px) {
  [data-page="corporate"] .management.-centerContent .management__title {
    text-align: center;
  }
}
[data-page="corporate"] .management.-centerContent .management__contain {
  flex-direction: column;
  gap: 60px;
}
[data-page="corporate"]
  .management.-centerContent
  .management__contain
  .cg-col-3 {
  display: flex;
  justify-content: center;
  max-width: 100%;
}
[data-page="corporate"]
  .management.-centerContent
  .management__contain
  .cg-col-3
  ul {
  display: flex;
  flex-direction: row;
  gap: 85px;
}
[data-page="corporate"]
  .management.-centerContent
  .management__contain
  .cg-col-3
  ul
  li
  .management__card {
  padding-top: 0;
}
[data-page="corporate"] .-excellenceFullwithBanner .overlayCard__title {
  color: #fff;
  font-family: Gotham-Book;
  font-size: 48px;
  letter-spacing: -0.06em;
  line-height: 52px;
}
[data-page="corporate"] .modal {
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  display: none;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 1rem;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.35s ease-in;
  visibility: hidden;
}
[data-page="corporate"] .modal.is-visible {
  display: flex;
  opacity: 1;
  visibility: visible;
  z-index: 999999;
}
[data-page="corporate"] .modal-dialog {
  border-radius: 5px;
  cursor: default;
  height: max-content;
  overflow: auto;
  position: relative;
  width: 60%;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .modal-dialog {
    max-width: 450px;
    width: 95%;
  }
}
[data-page="corporate"] .modal-content {
  padding: 0;
}
[data-page="corporate"] .modal-header {
  align-items: center;
  display: flex;
  justify-content: end;
  padding: 0;
}
[data-page="corporate"] .modal .close-modal {
  color: #fff;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 50px;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .modal .close-modal {
    right: 30px;
    top: 30px;
  }
}
[data-page="corporate"] .modal p + p {
  margin-top: 1rem;
}
[data-page="corporate"] .fadeIn-dur400 {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  opacity: 0;
}
[data-page="corporate"] #video {
  background-color: #000;
}
[data-page="corporate"] #video-wrapper:hover .video-controls {
  opacity: 1;
  visibility: visible;
}
[data-page="corporate"] #seek {
  opacity: 0;
  width: 100%;
}
[data-page="corporate"] .video-controls {
  opacity: 0;
  visibility: hidden;
}
[data-page="corporate"] .video-controls .controls-justify {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-page="corporate"] .video-controls.d-n {
  display: none;
}
[data-page="corporate"] #video-fullscreen {
  height: 0;
  max-height: 20px;
  max-width: 20px;
  overflow: hidden;
  position: absolute;
  width: 0;
}
[data-page="corporate"] #progress-bar {
  background-color: hsla(0, 0%, 100%, 0.3);
  bottom: 40px;
  height: 5px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 100%;
}
[data-page="corporate"] #progress {
  background-color: #116dd0;
  bottom: 40px;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}
[data-page="corporate"] #volume {
  background-color: hsla(0, 0%, 100%, 0.6);
  background-image: url(../assets/common/vectors/icon_unmute.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 11px 18px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  margin-left: 30px;
  width: 50px;
}
[data-page="corporate"] #volume.mute {
  background-image: url(../assets/common/vectors/icon_mute.svg);
  background-position: calc(50% + 3px) 50%;
  background-size: auto 19px;
}
[data-page="corporate"] #playpause {
  background-color: hsla(0, 0%, 100%, 0.6);
  background-image: url(../assets/common/vectors/icon_pause.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 13px auto;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  width: 50px;
}
[data-page="corporate"] #playpause.pause {
  background-image: url(../assets/common/vectors/icon_playpause.svg);
  background-size: 18px 18px;
}
[data-page="corporate"] html.is-desktop #video-popup {
  padding-left: 35px;
}
[data-page="corporate"] .boardDirectors,
[data-page="corporate"] .boardDirectors .boardDirectorsSection.management {
  padding-bottom: 0;
  padding-top: 0;
}
[data-page="corporate"] .boardDirectors .management__wrapper.is-mbl {
  margin-top: 0;
}
[data-page="corporate"] .boardDirectorsSection.management {
  padding: 60px 0;
}
@media (max-width: 1023px) {
  [data-page="corporate"] .boardDirectorsSection.management {
    padding: 30px 0;
  }
  [data-page="corporate"] .boardDirectors .mbl-wrapper {
    margin-bottom: 0;
  }
}
html.showMemberModal {
  overflow: hidden;
}
html.showMemberModal .memberModal {
  display: block;
}
@media (max-width: 1023px) {
  html.showMemberModal body > :not(.memberModal) {
    display: none;
  }
}
@keyframes fadeMemberModalIn {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.memberModal {
  -ms-overflow-style: none;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-name: fadeMemberModalIn;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff;
  display: none;
  height: var(--viewportHeight);
  left: 0;
  opacity: 0;
  overflow-y: auto;
  padding: 70px 55px;
  position: fixed;
  scrollbar-width: none;
  top: 0;
  width: var(--viewportWidth);
  will-change: transform, opacity;
  z-index: 28;
}
.memberModal::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1023px) {
  .memberModal {
    padding: 56px 20px 30px;
  }
}
@media (min-width: 1024px) {
  .memberModal__inner {
    display: flex;
    gap: 55px;
    margin: 100px auto;
    max-width: 900px;
  }
}
.memberModal__imgWrapper {
  background-color: #f3f3f3;
  position: relative;
  width: 180px;
}
.memberModal__img {
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.memberModal__designation {
  color: #727272;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin-top: 15px;
}
@media (max-width: 1023px) {
  .memberModal__designation {
    margin-top: 20px;
  }
}
.memberModal__name {
  color: #323334;
  font-size: 40px;
  line-height: 40px;
}
@media (max-width: 1023px) {
  .memberModal__name {
    font-size: 30px;
    line-height: 30px;
    margin-top: 15px;
  }
}
.memberModal__detail {
  color: #323334;
  font-size: 15px;
  line-height: 22px;
  margin-top: 30px;
  padding-right: 55px;
}
@media (max-width: 1023px) {
  .memberModal__detail {
    margin-top: 15px;
    padding-right: 12px;
  }
}
.memberModal__closeBtn {
  padding: 27px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .memberModal__closeBtn {
    padding: 20px;
  }
}
.txt-charmPink {
  color: #d490a0 !important;
}
.txt-magicPotion {
  color: #f05862 !important;
}
.txt-spanishYellow {
  color: #ecb224 !important;
}
.txt-persianGreen {
  color: #00a38b !important;
}
[data-page="contact"] {
  padding-top: 75px;
}
[data-page="contact"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="contact"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="contact"] .transitionDelay100 {
  transition-delay: 0.1s;
}
@media (max-width: 1023px) {
  [data-page="contact"] {
    padding-top: 57px;
  }
}
[data-page="contact"] .notes {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  color: #000;
  font-size: 12px;
  line-height: 1.3;
  margin-top: 50px;
  opacity: 0;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="contact"] .notes {
    --projectCardTranslateY: 24%;
  }
}
[data-page="contact"] .notes.animateContactCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="contact"] .mainHeading {
  color: #cfcfd1;
  display: block;
  font-family: Gotham-Bold;
  font-size: 96px;
  letter-spacing: -0.06em;
  line-height: 100px;
  margin: 96px auto 40px;
  max-width: 875px;
}
@media (max-width: 1023px) {
  [data-page="contact"] .mainHeading {
    font-size: 48px;
    letter-spacing: -0.06em;
    line-height: 54px;
    margin-bottom: 0;
    margin-top: 60px;
  }
}
[data-page="contact"] .mainHeading .-txtColor {
  color: #ecb224;
}
[data-page="contact"] .mainHeading__desc {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 22px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="contact"] .mainHeading__desc {
    font-size: 14px;
    margin-top: 20px;
  }
}
[data-page="contact"] .contact__banner .innerBanner {
  margin-left: calc(0px - var(--viewportSidePadding));
  margin-right: calc(0px - var(--viewportSidePadding));
  overflow: hidden;
  padding: 0;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="contact"] .contact__banner .innerBanner {
    margin-top: 40px;
  }
}
[data-page="contact"] .contact__banner .innerBanner img.bannerImage {
  display: block;
  height: auto;
  width: 100vw;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contact__banner .innerBanner img.bannerImage {
    height: 360px;
    object-fit: cover;
    object-position: 40% 0;
  }
}
[data-page="contact"] .contactUs {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 875px;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contactUs {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="contact"] .contactUs__mainHeading {
  color: #d490a0;
  font-family: Gotham-Bold;
  font-size: 60px;
  letter-spacing: -0.06em;
  line-height: 66.36px;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contactUs__mainHeading {
    font-size: 32px;
    line-height: 35.39px;
    margin-bottom: 24px;
  }
}
[data-page="contact"] .contactUs__list {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, 1fr);
  padding: 0;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contactUs__list {
    gap: 0;
    grid-template-columns: 100%;
  }
}
@media (min-width: 1024px) {
  [data-page="contact"] .contactUs__list > :nth-child(3n + 3) {
    animation-delay: 0.16s;
  }
}
[data-page="contact"] .contactUs__list .list-col3 {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  margin-top: 48px;
  opacity: 0;
  will-change: opacity;
}
[data-page="contact"] .contactUs__list .list-col3:nth-child(3n + 1) {
  margin-right: 16px;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contactUs__list .list-col3 {
    flex: 0 0 auto;
    margin-top: 24px;
    width: 100%;
  }
  [data-page="contact"] .contactUs__list .list-col3:first-child {
    margin-top: 0;
  }
  [data-page="contact"] .contactUs__list .list-col3 {
    --projectCardTranslateY: 24%;
  }
}
[data-page="contact"] .contactUs__list .list-col3.animateContactCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="contact"] .contactUs__list .c-title {
  color: #323334;
  font-family: Gotham-Medium;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contactUs__list .c-title {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
[data-page="contact"] .contactUs__list .c-addr {
  margin-bottom: 16px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contactUs__list .c-addr {
    margin-bottom: 12px;
  }
}
[data-page="contact"] .contactUs__list .c-number {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 12px;
  line-height: 22px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contactUs__list .c-number {
    font-size: 14px;
    margin-top: 12px;
  }
}
[data-page="contact"] .contactUs__list .c-number .c-number__list {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contactUs__list .c-number .c-number__list {
    margin-top: 4px;
  }
}
[data-page="contact"] .contactUs__list .c-number .c-number__list li {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 12px;
  line-height: 22px;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contactUs__list .c-number .c-number__list li {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
[data-page="contact"] .contactUs__list .c-number__text.collapse .c-icons svg {
  transform: rotateX(180deg);
  transform-origin: center;
}
[data-page="contact"] .contactUs__list .c-number__text {
  display: inline-block;
}
[data-page="contact"] .contactUs__list .c-number .c-icons {
  margin-left: 6px;
}
[data-page="contact"] .contactUs__list .c-number .c-icons svg {
  transition: all 0.3s linear;
}
[data-page="contact"] .contactUs__list .c-addr,
[data-page="contact"] .contactUs__list .c-email,
[data-page="contact"] .contactUs__list .c-fax {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 12px;
  line-height: 22px;
  margin-top: 4px;
}
@media (max-width: 1023px) {
  [data-page="contact"] .contactUs__list .c-addr,
  [data-page="contact"] .contactUs__list .c-email,
  [data-page="contact"] .contactUs__list .c-fax {
    font-size: 14px;
    word-break: break-word;
  }
}
[data-page="contact"] .contactUs__list .c-addr span,
[data-page="contact"] .contactUs__list .c-email span,
[data-page="contact"] .contactUs__list .c-fax span {
  color: #9ea0a2;
  margin-left: 5px;
}
[data-page="contact"] .regOffic__contain {
  contain: content;
  display: flex;
  flex-direction: column;
  margin-left: calc(0px - var(--viewportSidePadding));
  overflow: hidden;
  padding: 0 var(--containerSidePadding) 0;
  width: var(--viewportWidth);
}
@media (max-width: 1023px) {
  [data-page="contact"] .regOffic__contain {
    padding: 0;
  }
}
[data-page="contact"] .regOffic__contain .regOffices {
  background-color: #f9f9f9;
}
@media (max-width: 1023px) {
  [data-page="contact"] .regOffic__contain .regOffices {
    padding: 0 var(--containerSidePadding);
  }
}
[data-page="contact"] .viewOnMap_btn {
  color: #034ea2;
  display: inline-block;
  font-family: Gotham-Book;
  font-size: 12px;
  line-height: 22px;
  margin-top: 16px;
}
[data-page="contact"] .viewOnMap_btn img {
  display: inline-block;
}
@media (max-width: 1023px) {
  [data-page="contact"] .viewOnMap_btn {
    font-size: 14px;
    margin-top: 12px;
  }
}
[data-page="contact"] .viewOnMap_btn:hover img {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: animatePageCardArrowOnMouseover;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-page="buyersGuide"] {
  padding-top: 0;
}
[data-page="buyersGuide"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="buyersGuide"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="buyersGuide"] .transitionDelay100 {
  transition-delay: 0.1s;
}
[data-page="buyersGuide"] .ir-contentSection {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="buyersGuide"] .ir-contentSection {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="buyersGuide"] .ir-contentSection .ir-contentWrap {
  align-items: flex-start;
  display: flex;
  gap: 164px;
}
@media (max-width: 1023px) {
  [data-page="buyersGuide"] .ir-contentSection .ir-contentWrap {
    flex-direction: column;
    gap: 16px;
  }
}
[data-page="buyersGuide"] .ir-contentSection .ir-contentWrap .lft__content {
  display: flex;
  flex-direction: column;
  min-width: 281px;
}
[data-page="buyersGuide"] .ir-contentSection .ir-contentWrap .rgt__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1023px) {
  [data-page="buyersGuide"] .ir-contentSection .ir-contentWrap .rgt__content {
    gap: 16px;
  }
}
[data-page="buyersGuide"]
  .ir-contentSection
  .ir-contentWrap
  .rgt__content.-irSpace {
  gap: 24px;
}
[data-page="buyersGuide"] .ir-contentSection .ir-contentWrap .ir__contentHead {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="buyersGuide"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentHead
  + .ir__contentSubHead {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  [data-page="buyersGuide"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentHead
    + .ir__contentSubHead {
    margin-top: 12px;
  }
}
[data-page="buyersGuide"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentSubHead {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 22px;
  margin-bottom: 8px;
}
[data-page="buyersGuide"] .ir-contentSection .ir-contentWrap .ir__contentTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 30px;
  font-style: normal;
  line-height: 36px;
  text-transform: uppercase;
}
[data-page="buyersGuide"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentTitle
  .letter {
  text-transform: uppercase !important;
}
@media (max-width: 1023px) {
  [data-page="buyersGuide"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentTitle {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="buyersGuide"] .ir-contentSection .ir-contentWrap .ir__contentPara {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 16px;
  font-style: normal;
  letter-spacing: -0.42px;
  line-height: 22px;
}
[data-page="buyersGuide"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara.-highlight {
  color: #000;
  font-family: Gotham-Book;
  font-size: 16px;
  margin-top: -5px;
}
@media (max-width: 1023px) {
  [data-page="buyersGuide"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentPara.-highlight {
    font-size: 14px;
    margin-top: -15px;
  }
}
[data-page="buyersGuide"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara
  a {
  color: #034ea2;
}
[data-page="buyersGuide"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara
  a:hover {
  opacity: 0.8;
}
[data-page="buyersGuide"] .ir-contentSection .ir-contentWrap .btn-primary {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  [data-page="buyersGuide"] .ir-contentSection .ir-contentWrap .btn-primary {
    margin-top: 0;
  }
}
[data-page="buyersGuide"] .ir-contentSection .-mt-8 {
  margin-top: 8px;
}
[data-page="buyersGuide"] .ir-contentSection .-txt-black {
  color: #000 !important;
}
[data-page="buyersGuide"] .emiCalculator {
  padding-bottom: 60px !important;
  padding-top: 0 !important;
}
[data-page="taxBenefits"] {
  padding-top: 0;
}
[data-page="taxBenefits"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="taxBenefits"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="taxBenefits"] .transitionDelay100 {
  transition-delay: 0.1s;
}
@media (max-width: 1023px) {
  [data-page="taxBenefits"] {
    padding-top: 0;
  }
}
[data-page="taxBenefits"] .taxBenefits__section {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="taxBenefits"] .taxBenefits__section {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="taxBenefits"] .taxBenefits__section .taxBenefits__para {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="taxBenefits"]
  .taxBenefits__section
  .taxBenefits__para:not(:first-child) {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  [data-page="taxBenefits"] .taxBenefits__section .taxBenefits__para {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="taxBenefits"] .taxBenefits__section .subTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 15px;
  margin-top: 48px;
}
@media (max-width: 1023px) {
  [data-page="taxBenefits"] .taxBenefits__section .subTitle {
    font-size: 20px;
    margin-top: 60px;
  }
}
[data-page="disclaimer"] {
  padding-top: 0;
}
[data-page="disclaimer"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="disclaimer"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="disclaimer"] .transitionDelay100 {
  transition-delay: 0.1s;
}
@media (max-width: 1023px) {
  [data-page="disclaimer"] {
    padding-top: 0;
  }
}
[data-page="disclaimer"] .innerBanner {
  min-height: 345px;
}
@media (max-width: 1023px) {
  [data-page="disclaimer"] .innerBanner {
    min-height: 255px;
  }
}
[data-page="disclaimer"] .disclaimer__section {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="disclaimer"] .disclaimer__section {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="disclaimer"] .disclaimer__section .disclaimer__para {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="disclaimer"] .disclaimer__section .disclaimer__para a {
  color: #444;
  text-decoration: underline;
}
[data-page="disclaimer"] .disclaimer__section .disclaimer__para a:hover {
  color: #6f7073;
}
[data-page="disclaimer"]
  .disclaimer__section
  .disclaimer__para:not(:first-child) {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  [data-page="disclaimer"] .disclaimer__section .disclaimer__para {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="disclaimer"] .disclaimer__section .subTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 15px;
  margin-top: 48px;
}
@media (max-width: 1023px) {
  [data-page="disclaimer"] .disclaimer__section .subTitle {
    font-size: 20px;
    margin-top: 60px;
  }
}
[data-page="investorRelations"] {
  padding-top: 0;
}
[data-page="investorRelations"] .innerBanner img {
  background: #515151 !important;
}
[data-page="investorRelations"] .transitionDelay120 {
  transition-delay: 0.12s;
}
[data-page="investorRelations"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="investorRelations"]
  .anim-title[observer-animation="title"]
  .letter {
  text-transform: none;
}
[data-page="investorRelations"] .ir-contentSection {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="investorRelations"] .ir-contentSection {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="investorRelations"] .ir-contentSection .ir-contentWrap {
  align-items: flex-start;
  display: flex;
  gap: 164px;
}
@media (max-width: 1023px) {
  [data-page="investorRelations"] .ir-contentSection .ir-contentWrap {
    flex-direction: column;
    gap: 16px;
  }
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .lft__content {
  display: flex;
  flex-direction: column;
  width: 281px;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .rgt__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1023px) {
  [data-page="investorRelations"]
    .ir-contentSection
    .ir-contentWrap
    .rgt__content {
    gap: 16px;
  }
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .rgt__content.-irSpace {
  gap: 24px;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentHead {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentHead
  + .ir__contentSubHead {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  [data-page="investorRelations"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentHead
    + .ir__contentSubHead {
    margin-top: 12px;
  }
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentSubHead {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 22px;
  margin-bottom: 8px;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 30px;
  font-style: normal;
  line-height: 36px;
  text-transform: uppercase;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentTitle
  .letter {
  text-transform: uppercase !important;
}
@media (max-width: 1023px) {
  [data-page="investorRelations"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentTitle {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  font-style: normal;
  letter-spacing: -0.42px;
  line-height: 22px;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara.-highlight {
  color: #000;
  font-family: Gotham-Book;
  font-size: 16px;
  margin-top: -5px;
}
@media (max-width: 1023px) {
  [data-page="investorRelations"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentPara.-highlight {
    font-size: 14px;
    margin-top: -15px;
  }
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara
  a {
  color: #034ea2;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara
  a:hover {
  opacity: 0.8;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__callDetails {
  margin-top: 8px;
}
[data-page="investorRelations"] .ir-contentSection .ir-contentWrap.-fsModify {
  margin-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="investorRelations"] .ir-contentSection .ir-contentWrap.-fsModify {
    margin-top: 30px;
  }
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .rgt__content {
  gap: 0;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .ir__contentPara {
  font-size: 16px;
  font-style: normal;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .ir__contentPara:not(:first-child) {
  margin-top: 12px;
}
@media (max-width: 1023px) {
  [data-page="investorRelations"]
    .ir-contentSection
    .ir-contentWrap.-fsModify
    .ir__contentPara:not(:first-child) {
    margin-top: 8px;
  }
  [data-page="investorRelations"]
    .ir-contentSection
    .ir-contentWrap.-fsModify
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .btn-outline-grad {
  margin-top: 16px;
}
[data-page="investorRelations"]
  .ir-contentSection
  .ir-contentWrap
  .ir__infoDetails
  .ir__contentPara {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="investorRelations"]
    .ir-contentSection
    .ir-contentWrap
    .ir__infoDetails
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="investorRelations"] .ir-contentSection .-mt-8 {
  margin-top: 8px;
}
[data-page="investorRelations"] .ir-contentSection .-txt-black {
  color: #000 !important;
}
[data-page="careers"] {
  padding-top: 0;
}
[data-page="careers"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="careers"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="careers"] .transitionDelay100 {
  transition-delay: 0.1s;
}
[data-page="careers"] .ir-contentSection {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 0;
  padding-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="careers"] .ir-contentSection {
    padding-bottom: 0;
    padding-top: 40px;
  }
}
[data-page="careers"] .ir-contentSection .ir-contentWrap {
  align-items: flex-start;
  display: flex;
  gap: 128px;
}
@media (max-width: 1023px) {
  [data-page="careers"] .ir-contentSection .ir-contentWrap {
    flex-direction: column;
    gap: 16px;
  }
}
[data-page="careers"] .ir-contentSection .ir-contentWrap .lft__content {
  display: flex;
  flex-direction: column;
  min-width: 317px;
}
[data-page="careers"] .ir-contentSection .ir-contentWrap .rgt__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1023px) {
  [data-page="careers"] .ir-contentSection .ir-contentWrap .rgt__content {
    gap: 16px;
  }
}
[data-page="careers"]
  .ir-contentSection
  .ir-contentWrap
  .rgt__content.-irSpace {
  gap: 24px;
}
[data-page="careers"] .ir-contentSection .ir-contentWrap .ir__contentHead {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="careers"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentHead
  + .ir__contentSubHead {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  [data-page="careers"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentHead
    + .ir__contentSubHead {
    margin-top: 12px;
  }
}
[data-page="careers"] .ir-contentSection .ir-contentWrap .ir__contentSubHead {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 22px;
  margin-bottom: 8px;
}
[data-page="careers"] .ir-contentSection .ir-contentWrap .ir__contentTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 30px;
  font-style: normal;
  line-height: 36px;
  text-transform: uppercase;
}
[data-page="careers"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentTitle
  .letter {
  text-transform: uppercase !important;
}
@media (max-width: 1023px) {
  [data-page="careers"] .ir-contentSection .ir-contentWrap .ir__contentTitle {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="careers"] .ir-contentSection .ir-contentWrap .ir__contentPara {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  font-style: normal;
  letter-spacing: -0.42px;
  line-height: 22px;
}
[data-page="careers"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara.-highlight {
  color: #000;
  font-family: Gotham-Book;
  font-size: 16px;
  margin-top: -5px;
}
@media (max-width: 1023px) {
  [data-page="careers"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentPara.-highlight {
    font-size: 14px;
    margin-top: -15px;
  }
}
[data-page="careers"] .ir-contentSection .ir-contentWrap .ir__contentPara a {
  color: #034ea2;
}
[data-page="careers"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara
  a:hover {
  opacity: 0.8;
}
[data-page="careers"] .ir-contentSection .ir-contentWrap .ir__callDetails {
  margin-top: 8px;
}
[data-page="careers"] .ir-contentSection .ir-contentWrap .btn-outline-grad {
  margin-top: 16px;
}
[data-page="careers"]
  .ir-contentSection
  .ir-contentWrap
  .ir__infoDetails
  .ir__contentPara {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="careers"]
    .ir-contentSection
    .ir-contentWrap
    .ir__infoDetails
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="careers"] .ir-contentSection .-mt-8 {
  margin-top: 8px;
}
[data-page="careers"] .ir-contentSection .-txt-black {
  color: #000 !important;
}
[data-page="careers"] .txt-spreBlue {
  color: #034ea2;
}
[data-page="careers"] .f-bold {
  font-family: Gotham-Bold;
}
[data-page="careers"] .f-medium {
  font-family: Gotham-Medium;
}
[data-page="careers"] .c-black {
  color: #323334 !important;
}
[data-page="corporateInfo"] {
  padding-top: 0;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .c-fullWidthBanner .innerBanner {
    min-height: 256px;
  }
  [data-page="corporateInfo"] {
    padding-top: 0;
  }
}
[data-page="corporateInfo"] .ir-contentSection {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .ir-contentSection {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="corporateInfo"] .ir-contentSection .ir-contentWrap {
  align-items: flex-start;
  display: flex;
  gap: 164px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .ir-contentSection .ir-contentWrap {
    flex-direction: column;
    gap: 16px;
  }
}
[data-page="corporateInfo"] .ir-contentSection .ir-contentWrap .lft__content {
  display: flex;
  flex-direction: column;
  width: 281px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .ir-contentSection .ir-contentWrap .lft__content {
    width: 100%;
  }
}
[data-page="corporateInfo"] .ir-contentSection .ir-contentWrap .rgt__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 429px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .ir-contentSection .ir-contentWrap .rgt__content {
    gap: 16px;
    width: 100%;
  }
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .rgt__content.-irSpace {
  gap: 24px;
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentHead {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentHead
  + .ir__contentSubHead {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentHead
    + .ir__contentSubHead {
    margin-top: 12px;
  }
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentSubHead {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 22px;
  margin-bottom: 8px;
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 24px;
  font-style: normal;
  letter-spacing: -0.48px;
  line-height: 30px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentTitle {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara
  a {
  color: #034ea2;
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara
  a:hover {
  opacity: 0.8;
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__callDetails {
  margin-top: 8px;
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .rgt__content {
  gap: 0;
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .ir__contentPara {
  font-size: 16px;
  font-style: normal;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .ir__contentPara:not(:first-child) {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"]
    .ir-contentSection
    .ir-contentWrap.-fsModify
    .ir__contentPara:not(:first-child) {
    margin-top: 8px;
  }
  [data-page="corporateInfo"]
    .ir-contentSection
    .ir-contentWrap.-fsModify
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .btn-outline-grad {
  margin-top: 16px;
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__infoDetails
  .ir__contentPara {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"]
    .ir-contentSection
    .ir-contentWrap
    .ir__infoDetails
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="corporateInfo"] .ir-contentSection .ir__table table,
[data-page="corporateInfo"] .ir-contentSection .ir__table td,
[data-page="corporateInfo"] .ir-contentSection .ir__table th {
  border: 1px solid #cfcfd1;
  border-collapse: collapse;
}
[data-page="corporateInfo"] .ir-contentSection .ir__table table td,
[data-page="corporateInfo"] .ir-contentSection .ir__table table th {
  padding: 10px 12px;
}
[data-page="corporateInfo"] .ir-contentSection .ir__table table thead th {
  text-align: left;
  vertical-align: middle;
  width: 50%;
}
[data-page="corporateInfo"]
  .ir-contentSection
  .ir__table
  table
  tbody
  .ir__contentPara {
  font-size: 14px !important;
  line-height: 22px !important;
}
[data-page="corporateInfo"] .ir-contentSection .-note {
  font-size: 14px;
  line-height: 20px;
  margin-top: 15px;
}
[data-page="corporateInfo"] .ir-contentSection .-mt-8 {
  margin-top: 8px;
}
[data-page="corporateInfo"] .ir-contentSection .-txt-black {
  color: #323334 !important;
}
[data-page="corporateInfo"] .ir-contentSection .-hr {
  background-color: #cfcfd1;
  display: block;
  height: 1px;
  margin-bottom: 40px;
  margin-top: 40px;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .ir-contentSection .-hr {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
[data-page="corporateInfo"] .ddl-contentWrap ul.ddl-table {
  border: 1px solid #cfcfd1;
  border-radius: 4px;
  display: inline-flex;
  margin: 0;
  padding: 0;
  width: 69%;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .ddl-contentWrap ul.ddl-table {
    flex-direction: column;
    width: 100%;
  }
}
[data-page="corporateInfo"] .ddl-contentWrap ul.ddl-table li {
  color: #6f7073;
  flex: 1;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
  list-style: none;
  padding: 24px 30px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .ddl-contentWrap ul.ddl-table li {
    font-size: 14px;
    line-height: 22px;
    padding: 20px;
  }
}
[data-page="corporateInfo"] .ddl-contentWrap ul.ddl-table li:nth-child(2) {
  border-left: 1px solid #cfcfd1;
  border-right: 1px solid #cfcfd1;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .ddl-contentWrap ul.ddl-table li:nth-child(2) {
    border-bottom: 1px solid #cfcfd1;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #cfcfd1;
  }
}
[data-page="corporateInfo"] .ddl-contentWrap ul.ddl-table .dropdownList {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url(https://bdcdev.in/work/joyvillehomes.com/2.0-revamp/files/assets/vectors/icon_arrow_down_gray.svg);
  background-origin: padding-box;
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 12px;
  color: #6f7073;
  cursor: pointer;
  font-family: Gotham-Book;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .ddl-contentWrap ul.ddl-table .dropdownList {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="corporateInfo"] .ddl-contentWrap ul.ddl-table .btnLink {
  color: #f47638;
}
[data-page="corporateInfo"] .ddl-contentWrap .ddl-cta {
  align-items: center;
  border: 1px solid #034ea2;
  border-radius: 4px;
  color: #034ea2;
  display: inline-flex;
  font-size: 16px;
  justify-content: center;
  letter-spacing: -0.48px;
  line-height: 24px;
  margin-left: 18px;
  padding: 24px;
  text-align: center;
  width: 28%;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .ddl-contentWrap .ddl-cta {
    display: block;
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
}
[data-page="corporateInfo"] .ddl-contentWrap .ddl-cta:hover {
  opacity: 0.7;
}
[data-page="corporateInfo"] .policiesDoc__section {
  margin-top: 40px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .policiesDoc__section {
    margin-top: 30px;
  }
}
[data-page="corporateInfo"] .policiesDoc__section .policiesDoc__heading {
  color: #323334;
  font-size: 24px;
  letter-spacing: -0.48px;
  line-height: 30px;
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .policiesDoc__section .policiesDoc__heading {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: left;
  }
}
[data-page="corporateInfo"] .policiesDoc__section ul {
  margin: 0;
  padding: 0;
}
[data-page="corporateInfo"] .policiesDoc__section ul .policiesDocList {
  align-items: center;
  border: 1px solid #cfcfd1;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 24px 30px;
}
[data-page="corporateInfo"]
  .policiesDoc__section
  ul
  .policiesDocList:first-child {
  border-radius: 4px 4px 0 0;
}
[data-page="corporateInfo"]
  .policiesDoc__section
  ul
  .policiesDocList:last-child {
  border-radius: 0 0 4px 4px;
}
[data-page="corporateInfo"] .policiesDoc__section ul .policiesDocListLink {
  display: block;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"] .policiesDoc__section ul .policiesDocList {
    align-items: center;
    padding: 24px 20px;
  }
}
[data-page="corporateInfo"]
  .policiesDoc__section
  ul
  .policiesDocList:not(:last-child) {
  border-bottom: 0;
}
[data-page="corporateInfo"] .policiesDoc__section ul .policiesDocList__wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-right: 5px;
}
[data-page="corporateInfo"]
  .policiesDoc__section
  ul
  .policiesDocList__wrap
  .pd__year {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 11px;
  letter-spacing: -0.33px;
  line-height: 15px;
}
[data-page="corporateInfo"]
  .policiesDoc__section
  ul
  .policiesDocList__wrap
  .pd__title {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="corporateInfo"]
    .policiesDoc__section
    ul
    .policiesDocList__wrap
    .pd__title {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="corporateInfo"] .text-center {
  text-align: center;
}
[data-page="corporateInfo"] .transitionDelay120 {
  transition-delay: 0.12s;
}
[data-page="corporateInfo"] .transitionDelay80 {
  transition-delay: 80ms;
}
[data-page="corporateInfo"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="corporateInfo"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="financialInfo"] {
  padding-top: 0;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .c-fullWidthBanner .innerBanner {
    min-height: 352px;
  }
  [data-page="financialInfo"] {
    padding-top: 0;
  }
}
[data-page="financialInfo"] .ir-contentSection {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 60px;
  padding-top: 60px;
}
[data-page="financialInfo"]
  .ir-contentSection
  .ddl-contentWrap:not(:last-child) {
  margin-bottom: 36px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ir-contentSection {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="financialInfo"] .ir-contentSection .ir-contentWrap {
  align-items: flex-start;
  display: flex;
  gap: 164px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ir-contentSection .ir-contentWrap {
    flex-direction: column;
    gap: 16px;
  }
}
[data-page="financialInfo"] .ir-contentSection .ir-contentWrap .lft__content {
  display: flex;
  flex-direction: column;
  width: 281px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ir-contentSection .ir-contentWrap .lft__content {
    width: 100%;
  }
}
[data-page="financialInfo"] .ir-contentSection .ir-contentWrap .rgt__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 429px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ir-contentSection .ir-contentWrap .rgt__content {
    gap: 16px;
    width: 100%;
  }
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .rgt__content.-irSpace {
  gap: 24px;
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentHead {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentHead
  + .ir__contentSubHead {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentHead
    + .ir__contentSubHead {
    margin-top: 12px;
  }
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentSubHead {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 22px;
  margin-bottom: 8px;
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 24px;
  font-style: normal;
  letter-spacing: -0.48px;
  line-height: 30px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentTitle {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara
  a {
  color: #034ea2;
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara
  a:hover {
  opacity: 0.8;
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__callDetails {
  margin-top: 8px;
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .rgt__content {
  gap: 0;
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .ir__contentPara {
  font-size: 16px;
  font-style: normal;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .ir__contentPara:not(:first-child) {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"]
    .ir-contentSection
    .ir-contentWrap.-fsModify
    .ir__contentPara:not(:first-child) {
    margin-top: 8px;
  }
  [data-page="financialInfo"]
    .ir-contentSection
    .ir-contentWrap.-fsModify
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .btn-outline-grad {
  margin-top: 16px;
}
[data-page="financialInfo"]
  .ir-contentSection
  .ir-contentWrap
  .ir__infoDetails
  .ir__contentPara {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"]
    .ir-contentSection
    .ir-contentWrap
    .ir__infoDetails
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="financialInfo"] .ir-contentSection .-mt-8 {
  margin-top: 8px;
}
[data-page="financialInfo"] .ir-contentSection .-txt-black {
  color: #323334 !important;
}
[data-page="financialInfo"] .ir-contentSection .-hr {
  background-color: #cfcfd1;
  display: block;
  height: 1px;
  margin-bottom: 40px;
  margin-top: 40px;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ir-contentSection .-hr {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
[data-page="financialInfo"] .ddl-contentWrap .ddl__heading {
  color: #323334;
  font-size: 24px;
  letter-spacing: -0.48px;
  line-height: 30px;
  margin-bottom: 30px;
  text-align: left;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ddl-contentWrap .ddl__heading {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: left;
  }
}
[data-page="financialInfo"] .ddl-contentWrap ul.ddl-table {
  border: 1px solid #cfcfd1;
  border-radius: 4px;
  display: inline-flex;
  margin: 0;
  padding: 0;
  width: 69%;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ddl-contentWrap ul.ddl-table {
    flex-direction: column;
    width: 100%;
  }
}
[data-page="financialInfo"] .ddl-contentWrap ul.ddl-table li {
  color: #6f7073;
  flex: 1;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
  list-style: none;
  padding: 24px;
}
[data-page="financialInfo"] .ddl-contentWrap ul.ddl-table li:first-child {
  min-width: 340px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ddl-contentWrap ul.ddl-table li:first-child {
    min-width: 100%;
  }
  [data-page="financialInfo"] .ddl-contentWrap ul.ddl-table li {
    font-size: 14px;
    line-height: 22px;
    padding: 20px;
  }
}
[data-page="financialInfo"] .ddl-contentWrap ul.ddl-table li:nth-child(2) {
  border-left: 1px solid #cfcfd1;
  border-right: 1px solid #cfcfd1;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ddl-contentWrap ul.ddl-table li:nth-child(2) {
    border-bottom: 1px solid #cfcfd1;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #cfcfd1;
  }
}
[data-page="financialInfo"] .ddl-contentWrap ul.ddl-table .dropdownList {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url(https://bdcdev.in/work/joyvillehomes.com/2.0-revamp/files/assets/vectors/icon_arrow_down_gray.svg);
  background-origin: padding-box;
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 12px;
  color: #6f7073;
  cursor: pointer;
  font-family: Gotham-Book;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ddl-contentWrap ul.ddl-table .dropdownList {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="financialInfo"] .ddl-contentWrap ul.ddl-table .btnLink,
[data-page="financialInfo"] .ddl-contentWrap ul.ddl-table a {
  color: #f47638;
}
[data-page="financialInfo"] .ddl-contentWrap ul.ddl-table .btnLink:hover,
[data-page="financialInfo"] .ddl-contentWrap ul.ddl-table a:hover {
  color: #cc4706;
}
[data-page="financialInfo"] .ddl-contentWrap .ddl-cta {
  align-items: center;
  border: 1px solid #034ea2;
  border-radius: 4px;
  color: #034ea2;
  display: inline-flex;
  font-size: 16px;
  justify-content: center;
  letter-spacing: -0.48px;
  line-height: 24px;
  margin-left: 18px;
  padding: 24px;
  text-align: center;
  width: 28%;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .ddl-contentWrap .ddl-cta {
    display: block;
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
}
[data-page="financialInfo"] .ddl-contentWrap .ddl-cta:hover {
  opacity: 0.7;
}
[data-page="financialInfo"] .policiesDoc__section {
  margin-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .policiesDoc__section {
    margin-top: 40px;
  }
}
[data-page="financialInfo"] .policiesDoc__section .policiesDoc__heading {
  color: #323334;
  font-size: 24px;
  letter-spacing: -0.48px;
  line-height: 30px;
  margin-bottom: 30px;
  text-align: left;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .policiesDoc__section .policiesDoc__heading {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: left;
  }
}
[data-page="financialInfo"] .policiesDoc__section ul {
  margin: 0;
  padding: 0;
}
[data-page="financialInfo"] .policiesDoc__section ul .policiesDocList {
  align-items: center;
  border: 1px solid #cfcfd1;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 24px 30px;
}
[data-page="financialInfo"]
  .policiesDoc__section
  ul
  .policiesDocList:first-child {
  border-radius: 4px 4px 0 0;
}
[data-page="financialInfo"]
  .policiesDoc__section
  ul
  .policiesDocList:last-child {
  border-radius: 0 0 4px 4px;
}
[data-page="financialInfo"] .policiesDoc__section ul .policiesDocListLink {
  display: block;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"] .policiesDoc__section ul .policiesDocList {
    align-items: center;
    padding: 24px 20px;
  }
}
[data-page="financialInfo"]
  .policiesDoc__section
  ul
  .policiesDocList:not(:last-child) {
  border-bottom: 0;
}
[data-page="financialInfo"] .policiesDoc__section ul .policiesDocList__wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-right: 5px;
}
[data-page="financialInfo"]
  .policiesDoc__section
  ul
  .policiesDocList__wrap
  .pd__year {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 11px;
  letter-spacing: -0.33px;
  line-height: 15px;
}
[data-page="financialInfo"]
  .policiesDoc__section
  ul
  .policiesDocList__wrap
  .pd__title {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="financialInfo"]
    .policiesDoc__section
    ul
    .policiesDocList__wrap
    .pd__title {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="financialInfo"] .text-center {
  text-align: center;
}
[data-page="financialInfo"] .transitionDelay120 {
  transition-delay: 0.12s;
}
[data-page="financialInfo"] .transitionDelay80 {
  transition-delay: 80ms;
}
[data-page="financialInfo"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="financialInfo"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="about"] {
  padding-top: 0;
}
[data-page="about"] .transitionDelay120 {
  transition-delay: 0.12s;
}
[data-page="about"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="about"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
@keyframes animatePageCardArrowOnMouseover {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translate3d(8px, 0, 0);
  }
  51% {
    opacity: 0;
    transform: translate3d(-8px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
[data-page="about"] .ir-contentSection {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="about"] .ir-contentSection {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="about"] .ir-contentSection .ir-contentWrap {
  align-items: flex-start;
  display: flex;
  gap: 150px;
}
[data-page="about"] .ir-contentSection .ir-contentWrap:not(:first-child) {
  margin-top: 40px;
}
@media (max-width: 1023px) {
  [data-page="about"] .ir-contentSection .ir-contentWrap {
    flex-direction: column;
    gap: 16px;
  }
}
[data-page="about"] .ir-contentSection .ir-contentWrap .lft__content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  [data-page="about"] .ir-contentSection .ir-contentWrap .lft__content {
    text-align: right;
    width: 40%;
  }
}
[data-page="about"] .ir-contentSection .ir-contentWrap .rgt__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 1024px) {
  [data-page="about"] .ir-contentSection .ir-contentWrap .rgt__content {
    width: calc(60% - 150px);
  }
}
@media (max-width: 1023px) {
  [data-page="about"] .ir-contentSection .ir-contentWrap .rgt__content {
    gap: 16px;
  }
}
[data-page="about"] .ir-contentSection .ir-contentWrap .rgt__content.-irSpace {
  gap: 24px;
}
[data-page="about"] .ir-contentSection .ir-contentWrap .ir__contentHead {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="about"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentHead
  + .ir__contentSubHead {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  [data-page="about"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentHead
    + .ir__contentSubHead {
    margin-top: 12px;
  }
}
[data-page="about"] .ir-contentSection .ir-contentWrap .ir__contentSubHead {
  color: #9ea0a2;
  font-family: Gotham-Book;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 22px;
  margin-bottom: 8px;
}
[data-page="about"] .ir-contentSection .ir-contentWrap .ir__contentTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 26px;
  font-style: normal;
  line-height: 34px;
  text-transform: uppercase;
}
[data-page="about"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentTitle
  .letter {
  text-transform: uppercase !important;
}
@media (max-width: 1023px) {
  [data-page="about"] .ir-contentSection .ir-contentWrap .ir__contentTitle {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="about"] .ir-contentSection .ir-contentWrap .ir__contentPara {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  font-style: normal;
  letter-spacing: -0.42px;
  line-height: 22px;
}
[data-page="about"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara.-highlight {
  color: #000;
  font-family: Gotham-Book;
  font-size: 16px;
  margin-top: -5px;
}
@media (max-width: 1023px) {
  [data-page="about"]
    .ir-contentSection
    .ir-contentWrap
    .ir__contentPara.-highlight {
    font-size: 14px;
    margin-top: -15px;
  }
}
[data-page="about"] .ir-contentSection .ir-contentWrap .ir__contentPara a {
  color: #034ea2;
}
[data-page="about"]
  .ir-contentSection
  .ir-contentWrap
  .ir__contentPara
  a:hover {
  opacity: 0.8;
}
[data-page="about"] .ir-contentSection .ir-contentWrap .ir__callDetails {
  margin-top: 8px;
}
[data-page="about"] .ir-contentSection .ir-contentWrap.-fsModify {
  margin-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="about"] .ir-contentSection .ir-contentWrap.-fsModify {
    margin-top: 30px;
  }
}
[data-page="about"] .ir-contentSection .ir-contentWrap.-fsModify .rgt__content {
  gap: 0;
}
[data-page="about"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .ir__contentPara {
  font-size: 16px;
  font-style: normal;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="about"]
  .ir-contentSection
  .ir-contentWrap.-fsModify
  .ir__contentPara:not(:first-child) {
  margin-top: 12px;
}
@media (max-width: 1023px) {
  [data-page="about"]
    .ir-contentSection
    .ir-contentWrap.-fsModify
    .ir__contentPara:not(:first-child) {
    margin-top: 8px;
  }
  [data-page="about"]
    .ir-contentSection
    .ir-contentWrap.-fsModify
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="about"] .ir-contentSection .ir-contentWrap .btn-outline-grad {
  margin-top: 16px;
}
[data-page="about"]
  .ir-contentSection
  .ir-contentWrap
  .ir__infoDetails
  .ir__contentPara {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="about"]
    .ir-contentSection
    .ir-contentWrap
    .ir__infoDetails
    .ir__contentPara {
    font-size: 14px;
    line-height: 22px;
  }
}
[data-page="about"] .ir-contentSection .-mt-8 {
  margin-top: 8px;
}
[data-page="about"] .ir-contentSection .-txt-black {
  color: #000 !important;
}
[data-page="siteMap"] {
  padding-top: 72px;
}
[data-page="siteMap"] .animateIn {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="siteMap"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="siteMap"] .transitionDelay100 {
  transition-delay: 0.1s;
}
@media (max-width: 1023px) {
  [data-page="siteMap"] {
    padding-top: 57px;
  }
}
[data-page="siteMap"] .home__headingWrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  opacity: 1;
  padding-top: 80px;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="siteMap"] .home__headingWrapper {
    position: relative;
    top: 6px;
  }
}
[data-page="siteMap"] .home__dots {
  display: flex;
  justify-content: center;
}
[data-page="siteMap"] .home__dots > :not(:first-child) {
  margin-left: 12.7px;
}
@media (max-width: 1023px) {
  [data-page="siteMap"] .home__dots > :not(:first-child) {
    margin-left: 6px;
  }
}
[data-page="siteMap"] .home__dots .home__dot {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  border-radius: 50%;
  height: 40px;
  opacity: 0;
  width: 40px;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="siteMap"] .home__dots .home__dot {
    --projectCardTranslateY: 24%;
    height: 20px;
    width: 20px;
  }
}
[data-page="siteMap"] .home__dots .home__dot.animateBannerCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="siteMap"] .home__dots .home__dot:first-child {
  animation-delay: 0.05s;
  transition: opacity 0.05s;
}
[data-page="siteMap"] .home__dots .home__dot:nth-child(2) {
  animation-delay: 0.15s;
  transition: opacity 0.15s;
}
[data-page="siteMap"] .home__dots .home__dot:nth-child(3) {
  animation-delay: 0.2s;
  transition: opacity 0.2s;
}
[data-page="siteMap"] .home__dots .home__dot:nth-child(4) {
  animation-delay: 0.3s;
  transition: opacity 0.3s;
}
[data-page="siteMap"] .home__heading {
  color: #323334;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 39px;
  margin-top: 36px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="siteMap"] .home__heading {
    font-size: 32px;
    line-height: 36px;
    margin-top: 16px;
  }
}
[data-page="siteMap"] .project__list__wrapper {
  --projectCardTranslateY: 72%;
  align-items: flex-start;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 727px;
  opacity: 0;
  will-change: opacity;
}
@media (max-width: 1023px) {
  [data-page="siteMap"] .project__list__wrapper {
    --projectCardTranslateY: 24%;
  }
}
[data-page="siteMap"] .project__list__wrapper.animateIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="siteMap"] .project__list__wrapper:first-child {
  padding-top: 114px;
}
@media (max-width: 1023px) {
  [data-page="siteMap"] .project__list__wrapper:first-child {
    padding-top: 60px;
  }
}
[data-page="siteMap"] .project__list__wrapper:last-child {
  padding-bottom: 72px;
}
[data-page="siteMap"] .project__list__wrapper:not(:first-child) {
  padding-top: 72px;
}
@media (max-width: 1023px) {
  [data-page="siteMap"] .project__list__wrapper:not(:first-child) {
    padding-top: 40px;
  }
  [data-page="siteMap"] .project__list__wrapper {
    flex-direction: column;
  }
}
[data-page="siteMap"] .project__list__wrapper .project__title {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 39px;
  margin-bottom: 30px;
  margin-top: -8px;
  width: 30%;
}
@media (max-width: 1023px) {
  [data-page="siteMap"] .project__list__wrapper .project__title {
    font-size: 24px;
    line-height: 30px;
    position: relative;
    top: 0;
    width: 100%;
  }
}
[data-page="siteMap"] .project__list__wrapper .project__list {
  margin-left: 32px;
  width: calc(70% - 16px);
}
@media (max-width: 1023px) {
  [data-page="siteMap"] .project__list__wrapper .project__list {
    margin-left: 0;
    width: 100%;
  }
}
[data-page="siteMap"] .project__list__wrapper .project__list .project__details {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  [data-page="siteMap"]
    .project__list__wrapper
    .project__list
    .project__details {
    flex-direction: column;
  }
}
[data-page="siteMap"]
  .project__list__wrapper
  .project__list
  .project__details
  .project__name {
  color: #323334;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 17px;
}
@media (max-width: 1023px) {
  [data-page="siteMap"]
    .project__list__wrapper
    .project__list
    .project__details
    .project__name {
    font-size: 15px;
    line-height: 16px;
  }
}
[data-page="siteMap"]
  .project__list__wrapper
  .project__list
  .project__details
  .project__loc {
  color: #6f7073;
  font-size: 12px;
  letter-spacing: -0.02em;
  line-height: 13px;
  margin-top: 4px;
}
[data-page="siteMap"]
  .project__list__wrapper
  .project__list
  .project__details
  .project__link {
  border-bottom: 1px solid #cfcfd1;
  flex: 0 0 calc(50% - 43px);
  margin-bottom: 30px;
  padding-bottom: 16px;
  width: calc(50% - 43px);
}
@media (max-width: 1023px) {
  [data-page="siteMap"]
    .project__list__wrapper
    .project__list
    .project__details
    .project__link {
    flex: 0 0 100%;
    width: 100%;
  }
}
[data-page="siteMap"]
  .project__list__wrapper
  .project__list
  .project__details
  .project__link:hover {
  opacity: 0.8;
}
[data-page="siteMap"]
  .project__list__wrapper
  .project__list
  .project__details
  .project__link:nth-child(2n) {
  margin-left: 86px;
}
@media (max-width: 1023px) {
  [data-page="siteMap"]
    .project__list__wrapper
    .project__list
    .project__details
    .project__link:nth-child(2n) {
    margin-left: 0;
  }
}
[data-page="newsletters"] {
  padding-top: 70px;
}
@media (max-width: 1023px) {
  [data-page="newsletters"] .c-fullWidthBanner .innerBanner {
    min-height: 280px;
  }
}
[data-page="newsletters"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="newsletters"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="newsletters"] .transitionDelay100 {
  transition-delay: 0.1s;
}
@media (max-width: 1023px) {
  [data-page="newsletters"] {
    padding-top: 40px;
  }
}
@media (min-width: 1025px) {
  [data-page="newsletters"] .newsL__card:first-child {
    grid-column: 1/3;
    position: relative;
    width: 100%;
  }
  [data-page="newsletters"] .newsL__card:first-child .newsL__cardImg {
    height: 682px;
  }
  [data-page="newsletters"] .newsL__card:first-child:hover .newsL__cardImg {
    transform: scale(1);
  }
  [data-page="newsletters"] .newsL__card:first-child > .newsL__content {
    align-items: flex-start;
    align-self: stretch;
    bottom: 60px;
    display: flex;
    flex-direction: column;
    left: 61px;
    position: absolute;
  }
  [data-page="newsletters"]
    .newsL__card:first-child
    > .newsL__content
    .newsL__cta,
  [data-page="newsletters"]
    .newsL__card:first-child
    > .newsL__content
    .newsL__date,
  [data-page="newsletters"]
    .newsL__card:first-child
    > .newsL__content
    .newsL__title {
    color: #fff;
  }
}
[data-page="newsletters"] .newsL {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
  padding-bottom: 120px;
  padding-top: 110px;
}
@media (max-width: 1023px) {
  [data-page="newsletters"] .newsL {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
[data-page="newsletters"] .newsL__content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
[data-page="newsletters"] .newsL__heading {
  color: #ecb224;
  font-family: Gotham-Bold;
  font-size: 96px;
  letter-spacing: -5.76px;
  line-height: 96px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  [data-page="newsletters"] .newsL__heading {
    font-size: 42px;
    letter-spacing: -1.26px;
    line-height: 48px;
  }
}
[data-page="newsletters"] .newsL__grid {
  display: grid;
  gap: 90px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 60px;
}
@media (max-width: 1023px) {
  [data-page="newsletters"] .newsL__grid {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 80px;
  }
}
[data-page="newsletters"] .newsL__card {
  display: block;
}
[data-page="newsletters"] .newsL__card .imgWrap {
  background: var(--grey-2, #cfcfd1);
  border-radius: 5px;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
}
[data-page="newsletters"] .newsL__cardImg {
  height: 315px;
  transition: 0.3s linear;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="newsletters"] .newsL__cardImg {
    height: 164px;
  }
}
[data-page="newsletters"] .newsL__card:hover .newsL__cardImg {
  transform: scale(1.1);
}
[data-page="newsletters"] .newsL__date {
  color: #6f7073;
  font-size: 14px;
  font-weight: 325;
  line-height: normal;
  padding-bottom: 4px;
}
@media (max-width: 1023px) {
  [data-page="newsletters"] .newsL__date {
    font-size: 12px;
    padding-bottom: 0;
  }
}
[data-page="newsletters"] .newsL__title {
  color: #323334;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  padding-bottom: 16px;
}
@media (max-width: 1023px) {
  [data-page="newsletters"] .newsL__title {
    font-size: 20px;
    padding-bottom: 8px;
  }
}
[data-page="newsletters"] .newsL__cta {
  align-items: center;
  color: linear-gradient(180deg, #034ea2, #0089cf);
  color: #034ea2;
  display: flex;
  font-size: 16px;
  gap: 6px;
  justify-content: start;
}
@media (max-width: 1023px) {
  [data-page="newsletters"] .newsL__cta {
    font-size: 14px;
  }
}
[data-page="newsletters"] .newsL__subscribe .newsL__columnTitle {
  color: #323334;
  font-size: 18px;
  line-height: 24px;
  padding: 35px 0 0;
}
@media (max-width: 1023px) {
  [data-page="newsletters"] .newsL__subscribe {
    padding-top: 0;
  }
}
[data-page="newsletters"] .newsL__subscribe .newsL__inputErrorMessage {
  color: gray;
  font-size: 10px;
  left: 0;
  line-height: 1.4;
  opacity: 0;
  padding-bottom: 2px;
  padding-top: 6px;
  position: absolute;
  top: 100%;
  transition: all 0.2s ease;
  width: 100%;
}
[data-page="newsletters"] .newsL__subscribe .newsL__inputErrorMessage:before {
  background-color: gray;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: all 0.2s ease;
  width: 100%;
}
[data-page="newsletters"] .newsL__subscribe .newsL__inputWrapper.is-invalid {
  --cross1-delay: 0.4s;
  --cross1: 32;
  --cross2-delay: 0.3s;
  --cross2: 0;
  --path: 22;
  --path-delay: 0s;
}
[data-page="newsletters"]
  .newsL__subscribe
  .newsL__inputWrapper.is-invalid
  .newsL__inputErrorMessage {
  opacity: 1;
}
[data-page="newsletters"]
  .newsL__subscribe
  .newsL__inputWrapper.is-invalid
  .newsL__inputErrorMessage:before {
  transform: scaleX(1);
}
[data-page="newsletters"] .newsL__subscribe .newsL__inputWrapper.is-valid {
  --tick-delay: 0.3s;
  --tick: 0;
  --path: 22;
  --path-delay: 0s;
}
[data-page="newsletters"] .newsL__subscribe .newsL__inputWrapper {
  align-items: center;
  border-bottom: 1px solid rgba(81, 81, 81, 0.3);
  display: flex;
  margin-top: 24px;
  padding-bottom: 7px;
  position: relative;
  width: 245px;
}
.newsL__inputWrapper.is-focused
  [data-page="newsletters"]
  .newsL__subscribe__input::placeholder {
  opacity: 0;
}
[data-page="newsletters"] .newsL__subscribe .newsL__input {
  color: #9ea0a2;
  font-size: 15px;
  width: 100%;
}
[data-page="newsletters"] .newsL__subscribe .newsL__input::placeholder {
  color: currentColor;
  opacity: 0.6;
}
[data-page="newsletters"] .newsL__subscribe .newsL__submitBtn {
  align-items: center;
  display: flex;
  height: 14px;
}
[data-page="newsletters"] .newsL__subscribe input:-webkit-autofill {
  -webkit-text-fill-color: #9ea0a2;
  box-shadow: inset 0 0 0 100px transparent;
  -webkit-transition: background-color 5000s ease-in-out 5000s;
  transition: background-color 5000s ease-in-out 5000s;
}
[data-page="newsletters"] .newsL__subscribe .newsL__inputArrow {
  stroke-dasharray: 22;
  stroke-dashoffset: var(--path, 0);
  transition: stroke-dashoffset 0.5s ease var(--path-delay, 0.3s);
}
[data-page="newsletters"] .newsL__subscribe .newsL__inputTick {
  stroke-dasharray: 20;
  stroke-dashoffset: var(--tick, 20);
  transition: stroke-dashoffset 0.45s ease var(--tick-delay, 0s);
}
[data-page="newsletters"] .newsL__subscribe .newsL__inputCross1 {
  stroke-dasharray: 16;
  stroke-dashoffset: var(--cross1, 16);
  transition: stroke-dashoffset 0.45s ease var(--cross1-delay, 0s);
}
[data-page="newsletters"] .newsL__subscribe .newsL__inputCross2 {
  stroke-dasharray: 16;
  stroke-dashoffset: var(--cross2, 16);
  transition: stroke-dashoffset 0.45s ease var(--cross2-delay, 0s);
}
[data-page="newsletters"] .newsL__subscribe.is-submitted .c-submittingState {
  display: block;
}
[data-page="newsletters"] .newsL__subscribe.is-submitted .newsL__submitBtn svg {
  display: none;
}
[data-page="newsletters"] .newsL__subscribe .newsL__submittingState {
  animation: spin 1s linear infinite;
  border-color: #034ea2 gray gray #034ea2;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  display: none;
  height: 12px;
  position: absolute;
  right: 0;
  width: 12px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
[data-page="termsCondition"] {
  padding-top: 0;
}
[data-page="termsCondition"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="termsCondition"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="termsCondition"] .transitionDelay100 {
  transition-delay: 0.1s;
}
@media (max-width: 1023px) {
  [data-page="termsCondition"] {
    padding-top: 0;
  }
}
[data-page="termsCondition"] .disclaimer__content {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 574px;
}
[data-page="termsCondition"] .disclaimer__content .disclaimer__desc {
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 12px;
  line-height: 22px;
  margin-top: 40px;
}
@media (max-width: 1023px) {
  [data-page="termsCondition"] .disclaimer__content .disclaimer__desc {
    font-size: 14px;
    margin-top: 16px;
  }
}
[data-page="termsCondition"] .disclaimer__content .subTitle {
  color: #323334;
  font-family: Gotham-Book;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
  margin-top: 48px;
}
@media (max-width: 1023px) {
  [data-page="termsCondition"] .disclaimer__content .subTitle {
    font-size: 20px;
    margin-top: 60px;
  }
}
[data-page="termsCondition"] .disclaimer__content .termsCondition_list {
  padding-left: 20px;
  position: relative;
}
[data-page="termsCondition"] .disclaimer__content .termsCondition_list li {
  --projectCardTranslateY: 72%;
  animation-duration: 0.4s, 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.39, 0.575, 0.565, 1);
  color: #6f7073;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 22px;
  list-style: none;
  margin-bottom: 24px;
  opacity: 0;
  position: relative;
  will-change: opacity;
}
[data-page="termsCondition"] .disclaimer__content .termsCondition_list li a {
  text-decoration: underline;
}
@media (max-width: 1023px) {
  [data-page="termsCondition"] .disclaimer__content .termsCondition_list li {
    --projectCardTranslateY: 24%;
  }
}
[data-page="termsCondition"]
  .disclaimer__content
  .termsCondition_list
  li.animateList {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
@media (max-width: 1023px) {
  [data-page="termsCondition"] .disclaimer__content .termsCondition_list li {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
[data-page="termsCondition"]
  .disclaimer__content
  .termsCondition_list
  li:after {
  background-color: #323334;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: -18px;
  position: absolute;
  top: 7px;
  width: 6px;
}
[data-page="termsCondition"]
  .disclaimer__content
  .termsCondition_list
  li:nth-child(4n + 0):after {
  background-color: #d490a0;
}
[data-page="termsCondition"]
  .disclaimer__content
  .termsCondition_list
  li:nth-child(4n + 1):after {
  background-color: #f05862;
}
[data-page="termsCondition"]
  .disclaimer__content
  .termsCondition_list
  li:nth-child(4n + 2):after {
  background-color: #ecb224;
}
[data-page="termsCondition"]
  .disclaimer__content
  .termsCondition_list
  li:nth-child(4n + 3):after {
  background-color: #00a38b;
}
[data-page="termsCondition"]
  .disclaimer__content
  .termsCondition_list
  li:last-child {
  margin-bottom: 96px;
}
@media (max-width: 1023px) {
  [data-page="termsCondition"]
    .disclaimer__content
    .termsCondition_list
    li:last-child {
    margin-bottom: 60px;
  }
}
@keyframes fadeProjectCardIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes moveProjectCardUp {
  0% {
    transform: translate3d(0, var(--projectCardTranslateY), 0);
  }
  to {
    transform: translateZ(0);
  }
}
[data-page="sustainability"] {
  padding-top: 0;
}
[data-page="sustainability"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="sustainability"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="sustainability"] .transitionDelay100 {
  transition-delay: 0.1s;
}
[data-page="sustainability"] .sustainSection {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 80px;
  padding-top: 80px;
}
@media (max-width: 1023px) {
  [data-page="sustainability"] .sustainSection {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="sustainability"] .sustainSection .accPanel {
  border-bottom: 1px solid #cfcfd1;
}
[data-page="sustainability"] .sustainSection .accPanel:last-child {
  border-bottom: 1px solid #fff;
}
[data-page="sustainability"]
  .sustainSection
  .accPanel:first-child
  .sustainAccordion {
  padding-top: 0;
}
[data-page="sustainability"] .sustainSection .sustainAccordion {
  align-items: center;
  color: #323334;
  cursor: pointer;
  display: flex;
  font-family: Gotham-Book;
  font-size: 30px;
  font-style: normal;
  font-weight: 325;
  justify-content: space-between;
  line-height: 36px;
  padding-bottom: 24px;
  padding-top: 24px;
  text-transform: uppercase;
  transition: 0.4s;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="sustainability"] .sustainSection .sustainAccordion {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="sustainability"] .sustainSection .sustainAccordion:hover {
  opacity: 0.8;
}
[data-page="sustainability"]
  .sustainSection
  .sustainAccordion.current
  + .sustainAccordionBody {
  padding-bottom: 24px;
}
[data-page="sustainability"] .sustainSection .sustainAccordion:after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.749.749 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z' fill='%23F47638'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  float: right;
  height: 20px;
  transition: 0.3s ease-in;
  width: 20px;
}
[data-page="sustainability"] .sustainSection .current:after {
  transform: rotate(90deg);
}
[data-page="sustainability"] .sustainSection .sustainAccordionBody {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: max-height 0.2s ease-out;
}
[data-page="sustainability"] .sustainSection .sustainAccrListItem {
  position: relative;
}
[data-page="sustainability"]
  .sustainSection
  .sustainAccrListItem:not(:last-child) {
  margin-bottom: 20px;
}
[data-page="sustainability"] .sustainSection .sustainAccrListItem a {
  align-items: center;
  color: #323334;
  display: inline-flex;
  font-family: Gotham-Book;
  font-size: 18px;
  font-style: normal;
  font-weight: 325;
  gap: 12px;
  line-height: 22px;
  padding-right: 20px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  [data-page="sustainability"] .sustainSection .sustainAccrListItem a {
    align-items: baseline;
    font-size: 16px;
    line-height: 24px;
  }
}
[data-page="sustainability"] .sustainSection .sustainAccrListItem a:hover {
  opacity: 0.7;
}
@media (max-width: 1023px) {
  [data-page="sustainability"]
    .sustainSection
    .sustainAccrListItem
    a
    svg:last-child {
    position: absolute;
    right: 0;
    top: 2px;
    width: 18px;
  }
}
[data-page="sustainability"] .txt-spreBlue {
  color: #034ea2;
}
[data-page="sustainability"] .f-bold {
  font-family: Gotham-Bold;
}
[data-page="sustainability"] .f-medium {
  font-family: Gotham-Medium;
}
[data-page="sustainability"] .c-black {
  color: #323334 !important;
}
[data-page="philosophy"] {
  padding-top: 0;
}
[data-page="philosophy"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="philosophy"] .anim-title[observer-animation="title"] .letter {
  text-transform: none;
}
[data-page="philosophy"] .transitionDelay100 {
  transition-delay: 0.1s;
}
[data-page="philosophy"] .innerBanner {
  min-height: 310px;
}
[data-page="philosophy"] .philosophySection {
  border-bottom: 1px solid #cfcfd1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 60px;
  padding-top: 80px;
}
[data-page="philosophy"] .philosophySection__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
[data-page="philosophy"] .philosophySection__desc {
  align-self: stretch;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
[data-page="philosophy"] .philosophySection__content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
[data-page="philosophy"] .philosophySection__contentCol {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .philosophySection__contentCol {
    flex-direction: column;
  }
}
[data-page="philosophy"] .philosophySection__contentTitle {
  color: #323334;
  font-size: 30px;
  line-height: 36px;
  text-transform: uppercase;
}
[data-page="philosophy"] .philosophySection__contentPara {
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
  width: 429px;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .philosophySection__contentPara {
    width: auto;
  }
  [data-page="philosophy"] .philosophySection {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="philosophy"] .philosophyFeature {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-top: 80px;
}
[data-page="philosophy"] .philosophyFeature__wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding-top: 30px;
}
[data-page="philosophy"] .philosophyFeature__section {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .philosophyFeature__section {
    flex-direction: column;
  }
}
[data-page="philosophy"] .philosophyFeature__sectionImageWrapper {
  border-radius: 10px;
  display: block;
  height: 320px;
  overflow: hidden;
  position: relative;
  width: 405px;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .philosophyFeature__sectionImageWrapper {
    width: 100%;
  }
}
[data-page="philosophy"] .philosophyFeature__sectionImg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="philosophy"] .philosophyFeature__sectionContent {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 429px;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .philosophyFeature__sectionContent {
    width: 100%;
  }
}
[data-page="philosophy"] .philosophyFeature__sectionContentKey {
  color: #6f7073;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 22px;
  padding-bottom: 8px;
}
[data-page="philosophy"] .philosophyFeature__sectionContentDesc {
  color: #1d1d1e;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .philosophyFeature__section:nth-child(2) {
    flex-direction: column-reverse;
  }
}
[data-page="philosophy"] .txt-spreBlue {
  color: #034ea2;
}
[data-page="philosophy"] .f-bold {
  font-family: Gotham-Bold;
}
[data-page="philosophy"] .f-medium {
  font-family: Gotham-Medium;
}
[data-page="philosophy"] .c-black {
  color: #323334 !important;
}
[data-page="philosophy"] .projects {
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-page="philosophy"] .projects .projects__loadMoreBtnWrapper,
[data-page="philosophy"]
  .projects:not(.-showAllProjects)
  .projects__cards
  > :nth-child(n + 8) {
  display: none;
}
[data-page="philosophy"]
  .projects.-showAllProjects
  .projects__loadMoreBtnWrapper {
  display: block;
}
[data-page="philosophy"]
  .projects.-showAllProjects
  .projects__cardsWrapper
  .projects__cards {
  flex-wrap: wrap;
  margin-left: unset;
  width: 100%;
}
[data-page="philosophy"]
  .projects.-showAllProjects
  .projects__cardsWrapper
  .projects__nav {
  display: none;
}
[data-page="philosophy"]
  .projects.-showAllProjects
  .projects__cardsWrapper
  .projects__card {
  width: calc(33.33333% - 20px);
}
@media (max-width: 1023px) {
  [data-page="philosophy"]
    .projects.-showAllProjects
    .projects__cardsWrapper
    .projects__card {
    width: 100%;
  }
}
[data-page="philosophy"] .projects__heading {
  color: #000;
  font-size: 30px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .projects__heading {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="philosophy"] .projects__cardsWrapper {
  margin-left: calc(0px - var(--viewportSidePadding));
  margin-top: 30px;
  position: relative;
  width: var(--viewportWidth);
}
@media (hover: hover) {
  [data-page="philosophy"] .projects__cardsWrapper:hover .projects__nav {
    opacity: 1;
  }
}
[data-page="philosophy"] .projects__cards {
  display: flex;
  gap: 30px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 1024px) {
  [data-page="philosophy"] .projects__cards {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    padding: 0 var(--viewportSidePadding);
    scroll-padding-left: var(--viewportSidePadding);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  [data-page="philosophy"] .projects__cards::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .projects__cards {
    align-items: center;
    flex-direction: column;
    gap: 40px;
  }
}
[data-page="philosophy"] .projects__nav {
  display: flex;
  justify-content: space-between;
  left: 0;
  opacity: 0;
  padding: 0 calc(var(--viewportSidePadding) + 30px);
  pointer-events: none;
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
[data-page="philosophy"] .projects__nav.showNav {
  display: flex;
}
[data-page="philosophy"] .projects__nav.hideNav {
  display: none;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .projects__nav {
    display: none;
  }
}
[data-page="philosophy"] .projects__nav button {
  pointer-events: auto;
  transition: opacity 0.2s ease;
}
[data-page="philosophy"] .projects__subheading {
  animation-delay: 0.7s;
  animation-duration: 1.2s;
  animation-fill-mode: backwards;
  animation-name: fadeInUp40;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  color: #6f7073;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
  margin-top: 8px;
  text-align: center;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .projects__subheading {
    font-size: 14px;
  }
}
[data-page="philosophy"] .projects__card {
  --projectCardTranslateY: 24%;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1),
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  flex-shrink: 0;
  opacity: 0;
  position: relative;
  width: 39.3162393162%;
  will-change: opacity, transform;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .projects__card {
    --projectCardTranslateY: 24%;
  }
}
[data-page="philosophy"] .projects__card.animateProjectCardIn {
  animation-name: fadeProjectCardIn, moveProjectCardUp;
}
[data-page="philosophy"] .projects__card.hide {
  display: none;
}
@media (hover: hover) {
  [data-page="philosophy"] .projects__card .projects__cardImg {
    transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    will-change: transform;
  }
  [data-page="philosophy"] .projects__card:hover .projects__cardImg {
    transform: scale(1.08);
  }
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .projects__card {
    width: 100%;
  }
}
[data-page="philosophy"] .projects__cardImgWrapper {
  background: rgba(0, 0, 0, 0.26);
  border-radius: 8px;
  overflow: hidden;
  padding-top: 108.75%;
  position: relative;
}
[data-page="philosophy"] .projects__cardImg {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page="philosophy"] .projects__cardContent {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
  margin-top: 20px;
}
[data-page="philosophy"] .projects__cardTitle {
  color: #000;
  font-size: 24px;
  letter-spacing: 0.01em;
  line-height: 28px;
  text-transform: uppercase;
  z-index: 1;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .projects__cardTitle {
    font-size: 18px;
    line-height: 20px;
  }
}
[data-page="philosophy"] .projects__cardSubtitle {
  color: #6f7073;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .projects__cardSubtitle {
    font-size: 12px;
    line-height: 13px;
  }
}
[data-page="philosophy"] .projects__cardTag {
  border-radius: 4px;
  color: #6f7073;
  flex-shrink: 0;
  font-size: 15px;
  letter-spacing: -0.03em;
  line-height: 24px;
  text-align: right;
  z-index: 1;
}
[data-page="philosophy"] .projects__cardTag span {
  color: #034ea2;
  font-weight: 700;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .projects__cardTag {
    font-size: 12px;
    line-height: 17px;
  }
}
[data-page="philosophy"] .projects__cardTag .supScript-t8 {
  left: 0;
  top: 0;
}
[data-page="philosophy"] .projects__loadMoreBtnWrapper {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width: 1023px) {
  [data-page="philosophy"] .projects__loadMoreBtnWrapper {
    margin-top: 20px;
  }
}
[data-page="philosophy"] .projects__loadMoreBtn {
  align-items: center;
  background-color: #034ea2;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  height: 45px;
  justify-content: center;
  letter-spacing: -0.03em;
  line-height: 24px;
  padding: 0 35px;
}
[data-page="philosophy"] .projects__loadMoreBtn:hover {
  background: #043f81;
}
[data-page="philosophy"] .gallery__navButton {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 52px;
  justify-content: center;
  padding: 24px 10px;
  pointer-events: auto;
  width: 52px;
}
[data-page="philosophy"] .gallery__navButton .gallery__navButtonArrow {
  filter: brightness(0);
  height: auto;
  width: 12px;
}
[data-page="philosophy"] .gallery__navButton.-previous {
  margin-left: 56px;
}
[data-page="philosophy"]
  .gallery__navButton.-previous
  .gallery__navButtonArrow {
  transform: rotate(180deg);
}
[data-page="philosophy"] .gallery__navButton.-next {
  margin-right: 56px;
}
@media (hover: hover) {
  [data-page="philosophy"] .gallery__navButton:hover {
    background-color: hsla(0, 0%, 100%, 0.8);
  }
}
[data-page="philosophy"] .js-prevProjectBtn {
  transform: rotate(180deg);
}
[data-page="philosophy"] .projects__cardInner {
  background-color: hsla(0, 0%, 50%, 0.2);
  border-radius: 10px;
  height: 100%;
  padding: 24px;
}
[data-page="philosophy"] .projects__cardInner h4 {
  color: #1d1d1e;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 30px;
}
[data-page="philosophy"] .projects__cardInner p {
  color: #6f7073;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 24px;
  margin-top: 8px;
}
[data-page="philosophy"] .projects__card {
  width: 20%;
}
@media (max-width: 1024px) {
  [data-page="philosophy"] .projects__card {
    width: calc(75% + 3.75px);
  }
  [data-page="philosophy"] .projects__cards {
    flex-direction: row;
    gap: 30px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  [data-page="philosophy"] .projects__card:first-child {
    margin-left: 20px;
  }
  [data-page="philosophy"] .projects__card:last-child {
    margin-right: 20px;
  }
}
[data-page="philosophy"] .projects__cardsWrapper {
  margin-top: 40px;
}
@media (max-width: 1024px) {
  [data-page="philosophy"] .projects__cardsWrapper {
    overflow: hidden;
  }
}
[data-page="philosophy"] .projects__heading {
  color: #1d1d1e;
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 30px;
  margin: auto;
  position: relative;
  width: fit-content;
}
[data-page="philosophy"] .projects__heading:after,
[data-page="philosophy"] .projects__heading:before {
  background-color: #cfcfd1;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  left: calc(100% + 16px);
  margin: auto;
  min-width: 200px;
  position: absolute;
  top: 0;
  width: 20%;
}
@media (max-width: 1024px) {
  [data-page="philosophy"] .projects__heading:after,
  [data-page="philosophy"] .projects__heading:before {
    height: 0;
    width: 0;
  }
}
[data-page="philosophy"] .projects__heading:after {
  left: unset;
  right: calc(100% + 16px);
}
[data-page="philosophy"] .projects__subheading {
  color: #323334;
  font-size: 30px;
  line-height: 36px;
  margin-top: 16px;
  text-transform: uppercase;
}
[data-page="philosophy"] .gallery__navButton {
  height: 40px;
  padding: unset;
  width: 40px;
}
[data-page="philosophy"] .gallery__navButton .gallery__navButtonArrow {
  width: 8px;
}
[data-page="philosophy"] .philosophySection.-noBorderBottom {
  border-bottom: 0;
}
.accPanel {
  border-bottom: 1px solid #cfcfd1;
}
.accPanel:last-child {
  border-bottom: 1px solid #fff;
}
.accPanel:first-child .philosophyAccordion {
  padding-top: 0;
}
.philosophyAccordion {
  align-items: center;
  color: #323334;
  cursor: pointer;
  display: flex;
  font-family: Gotham-Book;
  font-size: 30px;
  font-style: normal;
  font-weight: 325;
  justify-content: space-between;
  line-height: 36px;
  padding-bottom: 24px;
  padding-top: 24px;
  text-transform: uppercase;
  transition: 0.4s;
  width: 100%;
}
@media (max-width: 1023px) {
  .philosophyAccordion {
    font-size: 20px;
    line-height: 26px;
  }
}
.philosophyAccordion:hover {
  opacity: 0.8;
}
.philosophyAccordion.current + .philosophyAccordionBody {
  padding-bottom: 24px;
}
.philosophyAccordion:after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.749.749 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z' fill='%23F47638'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 20px;
  transition: 0.3s ease-in;
  width: 20px;
}
.current:after {
  transform: rotate(90deg);
}
.philosophyAccordionBody {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: max-height 0.2s ease-out;
}
.philosophyAccrListItem {
  position: relative;
}
.philosophyAccrListItem:not(:last-child) {
  margin-bottom: 20px;
}
.philosophyAccrListItem a {
  align-items: center;
  color: #323334;
  display: inline-flex;
  font-family: Gotham-Book;
  font-size: 18px;
  font-style: normal;
  font-weight: 325;
  gap: 12px;
  line-height: 22px;
  padding-right: 20px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  .philosophyAccrListItem a {
    align-items: baseline;
    font-size: 16px;
    line-height: 24px;
  }
}
.philosophyAccrListItem a:hover {
  opacity: 0.7;
}
@media (max-width: 1023px) {
  .philosophyAccrListItem a svg:last-child {
    position: absolute;
    right: 0;
    top: 2px;
    width: 18px;
  }
}
[data-page="philosophyability"] {
  padding-top: 0;
}
[data-page="philosophyability"] .animateIn .introAnimElement {
  opacity: 1;
  transform: translateZ(0);
}
[data-page="philosophyability"]
  .anim-title[observer-animation="title"]
  .letter {
  text-transform: none;
}
[data-page="philosophyability"] .transitionDelay100 {
  transition-delay: 0.1s;
}
[data-page="philosophyability"] .philosophySection {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 874px;
  padding-bottom: 80px;
  padding-top: 80px;
}
@media (max-width: 1023px) {
  [data-page="philosophyability"] .philosophySection {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
[data-page="philosophyability"] .philosophySection .accPanel {
  border-bottom: 1px solid #cfcfd1;
}
[data-page="philosophyability"] .philosophySection .accPanel:last-child {
  border-bottom: 1px solid #fff;
}
[data-page="philosophyability"]
  .philosophySection
  .accPanel:first-child
  .philosophyAccordion {
  padding-top: 0;
}
[data-page="philosophyability"] .philosophySection .philosophyAccordion {
  align-items: center;
  color: #323334;
  cursor: pointer;
  display: flex;
  font-family: Gotham-Book;
  font-size: 30px;
  font-style: normal;
  font-weight: 325;
  justify-content: space-between;
  line-height: 36px;
  padding-bottom: 24px;
  padding-top: 24px;
  text-transform: uppercase;
  transition: 0.4s;
  width: 100%;
}
@media (max-width: 1023px) {
  [data-page="philosophyability"] .philosophySection .philosophyAccordion {
    font-size: 20px;
    line-height: 26px;
  }
}
[data-page="philosophyability"] .philosophySection .philosophyAccordion:hover {
  opacity: 0.8;
}
[data-page="philosophyability"]
  .philosophySection
  .philosophyAccordion.current
  + .philosophyAccordionBody {
  padding-bottom: 24px;
}
[data-page="philosophyability"] .philosophySection .philosophyAccordion:after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.749.749 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z' fill='%23F47638'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  float: right;
  height: 20px;
  transition: 0.3s ease-in;
  width: 20px;
}
[data-page="philosophyability"] .philosophySection .current:after {
  transform: rotate(90deg);
}
[data-page="philosophyability"] .philosophySection .philosophyAccordionBody {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: max-height 0.2s ease-out;
}
[data-page="philosophyability"] .philosophySection .philosophyAccrListItem {
  position: relative;
}
[data-page="philosophyability"]
  .philosophySection
  .philosophyAccrListItem:not(:last-child) {
  margin-bottom: 20px;
}
[data-page="philosophyability"] .philosophySection .philosophyAccrListItem a {
  align-items: center;
  color: #323334;
  display: inline-flex;
  font-family: Gotham-Book;
  font-size: 18px;
  font-style: normal;
  font-weight: 325;
  gap: 12px;
  line-height: 22px;
  padding-right: 20px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  [data-page="philosophyability"] .philosophySection .philosophyAccrListItem a {
    align-items: baseline;
    font-size: 16px;
    line-height: 24px;
  }
}
[data-page="philosophyability"]
  .philosophySection
  .philosophyAccrListItem
  a:hover {
  opacity: 0.7;
}
@media (max-width: 1023px) {
  [data-page="philosophyability"]
    .philosophySection
    .philosophyAccrListItem
    a
    svg:last-child {
    position: absolute;
    right: 0;
    top: 2px;
    width: 18px;
  }
}
[data-page="philosophyability"] .txt-spreBlue {
  color: #034ea2;
}
[data-page="philosophyability"] .f-bold {
  font-family: Gotham-Bold;
}
[data-page="philosophyability"] .f-medium {
  font-family: Gotham-Medium;
}
[data-page="philosophyability"] .c-black {
  color: #323334 !important;
}
[data-page="newsletters"] .-podcast .newsL__title {
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 44px !important;
}
[data-page="newsletters"] .-podcast .podcast_link {
  color: #034ea2 !important;
  text-decoration: underline !important;
}
[data-page="newsletters"] .-podcast .podcast_videoIcon {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
[data-page="newsletters"] .-podcast .post-r {
  position: relative;
}
[data-page="newsletters"] .-podcast .newsL__content {
  text-align: left;
}
@media (max-width: 1024px) {
  [data-page="newsletters"] .-podcast .newsL__title {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-top: 10px !important;
  }
  [data-page="newsletters"] .-podcast .newsL__cta {
    color: unset;
  }
  [data-page="newsletters"] .-podcast .podcast_videoIcon svg {
    height: 30px;
    width: 30px;
  }
}
@media (min-width: 1025px) {
  [data-page="newsletters"] .-podcast .newsL__card:first-child .newsL__cardImg {
    height: 500px;
  }
}
