@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    /* Preloader background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    background: #30493d;
    /* Background color of the preloader */
}

#header.active {
    transform: translateY(0);
}

#header.active.shifted {
    transform: translateY(-100%);
}



.logo {
    width: 300px;
    height: auto;
}

.logo path {
    stroke: #ffffff;
    /* Path stroke color */
    stroke-width: 2;
    fill: transparent;
    /* Initially transparent */
    stroke-dasharray: 2000;
    /* Adjust to total path length */
    stroke-dashoffset: 2000;
    /* Initially hidden */
    animation: drawPath 2s ease-in-out forwards, fadeIn 1s 2s forwards;
}

@keyframes drawPath {
    0% {
        stroke-dashoffset: 2000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fadeIn {
    0% {
        fill: transparent;
    }

    100% {
        fill: #ffffff;
    }
}


.parallax-container {
    position: relative;
    overflow: hidden;
    height: 500px;
    /* Set the desired height */
}

.parallax-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    /* Maintain the aspect ratio */
    transform: translateY(0);
    /* Default position */
    transition: transform 0.1s ease-out;
    /* Smooth scrolling effect */
}



.box_scroll {
    position: relative;
}

.box {
    top: -30%;
    position: sticky;
    z-index: 0;
    background-color: grey;
    background-image: url(images/screen/screen-1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 130vh;
    min-height: 500px;
}

.middle_box_content {
    background-color: #d1ccbf;
    color: #2b3530;
    height: calc(100% - 76/var(--vw)*var(--multiplier));
    left: 50%;
    max-height: calc(688/var(--vw)*var(--multiplier));
    max-width: calc(472/var(--vw)*var(--multiplier));
    overflow: hidden;
    padding: calc(32/var(--vw)*var(--multiplier));
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2;
}

.middle_box_content .counter_box {
    font-size: 16px;
    margin-bottom: 20px;
    letter-spacing: 2.5px;
    font-weight: 600;
}

.middle_box_content .counter_box span {
    font-weight: 400;
}

.middle_box_content .heading_content {}

.middle_box_content .heading_content h5 {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px;
}

.middle_box_content .heading_content h6 {
    font-weight: 400;
}

.middle_box_content .img_box_in_middle {
    margin: 35px 0;
}

.middle_box_content .img_box_in_middle img {
    width: 100%;
}

.middle_box_content .para_content p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px;
}



.b-section {}

.b-section-marquee-box {
    height: 180px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.b-section-marquee-box h2 {
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 400;
    flex-shrink: 0;
    padding: 0 10px;
    width: max-content;
    display: flex;
    align-items: center;
    transform: translateX(0);
    animation: b-text-scroll 35s linear infinite;
}

@keyframes b-text-scroll {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}


.animated_logo {
    position: absolute;
    top: 0;
    z-index: -1;
    right: -140px;
    width: 100%;
    opacity: 0.7;
}

.popup .content-wrapper[data-v-4b0b4b3f] {
    clip-path: inset(0% 0% 100%);
    transition: clip-path 1s;
}

.popup.is--open .content-wrapper[data-v-4b0b4b3f] {
    clip-path: inset(0);
}

.popup .images-wrapper[data-v-4b0b4b3f] {
    clip-path: inset(0 0 0);
}

.breadcrumb_section {
    position: relative;
}

.breadcrumb_section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 0%));
}

.post-list-section .title-wrapper[data-v-b7bbe82f] {
    grid-column: 1/7;
    padding-right: calc(96/var(--vw)*var(--multiplier));
}

.post-list-section .desc-wrapper[data-v-b7bbe82f] {
    grid-column: 7/12;
    padding-left: calc(58/var(--vw)*var(--multiplier));
    padding-right: calc(88/var(--vw)*var(--multiplier));
}

.post-list-section .font-heading3 {
    font-family: "Noto Serif", serif;
    font-size: calc(30/var(--vw)*var(--multiplier));
    font-weight: 300;
    line-height: 1.1;
}

.subheading_wrap {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: calc(20 / var(--vw)* var(--multiplier));
    margin-bottom: calc(50 / var(--vw)* var(--multiplier));
}

.subheading_wrap .subheading {
    font-size: 27px;
    line-height: 1;
    font-weight: 400;
    font-family: "Noto Serif", serif;
    ;
}

.subheading_wrap .icon {
    height: 100%;
    width: calc(12 / var(--vw)* var(--multiplier));
}

.heading {
    font-family: "Noto Serif", serif;
    ;
    font-size: calc(40 / var(--vw)* var(--multiplier));
    font-weight: 300;
    line-height: 1;
    margin-bottom: calc(50 / var(--vw)* var(--multiplier));
}

.heading span.highlight {
    color: #ca7d57;
}

.section_padding {
    padding: 100px 0;
}

.container {}

.row {
    display: flex;
    flex-wrap: wrap;

}


.align-items-center {
    align-items: center;
}


.col-lg-6 {
    width: 50%;
    padding: 0 15px;
}

p {
    font-family: "Lato", sans-serif;
    font-size: calc(16 / var(--vw)* var(--multiplier));
    font-weight: 300;
    line-height: 32px;
}


.project_size {
    display: flex;
    margin-top: 80px;
    gap: 53px;
}

.project_size h4 {
    font-size: 50px;
    padding: 30px 40px;
    border: 2px solid #ffffff;
    border-radius: 50px;
    width: 100%;
    text-align: center;
    position: relative;
    color: #FFF;
}

.project_size h4 span {
    color: #ca7d57;
    display: inline-block;
}

.project_size h4 span.one {
    min-width: 113px;
}

.project_size h4 span.one sup {
    font-size: 18px;
    vertical-align: top;
}

.project_size h4 span.two {
    min-width: 131px;
}

.project_size h4 span.project_nm {
    position: absolute;
    top: -12px;
    right: 50%;
    font-size: 24px;
    transform: translateX(50%);
    background: #2b3530;
    padding: 0 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.about_content_left {
    padding-right: 50px;
}

.about_content_right {
    padding-left: 50px;
}

.about_content_right h4 {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.4;
}

.promise_images {
    margin-top: 80px;
}

.promise_images>div:nth-child(1) {
    padding-right: 100px;
}

.promise_images>div:nth-child(2) {
    padding-right: 00px;
}

.our_vision_mission_section {
    padding-top: 80px !important;
    padding-bottom: 0 !important;
}

h2.breadcrumb_title {
    font-size: 70px;
    font-weight: 400;
    margin-bottom: 5px;
}

.breadcrumb_section .overlay-gradient.top[data-v-b80dcc19] {
    background-image: linear-gradient(rgb(43 53 48 / 83%), rgb(0 0 0 / 05%)) !important;
    background: transparent;
    height: auto;
}



/* -- Project Page -- */

.highlight_row_part {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
    margin-bottom: 150px;
}

.highlight_row_part .content_hrp {
    width: 100%;
    padding-left: 150px;
}

.highlight_row_part .content_hrp .para_hrp {
    padding-left: 150px;
    width: 51%;
}

.buttons-section[data-v-85c97ddc] .title-wrapper {
    margin-bottom: 70px;
}

.project_row {
    display: flex;
    flex-wrap: wrap;
}

.project_row .pro_left_content {
    width: 60%;
    padding-right: 100px;
}

.project_row .pro_left_content .content_box {
    width: 83%;
    float: left;
    padding-left: 100px;
}

.project_row .pro_left_content .heading {
    margin-left: 50px;
    text-align: left;
    color: #ca7d57;
}

.project_row .pro_right_image {
    width: 40%;
    position: relative;
}


.project_row .pro_right_image .caption {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgb(0 0 0 / 75%);
    padding: 7px 15px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-size: 11px;
    border-radius: 50px;
    font-weight: 600;
}

.project_row .pro_left_content .content_box .custom_button {
    margin-top: 50px;
}

.project_row .pro_left_content .subheading_wrap {
    margin-bottom: calc(40 / var(--vw)* var(--multiplier));
}

.project_row.reverse {
    flex-direction: row-reverse;
}

.project_row.reverse .pro_left_content {
    padding-left: 100px;
    padding-right: 0;
}

.project_row.reverse .pro_left_content .subheading_wrap {
    justify-content: right;
}

.project_row.reverse .pro_left_content .heading {
    text-align: right;
    margin-left: auto;
    margin-right: 50px;
}

.project_row.reverse .pro_left_content .content_box {
    float: right;
    padding-left: 0;
    padding-right: 100px;
}

.project_row .pro_left_content .content_box p {
    text-align: justify;
}

.project_row_wrapper .project_row:not(:last-child) {
    padding-bottom: 50px;
    border-bottom: 1px solid #717171;
    margin-bottom: 50px;
}

.project_row_wrapper {
    position: relative;
}

.project_row_wrapper .num {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgb(0 0 0 / 51%);
    align-items: center;
    justify-content: center;
    font-size: 60px;
    opacity: 0.1;
    color: #FFF;
    font-family: "Noto Serif", serif;
    ;
}

.project_row_wrapper .num span {
    margin: 0 12px;
    font-size: 43px;
}


/* .highlights_section .project_row .pro_left_content .content_box {
    float: left;
    padding-left: 100px;
}
.highlights_section .project_row.reverse .pro_left_content .heading {
    text-align: left;
    margin-right: auto;
    margin-left: 50px;
} */


.contact_info li h4 {
    margin-bottom: 40px;
}

.contact_info li p {
    font-size: 20px;
    line-height: 1.2;
    position: relative;
    padding-left: 45px;
}

.contact_info li p i {
    position: absolute;
    left: 0;
    top: 3px;
    color: #ca7d57;
}

.contact_info li+li {
    margin-top: 30px;
}

.contact_form_section .form-section .form-content[data-v-95215f8b] {
    width: 100%;
    padding: calc(50 / var(--vw)* var(--multiplier)) calc(50 / var(--vw)* var(--multiplier));
}

.contact_form_section .font-subheading1 {
    color: #2b3530;
    margin-bottom: calc(40 / var(--vw)* var(--multiplier));
}

.contact_form_section .font-body2 {
    color: #2b3530;
}

.contact_form_section .project_row .pro_left_content .content_box {
    margin-bottom: 70px;
}

.contact_map {
    width: 100%;
    height: 500px;
    display: block;
    border: 7px solid #ced1bf;
}

/* -- Custom Button Start -- */
.custom_button span {
    font-size: 20px;
}

.custom_button .btn_icon img {
    height: auto;
    max-width: calc(12 / var(--vw)* var(--multiplier));
    width: 100%;
}

.custom_button .btn_icon {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    overflow: hidden;
}

.custom_button {
    align-items: center;
    color: #d1ccbf;
    cursor: pointer;
    display: flex;
    gap: 0 35px;
    justify-content: space-between;
    padding: calc(10 / var(--vw)* var(--multiplier)) calc(16 / var(--vw)* var(--multiplier)) calc(10 / var(--vw)* var(--multiplier)) 0;
    position: relative;
    width: fit-content;
}

.custom_button .btn_border {
    background-color: #d0cbbe80;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.custom_button .btn_border .btn_border_fill {
    background-color: #d1ccbf;
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .8s cubic-bezier(.24, .43, .15, .97);
    width: 100%;
}

.custom_button:hover .btn_border .btn_border_fill {
    transform: scaleX(1);
    transform-origin: left;
}

/* -- Custom Button End -- */

.form-section textarea {
    width: 100% !important;
}


.terms[data-v-526089db] {
    display: block;
    padding: calc(310/var(--vw)*var(--multiplier)) 0 calc(100/var(--vw)*var(--multiplier)) 0;
}

.grid[data-v-526089db] {
    padding: 0 calc(64/var(--vw)*var(--multiplier));
    position: relative;
}

.grid .sections[data-v-526089db] {
    grid-column: 1/4;
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    top: calc(100/var(--vw)*var(--multiplier));
}

.grid .content[data-v-526089db] {
    grid-column: 5/11;
}


.quick-1st li.active {
    color: #ca7d57;
}

.font-button3 {
    font-family: Basis Grotesque, sans-serif;
    font-size: calc(16/var(--vw)*var(--multiplier));
    font-weight: 400;
    line-height: 1;
}

.grid .sections .sections__item[data-v-526089db] {
    cursor: pointer;
    opacity: 0.5;
    padding: calc(11/var(--vw)*var(--multiplier)) 0;
    transition: opacity 0.3s;
}

.grid .content h1[data-v-526089db] {
    font-family: Basis Grotesque, sans-serif;
    font-size: calc(52/var(--vw)*var(--multiplier));
    font-weight: 300;
    line-height: 1;
    margin-bottom: calc(48/var(--vw)*var(--multiplier));
}

.grid .content .date[data-v-526089db] {
    margin-bottom: calc(48/var(--vw)*var(--multiplier));
    opacity: .5;
}

.grid .content .description[data-v-526089db] {
    margin-bottom: calc(80/var(--vw)*var(--multiplier));
}

.grid .content h2[data-v-526089db],
.grid .content[data-v-526089db] h2 {
    font-family: Basis Grotesque, sans-serif;
    font-size: calc(26/var(--vw)*var(--multiplier));
    font-weight: 400;
    line-height: 1;
    margin-bottom: calc(40/var(--vw)*var(--multiplier));
}

.grid .content h3[data-v-526089db],
.grid .content h4[data-v-526089db],
.grid .content h5[data-v-526089db],
.grid .content h6[data-v-526089db],
.grid .content[data-v-526089db] h3,
.grid .content[data-v-526089db] h4,
.grid .content[data-v-526089db] h5,
.grid .content[data-v-526089db] h6 {
    font-family: Basis Grotesque, sans-serif;
    font-size: calc(20/var(--vw)*var(--multiplier));
    font-weight: 400;
    line-height: 1;
    margin-bottom: calc(32/var(--vw)*var(--multiplier));
    margin-left: .2em;
}

.grid .content ul[data-v-526089db],
.grid .content[data-v-526089db] ul {
    font-family: Basis Grotesque, sans-serif;
    font-size: calc(18/var(--vw)*var(--multiplier));
    font-weight: 400;
    line-height: 1.33333;
    list-style: initial;
    margin: initial;
    padding-left: 1em;
}

.grid .content li[data-v-526089db],
.grid .content[data-v-526089db] li {
    margin: initial;
    padding: initial;
}

/*
.popup_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.popup_modal .popup_modal_in {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 70%);
}
.popup_modal .popup_modal_container {
    width: 650px;
    height: 250px;
    background: #FFF;
    position: relative;
    padding: 35px;
    border-radius: 6px;
} */


#enquire_form .col.form-content {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 35px 0;
}

#enquire_form .col.form-content form.form {
    max-width: 100%;
    width: 600px;
}

#enquire_form .content[data-v-4b0b4b3f] {
    grid-column: 6 / -1;
}

#enquire_form .form-section textarea {
    height: 100px;
}

#enquire_form .form-section .form .form-button[data-v-95215f8b] {
    margin-top: 35px;
    padding: calc(11 / var(--vw)* var(--multiplier)) calc(24 / var(--vw)* var(--multiplier));
}

#enquire_form .form-section .form .form-input[data-v-2725fbb9]:not(:last-child) {
    margin-bottom: calc(17/var(--vw)*var(--multiplier));
}

#enquire_form .form-section .form .form-input[data-v-2725fbb9] {
    gap: calc(7/var(--vw)*var(--multiplier));
}

#enquire_form .form-section .form .form_input {
    background-color: rgb(0 0 0 / 6%);
    border-bottom: 1px solid #9a9d86;
    padding: calc(12 / var(--vw) * var(--multiplier)) calc(24 / var(--vw) * var(--multiplier));
    font-family: "Lato", sans-serif;
    font-size: calc(14 / var(--vw) * var(--multiplier));
    font-weight: 400;
    line-height: 1.25;
}

#enquire_form .form-section .form .enter-captcha .form_input {
    width: 194px;
}



#overview .section-title {
    padding-bottom: 0;
}

.footer .bottom .credit[data-v-617dd86a] {
    grid-column: 9/-1;
}

.footer .social .socmed-list li[data-v-617dd86a] a {
    font-size: 25px;
    color: #FFF;
}

.location_section {
    background: #36533a;
    padding: 100px 0;
}

.location_section .image-wrapper[data-v-85c97ddc] {
    grid-column: 1/7;
    height: auto;
}

.location_section .buttons-section[data-v-85c97ddc] {
    display: flex;
    flex-direction: column;
    grid-column: 7/14;
    margin-top: calc(210 / var(--vw)* var(--multiplier));
}

.amenities_slider .owl-nav {
    position: absolute;
    right: 45%;
    bottom: 20px;
    display: flex;
    gap: 42px;
}

.amenities_slider .owl-nav:before {
    content: '/';
    position: absolute;
    left: 50%;
    font-size: 22px;
}

.amenities_slider .owl-nav button {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 22px !important;
}

.amenities_slider .owl-nav button:hover {
    color: #ca7d57;
}


.signature_amenities_slider .owl-nav {
    position: absolute;
    right: 45%;
    bottom: -60px;
    display: flex;
    gap: 42px;
}

.signature_amenities_slider .owl-nav:before {
    content: '/';
    position: absolute;
    left: 50%;
    font-size: 22px;
}

.signature_amenities_slider .owl-nav button {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 22px !important;
}

.signature_amenities_slider .owl-nav button:hover {
    color: #ca7d57;
}

.signature_amenities_slider .card-slide .image_title {
    margin-top: 15px;
}


.gallery_section {
    position: relative;
}

.gallery_thumbs_slider {
    width: 300px;
    position: absolute;
    right: 25px;
    bottom: 25px;
    z-index: 99;
}

.gallery_slider .owl-nav {
    position: absolute;
    right: 50%;
    bottom: 25px;
    display: flex;
    flex-direction: row;
    gap: 15px 15px;
    transform: translateX(50%);
}

.gallery_slider .owl-nav button.owl-prev,
.gallery_slider .owl-nav button.owl-next {
    border: 2px solid #FFF !important;
    font-size: 16px !important;
    color: #36533a !important;
    padding: 9px 18px !important;
    background: rgb(255 255 255);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.gallery_slider .items {
    position: relative;
}

.gallery_slider .image_title {
    position: absolute;
    bottom: 35px;
    left: 35px;
    background: rgb(54 83 58 / 80%);
    padding: 8px 28px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-size: 22px;
    border-radius: 50px;
    font-weight: 500;
}

.gallery_slider .image_caption {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgb(0 0 0 / 75%);
    padding: 7px 15px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-size: 11px;
    border-radius: 50px;
    font-weight: 600;
}

.masterplan {
    position: relative;
}

.masterplan .caption {
    position: absolute;
    bottom: 35px;
    right: 35px;
    background: rgb(54 83 58 / 80%);
    padding: 8px 28px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-size: 16px;
    border-radius: 50px;
    font-weight: 500;
}

.location_map {
    position: relative;
}

.location_map .caption {
    position: absolute;
    bottom: 10px;
    right: 8px;
    background: rgb(54 83 58 / 80%);
    padding: 8px 12px;
    /* text-transform: uppercase; */
    letter-spacing: 1.6px;
    font-size: 13px;
    border-radius: 50px;
    font-weight: 500;
}


ul.quick-1st li a.active {
    color: #FFF;
    opacity: 1;
}

ul.quick-1st li {
    opacity: 1 !important;
}

ul.quick-1st li a {
    opacity: 0.6;
}

.terms .chapter {
    margin-bottom: 50px;
}


.section-slider[data-v-d00482d1] {
    background-color: #30493d;
    overflow: hidden;
    padding-bottom: calc(60/var(--vw)*var(--multiplier));
    padding-top: calc(150/var(--vw)*var(--multiplier));
    width: 100%
}

.section-slider .subheading {
    font-size: 27px;
    line-height: 1;
    font-weight: 400;
    font-family: "Noto Serif", serif;
    ;
}

@media (max-width:767.98px) {

    /* .section-slider[data-v-d00482d1] {
		padding-bottom: calc(120/var(--vw)*var(--multiplier));
		padding-top: calc(120/var(--vw)*var(--multiplier))
	} */
    .section-slider[data-v-d00482d1] {
        padding-bottom: 60px;
        padding-top: 50px;
    }
}

.section-slider .marquee[data-v-d00482d1] {
    margin-bottom: calc(144/var(--vw)*var(--multiplier))
}

@media (max-width:767.98px) {
    .section-slider .marquee[data-v-d00482d1] {
        margin-bottom: calc(80/var(--vw)*var(--multiplier))
    }
}

.section-slider .text[data-v-d00482d1] {
    -moz-column-gap: calc(24/var(--vw)*var(--multiplier));
    column-gap: calc(24/var(--vw)*var(--multiplier));
    display: grid;
    /*grid-template-columns: repeat(12, 1fr);
	 margin-bottom: calc(147/var(--vw)*var(--multiplier)) */
}

@media (max-width:767.98px) {
    .section-slider .text[data-v-d00482d1] {
        display: flex;
        flex-direction: column;
        margin-bottom: calc(80/var(--vw)*var(--multiplier))
    }
}

.section-slider .text .label-wrapper[data-v-d00482d1] {
    grid-column: 1/3
}

@media (max-width:767.98px) {
    .section-slider .text .label-wrapper[data-v-d00482d1] {
        grid-column: 1/-1;
        margin-bottom: 0;
    }

    .label-wrapper.amenities .text-label[data-v-fcdb2cb5] {
        align-items: flex-start !important;
    }

    .label-wrapper.amenities .text-label .icon[data-v-fcdb2cb5] {
        min-width: calc(14 / var(--vw)* var(--multiplier)) !important;
        margin-top: 6px;
    }
}

.section-slider .text .desc[data-v-d00482d1] {
    grid-column: 4/12;
    padding-left: calc(54/var(--vw)*var(--multiplier))
}

@media (max-width:767.98px) {
    .section-slider .text .desc[data-v-d00482d1] {
        grid-column: 1/-1;
        padding-left: 0
    }
}

.section-slider .text .desc[data-v-d00482d1] .spacer {
    width: calc(123/var(--vw)*var(--multiplier))
}

@media (max-width:767.98px) {
    .section-slider .text .desc[data-v-d00482d1] .spacer {
        width: calc(73/var(--vw)*var(--multiplier))
    }
}

.section-slider .slider[data-v-d00482d1] {
    display: flex;
    flex-direction: column
}

.section-slider .slider .slider-wrapper[data-v-d00482d1] {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(16/var(--vw)*var(--multiplier));
    width: -moz-max-content;
    width: max-content
}

.section-slider .slider .progress[data-v-d00482d1] {
    background-color: #cdd0be33;
    height: 2px;
    margin-left: auto;
    margin-top: calc(110/var(--vw)*var(--multiplier));
    max-width: calc(924/var(--vw)*var(--multiplier));
    position: relative;
    width: 100%
}

@media (max-width:767.98px) {
    .section-slider .slider .progress[data-v-d00482d1] {
        margin-top: calc(80/var(--vw)*var(--multiplier));
        max-width: 100%
    }
}

.section-slider .slider .progress .fill[data-v-d00482d1] {
    background-color: #ced1bf;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left;
    width: 100%
}

.download_section {}

.download_section row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-left: calc(var(--bs-gutter-x)* -.5);
}

.download_section .col-lg-3 {
    flex: 0 0 auto;
    width: 33.333%;
    padding: 0 15px;
}

.box .box_content_overlay {
    position: absolute;
    top: 100px;
    right: 90px;
    z-index: 222;
}

.box .box_content_overlay .caption {
    color: #ffffff;
    font-size: 30px;
    text-shadow: 0 0px 16px #000000;
    background: #ad8639;
    padding: 10px 20px;
    letter-spacing: 2px;
    border-radius: 3px;
    display: inline-block;
    margin: auto;
}

.box_scroll .box_content_sub_title {
    font-size: 50px;
    position: absolute;
    top: 185px;
    right: 100px;
    color: #ffd5afb5;
    font-style: italic;
}

.box_scroll .box_content_sub_title span.font_style {
    font-family: "Dancing Script", cursive;
    color: #FFF;
    font-size: 135%;
    font-weight: 600;
}

.sustainability-description-3 {
    margin-block: 40px;
}


.amenity_section {
    background: #f1f1f1;
    padding: calc(70 / var(--vw) * var(--multiplier)) 0;
    overflow: hidden;
}

.amenity_box_row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
}

.amenity_box_col {
    width: 20%;
    padding: 0 20px;
}

.amenity_box_row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    gap: 40px 0;
}

.amenity_box {
    background: #FFF;
    width: 100%;
    padding: 40px 32px;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
    border-radius: 5px;
}

.amenity_box p {
    color: #000;
    font-weight: 500;
    line-height: 25px;
    font-size: 19px;
}

.amenity_box img {
    width: 100px;
    margin-bottom: 23px;
    height: auto;
}

.download_section {
    background: #f1f1f1;
    overflow: hidden;
}

.download_section .container {
    display: flex;
    flex-wrap: wrap;
}

.col_download {
    padding: calc(90 / var(--vw) * var(--multiplier)) 0;
    width: 35%;
}

.map_here {
    width: 65%;
}

.map_here iframe {
    width: 100%;
    height: 100%;
    position: relative;
    margin-left: 85px;
    display: block;
}

.download_item {
    text-align: center;
    width: 25%;
}

.download_item img {
    width: 50px;
    margin-bottom: 20px;
    height: auto;
}

.download_item p {
    color: #222;
    font-weight: 400;
    font-size: 20px;
}

.download_item_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    gap: 50px 0;
}


.contact_info {
    margin-top: 80px;
    background: #00000017;
    padding: 35px;
    border-radius: 5px;
}

.contact_info p {
    color: #000;
    font-weight: 400;
    margin-top: 17px;
    position: relative;
    padding-left: 39px;
}

.contact_info p i {
    position: absolute;
    top: 10px;
    left: 0;
}

.contact_info .font-heading3 span {
    color: #000;
    font-size: 90%;
    display: block;
    margin-bottom: 25px;
}

.contact_info .addrss-heading {

    color: #ad8639;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    font-family: Lato, sans-serif;

}

.contact_info .addrss-heading span {

    font-size: 16px;

}


.footer .logo {
    margin-bottom: 30px;
}

.footer[data-v-617dd86a]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/footer_bg.jpg');
    background-size: cover;
    background-position: top center;
    opacity: 0.15;
}

.modern_living_section {
    padding: calc(50 / var(--vw) * var(--multiplier)) 0;
    background: #FFF;
}

.modern_living_section .font-heading3 {
    text-align: center;
}

.modern_living_section .box_icon_wrap {
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 30px;
    justify-content: center;
}

.modern_living_section .box_icon_wrap .box_icon {
    width: calc(25% - 30px);
    padding: 0;
    border: 1px solid #0000004a;
    text-align: center;
    padding: 30px;
}

.modern_living_section .box_icon_wrap .box_icon img {
    width: 50px;
    height: auto;
    margin-bottom: 20px;
    filter: invert(1);
}

.modern_living_section .box_icon_wrap .box_icon p {
    color: #222;
    line-height: 1.4;
    font-size: 17px;
}

.modern_living_section .box_icon_wrap .box_icon h4 {
    color: #ad8639;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}


.counter_div {
    margin: auto;
    width: 85%;
}

.counter_div ul {
    display: flex;
    margin: 0;
    padding: 0;
    gap: 0 20px;
    justify-content: space-between;
}

.counter_div ul li p {
    margin: 0;
    font-size: 20px;
    color: #222;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-top: 15px;
}

.counter_div ul li span.counter_wrap {
    font-size: 73px;
    color: #000;
}

.counter_div ul li {
    text-align: center;
    width: 33.33%;
}

.counter_div ul li:not(:last-child) {
    border-right: 1px solid #CCCC;
}


.highlight_div ul li {
    font-size: 21px;
    color: #222;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    line-height: 32px;
    position: relative;
    padding-left: 42px;
}

.highlight_div ul li+li {
    margin-top: 26px;
}

.highlight_div ul li span {
    font-weight: 400;
}

.highlight_div h4 {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    margin: 70px 0 40px 0;
    color: #222;
    font-size: 24px;
}

.highlight_div ul li .icon {
    width: 24px;
    position: absolute;
    left: 0;
    filter: brightness(0);
    opacity: 0.7;
}

.counter_section {
    background-color: #FFF;
    padding: calc(65 / var(--vw) * var(--multiplier)) calc(64 / var(--vw) * var(--multiplier)) calc(60 / var(--vw) * var(--multiplier));
    overflow: hidden;
}

.counter_section .font-heading3 {
    text-align: center;
    margin-bottom: 50px;
}

.why_choose_section .description-wrapper ul li {
    font-size: calc(20 / var(--vw) * var(--multiplier));
    font-weight: 300;
    line-height: 44px;
    color: #FFF;
    font-family: "Lato", sans-serif;
}

.why_choose_section .description-wrapper ul li:last-child {
    margin-bottom: 0;
}

.why_choose_section .description-wrapper ul li {
    margin-bottom: 30px;
    position: relative;
    padding-left: 65px;
}

.why_choose_section .description-wrapper ul li .icon {
    position: absolute;
    left: 0;
    width: 40px;
}

.why_choose_section .description-wrapper ul {
    margin-left: 50px;
}

.why_choose_section .font-body2 {
    margin-left: 65px;
    margin-top: 60px;
}

.highlight_section {
    padding: calc(65 / var(--vw) * var(--multiplier)) calc(64 / var(--vw) * var(--multiplier)) calc(60 / var(--vw) * var(--multiplier));
    background: #2c2c2c;
    position: relative;
    overflow: hidden;
}

.highlight_section:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../img_new/highlights_bg.png');
    filter: contrast(0.5);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: 0;
}

/* 
.highlight_section:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../img_new/highlights_bg.png');
    filter: contrast(0.5);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: 0;
} */

.highlight_card_row {
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    margin-inline: -30px;
}

.highlight_card_col {
    width: 33.33%;
    padding: 0 30px;
}

.highlight_card {
    position: relative;
}

.highlight_card h3 {
    font-size: 30px;
    margin-bottom: 12px;
}

.highlight_card h4 {
    color: #FFF;
    line-height: 32px;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: "Lato", sans-serif;
}

.highlight_card p {
    color: #FFF;
    font-size: calc(14 / var(--vw) * var(--multiplier));
    line-height: 28px;
}

.highlight_card img {
    width: 90px;
    margin-bottom: 45px;
}

.highlight_card .watermark {
    width: 150px;
    position: absolute;
    top: 4%;
    left: 0;
    opacity: 0.05;
    animation: move 5s linear infinite alternate;
}

.highlight_card .watermark img {
    width: 100%;
    filter: invert(100);
}

@keyframes move {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }

    80% {
        transform: scale(1.05);
    }
}


.footer .custom_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    padding-bottom: 50px;
    margin-bottom: 30px;
}

.footer .custom_row .col4 {
    width: 25%;
}

.footer .custom_row h4 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-family: "Lato", sans-serif;
}

.footer .custom_row ul li {
    font-size: 20px;
    font-family: "Lato", sans-serif;
    color: #FFF;
    margin-top: 16px;
    font-weight: 300;
    line-height: 32px;
    position: relative;
    padding-left: 38px;
}

.footer .custom_row p {
    font-size: 15px;
    font-family: "Lato", sans-serif;
    color: #FFF;
    margin-top: 16px;
    line-height: 22px;
}

.footer .custom_row p strong {
    font-weight: 500;
}

.footer .custom_row ul li i {
    position: absolute;
    left: 0;
    top: 10px;
}

.footer .custom_row ul li a:hover,
.footer .custom_row p a:hover {
    color: #ad8639;
    transition: all 0.5s ease;
}


/* location list - start */

.locations-list-section[data-v-85c97ddc] {

    background: #FFF;

}

.locations-list-section .grid {
    display: flex;
    flex-wrap: wrap;
    column-gap: normal;
    flex-direction: row-reverse;
}

.locations-list-section .grid .image-wrapper {
    width: 45%;
}

.locations-list-section .grid div#location {
    width: 55%;
    grid-column: none;
    padding-right: 100px;
}

.locations-list-section .buttons-section[data-v-85c97ddc] .title-wrapper {

    margin-bottom: 0;

}

/* .locations-list-section .download_item {
    width: 30%;
} */

.locations-list-section .buttons-section .download_item_wrap .download_item {

    border: 1px solid #0000004a;
    padding: 10px 0 2px;

}

.locations-list-section .buttons-section .download_item_wrap {

    column-gap: 10px;
    margin-top: 36px;

}

.locations-list-section .font-subheading3 {

    color: #000;

}

.locations-list-section .location-list-heading {

    color: rgb(173, 134, 57);
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    font-family: Lato, sans-serif;

}




.locations-list-section .button-link .text-wrapper {

    align-items: center;

}

.locations-list-section .button-link {

    padding-block: 7px;
}

.locations-list-section .download_item p {

    font-size: 14px;

}

.locations-list-section .download_item img {

    margin-bottom: 12px;

}

.locations-list-section .grid {

    align-items: center;

}

.locations-list-section .download_item {

    margin-bottom: 12px;

}

@media (max-width: 1199px) {

    .locations-list-section .loc-tab-btn {

        width: auto;

    }

    .locations-list-section .buttons-section .download_item_wrap {

        row-gap: 10px;

    }

    .locations-list-section .loc-area-section .loc-tabs {

        margin-top: 30px;
        margin-bottom: 28px;

    }

    .locations-list-section .grid div#location {


        padding-right: 57px;

    }

    .locations-list-section .download_item p {
        font-size: 13px;
    }

    .locations-list-section .download_item img {

        margin-bottom: 7px;

    }




    .locations-list-section .loc-tab-btn {

        min-width: 140px;

    }

    .locations-list-section .loc-tab-btn img {

        width: 46px;

    }

}

@media (max-width: 991px) {

    .locations-list-section .grid .image-wrapper {

        width: 100%;

    }

    /* .locations-list-section .grid div#location {

padding-right: 0;

} */

    .locations-list-section .grid div#location {

        width: 100%;
        padding-right: 0;

    }

    .locations-list-section .loc-tab-btn {

        width: 32%;

    }

    .locations-list-section .loc-area-section {

        padding-bottom: 0;
        margin: 0;

    }

    .locations-list-section .image-wrapper {

        margin-top: 40px;

    }

    .locations-list-section .grid .image-wrapper {

        margin-bottom: 0;

    }

    .locations-list-section .grid {

        flex-flow: column-reverse;

    }



}

@media (max-width: 767px) {

    .locations-list-section .buttons-section .download_item_wrap .download_item {

        padding: 10px 0 10px;

    }

    .locations-list-section .loc-tab-btn img {

        width: 34px;

    }

    .locations-list-section .download_item p {
        font-size: 12px;
        line-height: 18px;
    }

    .locations-list-section .loc-tab-btn {
        width: 31%;
    }

    .locations-list-section .loc-tab-btn {
        min-width: 82px;
    }


    .locations-list-section div#location {

        margin-left: auto;
        margin-right: auto;
        left: 0;

    }

    .locations-list-section .grid div#location {

        padding-right: 0;

    }

    .locations-list-section .grid .buttons-section {

        margin-top: 0;

    }


}

/* location list - end */


/* studio appartment - start */

/* .box_scroll .third-box .box_content_sub_title {

    color: #414141;

} */


/* studio appartment - end */


/* image source - start */

.position-relative {

    position: relative;

}

.image-source {

    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 0.2px;
    z-index: 10;
    line-height: 1;

}


.scroll-box-section .image-source {

    bottom: 50px;

}

/* image source - end */


/* captcha - start */

.captcha-section .captcha-img-box {
    height: 40px;
}

.captcha-section .catcha-and-refresh {
    display: flex;
    align-items: center;
    gap: 0;
}

.captcha-section .catcha-and-refresh .input-group-text {
    background: #ad8639;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    cursor: pointer;
}

.captcha-section .enter-captcha {

    display: flex;
    align-items: center;
    gap: 10px;

}

.captcha-section .row {

    display: flex;
    justify-content: space-between;

}

.captcha-section {

    margin-top: 42px;

}

/* captcha - end */


/* home captcha - start */

.home-captcha-section .row {

    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;

}

.home-captcha-section .form-input[data-v-2725fbb9] {
    flex-direction: row;
    width: auto;
}

.home-captcha-section .enter-captcha input {

    width: 49%;

}

img.reracode {
    height: auto;
    width: 88%;
    max-width: 100%;
}

.media-dynamic:before {
    content: '';
    background-color: #2b3530;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0.31;
}

.media-dynamic {
    position: relative;
}

.media-dynamic img {
    width: 100%;
    height: 100svh;
    object-fit: cover;
    object-position: top center;
}

.rendered_slider {
    display: none;
}

.rendered_slider .owl-nav {
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.rendered_slider .owl-nav button {
    width: 30px;
    height: 30px;
    background: #FFF !important;
    margin-right: 6px;
    font-size: 32px !important;
}

.rendered_slider .owl-nav button span {
    top: -4px;
    position: relative;
}

@media (max-width: 991px) {

    .home-captcha-section .row {

        width: 100% !important;
        gap: 0;

    }

}

.home-captcha-section .enter-captcha p {

    font-size: 16px;

}

/* home captcha - end */ 


/* header - start */

.header-section .header-contact {

font-weight: 400;
color: #fff;
font-family: Basis Grotesque, sans-serif;

 }

.header-section .header-contact i{

    margin-right: 10px;

}

@media (max-width: 768px) {

.header-section .header-contact-ancr{

display: none;

}

}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
}

/* header - end */ 


/* overview - start */

.overview-section .nirala-stands-txt{

    font-size: 21px !important;

}

.overview-section .text-label[data-v-fcdb2cb5] {

margin-bottom: 30px;

}

.overview-section .wellness-description[data-v-2e90e9d4] {

margin-bottom: 30px;

}

.overview-section .highlight_div h4 {

margin-top: 40px;
margin-bottom: 30px;

}

.overview-section .highlight_div ul li+li {
    margin-top: 20px;
}

   .overview-section .wellness-description[data-v-2e90e9d4] h3 {

line-height: 35px;
    font-size: 24px;

   }

/* overview - end */



.why-nirala-diadem-section .description-wrapper ul li {

line-height: 1.6;

}


/* why nirala diadem? - end */


/* download - start */

.download-section .payment-plan-txt{

line-height: 1.5;

}

/* download - end */


/* disclaimer - start */

.cmn-section-gap.disclaimer-section{

    margin-top: 200px;

}

.modern_living_section.disclaimer-section .font-heading3 {

text-align: start;
margin-bottom: 30px;

}

.disclaimer-section p {

margin-bottom: 30px;
color: #000;
font-weight: 400;
line-height: 1.6;
font-size: 18px;

}

.disclaimer-section ul {

margin-bottom: 30px;

}

/* disclaimer - end */


/* terms and conditions - start */

.terms-and-conditions-section .mini-head{

margin-bottom: 20px;
color: #000;
font-size: 20px;

}

.terms-and-conditions-section ul li p {

margin-bottom: 10px;

}

.terms-and-conditions-section strong {

font-weight: 600;

}



/* terms and conditions - start */