html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    vertical-align: baseline;
    display: inline-block
}

audio:not([controls]) {
    height: 0;
    display: none
}

[hidden],
template {
    display: none
}

a {
    background-color: #0000
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
    font-weight: 400;
    font-style: normal
}

[class^=w-icon-],
[class*=\ w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons !important
}

.w-icon-slider-right:before {
    content: ""
}

.w-icon-slider-left:before {
    content: ""
}

.w-icon-nav-menu:before {
    content: ""
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
    content: ""
}

.w-icon-file-upload-remove:before {
    content: ""
}

.w-icon-file-upload-icon:before {
    content: ""
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block
}

html.w-mod-touch * {
    background-attachment: scroll !important
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-clearfix:before,
.w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}

input.w-button {
    -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
    color: #0000 !important
}

.w-code-block {
    margin: unset
}

pre.w-code-block code {
    all: inherit
}

.w-optimization {
    display: contents
}

.w-webflow-badge,
.w-webflow-badge>img {
    box-sizing: unset;
    width: unset;
    height: unset;
    max-height: unset;
    max-width: unset;
    min-height: unset;
    min-width: unset;
    margin: unset;
    padding: unset;
    float: unset;
    clear: unset;
    border: unset;
    border-radius: unset;
    background: unset;
    background-image: unset;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-origin: unset;
    background-clip: unset;
    background-attachment: unset;
    background-color: unset;
    box-shadow: unset;
    transform: unset;
    direction: unset;
    font-family: unset;
    font-weight: unset;
    color: unset;
    font-size: unset;
    line-height: unset;
    font-style: unset;
    font-variant: unset;
    text-align: unset;
    letter-spacing: unset;
    -webkit-text-decoration: unset;
    text-decoration: unset;
    text-indent: unset;
    text-transform: unset;
    list-style-type: unset;
    text-shadow: unset;
    vertical-align: unset;
    cursor: unset;
    white-space: unset;
    word-break: unset;
    word-spacing: unset;
    word-wrap: unset;
    transition: unset
}

.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    overflow: unset !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    inset: auto 12px 12px auto !important;
    transform: none !important
}

.w-webflow-badge>img {
    position: unset;
    visibility: unset !important;
    opacity: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px
}

h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px
}

h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

blockquote {
    border-left: 5px solid #e2e2e2;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px
}

figure {
    margin: 0 0 10px
}

figcaption {
    text-align: center;
    margin-top: 5px
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

.w-embed:before,
.w-embed:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-embed:after {
    clear: both
}

.w-video {
    width: 100%;
    padding: 0;
    position: relative
}

.w-video iframe,
.w-video object,
.w-video embed {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

button,
[type=button],
[type=reset] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0
}

.w-form {
    margin: 0 0 15px
}

.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none
}

.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none
}

label {
    margin-bottom: 5px;
    font-weight: 700;
    display: block
}

.w-input,
.w-select {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block
}

.w-input::placeholder,
.w-select::placeholder {
    color: #999
}

.w-input:focus,
.w-select:focus {
    border-color: #3898ec;
    outline: 0
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
    cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
    background-color: #eee
}

textarea.w-input,
textarea.w-select {
    height: auto
}

.w-select {
    background-color: #f3f3f3
}

.w-select[multiple] {
    height: auto
}

.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block
}

.w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}

.w-radio:before,
.w-radio:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-radio:after {
    clear: both
}

.w-radio-input {
    float: left;
    margin: 3px 0 0 -20px;
    line-height: normal
}

.w-file-upload {
    margin-bottom: 10px;
    display: block
}

.w-file-upload-input {
    opacity: 0;
    z-index: -100;
    width: .1px;
    height: .1px;
    position: absolute;
    overflow: hidden
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
    color: #333;
    display: inline-block
}

.w-file-upload-error {
    margin-top: 10px;
    display: block
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
    display: none
}

.w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

.w-file-upload-file {
    background-color: #fafafa;
    border: 1px solid #ccc;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    display: flex
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: 400;
    display: block
}

.w-file-remove-link {
    cursor: pointer;
    width: auto;
    height: auto;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block
}

.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px
}

.w-file-upload-error-msg {
    color: #ea384c;
    padding: 2px 0;
    display: inline-block
}

.w-file-upload-info {
    padding: 0 12px;
    line-height: 38px;
    display: inline-block
}

.w-file-upload-label {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block
}

.w-icon-file-upload-uploading {
    height: 20px
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.w-container:before,
.w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-container:after {
    clear: both
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px
}

.w-row:before,
.w-row:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-row:after {
    clear: both
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}

.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.w-col .w-col {
    padding-left: 0;
    padding-right: 0
}

.w-col-1 {
    width: 8.33333%
}

.w-col-2 {
    width: 16.6667%
}

.w-col-3 {
    width: 25%
}

.w-col-4 {
    width: 33.3333%
}

.w-col-5 {
    width: 41.6667%
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.3333%
}

.w-col-8 {
    width: 66.6667%
}

.w-col-9 {
    width: 75%
}

.w-col-10 {
    width: 83.3333%
}

.w-col-11 {
    width: 91.6667%
}

.w-col-12 {
    width: 100%
}

.w-hidden-main {
    display: none !important
}

@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px
    }

    .w-hidden-main {
        display: inherit !important
    }

    .w-hidden-medium {
        display: none !important
    }

    .w-col-medium-1 {
        width: 8.33333%
    }

    .w-col-medium-2 {
        width: 16.6667%
    }

    .w-col-medium-3 {
        width: 25%
    }

    .w-col-medium-4 {
        width: 33.3333%
    }

    .w-col-medium-5 {
        width: 41.6667%
    }

    .w-col-medium-6 {
        width: 50%
    }

    .w-col-medium-7 {
        width: 58.3333%
    }

    .w-col-medium-8 {
        width: 66.6667%
    }

    .w-col-medium-9 {
        width: 75%
    }

    .w-col-medium-10 {
        width: 83.3333%
    }

    .w-col-medium-11 {
        width: 91.6667%
    }

    .w-col-medium-12 {
        width: 100%
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto
    }
}

@media screen and (max-width:767px) {

    .w-hidden-main,
    .w-hidden-medium {
        display: inherit !important
    }

    .w-hidden-small {
        display: none !important
    }

    .w-row,
    .w-container .w-row {
        margin-left: 0;
        margin-right: 0
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }

    .w-col-small-1 {
        width: 8.33333%
    }

    .w-col-small-2 {
        width: 16.6667%
    }

    .w-col-small-3 {
        width: 25%
    }

    .w-col-small-4 {
        width: 33.3333%
    }

    .w-col-small-5 {
        width: 41.6667%
    }

    .w-col-small-6 {
        width: 50%
    }

    .w-col-small-7 {
        width: 58.3333%
    }

    .w-col-small-8 {
        width: 66.6667%
    }

    .w-col-small-9 {
        width: 75%
    }

    .w-col-small-10 {
        width: 83.3333%
    }

    .w-col-small-11 {
        width: 91.6667%
    }

    .w-col-small-12 {
        width: 100%
    }
}

@media screen and (max-width:479px) {
    .w-container {
        max-width: none
    }

    .w-hidden-main,
    .w-hidden-medium,
    .w-hidden-small {
        display: inherit !important
    }

    .w-hidden-tiny {
        display: none !important
    }

    .w-col {
        width: 100%
    }

    .w-col-tiny-1 {
        width: 8.33333%
    }

    .w-col-tiny-2 {
        width: 16.6667%
    }

    .w-col-tiny-3 {
        width: 25%
    }

    .w-col-tiny-4 {
        width: 33.3333%
    }

    .w-col-tiny-5 {
        width: 41.6667%
    }

    .w-col-tiny-6 {
        width: 50%
    }

    .w-col-tiny-7 {
        width: 58.3333%
    }

    .w-col-tiny-8 {
        width: 66.6667%
    }

    .w-col-tiny-9 {
        width: 75%
    }

    .w-col-tiny-10 {
        width: 83.3333%
    }

    .w-col-tiny-11 {
        width: 91.6667%
    }

    .w-col-tiny-12 {
        width: 100%
    }
}

.w-widget {
    position: relative
}

.w-widget-map {
    width: 100%;
    height: 400px
}

.w-widget-map label {
    width: auto;
    display: inline
}

.w-widget-map img {
    max-width: inherit
}

.w-widget-map .gm-style-iw {
    text-align: center
}

.w-widget-map .gm-style-iw>button {
    display: none !important
}

.w-widget-twitter {
    overflow: hidden
}

.w-widget-twitter-count-shim {
    vertical-align: top;
    text-align: center;
    background: #fff;
    border: 1px solid #758696;
    border-radius: 3px;
    width: 28px;
    height: 20px;
    display: inline-block;
    position: relative
}

.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: #999;
    font-family: serif;
    font-size: 15px;
    line-height: 12px;
    position: relative
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative
}

.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: #75869600 #5d6c7b #75869600 #75869600;
    margin-top: -4px;
    margin-left: -9px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: #fff0 #fff #fff0 #fff0;
    margin-top: -4px;
    margin-left: -8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px
}

.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b #75869600 #75869600;
    margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff #fff0 #fff0;
    margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px
}

.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden
}

.w-background-video>video {
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
}

.w-background-video--control {
    background-color: #0000;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em
}

.w-background-video--control>[hidden] {
    display: none !important
}

.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    background: #ddd;
    height: 300px;
    position: relative
}

.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    inset: auto 0 0
}

.w-slider-nav.w-round>div {
    border-radius: 100%
}

.w-slider-nav.w-num>div {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    padding: .2em .5em
}

.w-slider-nav.w-shadow>div {
    box-shadow: 0 0 3px #3336
}

.w-slider-nav-invert {
    color: #fff
}

.w-slider-nav-invert>div {
    background-color: #2226
}

.w-slider-nav-invert>div.w-active {
    background-color: #222
}

.w-slider-dot {
    cursor: pointer;
    background-color: #fff6;
    width: 1em;
    height: 1em;
    margin: 0 3px .5em;
    transition: background-color .1s, color .1s;
    display: inline-block;
    position: relative
}

.w-slider-dot.w-active {
    background-color: #fff
}

.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
    box-shadow: none
}

.w-slider-arrow-left,
.w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
    position: absolute
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
    outline: 0
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    inset: 0
}

.w-slider-aria-label {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.w-slider-force-show {
    display: block !important
}

.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block
}

.w-dropdown-toggle:focus {
    outline: 0
}

.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute
}

.w-dropdown-list.w--open {
    display: block
}

.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block
}

.w-dropdown-link.w--current {
    color: #0082f3
}

.w-dropdown-link:focus {
    outline: 0
}

@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}

.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: #000000e6;
    outline: 0;
    font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    inset: 0;
    -webkit-transform: translate(0)
}

.w-lightbox-backdrop,
.w-lightbox-container {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto
}

.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.w-lightbox-view {
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: absolute
}

.w-lightbox-view:before {
    content: "";
    height: 100vh
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
    height: 86vh
}

.w-lightbox-frame,
.w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block
}

.w-lightbox-figure {
    margin: 0;
    position: relative
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer
}

.w-lightbox-img {
    width: auto;
    max-width: none;
    height: auto
}

.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh
}

.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #0006;
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.w-lightbox-control {
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 4em;
    transition: all .3s;
    position: absolute;
    top: 0
}

.w-lightbox-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display: none;
    bottom: 0;
    left: 0
}

.w-lightbox-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display: none;
    bottom: 0;
    right: 0
}

.w-lightbox-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size: 18px;
    height: 2.6em;
    right: 0
}

.w-lightbox-strip {
    white-space: nowrap;
    padding: 0 1vh;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto hidden
}

.w-lightbox-item {
    box-sizing: content-box;
    cursor: pointer;
    width: 10vh;
    padding: 2vh 1vh;
    display: inline-block;
    -webkit-transform: translate(0, 0)
}

.w-lightbox-active {
    opacity: .3
}

.w-lightbox-thumbnail {
    background: #222;
    height: 10vh;
    position: relative;
    overflow: hidden
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%)
}

.w-lightbox-spinner {
    box-sizing: border-box;
    border: 5px solid #0006;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: .8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%
}

.w-lightbox-spinner:after {
    content: "";
    border: 3px solid #0000;
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    inset: -4px
}

.w-lightbox-hide {
    display: none
}

.w-lightbox-noscroll {
    overflow: hidden
}

@media (min-width:768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh
    }

    .w-lightbox-view,
    .w-lightbox-view:before {
        height: 96vh
    }

    .w-lightbox-group,
    .w-lightbox-group .w-lightbox-view,
    .w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }

    .w-lightbox-left,
    .w-lightbox-right {
        opacity: .5;
        display: block
    }

    .w-lightbox-close {
        opacity: .8
    }

    .w-lightbox-control:hover {
        opacity: 1
    }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
    opacity: 0
}

.w-richtext:before,
.w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-richtext:after {
    clear: both
}

.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
    white-space: initial
}

.w-richtext ol,
.w-richtext ul {
    overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
    content: "";
    display: none;
    position: absolute;
    inset: 0
}

.w-richtext figure {
    max-width: 60%;
    position: relative
}

.w-richtext figure>div:before {
    cursor: default !important
}

.w-richtext figure img {
    width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6
}

.w-richtext figure div {
    color: #0000;
    font-size: 0
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
    display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
    display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
    caption-side: bottom;
    display: table-caption
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
    width: 60%;
    height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
    width: 100%
}

.w-richtext figure.w-richtext-align-center {
    clear: both;
    margin-left: auto;
    margin-right: auto
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
    max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
    clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
    text-align: center;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.w-richtext figure.w-richtext-align-fullwidth>div {
    padding-bottom: inherit;
    display: inline-block
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
    display: block
}

.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px
}

.w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px
}

.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
}

.w-nav:before,
.w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}

.w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-nav-link.w--current {
    color: #0082f3
}

.w-nav-menu {
    float: right;
    position: relative
}

[data-nav-menu-open] {
    text-align: center;
    background: #c8c8c8;
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
    top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative
}

.w-nav-button:focus {
    outline: 0
}

.w-nav-button.w--open {
    color: #fff;
    background-color: #c8c8c8
}

.w-nav[data-collapse=all] .w-nav-menu {
    display: none
}

.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
    display: block
}

.w--nav-dropdown-list-open {
    position: static
}

@media screen and (max-width:991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=medium] .w-nav-button {
        display: block
    }
}

@media screen and (max-width:767px) {
    .w-nav[data-collapse=small] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=small] .w-nav-button {
        display: block
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width:479px) {
    .w-nav[data-collapse=tiny] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=tiny] .w-nav-button {
        display: block
    }
}

.w-tabs {
    position: relative
}

.w-tabs:before,
.w-tabs:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-tabs:after {
    clear: both
}

.w-tab-menu {
    position: relative
}

.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-tab-link.w--current {
    background-color: #c8c8c8
}

.w-tab-link:focus {
    outline: 0
}

.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden
}

.w-tab-pane {
    display: none;
    position: relative
}

.w--tab-active {
    display: block
}

@media screen and (max-width:479px) {
    .w-tab-link {
        display: block
    }
}

.w-ix-emptyfix:after {
    content: ""
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.w-dyn-empty {
    background-color: #ddd;
    padding: 10px
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
    display: none !important
}

.wf-layout-layout {
    display: grid
}

@font-face {
    font-family: Manrope;
    src: url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29b63b877439bc5fcf2f0_Manrope-Medium.woff2)format("woff2"), url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29b411cc5fc8359a73639_Manrope-Medium.ttf)format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29b632ac386565a350776_Manrope-SemiBold.woff2)format("woff2"), url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29b42e9988d10d56db9ee_Manrope-SemiBold.ttf)format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29b63ca1f091ad5610b26_Manrope-Regular.woff2)format("woff2"), url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29b2ffa2178a7c449e3f3_Manrope-Regular.ttf)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Cormorantgaramond;
    src: url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29b79011a9ceafe9a3718_CormorantGaramond-Medium.woff2)format("woff2"), url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29ba0f31a65eed995fcc1_CormorantGaramond-Medium.ttf)format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Cormorantgaramond;
    src: url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29b797c320cc6168d6b76_CormorantGaramond-Regular.woff2)format("woff2"), url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29ba08527a1d3128fc66d_CormorantGaramond-Regular.ttf)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Cormorantgaramond;
    src: url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29b79b0e8ef1afd9d88ae_CormorantGaramond-SemiBold.woff2)format("woff2"), url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d29ba06c988638bee7c30d_CormorantGaramond-SemiBold.ttf)format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

:root {
    --_palette---background--main: #fffcf5;
    --_palette---brand--base: #544d48;
    --_typography---body--m: 1rem;
    --layout--section-outside--middle: 5.625rem;
    --layout--section-outside--small: 4.375rem;
    --paddings--surface--base: 2.5rem;
    --gap--5xl: 5rem;
    --layout--section-outside--large: 8.75rem;
    --gap--3xl: 2.5rem;
    --_palette---white--base: white;
    --_typography---heading--h1: 7.5rem;
    --_typography---heading--h1-small: 5.25rem;
    --layout--max-width--lg: 40.625rem;
    --_typography---heading--h4: 1.5rem;
    --_typography---body--s: .875rem;
    --gap--xxs: .25rem;
    --control--padding--lg: 1.5rem;
    --_palette---white--low: #ffffff4d;
    --_palette---brand--low: #544d481a;
    --gap--4xl: 3rem;
    --border-radius--low: .25rem;
    --gap--m: 1rem;
    --_typography---body--l: 1.125rem;
    --control--padding--md: 1rem;
    --_palette---brand--mid: #544d48b3;
    --control--padding--sm: .75rem;
    --border-radius--full: 999px;
    --_typography---heading--h2: 3.5rem;
    --paddings--surface--xl: 2rem;
    --gap--s: .75rem;
    --gap--l: 1.25rem;
    --gap--xl: 1.5rem;
    --paddings--surface--sm: 1.25rem;
    --_typography---body--xs: .75rem;
    --gap--xs: .5rem;
    --gap--xxl: 2rem;
    --paddings--surface--lg: 1.5rem;
    --icon--size--md: 1.25rem;
    --_palette---black--extra-low: #0909090f;
    --_palette---orange--base: #ff530a;
    --_palette---black--low: #09090933;
    --_palette---white--mid: #fff9;
    --icon--size--sm: 1rem;
    --_palette---white--extra-low: #ffffff1a;
    --_palette---green--extra-low: #1c6e5e1a;
    --_palette---green--base: #1c6e5e;
    --_typography---heading--h3: 2rem;
    --_palette---black--base: #090909b3;
    --border-radius--mid: .5rem;
    --_palette---black--mid: #09090980;
    --control--height--sm: 2rem;
    --control--height--md: 2.5rem;
    --control--height--lg: 3rem;
    --control--height--xl: 3.5rem;
    --_palette---green--color: white;
    --_palette---orange--extra-low: #ff540a1a;
    --layout--section-outside--hero-top: 11.25rem;
    --layout--max-width--md: 35rem;
    --layout--max-width--sm: 27.5rem;
    --border-radius--base: .75rem;
    --icon--size--lg: 2rem;
    --icon--size--xl: 3rem
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.w-pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

.w-pagination-previous {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block
}

.w-pagination-previous-icon {
    margin-right: 4px
}

.w-pagination-next {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block
}

.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}

.w-checkbox:before {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1/1/2/2;
    display: table
}

.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal
}

.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}

@media screen and (max-width:991px) {
    .w-layout-blockcontainer {
        max-width: 728px
    }
}

@media screen and (max-width:767px) {
    .w-layout-blockcontainer {
        max-width: none
    }
}

body {
    color: #333;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 700;
    line-height: 44px
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

p {
    margin-bottom: 0
}

ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

strong {
    font-weight: 700
}

.body {
    background-color: var(--_palette---background--main);
    color: var(--_palette---brand--base);
    font-family: Manrope, Arial, sans-serif;
    font-size: var(--_typography---body--m);
    display: block
}

.section {
    justify-content: center;
    align-items: center;
    display: block
}

.section.project-hero {
    height: 100vh;
    padding-top: 7rem;
    position: relative
}

.section.project-hero.m-top {
    height: calc(100vh - 7rem);
    margin-top: 7rem;
    padding-top: 0
}

.section.p-top {
    padding-top: var(--layout--section-outside--middle)
}

.section.p-top.p-bottom {
    padding-bottom: var(--layout--section-outside--middle)
}

.section.key-points {
    overflow: hidden
}

.section.floor-plans {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle);
    opacity: 1;
    overflow: hidden
}

.section.amenities {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle)
}

.section.gallery {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle);
    overflow: hidden
}

.section.location {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle)
}

.section.future {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle);
    overflow: hidden
}

.section.advantages {
    padding-top: var(--layout--section-outside--small);
    padding-bottom: var(--layout--section-outside--small)
}

.section.all-projects {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle);
    overflow: hidden
}

.section.cta {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle)
}

.section.hero {
    height: 100vh;
    min-height: 0;
    padding-top: 4.25rem;
    position: relative
}

.section.banner {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle)
}

.section.main-promo {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle);
    height: auto;
    /*min-height: 37.5rem;*/
    display: flex
}

.section.about-metropolitan {
    padding-top: var(--layout--section-outside--small);
    padding-bottom: var(--layout--section-outside--small);
    overflow: hidden
}

.section.faq {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle)
}

.section.collection-hero {
    padding-top: 5.625rem;
    padding-bottom: var(--layout--section-outside--middle)
}

.container {
    padding-right: var(--paddings--surface--base);
    padding-left: var(--paddings--surface--base);
    width: 100%;
    max-width: 90rem;
    height: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: visible
}

.container.project-hero__wrapper {
    z-index: 2;
    padding-top: 1.875rem;
    padding-bottom: var(--paddings--surface--base);
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    transition: color .3s cubic-bezier(.215, .61, .355, 1), background-color .3s cubic-bezier(.215, .61, .355, 1);
    display: flex
}

.container.project-info {
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    grid-template-rows: minmax(min-content, min-content);
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start stretch;
    height: 100%;
    max-height: 70vh;
    display: grid
}

.container.promo__wrapper {
    padding-top: var(--layout--section-outside--large);
    padding-bottom: var(--layout--section-outside--large);
    grid-column-gap: var(--gap--3xl);
    grid-row-gap: var(--gap--3xl);
    color: var(--_palette---white--base);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.container.key-points__wrapper {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle);
    grid-column-gap: var(--gap--3xl);
    grid-row-gap: var(--gap--3xl);
    flex-flow: column;
    display: flex
}

.container.price-range__wrapper {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--middle)
}

.container.floor-plans__wrapper {
    flex-flow: column;
    display: block
}

.container.header__container {
    margin-bottom: 0
}

.container.hero__container {
    z-index: 2;
    height: 100%;
    min-height: 100%;
    margin-bottom: 0;
    padding-top: 3rem;
    padding-bottom: 2.5rem
}

.container.achievements {
    padding-top: var(--layout--section-outside--small)
}

.container.masterplan__container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex
}

.project-hero__text-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex
}

.project-hero__text-wrapper.villas {
    flex-flow: column
}

.title-one {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h1);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 92%
}

.title-one.project-hero__title {
    color: var(--_palette---white--base);
    max-width: none
}

.title-one.project-hero__title.villas {
    font-size: var(--_typography---heading--h1-small)
}

.title-one.main-promo__title {
    text-align: center
}
.main-promo__h4 {
    text-align: center;
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 120%;
}

.title-one.small {
    font-size: var(--_typography---heading--h1-small)
}

.project-hero__poits {
    grid-column-gap: var(--gap--3xl);
    grid-row-gap: var(--gap--3xl);
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    max-width: none;
    display: flex
}

.project-hero__poits ul {
    max-width: var(--layout--max-width--lg);
    color: var(--_palette---white--base);
    font-size: var(--_typography---heading--h4);
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-left: auto;
    line-height: 140%;
    display: flex
}

.project-hero__poits strong {
    color: var(--_palette---white--base);
    font-size: var(--_typography---body--s);
    text-transform: uppercase;
    font-weight: 500
}

.project-hero__poits li {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    flex-flow: column;
    align-items: flex-start;
    display: flex
}

.project-hero__poits.villas {
    padding-top: var(--control--padding--lg);
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    border-top: 1px solid var(--_palette---white--low);
    justify-content: flex-start;
    align-items: flex-end;
    max-width: none
}

.breadcrumbs {
    text-decoration: none
}

.project-info__wrapper {
    grid-column-gap: var(--gap--4xl);
    grid-row-gap: var(--gap--4xl);
    border-radius: var(--border-radius--low);
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    display: flex;
    position: relative;
    overflow: visible
}

.project-info__wrapper.image {
    object-fit: cover;
    max-height: 70vh;
    overflow: hidden
}

.project-info__palm {
    opacity: 1;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    width: 6.25rem;
    height: auto;
    display: flex;
    position: static;
    inset: 0%
}

.project-info__content {
    position: relative
}

.project-info__content ul {
    flex-flow: column;
    width: 100%;
    display: flex
}

.project-info__content li {
    padding-top: var(--gap--m);
    padding-bottom: var(--gap--m);
    border-style: none none solid;
    border-width: 1px;
    border-color: black black var(--_palette---brand--low);
    font-size: var(--_typography---body--l);
    text-align: left;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-weight: 500;
    line-height: 140%;
    display: flex
}

.project-info__content strong {
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--l);
    font-weight: 400;
    line-height: 150%
}

.button {
    padding: var(--control--padding--sm)var(--control--padding--lg);
    border-radius: var(--border-radius--full);
    background-color: var(--_palette---white--base);
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    font-weight: 500;
    transition: color .3s cubic-bezier(.215, .61, .355, 1), background-color .3s cubic-bezier(.215, .61, .355, 1);
    display: flex
}

.button:hover {
    background-color: var(--_palette---background--main)
}

.button.full {
    align-self: auto
}

.button.full.button-color {
    color: var(--_palette---white--base);
    line-height: 140%
}

.button.center {
    margin-left: auto;
    margin-right: auto
}

.button.button-color {
    color: var(--_palette---white--base);
    background-color: var(--base)
}

.button.button-color.center {
    align-self: center;
    margin-left: 0;
    margin-right: 0
}

.button.button-color.center.fit {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto
}

.button.button-color.header__button {
    align-self: center
}

.button.dark {
    background-color: var(--_palette---brand--base);
    color: var(--_palette---white--base)
}

.button.dark.full.hero__button {
    display: none
}

.button.dark.full.hero__button.desktop {
    background-color: var(--_palette---white--base);
    color: var(--_palette---brand--base);
    align-self: flex-start;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.button.white {
    color: var(--_palette---brand--base);
    white-space: nowrap;
    align-self: flex-end;
    text-decoration: none;
    position: static
}

.button.white.desktop {
    align-self: center;
    font-weight: 500
}

.button.white.tablet {
    padding-top: var(--control--padding--md);
    padding-bottom: var(--control--padding--md);
    color: var(--_palette---white--base);
    background-color: var(--strong);
    align-self: auto;
    display: none;
    position: relative
}

.button.white.tablet.visible {
    display: flex
}

.project-info__image {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    max-height: none;
    position: absolute;
    inset: 0%;
    overflow: visible
}

.project-title__two {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h2);
    text-transform: uppercase;
    line-height: 110%
}

.project-title__two.text-base {
    font-weight: 500
}

.project-title__two.text-base.hidden-tablet {
    z-index: 2;
    position: relative
}

.project-title__two.text-base.floor-plans__title {
    margin-bottom: var(--paddings--surface--xl);
    padding-bottom: var(--paddings--surface--xl);
    border-bottom: 1px solid var(--extra-low)
}

.project-title__two.text-base.gallery__title {
    margin-bottom: 2.5rem
}

.project-title__two.graph-diagram__title {
    max-width: 38.75rem
}

.main {
    font-variant-numeric: lining-nums
}

.text-base.regular {
    font-weight: 400
}

.promo__text-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.promo__text-wrapper h2 {
    margin-bottom: var(--gap--3xl);
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h1);
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 92%
}

.promo__text-wrapper p {
    margin-bottom: var(--gap--s);
    text-align: center;
    max-width: 50rem;
    line-height: 150%
}

.swiper {
    z-index: 1;
    position: relative
}

.swiper.floor-plan-swiper {
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 27.1875rem;
    display: flex;
    overflow: hidden
}

.swiper.gallery-swiper {
    width: 100%;
    height: 28.5rem;
    overflow: hidden
}

.swiper.future-swiper {
    height: auto;
    min-height: 0
}

.swiper.all-projects-swiper {
    height: 28.75rem
}

.swiper-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    display: flex
}

.swiper-wrapper.floor-plan-swiper__wrapper {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    display: flex
}

.swiper-slide {
    grid-column-gap: var(--gap--l);
    grid-row-gap: var(--gap--l);
    flex-flow: column;
    height: 100%;
    font-weight: 600;
    line-height: 140%;
    display: flex
}

.swiper-slide__image {
    border-radius: var(--border-radius--low);
    height: 100%
}

.swiper__nav-root {
    z-index: 3;
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    justify-content: flex-end;
    align-items: flex-end;
    width: auto;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto
}

.swiper__nav-root.static {
    position: static
}

.nav {
    border-radius: var(--border-radius--full);
    background-color: #4c061c;
    justify-content: center;
    align-items: center;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
    display: flex;
    position: static
}

.nav:hover {
    background-color: #a85126
}

.nav.prev {
    cursor: pointer
}

.nav.prev.floor-plan,
.nav.prev.gallery {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.nav.next {
    cursor: pointer
}

.nav.next.floor-plan {
    z-index: 2;
    position: absolute;
    inset: 50% 0% 0% auto;
    transform: translateY(-50%)
}

.nav.next.gallery {
    z-index: 2;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.nav__icon {
    justify-content: center;
    align-items: center;
    display: flex
}

.key-points__title-root {
    position: relative
}

.graph-diagram {
    padding: var(--paddings--surface--xl)var(--paddings--surface--base);
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    border-radius: var(--border-radius--low);
    color: var(--_palette---white--base);
    background-image: url(../images/graph-diagram.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    flex-flow: row-reverse;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    position: relative;
    overflow: hidden
}

.graph-diagram__descr {
    max-width: 35rem;
    margin-bottom: 0;
    line-height: 150%
}

.graph-diagram__image {
    align-self: flex-end;
    max-height: 2.625rem
}

.graph-diagram__text-root {
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    flex-flow: column;
    display: flex
}

.graph-content {
    margin-bottom: 5.625rem
}

.graph-content__header {
    padding-bottom: var(--paddings--surface--xl);
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 3rem;
    display: grid
}

.graph-content__text-root {
    grid-column-gap: var(--gap--s);
    grid-row-gap: var(--gap--s);
    align-items: baseline;
    display: flex
}

.graph-content__text {
    line-height: 150%
}

.graph-content__text p {
    font-size: var(--_typography---body--l);
    font-weight: 500;
    line-height: 140%
}

.graph-content__text.text-base.graph-content__title {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h1);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 92%
}

.graph-content__text.p-bottom {
    color: var(--_palette---brand--mid)
}

.graph-content__text.strong {
    color: var(--base);
    font-weight: 400
}

.graph-content__graph {
    margin-bottom: 3rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.graph-content__y-axis {
    max-width: 5.8125rem;
    position: relative
}

.y-axis {
    padding-right: var(--control--padding--md);
    padding-left: var(--control--padding--md);
    grid-column-gap: 2.56rem;
    grid-row-gap: 2.56rem;
    border-right: 1px dashed var(--_palette---brand--mid);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: 1.5rem;
    display: flex
}

.y-axis.apart {
    grid-column-gap: 3.96rem;
    grid-row-gap: 3.96rem
}

.y-axis__item {
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--xs);
    text-align: right;
    align-self: auto
}

.graph-content__y-axis-title.text-base {
    white-space: nowrap;
    word-break: normal;
    position: absolute;
    right: 0
}

.graph-content__y-axis-title.text-base.graph-content__x-axis-root {
    min-width: 0;
    right: 1rem;
    overflow: visible
}

.graph-content__x-axis-root {
    width: 100%;
    min-width: 76.6875rem;
    position: relative;
    overflow: scroll
}

.graph-content__x-axis {
    height: 31.6875rem;
    display: flex;
    overflow: auto
}

.graph-content__x-axis.apart {
    height: 32.375rem
}

.graph-content__start-graph {
    width: 38.25rem;
    min-width: 38.25rem;
    height: 100%;
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    position: relative
}

.graph-content__text-wrapper {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--s);
    flex-flow: column;
    max-width: 21.25rem;
    display: flex
}

.graph-content__text-wrapper.mobile {
    display: none
}

.x-axis {
    grid-column-gap: 4.8rem;
    grid-row-gap: 4.8rem;
    border-top: 1px dashed var(--_palette---brand--mid);
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding-top: 1rem;
    display: flex
}

.x-axis__item {
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--xs);
    line-height: 140%
}

.graph-content__text-header {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    flex-flow: row;
    display: flex
}

.graph-content__palm-title {
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    color: #7a7d85;
    font-size: var(--_typography---body--xs);
    align-items: baseline;
    line-height: 140%;
    display: flex
}

.y-axis__root {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
}

.y-axis__root.secondary-bottom {
    bottom: 4.4375rem;
    left: 4.375rem
}

.y-axis__root.secondary-bottom.main {
    bottom: 2.8125rem;
    left: 4rem
}

.y-axis__root.secondary-bottom.apart {
    bottom: 5.5rem
}

.y-axis__root.primary-bottom {
    bottom: 2.9375rem;
    right: -6.5rem
}

.y-axis__root.primary-bottom.main {
    bottom: 2.3125rem;
    right: 9.75rem
}

.y-axis__root.primary-bottom.apart {
    bottom: 5rem
}

.y-axis__root.secondary-top {
    top: 12.75rem;
    right: -2.5rem
}

.y-axis__root.secondary-top.main {
    top: 3.5rem;
    right: -4rem
}

.y-axis__root.secondary-top.apart {
    top: 11.3rem
}

.y-axis__root.primary-mid {
    bottom: 13.3125rem;
    left: auto;
    right: -24.3rem
}

.y-axis__root.primary-mid.main {
    bottom: 5.8125rem;
    right: -4rem
}

.y-axis__root.primary-top {
    top: 5.5rem;
    right: 4rem
}

.y-axis__root.primary-top.main {
    top: .5rem;
    right: 0
}

.y-axis__root.primary-top.apart {
    top: 6.375rem;
    right: 1.375rem
}

.y-axis__title {
    font-size: var(--_typography---body--m);
    text-align: center;
    align-self: auto;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 150%;
    display: inline-flex
}

.y-axis__descr {
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--s);
    align-self: auto;
    line-height: 130%
}

.y-azis__graph {
    position: absolute;
    right: 0
}

.y-azis__graph.primary {
    bottom: 5.8875rem;
    right: -.375rem
}

.y-azis__graph.primary.main {
    bottom: 5.6875rem
}

.y-azis__graph.secondary {
    bottom: 2.4375rem;
    right: -.375rem
}

.y-azis__graph.secondary.main {
    bottom: 6.1875rem
}

.y-azis__graph.secondary.apart {
    bottom: 3.5rem
}

.y-azis__graph.primary-end {
    width: auto;
    bottom: 7.0625rem;
    left: -7px;
    right: auto
}

.y-azis__graph.primary-end.main {
    bottom: 9.6rem
}

.y-azis__graph.primary-end.apart {
    bottom: 8.9rem
}

.y-axis__percent {
    color: #7a7d85;
    font-size: var(--_typography---heading--h4);
    margin-top: 0;
    margin-bottom: .375rem;
    font-weight: 500
}

.graph-content__end-graph {
    width: 100%;
    height: 100%;
    position: relative
}

.graph-content__x-axis-container {
    overflow: hidden
}

.payment-plan {
    padding-top: var(--layout--section-outside--middle);
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.payment-plan__text-root {
    grid-column-gap: var(--gap--xxl);
    grid-row-gap: var(--gap--xxl);
    flex-flow: column;
    display: flex
}

.payment-plan__text-root h2 {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h2);
    text-transform: uppercase;
    color: var(--base);
    font-weight: 500;
    line-height: 110%
}

.payment-plan__text-root p {
    max-width: 27.5rem;
    line-height: 150%
}

.payment-plan__descr {
    min-width: 0;
    max-width: 27.5rem
}

.payment-plan__wrapper {
    grid-column-gap: var(--gap--4xl);
    grid-row-gap: var(--gap--4xl);
    flex-flow: column;
    display: flex
}

.payment-plan__list {
    flex-flow: column;
    display: flex
}

.payment-plan__item {
    padding-top: var(--control--padding--md);
    padding-bottom: var(--control--padding--lg);
    grid-column-gap: var(--gap--xxl);
    grid-row-gap: var(--gap--xxl);
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.paymebt-plan__icon {
    justify-content: center;
    align-items: center;
    display: flex
}

.payment-plan__text-content {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: flex
}

.paymebt-plan__text-root {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    flex-flow: column;
    display: flex
}

.paymebt-plan__text-root.right {
    align-items: flex-end
}

.payment-plan__title {
    font-size: var(--_typography---body--l);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 140%
}

.payment-plan__descr-item {
    font-size: var(--_typography---body--s);
    line-height: 130%
}

.payment-plan__button {
    padding: var(--gap--xxs)var(--gap--xs);
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    border-radius: var(--border-radius--low);
    align-items: center;
    display: flex
}

.payment-plan__button-icon {
    justify-content: center;
    align-items: center;
    display: flex
}

.payment-plan__coutner.text-base {
    font-size: var(--_typography---body--s);
    line-height: 130%
}

.accordion__top {
    grid-column-gap: var(--gap--xxl);
    grid-row-gap: var(--gap--xxl);
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 0;
    display: flex
}

.accordion__content {
    margin-left: 4rem
}

.accordion__content ul {
    flex-flow: column;
    display: flex
}

.accordion__content li {
    padding-top: var(--gap--s);
    padding-bottom: var(--gap--s);
    color: var(--_palette---brand--base);
    font-size: var(--_typography---body--s);
    justify-content: space-between;
    line-height: 130%;
    display: flex
}

.accordion__content strong {
    font-family: Manrope, Arial, sans-serif;
    font-size: var(--_typography---body--s);
    font-weight: 500
}

.payment-plan__dropdown {
    z-index: 1;
    flex-flow: column;
    width: 100%;
    display: flex
}

.accordion__dropdown {
    opacity: 1;
    background-color: #0000;
    flex-flow: column;
    display: flex;
    position: static;
    overflow: hidden
}

.accordion__dropdown-wrapper {
    opacity: 1;
    padding-top: .5rem;
    padding-bottom: 1.5rem;
    font-size: .875rem
}

.accordion__dropdown-wrapper:lang(ar) {
    text-align: right
}

.floor-plans__root {
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}

.floor-plans__subtitle {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h4);
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0
}

.floor-plan__slide-title.text-base {
    font-size: var(--_typography---body--s);
    text-transform: uppercase
}

.floor-plan__slide-info ul {
    grid-column-gap: var(--gap--xxl);
    grid-row-gap: var(--gap--xxl);
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--s);
    font-weight: 400;
    display: flex
}

.floor-plan__slide-info p {
    color: var(--_palette---brand--base);
    font-size: var(--_typography---body--s);
    text-transform: uppercase
}

.floor-plan__slide-info li {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.floor-plan__slide-info.apart {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: flex
}

.amenities__header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
    display: flex
}

.amenities__button-counter {
    padding: var(--control--padding--sm)var(--control--padding--lg);
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    border-radius: var(--border-radius--full);
    background-color: var(--_palette---brand--low);
    cursor: pointer;
    font-weight: 500;
    display: flex
}

.amenities__button-counter.text-base {
    padding-top: var(--gap--s);
    padding-right: var(--gap--xl);
    padding-bottom: var(--gap--s);
    padding-left: var(--gap--xl);
    border-top-left-radius: var(--border-radius--full);
    border-top-right-radius: var(--border-radius--full);
    border-bottom-left-radius: var(--border-radius--full);
    border-bottom-right-radius: var(--border-radius--full);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background-color: var(--extra-low);
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    line-height: 140%
}

.amenities__button-counter.text-base.display-none,
.amenities__button-counter.mob {
    display: none
}

.amenities__list {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.amenities__item {
    padding-top: var(--paddings--surface--sm);
    padding-right: var(--paddings--surface--sm);
    padding-bottom: var(--paddings--surface--sm);
    padding-left: var(--paddings--surface--sm);
    border-top-left-radius: var(--border-radius--low);
    border-top-right-radius: var(--border-radius--low);
    border-bottom-left-radius: var(--border-radius--low);
    border-bottom-right-radius: var(--border-radius--low);
    border: 1px solid var(--extra-low);
    flex-flow: column;
    justify-content: space-between;
    height: 20rem;
    display: flex
}

.amenities__icons {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.amenities__icon {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem
}

.modal-amenities__title {
    line-height: 150%
}

.swiper-pagination {
    position: absolute;
    inset: auto 0% 0%
}

.gallery__swiper {
    padding-bottom: 2.625rem;
    position: relative
}

.gallery__swiper-wrapper {
    position: relative
}

.location__wrapper {
    padding-bottom: var(--paddings--surface--base);
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    border-bottom: 1px solid var(--extra-low);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.location__text-root {
    grid-column-gap: var(--gap--3xl);
    grid-row-gap: var(--gap--3xl);
    flex-flow: column;
    display: flex
}

.location__text-root h2 {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h2);
    text-transform: uppercase;
    color: var(--base);
    font-weight: 500;
    line-height: 110%
}

.location__text-root p,
.paragraph {
    max-width: 35rem;
    line-height: 150%
}

.location__map-root {
    border-radius: var(--border-radius--low);
    height: 100%;
    /*min-height: 27.5rem;*/
    overflow: hidden
}

.location__map {
    width: 100%;
    height: 100%;
    min-height: 0
}

.location__point-list {
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.location__point-item {
    padding-top: var(--paddings--surface--lg);
    padding-bottom: var(--paddings--surface--lg);
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.location__item-text {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    display: flex
}

.location__icon {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem
}

.location__item-title {
    font-size: var(--_typography---body--l);
    font-weight: 500;
    line-height: 140%
}

.location__item-descr {
    font-size: var(--_typography---body--l)
}

.future__title-root {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 2.5rem;
    display: flex;
    position: relative
}

.future__text-root {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    flex-flow: column;
    display: flex
}

.future__title {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h4);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 120%
}

.future__descr {
    font-weight: 400;
    line-height: 150%
}

.advantages__wrapper {
    padding-top: var(--paddings--surface--xl);
    padding-right: var(--paddings--surface--xl);
    padding-bottom: var(--paddings--surface--xl);
    padding-left: var(--paddings--surface--xl);
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    background-color: var(--extra-low);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.advantages__wrapper.base {
    background-color: var(--extra-low);
    grid-template-columns: 1fr 1fr
}

.advantages__text-root {
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    flex-flow: column;
    justify-content: space-between;
    display: flex
}

.advantages__descr {
    white-space: break-spaces;
    line-height: 150%
}

.advantages__list {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.advantages__item {
    padding-top: var(--control--padding--lg);
    padding-right: var(--control--padding--md);
    padding-bottom: var(--control--padding--lg);
    padding-left: var(--control--padding--md);
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    border-top-left-radius: var(--border-radius--low);
    border-top-right-radius: var(--border-radius--low);
    border-bottom-left-radius: var(--border-radius--low);
    border-bottom-right-radius: var(--border-radius--low);
    border: 1px solid var(--extra-low);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.advantages__item.base {
    border: 1px solid var(--_palette---black--extra-low)
}

.advantages__item-title {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h2);
    line-height: 110%
}

.advantages__item-title.text-base {
    font-weight: 500;
    line-height: 100%
}

.advantages__item-descr {
    font-size: var(--_typography---body--s);
    line-height: 130%
}

.all-projects__title-root {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
    display: flex
}

.all-projects__button-wrapper {
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.all-projects__button {
    border-top-left-radius: var(--border-radius--full);
    border-top-right-radius: var(--border-radius--full);
    border-bottom-left-radius: var(--border-radius--full);
    border-bottom-right-radius: var(--border-radius--full);
    white-space: nowrap;
    background-color: var(--extra-low);
    color: var(--base);
    padding: .75rem 1.5rem;
    font-weight: 600;
    line-height: 140%;
    text-decoration: none;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.all-projects__button:hover {
    background-color: var(--low)
}

.project-card {
    border-top-left-radius: var(--border-radius--low);
    border-top-right-radius: var(--border-radius--low);
    border-bottom-left-radius: var(--border-radius--low);
    border-bottom-right-radius: var(--border-radius--low);
    border: 1px solid var(--low);
    height: 100%;
    padding: .25rem;
    position: relative
}

.project-card__img {
    border-radius: var(--border-radius--low);
    object-fit: cover;
    width: 100%;
    height: 100%
}

.project-card__text-root {
    padding: var(--control--padding--md);
    grid-column-gap: var(--gap--s);
    grid-row-gap: var(--gap--s);
    flex-flow: column;
    display: flex
}

.project-card__title.text-base {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h4);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 120%
}

.project-card__info {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    justify-content: space-between;
    align-items: flex-end;
    display: flex
}

.project-card__list {
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    flex-flow: wrap;
    display: flex
}

.project-card__item {
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    justify-content: flex-start;
    align-items: center;
    line-height: 150%;
    display: flex
}

.project-card__item-icon {
    display: flex
}

.project-card__price-root {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    font-size: var(--_typography---body--l);
    font-weight: 500;
    display: flex
}

.project-hero__poits-title {
    color: var(--_palette---white--base);
    font-size: var(--_typography---body--s);
    text-transform: uppercase;
    line-height: 140%
}

.project-hero__poits-value {
    color: var(--_palette---white--base);
    font-size: var(--_typography---heading--h4);
    font-weight: 500;
    line-height: 140%
}

.project-info__item-title {
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--m);
    font-weight: 400;
    line-height: 150%
}

.card__tag {
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    border-top-left-radius: var(--border-radius--full);
    border-top-right-radius: var(--border-radius--full);
    border-bottom-left-radius: var(--border-radius--full);
    border-bottom-right-radius: var(--border-radius--full);
    background-color: var(--_palette---brand--low);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    color: var(--_palette---white--base);
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: .25rem .625rem;
    font-weight: 400;
    display: flex;
    position: absolute;
    top: 1rem;
    left: 1rem
}

.card__tag-icon {
    display: flex
}

.project-hero__poits-values {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    align-items: flex-end;
    display: flex
}

.project-hero__poits-values.usd {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem
}

.project-info__item-values {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    display: flex
}

.project-info__item-values.usd {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem
}

.card__link {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.cta__wrapper {
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid
}

.form {
    margin-bottom: 0
}

.form.modal-brochure__form {
    padding: 1.5rem
}

.success-message {
    background-color: #0000;
    height: 100%;
    padding: 0
}

.error-message {
    background-color: var(--_palette---orange--base);
    color: var(--_palette---white--base);
    font-size: var(--_typography---body--s);
    padding: .5rem 1.5rem;
    line-height: 140%
}

.form__wrapper {
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    flex-flow: column;
    display: flex
}

.form__title.text-base {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h2);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 110%
}

.form__title-root {
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    flex-flow: column;
    margin-bottom: 1rem;
    display: flex
}

.form__descr {
    line-height: 150%
}

.form__input-root {
    grid-column-gap: var(--gap--l);
    grid-row-gap: var(--gap--l);
    margin-bottom: -.25rem;
    display: flex
}

.form__input {
    padding: var(--control--padding--md)0px;
    border-style: none none solid;
    border-width: 1px;
    border-color: black black var(--_palette---brand--low);
    color: var(--_palette---brand--base);
    font-size: var(--_typography---body--s);
    background-color: #0000;
    margin-bottom: 0;
    line-height: 130%;
    transition: border-color .25s cubic-bezier(.215, .61, .355, 1)
}

.form__input:hover {
    border-bottom-color: var(--_palette---black--low)
}

.form__input:focus {
    border-bottom-color: var(--_palette---brand--mid)
}

.form__input::placeholder {
    color: var(--_palette---brand--mid)
}

.form__button-root {
    grid-column-gap: var(--gap--s);
    grid-row-gap: var(--gap--s);
    flex-flow: column;
    display: flex
}

.form__caption {
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--xs);
    text-align: center;
    line-height: 140%;
    text-decoration: none
}

.cta__image-root {
    opacity: .5
}

.cta__image {
    width: 100%;
    height: 100%
}

.footer {
    padding-top: var(--layout--section-outside--middle);
    padding-bottom: var(--layout--section-outside--small)
}

.footer__wrapper {
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex
}

.footer__top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 16.25rem 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: stretch stretch;
    display: flex
}

.footer__root {
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    color: var(--_palette---white--mid);
    font-size: var(--_typography---body--s);
    flex-flow: column;
    max-width: none;
    line-height: 130%;
    display: flex
}

.footer__logo-link {
    max-height: 2.125rem
}

.social-list {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.social-list__item {
    flex: 0 auto
}

.social-list__item-icon,
.social-list__item-link {
    display: flex
}

.footer__nav-root {
    grid-column-gap: var(--gap--3xl);
    grid-row-gap: var(--gap--3xl);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: stretch stretch;
    width: 100%;
    max-width: 21.25rem;
    display: flex
}

.footer__nav-title {
    color: var(--_palette---white--base);
    font-size: var(--icon--size--sm);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none
}

.footer__nav-title.w--current {
    text-decoration: none
}

.footer__nav-list {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    flex-flow: column;
    display: flex
}

.footer__nav-item {
    color: var(--_palette---white--mid);
    text-decoration: none
}

.footer__nav-link {
    color: var(--_palette---white--mid);
    font-size: var(--_typography---body--m);
    line-height: 150%;
    text-decoration: none;
    transition: color .25s cubic-bezier(.215, .61, .355, 1)
}

.footer__nav-link:hover {
    color: var(--_palette---white--base)
}

.footer__bottom {
    border-top: 1px solid var(--_palette---white--extra-low);
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 2rem;
    display: flex
}

.copyright {
    color: var(--_palette---white--mid)
}

.date {
    font-weight: 400
}

.privacy {
    grid-column-gap: var(--gap--xxl);
    grid-row-gap: var(--gap--xxl);
    color: var(--_palette---white--base);
    text-decoration: none;
    display: flex
}

.footer__descr {
    max-width: 16.25rem
}

.success-message__wrapper {
    padding: var(--paddings--surface--xl);
    grid-column-gap: var(--gap--xxl);
    grid-row-gap: var(--gap--xxl);
    border-radius: var(--border-radius--low);
    background-color: var(--_palette---green--extra-low);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.success-message__text-root {
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    flex-flow: column;
    display: flex
}

.success-message__title {
    color: var(--_palette---green--base);
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h4);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 120%
}

.success-message__descr {
    color: var(--_palette---green--base);
    line-height: 150%
}

.success-message__root {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.header__mob-wrapper {
    display: none
}

.burger-btn__icon {
    grid-column-gap: .1875rem;
    grid-row-gap: .1875rem;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 1.875rem;
    height: 1.875rem;
    display: none
}

.flex_h-16-center {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-self: center;
    align-items: center;
    height: 100%;
    display: flex
}

.lang-link {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #1b1d1d;
    font-size: var(--_typography---body--m);
    border-radius: .5rem;
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    width: 100%;
    padding: .375rem .5rem;
    line-height: 150%;
    text-decoration: none;
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
    display: flex
}

.lang-link:hover {
    background-color: var(--extra-low)
}

.lang-link.w--current {
    font-size: var(--_typography---body--m);
    background-color: var(--extra-low);
    padding: .5rem .75rem;
    line-height: 150%
}

.lang-list {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #fff;
    background-color: #fafafa;
    border-radius: 1rem;
    flex-flow: column;
    align-items: flex-end;
    min-width: 7rem;
    margin-top: .25rem;
    padding: .375rem;
    overflow: hidden
}

.lang-list.w--open {
    background-color: var(--_palette---background--main);
    width: 100%;
    min-width: 0;
    margin-top: 0;
    padding: 0;
    inset: 4.25rem 0% auto;
    box-shadow: 4px 4px 32px #0003
}

.header {
    z-index: 900;
    border-bottom: 1px solid var(--_palette---brand--low);
    background-color: var(--_palette---background--main);
    color: var(--_palette---brand--base);
    justify-content: center;
    align-items: center;
    transition: background-color .3s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    position: fixed;
    inset: 0% 0% auto
}

.dropdown-lang {
    margin: 0 0 -2rem;
    padding: 0 0 2rem
}

.dropdown-lang.hidden {
    height: 4.25rem;
    margin-bottom: 0;
    padding-bottom: 0;
    display: none
}

.btn-cons {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: calc(var(--size--16)*3);
    padding-right: calc(var(--size--16)*3);
    background-color: #27abe2;
    border-radius: 1rem;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    display: flex
}

.btn-cons:hover {
    background-color: #008ac3
}

.flag-img-current {
    object-fit: contain;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.125rem;
    display: flex
}

.header__mob-menu {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    display: none
}

.flag-img {
    object-fit: cover;
    border-radius: 50%;
    width: 1.25rem;
    max-width: 1.25rem;
    height: 1.25rem
}

.header__logos {
    grid-column-gap: var(--gap--xxl);
    grid-row-gap: var(--gap--xxl);
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    display: flex
}

.dropdown-lang__arrow {
    object-fit: contain;
    object-position: 50% 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0;
    padding-bottom: 0;
    font-size: .7rem;
    font-weight: 400;
    transition: transform .25s cubic-bezier(.25, .46, .45, .94);
    display: flex;
    position: static
}

.dropdown-lang__toggle {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    color: var(--_palette---brand--base);
    font-size: var(--_typography---body--s);
    background-color: #0000;
    border: 1px #d1d1d6;
    border-radius: .75rem;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding: .375rem .5rem;
    line-height: 130%;
    display: flex
}

.burger_line {
    background-color: #1eade5;
    border-radius: .0625rem;
    width: 1.4rem;
    height: .0625rem
}

.header__menu {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    height: 100%;
    min-height: 100%;
    display: flex
}

.header__main {
    justify-content: space-between;
    align-items: center;
    height: 100%;
    max-height: 4.25rem;
    display: flex
}

.header__logos-item {
    border-right: 1px solid var(--_palette---brand--low);
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-right: 2rem;
    text-decoration: none;
    position: relative
}

.header__logos-link {
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    width: -moz-fit-content;
    width: fit-content;
    max-width: 10rem;
    max-height: 60px;
    display: flex;
    position: relative
}

.header__logos-link.w--current {
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    height: 100%;
    max-height: none;
    text-decoration: none;
    display: flex
}

.header__logos-icon {
    flex: 0 auto;
    align-self: auto;
    width: -moz-fit-content;
    width: fit-content;
    display: flex
}

.header__link-root {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    color: var(--_palette---brand--base);
    font-size: var(--_typography---body--xs);
    align-items: center;
    text-decoration: none;
    transition: color .3s cubic-bezier(.215, .61, .355, 1);
    display: flex
}

.header__link {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    font-size: var(--_typography---body--s);
    background-color: #0000;
    border-bottom: 1px solid #0000;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    min-height: 100%;
    padding: 1.5rem 1rem;
    transition: color .3s cubic-bezier(.215, .61, .355, 1), border-color .3s cubic-bezier(.215, .61, .355, 1), background-color .3s cubic-bezier(.215, .61, .355, 1);
    display: flex
}

.header__link:hover {
    border-bottom: 1px solid var(--_palette---black--low);
    background-color: var(--_palette---brand--low)
}

.header__link.w--current {
    color: var(--_palette---brand--base)
}

.header__logo-link {
    width: 100%;
    height: 100%;
    position: absolute
}

.header__logo-link.w--current {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    inset: 0%
}

.header__project-list {
    display: flex
}

.header__project-item {
    padding: var(--control--padding--sm)var(--control--padding--md);
    border-bottom: 1px solid #0000;
    justify-content: center;
    align-items: center;
    transition: border-color .3s cubic-bezier(.215, .61, .355, 1), color .3s cubic-bezier(.215, .61, .355, 1), background-color .3s cubic-bezier(.215, .61, .355, 1);
    display: flex
}

.header__project-item:hover {
    background-color: var(--_palette---brand--low)
}

.header__project-link {
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--s);
    line-height: 130%;
    text-decoration: none;
    transition: color .3s cubic-bezier(.215, .61, .355, 1)
}

.collection-cards {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    /*grid-template-columns: 1fr 1fr;*/
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.collection-card {
    padding-top: var(--control--padding--lg);
    padding-right: var(--control--padding--lg);
    padding-bottom: var(--control--padding--lg);
    padding-left: var(--control--padding--lg);
    aspect-ratio: 3/2;
    flex-flow: column;
    justify-content: space-between;
    display: flex;
    position: relative
}

.collection-card__title {
    z-index: 2;
    color: var(--_palette---white--base);
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h2);
    text-transform: uppercase;
    min-width: 0;
    max-width: 35rem;
    font-weight: 500;
    line-height: 110%;
    position: relative
}

.collection-card__text-root {
    z-index: 2;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    position: relative
}

.collection-card__inage {
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.privacy__link {
    color: var(--_palette---white--mid);
    font-size: var(--_typography---body--s);
    text-decoration: none
}

.collection-card__info-list {
    grid-column-gap: var(--gap--s);
    grid-row-gap: var(--gap--s);
    flex-flow: column;
    display: flex
}

.collection-card__info-item {
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    color: var(--_palette---white--base);
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    line-height: 150%;
    display: flex
}

.collection-card__info-icon {
    display: flex
}

.hero__text-root {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    flex-flow: column;
    display: flex;
    align-items: center;
}

.title__one {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h1);
    text-transform: uppercase;
    color: var(--base);
    font-weight: 500;
    line-height: 100%
}

.title__one.hero__title {
    color: var(--_palette---white--base);
    font-size: var(--_typography---heading--h1-small);
    max-width: 53.75rem
}
.hero__h2{
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: var(--_palette---white--base);
    font-weight: 500;
    line-height: 100%
}
.hero__descr {
    color: var(--_palette---white--base);
    font-size: var(--_typography---body--l);
    max-width: 43rem;
    font-weight: 500;
    line-height: 140%
}

.hero__list {
    z-index: 2;
    padding-top: var(--control--padding--lg);
    border-top: 1px solid var(--_palette---white--extra-low);
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    position: static
}

.hero__wrapper {
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    display: flex
}

.hero__item {
    grid-column-gap: var(--gap--l);
    grid-row-gap: var(--gap--l);
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.hero__item-root {
    color: var(--_palette---white--base)
}

.hero__item-descr {
    font-size: var(--_typography---body--s);
    text-transform: uppercase;
    line-height: 140%
}

.hero__item-title {
    font-size: var(--_typography---heading--h4);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 140%
}

.hero__background {
    object-fit: cover;
    width: 100%;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.banner__wrapper {
    padding: var(--paddings--surface--xl)var(--paddings--surface--xl)var(--paddings--surface--xl)var(--paddings--surface--base);
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    border-radius: var(--gap--xxs);
    background-image: linear-gradient(90deg, #000, #fff0 59%), url(../images/3.png);
    background-position: 0 0, 0%;
    background-size: auto, cover;
    flex-flow: column;
    min-height: 300px;
    display: flex;
    position: relative;
    overflow: hidden
}

.banner__wrapper.apart {
    background-image: none;
    background-color: var(--base)
}

.banner__title {
    color: var(--_palette---white--base);
    text-transform: uppercase;
    max-width: 50rem;
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: 3rem;
    font-weight: 500;
    line-height: 110%;
    position: static
}

.banner__title.tablet {
    display: none
}

.banner__title.small {
    font-size: 1.75rem;
    font-weight: 400
}

.banner__descr {
    color: var(--_palette---white--base);
    max-width: 35rem;
    line-height: 150%;
    position: static
}

.banner__text-root {
    z-index: 2;
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    aspect-ratio: auto;
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    display: flex;
    position: relative
}

.banner__text-root.wrapper {
    flex: 0 auto
}

.banner__logo {
    z-index: 2;
    max-height: 2.625rem;
    position: absolute;
    bottom: 2rem;
    right: 2rem
}

.main-promo__text-root {
    grid-column-gap: var(--gap--s);
    grid-row-gap: var(--gap--s);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.main-promo__wrapper {
    grid-column-gap: var(--gap--4xl);
    grid-row-gap: var(--gap--4xl);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.main-promo__descr {
    text-align: center;
    max-width: 39.5rem;
    line-height: 150%
}

.title-four {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h4);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 120%
}

.title-four.about-metropolitan__item-subtitle {
    text-transform: none;
    color: var(--strong);
    font-family: Manrope, Arial, sans-serif
}

.about-metropolitan__title-root {
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: end;
    margin-bottom: 3rem;
    display: grid
}

.title-two {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h2);
    text-transform: uppercase;
    color: var(--base);
    font-weight: 500;
    line-height: 110%
}

.title-two.all-projects__title {
    margin-bottom: 1.5rem
}

.about-metropolitan__descr {
    line-height: 150%
}

.about-metropolitan__list {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    overflow: visible
}

.about-metropolitan__item {
    padding-top: var(--paddings--surface--lg);
    padding-right: var(--paddings--surface--lg);
    padding-bottom: var(--paddings--surface--lg);
    padding-left: var(--paddings--surface--lg);
    border-top-left-radius: var(--border-radius--low);
    border-top-right-radius: var(--border-radius--low);
    border-bottom-left-radius: var(--border-radius--low);
    border-bottom-right-radius: var(--border-radius--low);
    background-color: var(--extra-low);
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    min-width: auto;
    min-height: 27.5rem;
    max-height: none;
    display: flex
}

.about-metropolitan__item-top {
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    flex-flow: column;
    display: flex
}

.about-metropolitan__item-bottom {
    line-height: 150%
}

.about-metropolitan__list-wrapper {
    padding-right: var(--paddings--surface--base);
    padding-bottom: var(--layout--section-outside--small);
    padding-left: var(--paddings--surface--base);
    width: 100%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.all-projects__filters {
    grid-column-gap: var(--gap--3xl);
    grid-row-gap: var(--gap--3xl);
    flex-flow: column;
    display: block
}

.all-projects__menu {
    grid-column-gap: var(--gap--xs);
    grid-row-gap: var(--gap--xs);
    margin-bottom: 2.5rem;
    display: flex
}

.all-projects__tab {
    border-radius: var(--border-radius--full);
    background-color: var(--_palette---brand--low);
    color: var(--_palette---brand--base);
    font-size: var(--_typography---body--s);
    justify-content: center;
    align-items: center;
    padding: .5rem 1rem;
    line-height: 130%;
    transition: color .3s cubic-bezier(.215, .61, .355, 1), background-color .3s cubic-bezier(.215, .61, .355, 1);
    display: flex
}

.all-projects__tab:hover {
    background-color: var(--_palette---brand--mid);
    color: var(--_palette---white--base)
}

.all-projects__tab.w--current {
    background-color: var(--_palette---brand--base);
    color: var(--_palette---white--base);
    font-size: var(--_typography---body--s);
    justify-content: center;
    align-items: center;
    padding: .5rem 1rem;
    line-height: 130%
}

.all-projects__pagination {
    margin-top: 2.5rem
}

.all-projects__load-more {
    border-radius: var(--border-radius--full);
    background-color: var(--_palette---brand--low);
    color: var(--_palette---brand--base);
    font-size: var(--_typography---body--m);
    border-style: none;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.5rem;
    font-weight: 500;
    transition: color .3s cubic-bezier(.215, .61, .355, 1), background-color .3s cubic-bezier(.215, .61, .355, 1)
}

.all-projects__load-more:hover {
    background-color: var(--_palette---brand--mid);
    color: var(--_palette---white--base)
}

.all-projects__list {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.all-projects__item {
    width: auto;
    min-width: 0
}

.hidden {
    display: none
}

.achievements__title-root {
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 2.5rem;
    display: flex;
    position: relative
}

.achievement-card {
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--_palette---brand--low);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--_palette---brand--low);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--_palette---brand--low);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--_palette---brand--low);
    border-top-left-radius: var(--border-radius--low);
    border-top-right-radius: var(--border-radius--low);
    border-bottom-left-radius: var(--border-radius--low);
    border-bottom-right-radius: var(--border-radius--low);
    border-color: var(--extra-low);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 20.75rem;
    padding: 1.25rem .75rem;
    display: flex
}

.achievement-card__title-top {
    font-size: var(--_typography---body--s);
    text-transform: uppercase;
    font-weight: 500
}

.achievement-card__image {
    object-fit: contain;
    height: 11.25rem
}

.achievement-card__text-root {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.achievement-card__title {
    font-size: var(--_typography---body--m);
    text-align: center;
    color: var(--base);
    font-weight: 600;
    line-height: 140%
}

.achievement-card__descr {
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--s);
    line-height: 130%
}

.modal {
    z-index: 1000;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

.modal__wrapper {
    padding: var(--control--padding--lg);
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    border-radius: var(--border-radius--low);
    background-color: var(--_palette---background--main);
    flex-flow: column;
    width: 45rem;
    max-width: 45rem;
    max-height: none;
    display: flex;
    position: relative
}

.modal__title {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h3);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 120%
}

.modal__descr {
    line-height: 150%
}

.modal__title-root {
    grid-column-gap: var(--gap--l);
    grid-row-gap: var(--gap--l);
    flex-flow: column;
    display: flex
}

.modal__background {
    background-color: var(--_palette---black--base);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    width: 100%;
    height: 100%;
    position: absolute
}

.form__button {
    padding-top: var(--control--padding--sm);
    padding-right: var(--control--padding--md);
    padding-bottom: var(--control--padding--sm);
    padding-left: var(--control--padding--md);
    border-top-left-radius: var(--border-radius--full);
    border-top-right-radius: var(--border-radius--full);
    border-bottom-left-radius: var(--border-radius--full);
    border-bottom-right-radius: var(--border-radius--full);
    color: var(--_palette---white--base);
    font-size: var(--_typography---body--s);
    background-color: var(--base);
    font-weight: 500;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.form__button:hover {
    background-color: var(--strong)
}

.modal__chat-root {
    grid-column-gap: var(--gap--xl);
    grid-row-gap: var(--gap--xl);
    flex-flow: column;
    display: flex
}

.modal__chat-bottom {
    grid-column-gap: var(--gap--m);
    grid-row-gap: var(--gap--m);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    line-height: 150%;
    display: flex
}

.modal__chat-separator {
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--s);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.button-whatsapp {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    border-top-left-radius: var(--border-radius--full);
    border-top-right-radius: var(--border-radius--full);
    border-bottom-left-radius: var(--border-radius--full);
    border-bottom-right-radius: var(--border-radius--full);
    background-color: var(--extra-low);
    color: var(--base);
    justify-content: center;
    align-items: center;
    padding: .75rem 1rem;
    font-weight: 600;
    line-height: 140%;
    text-decoration: none;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    display: flex
}

.button-whatsapp:hover {
    background-color: var(--low)
}

.button-whatsapp__icon {
    flex: 0 auto;
    align-self: auto;
    display: flex
}

.modal__cross-button {
    border-radius: var(--gap--xxs);
    background-color: var(--_palette---white--extra-low);
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    transition: background-color .3s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.modal__cross-button:hover {
    background-color: var(--_palette---white--low)
}

.modal__icon-cross {
    display: flex
}

.faq__title-root {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
    display: flex
}

.faq__list {
    flex-flow: column;
    display: flex
}

.faq__item {
    padding-top: var(--paddings--surface--lg);
    padding-bottom: var(--paddings--surface--lg);
    border-top: 1px solid var(--_palette---brand--low);
    border-bottom: 1px solid var(--_palette---brand--low)
}

.dropdown-faq {
    z-index: 1;
    flex-flow: column;
    width: 100%;
    display: flex
}

.dropdown-faq__title {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    font-size: var(--_typography---body--l);
    white-space: pre-wrap;
    border-top: 1px #8e8e931a;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 0;
    font-weight: 500;
    line-height: 140%;
    display: flex
}

.dropdown-faq__content {
    opacity: .7;
    background-color: #0000;
    flex-flow: column;
    display: flex;
    position: static;
    overflow: hidden
}

.dropdown-faq__button {
    border-radius: var(--border-radius--full);
    background-color: var(--_palette---brand--low);
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    position: relative
}

.dropdown-faq__icon {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 16px;
    left: .47rem
}

.dropdown-faq__icon.vertical {
    opacity: .42;
    display: flex;
    position: absolute;
    top: .5625rem;
    left: .965rem
}

.text-block-3 {
    padding-top: 1rem
}

.collection-card__button {
    border-radius: var(--border-radius--full);
    background-color: var(--_palette---white--base);
    color: var(--_palette---brand--base);
    padding: .75rem 1.5rem;
    font-weight: 600;
    line-height: 140%;
    transition: background-color .3s cubic-bezier(.215, .61, .355, 1)
}

.collection-card__button:hover {
    background-color: var(--_palette---background--main)
}

.graph-content__button.text-base {
    display: none
}

.form__checkbox {
    grid-column-gap: var(--gap--s);
    grid-row-gap: var(--gap--s);
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--xs);
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    display: flex
}

.checkbox {
    border: 1px solid var(--_palette---brand--mid);
    border-radius: var(--border-radius--low);
    width: 1.375rem;
    min-width: 1.375rem;
    height: 1.375rem;
    margin-top: 0;
    margin-left: -.8rem
}

.checkbox.w--redirected-checked {
    border: 1px solid var(--_palette---brand--mid);
    background-color: var(--_palette---brand--mid)
}

.footer__disclaimer {
    color: var(--_palette---white--mid);
    font-size: var(--_typography---body--s);
    text-align: left;
    line-height: 130%
}

.button__icon {
    display: flex
}

.form__caption--link {
    color: var(--_palette---brand--base);
    text-decoration: none
}

.modal-brochure__wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-radius: var(--border-radius--mid);
    background-color: var(--_palette---background--main);
    grid-template-rows: auto;
    grid-template-columns: 1fr 29.5rem;
    grid-auto-columns: 1fr;
    width: 55rem;
    max-height: 37.5rem;
    display: grid;
    position: relative;
    overflow: hidden
}

.modal-brochure__title {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h3);
    text-transform: uppercase;
    font-weight: 500
}

.modal-brochure__descr {
    line-height: 150%
}

.modal-broshure__button {
    border-top-left-radius: var(--border-radius--full);
    border-top-right-radius: var(--border-radius--full);
    border-bottom-left-radius: var(--border-radius--full);
    border-bottom-right-radius: var(--border-radius--full);
    background-color: var(--base);
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-weight: 600;
    line-height: 140%
}

.modal-brochure__image-root {
    background-color: var(--base);
    width: 100%;
    padding: .25rem .25rem .25rem 0
}

.modal-brochure__image-root.apart {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0
}

.modal-brochure__image {
    border-radius: var(--border-radius--low);
    object-fit: contain;
    height: 100%
}

.modal-brochure__image.apart {
    object-fit: cover;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.modal-brochure {
    z-index: 1000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

.collection-hero__wrapper {
    grid-column-gap: var(--paddings--surface--lg);
    grid-row-gap: var(--paddings--surface--lg);
    flex-flow: column;
    display: flex
}

.collection-hero__text-root {
    grid-column-gap: var(--paddings--surface--xl);
    grid-row-gap: var(--paddings--surface--xl);
    flex-flow: column;
    display: flex
}

.collection-hero__list-root {
    padding-top: var(--paddings--surface--xl);
    border-top: 1px solid #000;
    border-color: var(--extra-low);
    justify-content: space-between;
    align-items: flex-end;
    display: flex
}

.collection-hero__list {
    grid-column-gap: var(--gap--5xl);
    grid-row-gap: var(--gap--5xl);
    display: flex
}

.collection-hero__item {
    grid-column-gap: var(--gap--xxs);
    grid-row-gap: var(--gap--xxs);
    flex-flow: column;
    display: flex
}

.collection-hero__item-title {
    font-size: var(--_typography---body--s);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 140%
}

.collection-hero__item-value {
    font-size: var(--_typography---heading--h4);
    font-weight: 500;
    line-height: 140%
}

.text-block-5 {
    white-space: nowrap
}

.project-card__img-wrapper {
    border-radius: var(--border-radius--low);
    height: 21.5625rem;
    overflow: hidden
}

.heading {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h2);
    text-transform: uppercase;
    color: var(--base);
    font-weight: 500;
    line-height: 110%
}

.paragraph-2 {
    line-height: 150%
}

.banner__button {
    border-radius: var(--border-radius--full);
    background-color: var(--_palette---white--base);
    color: var(--_palette---brand--base);
    cursor: pointer;
    align-self: flex-start;
    padding: .875rem 1.5rem;
    font-weight: 600;
    line-height: 140%;
    transition: all .2s
}

.banner__button:hover {
    background-color: var(--_palette---brand--mid);
    color: var(--_palette---white--mid)
}

.project-info__button {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-top-left-radius: var(--border-radius--full);
    border-top-right-radius: var(--border-radius--full);
    border-bottom-left-radius: var(--border-radius--full);
    border-bottom-right-radius: var(--border-radius--full);
    color: var(--_palette---white--base);
    cursor: pointer;
    background-color: var(--base);
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 500;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    display: flex;
    position: relative
}

.project-info__button:hover {
    background-color: var(--strong)
}

.project-info__button.hidden {
    display: none
}

.modal-brochure__bg {
    background-color: var(--_palette---black--base);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    width: 100%;
    height: 100%;
    position: absolute
}

.project-info__palm-image {
    object-fit: contain;
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    overflow: visible
}

.main-promo__subtitile {
    font-family: Cormorantgaramond, Georgia, sans-serif;
    font-size: var(--_typography---heading--h4);
    text-transform: uppercase;
    font-weight: 400
}

.project-hero__poits-wrapper {
    grid-column-gap: var(--gap--xxl);
    grid-row-gap: var(--gap--xxl);
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    display: flex
}

.project-info__title-root {
    justify-content: space-between;
    align-items: stretch;
    display: flex
}

.project-hero__title-root {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex
}

.project-hero__descr {
    color: var(--_palette---white--base);
    font-size: var(--_typography---heading--h3);
    font-weight: 500;
    line-height: 130%
}

.masterplan__image-wrapper {
    background-image: url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/6900a50fb593562db044294e_025c07cfdb25a89c4bd3c4cbfc0a1b83_b3dc3dabed10b4d69b686f9a959c3543bbf78512.avif);
    background-position: 50%;
    background-size: cover;
    width: 100%;
    min-width: 82.5rem;
    height: 43.75rem;
    position: relative
}

.masterplan__pin-wrapper {
    z-index: 0;
    display: flex;
    position: absolute;
    bottom: 19.75rem;
    left: 24.4375rem
}

.masterplan__pin-wrapper.volleyball {
    bottom: 9.5625rem;
    left: 30.25rem
}

.masterplan__pin-wrapper.kids--play-area {
    bottom: 18rem;
    left: 42rem
}

.masterplan__pin-wrapper.pool {
    bottom: 12.5rem;
    left: auto;
    right: 38.25rem
}

.masterplan__pin-wrapper.co-working {
    bottom: 19.75rem;
    left: auto;
    right: 29.8rem
}

.masterplan__pin-wrapper.dining {
    bottom: 17rem;
    left: auto;
    right: 34.5rem
}

.masterplan__pin-wrapper.fitness-zone {
    bottom: 14.9rem;
    left: auto;
    right: 29rem
}

.masterplan__pin-wrapper.event {
    bottom: 12.5rem;
    left: auto;
    right: 32.6rem
}

.masterplan__pin-wrapper.sunken-seating {
    z-index: 0;
    bottom: 8.8125rem;
    left: auto;
    right: 34rem
}

.masterplan__pin-wrapper.deck-seating {
    bottom: 9.5rem;
    left: auto;
    right: 29rem
}

.masterplan__pin-wrapper.cinema {
    bottom: 5.875rem;
    left: auto;
    right: 24.6875rem
}

.masterplan__pin-wrapper.lounge {
    bottom: 1.5625rem;
    left: auto;
    right: 25.875rem
}

.masterplan__pin {
    z-index: 1;
    background-color: var(--_palette---white--base);
    border-radius: 50%;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    position: relative
}

.masterplan__pin.w--open {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem
}

.masterplan__icon {
    justify-content: center;
    align-items: center;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.masterplan__pin-content {
    z-index: 3;
    background-color: #efeadf;
    right: 0
}

.masterplan__pin-content.w--open {
    background-color: var(--_palette---white--base);
    color: #282524;
    text-transform: capitalize;
    white-space: nowrap;
    border-radius: 999px;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    height: 100%;
    max-height: 2.5rem;
    padding: .5rem 1rem;
    font-size: 1rem;
    display: flex;
    position: absolute;
    left: 3rem;
    right: auto;
    box-shadow: 0 6px 42px #00000024
}

.masterplan__hint {
    display: none
}

.floor-plans__title-root {
    border: 1px #000;
    border-bottom-style: solid;
    border-color: var(--extra-low);
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.floor-plans__tabs {
    position: static
}

.floor-plans__tab-menu {
    border: 1px solid #000;
    border-color: var(--extra-low);
    border-radius: .5rem;
    padding: .25rem;
    display: flex;
    position: absolute;
    top: 0;
    right: 2.5rem
}

.floor-plans__tab-link {
    background-color: #0000;
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    line-height: 150%;
    display: flex
}

.floor-plans__tab-link.w--current {
    background-color: var(--extra-low)
}

.floor-plan__info-root {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.floor-plan__info-title {
    color: var(--_palette---brand--mid);
    font-size: var(--_typography---body--s);
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
}

.floor-plan__info-value {
    font-size: var(--_typography---body--s);
    white-space: nowrap;
    color: var(--base)
}

.floor-plan__title-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    white-space: nowrap;
    display: flex
}

.heading-2 {
    font-size: var(--_typography---heading--h4);
    font-weight: 500
}

.modal-amenities {
    z-index: 1000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

.modal-amenities__bg {
    background-color: var(--_palette---black--base);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    width: 100%;
    height: 100%;
    position: absolute
}

.modal-amenities__wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    border-radius: var(--border-radius--mid);
    background-color: var(--_palette---background--main);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 38.75rem;
    max-height: 37.5rem;
    padding: 1.5rem;
    display: flex;
    position: relative
}

.list-amenities__item {
    border-bottom: 1px solid var(--_palette---black--extra-low);
    padding-top: 1rem;
    padding-bottom: 1rem
}

.modal-amenities__item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: 1px solid var(--_palette---black--extra-low);
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex
}

.modal-amenities__list-wrapper {
    overflow: auto
}

.header__link-icon {
    transition: transform .25s cubic-bezier(.25, .46, .45, .94);
    display: flex
}

.header__dropdown-links {
    box-shadow: 0 6px 42px #00000024
}

.header__dropdown-links.w--open {
    z-index: 10;
    box-shadow: none;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
    top: auto;
    overflow: visible
}

.header__dropdown-link {
    background-color: #0000;
    padding: .5rem 20px .5rem .75rem;
    line-height: 150%;
    transition: background-color .25s cubic-bezier(.25, .46, .45, .94)
}

.header__dropdown-link:hover {
    background-color: var(--extra-low)
}

.modal-floorplan {
    z-index: 1000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

.modal-floorplan__bg {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background-color: #090909b3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.modal-floorplan__wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: var(--border-radius--mid);
    background-color: var(--_palette---background--main);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 55rem;
    max-height: 37.5rem;
    display: grid;
    position: relative;
    overflow: hidden
}

.floorplan-btn.banner__button:hover {
    background-color: var(--_palette---background--main);
    color: var(--_palette---brand--base)
}

.brochure-modal.project-info__button {
    font-weight: 500
}

.floor-plan__image-wrapper {
    background-color: var(--_palette---white--base);
    justify-content: center;
    align-items: center;
    width: 32.5rem;
    height: 27.875rem;
    padding: .75rem .5rem;
    display: flex
}

.floor-plan__image {
    object-fit: contain;
    overflow: visible
}

.banner__image {
    max-height: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.dld_verified {
    border: 1px solid #000;
    border-color: var(--low);
    border-radius: .25rem;
    justify-content: space-between;
    align-items: stretch;
    padding: 2rem 1.5rem;
    display: flex
}

.dld_verified__tag {
    border-radius: var(--border-radius--full);
    background-color: var(--_palette---green--extra-low);
    color: var(--_palette---green--base);
    align-self: flex-start;
    padding: .25rem .875rem
}

.dld_verified__text-root {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    display: flex
}

.dld_verified__descr {
    max-width: 38.75rem
}

.dld_verified__code {
    object-fit: contain
}

.dld_verified__code-root {
    background-color: var(--_palette---white--base);
    border-radius: .25rem;
    width: 7.5rem;
    min-width: 7.5rem;
    height: 7.5rem;
    min-height: 7.5rem;
    padding: .5rem
}

.header__dropdown-wrapper {
    background-color: var(--_palette---background--main);
    border-radius: .5rem;
    margin-top: .5rem;
    overflow: hidden;
    box-shadow: 0 6px 42px #00000024
}

.project-hero__bg {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute
}

@media screen and (max-width:991px) {
    body {
        --_typography---body--m: .875rem;
        --_typography---heading--h1: 3.5rem;
        --_typography---heading--h1-small: 3rem;
        --_typography---heading--h4: 1.5rem;
        --_typography---body--s: .875rem;
        --_typography---body--l: 1.125rem;
        --_typography---heading--h2: 2.5rem;
        --_typography---body--xs: .75rem;
        --_typography---heading--h3: 1.75rem;
        --layout--section-outside--middle: 3.125rem;
        --layout--section-outside--small: 2.5rem;
        --paddings--surface--base: 2rem;
        --gap--5xl: 3rem;
        --layout--section-outside--large: 5rem;
        --gap--3xl: 2rem;
        --layout--max-width--lg: 100%;
        --gap--xxs: .25rem;
        --control--padding--lg: 1.5rem;
        --gap--4xl: 2.5rem;
        --border-radius--low: .25rem;
        --gap--m: 1rem;
        --control--padding--md: 1rem;
        --control--padding--sm: .75rem;
        --border-radius--full: 999px;
        --paddings--surface--xl: 1.5rem;
        --gap--s: .75rem;
        --gap--l: 1.25rem;
        --gap--xl: 1.25rem;
        --paddings--surface--sm: 1.25rem;
        --gap--xs: .5rem;
        --gap--xxl: 2rem;
        --paddings--surface--lg: 1.5rem;
        --icon--size--md: 1.25rem;
        --icon--size--sm: 1rem;
        --border-radius--mid: .5rem;
        --control--height--sm: 2rem;
        --control--height--md: 2.5rem;
        --control--height--lg: 3rem;
        --control--height--xl: 3.25rem;
        --layout--section-outside--hero-top: 6.25rem;
        --layout--max-width--md: 100%;
        --layout--max-width--sm: 100%;
        --border-radius--base: .75rem;
        --icon--size--lg: 1.5rem;
        --icon--size--xl: 2rem
    }

    .section.project-hero {
        height: 30rem;
        min-height: 0;
        padding-top: 6.25rem
    }

    .section.project-hero.m-top {
        height: auto;
        margin-top: 6.6rem
    }

    .section.p-top.p-bottom.masterplan {
        overflow: hidden
    }

    .section.p-top.p-bottom.project {
        padding-top: 1.5rem
    }

    .section.price-range {
        overflow: hidden
    }

    .section.hero {
        height: auto;
        min-height: auto;
        padding-top: 0
    }

    .section.collection-hero {
        padding-top: 4.625rem
    }
    
    /*.section.main-promo{*/
    /*    min-height: 20rem;*/
    /*    padding-bottom: 0px;*/
    /*}*/

    .container.project-hero__wrapper {
        min-height: 100%;
        padding-top: 2.1875rem;
        position: static
    }

    .container.project-hero__wrapper.project {
        padding-bottom: 0
    }

    .container.project-info {
        flex-flow: column;
        max-height: none;
        display: flex
    }

    .container.promo__wrapper {
        grid-column-gap: var(--gap--3xl);
        grid-row-gap: var(--gap--3xl)
    }

    .container.price-range__wrapper {
        flex-flow: column;
        display: flex
    }

    .container.location__container {
        padding-bottom: var(--layout--section-outside--large)
    }

    .container.header__container {
        padding-right: 0
    }

    .container.hero__container {
        height: auto;
        min-height: auto;
        padding-top: 2rem;
        padding-bottom:0
    }

    .container.achievements {
        padding-left: 0;
        padding-right: 0
    }

    .project-hero__text-wrapper {
        display: flex
    }

    .project-hero__text-wrapper.villas {
        margin-top: 1.5rem
    }

    .title-one.project-hero__title {
        position: absolute;
        bottom: -6.4rem
    }

    .title-one.project-hero__title.villas {
        color: var(--_palette---brand--base);
        position: static
    }

    .title-one.project-hero__title.apart,
    .title-one.project-hero__title.project {
        position: static
    }

    .project-hero__poits {
        display: none
    }

    .project-hero__poits li {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem
    }

    .project-hero__poits.villas {
        border-top-color: var(--_palette---brand--low);
        color: var(--_palette---brand--base);
        justify-content: space-between;
        align-items: flex-end;
        display: flex
    }

    .breadcrumbs.project {
        position: absolute;
        top: 1.25rem
    }

    .project-info__wrapper {
        grid-column-gap: var(--gap--3xl);
        grid-row-gap: var(--gap--3xl);
        width: 100%;
        padding-top: 0
    }

    .project-info__wrapper.image {
        object-fit: cover;
        height: 36.875rem;
        max-height: none
    }

    .project-info__wrapper.plots {
        padding-top: 0
    }

    .project-info__wrapper.apart {
        padding-top: 5.1rem
    }

    .project-info__palm {
        display: none
    }

    .project-info__content li {
        padding-top: var(--control--padding--md);
        padding-bottom: var(--control--padding--md);
        font-size: var(--_typography---body--m)
    }

    .button.full.button-color {
        flex: 0 auto;
        width: 100%
    }

    .button.tablet-full {
        width: 100%
    }

    .button.button-color {
        align-self: flex-end;
        display: none
    }

    .button.button-color.full-mobile {
        white-space: nowrap;
        display: flex
    }

    .button.button-color.center {
        display: flex
    }

    .button.button-color.center.fit {
        position: static;
        bottom: 0;
        left: 50%
    }

    .button.button-color.location {
        width: auto;
        display: flex;
        position: absolute;
        bottom: 0;
        left: 2rem;
        right: 2rem
    }

    .button.button-color.collection-hero__button {
        width: 100%;
        display: flex
    }

    .button.dark {
        background-color: var(--_palette---brand--base);
        color: var(--_palette---white--base)
    }

    .button.dark.full.hero__button {
        margin-top: 2rem;
        display: flex
    }

    .button.dark.full.hero__button.desktop {
        display: none
    }

    .button.dark.location {
        width: auto;
        position: absolute;
        bottom: 0;
        left: 2rem;
        right: 2rem
    }

    .button.white {
        align-self: auto
    }

    .button.white.desktop {
        display: none
    }

    .button.white.tablet {
        margin-bottom: -1rem;
        display: flex
    }

    .project-info__image {
        max-height: none;
        position: absolute;
        top: 0;
        left: 0
    }

    .project-title__two.text-base {
        display: block
    }

    .project-title__two.text-base.hidden-tablet {
        display: none
    }

    .project-title__two.text-base.gallery__title {
        margin-bottom: 2rem
    }

    .project-title__two.text-base.all-projects__title {
        max-width: 29.875rem
    }

    .project-title__two.graph-diagram__title {
        max-width: none;
        font-size: 2rem
    }

    .swiper.floor-plan-swiper {
        width: 157%;
        height: 25rem;
        position: absolute;
        top: 47%;
        bottom: 50%;
        transform: translateY(-50%)
    }

    .swiper.floor-plan-swiper.apart {
        width: 100%
    }

    .swiper.gallery-swiper {
        width: 200%;
        min-width: 200%;
        height: 25rem
    }

    .swiper.achievements-swiper {
        padding-right: var(--paddings--surface--base);
        padding-left: var(--paddings--surface--base)
    }

    .swiper-slide {
        grid-column-gap: var(--gap--l);
        grid-row-gap: var(--gap--l);
        display: flex
    }

    .swiper__nav-root {
        display: flex
    }

    .swiper__nav-root.static,
    .swiper__nav-root.achievements,
    .nav.prev.floor-plan,
    .nav.prev.gallery,
    .nav.next.floor-plan,
    .nav.next.gallery {
        display: none
    }

    .graph-diagram {
        padding-right: var(--paddings--surface--sm);
        padding-left: var(--paddings--surface--sm);
        background-position: 100% 0;
        background-size: 124%;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        height: 26.25rem
    }

    .graph-diagram__descr {
        max-width: none;
        font-size: .8rem
    }

    .graph-diagram__image {
        align-self: flex-start;
        max-height: 1.875rem
    }

    .graph-diagram__text-root {
        width: 100%
    }

    .graph-content {
        padding-top: var(--layout--section-outside--middle);
        margin-bottom: 4.375rem
    }

    .graph-content__header {
        grid-column-gap: var(--control--padding--lg);
        grid-row-gap: var(--control--padding--lg);
        flex-flow: column;
        grid-auto-flow: row;
        margin-bottom: 2.5rem;
        display: flex
    }

    .graph-content__graph {
        margin-right: -2rem;
        overflow: visible
    }

    .y-axis {
        grid-column-gap: 2.56rem;
        grid-row-gap: 2.56rem
    }

    .y-axis.apart {
        grid-column-gap: 3.97rem;
        grid-row-gap: 3.97rem
    }

    .graph-content__y-axis-title.text-base {
        right: 0
    }

    .graph-content__y-axis-title.text-base.graph-content__x-axis-root {
        padding-right: 0;
        right: -1rem
    }

    .graph-content__x-axis-root {
        width: auto;
        min-width: auto;
        padding-right: 2rem;
        overflow: visible
    }

    .graph-content__x-axis {
        overflow: visible
    }

    .graph-content__x-axis.apart {
        height: 32.5rem
    }

    .x-axis {
        border-top-style: dashed;
        min-width: -moz-fit-content;
        min-width: fit-content
    }

    .y-axis__root.primary-top.main {
        right: 3rem
    }

    .y-axis__root.primary-top.apart {
        top: 7.1rem
    }

    .y-azis__graph.primary-end.apart {
        max-height: none;
        bottom: 7.8rem
    }

    .graph-content__end-graph {
        width: 41.6875rem;
        min-width: 41.6875rem
    }

    .graph-content__x-axis-container {
        width: 100%;
        overflow: hidden
    }

    .payment-plan {
        padding-top: 0;
        padding-bottom: var(--layout--section-outside--middle);
        grid-column-gap: var(--gap--3xl);
        grid-row-gap: var(--gap--3xl);
        flex-flow: column;
        order: -9999;
        display: flex
    }

    .payment-plan__descr {
        max-width: 26.8rem
    }

    .payment-plan__wrapper {
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-end
    }

    .accordion__dropdown-wrapper {
        padding-top: .25rem;
        padding-bottom: 1.25rem
    }

    .floor-plans__root {
        grid-column-gap: 27.75rem;
        grid-row-gap: 27.75rem
    }

    .floor-plan__slide-info.apart {
        order: 3
    }

    .amenities__header {
        margin-bottom: 2rem
    }

    .amenities__item {
        height: 10.25rem
    }

    .amenities__icon {
        width: 1.5rem;
        min-width: 1.5rem;
        height: 1.5rem;
        min-height: 1.5rem
    }

    .gallery__swiper {
        padding-bottom: 2rem
    }

    .gallery__swiper-wrapper {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .location__wrapper {
        border-bottom: 1px solid #0000;
        flex-flow: column;
        display: flex;
        position: static
    }

    /*.location__map-root {*/
    /*    height: 33.75rem;*/
    /*    min-height: 33.75rem*/
    /*}*/

    .location__map {
        min-height: 100%
    }

    .location__point-list {
        grid-column-gap: var(--gap--xxl);
        grid-row-gap: 0rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr
    }

    .location__point-item {
        padding-top: var(--control--padding--md);
        padding-bottom: 0
    }

    .location__item-text {
        padding-bottom: var(--control--padding--md);
        border-bottom: 1px solid var(--extra-low);
        width: 100%
    }

    .advantages__wrapper {
        grid-column-gap: var(--gap--xxl);
        grid-row-gap: var(--gap--xxl);
        flex-flow: column;
        display: flex
    }

    .advantages__list {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .advantages__item {
        padding-top: var(--control--padding--md);
        padding-bottom: var(--control--padding--md);
        max-height: none
    }

    .advantages__item-descr {
        white-space: nowrap
    }

    .all-projects__title-root {
        justify-content: space-between;
        align-items: flex-end
    }

    .project-card__img {
        height: 21.8125rem
    }

    .project-hero__poits-title.dark,
    .project-hero__poits-value.dark {
        color: var(--_palette---brand--base)
    }

    .cta__wrapper {
        display: block
    }

    .form.modal-brochure__form {
        padding: 1rem 2rem 2.5rem
    }

    .cta__image-root {
        display: none
    }

    .footer {
        padding-bottom: 6.875rem
    }

    .footer__top {
        grid-column-gap: var(--gap--4xl);
        grid-row-gap: var(--gap--4xl);
        grid-template-rows: auto;
        grid-template-columns: 16.25rem 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .footer__root {
        flex-flow: column;
        order: 9999
    }

    .social-list {
        grid-template-columns: 1fr 1fr;
        display: flex
    }

    .footer__nav-root {
        flex-flow: column
    }

    .footer__bottom {
        padding-top: 1.5rem
    }

    .header__mob-wrapper {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        border-top: 1px #8e8e931a;
        flex-flow: column;
        grid-template-rows: min-content min-content;
        grid-template-columns: .5fr 1fr;
        grid-auto-rows: min-content;
        grid-auto-columns: 1fr;
        justify-content: center;
        align-items: center;
        height: 100%;
        display: flex;
        position: relative
    }

    .burger-btn__icon {
        grid-column-gap: .3125rem;
        grid-row-gap: .3125rem;
        border-left: 1px solid var(--_palette---brand--low);
        cursor: pointer;
        flex: none;
        width: auto;
        height: 100%;
        min-height: 3.7rem;
        padding: 0;
        display: flex;
        position: relative;
        inset: auto
    }

    .burger-btn__icon:active {
        opacity: .8
    }

    .flex_h-16-center {
        align-items: stretch;
        height: 100%;
        min-height: 100%
    }

    .lang-list {
        right: 0
    }

    .header {
        margin-left: auto;
        margin-right: auto
    }

    .btn-cons {
        align-self: flex-start
    }

    .header__mob-menu {
        background-color: var(--_palette---background--main);
        flex-flow: column;
        align-items: flex-start;
        width: 100vw;
        height: 100%;
        max-height: 100dvh;
        margin-top: 3.9rem;
        padding: 0 2rem 5rem;
        display: flex;
        position: fixed
    }

    .burger-btn {
        z-index: 2000;
        grid-column-gap: .25rem;
        grid-row-gap: .25rem;
        background-color: #0000;
        border-radius: 1rem;
        flex-direction: row;
        flex: none;
        justify-content: center;
        align-items: center;
        width: 3.5rem;
        height: 100%;
        padding: 0;
        display: flex;
        position: relative
    }

    .burger-btn.w--open {
        background-color: var(--_palette---background--main);
        transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
        position: relative
    }

    .burger_line {
        background-color: var(--_palette---brand--base);
        border-radius: 1rem;
        width: 1.5rem;
        height: 1px
    }

    .burger_line.third {
        background-color: var(--_palette---brand--base)
    }

    .header__menu {
        background-color: #fff;
        flex-flow: column;
        align-items: flex-start;
        width: 100vw;
        height: 100vh;
        margin-top: 5rem;
        padding-top: 1.5rem;
        padding-left: 4vw;
        padding-right: 4vw;
        display: none;
        position: fixed
    }

    .header__main {
        border-bottom-style: none
    }

    .header__logos-item {
        border-right-style: none;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .header__logos-item.hidden-tablet {
        display: none
    }

    .header__project {
        overflow: hidden
    }

    .header__project-list {
        overflow: auto
    }

    .header__project-link {
        white-space: nowrap;
        word-break: normal
    }

    .header__mob-links {
        border-top: 1px solid var(--_palette---brand--low);
        border-bottom: 1px solid var(--_palette---brand--low);
        flex-flow: column;
        width: 100%;
        display: flex
    }

    .header__mob-item {
        padding-top: var(--control--padding--md);
        padding-bottom: var(--control--padding--md);
        grid-column-gap: var(--gap--m);
        grid-row-gap: var(--gap--m);
        flex-flow: column;
        display: flex
    }

    .header__mob-link {
        color: var(--_palette---brand--base);
        font-size: var(--_typography---body--s);
        text-transform: uppercase;
        font-weight: 500;
        line-height: 140%;
        text-decoration: none
    }

    .header__mob-link.title {
        font-family: Cormorantgaramond, Georgia, sans-serif;
        font-size: var(--_typography---heading--h3);
        line-height: 120%
    }

    .header__mob-link-root {
        grid-column-gap: var(--gap--s);
        grid-row-gap: var(--gap--s);
        flex-flow: column;
        display: flex
    }

    .collection-cards {
        grid-column-gap: 1px;
        grid-row-gap: 1px;
        flex-flow: column;
        display: flex
    }

    .collection-card {
        aspect-ratio: 2
    }

    .collection-card__text-root {
        grid-column-gap: var(--gap--l);
        grid-row-gap: var(--gap--l);
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start
    }
    .hero__text-root{
        align-items: flex-start;
    }
    .title__one.hero__title {
        color: var(--_palette---brand--base);
        max-width: 40rem
    }
    .hero__h2{
        color: var(--_palette---brand--base);
        font-size: 2rem;
    }
    .main-promo__h4 {
        font-size: 1.5rem;
    }
    .hero__descr {
        color: var(--_palette---brand--base);
        max-width: none
    }

    .hero__list {
        color: var(--_palette---brand--base);
        padding-top: 2rem;
        flex-wrap: wrap;
    }

    .hero__item {
        order: 0;
        width: 50%;
    }

    .hero__item.hidden-tablet {
        display: none
    }

    .hero__item-root {
        grid-column-gap: var(--gap--xxs);
        grid-row-gap: var(--gap--xxs);
        color: var(--_palette---brand--base);
        flex-flow: column-reverse;
        display: flex
    }

    .hero__item-title {
        font-size: var(--_typography---body--l);
        line-height: 200%;
    }

    .hero__background {
        min-height: 35rem;
        max-height: 35rem;
        position: relative
    }

    .hero__item-icon,
    .hidden-tablet {
        display: none
    }

    .banner__wrapper {
        padding: var(--paddings--surface--sm);
        justify-content: space-between;
        align-items: stretch;
        min-height: 16.25rem
    }

    .banner__wrapper.apart {
        flex-flow: row;
        min-height: 0
    }

    .banner__title {
        max-width: none;
        font-size: 2rem
    }

    .banner__title.tablet {
        max-width: none;
        font-size: 2rem;
        display: flex
    }

    .banner__title.desktop {
        display: none
    }

    .banner__descr {
        max-width: none
    }

    .banner__text-root.apart {
        max-width: 22.375rem
    }

    .banner__logo {
        align-self: flex-start;
        max-height: 1.875rem;
        position: static
    }

    .main-promo__descr {
        max-width: 30rem
    }

    .title-four {
        font-family: Manrope, Arial, sans-serif;
        font-size: var(--_typography---body--s)
    }

    .about-metropolitan__title-root {
        grid-column-gap: var(--gap--xxl);
        grid-row-gap: var(--gap--xxl);
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 2.5rem;
        display: flex
    }

    .about-metropolitan__list {
        margin-left: -2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        overflow: auto
    }

    .about-metropolitan__item {
        min-width: 18.75rem;
        min-height: 16.875rem
    }

    .about-metropolitan__list-wrapper {
        padding-right: 0
    }

    .all-projects__pagination {
        margin-top: 2rem
    }

    .all-projects__list {
        grid-template-columns: 1fr 1fr
    }

    .achievements__title-root {
        padding-left: var(--paddings--surface--base);
        margin-bottom: 2rem
    }

    .modal {
        justify-content: center;
        align-items: flex-end
    }

    .modal__wrapper {
        width: 30rem;
        max-width: 30rem;
        max-height: none;
        padding-bottom: 2.5rem
    }

    .faq__title-root {
        margin-bottom: 2rem
    }

    .dropdown-faq__title {
        padding-top: 0;
        padding-bottom: 0
    }

    .collection-card__button {
        justify-content: center;
        align-self: auto;
        align-items: center;
        width: 100%;
        display: flex
    }

    .graph-content__button.text-base {
        display: none
    }

    .checkbox {
        min-width: 1.375rem
    }

    .header__mob-button-root {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        order: 0;
        justify-content: center;
        align-items: center;
        display: none;
        position: absolute;
        bottom: 2.5rem
    }

    .modal-brochure__wrapper {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        width: 30rem;
        display: flex
    }

    .modal-brochure__image-root {
        display: none
    }

    .modal-brochure {
        justify-content: center;
        align-items: flex-end
    }

    .collection-hero__list-root {
        grid-column-gap: var(--gap--xxl);
        grid-row-gap: var(--gap--xxl);
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start
    }

    .banner__button {
        justify-content: center;
        align-self: auto;
        align-items: center;
        display: flex
    }

    .main-promo__subtitile {
        font-size: var(--_typography---body--l);
        text-align: center;
        line-height: 110%
    }

    .project-hero__poits-wrapper,
    .project-info__title-root {
        display: none
    }

    .project-hero__title-root {
        position: static;
        bottom: -7.1875rem
    }

    .project-hero__descr {
        font-size: var(--_typography---body--l);
        color: var(--base)
    }

    .masterplan__wrapper {
        border-radius: 0;
        margin-left: -2rem;
        margin-right: -2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        overflow: auto visible
    }

    .masterplan__image-wrapper {
        border-radius: .25rem;
        overflow: hidden
    }

    .masterplan__pin-wrapper {
        bottom: 13.5625rem
    }

    .floor-plans__tabs-content {
        height: 25rem;
        min-height: 27rem;
        overflow: hidden
    }

    .floor-plan__title-wrapper {
        order: 2;
        display: flex
    }

    .floor-plans__tab-pane {
        height: 25rem;
        min-height: 27rem
    }

    .modal-amenities {
        justify-content: center;
        align-items: flex-end
    }

    .modal-amenities__wrapper {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        width: 100%;
        max-width: 30rem;
        display: flex
    }

    .image-2 {
        order: 1
    }

    .floor-plans__tabs-wrapper {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        display: block
    }

    .floorplan-btn.banner__button {
        align-self: flex-start
    }

    .brochure-modal.project-info__button {
        background-color: var(--extra-low);
        color: var(--base)
    }

    .floor-plan__image-wrapper {
        width: 16.5rem;
        height: 13.375rem
    }

    .banner__image {
        object-fit: contain;
        right: -6rem
    }

    .dld_verified {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        flex-flow: row-reverse;
        justify-content: space-between;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .dld_verified__tag {
        display: none
    }

    .dld_verified__descr {
        max-width: none
    }

    .dld_verified__code-root {
        width: 5.25rem;
        min-width: 5.25rem;
        height: 5.25rem;
        min-height: 5.25rem
    }

    .project-hero__bg {
        max-height: 23.75rem;
        position: static
    }

    .project-hero__bg.left {
        object-position: 0% 0%
    }
}

@media screen and (max-width:767px) {
    body {
        --_typography---body--m: .875rem;
        --_typography---heading--h1: 2.75rem;
        --_typography---heading--h1-small: 2.5rem;
        --_typography---heading--h4: 1.25rem;
        --_typography---body--s: .75rem;
        --_typography---body--l: 1rem;
        --_typography---heading--h2: 2rem;
        --_typography---body--xs: .625rem;
        --_typography---heading--h3: 1.5rem;
        --layout--section-outside--middle: 3.125rem;
        --layout--section-outside--small: 2.1875rem;
        --paddings--surface--base: 1rem;
        --gap--5xl: 2.5rem;
        --layout--section-outside--large: 4.375rem;
        --gap--3xl: 2rem;
        --layout--max-width--lg: 40.625rem;
        --gap--xxs: .25rem;
        --control--padding--lg: 1.5rem;
        --gap--4xl: 2.5rem;
        --border-radius--low: .25rem;
        --gap--m: 1rem;
        --control--padding--md: 1rem;
        --control--padding--sm: .875rem;
        --border-radius--full: 999px;
        --paddings--surface--xl: 1.5rem;
        --gap--s: .75rem;
        --gap--l: 1.25rem;
        --gap--xl: 1.25rem;
        --paddings--surface--sm: 1rem;
        --gap--xs: .5rem;
        --gap--xxl: 1.5rem;
        --paddings--surface--lg: 1.25rem;
        --icon--size--md: 1.25rem;
        --icon--size--sm: 1rem;
        --border-radius--mid: .5rem;
        --control--height--sm: 2rem;
        --control--height--md: 2.5rem;
        --control--height--lg: 3rem;
        --control--height--xl: 3.25rem;
        --layout--section-outside--hero-top: 6.25rem;
        --layout--max-width--md: 35rem;
        --layout--max-width--sm: 100%;
        --border-radius--base: .75rem;
        --icon--size--lg: 1.5rem;
        --icon--size--xl: 2rem
    }

    .section.project-hero {
        background-position-x: 50%
    }

    .section.price-range {
        overflow: hidden
    }

    .container {
        margin-bottom: 0
    }

    .container.project-hero__wrapper {
        padding-top: 1.25rem
    }

    .container.achievements {
        padding-right: 0
    }

    .title-one.project-hero__title {
        bottom: -5.75rem
    }

    .project-info__wrapper {
        padding-top: 4.5rem
    }

    .project-info__wrapper.image {
        height: 18.75rem
    }

    .project-info__wrapper.project {
        padding-top: 0
    }

    .button.full.button-color {
        position: static
    }

    .button.center {
        padding-top: var(--control--padding--sm)
    }

    .button.button-color {
        position: absolute;
        bottom: 0
    }

    .button.button-color.full-mobile {
        width: 100%;
        display: flex
    }

    .button.button-color.center {
        position: static
    }

    .button.button-color.center.faq__button {
        flex: 0 auto;
        align-self: auto;
        position: absolute;
        left: 1rem;
        right: 1rem
    }

    .button.button-color.center.fit {
        margin-top: 1rem
    }

    .button.button-color.collection-hero__button {
        position: static
    }

    .button.dark.location {
        left: 1rem;
        right: 1rem
    }

    .project-info__image {
        object-fit: cover;
        object-position: 50% 50%;
        max-height: none
    }

    .swiper.floor-plan-swiper {
        width: 150%;
        height: 20rem;
        top: 46%
    }

    .swiper.floor-plan-swiper.apart {
        height: 22rem;
        min-height: 22rem
    }

    .swiper.gallery-swiper {
        width: 254%;
        min-width: 254%;
        height: 15rem
    }

    .swiper.future-swiper {
        min-height: 31.375rem
    }

    .swiper.all-projects-swiper {
        margin-bottom: 5rem
    }

    .swiper-wrapper {
        height: 100%;
        min-height: 0
    }

    .swiper-slide {
        min-height: 100%
    }

    .swiper__nav-root {
        display: none
    }

    .graph-diagram {
        background-image: url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/68d3e3f314f1e6185fb0fb5e_Vector%202.svg);
        background-size: contain;
        height: 31.25rem
    }

    .graph-content {
        margin-bottom: 2.5rem;
        margin-right: -1rem;
        padding-top: 0;
        padding-right: 0;
        overflow: hidden
    }

    .graph-content__header {
        border-bottom: 1px #000;
        padding-bottom: 0
    }

    .graph-content__text.p-bottom {
        border: 1px #000;
        border-bottom-style: solid;
        border-color: var(--extra-low);
        padding-bottom: 2rem
    }

    .graph-content__graph {
        margin-bottom: 1.5rem;
        margin-right: -1rem
    }

    .graph-content__y-axis-title.text-base.graph-content__x-axis-root {
        right: -2rem
    }

    .graph-content__text-wrapper.desktop {
        display: none
    }

    .graph-content__text-wrapper.desktop.apart,
    .graph-content__text-wrapper.mobile {
        display: flex
    }

    .graph-content__text-wrapper.mobile.apart {
        display: none
    }

    .y-axis__root.primary-top.apart {
        right: 3rem
    }
    .section.all-projects{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .payment-plan {
        order: 9999;
        padding-top: 6.25rem;
        padding-bottom: 5rem;
        position: relative
    }

    .floor-plans__root {
        grid-column-gap: 22.75rem;
        grid-row-gap: 22.75rem
    }

    .amenities__button-counter {
        display: none
    }

    .amenities__button-counter.mob {
        justify-content: center;
        margin-top: 2rem;
        display: flex
    }

    .amenities__list {
        grid-template-columns: 1fr 1fr
    }

    .amenities__item {
        height: 10.625rem
    }

    .location__wrapper {
        padding-bottom: var(--gap--3xl)
    }

    /*.location__map-root {*/
    /*    height: 23.75rem;*/
    /*    min-height: 23.75rem*/
    /*}*/

    .location__point-list {
        flex-flow: column;
        display: flex
    }

    .advantages__wrapper {
        padding: var(--paddings--surface--lg)var(--icon--size--md)var(--paddings--surface--lg)var(--paddings--surface--lg)
    }

    .advantages__list {
        grid-template-columns: 1fr 1fr
    }

    .all-projects__button {
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        bottom: 0;
        left: 1rem;
        right: 1rem
    }

    .project-card {
        position: relative
    }

    .project-hero__poits-value.dark {
        white-space: nowrap
    }

    .project-hero__poits-values {
        flex-flow: wrap
    }

    .project-hero__poits-values.usd {
        flex-flow: row;
        max-width: min-content
    }

    .card__link {
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0%
    }

    .form.modal-brochure__form {
        padding: 1rem 1rem 2.5rem
    }

    .form__input-root {
        flex-flow: column
    }

    .form__input {
        border-radius: 0
    }

    .footer__top {
        grid-column-gap: var(--gap--3xl);
        grid-row-gap: var(--gap--3xl);
        flex-flow: column;
        display: flex
    }

    .footer__root {
        flex-flow: column;
        order: -9999
    }

    .footer__nav-root {
        margin-top: 1.75rem
    }

    .footer__bottom {
        grid-column-gap: var(--gap--xl);
        grid-row-gap: var(--gap--xl);
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 1.25rem
    }

    .header__mob-wrapper {
        height: 100%;
        position: relative
    }

    .burger-btn__icon {
        cursor: pointer
    }

    .btn-cons {
        align-self: stretch
    }

    .header__mob-menu {
        height: 100%
    }

    .burger-btn {
        width: 3.6875rem;
        min-width: 3.6875rem
    }

    .collection-card {
        padding-top: var(--paddings--surface--lg);
        padding-right: var(--paddings--surface--lg);
        padding-bottom: var(--paddings--surface--lg);
        padding-left: var(--paddings--surface--lg);
        aspect-ratio: 1
    }

    .hero__background {
        min-height: 18rem;
        max-height: 18rem
    }

    .banner__wrapper.apart {
        background-image: url(https://cdn.prod.website-files.com/68d25c3bcc787b5423b29293/6904a4936f7af1681eaff41e_2cb1cfcdf3ecb02e1a5e4ad1ef3ea3c2_banner-mobile.avif);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: auto;
        min-height: 31.25rem
    }

    .banner__title {
        max-width: 90%
    }

    .banner__text-root.apart {
        justify-content: flex-start;
        max-width: none
    }

    .about-metropolitan__list {
        margin-left: -1rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .about-metropolitan__item {
        min-height: 15.5rem
    }

    .all-projects__menu {
        flex-flow: wrap
    }

    .all-projects__list {
        grid-template-columns: 1fr
    }

    .achievement-card {
        min-height: 17rem
    }

    .achievement-card__image {
        height: 7.75rem
    }

    .modal__wrapper {
        width: 100%;
        max-width: none;
        max-height: none
    }

    .button-whatsapp.mob-menu {
        align-self: center
    }

    .faq__list {
        margin-bottom: 5rem
    }

    .graph-content__button {
        grid-column-gap: var(--gap--xs);
        grid-row-gap: var(--gap--xs);
        border-top-left-radius: var(--border-radius--full);
        border-top-right-radius: var(--border-radius--full);
        border-bottom-left-radius: var(--border-radius--full);
        border-bottom-right-radius: var(--border-radius--full);
        border: 1px dashed #000;
        border-color: var(--low);
        justify-content: center;
        align-items: center;
        padding-top: .875rem;
        padding-bottom: .875rem;
        display: flex
    }

    .graph-content__button.text-base {
        margin-right: 1rem;
        line-height: 150%;
        display: flex
    }

    .graph-content__button-icon {
        justify-content: center;
        align-self: auto;
        align-items: center;
        display: flex
    }

    .text-block-4 {
        white-space: nowrap
    }

    .header__mob-button-root {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        justify-content: flex-end;
        align-items: center;
        line-height: 150%;
        display: flex;
        position: absolute;
        bottom: 2.5rem
    }

    .modal-brochure__wrapper {
        width: auto
    }

    .collection-hero__list {
        grid-column-gap: var(--gap--xxl);
        grid-row-gap: var(--gap--xxl);
        flex-flow: column
    }

    .masterplan__wrapper {
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        position: relative
    }

    .masterplan__image-wrapper {
        border-radius: 0
    }

    .masterplan__hint {
        z-index: 5;
        background-color: #090909b3;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: absolute
    }

    .masterplan__hint-root {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        color: var(--_palette---white--base);
        text-align: center;
        flex-flow: column;
        display: flex
    }

    .floor-plans__tab-menu {
        grid-column-gap: .25rem;
        grid-row-gap: .25rem;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 1.5rem;
        margin-left: auto;
        margin-right: auto;
        position: static
    }

    .floor-plans__tab-link {
        width: 100%
    }

    .floor-plans__tabs-content.apart,
    .floor-plans__tab-pane {
        height: 22rem;
        min-height: 22rem
    }

    .modal-amenities {
        display: none
    }

    .modal-amenities__wrapper {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        width: 100%;
        max-width: none;
        padding: 1rem 1rem 2.1875rem;
        overflow: hidden
    }

    .floorplan-btn.banner__button {
        align-self: stretch;
        width: 100%;
        margin-top: auto
    }

    .banner__image {
        display: none
    }

    .dld_verified {
        padding: 1.25rem
    }

    .project-hero__bg {
        height: 23.75rem
    }
}

@media screen and (max-width:479px) {
    .title-one.project-hero__title {
        bottom: -6.8rem
    }

    .project-hero__poits li {
        flex: 0 auto;
        justify-content: space-between;
        align-self: stretch;
        align-items: flex-start;
        height: auto
    }

    .project-hero__poits.villas {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        flex: 1;
        align-self: auto
    }

    .button.button-color.center.fit {
        z-index: 2;
        white-space: nowrap;
        position: static;
        left: 50%
    }

    .swiper.floor-plan-swiper {
        height: 20.75rem
    }

    .swiper.floor-plan-swiper.apart {
        overflow: hidden
    }

    .swiper-slide {
        display: flex
    }

    .floor-plans__root {
        grid-column-gap: 22.75rem;
        grid-row-gap: 22.75rem
    }

    .advantages__list {
        flex-flow: row;
        margin-right: -1rem;
        padding-right: 1rem;
        display: flex;
        overflow: auto
    }

    .project-hero__poits-value.dark {
        flex: 0 auto;
        align-self: auto;
        margin-top: auto
    }

    .project-hero__poits-values {
        width: min-content
    }

    .btn-cons {
        align-self: stretch
    }

    .header__logos {
        z-index: 11;
        position: relative
    }

    .banner__title {
        max-width: none;
        font-size: 1.75rem
    }

    .form__checkbox {
        align-items: center
    }

    .floor-plans__tab-menu {
        justify-content: center;
        align-items: flex-start;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: auto
    }

    .floor-plans__tabs-content {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        height: 20.75rem;
        min-height: 27.1875rem;
        display: block
    }

    .floor-plans__tabs-content.apart {
        overflow: hidden
    }

    .floor-plan__title-wrapper {
        display: flex
    }

    .floor-plans__tab-pane {
        width: auto;
        height: 22rem;
        min-height: 22rem
    }
}

@media screen and (max-width:991px) {
    #w-node-c42db742-ad2f-a5ed-329e-d98642269d12-42269d0e {
        order: -9999
    }

    #w-node-c42db742-ad2f-a5ed-329e-d98642269d17-42269d0e {
        grid-area: span 2/span 1/span 2/span 1
    }
}

/*-----------------------------------*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
*, ::after, ::before {
    box-sizing: border-box;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.g-5, .gy-5 {
    --bs-gutter-y: 3rem;
}
.align-items-center {
    align-items: center !important;
}
.text-start {
    text-align: left !important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
@media (min-width: 992px) {
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

.section-title {
    text-align: center;
    padding-bottom: 60px;
    position: relative;
}
.section-title p {
    font-size: 1.125rem;
    line-height: 1.8;
    color: color-mix(in srgb, #666666, transparent 25%);
    max-width: 900px;
    margin: 0 auto;
    text-wrap: balance;
}

.services {
    background-color: color-mix(in srgb, var(--background-color), var(--accent-color) 2%);
    overflow: clip;
    padding: 60px 0;
}

.services .service-item {
  padding: 60px 40px;
  background-color: var(--surface-color);
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.services .service-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease-in-out;
}

.services .service-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--default-color), transparent 90%);
}

.services .service-item:hover::before {
  transform: scaleX(1);
}

.services .service-item:hover .service-icon {
  transform: scale(1.1);
}

.services .service-item:hover .service-link {
  color: var(--accent-color);
}

.services .service-item:hover .service-link i {
  transform: translateX(8px);
}

.services .service-item .service-icon {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), var(--heading-color) 20%));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  transition: transform 0.4s ease-in-out;
  flex-shrink: 0;
}

.services .service-item .service-icon i {
  font-size: 32px;
  color: var(--contrast-color);
}

.services .service-item h3 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 1.3;
}

.services .service-item p {
  font-size: 16px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 32px;
  flex-grow: 1;
}

.services .service-item .service-link {
  color: var(--heading-color);
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease-in-out;
  align-self: flex-start;
}

.services .service-item .service-link i {
  font-size: 16px;
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 1199px) {
    .services {
        scroll-margin-top: 66px;
    }
}
@media (max-width: 768px) {
    .services{
        padding: 0px;
    }
  .services .service-item {
    padding: 40px 24px;
  }

  .services .service-item .service-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
  }

  .services .service-item .service-icon i {
    font-size: 28px;
  }

  .services .service-item h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .services .service-item p {
    font-size: 15px;
    margin-bottom: 24px;
  }
}

.nearby-timeline {
    --halo: #e9ddc8;
    --rail: #1e1e1e;
    --rail-h: 4px;
    --rail-y: 110px;
    --dot: 16px;
    --dot-lg: 26px
}
.timeline{position:relative}
.time-minutes {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    list-style: none;
    margin: 0;
    width: 80%;
    padding: 0 0 20px 0
}

.time-minutes>li {
    position: relative;
    text-align: center;
}

.time-minutes>li button {
    all: unset;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1
}

.tm-value {
    font-weight: 900;
    font-size: clamp(34px, 5.2vw, 40px);
    color: #000000;
    line-height: 66px;
}

.tm-unit {
    margin-top: -10px;
    font-weight: 400;
    font-size: clamp(11px, 1.1vw, 14px);
    color: #c9c0b3
}

.timeline-track,.timeline-progress {
    position: absolute;
    left: 4%;
    right: 4%;
    top: var(--rail-y);
    height: var(--rail-h);
    transform: translateY(-50%);
    border-radius: var(--rail-h);
    z-index: 2
}

.timeline-track {
    background: #ababab;
    opacity: .9
}

.time-minutes>li::before {
    content: "";
    position: absolute;
    top: var(--rail-y);
    left: 50%;
    transform: translate(-50%,-50%);
    width: var(--dot);
    height: var(--dot);
    border-radius: 50%;
    background: #ababab;
    z-index: 3
}

@media (max-width: 900px) {
    .time-minutes {
        width:95%;
        gap: 10vw
    }
}

.timeline-active-dot {
    position: absolute;
    top: var(--rail-y);
    left: 0;
    width: var(--dot-lg);
    height: var(--dot-lg);
    border-radius: 50%;
    background: #000000;
    box-shadow: 0 0 0 12px rgb(233 221 200 / .65);
    transform: translate(-50%,-50%);
    z-index: 4;
    transition: left 0.35s ease;
    animation: pulse-shadow 1.6s ease-in-out infinite;
    cursor: pointer
}

@keyframes pulse-shadow {
    0% {
        box-shadow: 0 0 0 12px rgb(233 221 200 / .65)
    }

    50% {
        box-shadow: 0 0 0 16px rgb(233 221 200 / .35)
    }

    100% {
        box-shadow: 0 0 0 12px rgb(233 221 200 / .65)
    }
}

.time-minutes>li button {
    opacity: .3;
    transition: opacity 0.25s ease
}

.time-minutes>li.past button,.time-minutes>li.is-active button {
    opacity: 1
}

.time-minutes>li button:is(.btn,.button,button,[type=submit],[type=button]):hover {
    background-color: transparent!important
}
#time-amenities {
    margin-top: 70px;
    padding: 0;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    --text-align: left;
    text-align: var(--text-align);
    --content-align: flex-start;
    --wd-align: flex-start;
}
.wd-list {
    --list-mb: 0;
    --li-mb: 15px;
    --li-pl: 0;
    --wd-row-gap: var(--li-mb);
    display: flex;
    flex-direction: column;
    justify-content: var(--wd-align);
    gap: var(--wd-row-gap);
    list-style: none
}

.wd-list li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: inherit;
    gap: 10px;
    margin-bottom: 0 !important;
    transition: all .25s ease
}

.wd-list .wd-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--color-gray-800);
    line-height: 1;
    transition: all .25s ease;
    font-size: var(--li-icon-s, 1em)
}

.wd-list.wd-design-bordered li:not(:first-child):before {
    content: "";
    position: absolute;
    top: calc(var(--wd-row-gap) / 2 * -1);
    inset-inline: 0px;
    border-top: 1px solid var(--brdcolor-gray-300)
}

.wd-list .wd-icon:is(img,svg) {
    width: var(--li-icon-s, revert-layer);
    min-width: var(--li-icon-s, 6px);
    max-width: 150px;
    fill: currentColor
}

.wd-list .wd-icon:has(:is(img,svg)):before {
    display: none
}

.wd-list.wd-type-ordered {
    counter-reset: item
}

.wd-list.wd-type-ordered .wd-icon {
    font-weight: 600
}

.wd-list.wd-type-ordered .wd-icon:before {
    content: counter(item) ".";
    counter-increment: item
}
.wd-list-content {
    font-size: 15px;
    line-height: 16px;
}
.wd-list.wd-type-unordered .wd-icon:before {
    font-size: .6em;
    content: "\f113";
    font-family: "woodmart-font"
}

.wd-list.wd-type-unordered-2 .wd-icon:before {
    content: "";
    width: 1em;
    height: 1em;
    font-size: calc(var(--li-icon-s, 10px) / 2);
    background: currentColor;
    border-radius: 50%
}

.wd-list.wd-shape-icon .wd-icon {
    background-color: var(--color-gray-200);
    width: var(--li-icon-s, 2em);
    height: var(--li-icon-s, 2em);
    font-size: calc(var(--li-icon-s, 2em) / 2)
}

.wd-list.wd-shape-icon .wd-icon :is(img,svg) {
    width: calc(var(--li-icon-s, 2em) / 2);
    height: calc(var(--li-icon-s, 2em) / 2);
    min-width: calc(var(--li-icon-s, 14px) / 2);
    object-fit: contain
}

.wd-list.wd-style-rounded .wd-icon {
    border-radius: 50%
}

@media screen and (max-width:400px){
    .section-title p {
        font-size: 1rem;
        line-height: 1.6;
    }
    .wd-list li {
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px;
    }
    .wd-list-content {
        text-align: center;
        font-size: 12px;
        width: 100%;
    }
}