: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/logo/gotham/gothamhtf-book.otf) format("opentype")
}

@font-face {
    font-display: block;
    font-family: Gotham-Medium;
    font-style: normal;
    font-weight: 500;
    src: url(../assets/logo/gotham/gothamhtf-medium.otf) format("opentype")
}

@font-face {
    font-display: block;
    font-family: Gotham-Bold;
    font-style: normal;
    font-weight: 700;
    src: url(../assets/logo/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: -.02em;
    line-height: 22px
}

[postload-image][with-transition] {
    opacity: 0;
    transition: opacity .32s cubic-bezier(.39, .575, .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 .4s cubic-bezier(.19, 1, .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: .1s
}

.animDuration200 {
    animation-duration: .2s
}

.animDuration300 {
    animation-duration: .3s
}

.animDuration400 {
    animation-duration: .4s
}

.animDuration500 {
    animation-duration: .5s
}

.animDuration600 {
    animation-duration: .6s
}

.animDuration700 {
    animation-duration: .7s
}

.animDuration800 {
    animation-duration: .8s
}

.animDuration900 {
    animation-duration: .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: .16s
}

.transitionDelay240 {
    transition-delay: .24s
}

.transitionDelay320 {
    transition-delay: .32s
}

.transitionDelay400 {
    transition-delay: .4s
}

.transitionDelay480 {
    transition-delay: .48s
}

.transitionDelay560 {
    transition-delay: .56s
}

.transitionDelay640 {
    transition-delay: .64s
}

.transitionDelay720 {
    transition-delay: .72s
}

.transitionDelay800 {
    transition-delay: .8s
}

.transitionDelay880 {
    transition-delay: .88s
}

.transitionDelay960 {
    transition-delay: .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(.19, 1, .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, .8s
}

.c-button.--rounded {
    align-items: center;
    border-radius: 54px;
    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: .1s linear !important
}

.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, .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: scale(1.0);
        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 .2s ease
}

.c-header__inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    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 .2s ease
}

.c-header__logo {
    display: block;
    z-index: 10
}

.c-header__logo.-white {
    display: none
}

.c-header__logoImage {
    display: block;
    height: 50px;
    width: auto
}

@media(max-width:1023px) {
    .c-header__logoImage {
        height: 42px
    }
}

html.enable-css-transitions .c-header__logoImage {
    transition: all .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 .2s cubic-bezier(.19, 1, .22, 1);
    width: max-content
}

.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: #082B50;
    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 .2s cubic-bezier(.19, 1, .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: .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: .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: 30px
    }
}

@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: #B9932C;
    border-radius: 54px;
    color: #fff;
    display: flex;
    font-size: 12px;
    gap: 10px;
    height: 34px;
    justify-content: center;
    padding: 8px 16px;
    transform: scale(.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 .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 .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, .06);
    display: flex;
    opacity: 0;
    padding: 16px;
    pointer-events: none;
    position: absolute;
    right: var(--containerSidePadding);
    top: 80%;
    transform: translate3d(0, 16px, 0) scale(.98);
    z-index: 6
}

.c-header__guestManagerPopup.show {
    opacity: 1;
    pointer-events: auto;
    transform: translateZ(0) scale(1);
    transition: all .8s cubic-bezier(.19, 1, .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: #082B50;
    font-size: 12px;
    line-height: 13px
}

.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 .4s cubic-bezier(.165, .84, .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(94.05deg, #B9932C 9.13%, #B9932C 91.03%);
    margin-left: calc(0px - var(--viewportSidePadding));
    padding: 20px var(--viewportSidePadding) 48px;
    width: var(--viewportWidth)
}

.c-footer__inner {
    position: relative
}

@media(max-width:1023px) {
    .c-footer__logo {
        height: auto;
        width: 130px
    }
}

.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%, .3)
    }

    .c-footer__columns>:nth-child(3) {
        border-bottom: 1px solid hsla(0, 0%, 100%, .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
    }
}

@media(min-width:1025px) {
    .c-footer__colBlock .c-footer__column:last-child {
        padding-top: 24px
    }
}

@media(max-width:1023px) {

    .c-footer__colBlock>:nth-child(2),
    .c-footer__colBlock>:nth-child(3) {
        border-top: 1px solid hsla(0, 0%, 100%, .3)
    }
}

.c-footer__columnTitle {
    color: #fff;
    font-family: Gotham-Medium;
    font-size: 16px;
    letter-spacing: -.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 .4s ease-in-out
    }

    .c-footer__columnLinks {
        max-height: 0;
        overflow: hidden;
        transition: max-height .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: -.02em;
    line-height: 140%;
    opacity: 1
}

@media(hover:hover) {
    .c-footer__columnLink {
        transition: opacity .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: -.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: .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: -.02em;
    line-height: 1;
    margin-top: 20px
}

@media(hover:hover) {
    .c-footer__contactUsLink:hover svg {
        animation-duration: .6s;
        animation-fill-mode: forwards;
        animation-name: animateArrowHorizontallyOnMouseover;
        animation-timing-function: cubic-bezier(.39, .575, .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: .6
}

@media(hover:hover) {
    .c-footer__socialMedia a {
        transition: opacity .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: .6
}

@media(hover:hover) {
    .c-footer__legalLink {
        transition: opacity .2s ease
    }

    .c-footer__legalLink:hover {
        opacity: 1
    }
}

.c-footer__copyright {
    bottom: 0;
    color: #fff;
    font-size: 12px;
    left: 0;
    line-height: 140%;
    opacity: .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 .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 .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%, .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: .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 .5s ease var(--path-delay, .3s)
}

.c-footer__subscribe .c-footer__inputTick {
    stroke-dasharray: 20;
    stroke-dashoffset: var(--tick, 20);
    transition: stroke-dashoffset .45s ease var(--tick-delay, 0s)
}

.c-footer__subscribe .c-footer__inputCross1 {
    stroke-dasharray: 16;
    stroke-dashoffset: var(--cross1, 16);
    transition: stroke-dashoffset .45s ease var(--cross1-delay, 0s)
}

.c-footer__subscribe .c-footer__inputCross2 {
    stroke-dasharray: 16;
    stroke-dashoffset: var(--cross2, 16);
    transition: stroke-dashoffset .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: #082B50 #fff #fff #082B50;
    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)
    }
}

@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%, .4);
    display: none;
    height: var(--viewportHeight);
    justify-content: center;
    left: 0;
    padding-top: 191px;
    position: fixed;
    top: 0;
    width: var(--viewportWidth);
    z-index: 28
}

.c-recentlyViewedPopup.show {
    animation-duration: .2s;
    animation-fill-mode: forwards;
    animation-name: fadePopupContainerIn;
    animation-timing-function: cubic-bezier(.25, .46, .45, .94);
    display: flex
}

@media(max-width:1023px) {
    .c-recentlyViewedPopup {
        align-items: center;
        background-color: transparent;
        padding: 0 15px;
        transition: height .4s ease-out
    }
}

.c-recentlyViewedPopup__inner {
    animation-duration: 1.4s;
    animation-fill-mode: forwards;
    animation-name: fadePopupIn;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 150px rgba(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(max-width:1023px) {
    .c-recentlyViewedPopup__inner {
        box-shadow: 0 20px 150px 20px rgba(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 {
    position: absolute
}

@media(max-width:1023px) {
    .c-recentlyViewedPopup__closeButton {
        bottom: 16px;
        height: 24px;
        left: 0;
        margin: 0 auto;
        right: 0;
        width: 24px;
        z-index: 2
    }

    .c-recentlyViewedPopup__closeButton circle {
        opacity: 1
    }
}

@media(min-width:1024px) {
    .c-recentlyViewedPopup__closeButton {
        right: 20px;
        top: 20px
    }
}

.c-recentlyViewedPopup__heading {
    color: #323334;
    font-size: 20px;
    letter-spacing: -.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: .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%, .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: -.04em;
    line-height: 16px
}

@media(max-width:1023px) {
    .c-recentlyViewedPopup__itemName {
        font-size: 14px
    }
}

.c-recentlyViewedPopup__itemLocation {
    color: #6f7073;
    font-size: 14px;
    letter-spacing: -.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(180deg, #063e92, #1589cf) 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 .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: contain;
    bottom: 0;
    content: "";
    height: 100%;
    mix-blend-mode: multiply;
    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
}

.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: 22px
    }
}

.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: .9
}

.c-secondaryMenu__header .c-header__nav {
    margin-left: 0
}

.c-secondaryMenu__header .c-header__nav .-call .c-header__navLinkIcon,
.c-secondaryMenu__header .c-header__nav .-menu {
    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 .-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: 22%;
    padding-bottom: 64px;
    padding-top: 190px;
    transition: opacity .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: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    overflow: hidden;
    padding-top: 11px;
    position: relative;
    transition: all .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: -.04em;
        line-height: 16px;
        padding-top: 0
    }
}

.c-secondaryMenu__list__items ul li.c-secondaryMenu__item a:hover {
    opacity: .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: .5
}

.c-secondaryMenu__list__projectItems {
    flex-basis: 45%;
    margin-left: 0;
    padding-bottom: 64px
}

@media(max-width:1023px) {
    .c-secondaryMenu__list__projectItems {
        margin-left: 0;
        padding-bottom: 0
    }
}

.c-secondaryMenu__list__projectItems ul {
    list-style: none;
    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: 72px;
    font-style: normal;
    line-height: 72px;
    overflow: hidden;
    padding-top: 15px;
    position: relative;
    text-transform: uppercase
}

@media(max-width:1023px) {
    .c-secondaryMenu__list__projectItems ul li.c-secondaryMenu__item a {
        font-size: 32px;
        letter-spacing: -.04em;
        line-height: 36px
    }
}

.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 .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: .6 !important
}

.c-secondaryMenu__list .projectItems--dropMenu .commercial,
.c-secondaryMenu__list .projectItems--dropMenu .residential {
    display: none
}

.c-secondaryMenu__list .projectItems--dropMenu.res-show {
    flex-basis: 22%;
    transition: flex-basis .4s
}

.c-secondaryMenu__list .projectItems--dropMenu.res-show .c-secondaryMenu__item>a {
    opacity: 1
}

.c-secondaryMenu__list .projectItems--dropMenu.res-show .residential {
    display: block
}

@media(max-width:1023px) {
    .c-secondaryMenu__list .projectItems--dropMenu.res-show {
        margin-top: 24px
    }
}

.c-secondaryMenu__list .projectItems--dropMenu.comm-show {
    display: flex;
    flex-basis: 22%;
    flex-direction: column;
    justify-content: flex-end;
    transition: flex-basis .4s
}

.c-secondaryMenu__list .projectItems--dropMenu.comm-show .c-secondaryMenu__item>a {
    opacity: 1
}

.c-secondaryMenu__list .projectItems--dropMenu.comm-show .commercial {
    display: block
}

@media(max-width:1023px) {
    .c-secondaryMenu__list .projectItems--dropMenu.comm-show {
        margin-top: 24px
    }
}

.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: .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 .media--dropMenu {
    flex-basis: 0%;
    overflow: hidden;
    position: relative;
    top: -150px;
    transition: flex-basis .4s
}

.c-secondaryMenu__list .media--dropMenu .mbl-mediaTitle {
    color: #fff;
    display: none;
    font-size: 20px;
    letter-spacing: -.04em;
    line-height: 22px;
    margin-bottom: 24px;
    margin-top: 20px
}

@media(max-width:1023px) {
    .c-secondaryMenu__list .media--dropMenu {
        display: none;
        top: unset
    }

    .c-secondaryMenu__list .media--dropMenu.mbl-mediaShow {
        display: block;
        margin-top: -15px;
        padding: 0
    }

    .c-secondaryMenu__list .media--dropMenu.mbl-mediaShow .mbl-mediaTitle,
    .c-secondaryMenu__list .media--dropMenu.mbl-mediaShow .mbl-projBack {
        display: block
    }
}

.c-secondaryMenu__list .media--dropMenu.media-show {
    flex-basis: 20%;
    transition: flex-basis .4s
}

.c-secondaryMenu__list a:before {
    opacity: 1;
    overflow: hidden;
    position: absolute;
    transition: .5s;
    width: 0
}

.c-secondaryMenu__list a:hover:before {
    width: 100%
}

.c-secondaryMenu__list a[data-home]:before {
    -webkit-text-stroke: 1px #d490a0;
    color: #d490a0;
    content: attr(data-home);
    opacity: 1;
    white-space: nowrap
}

.c-secondaryMenu__list a[data-residential]:before {
    -webkit-text-stroke: 1px #f05862;
    color: #f05862;
    content: attr(data-residential)
}

.c-secondaryMenu__list a[data-commercial]:before {
    -webkit-text-stroke: 1px #ecb224;
    color: #ecb224;
    content: attr(data-commercial)
}

.c-secondaryMenu__list a[data-joyville]:before {
    -webkit-text-stroke: 1px #01d1b3;
    color: #01d1b3;
    content: attr(data-joyville)
}

.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;
    line-height: 13px;
    margin-bottom: 12px;
    opacity: .5
}

@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%, .5)
    }
}

.c-secondaryMenu .dotTarget {
    background-color: #d490a0;
    border-radius: 50%;
    height: 24px;
    opacity: 1;
    position: absolute;
    transform: scale(0);
    transition: all .35s ease-in-out;
    transition: .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: .4s;
    animation-duration: .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: 40px
}

@media(max-width:1023px) {
    .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: inline-flex;
    font-family: Gotham-Book;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    height: 40px;
    justify-content: center;
    line-height: 29px;
    opacity: 1;
    transition: .3s cubic-bezier(.215, .61, .355, 1);
    width: 176px
}

@media(max-width:1023px) {
    .c-secondaryMenu .c-secondaryMenu__item-modify a {
        font-size: 12px;
        height: 35px;
        width: 150px
    }
}

@media(hover:hover) {
    .c-secondaryMenu .c-secondaryMenu__item-modify a:hover {
        background-color: #fff;
        color: #082B50
    }

    .c-secondaryMenu .c-secondaryMenu__item-modify a:hover svg path {
        stroke: #082B50
    }
}

@media screen and (min-width:1900px) {
    .c-secondaryMenu .c-secondaryMenu__list__projectItems {
        flex-basis: 40%
    }
}

.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%, .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(.19, 1, .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: -.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: #082B50;
    font-size: 12px;
    letter-spacing: -.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 .6s cubic-bezier(.39, .575, .565, 1)
}

.enquirePopup.has-submitted .enquirePopup__form {
    opacity: 0;
    pointer-events: none
}

.enquirePopup.has-submitted .enquirePopup__successMessage {
    opacity: 1;
    pointer-events: auto;
    transition: opacity .6s cubic-bezier(.39, .575, .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 .6s cubic-bezier(.39, .575, .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 .6s cubic-bezier(.39, .575, .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: -.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: .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) {

    #comments,
    .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 .2s ease
}

.enquirePopup__inputWrapper.is-invalid .enquirePopup__inputError {
    display: block
}

.enquirePopup__inputError,
.enquirePopup__otpSentMsg {
    animation-duration: .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: .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: #082B50;
    border-color: #082B50
}

.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, .08);
        left: 0;
        margin-top: 0;
        padding-top: 0;
        position: absolute;
        width: 100%
    }
}

.enquirePopup__submitButton {
    background-color: #082B50;
    border-radius: 54px;
    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: #082B50;
    border-radius: 54px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin-top: 24px;
    padding: 8px 16px
}

.enquirePopup__backButton,
.enquirePopup__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) {

    .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
    }
}

[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] {
    padding-top: 0
}

[data-page=home] .bottomNav {
    animation-delay: .8s;
    animation-duration: 1.2s;
    animation-fill-mode: backwards;
    animation-name: fadeInUp40;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    bottom: 20px;
    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 {
    display: flex;
    gap: 5px
}

[data-page=home] .bottomNav__btn {
    background-color: #fff;
    border-radius: 8px;
    color: #000;
    flex: 1;
    font-size: 11px;
    height: 50px;
    line-height: 12px;
    overflow: hidden;
    text-transform: uppercase
}

[data-page=home] .bottomNav__btn.-search {
    border: 1px solid hsla(240, 2%, 82%, .5);
    color: #082B50
}

[data-page=home] .bottomNav__btn.-getInTouch {
    border: none;
    position: relative
}

[data-page=home] .bottomNav__btn.-getInTouch p {
    color: #fff;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    position: relative;
    text-align: center;
    z-index: 1
}

[data-page=home] .bottomNav__btn.-getInTouch:before {
    background: linear-gradient(94.05deg, #082B50 9.13%, #0089cf 91.03%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

[data-project-name="The Designate"] .-contactGuestManager {
    opacity: 0;
    visibility: hidden
}

[data-project-name="SP Kingstown"] .banner__logo,
[data-project-name="SP Kingstown"] .intro__logo {
    height: 100px !important
}

[data-project-name="The Odyssey"] .banner__blur {
    background: rgba(81, 81, 81, .2)
}

[data-project-name=Wildernest] .banner__logo,
[data-project-name=Wildernest] .intro__logo {
    height: 100px !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%
}

[data-page=home] .projects {
    padding: 60px 0;
    transition: opacity .2s cubic-bezier(.455, .03, .515, .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: calc(50% - 52.5px);
    transform: translateY(-50%);
    transition: opacity .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 .2s ease
}

[data-page=home] .projects__subheading {
    animation-delay: .7s;
    animation-duration: 1.2s;
    animation-fill-mode: backwards;
    animation-name: fadeInUp40;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: #6f7073;
    font-size: 16px;
    letter-spacing: -.03em;
    line-height: 24px;
    margin-top: 7px;
    text-align: center
}

@media(max-width:1023px) {
    [data-page=home] .projects__subheading {
        font-size: 14px
    }
}

[data-page=home] .projects__card {
    --projectCardTranslateY: 24%;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.25, .46, .45, .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 .5s cubic-bezier(.39, .575, .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%
    }
}

@media(min-width:1024px)and (max-width:1600px) {
    [data-page=home] .projects__card {
        width: calc(33.33333% - 20px)
    }
}

[data-page=home] .projects__cardImgWrapper {
    background: rgba(0, 0, 0, .26);
    border-radius: 8px;
    overflow: hidden;
    padding-top: 108.6956521739%;
    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;
    justify-content: space-between;
    margin-top: 20px
}

[data-page=home] .projects__cardTitle {
    color: #000;
    font-size: 24px;
    letter-spacing: .01em;
    line-height: 28px;
    text-transform: uppercase;
    width: 80%;
    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: -.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;
    font-size: 15px;
    letter-spacing: -.03em;
    line-height: 24px;
    text-align: right;
    z-index: 1
}

[data-page=home] .projects__cardTag span {
    color: #082B50;
    display: inline-block
}

@media(max-width:1023px) {
    [data-page=home] .projects__cardTag {
        font-size: 12px;
        line-height: 17px
    }
}

[data-page=home] .projects__cardTag .supScript-t8 {
    left: 1px;
    top: 3px
}

@media(max-width:1023px) {
    [data-page=home] .projects__cardTag .supScript-t8 {
        left: 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: #082B50;
    color: #fff;
    display: inline-flex;
    font-size: 13px;
    height: 45px;
    justify-content: center;
    letter-spacing: -.03em;
    line-height: 24px;
    padding: 0 35px
}

[data-page=home] .projects__loadMoreBtn:hover {
    background: #043f81
}

@media(max-width:1023px) {
    [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: .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: -.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: -.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% - 27px);
    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 .2s ease
    }
}

[data-page=home] .featuredProject__nav button {
    pointer-events: auto;
    transform: translateZ(0);
    transition: opacity .2s ease, transform .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
}

[data-page=home] .featuredProject__nav .js-prevFeaturedProjectImg {
    transform: rotate(180deg)
}

[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: -.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] .features {
    --mobileFeatureColSize: 50vw;
    padding: 60px 0;
    position: relative
}

@media(max-width:1023px) {
    [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:first-child {
    display: flex
}

[data-page=home] .feature:first-child .feature__lhs {
    flex-shrink: 0;
    width: 34.6153846154%
}

@media(max-width:1023px) {
    [data-page=home] .feature:first-child .feature__lhs {
        width: 100%
    }
}

[data-page=home] .feature:first-child .feature__rhs {
    flex: 1
}

[data-page=home] .feature:first-child .-featureImg1 {
    padding-top: 65.445026178%;
    width: 100%
}

@media(max-width:1023px) {
    [data-page=home] .feature:first-child .-featureImg1 {
        padding-top: calc(100% - 40px);
        width: calc(100% - 40px)
    }

    [data-page=home] .feature:first-child .-featureImg2 {
        flex-shrink: 0;
        padding-top: 40%;
        position: relative;
        top: -40px;
        width: 40%;
        z-index: 1
    }

    [data-page=home] .feature:first-child .-featureImg2 img {
        object-position: left top
    }
}

@media(min-width:1024px) {
    [data-page=home] .feature:first-child .-featureImg2 {
        left: 25%;
        padding-top: 26.4397905759%;
        position: absolute;
        top: 82%;
        width: 40.3141361257%
    }
}

[data-page=home] .feature:first-child .feature__text {
    padding-right: 30px;
    text-align: right
}

@media(max-width:1023px) {
    [data-page=home] .feature:first-child .feature__text {
        margin-top: 10px;
        text-align: left
    }
}

@media(min-width:1024px) {
    [data-page=home] .feature:nth-child(2) {
        margin-top: 54px;
        padding-bottom: 215px
    }
}

@media(max-width:1023px) {
    [data-page=home] .feature:nth-child(2) {
        margin-top: 20px
    }

    [data-page=home] .feature:nth-child(2) .feature__rhs {
        flex-direction: row-reverse;
        justify-content: flex-end
    }

    [data-page=home] .feature:nth-child(2) .feature__inner {
        width: 100%
    }
}

@media(min-width:1024px) {
    [data-page=home] .feature:nth-child(2) .feature__inner {
        width: 33.3333333333%
    }

    [data-page=home] .feature:nth-child(2) .feature__text {
        margin-top: 20px
    }
}

@media(max-width:1023px) {
    [data-page=home] .feature:nth-child(2) .feature__text {
        margin-left: 10px;
        margin-top: 10px
    }
}

[data-page=home] .feature:nth-child(2) .-featureImg1 {
    padding-top: 108.4615384615%;
    width: 100%
}

@media(max-width:1023px) {
    [data-page=home] .feature:nth-child(2) .-featureImg1 {
        margin-left: auto;
        padding-top: calc(100% - 40px);
        width: calc(100% - 40px)
    }
}

[data-page=home] .feature:nth-child(2) .-featureImg2 {
    padding-top: 52.3076923077%;
    width: 48.2051282051%
}

@media(max-width:1023px) {
    [data-page=home] .feature:nth-child(2) .-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(2) .-featureImg2 {
        left: 91.7948717949%;
        position: absolute;
        top: 76.1229314421%
    }

    [data-page=home] .feature:nth-child(3) {
        bottom: 60px;
        position: absolute;
        right: 0;
        width: 37.1794871795%
    }
}

@media(max-width:1023px) {
    [data-page=home] .feature:nth-child(3) {
        margin-left: auto;
        max-width: calc(100% - 40px)
    }
}

[data-page=home] .feature:nth-child(3) .feature__inner {
    width: 100%
}

[data-page=home] .feature:nth-child(3) .feature__images,
[data-page=home] .feature:nth-child(3) .feature__text {
    margin-top: 20px
}

@media(max-width:1023px) {
    [data-page=home] .feature:nth-child(3) .feature__images {
        margin-top: 10px
    }
}

[data-page=home] .feature:nth-child(3) .feature__images>:first-child {
    padding-top: 60%;
    width: 100%
}

@media(max-width:1023px) {
    [data-page=home] .feature:nth-child(3) .feature__images>:first-child {
        padding-top: 100%;
        width: 100%
    }
}

[data-page=home] .feature__text {
    color: #323334;
    font-size: 30px;
    letter-spacing: -.05em;
    line-height: 36px
}

@media(max-width:1023px) {
    [data-page=home] .feature__text {
        font-size: 16px;
        letter-spacing: -.03em;
        line-height: 20px
    }
}

[data-page=home] .feature__imageWrapper {
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

[data-page=home] .feature__image {
    border-radius: 8px;
    left: 0;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: -100px;
    width: 100%
}

@media(max-width:1023px) {
    [data-page=home] .feature__image {
        height: 100%;
        object-fit: cover;
        top: 0
    }
}

[data-page=home] .news {
    background: linear-gradient(104.26deg, rgba(226, 243, 247, .75), hsla(0, 12%, 91%, .22) 99.32%);
    border-radius: 8px;
    gap: var(--gridMargin);
    opacity: 0;
    padding: 50px 55px 40px;
    transform: translateY(40px);
    transition-duration: 1s, .8s;
    transition-property: opacity, transform;
    transition-timing-function: ease, cubic-bezier(.19, 1, .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, .75) 34%, hsla(0, 12%, 91%, .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: -.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, .1);
    padding-bottom: 20px
}

[data-page=home] .news__latestArticle+.news__latestArticle {
    margin-top: 20px
}

[data-page=home] .news__latestArticleDate {
    color: #6f7073;
    font-size: 13px;
    letter-spacing: -.03em;
    line-height: 24px
}

@media(max-width:1023px) {
    [data-page=home] .news__latestArticleDate {
        font-size: 12px
    }
}

[data-page=home] .news__latestArticleHeading {
    color: #323334;
    font-size: 16px;
    letter-spacing: -.03em;
    line-height: 24px;
    margin-top: 15px;
    max-width: 447px
}

@media(max-width:1023px) {
    [data-page=home] .news__latestArticleHeading {
        font-size: 13px;
        line-height: 22px;
        margin-top: 10px
    }
}

[data-page=home] .news__latestArticleLink {
    color: #082B50;
    display: inline-block;
    font-size: 16px;
    letter-spacing: -.03em;
    line-height: 24px;
    margin-top: 15px
}

@media(hover:hover) {
    [data-page=home] .news__latestArticleLink {
        transition: opacity .2s ease
    }

    [data-page=home] .news__latestArticleLink:hover {
        opacity: .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: #082B50;
    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: .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%, .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 .3s ease-out forwards;
    opacity: 0
}

[data-page=home] .banner__filterBar {
    animation: fadeInScale 1.5s cubic-bezier(.165, .84, .44, 1) .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 {
    background-color: hsla(240, 2%, 82%, .2);
    display: flex;
    left: calc(0px - var(--viewportSidePadding));
    margin-top: 48px;
    padding: 60px var(--viewportSidePadding);
    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__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: .4s, .6s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: .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 .32s cubic-bezier(.39, .575, .565, 1), transform .5s cubic-bezier(.39, .575, .565, 1);
        will-change: transform
    }

    [data-page=home] .home__pageCardPlayIcon {
        transition: transform .6s cubic-bezier(.39, .575, .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: .6s;
        animation-fill-mode: forwards;
        animation-name: animatePageCardArrowOnMouseover;
        animation-timing-function: cubic-bezier(.39, .575, .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, .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, .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(.19, 1, .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: -.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: -.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: .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%, .3);
    border-radius: 4px;
    color: #6f7073;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    letter-spacing: -.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, .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-color: #082B50;
    color: #fff;
    font-family: Gotham-Medium;
    font-size: 16px;
    letter-spacing: -.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: -.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: .2s linear;
    visibility: hidden;
    width: 14px
}

.recentlyViewedHome {
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.25, .46, .45, .94);
    opacity: 0
}

.recentlyViewedHome.animateRecentlyViewedHomeIn {
    animation-name: fadeRecentlyViewedHomeIn, moveRecentlyViewedHomeUp
}

.recentlyViewedHomes__list {
    padding-bottom: 24px
}

.recentlyViewedHomes__list>:nth-child(3n+2) {
    animation-delay: .08s
}

.recentlyViewedHomes__list>:nth-child(3n+3) {
    animation-delay: .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 .5s cubic-bezier(.39, .575, .565, 1);
        will-change: transform
    }

    .recentlyViewedHome:hover .recentlyViewedHome__image {
        transform: scale(1.08)
    }
}

.recentlyViewedHomes {
    border: 1px solid hsla(210, 2%, 63%, .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: -.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%, .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: -.04em;
        line-height: 16px;
        margin-top: 12px;
        text-align: center
    }
}

.recentlyViewedHome__location {
    color: #6f7073;
    font-size: 12px;
    letter-spacing: -.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: 54px;
    color: #082B50;
    font-size: 14px;
    line-height: 22px;
    opacity: 0;
    overflow: hidden;
    padding: 8px 16px;
    pointer-events: auto;
    position: relative;
    transition: color .4s cubic-bezier(.19, 1, .22, 1);
    width: 81px
}

[data-page=residentialProject] .floatingEnquireButton:before {
    background-color: #082B50;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0, 100%, 0);
    width: 100%;
    z-index: -1
}

[data-page=residentialProject] .floatingEnquireButton.-blueBg {
    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%
    }
}

.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="Vanaha Springs"] .banner__logo,
[data-project-name="Vanaha Springs"] .intro__logo {
    height: 60px !important
}

[data-project-name="The Odyssey"] .banner__logo,
[data-project-name="The Odyssey"] .intro__logo,
[data-project-name="Vanaha Golfland"] .banner__logo,
[data-project-name="Vanaha Golfland"] .intro__logo,
[data-project-name=Vanaha] .banner__logo,
[data-project-name=Vanaha] .intro__logo {
    height: 50px !important
}

[data-project-name=Shukhobrishti] .c-secondaryMenu__list__items.extrLinks .-enquireNow,
[data-project-name=Shukhobrishti] .contactGuestManagerPopup .-getCallback,
[data-project-name=Shukhobrishti] .floatingEnquireButton,
[data-project-name=Shukhobrishti] .floatingWhatsAppButton,
[data-project-name=Shukhobrishti] .intro__enquireButton {
    display: none
}

[data-project-name=Shukhobrishti] .sk__cta .intro__enquireButton {
    display: block
}

[data-project-name=Shukhobrishti] .-contactGuestManager {
    opacity: 0;
    visibility: hidden
}

[data-project-name=Parkwest] .c-secondaryMenu__list__items.extrLinks .-enquireNow,
[data-project-name=Parkwest] .contactGuestManagerPopup .-getCallback,
[data-project-name=Parkwest] .floatingEnquireButton,
[data-project-name=Parkwest] .floatingWhatsAppButton,
[data-project-name=Parkwest] .intro__enquireButton {
    display: none
}

[data-project-name=Parkwest] .explore__cta.intro__enquireButton {
    display: block
}

[data-project-name=Parkwest] .-contactGuestManager {
    opacity: 0;
    visibility: hidden
}

[data-project-name=Vicinia] .c-secondaryMenu__list__items.extrLinks .-enquireNow,
[data-project-name=Vicinia] .contactGuestManagerPopup .-getCallback,
[data-project-name=Vicinia] .floatingEnquireButton,
[data-project-name=Vicinia] .floatingWhatsAppButton,
[data-project-name=Vicinia] .intro__enquireButton {
    display: none
}

[data-project-name=Vicinia] .-contactGuestManager {
    opacity: 0;
    visibility: hidden
}

[data-project-name="Vanaha Springs"] .c-secondaryMenu__list__items.extrLinks .-enquireNow,
[data-project-name="Vanaha Springs"] .contactGuestManagerPopup .-getCallback,
[data-project-name="Vanaha Springs"] .floatingEnquireButton,
[data-project-name="Vanaha Springs"] .floatingWhatsAppButton,
[data-project-name="Vanaha Springs"] .intro__enquireButton {
    display: none
}

[data-project-name="Vanaha Springs"] .-contactGuestManager {
    opacity: 0;
    visibility: hidden
}

[data-project-name="SP Residency"] .c-secondaryMenu__list__items.extrLinks .-enquireNow,
[data-project-name="SP Residency"] .contactGuestManagerPopup .-getCallback,
[data-project-name="SP Residency"] .floatingEnquireButton,
[data-project-name="SP Residency"] .floatingWhatsAppButton,
[data-project-name="SP Residency"] .intro__enquireButton {
    display: none
}

[data-project-name="SP Residency"] .-contactGuestManager {
    opacity: 0;
    visibility: hidden
}

[data-project-name="The Designate"] .c-secondaryMenu__list__items.extrLinks .-enquireNow,
[data-project-name="The Designate"] .contactGuestManagerPopup .-getCallback,
[data-project-name="The Designate"] .floatingEnquireButton,
[data-project-name="The Designate"] .floatingWhatsAppButton,
[data-project-name="The Designate"] .intro__enquireButton {
    display: none
}

[data-project-name="The Designate"] .-contactGuestManager {
    opacity: 0;
    visibility: hidden
}

[data-project-name="SP Kingstown"] .banner__logo,
[data-project-name="SP Kingstown"] .intro__logo {
    height: 100px !important
}

[data-project-name="The Odyssey"] .banner__blur {
    background: rgba(81, 81, 81, .2)
}

[data-project-name=Wildernest] .banner__logo,
[data-project-name=Wildernest] .intro__logo {
    height: 100px !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__video {
    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__videoWrapper {
    height: calc(var(--viewportHeight));
    overflow: hidden;
    position: sticky;
    top: 0;
    width: var(--viewportWidth)
}

[data-page=residentialProject] .banner__video {
    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: 80px;
    opacity: 0;
    width: auto
}

@media(max-width:1023px) {
    [data-page=residentialProject] .banner__logo {
        height: 50px
    }
}

[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;
        padding: 0 20px
    }
}

[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%, .3);
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

[data-page=residentialProject] .banner__scrollButtonScrollbarFg {
    animation: animateScrollLine 2s cubic-bezier(.86, 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: 80px;
    margin: 0 auto;
    width: auto
}

@media(max-width:1023px) {

    [data-page=commercialProject] .intro__logo,
    [data-page=residentialProject] .intro__logo {
        height: 50px
    }
}

[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%, .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: -.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%, .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: -.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
}

@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: -.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: -.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: -.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: -.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: -.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: #082B50
}

[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-color: #082B50;
    margin-top: 36px
}

[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: .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: -.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: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: #082B50
}

@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: .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: .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: .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: .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: .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: .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: #082B50
    }

    [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: -.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: -.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: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .565, 1);
    color: #6f7073;
    font-size: 14px;
    letter-spacing: -.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: #082B50;
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
    transition: all .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: .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: 54px;
    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 .4s cubic-bezier(.19, 1, .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(.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 -.5em rgba(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%, -.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%, .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(-.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(-.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(.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(.5em, -50%)
}

@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%)
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .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 .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 .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: .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: .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: .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: 50px 0 0
    }
}

@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: -.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 .4s cubic-bezier(.19, 1, .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%, .8)
    }
}

[data-page=commercialProject] .gallery__viewAllButton,
[data-page=residentialProject] .gallery__viewAllButton,
[data-page=seoPage] .gallery__viewAllButton {
    bottom: 60px;
    color: #082B50;
    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: .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 {
    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 {
    transition: color .4s cubic-bezier(.19, 1, .22, 1);
    will-change: color
}

@media(hover:hover) {
    [data-page=residentialProject] .tour__exploreButton:hover {
        opacity: .8
    }
}

[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: 50px var(--containerSidePadding) 0
    }
}

@media(min-width:1024px) {

    [data-page=commercialProject] .amenities,
    [data-page=residentialProject] .amenities {
        align-items: center
    }
}

[data-page=commercialProject] .amenities__heading,
[data-page=residentialProject] .amenities__heading {
    color: #323334;
    font-size: 36px;
    letter-spacing: -.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: left
    }
}

[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-color: #B9932C;
    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: 16px
    }
}

[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: #B9932C
}

[data-page=residentialProject] .amenities__categoryWrapper:nth-of-type(2) {
    background-color: #082b50
}

[data-page=residentialProject] .amenities__categoryWrapper:nth-of-type(3) {
    background-color: #B9932C
}

[data-page=residentialProject] .amenities__categoryWrapper:nth-of-type(4) {
    background-color: #d490a0
}

[data-page=residentialProject] .amenities__categoryWrapper:nth-of-type(5) {
    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: 54px;
    letter-spacing: -.04em;
    line-height: 69px;
    opacity: .2;
    position: relative;
    transition: opacity .3s cubic-bezier(.39, .575, .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;
    background-color: #fbfbfb;
    contain: strict;
    display: flex;
    flex-direction: column;
    height: 802px;
    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: -13.90625vw;
    top: 0;
    width: 988px
}

@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: #f0e6d0;
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=commercialProject] .location__mapMarkerCircleInner,
[data-page=residentialProject] .location__mapMarkerCircleInner,
[data-page=seoPage] .location__mapMarkerCircleInner {
    animation-delay: .25s;
    background: #ded1b8;
    border-radius: 50%;
    height: 138px;
    left: calc(50% - 69px);
    opacity: .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: -.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] .map,
[data-page=residentialProject] .map,
[data-page=seoPage] .map {
    width: 60%;
    height: 550px;
    border: 1px solid #B9932C;
    border-radius: 10px;
    margin: 10px 0px;
    z-index: 9999;
}

@media(max-width:1023px) {

    [data-page=commercialProject] .map,
    [data-page=residentialProject] .map,
    [data-page=seoPage] .map {
        width: 100%;
        height: 350px;
        border: 1px solid #121212;
        border-radius: 10px;
        margin: 10px 0px;
        z-index: 9999;
    }
}

[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: #B9932C;
    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: #B9932C;
    }
}

[data-page=residentialProject] .projectStatus.animateIn .introAnimElement {
    opacity: 1;
    transform: translateZ(0)
}

[data-page=residentialProject] .projectStatus {
    background-color: #082B50;
    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: -.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 {
    margin-top: 16px;
    transition: color .4s cubic-bezier(.19, 1, .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: 54px;
    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 span {
        color: #082B50
    }
}

[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
}

@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: 20px;
    height: 420px;
    overflow: hidden;
    position: relative;
    width: 620px
}

[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: .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: #082B50;
    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: 100px
    }
}

[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%, .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: -.04em;
    line-height: 48px
}

@media(max-width:1023px) {

    [data-page=commercialProject] .contact__heading,
    [data-page=residentialProject] .contact__heading,
    [data-page=seoPage] .contact__heading {
        color: #082B50;
        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 #082B50;
    border-radius: 54px;
    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: #082B50;
    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: .6s;
        animation-fill-mode: forwards;
        animation-name: animateArrowHorizontallyOnMouseover;
        animation-timing-function: cubic-bezier(.39, .575, .565, 1)
    }
}

[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: #082B50;
    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: 54px;
    color: #082B50;
    font-size: 14px;
    line-height: 22px;
    opacity: 0;
    overflow: hidden;
    padding: 8px 16px;
    pointer-events: auto;
    position: relative;
    transition: color .4s cubic-bezier(.19, 1, .22, 1);
    width: 81px
}

[data-page=commercialProject] .floatingEnquireButton:before,
[data-page=residentialProject] .floatingEnquireButton:before {
    background-color: #082B50;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0, 100%, 0);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1);
    width: 100%;
    z-index: -1
}

[data-page=commercialProject] .floatingEnquireButton.-blueBg,
[data-page=residentialProject] .floatingEnquireButton.-blueBg {
    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 .4s cubic-bezier(.19, 1, .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: #B9932C

}

[data-page=commercialProject] .floatingWhatsAppButton,
[data-page=residentialProject] .floatingWhatsAppButton {
    animation-delay: .8s;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-name: fade2;
    animation-timing-function: linear;
    bottom: 30px;
    cursor: pointer;
    opacity: 0;
    pointer-events: auto;
    position: fixed;
    right: 55px;
    transform: translateY(40px);
    transition: bottom .3s cubic-bezier(.455, .03, .515, .955)
}

@media(max-width:1023px) {

    [data-page=commercialProject] .floatingWhatsAppButton,
    [data-page=residentialProject] .floatingWhatsAppButton {
        bottom: 74px;
        opacity: 1;
        position: fixed;
        right: 18px;
        transform: translateZ(0);
        transition: bottom .3s cubic-bezier(.455, .03, .515, .955)
    }
}

@keyframes fade2 {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    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%, .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(.19, 1, .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__copy>a {
    color: #043f81
}

.disclaimerPopup__closeButton {
    padding: 30px;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:1023px) {
    .disclaimerPopup__closeButton {
        padding: 75px 20px 20px;
        top: 10px
    }

    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%, .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(.19, 1, .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%, .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(.19, 1, .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: .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%, .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(.19, 1, .22, 1);
    background-color: #fff;
    max-width: 700px;
    position: relative
}

@media(min-width:1024px) {
    .contactGuestManagerPopup__inner {
        border-radius: 0 40px 0 0;
        display: flex;
        max-height: 725px;
        overflow: hidden
    }
}

@media(max-width:1023px) {
    .contactGuestManagerPopup__inner {
        height: 100%;
        width: 100%;
    }
}

.contactGuestManagerPopup__image {
    width: 350px;
    height: 100%;
}

@media(max-width:1023px) {
    .contactGuestManagerPopup__image {
        display: none
    }
}

.contactGuestManagerPopup__formWrapper {
    padding: 36px 36px 30px;
    position: relative
}

@media(max-width:1023px) {
    .contactGuestManagerPopup__formWrapper {
        height: 100%;
        padding: 115px var(--viewportSidePadding);
        width: 100% !important;
    }
}

@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: -.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 .6s cubic-bezier(.39, .575, .565, 1)
}

.contactGuestManagerPopup.has-submitted .contactGuestManagerPopup__form {
    opacity: 0;
    pointer-events: none
}

.contactGuestManagerPopup.has-submitted .contactGuestManagerPopup__successMessage {
    opacity: 1;
    pointer-events: auto;
    transition: opacity .6s cubic-bezier(.39, .575, .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 .6s cubic-bezier(.39, .575, .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 .6s cubic-bezier(.39, .575, .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
    }
}

.contactGuestManagerPopup__heading {
    color: #f05862;
    font-family: Gotham-Medium;
    font-size: 24px;
    letter-spacing: -.04em;
    line-height: 26px;
    text-transform: capitalize
}

.contactGuestManagerPopup__heading+.contactGuestManagerPopup__inputWrapper {
    margin-top: 24px
}

.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
}

.contactGuestManagerPopup__input[type=email],
.contactGuestManagerPopup__input[type=tel],
.contactGuestManagerPopup__input[type=text],
.project-ddl {
    border: .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) {

    .contactGuestManagerPopup__input[type=email],
    .contactGuestManagerPopup__input[type=tel],
    .contactGuestManagerPopup__input[type=text],
    .project-ddl {
        width: 100%
    }

    .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-image: url(../assets/common/vectors/acc-arrow-down.svg);
    background-position: 98%;
    background-repeat: no-repeat;
    background-size: 24px;
    color: #6f7073
}

.project-ddl option {
    font-size: 12px;
    font-size: 14px;
    padding: 5px 0;
    text-transform: capitalize
}

#comments {
    border: .5px solid #cfcfd1;
    border-radius: 4px;
    color: #323334;
    font-size: 12px;
    height: 72px;
    line-height: 15px;
    padding: 10px;
    resize: none;
    width: 248px
}

@media(max-width:1023px) {
    #comments {
        width: 100%
    }

    #comments:focus {
        font-size: 16px
    }
}

.contactGuestManagerPopup__input[type=tel] {
    padding-left: 65px
}

.contactGuestManagerPopup__inputWrapper.is-invalid .contactGuestManagerPopup__input {
    border-color: #f05862;
    transition: border-color .2s ease
}

.contactGuestManagerPopup__inputWrapper.is-invalid .contactGuestManagerPopup__inputError {
    display: block
}

.contactGuestManagerPopup__inputError {
    animation-duration: .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;
    padding-top: 15px
}

@media(max-width:1023px) {
    .contactGuestManagerPopup__buttonGroup {
        bottom: 0;
        box-shadow: 0 -1px 34px rgba(0, 0, 0, .08);
        left: 0;
        margin-left: -20px;
        margin-top: 0;
        padding-top: 0;
        position: sticky;
        width: 100vw
    }
}

.contactGuestManagerPopup__submitButton {
    background-color: #082B50;
    border-radius: 54px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 16px
}

@media(max-width:1023px) {
    .contactGuestManagerPopup__submitButton {
        border-radius: 0;
        padding: 15px 16px;
        position: relative;
        width: 50%
    }
}

.contactGuestManagerPopup__submitButton:hover {
    background: #043f81
}

.contactGuestManagerPopup__okButton {
    background-color: #082B50;
    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;
    opacity: .8;
    padding: 8px 16px
}

@media(max-width:1023px) {
    .contactGuestManagerPopup__cancelButton {
        background-color: #fff;
        border: 0;
        border-radius: 0;
        margin-left: 0;
        padding: 15px 16px;
        position: relative;
        width: 50%
    }
}

.contactGuestManagerPopup__cancelButton:hover {
    opacity: 1
}

.contactGuestManagerPopup__closeButton {
    padding: 24px;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:1023px) {
    .contactGuestManagerPopup__closeButton {
        padding: 75px 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: 48px 0 36px
    }
}

@media(min-width:1024px) {

    [data-page=commercialProject] .floor-detail h2,
    [data-page=residentialProject] .floor-detail h2,
    [data-page=seoPage].floor-detail h2 {
        margin-top: 10px;
        font-size: 22px;
        color: #3e4349;
        font-weight: 500;
    }

    [data-page=commercialProject] .floor-detail p,
    [data-page=residentialProject] .floor-detail p,
    [data-page=seoPage].floor-detail p {
        font-size: 18px;
        color: #3e4349;
        margin-top: 10px;
        font-weight: 500;
    }

    [data-page=commercialProject] .floor-detail span,
    [data-page=residentialProject] .floor-detail span,
    [data-page=seoPage].floor-detail span {
        font-size: 32px;
        color: goldenrod;
        margin-top: 10px;
        display: block;
        font-weight: 500;
    }
}

@media(max-width:1023px) {

    [data-page=commercialProject] .floor-detail h2,
    [data-page=residentialProject] .floor-detail h2,
    [data-page=seoPage].floor-detail h2 {
        margin-top: 10px;
        font-size: 20px;
        color: #3e4349;
        font-weight: 500;
    }

    [data-page=commercialProject] .floor-detail p,
    [data-page=residentialProject] .floor-detail p,
    [data-page=seoPage].floor-detail p {
        font-size: 16px;
        color: #3e4349;
        margin-top: 10px;
        font-weight: 500;
    }

    [data-page=commercialProject] .floor-detail span,
    [data-page=residentialProject] .floor-detail span,
    [data-page=seoPage].floor-detail span {
        font-size: 28px;
        color: goldenrod;
        margin-top: 10px;
        display: block;
        font-weight: 500;
    }
}

@media(max-width:1023px) {

    [data-page=commercialProject] .floorPlans,
    [data-page=residentialProject] .floorPlans,
    [data-page=seoPage] .floorPlans {
        padding: 48px 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: -.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: -.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: #B9932C;
        border-color: #B9932C;
        color: #fff
    }
}

[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: #B9932C;
    border-color: #B9932C;
    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: .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: .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: .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 .4s cubic-bezier(.19, 1, .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, .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, .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(12px);
    -webkit-filter: blur(12px)
}

@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__slide:last-child,
[data-page=residentialProject] .floorPlans__slide:last-child,
[data-page=seoPage] .floorPlans__slide:last-child {
    margin-right: 25%
}

[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: #082B50
}

[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 .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: .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=commercialProject] .testimonial,
[data-page=residentialProject] .testimonial {
    contain: content;
    margin-left: calc(0px - var(--viewportSidePadding));
    padding: 90px var(--viewportSidePadding);
    width: var(--viewportWidth)
}

@media(max-width:1023px) {

    [data-page=commercialProject] .testimonial,
    [data-page=residentialProject] .testimonial {
        padding: 40px var(--viewportSidePadding)
    }
}

[data-page=commercialProject] .testimonial__container,
[data-page=residentialProject] .testimonial__container {
    align-items: center;
    background: linear-gradient(104.26deg, rgba(226, 243, 247, .75), hsla(0, 12%, 91%, .22) 99.32%);
    border-radius: 16px;
    display: flex;
    gap: 52px;
    justify-content: center;
    overflow: hidden;
    padding: 65px var(--viewportSidePadding);
    width: 100%
}

@media(max-width:1023px) {

    [data-page=commercialProject] .testimonial__container,
    [data-page=residentialProject] .testimonial__container {
        flex-direction: column;
        gap: 20px;
        padding: 85px 20px 20px
    }
}

[data-page=commercialProject] .testimonial__content,
[data-page=residentialProject] .testimonial__content {
    margin-left: auto;
    max-width: 384px;
    position: relative
}

@media(max-width:1023px) {

    [data-page=commercialProject] .testimonial__content,
    [data-page=residentialProject] .testimonial__content {
        max-width: fit-content;
        padding-left: 20px;
        padding-right: 20px
    }
}

[data-page=commercialProject] .testimonial__lhs,
[data-page=commercialProject] .testimonial__rhs,
[data-page=residentialProject] .testimonial__lhs,
[data-page=residentialProject] .testimonial__rhs {
    width: calc(50% - 16px)
}

@media(max-width:1023px) {

    [data-page=commercialProject] .testimonial__lhs,
    [data-page=commercialProject] .testimonial__rhs,
    [data-page=residentialProject] .testimonial__lhs,
    [data-page=residentialProject] .testimonial__rhs {
        width: 100%
    }
}

[data-page=commercialProject] .testimonial__title,
[data-page=residentialProject] .testimonial__title {
    color: #323334;
    font-size: 36px;
    letter-spacing: -.03em;
    line-height: 36px
}

@media(max-width:1023px) {

    [data-page=commercialProject] .testimonial__title,
    [data-page=residentialProject] .testimonial__title {
        font-size: 20px;
        letter-spacing: -.05em;
        line-height: 22px
    }
}

[data-page=commercialProject] .testimonial__desc,
[data-page=residentialProject] .testimonial__desc {
    color: #6f7073;
    font-size: 16px;
    letter-spacing: -.03em;
    line-height: 24px;
    margin-top: 13px
}

@media(max-width:1023px) {

    [data-page=commercialProject] .testimonial__desc,
    [data-page=residentialProject] .testimonial__desc {
        font-size: 13px;
        line-height: 24px
    }
}

[data-page=commercialProject] .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=commercialProject] .testimonial__imgWrapper,
    [data-page=commercialProject] .testimonial__imgWrapper img,
    [data-page=residentialProject] .testimonial__imgWrapper,
    [data-page=residentialProject] .testimonial__imgWrapper img {
        height: 238px;
        width: 100%
    }
}

[data-page=commercialProject] .testimonial__imgWrapper:before,
[data-page=residentialProject] .testimonial__imgWrapper:before {
    background: rgba(0, 0, 0, .26);
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: plus-lighter;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=commercialProject] .testimonial__playIcon,
[data-page=residentialProject] .testimonial__playIcon {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4
}

[data-page=commercialProject] .testimonial__playIcon svg,
[data-page=residentialProject] .testimonial__playIcon svg {
    display: inline-block
}

@media(max-width:1023px) {

    [data-page=commercialProject] .testimonial__playIcon svg,
    [data-page=residentialProject] .testimonial__playIcon svg {
        height: 35px;
        width: 35px
    }
}

[data-page=commercialProject] .testimonial__quotIcon,
[data-page=residentialProject] .testimonial__quotIcon {
    left: -80px;
    position: absolute;
    top: -125px
}

@media(max-width:1023px) {

    [data-page=commercialProject] .testimonial__quotIcon,
    [data-page=residentialProject] .testimonial__quotIcon {
        left: 0;
        top: -50px
    }

    [data-page=commercialProject] .testimonial__quotIcon svg,
    [data-page=residentialProject] .testimonial__quotIcon svg {
        height: 80px;
        width: auto
    }
}

[data-page=commercialProject] .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, .6);
    bottom: 0;
    display: flex;
    display: none;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .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: 60%
}

@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: .4s;
    animation-duration: .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%, .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%, .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%;
    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%, .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%;
    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
}

.emiCalculator {
    contain: content;
    margin-left: calc(0px - var(--viewportSidePadding));
    padding: 64px var(--viewportSidePadding);
    padding-bottom: 0 !important;
    width: var(--viewportWidth)
}

.emiCalculator .transitionDelay80 {
    transition-delay: .08s
}

@media(min-width:1025px) {
    .emiCalculator .is-mobile {
        display: none
    }
}

.emiCalculator .transitionDelay120 {
    transition-delay: .12s
}

.emiCalculator .transitionDelay160 {
    transition-delay: .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: -.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: -.05em;
    line-height: 22px;
    text-align: center
}

.emiCalculator__desc {
    align-items: flex-end;
    color: #6f7073;
    display: flex;
    font-size: 12px;
    letter-spacing: -.02em;
    line-height: 13px;
    max-width: 190px;
    text-align: right;
    width: 100%;
    z-index: 1
}

@media(max-width:1023px) {
    .emiCalculator__desc {
        color: #9ea0a2;
        max-width: 100%;
        text-align: left
    }
}

.emiCalculator .loanAmount__wrapper .symInput {
    align-items: baseline
}

@media(max-width:1023px) {
    .emiCalculator .loanAmount__wrapper .rupeeSymbol {
        font-size: 20px;
        margin-top: 0
    }
}

.emiCalculator .emiLoanAmount__text {
    color: #6f7073;
    font-size: 16px;
    letter-spacing: -.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: -.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 .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: #082B50;
    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: -.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: -.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: -.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, .5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.emiCalculator .emiCalcResult .rupeeSymbol {
    color: #082B50;
    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: -.03em;
    line-height: 22px;
    position: relative;
    z-index: 1
}

.emiCalculator .emiCalcResult__value {
    color: #082B50;
    font-size: 62px;
    letter-spacing: -.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: -.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
    }
}

@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
    }

    .floatingWhatsAppButton {
        right: 30px
    }
}

[data-page=residentialProject] .projects {
    padding: 60px 0;
    transition: opacity .2s cubic-bezier(.455, .03, .515, .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: 50%;
    transform: translateY(-50%);
    transition: opacity .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 .2s ease
}

[data-page=residentialProject] .projects__subheading {
    animation-delay: .7s;
    animation-duration: 1.2s;
    animation-fill-mode: backwards;
    animation-name: fadeInUp40;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: #6f7073;
    font-size: 16px;
    letter-spacing: -.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: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.25, .46, .45, .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 .5s cubic-bezier(.39, .575, .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, .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: .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: -.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: -.03em;
    line-height: 24px;
    text-align: right;
    z-index: 1
}

[data-page=residentialProject] .projects__cardTag span {
    color: #082B50;
    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: #082B50;
    color: #fff;
    display: inline-flex;
    font-size: 13px;
    height: 45px;
    justify-content: center;
    letter-spacing: -.03em;
    line-height: 24px;
    padding: 0 35px
}

[data-page=residentialProject] .projects__loadMoreBtn:hover {
    background: #043f81
}

[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 {
        margin-top: 10px;
        max-height: 50px;
        max-width: fit-content
    }
}

[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__bannerTitle,
[data-page=seoPage] .seoPage__bannerTitle {
    color: #323334;
    font-family: Gotham-Book;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -.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: -.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: #082B50;
    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: .8
}

[data-page=seoLocation] .seoPage__bannerInner .seoBtnLink .readMore_btn:hover img,
[data-page=seoPage] .seoPage__bannerInner .seoBtnLink .readMore_btn:hover img {
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-name: animatePageCardArrowOnMouseover;
    animation-timing-function: cubic-bezier(.39, .575, .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: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: -.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: -.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: #082B50;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.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: -.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: #082B50;
    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: -.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: #082B50
}

[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: -.04em;
    line-height: 48px
}

@media(max-width:1023px) {

    [data-page=seoLocation] .moreOnProject__heading,
    [data-page=seoPage] .moreOnProject__heading {
        color: #082B50;
        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 #082B50;
    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: #082B50;
    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: .6s;
        animation-fill-mode: forwards;
        animation-name: animateArrowHorizontallyOnMouseover;
        animation-timing-function: cubic-bezier(.39, .575, .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 .2s cubic-bezier(.455, .03, .515, .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: .7s;
    animation-duration: 1.2s;
    animation-fill-mode: backwards;
    animation-name: fadeInUp40;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    color: #6f7073;
    font-size: 16px;
    letter-spacing: -.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: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.25, .46, .45, .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 .5s cubic-bezier(.39, .575, .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, .26);
    border-radius: 8px;
    overflow: hidden;
    padding-top: 108.6956521739%;
    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: .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: -.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: -.03em;
    line-height: 24px;
    text-align: right;
    z-index: 1
}

[data-page=seoLocation] .projects__cardTag span {
    color: #082B50;
    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: .2s;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
        animation-name: stickyMenuIntroAnimation;
        animation-timing-function: cubic-bezier(.19, 1, .22, 1);
        background-color: #fff;
        box-shadow: 0 4px 28px rgba(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: -.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
}

[data-page=specifications] .specifications__list .specification:nth-child(4n+2)>.specification__title svg path {
    fill: #f05862
}

[data-page=specifications] .specifications__list .specification:nth-child(4n+3)>.specification__title svg path {
    fill: #ecb224
}

[data-page=specifications] .specifications__list .specification:nth-child(4n+4)>.specification__title svg path {
    fill: #00a38b
}

[data-page=specifications] .specifications__list .specification:nth-child(4n+1)>.specification__title svg g>rect {
    fill: #d490a0
}

[data-page=specifications] .specifications__list .specification:nth-child(4n+2)>.specification__title svg g>rect {
    fill: #f05862
}

[data-page=specifications] .specifications__list .specification:nth-child(4n+3)>.specification__title svg g>rect {
    fill: #ecb224
}

[data-page=specifications] .specifications__list .specification:nth-child(4n+4)>.specification__title svg g>rect {
    fill: #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, .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 .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: -.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=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: -.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: -.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: #082B50;
    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__video {
    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__videoWrapper {
    height: calc(var(--viewportHeight));
    overflow: hidden;
    position: sticky;
    top: 0;
    width: var(--viewportWidth)
}

[data-page=commercialProject] .banner__video {
    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%, .3);
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

[data-page=commercialProject] .banner__scrollButtonScrollbarFg {
    animation: animateScrollLine 2s cubic-bezier(.86, 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: -.04em;
    line-height: 87px;
    opacity: .2;
    text-align: center;
    text-transform: capitalize;
    transition: opacity .3s cubic-bezier(.39, .575, .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: .2s;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
        animation-name: stickyMenuIntroAnimation;
        animation-timing-function: cubic-bezier(.19, 1, .22, 1);
        background-color: #fff;
        box-shadow: 0 4px 28px rgba(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: -.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: -.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: -.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 .1s cubic-bezier(.25, .46, .45, .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(.165, .84, .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: .3;
    transition: opacity 1s cubic-bezier(.19, 1, .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: -.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: -.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 .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 .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, .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%, .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: -.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: -.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 .1s cubic-bezier(.25, .46, .45, .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: .3
}

[data-page=historyInside] .historyInside__cardFromYear,
[data-page=historyInside] .historyInside__cardToYear {
    color: #fff;
    font-family: Gotham-Bold;
    font-size: 64px;
    letter-spacing: -.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: -.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 .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 .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, .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%, .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: -.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, .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: -.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: .6s;
        animation-fill-mode: forwards;
        animation-name: animateArrowHorizontallyOnMouseover;
        animation-timing-function: cubic-bezier(.39, .575, .565, 1)
    }
}

[data-page=historyProject] .historyProject__nextButtonImage.is-loaded+.historyProject__nextButtonOverlay {
    opacity: 1
}

[data-page=historyProject] .historyProject__nextButtonOverlay {
    background-color: rgba(50, 51, 52, .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: -.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: 75px
}

[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: 57px
    }
}

[data-page=blog] .mainHeading {
    color: #cfcfd1;
    display: block;
    font-family: Gotham-Bold;
    font-size: 96px;
    letter-spacing: -.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;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 96px;
    margin-top: 72px;
    padding: 0
}

@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: .16s
    }
}

[data-page=blog] .blog .blogCards {
    --projectCardTranslateY: 72%;
    align-items: flex-start;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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 .5s cubic-bezier(.39, .575, .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: -.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: .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: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: .5;
    overflow: hidden
}

[data-page=blog] .moreBlogs__imageWrapper .moreBlogs__image {
    border-radius: 5px;
    height: auto;
    transition: transform .5s cubic-bezier(.39, .575, .565, 1);
    width: 100%;
    will-change: transform
}

[data-page=blog] .moreBlogs__details {
    flex: .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: .5 !important
}

[data-page=blog] .moreBlogs .blogs__btns {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: #082B50;
    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=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 .4s cubic-bezier(.19, 1, .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: -.04em;
    line-height: 64px;
    margin: 96px auto 66px;
    max-width: 868px
}

@media(max-width:1023px) {
    [data-page=blogPost] .mainHeading {
        font-size: 36px;
        letter-spacing: -.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: -.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: .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: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: .5;
    flex-basis: 50%;
    overflow: hidden
}

[data-page=blogPost] .moreBlogs__imageWrapper .moreBlogs__image {
    border-radius: 5px;
    height: auto;
    transition: transform .5s cubic-bezier(.39, .575, .565, 1);
    width: 100%;
    will-change: transform
}

[data-page=blogPost] .moreBlogs__details {
    flex: .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: .5 !important
}

[data-page=blogPost] .moreBlogs .blogs__btns {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: #082B50;
    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 .4s cubic-bezier(.19, 1, .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: #082B50;
    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: .6s;
    animation-fill-mode: forwards;
    animation-name: animatePageCardArrowOnMouseover;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-page=awards] .mainHeading {
    color: #cfcfd1;
    display: block;
    font-family: Gotham-Bold;
    font-size: 96px;
    letter-spacing: -.04em;
    line-height: 100px;
    margin: 96px auto 40px;
    max-width: 878px
}

@media(max-width:1023px) {
    [data-page=awards] .mainHeading {
        font-size: 48px;
        letter-spacing: -.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: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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 .5s cubic-bezier(.39, .575, .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: -.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: -.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: 75px
}

[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: .1s
}

@media(max-width:1023px) {
    [data-page=mediaCoverage] {
        padding-top: 57px
    }
}

[data-page=mediaCoverage] .mainHeading {
    color: #00a38b;
    display: block;
    font-family: Gotham-Bold;
    font-size: 96px;
    letter-spacing: -.04em;
    line-height: 100px;
    margin: 106px auto 0;
    max-width: 874px
}

@media(max-width:1023px) {
    [data-page=mediaCoverage] .mainHeading {
        font-size: 48px;
        letter-spacing: -.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: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: #082B50;
    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: .6s;
    animation-fill-mode: forwards;
    animation-name: animatePageCardArrowOnMouseover;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-page=mediaCoverage] .mediaLoad__btns {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: #082B50;
    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=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 .4s cubic-bezier(.19, 1, .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: 75px
}

[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] .transitionDelay100 {
    transition-delay: .1s
}

@media(max-width:1023px) {
    [data-page=pressReleases] {
        padding-top: 57px
    }
}

[data-page=pressReleases] .mainHeading {
    color: #d490a0;
    display: block;
    font-family: Gotham-Bold;
    font-size: 96px;
    letter-spacing: -.04em;
    line-height: 100px;
    margin: 106px auto 0;
    max-width: 874px
}

@media(max-width:1023px) {
    [data-page=pressReleases] .mainHeading {
        font-size: 48px;
        letter-spacing: -.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: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: 22px;
    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: #082B50;
    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: .6s;
    animation-fill-mode: forwards;
    animation-name: animatePageCardArrowOnMouseover;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-page=pressReleases] .mediaLoad__btns {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: #082B50;
    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=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 .4s cubic-bezier(.19, 1, .22, 1);
    width: 101%;
    z-index: 0
}

[data-page=pressReleases] .mediaLoad__btns .primary__btn:hover {
    background: #043f81
}

[data-page=pressReleases] .hiddenMedia {
    display: none !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: .1s
}

@media(max-width:1023px) {
    [data-page=contact] {
        padding-top: 57px
    }
}

[data-page=contact] .notes {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .565, 1);
    color: #000;
    font-size: 12px;
    letter-spacing: .03em;
    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: -.06em;
    line-height: 100px;
    margin: 96px auto 40px;
    max-width: 875px
}

@media(max-width:1023px) {
    [data-page=contact] .mainHeading {
        font-size: 48px;
        letter-spacing: -.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: -.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: .16s
    }
}

[data-page=contact] .contactUs__list .list-col3 {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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 .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 .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: #082B50;
    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: .6s;
    animation-fill-mode: forwards;
    animation-name: animatePageCardArrowOnMouseover;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-page=nriCorner] {
    padding-top: 75px
}

[data-page=nriCorner] .animateIn .introAnimElement {
    opacity: 1;
    transform: translateZ(0)
}

[data-page=nriCorner] .anim-title[observer-animation=title] .letter {
    text-transform: none
}

[data-page=nriCorner] .transitionDelay100 {
    transition-delay: .1s
}

@media(max-width:1023px) {
    [data-page=nriCorner] {
        padding-top: 57px
    }
}

[data-page=nriCorner] .mainHeading {
    color: #cfcfd1;
    display: block;
    font-family: Gotham-Bold;
    font-size: 96px;
    letter-spacing: -.06em;
    line-height: 100px;
    margin: 96px auto 40px;
    max-width: 868px
}

@media(max-width:1023px) {
    [data-page=nriCorner] .mainHeading {
        font-size: 42px;
        letter-spacing: -.06em;
        line-height: 54px;
        margin-bottom: 46px;
        margin-top: 60px
    }
}

[data-page=nriCorner] .mainHeading .-txtColor {
    color: #00a38b
}

[data-page=nriCorner] .mainHeading .heading__desc {
    color: #6f7073;
    font-family: Gotham-Book;
    font-size: 14px;
    letter-spacing: normal;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 16px
}

@media(max-width:1023px) {
    [data-page=nriCorner] .mainHeading .heading__desc {
        margin-top: 20px
    }
}

[data-page=nriCorner] .nriCorner__content {
    margin-left: calc(0px - var(--viewportSidePadding));
    margin-right: calc(0px - var(--viewportSidePadding));
    overflow: hidden;
    padding: 0;
    width: var(--viewportWidth)
}

[data-page=nriCorner] .nriCorner__content .innerBanner img.bannerImage {
    height: auto;
    width: 100vw
}

@media(max-width:1023px) {
    [data-page=nriCorner] .nriCorner__content .innerBanner img.bannerImage {
        height: 360px;
        object-fit: cover;
        object-position: 76% 0
    }
}

[data-page=nriCorner] .nriCorner__desc {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 868px
}

[data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain {
    display: block;
    max-width: 577px
}

[data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain .nri__title {
    color: #323334;
    font-family: Gotham-Medium;
    font-size: 24px;
    line-height: 22px;
    margin-top: 72px
}

@media(max-width:1023px) {
    [data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain .nri__title {
        margin-top: 60px
    }
}

[data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain .nriCorner__para {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .565, 1);
    color: #6f7073;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 24px;
    opacity: 0;
    will-change: opacity
}

@media(max-width:1023px) {
    [data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain .nriCorner__para {
        --projectCardTranslateY: 24%
    }
}

[data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain .nriCorner__para.animateNriPara {
    animation-name: fadeProjectCardIn, moveProjectCardUp
}

[data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain .nriCorner__para:last-child {
    margin-bottom: 68px
}

@media(max-width:1023px) {
    [data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain .nriCorner__para:last-child {
        margin-bottom: 60px
    }

    [data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain .nriCorner__para {
        margin-top: 24px
    }
}

[data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain .nriCorner__para .nriCorner__paraTitle {
    color: #323334;
    display: block;
    font-family: Gotham-Medium;
    font-size: 16px;
    margin-bottom: 16px
}

@media(max-width:1023px) {
    [data-page=nriCorner] .nriCorner__desc .nriCornerPara__contain .nriCorner__para .nriCorner__paraTitle {
        font-family: Gotham-Bold
    }

    [data-page=nriCorner] .nriCorner__desc {
        padding: 0 var(--viewportSidePadding)
    }
}

[data-page=disclaimer] {
    padding-top: 75px
}

[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: .1s
}

@media(max-width:1023px) {
    [data-page=disclaimer] {
        padding-top: 57px
    }
}

[data-page=disclaimer] .mainHeading {
    color: #f05862;
    display: block;
    font-family: Gotham-Bold;
    font-size: 96px;
    letter-spacing: -.06em;
    line-height: 100px;
    margin: 72px auto 16px;
    max-width: 574px;
    text-align: center
}

@media(max-width:1023px) {
    [data-page=disclaimer] .mainHeading {
        font-size: 42px;
        letter-spacing: -.06em;
        line-height: 54px;
        margin-bottom: 0;
        margin-top: 60px;
        text-align: left
    }
}

[data-page=disclaimer] .disclaimer__content {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 574px
}

[data-page=disclaimer] .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=disclaimer] .disclaimer__content .disclaimer__desc {
        font-size: 14px;
        margin-top: 16px
    }
}

[data-page=disclaimer] .disclaimer__content .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__content .subTitle {
        font-size: 20px;
        margin-top: 60px
    }
}

[data-page=disclaimer] .disclaimer__content .termsCondition_list {
    padding-left: 20px;
    position: relative
}

[data-page=disclaimer] .disclaimer__content .termsCondition_list li {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .565, 1);
    color: #6f7073;
    font-family: Gotham-Book;
    font-size: 12px;
    line-height: 22px;
    list-style: none;
    margin-bottom: 24px;
    opacity: 0;
    position: relative;
    will-change: opacity
}

@media(max-width:1023px) {
    [data-page=disclaimer] .disclaimer__content .termsCondition_list li {
        --projectCardTranslateY: 24%
    }
}

[data-page=disclaimer] .disclaimer__content .termsCondition_list li.animateList {
    animation-name: fadeProjectCardIn, moveProjectCardUp
}

@media(max-width:1023px) {
    [data-page=disclaimer] .disclaimer__content .termsCondition_list li {
        font-size: 14px;
        margin-bottom: 16px
    }
}

[data-page=disclaimer] .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=disclaimer] .disclaimer__content .termsCondition_list li:nth-child(4n+0):after {
    background-color: #d490a0
}

[data-page=disclaimer] .disclaimer__content .termsCondition_list li:nth-child(4n+1):after {
    background-color: #f05862
}

[data-page=disclaimer] .disclaimer__content .termsCondition_list li:nth-child(4n+2):after {
    background-color: #ecb224
}

[data-page=disclaimer] .disclaimer__content .termsCondition_list li:nth-child(4n+3):after {
    background-color: #00a38b
}

[data-page=disclaimer] .disclaimer__content .termsCondition_list li:last-child {
    margin-bottom: 96px
}

@media(max-width:1023px) {
    [data-page=disclaimer] .disclaimer__content .termsCondition_list li:last-child {
        margin-bottom: 60px
    }
}

[data-page=csr] {
    padding-top: 75px
}

[data-page=csr] .transitionDelay120 {
    transition-delay: .12s
}

[data-page=csr] .animateIn .introAnimElement {
    opacity: 1;
    transform: translateZ(0)
}

[data-page=csr] .anim-title[observer-animation=title] .letter {
    text-transform: none
}

@media(max-width:1023px) {
    [data-page=csr] {
        padding-top: 57px
    }
}

[data-page=csr] .readMore_btn {
    color: #082B50;
    display: inline-block;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

[data-page=csr] .readMore_btn:hover img {
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-name: animatePageCardArrowOnMouseover;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-page=csr] .mainHeading {
    display: block;
    margin: 96px auto 50px;
    max-width: 878px
}

@media(max-width:1023px) {
    [data-page=csr] .mainHeading {
        margin-bottom: 46px;
        margin-top: 60px
    }
}

[data-page=csr] .mainHeading .-txtColor {
    color: #ecb224
}

[data-page=csr] .mainHeading__title {
    color: #cfcfd1;
    font-family: Gotham-Bold;
    font-size: 96px;
    letter-spacing: -.04em;
    line-height: 100px
}

@media(max-width:1023px) {
    [data-page=csr] .mainHeading__title {
        font-size: 48px;
        letter-spacing: -.06em;
        line-height: 54px;
        margin-bottom: 0
    }
}

[data-page=csr] .mainHeading__desc {
    color: #323334;
    font-family: Gotham-Book;
    font-size: 14px;
    letter-spacing: normal;
    letter-spacing: -.02em;
    line-height: 22px;
    margin-top: 16px
}

@media(max-width:1023px) {
    [data-page=csr] .mainHeading__desc {
        font-size: 14px;
        margin-top: 20px
    }
}

[data-page=csr] .csr__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=csr] .csr__banner .innerBanner {
        margin-top: 40px
    }
}

[data-page=csr] .csr__banner .innerBanner img.bannerImage {
    display: block;
    height: auto;
    width: 100vw
}

@media(max-width:1023px) {
    [data-page=csr] .csr__banner .innerBanner img.bannerImage {
        height: 360px;
        object-fit: cover
    }
}

[data-page=csr] .csr__list {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 96px;
    max-width: 878px
}

@media(max-width:1023px) {
    [data-page=csr] .csr__list {
        margin-top: 46px
    }
}

[data-page=csr] .csr__list .csr__Card {
    --projectCardTranslateY: 72%;
    align-items: flex-start;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .565, 1);
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    margin-bottom: 90px;
    opacity: 0;
    padding: 0;
    will-change: opacity
}

@media(max-width:1023px) {
    [data-page=csr] .csr__list .csr__Card {
        --projectCardTranslateY: 24%
    }
}

[data-page=csr] .csr__list .csr__Card.animateCsrCard {
    animation-name: fadeProjectCardIn, moveProjectCardUp
}

@media(max-width:1023px) {
    [data-page=csr] .csr__list .csr__Card {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 48px
    }
}

[data-page=csr] .csr__list .csr__Card:hover .csr__image {
    transform: scale(1.05)
}

[data-page=csr] .csr__list .csr__Card .csr__imageWrapper {
    border-radius: 0 30px 0 0;
    display: flex;
    flex-basis: 50%;
    height: 320px;
    overflow: hidden;
    width: 100%
}

[data-page=csr] .csr__list .csr__Card .csr__imageWrapper .csr__image {
    height: auto;
    object-fit: cover;
    transform-origin: center;
    transition: transform .5s cubic-bezier(.39, .575, .565, 1);
    width: 100%
}

[data-page=csr] .csr__list .csr__Card .csr__details {
    flex: 1
}

@media(max-width:1023px) {
    [data-page=csr] .csr__list .csr__Card .csr__details {
        order: 1
    }
}

[data-page=csr] .csr__list .csr__Card .csr__details .csr__title {
    color: #d490a0;
    font-family: Gotham-Bold;
    font-size: 36px;
    letter-spacing: -.06em;
    line-height: 40px
}

@media(max-width:1023px) {
    [data-page=csr] .csr__list .csr__Card .csr__details .csr__title {
        font-size: 28px;
        line-height: 30px
    }
}

[data-page=csr] .csr__list .csr__Card .csr__details .csr__subTitle {
    color: #323334;
    font-family: Gotham-Book;
    font-size: 24px;
    letter-spacing: -.04em;
    line-height: 22px;
    margin-top: 16px
}

@media(max-width:1023px) {
    [data-page=csr] .csr__list .csr__Card .csr__details .csr__subTitle {
        font-size: 20px;
        margin-top: 12px
    }
}

[data-page=csr] .csr__list .csr__Card .csr__details .csr__desc {
    color: #6f7073;
    font-family: Gotham-Book;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 22px;
    margin-top: 16px
}

@media(max-width:1023px) {
    [data-page=csr] .csr__list .csr__Card .csr__details .csr__desc {
        font-size: 12px;
        letter-spacing: normal;
        line-height: 20px;
        margin-top: 12px
    }
}

[data-page=careers] {
    padding-top: 75px
}

[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: .1s
}

@media(max-width:1023px) {
    [data-page=careers] {
        padding-top: 57px
    }
}

[data-page=careers] .mainHeading {
    display: block;
    margin: 96px auto 50px;
    max-width: 868px
}

@media(max-width:1023px) {
    [data-page=careers] .mainHeading {
        margin-bottom: 40px;
        margin-top: 60px
    }
}

[data-page=careers] .mainHeading__title {
    color: #cfcfd1;
    font-family: Gotham-Bold;
    font-size: 96px;
    letter-spacing: -.06em;
    line-height: 100px
}

@media(max-width:1023px) {
    [data-page=careers] .mainHeading__title {
        font-size: 46px;
        line-height: 54px;
        margin-bottom: 0
    }
}

[data-page=careers] .mainHeading__desc {
    color: #323334;
    font-family: Gotham-Book;
    font-size: 14px;
    letter-spacing: normal;
    letter-spacing: -.02em;
    line-height: 22px;
    margin-top: 16px
}

@media(max-width:1023px) {
    [data-page=careers] .mainHeading__desc {
        font-size: 14px;
        margin-top: 20px
    }
}

[data-page=careers] .careers__content {
    margin-left: calc(0px - var(--viewportSidePadding));
    margin-right: calc(0px - var(--viewportSidePadding));
    overflow: hidden;
    padding: 0;
    width: var(--viewportWidth)
}

[data-page=careers] .careers__content .innerBanner img.bannerImage {
    display: block;
    height: auto;
    width: 100vw
}

@media(max-width:1023px) {
    [data-page=careers] .careers__content .innerBanner img.bannerImage {
        height: 360px;
        object-fit: cover;
        object-position: 76% 0
    }
}

[data-page=careers] .careers__desc {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 868px
}

[data-page=careers] .careers__desc .careersPara__contain {
    display: block;
    max-width: 577px
}

[data-page=careers] .careers__desc .careersPara__contain .careers__para {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .565, 1);
    color: #6f7073;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 60px;
    margin-top: 60px;
    opacity: 0;
    will-change: opacity
}

@media(max-width:1023px) {
    [data-page=careers] .careers__desc .careersPara__contain .careers__para {
        --projectCardTranslateY: 24%
    }
}

[data-page=careers] .careers__desc .careersPara__contain .careers__para.animateNriPara {
    animation-name: fadeProjectCardIn, moveProjectCardUp
}

@media(max-width:1023px) {
    [data-page=careers] .careers__desc .careersPara__contain .careers__para {
        margin-top: 30px
    }

    [data-page=careers] .careers__desc {
        padding: 0 var(--viewportSidePadding)
    }
}

[data-page=careers] .txt-spreBlue {
    color: #082B50
}

[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=ourBelief] {
    padding-top: 75px
}

[data-page=ourBelief] .transitionDelay120 {
    transition-delay: .12s
}

[data-page=ourBelief] .transitionDelay80 {
    transition-delay: 80ms
}

[data-page=ourBelief] .animateIn .introAnimElement {
    opacity: 1;
    transform: translateZ(0)
}

[data-page=ourBelief] .anim-title[observer-animation=title] .letter {
    text-transform: none
}

@media(max-width:1023px) {
    [data-page=ourBelief] {
        padding-top: 57px
    }
}

[data-page=ourBelief] .readMore_btn {
    color: #082B50;
    display: inline-block;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

[data-page=ourBelief] .readMore_btn:hover img {
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-name: animatePageCardArrowOnMouseover;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-page=ourBelief] .backBtn {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .565, 1);
    color: #6f7073;
    display: inline-block;
    font-family: Gotham-Book;
    font-size: 16px;
    letter-spacing: -.06em;
    line-height: 19px;
    margin-bottom: 48px;
    opacity: 0;
    will-change: opacity
}

@media(max-width:1023px) {
    [data-page=ourBelief] .backBtn {
        --projectCardTranslateY: 24%
    }
}

[data-page=ourBelief] .backBtn.animateBackBtn {
    animation-name: fadeProjectCardIn, moveProjectCardUp
}

[data-page=ourBelief] .ourBelief__list {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    max-width: 878px
}

@media(max-width:1023px) {
    [data-page=ourBelief] .ourBelief__list {
        margin-top: 46px
    }

    [data-page=ourBelief] .ourBelief__list .back-btnSection {
        text-align: right
    }

    [data-page=ourBelief] .ourBelief__list .back-btnSection .backBtn {
        margin-bottom: 18px
    }
}

[data-page=ourBelief] .ourBelief__list .ourBelief__title {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(275.86deg, #082B50 -.3%, #0089cf 97.8%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Gotham-Bold;
    font-size: 96px;
    letter-spacing: -.06em;
    line-height: 111px;
    text-transform: capitalize
}

@media(max-width:1023px) {
    [data-page=ourBelief] .ourBelief__list .ourBelief__title {
        font-size: 48px;
        line-height: 52px;
        margin-bottom: 36px;
        text-align: center
    }
}

@media only screen and (min-device-width:768px)and (max-device-width:1024px) {
    [data-page=ourBelief] .ourBelief__list .ourBelief__title {
        font-size: 42px;
        line-height: normal
    }
}

[data-page=ourBelief] .ourBelief__list .ourBelief__Card {
    --projectCardTranslateY: 72%;
    align-items: flex-start;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .565, 1);
    display: flex;
    gap: 92px;
    margin-bottom: 90px;
    opacity: 0;
    padding: 0;
    will-change: opacity
}

@media(max-width:1023px) {
    [data-page=ourBelief] .ourBelief__list .ourBelief__Card {
        --projectCardTranslateY: 24%
    }
}

[data-page=ourBelief] .ourBelief__list .ourBelief__Card.animateourBeliefCard {
    animation-name: fadeProjectCardIn, moveProjectCardUp
}

@media(max-width:1023px) {
    [data-page=ourBelief] .ourBelief__list .ourBelief__Card {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 48px
    }
}

@media only screen and (min-device-width:768px)and (max-device-width:1024px) {
    [data-page=ourBelief] .ourBelief__list .ourBelief__Card {
        flex-direction: row-reverse;
        gap: 92px
    }
}

@media only screen and (min-device-width:1024px)and (max-device-width:1366px) {
    [data-page=ourBelief] .ourBelief__list .ourBelief__Card {
        flex-direction: row
    }
}

[data-page=ourBelief] .ourBelief__list .ourBelief__Card:hover .ourBelief__image {
    transform: scale(1.05)
}

[data-page=ourBelief] .ourBelief__list .ourBelief__Card .ourBelief__details {
    flex: .6;
    width: 66.66666667%
}

@media(max-width:1023px) {
    [data-page=ourBelief] .ourBelief__list .ourBelief__Card .ourBelief__details {
        flex: 1;
        order: 1;
        width: 100%
    }
}

[data-page=ourBelief] .ourBelief__list .ourBelief__Card .ourBelief__details .ourBelief__desc {
    color: #6f7073;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 22px;
    margin-top: 40px
}

@media(max-width:1023px) {
    [data-page=ourBelief] .ourBelief__list .ourBelief__Card .ourBelief__details .ourBelief__desc {
        font-size: 12px;
        letter-spacing: normal;
        line-height: 20px;
        margin-top: 12px
    }
}

[data-page=ourBelief] .ourBelief__list .ourBelief__Card .ourBelief__imageWrapper {
    border-radius: 0 30px 0 0;
    display: flex;
    flex: .4;
    overflow: hidden;
    position: sticky;
    top: 100px;
    width: 33.33333333%
}

@media(max-width:1023px) {
    [data-page=ourBelief] .ourBelief__list .ourBelief__Card .ourBelief__imageWrapper {
        flex: 1;
        position: relative;
        top: 0;
        width: 100%
    }
}

[data-page=ourBelief] .ourBelief__list .ourBelief__Card .ourBelief__imageWrapper .ourBelief__image {
    height: auto;
    object-fit: cover;
    transform-origin: center;
    transition: transform .5s cubic-bezier(.39, .575, .565, 1);
    width: 100%
}

.txt-charmPink {
    color: #d490a0 !important
}

.txt-magicPotion {
    color: #f05862 !important
}

.txt-spanishYellow {
    color: #ecb224 !important
}

.txt-persianGreen {
    color: #00a38b !important
}

.txt-SPRE-lightBlue {
    color: #0089cf !important
}

[data-page=aboutUs] {
    padding-top: 75px
}

[data-page=aboutUs] .transitionDelay80 {
    transition-delay: .08s
}

[data-page=aboutUs] .transitionDelay120 {
    transition-delay: .12s
}

[data-page=aboutUs] .transitionDelay160 {
    transition-delay: .16s
}

[data-page=aboutUs] .animateIn .introAnimElement {
    opacity: 1;
    transform: translateZ(0)
}

[data-page=aboutUs] .anim-title[observer-animation=title] .letter {
    text-transform: none
}

@media(max-width:1023px) {
    [data-page=aboutUs] {
        padding-top: 57px
    }
}

[data-page=aboutUs] .readMore_btn {
    color: #082B50;
    display: inline-block;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 22px;
    margin-top: 24px;
    text-transform: capitalize
}

[data-page=aboutUs] .readMore_btn img {
    display: inline-block
}

[data-page=aboutUs] .readMore_btn:hover {
    opacity: .8
}

[data-page=aboutUs] .readMore_btn:hover img {
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-name: animatePageCardArrowOnMouseover;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-page=aboutUs] .--rounded-brd {
    background: transparent;
    border: 1px solid #cfcfd1;
    border-radius: 54px;
    color: #fff;
    padding: 8px 16px;
    position: relative
}

[data-page=aboutUs] .--rounded-brd img {
    filter: brightness(0) invert(1);
    padding-left: 10px
}

[data-page=aboutUs] .txt-c {
    text-align: center !important
}

[data-page=aboutUs] .button__wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 24px
}

[data-page=aboutUs] .button__wrapper>*+* {
    margin-left: 16px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .button__wrapper>*+* {
        margin-left: 8px
    }
}

[data-page=aboutUs] .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=aboutUs] .button__wrapper .ourBelief__btn {
        padding: 8px 12px
    }
}

[data-page=aboutUs] .button__wrapper .ourBelief__btn span {
    color: #6f7073
}

[data-page=aboutUs] .button__wrapper .ourBelief__btn:before {
    background: #6f7073;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 1px;
    transform: translate3d(0, 100%, 0);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1);
    width: 101%;
    z-index: 0
}

[data-page=aboutUs] .button__wrapper .ourBelief__btn:hover {
    border-color: #8c8c8c
}

[data-page=aboutUs] .button__wrapper .ourBelief__btn:hover span {
    color: #4a4a4a !important
}

[data-page=aboutUs] .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=aboutUs] .button__wrapper .watchBrandFilm__btn {
        padding: 8px 12px
    }
}

[data-page=aboutUs] .button__wrapper .watchBrandFilm__btn img {
    display: inline-block
}

[data-page=aboutUs] .button__wrapper .watchBrandFilm__btn span {
    color: #6f7073;
    margin-left: 7px
}

[data-page=aboutUs] .button__wrapper .watchBrandFilm__btn:hover img {
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-name: animatePageCardArrowOnMouseover;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-page=aboutUs] .button__wrapper .watchBrandFilm__btn:hover {
    border-color: #8c8c8c
}

[data-page=aboutUs] .button__wrapper .watchBrandFilm__btn:hover span {
    color: #4a4a4a !important
}

@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=aboutUs] .mainHeading {
    display: block;
    margin: 120px auto 80px;
    max-width: 990px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .mainHeading {
        margin-bottom: 46px;
        margin-top: 60px;
        text-align: center
    }
}

[data-page=aboutUs] .mainHeading .-txtColor {
    color: #ecb224
}

[data-page=aboutUs] .mainHeading__title {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(275.86deg, #082B50 -.3%, #0089cf 97.8%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Gotham-Bold;
    font-size: 96px;
    letter-spacing: -.06em;
    line-height: 111px;
    text-transform: capitalize
}

@media(max-width:1023px) {
    [data-page=aboutUs] .mainHeading__title {
        font-size: 48px;
        letter-spacing: -.06em;
        line-height: 54px;
        margin-bottom: 0
    }
}

[data-page=aboutUs] .mainHeading__desc {
    color: #323334;
    font-family: Gotham-Book;
    font-size: 14px;
    letter-spacing: normal;
    letter-spacing: -.02em;
    line-height: 22px;
    margin-top: 16px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .mainHeading__desc {
        font-size: 14px;
        margin-top: 20px
    }
}

[data-page=aboutUs] .aboutUs__banner {
    margin-bottom: 43px
}

[data-page=aboutUs] .aboutUs__banner .innerBanner {
    display: flex;
    justify-content: space-between;
    list-style: none
}

[data-page=aboutUs] .aboutUs__banner .innerBanner>*+* {
    margin-left: 15px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .aboutUs__banner .innerBanner {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        scrollbar-width: none
    }

    [data-page=aboutUs] .aboutUs__banner .innerBanner::-webkit-scrollbar {
        display: none
    }
}

[data-page=aboutUs] .aboutUs__banner .innerBanner li {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .565, 1);
    border-radius: 0 30px 0 0;
    display: inline-block;
    opacity: 0;
    will-change: opacity
}

@media(max-width:1023px) {
    [data-page=aboutUs] .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=aboutUs] .aboutUs__banner .innerBanner li.animateBannerCardIn {
    animation-name: fadeProjectCardIn, moveProjectCardUp
}

[data-page=aboutUs] .aboutUs__banner .innerBanner li .rndCorner {
    border-radius: 0 30px 0 0;
    overflow: hidden;
    position: relative
}

[data-page=aboutUs] .aboutUs__banner .innerBanner li .rndCorner:hover img {
    transform: scale(1.05)
}

[data-page=aboutUs] .aboutUs__banner .innerBanner li .rndCorner img {
    border-radius: 0 30px 0 0;
    height: auto;
    overflow: hidden;
    transition: transform .5s cubic-bezier(.39, .575, .565, 1);
    width: 100%;
    will-change: transform
}

@media(max-width:1023px) {
    [data-page=aboutUs] .aboutUs__banner .innerBanner li .rndCorner img {
        height: auto;
        width: auto
    }
}

[data-page=aboutUs] .aboutUs__banner .innerBanner li .rndCorner.video-section {
    position: relative
}

[data-page=aboutUs] .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=aboutUs] .aboutUs__banner .innerBanner li:first-child {
    animation-delay: .05s;
    margin-top: 0
}

[data-page=aboutUs] .aboutUs__banner .innerBanner li:nth-child(2) {
    animation-delay: .1s;
    margin-top: 45px
}

[data-page=aboutUs] .aboutUs__banner .innerBanner li:nth-child(3) {
    animation-delay: .15s;
    margin-top: 116px
}

[data-page=aboutUs] .aboutUs__banner .innerBanner li:nth-child(4) {
    animation-delay: .2s;
    margin-top: -10px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .aboutUs__banner .innerBanner li:first-child {
        margin-top: 0
    }

    [data-page=aboutUs] .aboutUs__banner .innerBanner li:nth-child(2) {
        margin-top: 20px
    }

    [data-page=aboutUs] .aboutUs__banner .innerBanner li:nth-child(3) {
        margin-top: 40px
    }

    [data-page=aboutUs] .aboutUs__banner .innerBanner li:nth-child(4) {
        margin-top: 0
    }

    [data-page=aboutUs] .aboutUs__banner .innerBanner {
        margin-top: 40px
    }
}

[data-page=aboutUs] .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=aboutUs] .stroke__title {
        margin-bottom: 36px
    }
}

[data-page=aboutUs] .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: -.06em;
    line-height: 142px;
    opacity: .4
}

@media(max-width:1023px) {
    [data-page=aboutUs] .stroke__title p {
        font-size: 96px;
        line-height: 106px
    }
}

[data-page=aboutUs] .stroke__title p.strk-magicP {
    -webkit-text-stroke-color: #f05862
}

[data-page=aboutUs] .stroke__title p.strk-magicP .c-bullets {
    border-color: #f05862
}

[data-page=aboutUs] .stroke__title p.strk-spanishY {
    -webkit-text-stroke-color: #ecb224
}

[data-page=aboutUs] .stroke__title p.strk-spanishY .c-bullets {
    border-color: #ecb224
}

[data-page=aboutUs] .stroke__title p.strk-persianG {
    -webkit-text-stroke-color: #00a38b
}

[data-page=aboutUs] .stroke__title p.strk-persianG span {
    animation-duration: 60s
}

[data-page=aboutUs] .stroke__title p.strk-persianG .c-bullets {
    border-color: #00a38b
}

[data-page=aboutUs] .stroke__title p.strk-LightBlue {
    -webkit-text-stroke-color: #0089cf
}

[data-page=aboutUs] .stroke__title p.strk-LightBlue .c-bullets {
    border-color: #0089cf
}

[data-page=aboutUs] .stroke__title i.c-bullets {
    border: 2px solid #d490a0;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    opacity: .4;
    width: 24px
}

[data-page=aboutUs] .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=aboutUs] .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=aboutUs] .aboutUs {
    display: block;
    margin-bottom: 90px;
    margin-left: auto;
    margin-right: auto;
    max-width: 874px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .aboutUs {
        margin-bottom: 60px
    }

    [data-page=aboutUs] .aboutUs .readMore_btn {
        display: flex;
        margin-top: 16px
    }

    [data-page=aboutUs] .aboutUs .readMore_btn img {
        object-fit: contain
    }
}

[data-page=aboutUs] .aboutUs__section {
    align-items: flex-start;
    display: flex;
    gap: 16px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .aboutUs__section {
        display: block
    }
}

[data-page=aboutUs] .aboutUs__title {
    color: #d490a0;
    flex: .5;
    font-family: Gotham-Medium;
    font-size: 48px;
    letter-spacing: -.06em;
    line-height: 53px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .aboutUs__title {
        font-family: Gotham-Bold;
        font-size: 28px;
        line-height: 31px;
        margin-bottom: 24px
    }
}

[data-page=aboutUs] .aboutUs__desc {
    color: #323334;
    flex: .5;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 22px
}

[data-page=aboutUs] .aboutUs .home__dots {
    display: flex;
    justify-content: flex-start
}

[data-page=aboutUs] .aboutUs .home__dots>:not(:first-child) {
    margin-left: 12.7px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .aboutUs .home__dots>:not(:first-child) {
        margin-left: 6px
    }
}

[data-page=aboutUs] .aboutUs .home__dots .home__dot {
    --projectCardTranslateY: 72%;
    animation-duration: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .565, 1);
    border-radius: 50%;
    height: 61px;
    opacity: 0;
    width: 61px;
    will-change: opacity
}

@media(max-width:1023px) {
    [data-page=aboutUs] .aboutUs .home__dots .home__dot {
        --projectCardTranslateY: 24%;
        height: 40px;
        width: 40px
    }
}

[data-page=aboutUs] .aboutUs .home__dots .home__dot.animateBannerCardIn {
    animation-name: fadeProjectCardIn, moveProjectCardUp
}

[data-page=aboutUs] .aboutUs .home__dots .home__dot:first-child {
    animation-delay: .05s;
    transition: opacity .05s
}

[data-page=aboutUs] .aboutUs .home__dots .home__dot:nth-child(2) {
    animation-delay: .15s;
    transition: opacity .15s
}

[data-page=aboutUs] .aboutUs .home__dots .home__dot:nth-child(3) {
    animation-delay: .2s;
    transition: opacity .2s
}

[data-page=aboutUs] .aboutUs .home__dots .home__dot:nth-child(4) {
    animation-delay: .3s;
    transition: opacity .3s
}

[data-page=aboutUs] .ourInitiatives__banner {
    position: relative
}

[data-page=aboutUs] .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=aboutUs] .ourInitiatives__banner .fullwidthBanner {
        margin-top: 40px
    }
}

[data-page=aboutUs] .ourInitiatives__banner .fullwidthBanner img.bannerImage {
    display: block;
    height: auto;
    width: 100vw
}

@media(max-width:1023px) {
    [data-page=aboutUs] .ourInitiatives__banner .fullwidthBanner img.bannerImage {
        object-fit: cover;
        object-position: 40% 0
    }
}

[data-page=aboutUs] .ourInitiatives__banner .overlayCard {
    left: 50%;
    max-width: 429px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width:1023px) {
    [data-page=aboutUs] .ourInitiatives__banner .overlayCard {
        left: 50%;
        position: absolute;
        right: 50%;
        text-align: center;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%
    }
}

[data-page=aboutUs] .ourInitiatives__banner .overlayCard__title {
    color: #ecb224;
    font-family: Gotham-Book;
    font-size: 48px;
    letter-spacing: -.06em;
    line-height: 52px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .ourInitiatives__banner .overlayCard__title {
        font-family: Gotham-Medium !important;
        font-size: 32px !important;
        line-height: 35px !important
    }
}

[data-page=aboutUs] .ourInitiatives__banner .overlayCard__desc {
    color: #fff;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 22px;
    margin-top: 24px
}

[data-page=aboutUs] .management {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 990px;
    padding-bottom: 86px;
    padding-top: 96px
}

[data-page=aboutUs] .management .anim-splitText .word,
[data-page=aboutUs] .management .anim-title[observer-animation=title] .word {
    padding-right: 10px
}

[data-page=aboutUs] .management__title {
    color: #cfcfd1;
    font-family: Gotham-Bold;
    font-size: 64px;
    letter-spacing: -.06em;
    line-height: 75px;
    margin-bottom: 48px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .management__title {
        font-size: 48px;
        letter-spacing: -.06em;
        line-height: 54px;
        margin-bottom: 0
    }
}

[data-page=aboutUs] .management__contain {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

@media(max-width:1023px) {
    [data-page=aboutUs] .management__contain {
        display: block
    }
}

[data-page=aboutUs] .management__contain .cg-col-3:nth-child(2) ul li:first-child .management__card {
    padding-top: 0
}

[data-page=aboutUs] .management__contain .cg-col-3:nth-child(3) ul li:first-child .management__card {
    padding-top: 112px
}

[data-page=aboutUs] .management__contain .cg-col-3:nth-child(3) .management__card {
    padding-top: 72px
}

[data-page=aboutUs] .management__contain .cg-col-3 {
    flex: 33.33%;
    max-width: 33.33%
}

@media(max-width:1023px) {
    [data-page=aboutUs] .management__contain .cg-col-3 {
        flex: 100%;
        max-width: 100%
    }
}

[data-page=aboutUs] .management__contain ul li {
    list-style: none
}

[data-page=aboutUs] .management__card {
    padding-top: 72px
}

[data-page=aboutUs] .management__card .heads__Image {
    border-radius: 0 30px 0 0;
    height: 200px;
    width: 180px
}

[data-page=aboutUs] .management__card .heads__Image:hover {
    cursor: pointer
}

[data-page=aboutUs] .management__card figcaption {
    max-width: 180px
}

[data-page=aboutUs] .management__card figcaption:hover {
    cursor: pointer
}

[data-page=aboutUs] .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=aboutUs] .management__card figcaption .heads__desc {
    color: #6f7073;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 16px;
    margin-top: 8px
}

[data-page=aboutUs] .management .is-desk {
    display: flex
}

[data-page=aboutUs] .management .is-mbl {
    display: none
}

@media(max-width:1023px) {
    [data-page=aboutUs] .management {
        padding-bottom: 30px;
        padding-top: 72px
    }

    [data-page=aboutUs] .management .is-desk {
        display: none
    }

    [data-page=aboutUs] .management .is-mbl {
        display: block
    }

    [data-page=aboutUs] .management .management__wrapper {
        margin-top: 50px
    }

    [data-page=aboutUs] .management .management__wrapper ul.mbl-wrapper {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin-left: calc(0px - var(--viewportSidePadding));
        margin-right: calc(0px - var(--viewportSidePadding));
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: var(--viewportSidePadding);
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        width: var(--viewportWidth)
    }

    [data-page=aboutUs] .management .management__wrapper ul.mbl-wrapper::-webkit-scrollbar {
        display: none
    }

    [data-page=aboutUs] .management .management__wrapper ul.mbl-wrapper>*+* {
        margin-left: 28px
    }

    [data-page=aboutUs] .management .management__wrapper ul.mbl-wrapper li {
        scroll-snap-align: start
    }

    [data-page=aboutUs] .management .management__wrapper ul.mbl-wrapper li:first-child {
        padding-left: var(--viewportSidePadding)
    }

    [data-page=aboutUs] .management .management__wrapper ul.mbl-wrapper li .management__card {
        padding-top: 0
    }

    [data-page=aboutUs] .management .management__wrapper ul.mbl-wrapper li .management__card .heads__name {
        font-size: 16px;
        line-height: 17.23px
    }

    [data-page=aboutUs] .management .management__wrapper ul.mbl-wrapper li .management__card .heads__desc {
        font-size: 12px;
        line-height: 13px;
        margin-top: 6px
    }
}

[data-page=aboutUs] .management.-centerContent {
    max-width: 100%
}

[data-page=aboutUs] .management.-centerContent .management__title {
    margin-bottom: 60px;
    text-align: center
}

[data-page=aboutUs] .management.-centerContent .management__contain {
    flex-direction: column;
    gap: 60px
}

[data-page=aboutUs] .management.-centerContent .management__contain .cg-col-3 {
    display: flex;
    justify-content: center;
    max-width: 100%
}

[data-page=aboutUs] .management.-centerContent .management__contain .cg-col-3 ul {
    display: flex;
    flex-direction: row;
    gap: 85px
}

[data-page=aboutUs] .management.-centerContent .management__contain .cg-col-3 ul li .management__card {
    padding-top: 0
}

[data-page=aboutUs] .-excellenceFullwithBanner .overlayCard__title {
    color: #fff;
    font-family: Gotham-Book;
    font-size: 48px;
    letter-spacing: -.06em;
    line-height: 52px
}

[data-page=aboutUs] .modal {
    align-items: center;
    backdrop-filter: blur(10px);
    background: rgba(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 .35s ease-in;
    visibility: hidden
}

[data-page=aboutUs] .modal.is-visible {
    display: flex;
    opacity: 1;
    visibility: visible;
    z-index: 999999
}

[data-page=aboutUs] .modal-dialog {
    border-radius: 5px;
    cursor: default;
    height: max-content;
    overflow: auto;
    position: relative;
    width: 60%
}

@media(max-width:1023px) {
    [data-page=aboutUs] .modal-dialog {
        max-width: 450px;
        width: 95%
    }
}

[data-page=aboutUs] .modal-content {
    padding: 0
}

[data-page=aboutUs] .modal-header {
    align-items: center;
    display: flex;
    justify-content: end;
    padding: 0
}

[data-page=aboutUs] .modal .close-modal {
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 50px;
    top: 50px
}

@media(max-width:1023px) {
    [data-page=aboutUs] .modal .close-modal {
        right: 30px;
        top: 30px
    }
}

[data-page=aboutUs] .modal p+p {
    margin-top: 1rem
}

[data-page=aboutUs] .fadeIn-dur400 {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    opacity: 0
}

[data-page=aboutUs] #video {
    background-color: #000
}

[data-page=aboutUs] #video-wrapper:hover .video-controls {
    opacity: 1;
    visibility: visible
}

[data-page=aboutUs] #seek {
    opacity: 0;
    width: 100%
}

[data-page=aboutUs] .video-controls {
    opacity: 0;
    visibility: hidden
}

[data-page=aboutUs] .video-controls .controls-justify {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

[data-page=aboutUs] .video-controls.d-n {
    display: none
}

[data-page=aboutUs] #video-fullscreen {
    height: 0;
    max-height: 20px;
    max-width: 20px;
    overflow: hidden;
    position: absolute;
    width: 0
}

[data-page=aboutUs] #progress-bar {
    background-color: hsla(0, 0%, 100%, .3);
    bottom: 40px;
    height: 5px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 100%
}

[data-page=aboutUs] #progress {
    background-color: #116dd0;
    bottom: 40px;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

[data-page=aboutUs] #volume {
    background-color: hsla(0, 0%, 100%, .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%;
    height: 50px;
    margin-left: 30px;
    width: 50px
}

[data-page=aboutUs] #volume.mute {
    background-image: url(../assets/common/vectors/icon_mute.svg);
    background-position: calc(50% + 3px) 50%;
    background-size: auto 19px
}

[data-page=aboutUs] #playpause {
    background-color: hsla(0, 0%, 100%, .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%;
    height: 50px;
    width: 50px
}

[data-page=aboutUs] #playpause.pause {
    background-image: url(../assets/common/vectors/icon_playpause.svg);
    background-size: 18px 18px
}

[data-page=aboutUs] html.is-desktop #video-popup {
    padding-left: 35px
}

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(.19, 1, .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: .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
    }
}

[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: .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: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: .05s;
    transition: opacity .05s
}

[data-page=siteMap] .home__dots .home__dot:nth-child(2) {
    animation-delay: .15s;
    transition: opacity .15s
}

[data-page=siteMap] .home__dots .home__dot:nth-child(3) {
    animation-delay: .2s;
    transition: opacity .2s
}

[data-page=siteMap] .home__dots .home__dot:nth-child(4) {
    animation-delay: .3s;
    transition: opacity .3s
}

[data-page=siteMap] .home__heading {
    color: #323334;
    font-size: 36px;
    letter-spacing: -.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: .4s, .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1), cubic-bezier(.39, .575, .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: -.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: -.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: -.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: .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
    }
}

@keyframes fadeProjectCardIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes moveProjectCardUp {
    0% {
        transform: translate3d(0, var(--projectCardTranslateY), 0)
    }

    to {
        transform: translateZ(0)
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.c-footer .company-name p {
    color: #fbf9f7 !important;
    font-size: 12px !important;
}

.c-footer .company-name a {
    color: #fff;
    font-size: 12px !important;
}