:root {
    --font-family--body: Inter, sans-serif;
    --colors--black: black;
    --font-family--body-ar: Cairo;
    --font-family--heading: Silvadisplay, sans-serif;
    --_responsive---font-size--h1: var(--sizes--12x);
    --font-family--heading-ar: "Rabar 041", Arial, sans-serif;
    --_responsive---font-size--h2: var(--sizes--6x);
    --_responsive---font-size--h3: var(--sizes--4x);
    --_responsive---font-size--h4: var(--sizes--3x);
    --_responsive---font-size--p: 16px;
    --sizes--6x: 48px;
    --sizes--2x: 16px;
    --sizes--4x: 32px;
    --sizes--0-5x: 4px;
    --font-family--heading-ar\<deleted\|variable-d3553713-ecd3-4430-8917-5f4c1fd38218\>: Cairo;
    --sizes--3x: 24px;
    --sizes--1x: 8px;
    --colors--neutral--neutral-600: #97948e;
    --sizes--2-5x: 20px;
    --colors--brand-primary-500: #1f8fa1;
    --sizes--10x: 80px;
    --sizes--1-5x: 12px;
    --white\<deleted\|variable-d931862b\>: white;
    --colors--opacity-00: #fff0;
    --colors--neutral--neutral-800: #363636;
    --colors--brand-primary-400: #eed0ae;
    --colors--brand-secondary-500: #19383b;
    --sizes--2-25x: 18px;
    --gray-400\<deleted\|variable-8c79b1ca-ea45-d4a2-ff8f-a10245fad873\>: #d4d4d4;
    --bodyfont\<deleted\|variable-734b4a74-54a7-5350-f3ef-58660ea5b2ff\>: Inter, sans-serif;
    --colors--white: white;
    --colors--neutral--neutral-400: #dfddda;
    --sizes--16x: 128px;
    --sizes--8x: 64px;
    --sizes--1-75x: 14px;
    --font-family--numbers: Silvadisplay, sans-serif;
    --_responsive---font-size--base: 16px;
    --_responsive---font-size--xl: 20px;
    --colors--neutral--neutral-200: #eee;
    --_responsive---border-radius--base: 20px;
    --colors--neutral--neutral-500: #d8d8d8;
    --_responsive---border-radius--lg: 25px;
    --colors--opacity-40: #fff6;
    --font-family--number\<deleted\|variable-a43ffb96-2116-d86f-d12c-392f966f5cfb\>: Silvadisplay, sans-serif;
    --_responsive---font-size--xs: 12px;
    --sizes--12x: 96px;
    --_responsive---font-size--xxl: 24px;
    --_responsive---font-size--sm: 14px;
    --_responsive---font-size--xxs: 10px;
    --_responsive---font-size--h5: var(--sizes--3x);
    --_responsive---font-size--h6: var(--sizes--2-25x);
    --colors--brand-secondary-400: #b19d70;
    --colors--light-blue: #b2d7fb;
    --colors--white-smoke: whitesmoke;
    --colors--opacity-20: #fff3;
    --colors--opacity-60: #fff9;
    --colors--opacity-80: #fffc;
    --_responsive---border-radius--sm: 0px;
}

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

.w-layout-vflex {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
}

.w-form-formradioinput--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-width: 4px;
    border-color: #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 {
    font-family: var(--font-family--body);
    color: var(--colors--black);
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}

body:lang(ar) {
    direction: rtl;
    font-family: var(--font-family--body-ar);
    color: var(--colors--black);
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}

h1 {
    font-family: var(--font-family--heading);
    font-size: var(--_responsive---font-size--h1);
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 100%;
}

h1:lang(ar) {
    font-family: var(--font-family--heading-ar);
    font-size: var(--_responsive---font-size--h1);
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 100%;
}

h2 {
    font-family: var(--font-family--heading);
    font-size: var(--_responsive---font-size--h2);
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 100%;
}

h3 {
    font-family: var(--font-family--heading);
    font-size: var(--_responsive---font-size--h3);
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 100%;
}

h4 {
    font-family: var(--font-family--heading);
    font-size: var(--_responsive---font-size--h4);
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 100%;
}

p {
    font-size: var(--_responsive---font-size--p);
    max-width: 700px;
    margin-bottom: 10px;
    line-height: 160%;
}

a {
    color: var(--colors--black);
    text-decoration: none;
}

img {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    display: inline-block;
}

.container {
    z-index: 3;
    padding-right: var(--sizes--6x);
    padding-left: var(--sizes--6x);
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.container.p-x-0 {
    padding-left: 0;
    padding-right: 0;
}

.frame-2 {
    -webkit-backdrop-filter: blur(11.5px);
    backdrop-filter: blur(11.5px);
    background-image: linear-gradient(136.6deg, #ffffffe3, #ffffffb5);
    border: 0 solid #cfcfcf;
    border-right-width: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 157px;
    height: 158px;
    padding: 32px;
    display: flex;
}

.h2-ar {
    font-family: var(--font-family--heading-ar\<deleted\|variable-d3553713-ecd3-4430-8917-5f4c1fd38218\>);
    color: #000;
    font-size: var(--_responsive---font-size--h2);
    text-align: right;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 120%;
}

.h2-ar.t-m-y-0 {
    margin-top: 0;
}

.h2-ar.t-a-center {
    text-align: center;
}

.t-400-xlg {
    font-family: var(--font-family--body);
    font-size: 24px;
    font-weight: 400;
    line-height: 100%;
}

.t-400-xlg.t-c-white.m-y-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.t-400-xlg.t-c-white.m-y-0.active {
    padding-right: var(--sizes--2x);
    float: left;
    font-weight: 700;
}

.form-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 600px;
    display: flex;
}

.form {
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    display: flex;
}

.form.hide {
    grid-column-gap: var(--sizes--3x);
    grid-row-gap: var(--sizes--3x);
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.input-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.input-wrapper.h {
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
    flex-direction: row;
}

.input-wrapper.radio {
    height: var(--sizes--6x);
    grid-column-gap: var(--sizes--1x);
    grid-row-gap: var(--sizes--1x);
}

.input-wrapper.radiobox {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.input {
    padding: 0px var(--sizes--3x);
    border: 1px solid var(--colors--neutral--neutral-600);
    font-family: var(--font-family--body);
    color: var(--colors--black);
    font-size: var(--sizes--2-5x);
    text-align: left;
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 60px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 140%;
    display: flex;
}

.input:hover {
    border-bottom-width: 2px;
    border-bottom-color: var(--colors--brand-primary-500);
}

.input::placeholder {
    color: var(--colors--black);
}

.input.textarea {
    height: var(--sizes--10x);
    padding-top: var(--sizes--1-5x);
}

.input.checkbox-title {
    border-style: none;
    width: auto;
    height: 40px;
    padding-left: 0;
    padding-right: 0;
}

.paragraph {
    font-family: var(--font-family--body);
    font-size: var(--sizes--1-5x);
    font-weight: 400;
    line-height: 150%;
}

.paragraph.t-c-white {
    color: var(--white\<deleted\|variable-d931862b\>);
}

.paragraph.t-a-c {
    text-align: center;
}

.btn-form {
    padding: var(--sizes--2x) var(--sizes--3x);
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
    background-color: var(--colors--opacity-00);
    font-family: var(--font-family--body);
    color: var(--colors--neutral--neutral-800);
    font-size: var(--sizes--2x);
    justify-content: center;
    align-items: center;
    max-width: 450px;
    height: 44px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: underline;
    transition: all .1s cubic-bezier(.55, .085, .68, .53);
    display: flex;
}

.btn-form:hover {
    background-color: var(--colors--brand-primary-400);
    color: var(--colors--brand-secondary-500);
}

.btn-form.form {
    z-index: 50;
    background-color: var(--colors--brand-primary-500);
    border-radius: 100px;
    width: 100px;
    max-width: none;
    height: 100px;
    margin-bottom: -90px;
    padding: 0;
}

.btn-form.form:hover {
    background-color: var(--colors--brand-secondary-500);
    transform: scale(1.1);
}

.h3-ar {
    font-family: var(--font-family--heading-ar\<deleted\|variable-d3553713-ecd3-4430-8917-5f4c1fd38218\>);
    font-size: var(--_responsive---font-size--h3);
    text-align: right;
    font-weight: 600;
    line-height: 120%;
}

.list {
    padding-top: var(--sizes--4x);
    padding-right: 0;
    padding-bottom: var(--sizes--4x);
    grid-column-gap: var(--sizes--4x);
    grid-row-gap: var(--sizes--4x);
    border-top: 1px solid var(--gray-400\<deleted\|variable-8c79b1ca-ea45-d4a2-ff8f-a10245fad873\>);
    border-bottom: 1px solid var(--gray-400\<deleted\|variable-8c79b1ca-ea45-d4a2-ff8f-a10245fad873\>);
    font-family: var(--bodyfont\<deleted\|variable-734b4a74-54a7-5350-f3ef-58660ea5b2ff\>);
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    list-style-type: square;
    display: flex;
}

.swiper-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.swiper.gallery {
    width: 100%;
}

.swiper.villa-gallery {
    width: 100%;
    overflow: hidden;
}

.swiper.lifestyle {
    height: 100%;
}

.swiper.slideshow {
    z-index: 1;
    background-color: var(--colors--brand-primary-500);
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
}

.swiper-slide.slideshow {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.swiper-slide.lifestyle {
    justify-content: center;
    align-items: center;
    width: 50vw;
    height: 100vh;
    display: flex;
    position: relative;
}

.swiper-wrapper {
    display: flex;
}

.swiper-wrapper._128-gallery {
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
}

.swiper-wrapper.lifestyle {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.swiper-wrapper.slideshow {
    width: 100%;
    height: 100%;
}

.swiper-wrapper.villa-gallery {
    display: flex;
}

.swiper-button {
    z-index: 500;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 87px;
    display: flex;
}

.swiper-continer {
    max-width: 120%;
    position: relative;
}

._128-gallery-item {
    object-fit: cover;
    border-radius: 25px;
    width: 500px;
    max-width: none;
}

.slide-wrapper {
    display: flex;
    position: relative;
    overflow: hidden;
}

.swiper-button-next {
    background-color: var(--colors--brand-primary-500);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    transition: all .1s cubic-bezier(.77, 0, .175, 1);
    display: flex;
}

.swiper-button-next:hover {
    background-color: var(--colors--brand-secondary-500);
    transform: scale(1.1);
}

.spacer-4x {
    width: var(--sizes--4x);
    height: var(--sizes--4x);
}

.line {
    margin-top: var(--sizes--2x);
    margin-bottom: var(--sizes--2x);
    background-color: var(--colors--black);
    width: 100%;
    height: 1px;
    transition: width .2s;
}

.line._w-50 {
    width: 50px;
}

.line.v {
    width: 1px;
    height: 100%;
}

.line.c-black {
    background-color: var(--colors--black);
    width: 100%;
}

.line.c-black.m-y-1x {
    margin-top: var(--sizes--1x);
    margin-bottom: var(--sizes--1x);
}

.line.c-black.m-t-05x {
    margin-top: var(--sizes--0-5x);
}

.line.c-neutral-600 {
    background-color: var(--colors--neutral--neutral-600);
}

.line.c-white {
    background-color: var(--colors--white);
}

.line.c-white.m-t-05x {
    margin-top: var(--sizes--0-5x);
    margin-bottom: var(--sizes--0-5x);
    margin-top: var(--sizes--0-5x);
}

.line.fotter-link {
    width: 0%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    position: absolute;
    inset: auto 0% 0%;
}

.line.c-netural-400 {
    background-color: var(--colors--neutral--neutral-400);
}

.line.c-netural-400.m-t-0 {
    margin-top: 0;
    margin-bottom: 16px;
}

.line._w-max-100 {
    max-width: 100px;
}

.section {
    padding-top: var(--sizes--16x);
    padding-bottom: var(--sizes--16x);
    background-color: var(--colors--white);
    position: relative;
    overflow: hidden;
}

.section.form {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
}

.section.gallery {
    position: relative;
}

.section.intro {
    z-index: 800;
}

.section.p-y-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.section.p-b-0 {
    padding-bottom: 0;
}

.section.hero {
    background-color: var(--colors--black);
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
}

.section.villas {
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
}

.section.header {
    background-color: var(--colors--brand-primary-500);
    background-image: url('/images/header-background.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.section.header.villa {
    background-image: url('/images/villa-a-hero.webp');
    padding-top: 200px;
    padding-bottom: 200px;
}

.section.c-primary-500 {
    background-color: var(--colors--brand-primary-500);
}

.section.lifestyle {
    padding-top: 0;
    padding-bottom: 0;
}

.section.developer {
    padding-top: var(--sizes--6x);
    padding-bottom: var(--sizes--6x);
    background-color: var(--colors--brand-primary-500);
}

.spacer-16 {
    width: var(--sizes--16x);
    height: var(--sizes--16x);
}

.t-300-sm {
    font-family: var(--font-family--body-ar);
    font-size: var(--sizes--1-75x);
    font-weight: 400;
}

.list-title {
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
    justify-content: flex-end;
    align-items: center;
    width: 40%;
    display: flex;
}

.list-desc {
    width: 60%;
}

.list-number {
    grid-column-gap: var(--sizes--0-5x);
    grid-row-gap: var(--sizes--0-5x);
    align-items: center;
    width: 80px;
    max-width: 80px;
    display: flex;
}

.list-line {
    background-color: var(--colors--brand-primary-500);
    width: 50px;
    height: 2px;
}

.testimonial-card {
    background-color: var(--colors--white);
    padding: 24px;
}

.testimonial-title {
    justify-content: space-between;
    display: flex;
}

.t-700-xlg {
    font-family: var(--font-family--body);
    font-size: var(--sizes--3x);
    line-height: var(--sizes--3x);
    font-weight: 700;
}

.language {
    z-index: 60;
    grid-column-gap: var(--sizes--4x);
    grid-row-gap: var(--sizes--4x);
    color: var(--colors--brand-secondary-500);
    justify-content: flex-start;
    align-items: center;
    margin-right: 116px;
    display: flex;
}

.language:hover {
    color: var(--colors--brand-primary-500);
}

.language:lang(ar) {
    margin-left: 116px;
    margin-right: 0;
}

.t {
    font-family: var(--font-family--body);
    font-size: var(--sizes--2x);
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
}

.t.t-c-white {
    color: var(--white\<deleted\|variable-d931862b\>);
}

.t.t-c-white.no-wrap {
    white-space: nowrap;
}

.t.t-c-white.t-a-center {
    text-align: center;
}

.t.form {
    width: 100px;
}

.h1-ar {
    font-family: var(--font-family--heading-ar\<deleted\|variable-d3553713-ecd3-4430-8917-5f4c1fd38218\>);
    font-size: var(--sizes--6x);
    text-align: right;
    margin-top: 0;
    font-weight: 700;
    line-height: 120%;
}

.h1-ar.t-a-center {
    text-align: center;
}

.h1-ar.t-a-center.t-c-white {
    color: var(--white\<deleted\|variable-d931862b\>);
}

.h1-ar.t-c-white {
    color: var(--colors--white);
}

.hide-on-mobile {
    display: block;
}

.grid-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.grid-4.no-gap,
.grid-4.fotter {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.n-lg {
    font-family: var(--font-family--numbers);
    font-size: var(--sizes--10x);
    font-weight: 700;
    line-height: 70%;
}

.t-400-sm {
    font-family: var(--font-family--body);
    font-size: var(--sizes--1-75x);
    font-weight: 400;
    line-height: 120%;
}

.t-400-sm.t-c-neutral-600 {
    color: var(--colors--neutral--neutral-600);
}

.flex-v-c-c {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.t-600-lg {
    font-family: var(--font-family--body-ar);
    font-size: var(--sizes--2-25x);
    text-align: right;
    font-weight: 600;
    line-height: 130%;
}

.t-600-lg.t-c-white {
    color: var(--white\<deleted\|variable-d931862b\>);
}

.n {
    font-family: var(--font-family--numbers);
    font-size: var(--sizes--4x);
    text-align: right;
    font-weight: 700;
}

.n.t-c-primary-500 {
    color: var(--colors--brand-primary-500);
}

.swiper-button-wrapper {
    padding-right: var(--sizes--3x);
    padding-left: var(--sizes--3x);
    justify-content: space-between;
    width: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
}

.left-arrow {
    margin-right: -33px;
    transform: rotate(180deg);
}

.right-arrow {
    margin-left: -33px;
}

.swiper-button-prev {
    background-color: var(--colors--brand-primary-500);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    transition: all .1s cubic-bezier(.77, 0, .175, 1);
    display: flex;
}

.swiper-button-prev:hover {
    background-color: var(--colors--brand-secondary-500);
    transform: scale(1.1);
}

.radio-btn-item {
    margin-right: var(--sizes--2x);
    grid-column-gap: var(--sizes--1x);
    font-family: var(--font-family--body);
    font-size: var(--sizes--2x);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    font-weight: 700;
}

.radio-button {
    width: 20px;
    height: 20px;
    margin-left: 0;
}

.radio-button.w--redirected-checked {
    background-color: var(--colors--brand-primary-500);
    border-width: 1px;
    border-color: #ccc;
}

.copyright {
    margin-top: var(--sizes--1x);
    margin-bottom: var(--sizes--1x);
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.link {
    padding-top: var(--sizes--1x);
    padding-bottom: var(--sizes--1x);
    font-family: var(--font-family--body-ar);
    color: var(--colors--brand-secondary-500);
    font-weight: 700;
    text-decoration: underline;
    transition: all .1s ease-in-out;
}

.link:hover {
    opacity: .5;
}

.success-message {
    background-color: var(--colors--brand-primary-400);
}

.error-message {
    background-color: #ff4f4f;
    padding: 22px;
    margin-top: 20px;
    display: none;
}

.radio-button-wrapper {
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
    justify-content: center;
    display: flex;
}

.navbar {
    z-index: 9999;
    background-color: var(--colors--opacity-00);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 80px;
    text-decoration: none;
    display: flex;
    position: absolute;
    top: 0;
}

.menu {
    z-index: 900;
    padding-top: var(--sizes--6x);
    padding-bottom: var(--sizes--6x);
    background-color: var(--colors--white);
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 50vh;
    transition: all .2s;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
    transform: translate(0, -100%);
}

.nav-item {
    grid-column-gap: 8px;
    color: var(--colors--neutral--neutral-800);
    white-space: nowrap;
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    height: 32px;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.nav-item:active {
    opacity: .5;
}

.nav-item.w--current {
    color: var(--colors--brand-primary-500);
}

.nav-item.t-sm-ar {
    transition: all .2s;
}

.nav-item.t-sm-ar:hover,
.nav-item.t-sm-ar.w--current:hover {
    background-color: var(--colors--brand-primary-400);
}

.mask-1-2 {
    z-index: 900;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% -106px;
}

.logo-symbol {
    z-index: 9999;
    object-fit: cover;
    width: 40px;
    height: 40px;
}

.body {
    background-color: var(--colors--white);
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
}

.container-lg {
    padding-right: var(--sizes--2x);
    padding-left: var(--sizes--2x);
    width: 100%;
    max-width: none;
}

.container-lg.p-r-0 {
    padding-right: 0;
}

.container-lg.p-r-0:lang(ar) {
    padding-left: 0;
}

.grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.grid-2.auto {
    grid-template-columns: auto auto;
}

.grid-2.auto.villa {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template-columns: min-content auto;
    grid-auto-rows: 20px;
}

.grid-2.custom {
    width: 100%;
    height: 100vh;
}

.grid-2.intro-details {
    grid-column-gap: var(--sizes--8x);
    grid-row-gap: var(--sizes--8x);
}

.grid-2.no-gap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.form-btn {
    grid-column-gap: var(--sizes--3x);
    grid-row-gap: var(--sizes--3x);
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.mask-1-3 {
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% -1px;
}

.flex-block {
    grid-column-gap: var(--sizes--1-5x);
    grid-row-gap: var(--sizes--1-5x);
    justify-content: flex-start;
    align-items: center;
}

.brand-logo {
    flex-flow: column;
}

.burger-icon {
    z-index: 901;
    flex-flow: column;
    display: block;
}

.burger-icon.w--open {
    background-color: var(--colors--opacity-00);
}

.menu-button-wrapper {
    z-index: 999;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--colors--opacity-00);
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding-right: 15px;
    display: flex;
}

.menu-icon_line-top {
    background-color: var(--colors--white);
    width: 50px;
    height: 3px;
}

.menu-icon_line-middle {
    background-color: var(--colors--white);
    width: 40px;
    height: 3px;
}

.menu-icon_line-bottom {
    background-color: var(--colors--white);
    width: 44px;
    height: 3px;
}

.t-sm-ar {
    direction: rtl;
    font-family: var(--font-family--body-ar);
    font-size: var(--sizes--1-75x);
    text-align: right;
    font-weight: 400;
    line-height: 120%;
}

.t-sm-ar.t-c-neutral-800 {
    color: var(--colors--neutral--neutral-800);
}

.button-left-icon {
    padding-right: var(--sizes--2-5x);
    padding-left: var(--sizes--2-5x);
    grid-column-gap: var(--sizes--1-5x);
    grid-row-gap: var(--sizes--1-5x);
    background-color: #dfddda;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.button-left-icon.outline {
    border: 1px solid var(--colors--neutral--neutral-600);
    background-color: var(--colors--opacity-00);
    color: var(--colors--white);
}

.button-left-icon.language {
    border: 1px solid var(--colors--neutral--neutral-600);
    background-color: var(--colors--opacity-00);
    color: var(--colors--white);
    justify-content: space-around;
    align-items: center;
    width: 36px;
    height: 36px;
    padding-left: 0;
    padding-right: 0;
}

.icon-whatsapp {
    z-index: 3;
    position: relative;
}

.icon-whatsapp:hover {
    transform: scale(1.1);
}

._w-100 {
    width: 100%;
}

.p-ar {
    font-family: var(--font-family--body-ar);
    font-size: var(--_responsive---font-size--base);
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 170%;
    text-decoration: none;
}

.p-ar.t-a-center {
    text-align: center;
}

.container-sm {
    z-index: 3;
    padding-right: var(--sizes--6x);
    padding-left: var(--sizes--6x);
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.grid-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.grid-3.px-2x {
    margin-right: var(--sizes--2x);
    margin-left: var(--sizes--2x);
}

.grid-3.value {
    grid-template-columns: 1fr 2fr 1fr;
}

.space-8x {
    width: var(--sizes--8x);
    height: var(--sizes--8x);
}

.t-600-lg-ar {
    font-family: var(--font-family--body-ar);
    font-size: var(--_responsive---font-size--xl);
    text-align: right;
    font-weight: 600;
    line-height: 120%;
}

.social-wrapper {
    margin-top: var(--sizes--2x);
    grid-column-gap: var(--sizes--1-5x);
    grid-row-gap: var(--sizes--1-5x);
    justify-content: flex-start;
    align-items: stretch;
    margin-left: -14px;
    display: flex;
}

.button-left-icon-2 {
    padding-right: var(--sizes--2-5x);
    padding-left: var(--sizes--2-5x);
    grid-column-gap: var(--sizes--1-5x);
    grid-row-gap: var(--sizes--1-5x);
    background-color: #dfddda;
    border-radius: 15px;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.button-left-icon-2.h-60 {
    height: 60px;
}

.whatsapp {
    z-index: 9999;
    margin-top: var(--sizes--2x);
    margin-bottom: var(--sizes--2x);
    padding-top: var(--sizes--2x);
    padding-bottom: var(--sizes--2x);
    padding-left: var(--sizes--2x);
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
    color: var(--colors--white);
    display: flex;
    position: fixed;
    inset: auto 0% 0% auto;
}

.whatsapp:hover {
    opacity: .76;
}

.page-preloader {
    z-index: 9999;
    background-color: var(--colors--brand-primary-500);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
}

.preloader-logo {
    width: 200px;
}

.subpage-title {
    padding-right: var(--sizes--2-5x);
    padding-left: var(--sizes--2-5x);
    grid-column-gap: var(--sizes--1-5x);
    grid-row-gap: var(--sizes--1-5x);
    background-color: #dfddda;
    border-radius: 15px;
    justify-content: space-between;
    align-items: center;
    max-width: 300px;
    height: 44px;
    text-decoration: none;
    display: flex;
}

.div-block-4 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.body-3 {
    background-color: var(--colors--neutral--neutral-200);
}

.img.full {
    width: 100%;
}

.img.radius-base {
    border-radius: var(--_responsive---border-radius--base);
}

.img.h-80vh {
    height: 80vh;
}

.img.custom-3 {
    height: 498px;
}

.img.custom-4 {
    height: 600px;
}

.img.lifestyle {
    z-index: 1;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.img.h-100 {
    height: 100%;
}

.call-us-whatsapp {
    z-index: 60;
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
    color: var(--colors--brand-secondary-500);
    display: flex;
}

.call-us-whatsapp:hover {
    color: var(--colors--brand-primary-500);
}

.h2 {
    font-family: var(--font-family--heading);
    font-size: var(--_responsive---font-size--h2);
    font-weight: 700;
}

.h2.c-white {
    color: var(--colors--white);
}

.h2.c-white.m-0 {
    margin: 0;
}

.h2.a-center,
.h2.t-a-c {
    text-align: center;
}

.t-600-ar {
    font-family: var(--font-family--body-ar);
    font-size: var(--_responsive---font-size--base);
    text-align: right;
    font-weight: 600;
    line-height: 120%;
}

.spacer-2x {
    width: var(--sizes--2x);
    height: var(--sizes--2x);
}

.card-residence {
    padding: var(--sizes--1x);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border: 1px solid var(--colors--neutral--neutral-500);
    border-radius: var(--_responsive---border-radius--lg);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}

.card-residence-content {
    padding: var(--sizes--4x);
}

.h4-700-ar {
    font-family: var(--font-family--heading-ar\<deleted\|variable-d3553713-ecd3-4430-8917-5f4c1fd38218\>);
    font-size: var(--_responsive---font-size--h4);
    text-align: right;
    font-weight: 700;
    line-height: 120%;
}

.card-residence-feature {
    padding: var(--sizes--4x);
    border-radius: var(--_responsive---border-radius--lg);
    background-color: var(--colors--neutral--neutral-400);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.t-700-xlg-ar {
    font-family: var(--font-family--body-ar);
    font-size: var(--_responsive---font-size--xl);
    text-align: right;
    font-weight: 700;
    line-height: 120%;
}

._w-max-700 {
    max-width: 700px;
}

.c-primary-500 {
    background-color: var(--colors--brand-primary-500);
}

.p.c-white {
    color: var(--colors--white);
}

.p.c-white.a-center,
.p.a-center {
    text-align: center;
}

.p.t-c-neutral-600 {
    color: var(--colors--neutral--neutral-600);
}

.h1.t-a-center {
    text-align: center;
}

.menu-column {
    grid-column-gap: var(--sizes--0-5x);
    grid-row-gap: var(--sizes--0-5x);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

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

.h3 {
    font-family: var(--font-family--heading);
    font-size: var(--_responsive---font-size--h3);
    font-weight: 700;
}

.h3.nav-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    height: 45px;
    padding-top: 0;
    padding-bottom: 0;
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
}

.h3.nav-item.w--current {
    color: var(--colors--brand-primary-500);
}

.h3.t-a-c {
    text-align: center;
}

.nav-menu {
    z-index: 950;
    padding-top: var(--sizes--16x);
    padding-bottom: var(--sizes--16x);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #ffffffe6;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
    transform: translate(0, -100%);
    box-shadow: 0 2px 25px #0000001a;
}

.nav-menu:lang(ar) {
    transform: translate(0, -100%);
}

.menu-button {
    z-index: 999;
    cursor: pointer;
    justify-content: flex-end;
    align-items: center;
    width: 80px;
    height: 80px;
    padding: 0;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
}

.menu-button:lang(ar) {
    justify-content: flex-start;
    align-items: center;
    left: 0;
    right: auto;
}

.menu-button.w--open {
    background-color: var(--colors--white);
}

.navbar-social-button {
    padding-top: var(--sizes--0-5x);
    border: 1px solid var(--colors--black);
    color: var(--colors--black);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex;
}

.flex-h {
    grid-column-gap: var(--sizes--4x);
    grid-row-gap: var(--sizes--4x);
    justify-content: center;
    align-items: center;
    display: flex;
}

.flex-h.gap-2x {
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
}

.flex-h.nav_menu {
    grid-column-gap: var(--sizes--0-5x);
    grid-row-gap: var(--sizes--0-5x);
    justify-content: flex-start;
}

.navbar-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.brand {
    z-index: 949;
    margin-top: var(--sizes--2x);
    margin-left: var(--sizes--3x);
    grid-column-gap: var(--sizes--1x);
    grid-row-gap: var(--sizes--1x);
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.brand:lang(ar) {
    margin-left: 24px;
    margin-right: 24px;
}

.form-container {
    width: 100%;
}

.form-left {
    background-color: var(--colors--brand-primary-500);
    background-image: url('/images/header-background.svg');
    background-position: 0 0;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}

.form-right {
    padding: 50vh var(--sizes--6x) var(--sizes--16x);
    background-color: var(--colors--white);
    width: 50%;
}

.btn-language {
    padding-right: var(--sizes--2-5x);
    padding-left: var(--sizes--2-5x);
    border: 1px solid var(--colors--opacity-40);
    color: var(--colors--white);
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    transition: all .2s;
    display: flex;
}

.btn-language:hover {
    border-color: var(--colors--brand-primary-500);
    background-color: var(--colors--brand-primary-500);
}

.magnatic {
    padding: var(--sizes--1x);
}

.magnatic.p-r-0 {
    padding-right: 0;
}

.magnatic.p-0 {
    padding: 0;
}

.btn-circle-content {
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.btn-circle {
    z-index: 950;
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.t-700 {
    font-size: var(--_responsive---font-size--base);
    font-weight: 700;
}

.t-700.t-c-white {
    color: var(--colors--white);
}

.t-700.t-c-white.no-break {
    white-space: nowrap;
}

.circle {
    z-index: 2;
    background-color: var(--colors--black);
    border-radius: 50px;
    width: 80px;
    height: 80px;
    position: absolute;
}

.circle.outline-dark {
    border: 1px solid var(--colors--black);
    background-color: var(--colors--opacity-00);
}

.circle.outline-light {
    border: 1px solid var(--colors--white);
    background-color: var(--colors--opacity-00);
}

.btn-arrow {
    z-index: 3;
    margin-top: 6px;
    margin-right: 40px;
    position: relative;
}

.btn-arrow.t-c-neutral-600 {
    color: var(--colors--neutral--neutral-600);
}

.div-block-9 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
}

.div-block-10 {
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.logo-landmark {
    z-index: 901;
    height: 40px;
}

.intro-title {
    z-index: 999;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: absolute;
    inset: 0%;
}

.hide {
    display: none;
}

.villa_item {
    z-index: 1;
    width: 100%;
    height: 100%;
    margin-bottom: 500px;
    position: sticky;
    top: 0;
}

.villa_item.villa-c,
.villas_list .villa_item:last-of-type {
    margin-bottom: 0;
}

.villa_item.title {
    z-index: 3;
    background-color: var(--colors--brand-primary-500);
    background-image: url('/images/header-background.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin-bottom: 0;
    display: flex;
    position: relative;
}

.img-villas {
    z-index: -1;
    height: 100vh;
    position: absolute;
    inset: 0%;
}

.villas_container {
    z-index: 2;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
}

.villas-category-list {
    z-index: 3;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}

.icon-whatsapp-border {
    z-index: 2;
    color: var(--colors--white);
    margin-top: -65px;
    margin-left: -5px;
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    position: absolute;
}

.icon-whatsapp-border:hover {
    transform: scale(1.1);
}

.icon-whatsapp-border:lang(ar) {
    margin-left: 0;
    margin-right: -5px;
}

.villa_category {
    padding-top: var(--sizes--2x);
    width: 400px;
}

.n-sm {
    font-family: var(--font-family--number\<deleted\|variable-a43ffb96-2116-d86f-d12c-392f966f5cfb\>);
    font-size: 28px;
    font-weight: 500;
}

.t-c-white {
    color: var(--colors--white);
}

.t-c-white.t-a-center {
    text-align: center;
}

.number-container {
    margin-left: var(--sizes--6x);
    padding: var(--sizes--2-5x) var(--sizes--1x);
    opacity: 0;
    justify-content: center;
    align-items: center;
    transition: all .2s;
    display: flex;
    transform: translate(0, 24px);
}

.number-container.active {
    padding-right: var(--sizes--2x);
    padding-left: var(--sizes--2x);
    background-color: var(--colors--brand-primary-500);
    opacity: 1;
    justify-content: center;
    align-items: center;
    transform: translate(0);
}

.lifestyle-wrapper {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
}

.lifestyle-title {
    background-color: var(--colors--brand-primary-500);
    background-image: url('/images/header-background.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 50vw;
    height: 100%;
    display: flex;
}

.capture {
    font-size: var(--_responsive---font-size--xs);
    letter-spacing: 6px;
    text-transform: uppercase;
    line-height: 100%;
}

.capture.t-c-neutral-400 {
    color: var(--colors--neutral--neutral-400);
}

.villas_list {
    z-index: 1;
}

._w-max-200 {
    width: 200px;
}

.lifestyle-title-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.line-container {
    opacity: 0;
    transform-origin: 0%;
    transform-style: preserve-3d;
    transition: all .2s;
    transform: scale3d(0, 1, 1);
}

.line-container.active {
    opacity: 1;
    transform: scale(1);
}

.villa-item-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100vh;
    display: grid;
    position: sticky;
}

.villa-item-right {
    padding: var(--sizes--8x);
    background-color: var(--colors--white);
    flex-flow: column;
    justify-content: space-around;
    align-items: stretch;
    max-width: 600px;
    height: auto;
    display: flex;
    position: relative;
}

.villa-item-wrapper-top {
    margin-bottom: var(--sizes--6x);
}

.container-full {
    width: 100%;
    max-width: none;
}

.fotter-content {
    padding-right: var(--sizes--6x);
    padding-left: var(--sizes--6x);
    border-top: 1px solid var(--colors--neutral--neutral-600);
    border-bottom: 1px solid var(--colors--neutral--neutral-600);
}

.fotter-link {
    padding-top: var(--sizes--1x);
    padding-bottom: var(--sizes--1x);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    font-family: var(--font-family--body);
    color: var(--colors--black);
    font-size: var(--sizes--2-5x);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    font-weight: 400;
    line-height: 100%;
    display: block;
    position: relative;
}

.fotter-link:active {
    opacity: .5;
}

.fotter-link.p-0 {
    padding: 0;
}

.divider {
    margin-top: var(--sizes--2x);
    margin-bottom: var(--sizes--2x);
    background-color: var(--colors--black);
    width: 1px;
    height: 100%;
    transition: width .2s;
}

.menu-btn-bg {
    z-index: -1;
    position: absolute;
}

.developer-list {
    grid-column-gap: var(--sizes--10x);
    grid-row-gap: var(--sizes--10x);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.header-title {
    margin-top: var(--sizes--16x);
    margin-bottom: var(--sizes--16x);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.heading-title {
    padding: var(--sizes--0-5x) var(--sizes--8x);
    border: 1px solid var(--colors--white);
    font-family: var(--font-family--heading);
    color: var(--colors--white);
    font-size: var(--sizes--6x);
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 100%;
}

.img-mask {
    position: relative;
}

.p-medium {
    padding: var(--sizes--4x);
}

.bleed-to-right {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
    right: 0;
}

.video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
}

.p-medium-copy {
    padding: var(--sizes--2x);
}

.btn-play {
    background-color: var(--colors--brand-primary-500);
    opacity: .9;
    border-radius: 200px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    display: flex;
}

.div-block-32 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
}

.play-icon {
    margin-top: 5px;
    margin-left: 12px;
}

.our-value-card {
    padding: var(--sizes--4x);
    background-color: var(--colors--neutral--neutral-200);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.h4 {
    font-family: var(--font-family--heading);
    font-size: var(--sizes--4x);
}

.h5 {
    font-family: var(--font-family--heading);
    font-size: var(--sizes--3x);
    font-weight: 500;
}

.h5.p-y-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.heighlight {
    background-color: var(--colors--brand-primary-500);
    color: var(--colors--white);
}

.navbar-text {
    font-family: var(--font-family--heading);
    font-size: var(--sizes--4x);
    font-weight: 700;
    line-height: 100%;
}

.navbar-text.underline {
    text-decoration: underline;
}

.card-lifestyle {
    padding: var(--sizes--6x) var(--sizes--2x) var(--sizes--2x);
}

.villa-type-symbol {
    font-family: var(--font-family--numbers);
    font-size: var(--sizes--10x);
    letter-spacing: -3px;
    font-weight: 200;
    line-height: 100%;
}

.card-lifestyle-2 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.card-lifestyle-2-img {
    object-fit: cover;
    width: 100%;
    height: 200px;
}

.card-lifestyle-2-text {
    z-index: 2;
    padding: var(--sizes--1x) var(--sizes--6x);
    background-color: var(--colors--black);
    font-family: var(--font-family--body);
    color: var(--colors--white);
    font-size: var(--sizes--2x);
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 400;
    position: absolute;
    inset: auto auto 11%;
}

.facility-number {
    background-color: var(--colors--brand-primary-500);
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    display: flex;
}

.facility-card {
    margin-right: var(--sizes--8x);
    margin-left: var(--sizes--8x);
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    height: 100%;
    display: flex;
}

.facility-line {
    width: 100%;
}

.div-block-33 {
    z-index: 2;
    width: 150%;
    position: relative;
}

.div-block-33.rtl {
    width: 200%;
    left: -100%;
}

.facility-card-top,
.facility-card-bottom {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: 50%;
    display: flex;
}

.call-us {
    padding: var(--sizes--10x) var(--sizes--10x) 250px;
    position: relative;
}

.email-us {
    padding: var(--sizes--10x) var(--sizes--10x) 250px;
    background-color: var(--colors--neutral--neutral-200);
    position: relative;
}

.div-block-34 {
    aspect-ratio: auto;
    background-color: var(--colors--brand-primary-500);
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 150px;
    display: flex;
    position: absolute;
    inset: auto auto 0% 0%;
}

.map {
    object-fit: cover;
    width: 100%;
    height: 80vh;
}

.devloper-logo-lg {
    height: 75px;
}

.div-block-35 {
    justify-content: center;
    align-items: flex-end;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}

.villa-card-top {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50%;
    display: flex;
    gap: 25px
}

.villa-type {
    padding: var(--sizes--3x);
    border: 1px solid var(--colors--black);
}

.villa-info {
    margin-right: var(--sizes--8x);
    margin-left: var(--sizes--8x);
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    height: 100%;
    display: flex;
}

.villa-feature-images-container {
    width: 100%;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}

.villa-features-images-wrapper {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    position: relative;
}

.villa-features-images-list {
    width: 100%;
    height: 100%;
    position: relative;
}

.villa-features-image-item {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.villa-features-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.villa-feature-content-wrapper {
    padding: var(--sizes--6x);
    max-width: 500px;
}

.villa-feature-content-list {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.villa-feature-content-item {
    opacity: .4;
    margin-bottom: 50vh;
}

.villa-feature-content-container {
    width: 100%;
    margin-top: 30vh;
    display: flex;
}

.villa-feature-line {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    position: relative;
}

.is-active {
    opacity: 1;
}

.card-specification {
    padding: var(--sizes--4x);
    grid-column-gap: var(--sizes--4x);
    grid-row-gap: var(--sizes--4x);
    border: 1px solid var(--colors--neutral--neutral-500);
    flex-flow: column;
    display: flex;
}

.villa-icon-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    display: flex;
}

.c-neutral-200 {
    background-color: var(--colors--neutral--neutral-200);
}

.villa-plan {
    padding: var(--sizes--4x);
    border: 1px solid var(--colors--black);
}

.villa-gallery-img {
    object-fit: cover;
    width: 100%;
    height: 100vh;
}

.swiper-item {
    margin-right: var(--sizes--1x);
    color: #ffffff80;
    flex: none;
    width: 45vw;
    height: 100%;
}

.accordion-item {
    padding-bottom: var(--sizes--2x);
    border-top: 1px solid var(--colors--neutral--neutral-600);
    border-bottom: 1px solid var(--colors--neutral--neutral-600);
    cursor: pointer;
}

.accordion-qustion {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.accordion-answer {
    transition: all .2s;
    overflow: hidden;
}

.uui-faq01_icon-wrapper {
    color: #7f56d9;
}

.accordion-icon_component {
    color: #98a2b3;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 3rem;
    height: 3rem;
    display: flex;
    position: relative;
}

.accordion-icon_horizontal-line {
    background-color: #98a2b3;
    border-radius: 1px;
    width: 1.5rem;
    height: 2px;
    position: absolute;
}

.accordion-icon_vertical-line {
    background-color: #98a2b3;
    border-radius: 1px;
    width: 2px;
    height: 1.5rem;
    position: absolute;
}

.t-400 {
    font-family: var(--font-family--body);
    font-size: var(--sizes--2x);
    font-weight: 400;
}

.slideshow-img {
    object-fit: cover;
    background-image: linear-gradient(#121234, #121234);
    width: 100%;
    height: 100%;
}

.card-location-icon {
    grid-column-gap: var(--sizes--2x);
    grid-row-gap: var(--sizes--2x);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.unique-location-icon {
    width: 200px;
}

.overlay {
    z-index: 2;
    background-image: linear-gradient(167deg, #0000004d, #0000001a 20%);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.div-block-36 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.p-sm {
    font-family: var(--font-family--body);
    font-size: 20px;
    font-weight: 400;
    line-height: 160%;
}

.story-gallery {
    padding: var(--sizes--4x);
    border: 2px solid var(--colors--neutral--neutral-600);
    position: relative;
}

.radio-btn-group {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.checkbox {
    display: none;
}

.checkbox-label {
    padding-right: var(--sizes--2x);
    padding-left: var(--sizes--2x);
    border: 1px solid var(--colors--neutral--neutral-600);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    margin-bottom: 0;
    line-height: 100%;
    display: flex;
}

.fotter-cell {
    padding-top: var(--sizes--6x);
    padding-bottom: var(--sizes--12x);
    padding-left: var(--sizes--6x);
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 100%;
    min-height: 100%;
    display: flex;
}

.fotter-cell.r-border {
    border-right: 0px solid var(--colors--neutral--neutral-600);
    flex-flow: column;
    position: relative;
}

.fotter-cell.first {
    border-right: 0px solid var(--colors--neutral--neutral-600);
    border-left: 0px solid var(--colors--neutral--neutral-600);
    background-image: linear-gradient(#ffffff80, #ffffff80), url('/images/pattern-4.svg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
}

.fotter-cell.third {
    border-right: 0px solid var(--colors--neutral--neutral-600);
    flex-flow: column;
    position: relative;
}

.fotter-brand {
    width: 200px;
}

.f-h-b-c {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.fotter-social-wrapper {
    grid-column-gap: var(--sizes--1-5x);
    grid-row-gap: var(--sizes--1-5x);
    justify-content: flex-start;
    align-items: center;
    margin-left: -16px;
    transform: scale(.8);
}

.fotter-cell-line {
    margin-top: var(--sizes--4x);
    background-color: var(--colors--brand-primary-500);
    width: 2px;
    height: 50px;
    margin-left: -1px;
    display: none;
    position: absolute;
    inset: 0% auto auto 0%;
}

.t-700-lg {
    font-family: var(--font-family--body);
    font-size: var(--sizes--2-25x);
    line-height: var(--sizes--3x);
    font-weight: 700;
}

.story-gallery-img {
    aspect-ratio: 1;
    border: 10px solid var(--colors--white);
    width: 500px;
    height: 500px;
    margin: 0;
    box-shadow: 0 0 15px 2px #0000001a;
}

.life-style-content {
    z-index: 3;
    padding: var(--sizes--6x) var(--sizes--6x) var(--sizes--3x);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #ffffffd9;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 300px;
    display: flex;
    position: relative;
}

.overlay-gradient {
    z-index: 2;
    mix-blend-mode: normal;
    background-image: linear-gradient(238deg, #1f8fa100 45%, #2d3b3d4a 61%);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.life-style-title {
    text-align: center;
    font-size: 24px;
    line-height: 100%;
}

.absolute {
    position: absolute;
    inset: 0%;
}

.developer-wrapper {
    grid-column-gap: var(--sizes--4x);
    grid-row-gap: var(--sizes--4x);
    justify-content: center;
    align-items: center;
    display: flex;
}

.story-gallery-img-padding {
    padding: var(--sizes--4x);
    position: relative;
}

.lifestyle-title-container {
    width: 100%;
    height: 100%;
}

.line-no-animation {
    margin-top: var(--sizes--2x);
    margin-bottom: var(--sizes--2x);
    background-color: var(--colors--black);
    width: 100%;
    height: 1px;
    transition: width .2s;
}

.line-no-animation._w-50 {
    width: 50px;
}

.line-no-animation.v {
    width: 1px;
    height: 100%;
}

.line-no-animation.c-black {
    background-color: var(--colors--black);
    width: 100%;
}

.line-no-animation.c-black.m-y-1x {
    margin-top: var(--sizes--1x);
    margin-bottom: var(--sizes--1x);
}

.line-no-animation.c-black.m-t-05x {
    margin-top: var(--sizes--0-5x);
}

.line-no-animation.c-neutral-600 {
    background-color: var(--colors--neutral--neutral-600);
}

.line-no-animation.c-white {
    background-color: var(--colors--white);
}

.line-no-animation.c-white.m-t-05x {
    margin-top: var(--sizes--0-5x);
    margin-bottom: var(--sizes--0-5x);
    margin-top: var(--sizes--0-5x);
}

.line-no-animation.fotter-link {
    width: 0%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    position: absolute;
    inset: auto 0% 0%;
}

.line-no-animation.c-netural-400 {
    background-color: var(--colors--neutral--neutral-400);
}

.line-no-animation.c-netural-400.m-t-0 {
    margin-top: 0;
    margin-bottom: 16px;
}

.line-no-animation._w-max-100 {
    max-width: 100px;
}

.line-no-animation._w-max-100.c-primary-500 {
    background-color: var(--colors--brand-primary-500);
}

.icon_ourvalue {
    width: 150px;
}

.div-block-37 {
    position: absolute;
}

.story-wrapper,
.div-block-38 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.home-video {
    aspect-ratio: 1;
    object-fit: cover;
    border: 10px solid #fff;
    width: 500px;
    height: 500px;
    box-shadow: 0 0 15px 2px #0000001a;
}

.hide-on-tablet {
    height: 100%;
    display: block;
}

@media screen and (max-width: 991px) {
    body {
        --_responsive---font-size--h1: var(--sizes--8x);
        --_responsive---font-size--h2: var(--sizes--4x);
        --_responsive---font-size--h3: var(--sizes--4x);
        --_responsive---font-size--h4: var(--sizes--3x);
        --_responsive---font-size--p: 14px;
        --_responsive---font-size--base: 16px;
        --_responsive---font-size--xl: 20px;
        --_responsive---border-radius--base: 20px;
        --_responsive---border-radius--lg: 25px;
        --_responsive---font-size--xs: 12px;
        --_responsive---font-size--xxl: 24px;
        --_responsive---font-size--sm: 14px;
        --_responsive---font-size--xxs: 10px;
        --_responsive---font-size--h5: var(--sizes--3x);
        --_responsive---font-size--h6: var(--sizes--2-25x);
        --_responsive---border-radius--sm: 0px;
    }
    .container {
        padding-right: var(--sizes--2x);
        padding-left: var(--sizes--2x);
        grid-column-gap: var(--sizes--4x);
        grid-row-gap: var(--sizes--4x);
        flex-direction: column;
        align-items: center;
    }
    .t-400-xlg.t-c-white.m-y-0.custom-2 {
        white-space: nowrap;
        display: none;
    }
    .t-400-xlg.t-c-white.m-y-0.custom-2.active {
        display: block;
    }
    .input {
        font-size: var(--sizes--3x);
        height: 50px;
    }
    .btn-form {
        font-size: 1.1em;
    }
    .list {
        width: 100%;
    }
    .swiper.lifestyle {
        align-self: flex-end;
        width: auto;
        height: 75%;
    }
    .swiper-slide.lifestyle {
        width: 85vw;
        height: 100%;
    }
    .swiper-slide.lifestyle.title {
        width: 100vw;
        height: 100vh;
        position: absolute;
        inset: 0%;
    }
    .swiper-wrapper.lifestyle {
        padding: 0px var(--sizes--3x);
        grid-column-gap: var(--sizes--3x);
        grid-row-gap: var(--sizes--3x);
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
    }
    ._128-gallery-item {
        width: 350px;
    }
    .spacer-4x {
        width: var(--sizes--2x);
        height: var(--sizes--2x);
    }
    .section.form {
        margin-bottom: var(--sizes--8x);
    }
    .grid-4 {
        grid-template-columns: 1fr 1fr;
    }
    .menu {
        z-index: 902;
        padding: var(--sizes--6x);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        background-color: var(--colors--white);
        flex-flow: column-reverse wrap;
        justify-content: center;
        align-items: flex-start;
        width: 70%;
        height: 100vh;
        transition: all .2s;
        position: absolute;
        inset: 0%;
        transform: translate(-100%);
    }
    .nav-item {
        font-size: var(--sizes--3x);
        width: 100%;
    }
    .container-lg {
        padding-right: var(--sizes--3x);
        padding-left: var(--sizes--3x);
    }
    .grid-2.custom {
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
    }
    .grid-2.intro-details {
        grid-column-gap: var(--sizes--4x);
        grid-row-gap: var(--sizes--4x);
    }
    .burger-icon {
        z-index: 999;
        justify-content: center;
        align-items: center;
        width: 70px;
        height: 70px;
        display: flex;
    }
    .burger-icon.w--open {
        background-color: #0000;
    }
    .menu-button-wrapper {
        z-index: 905;
    }
    .menu-icon_line-top {
        padding-bottom: 0;
        padding-right: 0;
    }
    .menu-icon_line-middle {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .menu-icon_line-middle-inner {
        width: 4px;
        height: 0;
        padding-bottom: 0;
        padding-right: 0;
    }
    .container-sm {
        padding-right: var(--sizes--2x);
        padding-left: var(--sizes--2x);
        grid-column-gap: var(--sizes--4x);
        grid-row-gap: var(--sizes--4x);
        flex-direction: column;
        align-items: center;
    }
    .grid-3 {
        grid-template-columns: 1fr 1fr;
    }
    .space-8x {
        width: var(--sizes--2x);
        height: var(--sizes--2x);
    }
    .whatsapp {
        transform: scale(.9);
    }
    .page-preloader {
        z-index: 9999;
    }
    .img.lifestyle {
        height: 100%;
    }
    .menu-column {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        width: auto;
    }
    .menu-wrapper {
        padding-top: var(--sizes--10x);
        padding-right: var(--sizes--4x);
        padding-left: var(--sizes--10x);
        grid-column-gap: var(--sizes--4x);
        grid-row-gap: var(--sizes--4x);
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        height: 100%;
    }
    .nav-menu {
        padding-top: var(--sizes--4x);
        padding-bottom: var(--sizes--3x);
    }
    .form-right {
        padding-right: var(--sizes--2x);
        padding-left: var(--sizes--2x);
    }
    .btn-circle {
        grid-column-gap: var(--sizes--1x);
        grid-row-gap: var(--sizes--1x);
    }
    .circle.outline-dark {
        width: 60px;
        height: 60px;
    }
    .circle.outline-light {
        width: 55px;
        height: 55px;
    }
    .btn-arrow {
        margin-right: 20px;
        transform: scale(.8);
    }
    .intro-title {
        position: relative;
    }
    .villa_item {
        margin-bottom: 0;
    }
    .villas_container {
        pointer-events: none;
        width: 100%;
    }
    .villas-category-list {
        padding-bottom: var(--sizes--6x);
        justify-content: space-between;
        align-items: center;
        height: 100vh;
    }
    .villa_category {
        width: auto;
        padding-top: 0;
    }
    .number-container {
        margin-left: var(--sizes--3x);
        display: none;
    }
    .number-container.active {
        display: flex;
    }
    .lifestyle-wrapper {
        padding-top: var(--sizes--4x);
        padding-bottom: var(--sizes--4x);
    }
    .lifestyle-title {
        justify-content: flex-start;
        align-items: center;
        width: 100vw;
    }
    .capture {
        font-size: var(--sizes--1-5x);
    }
    .villas_list {
        z-index: 2;
    }
    .lifestyle-title-content {
        justify-content: center;
        align-items: center;
        height: 25%;
    }
    .line-container {
        display: none;
    }
    .villa-item-content {
        padding: 0px var(--sizes--3x) var(--sizes--3x);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr;
    }
    .villa-item-right {
        padding: var(--sizes--4x) var(--sizes--6x);
        width: 100%;
        max-width: none;
        height: 100%;
    }
    .container-full.custom-2 {
        height: 100%;
    }
    .fotter-content {
        margin-top: 0;
        padding-top: 0;
    }
    .divider {
        width: 100%;
        height: 1px;
    }
    .intro-details {
        margin-top: 100px;
    }
    .developer-list {
        grid-column-gap: var(--sizes--6x);
        grid-row-gap: var(--sizes--6x);
    }
    .facility-card {
        margin-top: var(--sizes--6x);
    }
    .div-block-33 {
        width: 100%;
    }
    .call-us,
    .email-us {
        padding-right: var(--sizes--4x);
        padding-left: var(--sizes--4x);
    }
    .villa-info {
        margin-right: var(--sizes--2x);
        margin-bottom: var(--sizes--6x);
        margin-left: var(--sizes--2x);
    }
    .villa-gallery-img {
        height: 80vh;
    }
    .swiper-item {
        width: 80%;
    }
    .radio-btn-group {
        flex-flow: wrap;
    }
    .fotter-cell.r-border {
        border-left: 1px solid var(--colors--neutral--neutral-600);
        border-right-width: 0;
    }
    .fotter-cell.first {
        border-bottom: 1px solid var(--colors--neutral--neutral-600);
    }
    .fotter-cell.third {
        border-left: 1px solid var(--colors--neutral--neutral-600);
        border-right-width: 1px;
    }
    .flex-block-2 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: row;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-between;
        align-items: flex-start;
        height: 100%;
        display: grid;
    }
    .lifestyle-title-container {
        position: absolute;
    }
    .hide-on-tablet {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .container {
        padding-right: var(--sizes--2x);
        padding-left: var(--sizes--2x);
    }
    .h2-ar {
        font-size: var(--_responsive---font-size--h3);
    }
    .t-400-xlg.t-c-white.m-y-0.custom-2 {
        font-size: var(--sizes--2x);
    }
    .form.hide {
        grid-column-gap: var(--sizes--2x);
        grid-row-gap: var(--sizes--2x);
    }
    .input-wrapper.radio {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-end;
        height: auto;
        margin-bottom: 32px;
    }
    .input {
        font-size: var(--sizes--2x);
    }
    .h3-ar {
        font-size: var(--sizes--2-25x);
    }
    .list {
        grid-column-gap: var(--sizes--1x);
        grid-row-gap: var(--sizes--1x);
        flex-direction: column-reverse;
    }
    .swiper-button {
        width: auto;
    }
    ._128-gallery-item {
        width: 250px;
    }
    .swiper-button-next {
        width: 50px;
        height: 50px;
    }
    .section {
        padding-top: var(--sizes--3x);
        padding-bottom: var(--sizes--3x);
    }
    .spacer-16 {
        width: var(--sizes--3x);
        height: var(--sizes--3x);
    }
    .list-title {
        width: auto;
    }
    .list-desc {
        padding-right: var(--sizes--6x);
        width: auto;
    }
    .list-number {
        width: 35px;
    }
    .list-line {
        width: 20px;
    }
    .testimonial-title {
        grid-row-gap: var(--sizes--1x);
        flex-direction: column-reverse;
    }
    .language {
        grid-column-gap: var(--sizes--2x);
        grid-row-gap: var(--sizes--2x);
        margin-bottom: 13px;
        margin-right: 89px;
    }
    .h1-ar {
        font-size: var(--sizes--4x);
    }
    .hide-on-mobile {
        display: none;
    }
    .grid-4 {
        grid-template-columns: 1fr;
    }
    .swiper-button-wrapper {
        padding-right: var(--sizes--2x);
        padding-left: var(--sizes--2x);
    }
    .swiper-button-prev {
        width: 50px;
        height: 50px;
    }
    .copyright {
        flex-direction: column-reverse;
    }
    .radio-button-wrapper {
        flex-direction: column;
    }
    .nav-item {
        height: 32px;
    }
    .container-lg {
        padding-right: var(--sizes--2x);
        padding-left: var(--sizes--2x);
    }
    .grid-2 {
        grid-template-columns: 1fr;
    }
    .container-sm {
        padding-right: var(--sizes--2x);
        padding-left: var(--sizes--2x);
    }
    .grid-3 {
        grid-template-columns: 1fr 1fr;
    }
    .grid-3.px-2x {
        grid-row-gap: 45px;
        grid-template-columns: 1fr;
    }
    .grid-3.value {
        grid-template-columns: 1fr 1fr;
    }
    .whatsapp {
        transform: scale(.8);
    }
    .img {
        width: 100%;
    }
    .h4-700-ar {
        font-size: var(--sizes--2-25x);
    }
    .h3 {
        font-size: var(--sizes--4x);
    }
    .menu-button {
        transform-origin: 100% 0;
        transform: scale(.8);
    }
    .brand {
        margin-top: 0;
        margin-left: var(--sizes--2x);
    }
    .form-container {
        flex-flow: column;
    }
    .form-left {
        padding-top: var(--sizes--8x);
        padding-bottom: var(--sizes--8x);
        width: 100%;
        height: auto;
        position: static;
    }
    .form-right {
        padding: var(--sizes--4x) 0px;
        width: 100%;
    }
    .villa_category,
    .villa_category.w--current {
        width: 200px;
    }
    .n-sm.t-c-white.custom {
        font-size: var(--sizes--2-5x);
    }
    .number-container.active {
        margin-top: 0;
    }
    .lifestyle-wrapper {
        width: 100vw;
    }
    .villa-item-right {
        padding-right: var(--sizes--4x);
        padding-left: var(--sizes--4x);
    }
    .container-full {
        padding-right: var(--sizes--1x);
        padding-left: var(--sizes--1x);
    }
    .container-full.custom-2 {
        padding-left: 0;
    }
    .fotter-content {
        padding-left: 0;
        padding-right: 0;
    }
    .code-embed {
        transform: rotate(90deg);
    }
    .developer-list {
        flex-flow: row-reverse wrap;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
    }
    .header-title {
        margin-top: 160px;
        margin-bottom: 160px;
    }
    .heading-title {
        padding-right: var(--sizes--4x);
        padding-left: var(--sizes--4x);
        font-size: var(--sizes--4x);
    }
    .img-mask.hide_on_mobile {
        display: none;
    }
    .p-medium,
    .our-value-card {
        padding: var(--sizes--2x);
    }
    .navbar-text {
        font-size: var(--sizes--4x);
    }
    .card-lifestyle {
        padding-bottom: 0;
    }
    .villa-type-symbol {
        font-size: var(--sizes--8x);
    }
    .facility-card {
        margin-right: var(--sizes--2x);
        margin-left: var(--sizes--2x);
    }
    .devloper-logo-lg {
        width: auto;
    }
    .villa-type {
        padding: var(--sizes--2x);
    }
    .villa-info {
        margin-left: 0;
        margin-right: 0;
    }
    .villa-feature-images-container {
        z-index: 3;
        height: 50vh;
    }
    .villa-feature-content-item {
        width: 100%;
        height: 50vh;
        margin-bottom: 0;
    }
    .villa-feature-content-container {
        z-index: 1;
    }
    .villa-feature-line {
        overflow: hidden;
    }
    .unique-location-icon {
        width: 150px;
    }
    .story-gallery {
        padding: var(--sizes--2x);
        aspect-ratio: 1;
        width: 100%;
    }
    .checkbox-label {
        height: 50px;
    }
    .fotter-cell {
        padding-top: var(--sizes--2x);
        padding-left: var(--sizes--2x);
    }
    .fotter-cell.first {
        padding-top: var(--sizes--4x);
        padding-bottom: var(--sizes--4x);
        justify-content: center;
        align-items: center;
    }
    .story-gallery-img {
        aspect-ratio: 1;
        width: 100%;
        height: 100%;
    }
    .life-style-content {
        padding-right: var(--sizes--4x);
        padding-left: var(--sizes--4x);
    }
    .life-style-title {
        font-size: 18px;
    }
    .developer-wrapper {
        flex-flow: wrap;
        width: 100%;
    }
    .story-gallery-img-padding {
        padding: var(--sizes--2x);
    }
    .home-video {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 479px) {
    body {
        --_responsive---font-size--h1: var(--sizes--6x);
        --_responsive---font-size--h2: var(--sizes--16x);
        --_responsive---font-size--h3: var(--sizes--4x);
        --_responsive---font-size--h4: var(--sizes--3x);
        --_responsive---font-size--p: 14px;
        --_responsive---font-size--base: 16px;
        --_responsive---font-size--xl: 20px;
        --_responsive---border-radius--base: 20px;
        --_responsive---border-radius--lg: 25px;
        --_responsive---font-size--xs: 12px;
        --_responsive---font-size--xxl: 24px;
        --_responsive---font-size--sm: 14px;
        --_responsive---font-size--xxs: 10px;
        --_responsive---font-size--h5: var(--sizes--3x);
        --_responsive---font-size--h6: var(--sizes--2-25x);
        --_responsive---border-radius--sm: 0px;
    }
    .container {
        grid-column-gap: var(--sizes--4x);
        grid-row-gap: var(--sizes--4x);
    }
    .frame-2 {
        padding: 16px var(--sizes--0-5x) var(--sizes--2x);
        justify-content: center;
        width: 32%;
        height: 32vw;
    }
    .input-wrapper.h {
        flex-direction: column;
    }
    .input-wrapper.radio {
        grid-column-gap: var(--sizes--1x);
        grid-row-gap: var(--sizes--1x);
    }
    .btn-form {
        font-size: 1em;
    }
    .swiper-slide {
        width: 90%;
    }
    .swiper-wrapper.lifestyle {
        padding-right: var(--sizes--2x);
        padding-left: var(--sizes--2x);
        grid-column-gap: var(--sizes--2x);
        grid-row-gap: var(--sizes--2x);
    }
    .swiper-button-next {
        display: none;
    }
    .spacer-4x {
        width: var(--sizes--4x);
        height: var(--sizes--4x);
    }
    .language {
        margin-right: 78px;
    }
    .grid-4.unique-location {
        grid-template-columns: 1fr 1fr;
    }
    .swiper-button-prev {
        display: none;
    }
    .container-sm {
        grid-column-gap: var(--sizes--4x);
        grid-row-gap: var(--sizes--4x);
    }
    .grid-3,
    .grid-3.value {
        grid-template-columns: 1fr;
    }
    .space-8x {
        width: var(--sizes--4x);
        height: var(--sizes--4x);
    }
    .h2 {
        font-size: 30px;
    }
    .menu-wrapper {
        padding-right: var(--sizes--1x);
    }
    .h3.custom-1 {
        font-size: var(--sizes--3x);
    }
    .brand.w--current {
        margin-left: var(--sizes--1x);
    }
    .logo-landmark {
        width: 100px;
    }
    .lifestyle-wrapper {
        padding-top: var(--sizes--2x);
        padding-bottom: var(--sizes--2x);
    }
    .villa-item-right {
        padding: var(--sizes--3x);
    }
    .developer-list {
        padding-right: var(--sizes--2x);
        padding-left: var(--sizes--2x);
    }
    .villa-plan {
        padding: var(--sizes--2x);
    }
    .swiper-item {
        width: 90%;
    }
    .fotter-cell.r-border {
        border-bottom: 1px solid var(--colors--neutral--neutral-600);
        border-right-width: 1px;
    }
}

#w-node-_42858cb1-5b73-6ac1-9873-2d1c22c6e3e6-ae7b5bb4 {
    align-self: center;
}

#w-node-_7250ca05-796b-e55d-975e-71828b342db5-ae7b5bb4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acaae14f-729a-06f1-0a17-04351d209618-ae7b5bb4,
#w-node-d69d053a-8eeb-0971-f5bf-b7c48b88c749-ae7b5bb4 {
    align-self: center;
}

#w-node-f637b151-0234-7789-4e47-bdca6990c5d8-ae7b5bb4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b4e9eb09-6bd1-3bf9-f1d2-c2b597afd35c-ae7b5bb4,
#w-node-b4e9eb09-6bd1-3bf9-f1d2-c2b597afd35f-ae7b5bb4 {
    align-self: center;
}

#w-node-_4b4f2d0c-9c56-9df9-f612-7b5d973367f8-ae7b5bb4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_977c2344-6007-ee54-342a-d1030fa9d7a6-ae7b5bb4,
#w-node-_977c2344-6007-ee54-342a-d1030fa9d7a9-ae7b5bb4 {
    align-self: center;
}

#w-node-c5586e99-1189-e46b-7d42-de9a7263e605-ae7b5bb4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_14ffd887-877e-6994-7d71-4248b9ced59e-ae7b5bb4,
#w-node-da4be4fb-27a6-3b28-321d-6b14763b400a-ae7b5bb4,
#w-node-_9092df86-c54d-f0c2-6720-92e9b0a6d5ab-ae7b5bb4 {
    grid-area: 1 / 2 / 2 / 3;
    place-self: center;
}

#w-node-_7e7b641e-6cce-3cc9-b98b-55ec6503c471-6503c46b {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: start;
}

#w-node-_98766a9e-4268-fd6f-bca4-bbffa72ebe07-6503c46b {
    place-self: start;
}

#w-node-_2f8d5bda-0a31-7cb4-3816-db2d5002463d-ae7b5bbc {
    align-self: start;
}

#w-node-f9e6db17-77b4-0b96-53b1-470b0f661eb8-ae7b5bbc {
    grid-area: 2 / 2 / 3 / 3;
    align-self: center;
}

#w-node-d22f614c-d544-be61-a3a1-62c22fd2646f-ae7b5bbc {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_85746a66-2be7-8037-ec57-f24a11eb752e-ae7b5bbc {
    align-self: end;
}

#w-node-_775543ef-0dd9-0af9-7ad7-6f600ec41faf-ae7b5bbc {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-fe247395-f3e6-462c-dcf1-59ab756bce0f-ae7b5bc0 {
    grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_391a3417-9ac7-559a-ec8b-0e9f35c14882-ae7b5bc0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_13b850ce-bc28-59a7-5861-f037be5575f7-ae7b5bc0 {
    align-self: end;
}

#w-node-_1a6ebe9b-62bb-9e1f-aff7-6f1fe68f233e-973dee94 {
    align-self: center;
}

#w-node-_2f8d5bda-0a31-7cb4-3816-db2d5002463d-973dee94 {
    align-self: start;
}

#w-node-f9e6db17-77b4-0b96-53b1-470b0f661eb8-973dee94 {
    grid-area: 2 / 2 / 3 / 3;
    align-self: center;
}

#w-node-d22f614c-d544-be61-a3a1-62c22fd2646f-973dee94 {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_85746a66-2be7-8037-ec57-f24a11eb752e-973dee94 {
    align-self: end;
}

#w-node-_42ed106e-bfbf-d2e7-fe50-31366b1d1299-973dee94,
#w-node-_3c80578e-a8c8-ea2d-60f4-1c64e7f18c38-c8d6f3e9 {
    align-self: center;
}

#w-node-_5db9b429-a935-3a4c-fb46-97c59a42621b-c8d6f3e9,
#w-node-_98341f24-1dd0-8a53-893c-779cb9ef04cc-c8d6f3e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_98341f24-1dd0-8a53-893c-779cb9ef04ce-c8d6f3e9,
#w-node-f2f0520b-773d-a1a7-ea35-52f7bed746b5-c8d6f3e9 {
    align-self: center;
}

#w-node-f2f0520b-773d-a1a7-ea35-52f7bed746c2-c8d6f3e9,
#w-node-a20a28aa-8170-14bb-d7e3-c4e930561607-c8d6f3e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a20a28aa-8170-14bb-d7e3-c4e9305615fa-c8d6f3e9,
#w-node-_3efdb481-93e8-8412-2ffb-8b725f582424-a15e37b0 {
    align-self: center;
}

#w-node-_3efdb481-93e8-8412-2ffb-8b725f582431-a15e37b0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbaa-a15e37b0 {
    align-self: start;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb0-a15e37b0 {
    grid-area: 2 / 2 / 3 / 3;
    align-self: center;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb4-a15e37b0 {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb7-a15e37b0 {
    align-self: end;
}

#w-node-_3518be4f-9ebe-0eb6-e329-a9f871fb0d53-a15e37b0,
#w-node-_3efdb481-93e8-8412-2ffb-8b725f582424-5ca7cc66 {
    align-self: center;
}

#w-node-_3efdb481-93e8-8412-2ffb-8b725f582431-5ca7cc66 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbaa-5ca7cc66 {
    align-self: start;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb0-5ca7cc66 {
    grid-area: 2 / 2 / 3 / 3;
    align-self: center;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb4-5ca7cc66 {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb7-5ca7cc66 {
    align-self: end;
}

#w-node-_3518be4f-9ebe-0eb6-e329-a9f871fb0d53-5ca7cc66,
#w-node-_3efdb481-93e8-8412-2ffb-8b725f582424-f512990f {
    align-self: center;
}

#w-node-_3efdb481-93e8-8412-2ffb-8b725f582431-f512990f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbaa-f512990f {
    align-self: start;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb0-f512990f {
    grid-area: 2 / 2 / 3 / 3;
    align-self: center;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb4-f512990f {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb7-f512990f {
    align-self: end;
}

#w-node-_3518be4f-9ebe-0eb6-e329-a9f871fb0d53-f512990f {
    align-self: center;
}

@media screen and (max-width: 991px) {
    #w-node-d16f3699-a28b-0f77-95d0-a2beca0da3e8-ae7b5bb4,
    #w-node-_60776202-41b6-433c-f83e-37cb5a82ba56-ae7b5bb4,
    #w-node-_845b8818-2409-b6f8-3d40-40e7eb907e46-ae7b5bb4 {
        grid-area: 1 / 1 / 2 / 2;
        place-self: end start;
    }
    #w-node-_14ffd887-877e-6994-7d71-4248b9ced59e-ae7b5bb4,
    #w-node-da4be4fb-27a6-3b28-321d-6b14763b400a-ae7b5bb4,
    #w-node-_9092df86-c54d-f0c2-6720-92e9b0a6d5ab-ae7b5bb4 {
        grid-row-start: 2;
        grid-column-start: 1;
    }
    #w-node-_7e7b641e-6cce-3cc9-b98b-55ec6503c471-6503c46b {
        grid-area: span 1 / span 2 / span 1 / span 2;
        place-self: start;
    }
    #w-node-_2f8d5bda-0a31-7cb4-3816-db2d5002463d-ae7b5bbc {
        grid-area: span 1 / span 2 / span 1 / span 2;
        align-self: start;
    }
    #w-node-f9e6db17-77b4-0b96-53b1-470b0f661eb8-ae7b5bbc {
        grid-area: 2 / 1 / 3 / 2;
    }
    #w-node-_2f8d5bda-0a31-7cb4-3816-db2d5002463d-973dee94 {
        grid-area: span 1 / span 2 / span 1 / span 2;
        align-self: start;
    }
    #w-node-f9e6db17-77b4-0b96-53b1-470b0f661eb8-973dee94 {
        grid-area: 2 / 1 / 3 / 2;
    }
    #w-node-_3c80578e-a8c8-ea2d-60f4-1c64e7f18c38-c8d6f3e9,
    #w-node-_98341f24-1dd0-8a53-893c-779cb9ef04ce-c8d6f3e9,
    #w-node-f2f0520b-773d-a1a7-ea35-52f7bed746b5-c8d6f3e9,
    #w-node-a20a28aa-8170-14bb-d7e3-c4e9305615fa-c8d6f3e9 {
        grid-area: 2 / 1 / 2 / 3;
        align-self: center;
    }
    #w-node-_3efdb481-93e8-8412-2ffb-8b725f582424-a15e37b0 {
        grid-area: 1 / 1 / 2 / 3;
        align-self: center;
    }
    #w-node-_3efdb481-93e8-8412-2ffb-8b725f582431-a15e37b0 {
        grid-area: 2 / 1 / 2 / 3;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbaa-a15e37b0 {
        grid-area: span 1 / span 2 / span 1 / span 2;
        align-self: start;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb0-a15e37b0 {
        grid-area: 2 / 1 / 3 / 2;
    }
    #w-node-_3518be4f-9ebe-0eb6-e329-a9f871fb0d53-a15e37b0 {
        grid-area: span 1 / span 2 / span 1 / span 2;
        align-self: center;
    }
    #w-node-_3efdb481-93e8-8412-2ffb-8b725f582424-5ca7cc66 {
        grid-area: 1 / 1 / 2 / 3;
        align-self: center;
    }
    #w-node-_3efdb481-93e8-8412-2ffb-8b725f582431-5ca7cc66 {
        grid-area: 2 / 1 / 2 / 3;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbaa-5ca7cc66 {
        grid-area: span 1 / span 2 / span 1 / span 2;
        align-self: start;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb0-5ca7cc66 {
        grid-area: 2 / 1 / 3 / 2;
    }
    #w-node-_3518be4f-9ebe-0eb6-e329-a9f871fb0d53-5ca7cc66 {
        grid-area: span 1 / span 2 / span 1 / span 2;
        align-self: center;
    }
    #w-node-_3efdb481-93e8-8412-2ffb-8b725f582424-f512990f {
        grid-area: 1 / 1 / 2 / 3;
        align-self: center;
    }
    #w-node-_3efdb481-93e8-8412-2ffb-8b725f582431-f512990f {
        grid-area: 2 / 1 / 2 / 3;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbaa-f512990f {
        grid-area: span 1 / span 2 / span 1 / span 2;
        align-self: start;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb0-f512990f {
        grid-area: 2 / 1 / 3 / 2;
    }
    #w-node-_3518be4f-9ebe-0eb6-e329-a9f871fb0d53-f512990f {
        grid-area: span 1 / span 2 / span 1 / span 2;
        align-self: center;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_42858cb1-5b73-6ac1-9873-2d1c22c6e3e6-ae7b5bb4 {
        grid-area: 2 / 1 / 2 / 2;
    }
    #w-node-_7250ca05-796b-e55d-975e-71828b342db5-ae7b5bb4 {
        grid-area: span 1 / span 1 / span 1 / span 1;
        justify-self: center;
    }
    #w-node-_775543ef-0dd9-0af9-7ad7-6f600ec41faf-ae7b5bbc {
        grid-area: 1 / 1 / 3 / 3;
    }
    #w-node-_42ed106e-bfbf-d2e7-fe50-31366b1d1299-973dee94 {
        grid-area: 2 / 1 / 2 / 2;
    }
    #w-node-_409cb35a-033a-dac6-c5b4-0491f9ddb360-a15e37b0,
    #w-node-_3f1e2be7-9e63-4c75-204c-6642ed666ee4-a15e37b0,
    #w-node-_409cb35a-033a-dac6-c5b4-0491f9ddb360-5ca7cc66,
    #w-node-_3f1e2be7-9e63-4c75-204c-6642ed666ee4-5ca7cc66,
    #w-node-_409cb35a-033a-dac6-c5b4-0491f9ddb360-f512990f,
    #w-node-_3f1e2be7-9e63-4c75-204c-6642ed666ee4-f512990f {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_7e7b641e-6cce-3cc9-b98b-55ec6503c471-6503c46b {
        grid-area: span 1 / span 1 / span 1 / span 1;
        place-self: start;
    }
    #w-node-_2f8d5bda-0a31-7cb4-3816-db2d5002463d-ae7b5bbc {
        grid-area: span 1 / span 1 / span 1 / span 1;
        align-self: start;
    }
    #w-node-f9e6db17-77b4-0b96-53b1-470b0f661eb8-ae7b5bbc {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
    #w-node-d22f614c-d544-be61-a3a1-62c22fd2646f-ae7b5bbc {
        grid-area: 2 / 1 / 4 / 2;
    }
    #w-node-_775543ef-0dd9-0af9-7ad7-6f600ec41faf-ae7b5bbc {
        grid-area: 1 / 1 / 4 / 2;
    }
    #w-node-_2f8d5bda-0a31-7cb4-3816-db2d5002463d-973dee94 {
        grid-area: span 1 / span 1 / span 1 / span 1;
        align-self: start;
    }
    #w-node-f9e6db17-77b4-0b96-53b1-470b0f661eb8-973dee94 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
    #w-node-d22f614c-d544-be61-a3a1-62c22fd2646f-973dee94 {
        grid-area: 2 / 1 / 4 / 2;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbaa-a15e37b0 {
        grid-area: span 1 / span 1 / span 1 / span 1;
        align-self: start;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb0-a15e37b0 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb4-a15e37b0 {
        grid-area: 2 / 1 / 4 / 2;
    }
    #w-node-_409cb35a-033a-dac6-c5b4-0491f9ddb360-a15e37b0 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbaa-5ca7cc66 {
        grid-area: span 1 / span 1 / span 1 / span 1;
        align-self: start;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb0-5ca7cc66 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb4-5ca7cc66 {
        grid-area: 2 / 1 / 4 / 2;
    }
    #w-node-_409cb35a-033a-dac6-c5b4-0491f9ddb360-5ca7cc66 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbaa-f512990f {
        grid-area: span 1 / span 1 / span 1 / span 1;
        align-self: start;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb0-f512990f {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
    #w-node-_710b886d-9fff-211e-7cfe-db43cc38bbb4-f512990f {
        grid-area: 2 / 1 / 4 / 2;
    }
    #w-node-_409cb35a-033a-dac6-c5b4-0491f9ddb360-f512990f {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }
}

@font-face {
    font-family: 'Silvadisplay';
    src: url('/fonts/SilvaDisplay-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silvadisplay';
    src: url('/fonts/SilvaDisplay-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silvadisplay';
    src: url('/fonts/SilvaDisplay-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rabar 041';
    src: url('/fonts/Rabar_041.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.ltr {
    direction: ltr;
}

.form-loader {
    display: none;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 3;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
}

.form-loader img {
    width: 75px;
}

.form-loader.active {
    display: flex;
}