@import "../bootstrap/css/bootstrap.min.css";

@font-face {
    font-family: "Gotham";
    src: url("../fonts/Gotham-Black.eot");
    src: url("../fonts/Gotham-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Black.woff2") format("woff2"), url("../fonts/Gotham-Black.woff") format("woff"), url("../fonts/Gotham-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "graphik_black";
    src: url("../fonts/graphik-black-webfont.woff2") format("woff2"), url("../fonts/graphik-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_black_italic";
    src: url("../fonts/graphik-blackitalic-webfont.woff2") format("woff2"), url("../fonts/graphik-blackitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_bold";
    src: url("../fonts/graphik-bold-webfont.woff2") format("woff2"), url("../fonts/graphik-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_bold_italic";
    src: url("../fonts/graphik-bolditalic-webfont.woff2") format("woff2"), url("../fonts/graphik-bolditalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_extralight";
    src: url("../fonts/graphik-extralight-webfont.woff2") format("woff2"), url("../fonts/graphik-extralight-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_extralight_italic";
    src: url("../fonts/graphik-extralightitalic-webfont.woff2") format("woff2"), url("../fonts/graphik-extralightitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_light";
    src: url("../fonts/graphik-light-webfont.woff2") format("woff2"), url("../fonts/graphik-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_light_italic";
    src: url("../fonts/graphik-lightitalic-webfont.woff2") format("woff2"), url("../fonts/graphik-lightitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_medium";
    src: url("../fonts/graphik-medium-webfont.woff2") format("woff2"), url("../fonts/graphik-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_medium_italic";
    src: url("../fonts/graphik-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/graphik-mediumitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_regular";
    src: url("../fonts/graphik-regular-webfont.woff2") format("woff2"), url("../fonts/graphik-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "graphik_regular_italic";
    src: url("../fonts/graphik-regularitalic-webfont.woff2") format("woff2"), url("../fonts/graphik-regularitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

:root {
    --main-font: "graphik_regular";
    --secondary-font: "Gotham";
    --nav-color: #fff;
    --bg-green: #004F3B;
    --bg-dark-green: #003527;
    --nav-hover-color: #03E8AA;
    --text-color: #000000;
    --btn-color: #0A7359;
    --odd-section: #F7F7F7;
    --footer-bg: #000000;
    --footer-text: #F2F3F7;
    --bs-heading-color: #fff;
    --input-border: #DBDCDE;
    --inner-banner-shadow: rgba(0, 0, 0, 0.3);
    --tag-green: #0B826F;
    --tag-orange: #DB9E0F;
    --tag-blue: #1E88E5;
    --bs-link-color: #3463FF;
    --bs-link-color-rgb: #3463FF;
    --bs-link-hover-color-rgb: rgb(10, 88, 202);
}

a {
    text-underline-offset: 2px;
    color: var(--bs-link-color);
}

    a:hover {
        color: var(--bs-link-hover-color-rgb);
    }

.divider {
    border: 1px solid #c5c5c5;
    margin-bottom: 0;
    margin-top: 0;
}

.outline-btn {
    background: transparent;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 40px;
    border: 1px solid #fff;
    transition: all 0.5s ease;
    font-size: 14px;
    font-weight: 500;
}

@media (min-width: 1200px) {
    .outline-btn:hover {
        background: #fff;
        color: #000;
        border: 1px solid #fff;
    }
}

@media (max-width: 1199.98px) {
    .outline-btn:hover {
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
    }
}

.outline-btn {
    min-width: 160px;
    text-decoration: none;
    text-align: center;
}

    .outline-btn i {
        margin-right: 5px;
    }

.outline-btn-black {
    background: transparent;
    color: var(--text-color);
    border: none;
    padding: 10px 15px;
    border-radius: 40px;
    border: 1px solid var(--text-color);
    transition: all 0.5s ease;
    font-size: 14px;
    font-weight: 500;
    min-width: 170px;
}

@media (min-width: 1200px) {
    .outline-btn-black:hover {
        background: var(--text-color);
        color: #fff;
        border: 1px solid var(--text-color);
    }
}

@media (max-width: 1199.98px) {
    .outline-btn-black:hover {
        background: transparent;
        color: var(--text-color);
        border: 1px solid var(--text-color);
    }
}

.outline-btn-black {
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

@media (max-width: 991px) {
    .outline-btn-black {
        margin: 10px auto;
        display: flex;
        justify-content: center;
        width: -moz-min-content;
        width: min-content;
        align-items: center;
    }
}

.outline-btn-green {
    --text-color: #0a7359;
    background: transparent;
    color: var(--text-color);
    border: none;
    padding: 10px 15px;
    border-radius: 40px;
    border: 1px solid var(--text-color);
    transition: all 0.5s ease;
    font-size: 14px;
    font-weight: 500;
}

@media (min-width: 1200px) {
    .outline-btn-green:hover {
        background: var(--text-color);
        color: #fff;
        border: 1px solid var(--text-color);
    }
}

@media (max-width: 1199.98px) {
    .outline-btn-green:hover {
        background: transparent;
        color: var(--text-color);
        border: 1px solid var(--text-color);
    }
}

.outline-btn-green {
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

@media (max-width: 991px) {
    .outline-btn-green {
        margin: 10px auto;
        display: flex;
        justify-content: center;
        width: -moz-min-content;
        width: min-content;
    }
}

.filled-btn-green {
    --text-color: #fff;
    background: #0A7359;
    color: var(--text-color);
    border: none;
    padding: 10px 15px;
    border-radius: 40px;
    border: 1px solid #0A7359;
    transition: all 0.5s ease;
    font-size: 14px;
    font-weight: 500;
}

@media (min-width: 1200px) {
    .filled-btn-green:hover {
        background: var(--text-color);
        color: #0A7359;
        border: 1px solid #0A7359;
    }
}

@media (max-width: 1199.98px) {
    .filled-btn-green:hover {
        background: #0A7359;
        color: var(--text-color);
        border: 1px solid #0A7359;
    }
}

.filled-btn-green {
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

@media (max-width: 991px) {
    .filled-btn-green {
        margin: 10px auto;
        display: flex;
        justify-content: center;
        width: -moz-min-content;
        width: min-content;
    }
}

.green-solid-btn {
    color: #ffffff;
    background-color: var(--tag-green);
    border: 1px solid var(--tag-green);
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    height: 40px;
    min-width: 210px;
    letter-spacing: 0.4px;
}

.bg-green {
    background-color: var(--bg-green);
}

.bg-dark-green {
    background-color: var(--bg-dark-green);
}

.bg-add {
    background-color: var(--odd-section);
}

.section {
    padding: 68px 0;
}

@media (max-width: 991px) {
    .section {
        padding: 40px 20px;
    }
}

.section .section-head .badge {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}

    .section .section-head .badge.main-bg {
        background-color: var(--text-color);
        color: #fff;
    }

.section .section-head p {
    color: var(--text-color);
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 400;
    font-family: "graphik_regular";
    max-width: 70vw;
    /*display: block;*/
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}

.section .md-headline {
    font-size: clamp(22px, 3vw, 35px);
    font-family: "graphik_light";
    color: var(--text-color);
    margin-bottom: 0;
}

.section .lg-headline {
    font-size: clamp(28px, 4vw, 46px);
    font-family: "graphik_light";
    color: var(--text-color);
    margin-bottom: 0;
}

.section .md-card {
    border-radius: 20px;
    box-shadow: 0px 4px 50px 8px rgba(0, 0, 0, 0.05);
    padding: 30px 40px;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
}

@media (min-width: 1200px) {
    .section .md-card:hover {
        transform: translateY(-10px);
        box-shadow: 0px 4px 50px 8px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 767px) {
    .section .md-card {
        margin-top: 20px;
    }
}

.section .md-card img {
    margin-bottom: 20px;
    height: 40px;
}

.section .md-card h4 {
    font-size: clamp(16px, 3vw, 20px);
    color: var(--text-color);
}

.section .md-card p {
    font-size: clamp(14px, 3vw, 18px);
    margin: 0;
    color: var(--text-color);
}

.section .img-twins {
    display: flex;
    align-items: center;
}

    .section .img-twins .lg-img {
        width: 58%;
        height: auto;
        border-radius: 100%;
    }

    .section .img-twins .md-img {
        width: 45%;
        border-radius: 100%;
        margin-left: -60px;
    }

.section.bg-add {
    background-color: var(--odd-section);
}

@media (min-width: 992px) and (max-width: 1799px) {
    .section .dream_home {
        max-width: 506px;
    }
}

@media (max-width: 1399.98px) {
    .section .dream_home {
        margin-right: 30px;
    }
}

.section .dream_home .home-img {
    flex: 1;
}

@media (max-width: 991px) {
    .section .dream_home .home-img {
        margin-bottom: 20px;
    }
}

.section .dream_home .home-img img.home {
    width: 100%;
    max-width: 100%;
}

.section.consultation .row {
    align-items: center;
}

.section .consultation-section {
    display: flex;
    margin-left: auto;
    align-items: center;
}

@media (min-width: 992px) {
    .section .consultation-section {
        max-width: 820px;
    }
}

@media (min-width: 1800px) {
    .section .consultation-section {
        max-width: 850px;
    }
}

@media (max-width: 991.98px) {
    .section .consultation-section {
        flex-direction: column;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .section .consultation-section-left {
        padding-right: 20px;
    }
}

@media (min-width: 1400px) {
    .section .consultation-section-left {
        padding-right: 30px;
    }
}

.section .consultation-section-left h4 {
    color: var(--text-color);
    font-size: 26px;
    font-weight: 300;
    width: 200px;
    margin: 0;
    font-family: "graphik_light";
}

@media (min-width: 768px) {
    .section .consultation-section-left h4 {
        font-size: 30px;
    }
}

@media (min-width: 1200px) {
    .section .consultation-section-left h4 {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .section .consultation-section-left h4 {
        text-align: center;
        margin: 10px 0;
        width: auto;
    }
}

@media (min-width: 992px) {
    .section .consultation-section-right {
        padding-left: 20px;
        border-left: 1px solid #B9B9B9;
    }
}

@media (min-width: 1400px) {
    .section .consultation-section-right {
        padding-left: 30px;
    }
}

.truncate {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .truncate.expanded {
        white-space: normal;
        -webkit-line-clamp: unset !important;
    }

.btn-underline {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease;
}

@media (min-width: 1200px) {
    .btn-underline:hover {
        text-shadow: 0px 0px 0.5px #000;
    }
}

.nav.nav-tabs {
    --bs-nav-tabs-border-width: 0;
    --bs-nav-tabs-link-active-bg: #004f3b;
    --bs-nav-tabs-link-active-color: #fff;
    --bs-nav-link-color: #000;
    --bs-nav-link-hover-color: #000;
}

    .nav.nav-tabs .nav-item:first-child .nav-link {
        border-radius: 6px 0 0 6px;
    }

    .nav.nav-tabs .nav-item:last-child .nav-link {
        border-radius: 0 6px 6px 0;
    }

    .nav.nav-tabs .nav-link {
        border-radius: 0;
        background-color: #f7f7f7;
        text-transform: capitalize;
        min-width: 80px;
        min-height: 45px;
        font-size: 14px;
        font-weight: 500;
        line-height: 15.4px;
    }

@media (min-width: 768px) {
    .nav.nav-tabs .nav-link {
        min-width: 100px;
    }
}

.nav.nav-tabs .nav-link.active {
    background-color: var(--bs-nav-tabs-link-active-bg);
}

select {
    width: 300px;
    height: 40px;
    font-weight: 400;
    font-size: 15px;
    border: 1px solid #eff2f6;
    padding: 6px 20px;
    border-radius: 6px;
}

@media (min-width: 768px) {
    select {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    select {
        font-size: 18px;
    }
}

select:focus {
    outline: none;
}

.swiper {
    --swiper-navigation-sides-offset: calc(50% - 35px);
    --swiper-navigation-size: 20px;
    --swiper-navigation-top-offset: auto;
    --swiper-theme-color: #000;
}

    .swiper .swiper-button-next,
    .swiper .swiper-button-prev {
        bottom: 0;
    }

    .swiper .swiper-pagination {
        position: relative;
        margin-top: 20px;
    }

        .swiper .swiper-pagination .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
        }

        .swiper .swiper-pagination .swiper-pagination-bullet-active {
            background-color: #515151;
        }

.icon-card-wrapper {
    --bs-gutter-y: 20px;
    padding-top: 50px;
}

.icon-card {
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
}

.icon-card-inner {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0px 4px 37px 8px rgba(0, 0, 0, 0.05);
    padding: 35px 15px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
    text-align: center;
    height: 100%;
    justify-content: center;
    min-height: 190px;
    transform: translateY(0);
    transition: transform 0.3s ease;
}

@media (min-width: 992px) {
    .icon-card-inner {
        padding: 25px;
        min-height: 282px;
    }
}

@media (min-width: 768px) {
    .icon-card-inner {
        padding: 30px 30px;
    }
}

.icon-card-inner:hover {
    transform: translateY(-5px);
}

.icon-card-inner ul {
    padding-left: 18px;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-card figure {
    margin-bottom: 0;
}

    .icon-card figure img {
        max-width: 56px;
        max-height: 56px;
    }

@media (min-width: 1200px) {
    .icon-card figure img {
        max-width: 70px;
        max-height: 56px;
    }
}

.icon-card h3 {
    color: #000;
    font-weight: 500;
    font-size: clamp(18px, 2vw, 20px);
    margin-bottom: 0;
}

.icon-card p {
    font-size: clamp(15px, 2vw, 18px);
    font-weight: 400;
    margin-bottom: 0;
}

.innerpage-banner {
    --inner-banner-height: 400px;
    height: var(--inner-banner-height);
    width: 100%;
    position: relative;
}

    .innerpage-banner::before {
        content: "";
        background-color: var(--inner-banner-shadow);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

@media (min-width: 1921px) {
    .innerpage-banner {
        height: 820px;
    }
}

.innerpage-banner .img-banner {
    width: 100%;
    height: 100%;
}

    .innerpage-banner .img-banner figure {
        height: 100%;
    }

        .innerpage-banner .img-banner figure img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

.innerpage-banner .innerpage-banner_caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0px auto;
    display: block;
    margin-bottom: 68px;
    z-index: 1030;
}

@media (max-width: 767px) {
    .innerpage-banner .innerpage-banner_caption {
        padding: 20px;
        margin-top: 5vh;
    }
}

.innerpage-banner .innerpage-banner_caption .captions {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .innerpage-banner .innerpage-banner_caption .captions h1 {
        font-size: clamp(30px, 4vw, 40px);
        font-weight: 300;
        color: #fff;
        /*max-width: 420px;*/
        margin: 20px 0;
        display: flex;
        align-items: center;
    }

        .innerpage-banner .innerpage-banner_caption .captions h1 img {
            margin-left: 10px;
            max-width: 30px;
            width: 100%;
            transform: scale(1);
            transition: transform 0.3s ease;
        }

        .innerpage-banner .innerpage-banner_caption .captions h1 a {
            display: flex;
            align-items: center;
        }

            .innerpage-banner .innerpage-banner_caption .captions h1 a:hover img {
                transform: scale(1.06);
            }

    .innerpage-banner .innerpage-banner_caption .captions .meta-data {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .innerpage-banner .innerpage-banner_caption .captions .meta-data span {
            color: #FFFFFF;
            font-size: 1rem;
            font-weight: 400;
        }

.intro-section .section-head .para-section {
    margin-top: 25px;
}

@media (min-width: 768px) {
    .intro-section .section-head .para-section {
        margin-top: 35px;
    }
}

.intro-section .section-head p {
    margin-top: 15px;
    max-width: 1242px;
    margin-inline: auto;
    margin-bottom: 0;
}

.intro-section .section-head a {
    margin-top: 40px;
}

.intro-section .overview-imgSection {
    padding: 30px;
    border-radius: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .intro-section .overview-imgSection {
        padding: 60px;
    }
}

.intro-section .overview-imgSection::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.intro-section .overview-imgSection ul {
    text-align: start;
    color: #fff;
    padding-left: 18px;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .intro-section .overview-imgSection ul li {
        font-size: 1rem;
        line-height: 24px;
        font-weight: 300;
    }

@media (min-width: 768px) {
    .intro-section .overview-imgSection ul li {
        font-size: 1.125rem;
        line-height: 25px;
    }
}

.bg_text-section {
    color: white;
    background-image: url(../img/about-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

    .bg_text-section::before {
        content: "";
        background-color: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .bg_text-section .bg_text-row {
        flex-direction: column;
        position: relative;
    }

@media (min-width: 992px) {
    .bg_text-section .bg_text-row {
        flex-wrap: wrap;
        flex-direction: initial;
        max-width: 1242px;
        margin-inline: auto;
    }
}

.bg_text-section .bg_text-head {
    flex: 0 0 100%;
    max-width: 100%;
}

    .bg_text-section .bg_text-head h4 {
        color: white;
        margin-bottom: 20px;
    }

    .bg_text-section .bg_text-head p {
        text-align: center;
        max-width: 1242px;
        font-size: clamp(20px, 2vw, 28px);
        font-weight: 400;
        margin-bottom: 0;
    }

@media (min-width: 992px) {
    .bg_text-section .bg_text-content-left {
        padding-right: 20px;
        flex: 0 0 41.66666667%;
        width: 41.66666667%;
    }
}

.bg_text-section .bg_text-content-left p {
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 500;
    line-height: 30px;
}

.bg_text-section .bg_text-content-right {
    position: relative;
}

@media (min-width: 992px) {
    .bg_text-section .bg_text-content-right {
        padding-left: 20px;
        flex: 0 0 58.33333333%;
        width: 58.33333333%;
    }
}

@media (min-width: 992px) {
    .bg_text-section .bg_text-content-right::before {
        content: "";
        background-color: #fff;
        height: 100%;
        width: 1px;
        position: absolute;
        left: 0;
        top: 0;
    }
}

.bg_text-section .bg_text-content-right p {
    font-size: 18px;
    font-size: clamp(14px, 2vw, 18px);
    font-weight: 400;
    line-height: 26px;
    max-width: 700px;
}

.bg_text-section .bg_text-content-right a {
    margin-top: 20px;
    display: inline-block;
}

.filter {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-end;
}

    .filter p {
        padding-right: 20px;
        font-size: 18px;
        font-weight: 400;
        position: relative;
        margin-inline: 0 !important;
    }

        .filter p::before {
            content: "";
            background-color: #d7dade;
            width: 2px;
            height: 95%;
            position: absolute;
            right: 0;
            top: 0;
        }

    .filter select {
        width: 190px;
    }

@media (min-width: 768px) {
    .filter select {
        width: 250px;
    }
}

@media (min-width: 992px) {
    .filter select {
        width: 300px;
    }
}

.video a {
    position: relative;
}

    .video a i {
        color: #ff0000;
        font-size: 48px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

        .video a i::after {
            content: "";
            background-color: #fff;
            width: calc(100% - 30px);
            height: calc(100% - 30px);
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: -1;
        }

.icon-text-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

@media (max-width: 767px) {
    .icon-text-card {
        margin-bottom: 30px;
    }
}

.icon-text-card figure {
    margin: 0;
}

    .icon-text-card figure img {
        max-width: 40px;
        min-height: 40px;
    }

@media (min-width: 768px) {
    .icon-text-card figure img {
        max-width: 50px;
        min-height: 50px;
    }
}

.icon-text-card h3 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 0;
    text-align: center;
}

@media (min-width: 768px) {
    .icon-text-card h3 {
        font-size: 18px;
    }
}

.accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-active-color: #000;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-btn-padding-y: 20px;
    --bs-accordion-btn-padding-x: 0px;
    --bs-accordion-border-color: #c8c8c8;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M6.08594 8.28906L0.773438 2.97656C0.382812 2.58594 0.382812 2 0.773438 1.64844L1.63281 0.75C2.02344 0.398438 2.60938 0.398438 2.96094 0.75L6.71094 4.53906L10.5 0.75C10.8516 0.398438 11.4375 0.398438 11.8281 0.75L12.6875 1.64844C13.0781 2 13.0781 2.58594 12.6875 2.97656L7.375 8.28906C7.02344 8.64062 6.4375 8.64062 6.08594 8.28906Z' fill='black'/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M6.08594 8.28906L0.773438 2.97656C0.382812 2.58594 0.382812 2 0.773438 1.64844L1.63281 0.75C2.02344 0.398438 2.60938 0.398438 2.96094 0.75L6.71094 4.53906L10.5 0.75C10.8516 0.398438 11.4375 0.398438 11.8281 0.75L12.6875 1.64844C13.0781 2 13.0781 2.58594 12.6875 2.97656L7.375 8.28906C7.02344 8.64062 6.4375 8.64062 6.08594 8.28906Z' fill='black'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 13px;
}

@media (min-width: 992px) {
    .accordion {
        --bs-accordion-btn-padding-x: 15px;
        --bs-accordion-btn-padding-y: 35px;
    }
}

.accordion-button {
    font-size: 18px;
    font-weight: 500;
    gap: 10px;
}

@media (min-width: 768px) {
    .accordion-button {
        font-size: 20px;
    }
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-body {
    padding: 0 0px 15px;
}

@media (min-width: 992px) {
    .accordion-body {
        padding: 0 40px 15px;
    }
}

.accordion-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: -20px;
}

@media (min-width: 768px) {
    .accordion-body ul {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 25px;
        column-gap: 25px;
    }
}

.accordion-body ul li {
    padding-top: 10px;
    font-size: 15px;
}

@media (min-width: 768px) {
    .accordion-body ul li {
        padding-top: 20px;
        font-size: 16px;
    }
}

.accordion-body ul li strong {
    font-size: 15px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .accordion-body ul li strong {
        font-size: 16px;
    }
}

.accordion-body p {
    font-size: 15px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .accordion-body p {
        font-size: 16px;
    }
}

.img-text-box {
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 50px 8px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

@media (min-width: 1200px) {
    .img-text-box {
        padding: 40px;
        border-radius: 30px;
        margin-bottom: 0;
        height: 100%;
    }
}

@media (max-width: 991.98px) {
    .img-text-box {
        margin-bottom: 30px;
        height: auto;
    }
}

.img-text-box h3 {
    color: #0093be;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 25px;
}

@media (min-width: 1200px) {
    .img-text-box h3 {
        font-size: 20px;
        line-height: 30px;
    }
}

.img-text-box p {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 15px;
    line-height: 24px;
}

@media (min-width: 1200px) {
    .img-text-box p {
        font-size: 18px;
        line-height: 26px;
    }
}

.img-text-box figure {
    margin-bottom: 0;
    margin-top: 40px;
}

    .img-text-box figure img {
        width: 100%;
    }

.img-text-box.img-bottom {
    padding-bottom: 0;
}

    .img-text-box.img-bottom > div:last-child {
        margin-top: auto;
    }

        .img-text-box.img-bottom > div:last-child figure {
            margin-top: 40px;
        }

.img-text-box.img-top {
    padding-top: 0;
}

    .img-text-box.img-top > div:last-child {
        order: -1;
        margin-top: 0;
    }

        .img-text-box.img-top > div:last-child figure {
            margin-top: 0px;
        }

    .img-text-box.img-top h3 {
        margin-top: 40px;
    }

.list-default {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

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

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.admin-content-area {
    /* =====     Unordered List Items     ===== */
}

    .admin-content-area ul,
    .admin-content-area ol,
    .admin-content-area li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .admin-content-area img {
        margin-bottom: 1.25rem;
        max-width: 100%;
    }

    .admin-content-area h1 + p,
    .admin-content-area h2 + p,
    .admin-content-area h3 + p,
    .admin-content-area h4 + p,
    .admin-content-area h5 + p,
    .admin-content-area h6 + p {
        margin-top: 2.938rem;
    }

@media (max-with: 768.98px) {
    .admin-content-area h1 + p,
    .admin-content-area h2 + p,
    .admin-content-area h3 + p,
    .admin-content-area h4 + p,
    .admin-content-area h5 + p,
    .admin-content-area h6 + p {
        margin-top: 1.625rem;
    }
}

.admin-content-area h2 {
    font-size: 2rem;
    line-height: 1.25;
}

@media (max-with: 768.98px) {
    .admin-content-area h2 {
        font-size: 1.313rem;
        line-height: 1.2380952381;
    }
}

.admin-content-area p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

    .admin-content-area p:empty {
        margin-bottom: 40px;
    }

    .admin-content-area p:last-child {
        margin-bottom: 0;
    }

    .admin-content-area p + h1, .admin-content-area p + h2, .admin-content-area p + h3, .admin-content-area p + h4, .admin-content-area p + h5, .admin-content-area p + h6, .admin-content-area p + ul, .admin-content-area p + ol {
        margin-top: 1.5rem;
    }

    .admin-content-area p + img {
        margin-top: 5.625rem;
    }

@media (max-with: 768.98px) {
    .admin-content-area p + img {
        margin-top: 3.188rem;
    }
}

.admin-content-area p:has(+ :not(p)) {
    margin-bottom: 0;
}

.admin-content-area ul {
    display: block;
    margin: 1.5rem 0 0.625rem;
}

    .admin-content-area ul li {
        display: block;
        line-height: 1.4;
        padding-left: 1.375rem;
        position: relative;
    }

        .admin-content-area ul li + li {
            margin-top: 0.625rem;
        }

        .admin-content-area ul li:before {
            background-color: #202029;
            border: none;
            border-radius: 50%;
            content: "";
            display: block;
            height: 0.625rem;
            left: 0;
            position: absolute;
            top: 0.375rem;
            width: 0.625rem;
        }

@media (max-width: 991.98px) {
    .admin-content-area ul li {
        padding-left: 1.25rem;
    }

        .admin-content-area ul li + li {
            margin-top: 0.625rem;
        }

        .admin-content-area ul li:before {
            height: 0.5rem;
            width: 0.5rem;
        }
}

@media (max-width: 767.98px) {
    .admin-content-area ul li {
        padding-left: 0.938rem;
    }

        .admin-content-area ul li:before {
            height: 0.438rem;
            width: 0.438rem;
        }
}

.admin-content-area ul li ul {
    padding-left: 1.25rem;
}

.admin-content-area ul + img {
    margin-top: 1.25rem;
}

.admin-content-area ul.white li:before {
    border-color: #fff;
}

.admin-content-area {
    /* =====     Ordered List Items     ===== */
}

    .admin-content-area ol {
        margin: 1.5rem 0 0.625rem;
        counter-reset: item;
    }

        .admin-content-area ol li {
            display: block;
            line-height: 1.4;
            padding-left: 1.25rem;
            position: relative;
        }

            .admin-content-area ol li + li {
                margin-top: 0.938rem;
            }

            .admin-content-area ol li:before {
                content: counters(item, ".") ".";
                counter-increment: item;
                display: inline-block;
                left: 0;
                position: absolute;
            }

        .admin-content-area ol.lower-alpha li:before {
            content: counters(item, "", lower-alpha) ")";
        }

        .admin-content-area ol.lower-roman li:before {
            content: counters(item, "", lower-roman) ")";
        }

        .admin-content-area ol.roman-sub li {
            padding-left: 1.875rem;
        }

            .admin-content-area ol.roman-sub li:before {
                content: counters(item, ".", upper-roman) ".";
                counter-increment: item;
                font-weight: 500;
            }

            .admin-content-area ol.roman-sub li ol li {
                padding-left: 2rem;
            }

        .admin-content-area ol.decimal-sub li {
            padding-left: 1.875rem;
        }

            .admin-content-area ol.decimal-sub li:before {
                content: counters(item, ". ", decimal) ".";
                counter-increment: item;
                font-weight: 500;
            }

            .admin-content-area ol.decimal-sub li ol {
                padding-top: 0.313rem;
            }

                .admin-content-area ol.decimal-sub li ol li {
                    padding-left: 2rem;
                }

                .admin-content-area ol.decimal-sub li ol ol li {
                    padding-left: 3.125rem;
                }

        .admin-content-area ul + h2, .admin-content-area ul + h3, .admin-content-area ul + h4, .admin-content-area ul + h5, .admin-content-area ul + h6,
        .admin-content-area ol + h2,
        .admin-content-area ol + h3,
        .admin-content-area ol + h4,
        .admin-content-area ol + h5,
        .admin-content-area ol + h6 {
            margin-top: 1.875rem;
        }

        .admin-content-area ul + p,
        .admin-content-area ol + p {
            margin-top: 1.25rem !important;
        }

.text {
    color: #000000;
    margin-bottom: 0;
}

.fs-26 {
    font-size: 1.625rem;
}

.fs-20 {
    font-size: 1.25rem;
}

.fs-18 {
    font-size: 1.125rem;
}

.fs-16 {
    font-size: 1rem;
}

.fs-15 {
    font-size: 0.938rem;
}

.fs-14 {
    font-size: 0.875rem;
}

.fs-12 {
    font-size: 0.75rem;
}

.comment-form_wrap {
    border: 1px solid #D3D5E4;
    border-radius: 20px;
    padding: 20px;
}

@media (min-width: 992px) {
    .comment-form_wrap {
        padding: 50px;
    }
}

.comment-form_wrap .message {
    font-size: 0.875rem;
    color: #6E7176;
    margin-top: 10px;
}

.comment-form_wrap .comment-form .btn-wrap {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

    .comment-form_wrap .comment-form .btn-wrap button {
        min-width: -moz-max-content;
        min-width: max-content;
        padding: 0 22px;
        height: 45px;
        display: flex;
        align-items: center;
        margin: 0;
    }

.comment-form_wrap .comment-form .form-group {
    position: relative;
}

    .comment-form_wrap .comment-form .form-group label {
        font-size: 14px;
    }

    .comment-form_wrap .comment-form .form-group input {
        height: 40px;
        padding: 0;
    }

    .comment-form_wrap .comment-form .form-group textarea {
        padding: 10px 0;
    }

    .comment-form_wrap .comment-form .form-group input,
    .comment-form_wrap .comment-form .form-group textarea {
        border-width: 0 0 1px 0;
        border-radius: 0;
        border-color: #DBDCDE;
        font-size: 16px;
    }

        .comment-form_wrap .comment-form .form-group input:focus,
        .comment-form_wrap .comment-form .form-group textarea:focus {
            outline: none;
            box-shadow: none;
        }

        .comment-form_wrap .comment-form .form-group input::-moz-placeholder, .comment-form_wrap .comment-form .form-group textarea::-moz-placeholder {
            font-size: 14px;
        }

        .comment-form_wrap .comment-form .form-group input::placeholder,
        .comment-form_wrap .comment-form .form-group textarea::placeholder {
            font-size: 14px;
        }

.writer-content {
    display: flex;
    align-items: center;
    gap: 16px;
}

.writer-content-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

    .writer-content-img figure {
        width: 100%;
        height: 100%;
    }

        .writer-content-img figure img {
            width: 100%;
            height: 100%;
        }

.writer-content-detail {
    display: flex;
    flex-direction: column;
}

    .writer-content-detail p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .writer-content-detail .socialMedia {
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
    }

.socialshare_btn {
    display: flex;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .socialshare_btn a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 32px;
        width: 32px;
        flex: 0 0 32px;
        transform: scale(1);
        transition: transform 0.3s ease;
    }

        .socialshare_btn a:hover {
            transform: scale(1.06);
        }

.default-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-item_card {
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .news-item_card:hover .btn-underline {
        text-shadow: 0px 0px 0.5px #000;
    }

    .news-item_card:hover .news-item-img img {
        transform: scale(1.05);
    }
}

.news-item_card .news-item-img {
    height: 200px;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

    .news-item_card .news-item-img img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: transform 0.5s ease;
        transform-origin: center;
        transform: scale(1.01);
    }

.news-item_card h5 {
    color: #75787c;
    font-size: 14px;
    font-weight: 400;
}

.news-item_card h4 {
    color: var(--text-color);
    font-size: 15px;
    font-weight: 500;
    min-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-item_card h6 {
    color: #75787c;
    font-size: 12px;
    font-weight: 400;
}

.news-item_card p {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.news-item_card a,
.news-item_card button {
    border: 0;
    box-shadow: none;
    margin-top: 15px;
    display: inline-block;
}

    .news-item_card a.stretched-link {
        margin: 0;
        display: initial;
    }

.luxuary-card {
    position: relative;
    max-height: 500px;
    min-height: 500px;
    height: 100%;
    border-radius: 14px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .luxuary-card {
        max-height: 350px;
        min-height: 350px;
    }
}

@media (min-width: 1200px) {
    .luxuary-card {
        max-height: 500px;
        min-height: 500px;
    }
}

.luxuary-card_img {
    height: 100%;
    width: 100%;
}

    .luxuary-card_img figure {
        height: 100%;
        width: 100%;
    }

        .luxuary-card_img figure img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

.luxuary-card_content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    background-color: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.luxuary-card_content-btn a {
    background-color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

    .luxuary-card_content-btn a:hover {
        background-color: #000;
    }

        .luxuary-card_content-btn a:hover img {
            filter: invert(100%);
        }

.corporate-card_img {
    width: 100%;
    height: 100%;
    max-height: 400px;
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 992.98px) {
    .corporate-card_img {
        height: auto;
    }
}

.corporate-card_img figure {
    width: 100%;
    height: 100%;
    margin: 0;
    max-height: 400px;
}

    .corporate-card_img figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        max-height: 400px;
    }

.corporate-card_content {
    margin-top: 40px;
}

.btn-main-green {
    background: var(--btn-color);
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 40px;
    border: 1px solid #fff;
    transition: all 0.5s ease;
    font-size: 16px;
    font-weight: 400;
}

@media (min-width: 1200px) {
    .btn-main-green:hover {
        background: #000;
        color: #fff;
        border: 1px solid #000;
        border: none;
    }
}

@media (max-width: 1199.98px) {
    .btn-main-green:hover {
        background: var(--btn-color);
        color: #fff;
        border: 1px solid #fff;
        border: none;
    }
}

.btn-main-green {
    padding: 10px 15px;
    min-width: 160px;
    border-radius: 40px;
    border: 1px solid var(--btn-color);
    transition: all 0.5s ease;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

* {
    scroll-behavior: smooth;
}

html {
    overflow-x: hidden;
}

    html.modal-open {
        overflow-y: hidden;
    }

@media (min-width: 992px) {
    html.modal-open {
        padding-right: 17px;
    }

        html.modal-open .main_nav {
            padding-right: 17px !important;
        }
}

body {
    font-family: var(--main-font);
    font-weight: 400;
    overflow-x: hidden;
}

.container {
    padding: 0;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1365px;
        padding: 0;
    }
}

@media (min-width: 1640px) {
    .container {
        max-width: 1440px;
        padding: 0;
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1660px;
        padding: 0;
    }
}

.main_nav {
    padding: 6px 0;
    transition: all 0.5s ease;
    z-index: 1040;
}

@media (max-width: 767px) {
    .main_nav {
        padding: 0 20px;
    }
}

.main_nav .logo {
    height: 30px;
}

.main_nav .border-b-white {
    border-bottom: 1px solid #fff;
}

.main_nav .navbar-nav {
    padding: 8px 0;
    gap: 20px;
    align-items: center;
}

    .main_nav .navbar-nav .nav-item .nav-link {
        color: var(--nav-color);
        font-size: 14px;
        font-weight: 400;
    }

.main_nav .sidebar_toggle {
    background-color: transparent;
    border: none;
}

.main_nav.shrink {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 0;
}

@media (max-width: 767px) {
    .main_nav.shrink {
        padding: 5px 10px;
    }
}

.main_nav.shrink .border-b-white {
    border: none;
}

.main_nav.header-heights {
    background-color: var(--nav-color);
}

    .main_nav.header-heights.shrink {
        background-color: #fff;
    }

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

@media (max-width: 575px) {
    .main_nav .navbar-wrapper .logo {
        width: 120px;
    }
}

.main_nav .navbar-wrapper a {
    color: #494C52;
    font-weight: 500;
    text-decoration: none;
    transition: 0.2s all ease;
    font-size: 15px;
}

@media (max-width: 991px) {
    .main_nav .navbar-wrapper a {
        font-size: 12px;
    }
}

.main_nav .navbar-wrapper a:hover {
    color: var(--btn-color);
}

@media (max-width: 767px) {
    .main_nav .navbar-wrapper a span {
        display: none;
    }
}

@media (max-width: 991px) {
    .main_nav .navbar-wrapper .navbar-nav {
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .main_nav .navbar-wrapper .navbar-nav {
        display: flex;
        align-items: center;
        flex-direction: row;
    }
}

@media (max-width: 991px) {
    .main_nav .navbar-wrapper .navbar-nav .outline-btn {
        min-width: 120px;
    }
}

.side_bar {
    height: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 1045;
    width: 100%;
    background-color: #fff;
    transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
    overflow-y: hidden;
}

    .side_bar::after {
        content: "";
        height: 100%;
        width: 100vw;
        background-image: url("/images/Hamburger Right Side.svg") ;
        /*background-size: cover;
        background-repeat: no-repeat;
        background-position: center;*/
        top: 0;
        display: block;
        position: absolute;
        z-index: -2;
    }

@media (max-width: 991px) {
    .side_bar::after {
        width: 100%;
    }
}

.side_bar:before {
    content: "";
    height: 100%;
    width: 100vw;
    background-color: var(--bg-dark-green);
    top: 0;
    display: block;
    position: absolute;
    z-index: -1;
    right: 0;
    transform: translateX(-60%);
}

@media (max-width: 991px) {
    .side_bar:before {
        display: none;
    }
}

.side_bar .scrollbar {
    height: calc(100vh - 190px);
    overflow: auto;
}

    .side_bar .scrollbar::-webkit-scrollbar {
        width: 8px;
    }

    .side_bar .scrollbar::-webkit-scrollbar-track {
        background-color: var(--bg-dark-green);
    }

    .side_bar .scrollbar::-webkit-scrollbar-thumb {
        background-color: var(--bg-green);
        border-radius: 20px;
    }

.side_bar .sidebar_footer {
    padding: 15px 0;
}

.side_bar.show {
    height: 100vh;
}

.side_bar .sidebar_toggle {
    background-color: transparent;
    border: none;
    margin-left: auto !important;
    display: block;
    padding: 10px 0;
}

@media (max-width: 767px) {
    .side_bar .sidebar_toggle {
        right: 10vw;
    }
}

.side_bar .sidebar_toggle img {
    height: 20px;
}

.side_bar .sidebar-item {
    padding: 20px 5px;
}

    .side_bar .sidebar-item::-webkit-scrollbar {
        width: 0px;
    }

    .side_bar .sidebar-item::-webkit-scrollbar-track {
        background-color: #fff;
    }

    .side_bar .sidebar-item::-webkit-scrollbar-thumb {
        background-color: var(--bg-green);
        border-radius: 20px;
    }

@media (max-width: 991px) {
    .side_bar .sidebar-item {
        padding: 15px 30px;
    }
}

.side_bar .sidebar-item .sidebar-logo img {
    height: 35px;
}

.side_bar .sidebar-item .siderbar-list {
    margin: 50px 0;
    list-style: none;
    padding: 0;
}

@media (max-width: 767px) {
    .side_bar .sidebar-item .siderbar-list {
        margin-top: 10px;
    }
}

.side_bar .sidebar-item .siderbar-list li {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .side_bar .sidebar-item .siderbar-list li {
        margin-bottom: 20px;
    }
}

.side_bar .sidebar-item .siderbar-list li a {
    font-size: clamp(22px, 3vw, 35px);
    font-weight: 900;
    color: var(--nav-color);
    text-decoration: none;
    transition: all 0.5s ease;
    font-family: var(--secondary-font);
}

@media (max-width: 767px) {
    .side_bar .sidebar-item .siderbar-list li a {
        font-size: 20px;
    }
}

.side_bar .sidebar-item .siderbar-list li a:hover {
    margin-left: 30px;
    color: var(--nav-hover-color);
}

@media (max-width: 991px) {
    .side_bar .sidebar-item .siderbar-list.lg {
        display: none;
    }
}

.side_bar .sidebar-item .siderbar-list.lg li {
    margin-bottom: 0;
}

    .side_bar .sidebar-item .siderbar-list.lg li a {
        font-size: clamp(30px, 4vw, 70px);
        font-weight: 900;
        color: var(--nav-color);
        text-decoration: none;
        transition: all 0.5s ease;
        font-family: var(--secondary-font);
    }

        .side_bar .sidebar-item .siderbar-list.lg li a:hover {
            margin-left: 30px;
            color: var(--nav-hover-color);
        }

.side_bar .sidebar-item .line {
    max-width: 120px;
    background-color: #fff;
    height: 1px;
    display: block;
}

@media (max-width: 991px) {
    .side_bar .sidebar-item .line {
        display: none;
    }
}

.side_bar .sidebar-item .project_card .project_item p {
    font-size: 12px;
}

.side_bar .sidebar-item .project_card h3 {
    font-size: 17px;
}

.side_bar .sidebar-item .project_card_footer {
    font-size: 13px;
    padding: 15px;
}

.side_bar #project_grid {
    height: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0, 0, 0.3, 0);
    margin: 10% 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 35px;
    padding-right: 20px;
}

    .side_bar #project_grid.show {
        width: 100%;
        height: auto;
        padding: 0 30px;
    }

.side_bar #project_view.active {
    margin-left: 30px;
    color: var(--nav-hover-color);
}

@media (max-width: 991px) {
    .side_bar .sidebar_footer {
        padding: 10px 30px;
    }
}

.side_bar .sidebar_footer .social-icons {
    display: flex;
    list-style: none;
    gap: 30px;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

    .side_bar .sidebar_footer .social-icons li a {
        color: #fff;
        text-decoration: none;
        font-size: 20px;
    }

.side_bar .sidebar_footer p {
    font-size: 9px;
    color: #fff;
    margin: 0;
    font-weight: 200;
}

.project_card {
    background-color: #fff;
    border-radius: 5px;
    transition: all 0.3s ease;
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .project_card:hover {
        transform: translateY(-3px);
    }
}

.project_card .project_item {
    padding: 15px 20px;
    
}

    .project_card .project_item .project_img {
        height: 150px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .project_card .project_item p {
        text-align: center;
        color: #fff;
        border-radius: 6px;
        font-size: 12px;
        display: table;
        padding: 5px 15px;
        margin: 10px auto;
        font-family: "graphik_light";
    }

        .project_card .project_item p.ongoing {
            background-color: #db9e0f;
        }

        .project_card .project_item p.completed {
            background-color: #43aa8c;
        }

        .project_card .project_item p.upcoming {
            background-color: #1E88E5;
        }

        .project_card .project_item p:not(.info) {
            font-weight: 600;
            letter-spacing: 0.3px;
        }

        .project_card .project_item p.info {
            color: var(--text-color);
            margin: 0 auto;
            margin-top: 10px;
            font-size: 14px;
        }

    .project_card .project_item h3 {
        text-align: left;
        color: var(--text-color);
        font-size: clamp(22px, 2vw, 24px);
        font-weight: 300;
    }

.project_card .project_card_footer {
    background-color: #fff;
    padding: 30px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-decoration: none;
    border-top: 1px solid #ddd;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 500;
    border-radius: 0 0 6px 6px;
    transition: color 0.3s ease;
}

@media (min-width: 1200px) {
    .project_card .project_card_footer:hover {
        color: var(--btn-color);
    }
}

.main_banner {
    height: 590px;
    width: 100%;
    background-position: 50% 52%;
    background-size: cover;
    background-image: url(../img/main-banner.png);
    position: relative;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .main_banner {
        height: 750px;
    }
}

@media (min-width: 1600px) {
    .main_banner {
        height: 840px;
    }
}

.main_banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
}

.main_banner .video-banner {
    height: 100%;
}

    .main_banner .video-banner video {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
        border: none;
        pointer-events: none;
        outline: 0;
    }

@media (min-width: 1600px) {
    .main_banner .video-banner video {
        height: 840px;
    }
}

.main_banner .video-banner figure {
    height: 100%;
}

    .main_banner .video-banner figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.main_banner .main_banner_caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0px auto;
    display: block;
    margin-top: 80px;
    z-index: 1;
}

@media (max-width: 767px) {
    .main_banner .main_banner_caption {
        padding: 20px;
        margin-top: 5vh;
    }
}

.main_banner .main_banner_caption .banner_label {
    text-align: right;
}

    .main_banner .main_banner_caption .banner_label img {
        height: 8.8rem;
    }

@media (max-width: 767px) {
    .main_banner .main_banner_caption .banner_label img {
        height: 60px;
    }
}

.main_banner .main_banner_caption .captions {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .main_banner .main_banner_caption .captions {
        left: 20px;
        right: 20px;
    }
}

.main_banner .main_banner_caption .captions h2 {
    font-size: clamp(18px, 2vw, 25px);
    font-weight: 500;
    color: #fff;
}

.main_banner .main_banner_caption .captions h1 {
    font-size: 32px;
    font-family: "graphik_light";
    color: #fff;
    max-width: 100%;
    margin: 10px 20px;
    text-align: center;
}

@media (min-width: 768px) {
    .main_banner .main_banner_caption .captions h1 {
        font-size: 32px;
        margin: 10px 0;
        max-width: 60vw;
    }
}

@media (min-width: 1400px) {
    .main_banner .main_banner_caption .captions h1 {
        font-size: 54px;
    }
}

.main_banner .main_banner_caption .captions .btn-group {
    gap: 20px;
}

    .main_banner .main_banner_caption .captions .btn-group .btn-white {
        padding: 15px 20px;
        border: none;
        text-align: left;
        background-color: #fff;
        border-radius: 5px;
        min-width: 180px;
        text-decoration: none;
    }

@media (max-width: 767px) {
    .main_banner .main_banner_caption .captions .btn-group .btn-white {
        padding: 15px;
        min-width: 140px;
    }
}

.main_banner .main_banner_caption .captions .btn-group .btn-white .icon {
    height: 45px;
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: bottom left;
    object-position: bottom left;
    margin-top: 5px;
}

@media (max-width: 767px) {
    .main_banner .main_banner_caption .captions .btn-group .btn-white .icon {
        height: 30px;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

.main_banner .main_banner_caption .captions .btn-group .btn-white p {
    font-size: 12px;
    color: var(--text-color);
    margin: 0;
    font-weight: 500;
    margin-right: 15px;
}

.heights_banner {
    height: 97vh;
    width: 100%;
}

@media (min-width: 992px) {
    .heights_banner {
        height: 800px;
    }
}

@media (min-width: 1600px) {
    .heights_banner {
        height: 97vh;
    }
}

.heights_banner_img {
    height: 100%;
}

    .heights_banner_img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 60%;
        object-position: 50% 60%;
    }

.heights_banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
}

.heights_banner .heights_banner_caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0px auto;
    display: block;
    margin-top: 80px;
    z-index: 1;
}

@media (max-width: 767px) {
    .heights_banner .heights_banner_caption {
        padding: 20px;
        margin-top: 5vh;
    }
}

.heights_banner .heights_banner_caption .banner_label {
    text-align: right;
    padding-top: 50px;
}

@media (max-width: 767px) {
    .heights_banner .heights_banner_caption .banner_label {
        padding-top: 30px;
    }
}

.heights_banner .heights_banner_caption .banner_label img {
    height: 100px;
}

@media ((max-width: 1599px) and (max-height: 900px)) {
    .heights_banner .heights_banner_caption .banner_label img {
        height: 80px;
    }
}

@media ((max-width: 1199px) and (max-height: 650px)) {
    .heights_banner .heights_banner_caption .banner_label img {
        height: 100px;
    }
}

@media (max-width: 399px) {
    .heights_banner .heights_banner_caption .banner_label img {
        height: 40px;
    }
}

.heights_banner .heights_banner_caption .captions {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .heights_banner .heights_banner_caption .captions {
        left: 20px;
        right: 20px;
    }
}

@media (max-width: 991px) {
    .heights_banner .heights_banner_caption .captions {
        padding-top: 40px;
    }
}

.heights_banner .heights_banner_caption .captions h1 {
    font-size: 33px;
    font-weight: 500;
    color: #fff;
    font-family: var(--secondary-font);
    letter-spacing: -0.7px;
}

@media (max-width: 1199px) {
    .heights_banner .heights_banner_caption .captions h1 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .heights_banner .heights_banner_caption .captions h1 {
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
        letter-spacing: -0.5px;
    }
}

@media (max-width: 767px) {
    .heights_banner .heights_banner_caption .captions .green-solid-btn {
        margin: 0 auto;
    }
}

.heights_banner .heights_banner_caption .captions span.banner-sub-ttl {
    font-size: 100px;
    font-weight: 300;
    color: #fff;
    max-width: 70%;
    margin: 10px 0 20px;
    font-family: var(--secondary-font);
    line-height: 100%;
    letter-spacing: -5px;
}

@media (max-width: 1999px) {
    .heights_banner .heights_banner_caption .captions span.banner-sub-ttl {
        font-size: 85px;
    }
}

@media (max-width: 1799px) {
    .heights_banner .heights_banner_caption .captions span.banner-sub-ttl {
        font-size: 65px;
    }
}

@media (max-width: 1199px) {
    .heights_banner .heights_banner_caption .captions span.banner-sub-ttl {
        font-size: 55px;
    }
}

@media (max-width: 767px) {
    .heights_banner .heights_banner_caption .captions span.banner-sub-ttl {
        font-size: 35px;
        max-width: 85%;
        margin: 0 auto;
        padding: 20px 0;
        text-align: center;
        letter-spacing: -2px;
    }
}

.heights_banner .heights_banner_caption .captions h2 {
    font-size: 60px;
    line-height: 100%;
    font-weight: 500 !important;
}

@media (max-width: 1999px) {
    .heights_banner .heights_banner_caption .captions h2 {
        font-size: 50px;
        margin-top: 18px !important;
    }
}

@media (max-width: 991px) {
    .heights_banner .heights_banner_caption .captions h2 {
        font-size: 35px;
    }
}

@media (max-width: 767px) {
    .heights_banner .heights_banner_caption .captions h2 {
        font-size: 30px;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .heights_banner .heights_banner_caption .captions .col-6 {
        padding-right: 5px;
        padding-left: 5px;
    }
}

.heights_banner .heights_banner_caption .captions .btn-group .btn-white {
    padding: 15px 20px;
    border: none;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 14px !important;
    min-width: 240px;
    min-height: 115px;
    gap: 20px;
    height: 100%;
}

@media (max-width: 1599px) {
    .heights_banner .heights_banner_caption .captions .btn-group .btn-white {
        gap: 18px;
    }
}

@media (max-width: 991px) {
    .heights_banner .heights_banner_caption .captions .btn-group .btn-white {
        min-height: 105px;
    }
}

@media (max-width: 767px) {
    .heights_banner .heights_banner_caption .captions .btn-group .btn-white {
        padding: 15px;
        min-height: 92px;
    }
}

@media (max-width: 575px) {
    .heights_banner .heights_banner_caption .captions .btn-group .btn-white {
        min-width: 140px;
    }
}

.heights_banner .heights_banner_caption .captions .btn-group .btn-white .icon {
    height: 24px;
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: bottom left;
    object-position: bottom left;
}

@media (max-width: 767px) {
    .heights_banner .heights_banner_caption .captions .btn-group .btn-white .icon {
        -o-object-fit: contain;
        object-fit: contain;
    }
}

@media (max-width: 575px) {
    .heights_banner .heights_banner_caption .captions .btn-group .btn-white .icon {
        display: none;
    }
}

.heights_banner .heights_banner_caption .captions .btn-group .btn-white p {
    font-size: 18px;
    color: var(--text-color);
    margin: 0;
    font-weight: 500;
    margin-top: 5px;
}

@media (max-width: 991px) {
    .heights_banner .heights_banner_caption .captions .btn-group .btn-white p {
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .heights_banner .heights_banner_caption .captions .btn-group .btn-white p {
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .heights_banner .heights_banner_caption .captions .btn-group .btn-white span {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .heights_banner .heights_banner_caption .captions .btn-group .btn-white span {
        font-size: 12px;
    }
}

.benefits-section {
    background-color: #077362;
    padding-top: 70px;
    padding-bottom: 90px;
    position: relative;
}

@media (max-width: 991px) {
    .benefits-section {
        padding: 40px 0 15px 0;
    }
}

.benefits-section ul {
    max-width: 50%;
    -moz-column-count: 2;
    column-count: 2;
}

@media (max-width: 1499px) {
    .benefits-section ul {
        max-width: 45%;
    }
}

@media (max-width: 1299px) {
    .benefits-section ul {
        -moz-column-count: 1;
        column-count: 1;
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .benefits-section ul {
        margin-top: 30px;
        padding: 0 15px;
        margin-left: 35px;
    }
}

@media (max-width: 767px) {
    .benefits-section ul {
        margin-left: 10px;
    }
}

@media (max-width: 575px) {
    .benefits-section ul {
        margin-left: 5px;
    }
}

.benefits-section ul li {
    color: #fff;
    padding-bottom: 15px;
    display: flex;
}

    .benefits-section ul li span {
        display: inline-block;
        margin-right: 10px;
    }

        .benefits-section ul li span img {
            min-width: 16px;
            min-height: 16px;
        }

.benefits-section .contact-content_left {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

@media (min-width: 1200px) {
    .benefits-section .contact-content_left {
        row-gap: 40px;
    }
}

.benefits-section .contact-content_left > div {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.benefits-section .contact-content_right {
    margin-top: 20px;
    background-color: #fff;
    border-radius: 20px;
    position: absolute;
    top: auto;
    bottom: 35px;
    right: 130px;
    z-index: 1;
    padding: 50px;
    min-width: 500px;
}

@media (max-width: 1599px) {
    .benefits-section .contact-content_right {
        bottom: 40px;
    }
}

@media (max-width: 1499px) {
    .benefits-section .contact-content_right {
        bottom: 60px;
        padding: 30px;
    }
}

@media (max-width: 1399px) {
    .benefits-section .contact-content_right {
        bottom: 70px;
    }
}

@media (max-width: 1199px) {
    .benefits-section .contact-content_right {
        position: relative;
        bottom: unset;
        right: auto;
        min-width: unset;
        max-width: unset;
        width: 90%;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .benefits-section .contact-content_right {
        padding: 40px 20px;
    }
}

.benefits-section .contact-content_right h2 {
    color: var(--text-color);
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 300;
    margin-bottom: 40px;
}

.benefits-section .contact-content_right .contact-form .form .form-floating {
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .benefits-section .contact-content_right .enquire-btn {
        margin-top: 42px;
    }
}

.benefits-section .contact-content_right .enquire-btn button {
    margin: 0 auto;
    display: block;
    height: 45px;
}

@media (max-width: 1899px) {
    .row-group {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .row-group {
        margin: 0 auto;
    }
}

@media (max-width: 1899px) {
    .row-group .row:last-child {
        margin: 0 -12px !important;
    }
}

@media (max-width: 767px) {
    .row-group .row:last-child {
        margin-top: 25px !important;
    }
}

@media (max-width: 575px) {
    .row-group .row:last-child {
        margin-top: 0px !important;
    }
}

.modal.right .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    transform: none;
    min-width: 450px;
}

@media (max-width: 767px) {
    .modal.right .modal-dialog {
        min-width: 100%;
    }
}

.modal.right .modal-content {
    min-height: 100vh;
    border-radius: 0;
}

@media (min-width: 768px) {
    .child_modal .modal-content {
        padding: 30px;
    }
}

.child_modal .modal-content .modal-header {
    border: none;
    text-align: right;
}

    .child_modal .modal-content .modal-header .close-btn {
        margin-left: auto;
        display: block;
        background-color: transparent;
        border: none;
    }

.child_modal .modal-content .modal-body h3 {
    font-size: clamp(24px, 3vw, 46px);
    font-weight: 300;
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
    color: #000;
}

.form .form-floating {
    margin-bottom: 30px;
    position: relative;
}

@media (min-width: 992px) {
    .form .form-floating {
        margin-bottom: 50px;
    }
}

.form .form-floating .form-control {
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding-left: 0;
    border-bottom: 1px solid var(--input-border);
    padding: 10px 0;
}

    .form .form-floating .form-control:focus ~ label {
        transform: scale(0.85) translateY(-22px) translateX(0);
    }

    .form .form-floating .form-control:not(:-moz-placeholder) ~ label {
        transform: scale(0.85) translateY(-22px) translateX(0);
    }

    .form .form-floating .form-control:not(:placeholder-shown) ~ label {
        transform: scale(0.85) translateY(-22px) translateX(0);
    }

    .form .form-floating .form-control:not(:-moz-placeholder) ~ label:after {
        background-color: transparent;
    }

    .form .form-floating .form-control:not(:placeholder-shown) ~ label:after {
        background-color: transparent;
    }

.form .form-floating input {
    height: 36px;
    min-height: 36px;
    background-color: transparent;
}

.form .form-floating label {
    font-size: 15px;
    padding-left: 0;
    color: var(--text-color);
    padding: 6px 0;
    font-weight: 400;
    transition: opacity 0.1s ease-in-out, transform 0.2s ease-in-out;
}

.form .form-floating textarea {
    resize: none;
    min-height: 85px;
    background-color: transparent;
}

.form .form-checkbox {
    --bs-border-color: #595959;
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .form .form-checkbox {
        margin-bottom: 50px;
    }
}

.form .form-checkbox input {
    width: 18px;
    height: 18px;
    margin-top: -2px;
}

@media (min-width: 1200px) {
    .form .form-checkbox input {
        width: 22px;
        height: 22px;
    }
}

.form .form-checkbox .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.form .form-checkbox .form-check-input:focus {
    border-color: #000;
    outline: 0;
    box-shadow: none;
}

.form .form-checkbox label {
    color: var(--text-color);
    font-size: 14px;
}

.form .btn-main {
    background: var(--btn-color);
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 40px;
    border: 1px solid #fff;
    transition: all 0.5s ease;
    font-size: 16px;
    font-weight: 400;
}

@media (min-width: 1200px) {
    .form .btn-main:hover {
        background: #000;
        color: #fff;
        border: 1px solid #000;
        border: none;
    }
}

@media (max-width: 1199.98px) {
    .form .btn-main:hover {
        background: var(--btn-color);
        color: #fff;
        border: 1px solid #fff;
        border: none;
    }
}

.form .btn-main {
    width: 100%;
    margin-top: 30px;
}

.form .g-recaptcha > div {
    width: 100% !important;
}

.form .error {
    position: absolute;
    bottom: -20px;
    color: red;
    font-size: 13px;
}

.p-24 {
    font-size: clamp(17px, 3vw, 24px) !important;
}

.our_projects {
    margin-top: 50px;
}

    .our_projects .project_card .project_img {
        height: 190px;
    }

    .our_projects .project_card h1 {
        font-size: clamp(16px, 2vw, 26px);
        margin-bottom: 0;
        text-align: center;
    }

    .our_projects .project_card h3 {
        text-align: center;
    }

    .our_projects .project_card p.info {
        color: var(--text-color);
        margin: 0 auto;
        text-align: left;
    }

    .our_projects .project_card_footer {
        border-radius: 0 0 20px 20px;
    }

.bg-wb-gradient {
    background: radial-gradient(ellipse at center, #a8633d, #592716), radial-gradient(ellipse at bottom, #592716, #a8633d);
    min-height: 450px;
    padding: 100px 20px;
}

    .bg-wb-gradient .about_div {
        max-width: 636px;
        margin-left: auto;
    }

@media (min-width: 1800px) {
    .bg-wb-gradient .about_div {
        max-width: 700px;
    }
}

@media (max-width: 991px) {
    .bg-wb-gradient .about_div {
        max-width: 100%;
        margin: 30px 0;
        text-align: center;
    }
}

.bg-wb-gradient .about_div h6 {
    font-weight: 500;
    color: #fff;
}

.bg-wb-gradient .about_div .md-headline {
    color: #fff;
}

.bg-wb-gradient .about_div-para {
    margin-top: 10px;
}

.bg-wb-gradient .about_div p {
    color: #fff;
    font-size: clamp(12px, 2vw, 14px);
    font-weight: 300;
}

.news-article {
    margin-top: 50px;
}

    .news-article .news-article-next,
    .news-article .news-article-prev {
        display: none;
    }

.consultation-section .outline-btn {
    background: transparent;
    color: var(--text-color);
    border: none;
    padding: 10px 15px;
    border-radius: 40px;
    border: 1px solid var(--text-color);
    transition: all 0.5s ease;
    font-size: 14px;
    font-weight: 500;
}

@media (min-width: 1200px) {
    .consultation-section .outline-btn:hover {
        background: var(--text-color);
        color: #fff;
        border: 1px solid var(--text-color);
    }
}

@media (max-width: 1199.98px) {
    .consultation-section .outline-btn:hover {
        background: transparent;
        color: var(--text-color);
        border: 1px solid var(--text-color);
    }
}

.consultation-section .outline-btn {
    text-decoration: none;
    text-align: center;
}

@media (max-width: 991px) {
    .consultation-section .outline-btn {
        margin: 10px auto;
        display: flex;
        justify-content: center;
        width: -moz-min-content;
        width: min-content;
    }
}

.consultation-section p {
    color: var(--text-color);
    font-size: 14px;
}

footer {
    background-color: #fff;
    padding-top: 40px;
    border-top: 1px solid #DCDCDC;
}

    footer .footer_area {
        display: flex;
        justify-content: space-between;
    }

@media (max-width: 767px) {
    footer .footer_area {
        display: block;
    }
}

@media (max-width: 767px) {
    footer .footer_area .footer-logo {
        display: table;
        margin: 15px auto;
    }
}

footer .footer_area .footer-list-area {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: end;
    gap: 60px;
}

@media (max-width: 767px) {
    footer .footer_area .footer-list-area {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}

footer .footer_area .footer-list-area .footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    footer .footer_area .footer-list-area .footer-list li {
        margin-bottom: 15px;
    }

        footer .footer_area .footer-list-area .footer-list li a {
            padding: 5px 0;
            text-decoration: none;
            color: var(--text-color);
            font-size: 14px;
            font-weight: 300;
        }

footer .footer-bottom {
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    footer .footer-bottom {
        text-align: center;
    }
}

footer .footer-bottom p {
    color: var(--text-color);
    font-size: 10px;
    font-weight: 300;
    margin: 0;
}

footer .footer-bottom .bottom-list {
    display: flex;
    gap: 10px;
    justify-content: end;
}

@media (max-width: 767px) {
    footer .footer-bottom .bottom-list {
        display: block;
        margin: 10px auto;
    }
}

footer .footer-bottom .bottom-list .list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {
    footer .footer-bottom .bottom-list .list {
        justify-content: center;
    }
}

footer .footer-bottom .bottom-list .list li {
    padding: 0 10px;
    position: relative;
}

    footer .footer-bottom .bottom-list .list li a {
        color: var(--text-color);
        text-decoration: none;
        font-size: 15px;
        font-weight: 300;
    }

        footer .footer-bottom .bottom-list .list li a:after {
            content: "";
            height: 10px;
            width: 1px;
            background-color: var(--text-color);
            position: absolute;
            right: 0;
            top: 8px;
        }

    footer .footer-bottom .bottom-list .list li:last-child a::after {
        display: none;
    }

footer .footer-bottom .bottom-list .list.social-icon li a:after {
    display: none;
}

.about-section .section-head p {
    max-width: 1106px;
}

@media (min-width: 992px) {
    .about-quote_1 {
        padding: 130px 0;
    }
}

.team-section .team-slider {
    --swiper-navigation-sides-offset: 70px;
    margin-top: 40px;
}

@media (min-width: 1400px) {
    .team-section .team-slider {
        --swiper-navigation-sides-offset: 100px;
    }
}

.team-section .team-slider .swiper-button-prev,
.team-section .team-slider .swiper-button-next {
    top: unset;
    bottom: 55px;
}

@media (max-width: 1199.98px) {
    .team-section .team-slider .swiper-button-prev,
    .team-section .team-slider .swiper-button-next {
        display: none;
    }
}

.team-section .team-slider .swiper-button-next {
    right: unset;
    left: 130px;
}

@media (min-width: 1400px) {
    .team-section .team-slider .swiper-button-next {
        left: 160px;
    }
}

.team-section .team-slider-item {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .team-section .team-slider-item {
        padding: 50px 0 0 50px;
        align-items: flex-start;
        flex-direction: initial;
        text-align: start;
    }
}

@media (min-width: 1400px) {
    .team-section .team-slider-item {
        padding: 80px 0 0 80px;
    }
}

.team-section .team-slider-item .team-content-left {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 992px) {
    .team-section .team-slider-item .team-content-left {
        flex: 0 0 auto;
        width: 58.33333333%;
        padding-bottom: 110px;
    }
}

@media (min-width: 1400px) {
    .team-section .team-slider-item .team-content-left {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}

@media (max-width: 1199.98px) {
    .team-section .team-slider-item .team-content-left {
        padding: 40px;
    }
}

@media (max-width: 767.98px) {
    .team-section .team-slider-item .team-content-left {
        padding: 20px;
    }
}

.team-section .team-slider-item .team-content-left h2 {
    font-size: clamp(28px, 3vw, 40px);
    color: #000;
    margin-bottom: 0;
    font-weight: 500;
}

.team-section .team-slider-item .team-content-left small {
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 500;
}

.team-section .team-slider-item .team-content-left p {
    margin-top: 20px;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 400;
}

@media (min-width: 992px) {
    .team-section .team-slider-item .team-content-left p {
        line-height: 28px;
    }
}

@media (max-width: 1199.98px) {
    .team-section .team-slider-item .team-content-left p {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.team-section .team-slider-item .team-content-left a {
    margin-top: 22px;
}

.team-section .team-slider-item .team-content-right {
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    align-self: flex-end;
    overflow-x: hidden;
}

@media (min-width: 992px) {
    .team-section .team-slider-item .team-content-right {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
}

@media (min-width: 1400px) {
    .team-section .team-slider-item .team-content-right {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .team-section .team-slider-item .team-content-right figure {
        margin-right: -85px;
    }
}

.team-section .team-slider-item .team-content-right figure img {
    width: 100%;
}

.impact-banner {
    position: relative;
}

    .impact-banner::before {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }

.impact-quote_1 {
    background-image: url(../img/impact-quote_1.jpg);
    padding: 50px 20px;
}

@media (min-width: 992px) {
    .impact-quote_1 {
        padding: 118px 0;
    }
}

.impact-quote_1 .bg_text-head p {
    font-size: 22px;
    max-width: 800px;
    margin-inline: auto;
}

@media (min-width: 992px) {
    .impact-quote_1 .bg_text-head p {
        line-height: 57px;
        font-size: clamp(28px, 3vw, 34px);
    }
}

.impact-quote_2 {
    background-image: url(../img/impact-quote_2.jpg);
    background-position: center 32%;
}

    .impact-quote_2 .bg_text-head {
        text-align: center;
    }

        .impact-quote_2 .bg_text-head p {
            margin-top: 20px;
            font-size: 15px;
            margin-inline: auto;
            line-height: 27px;
        }

@media (min-width: 992px) {
    .impact-quote_2 .bg_text-head p {
        font-size: clamp(18px, 3vw, 20px);
        line-height: 30px;
    }
}

.contact-banner {
    position: relative;
}

    .contact-banner::before {
        content: "";
        background-color: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }

.contact-section .contact-row {
    margin-top: 35px;
}

@media (min-width: 1200px) {
    .contact-section .contact-row {
        margin-top: 55px;
        max-width: 1242px;
        margin-inline: auto;
    }
}

.contact-section .contact-content_left {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    height: 100%;
}

@media (min-width: 1200px) {
    .contact-section .contact-content_left {
        row-gap: 40px;
    }
}

.contact-section .contact-content_left > div {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.contact-section .contact-content_right {
    margin-top: 20px;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 15px;
}

@media (min-width: 768px) {
    .contact-section .contact-content_right {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .contact-section .contact-content_right {
        padding: 30px 30px;
    }
}

@media (min-width: 1200px) {
    .contact-section .contact-content_right {
        padding: 70px 50px;
        max-width: 500px;
        margin-left: auto;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .contact-section .contact-content_right .enquire-btn {
        margin-top: 60px;
    }
}

.contact-section .contact-content_right .enquire-btn button {
    width: 100%;
    height: 45px;
}

.contact-section .contact-address {
    padding: 20px;
}

@media (min-width: 1200px) {
    .contact-section .contact-address {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
        padding: 40px;
        padding-right: 30px;
    }
}

.contact-section .contact-address_title {
    color: #000;
    font-size: clamp(18px, 2vw, 21px);
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    .contact-section .contact-address_title {
        margin-bottom: 10px;
    }
}

.contact-section .contact-address address {
    font-size: 16px;
}

@media (min-width: 1200px) {
    .contact-section .contact-address address {
        margin-bottom: 0;
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .contact-section .contact-address p {
        font-size: 18px;
    }
}

.contact-section .contact-address a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

@media (min-width: 1200px) {
    .contact-section .contact-address a {
        font-weight: 400;
        font-size: 18px;
    }

        .contact-section .contact-address a:hover {
            text-decoration: underline;
        }
}

@media (min-width: 1200px) {
    .contact-section .contact-address_left {
        padding-right: 20px;
    }
}

@media (min-width: 1400px) {
    .contact-section .contact-address_left {
        padding-right: 40px;
    }
}

@media (min-width: 1200px) {
    .contact-section .contact-address_right {
        padding-left: 20px;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
    }

        .contact-section .contact-address_right::before {
            content: "";
            background-color: #dbdcde;
            height: 100%;
            width: 1px;
            position: absolute;
            top: 0;
            left: 0;
        }

        .contact-section .contact-address_right p {
            margin-bottom: 10px;
        }

            .contact-section .contact-address_right p:last-child {
                margin-bottom: 0;
            }
}

@media (min-width: 1400px) {
    .contact-section .contact-address_right {
        padding-left: 40px;
    }
}

.contact-section .contact-map {
    padding: 15px;
    flex: 1;
}

@media (min-width: 1200px) {
    .contact-section .contact-map {
        padding: 20px;
    }
}

.contact-section .contact-map figure {
    height: 100%;
}

    .contact-section .contact-map figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.gallery-banner {
    position: relative;
}

    .gallery-banner::before {
        content: "";
        background-color: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }

.gallery_content {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 576px) {
    .gallery_content {
        row-gap: 30px;
    }
}

.gallery_content > * {
    flex: 0 0 100%;
    width: 100%;
}

@media (min-width: 1400px) {
    .gallery_content > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

.gallery_content .lg-headline {
    margin-bottom: 0;
}

@media (max-width: 1399.98px) {
    .gallery_content .lg-headline {
        order: 0;
    }
}

.gallery_content .nav {
    margin-top: 30px;
    width: 100%;
    justify-content: center;
}

@media (min-width: 576px) {
    .gallery_content .nav {
        flex: 0 0 auto;
        width: 50%;
        justify-content: flex-start;
        margin-top: 0;
    }
}

@media (min-width: 1400px) {
    .gallery_content .nav {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

@media (max-width: 1399.98px) {
    .gallery_content .nav {
        order: 1;
    }
}

.gallery_content .gallery_filter {
    margin-top: 20px;
}

@media (min-width: 576px) {
    .gallery_content .gallery_filter {
        flex: 0 0 auto;
        width: 50%;
        margin-top: 0;
    }
}

@media (min-width: 1400px) {
    .gallery_content .gallery_filter {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

@media (max-width: 1399.98px) {
    .gallery_content .gallery_filter {
        order: 2;
    }
}

.gallery_content .gallery_filter p {
    margin: 0;
    display: none;
}

@media (min-width: 768px) {
    .gallery_content .gallery_filter p {
        display: block;
    }
}

.gallery_listing {
    margin-top: 40px;
}

.gallery_listing-row {
    --bs-gutter-x: 20px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

@media (min-width: 1400px) {
    .gallery_listing-row {
        --bs-gutter-x: 40px;
        row-gap: 40px;
    }
}

.gallery_listing-item {
    max-height: 200px;
    display: block;
    overflow: hidden;
    align-self: stretch;
    border-radius: 10px;
    height: 100%;
}

    .gallery_listing-item iframe,
    .gallery_listing-item img,
    .gallery_listing-item video {
        width: 100%;
        height: 100%;
    }

    .gallery_listing-item img {
        -o-object-fit: cover;
        object-fit: cover;
    }

.news_filter select {
    background-color: transparent;
    border-color: #d7dade;
}

@media (min-width: 768px) {
    .news_filter select {
        width: 200px;
    }
}

.news-section .news-article {
    padding-bottom: 30px;
}

@media (min-height: 992px) {
    .news-section .news-article {
        padding-bottom: 40px;
    }
}

.news-section .news-article .news-article-next,
.news-section .news-article .news-article-prev {
    display: flex;
}

.insight-section .news-article {
    padding-bottom: 30px;
}

@media (min-height: 992px) {
    .insight-section .news-article {
        padding-bottom: 40px;
    }
}

.insight-section .news-article .news-article-next,
.insight-section .news-article .news-article-prev {
    display: flex;
}

.insight_content p {
    max-width: 660px;
    margin-inline: auto;
}

.video-section .news-article {
    padding-bottom: 30px;
}

@media (min-height: 992px) {
    .video-section .news-article {
        padding-bottom: 40px;
    }
}

.video-section .news-article .news-article-next,
.video-section .news-article .news-article-prev {
    display: flex;
}

.video-section .news-item_card .news-item-img {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
}

.project_menu {
    background-color: #f1f2f4;
}

    .project_menu::before, .project_menu::after {
        display: none;
    }

    .project_menu .project_menu-header {
        border-bottom: 1px solid rgba(67, 67, 67, 0.4);
    }

        .project_menu .project_menu-header .toggle-icon {
            filter: brightness(0);
        }

.project-wrapper {
    margin-top: 30px;
    padding: 0 15px;
}

    .project-wrapper .project-title {
        font-family: var(--secondary-font);
        font-size: 45px;
        color: var(--bg-green);
        font-weight: 900;
        letter-spacing: -4px;
    }

@media (min-width: 768px) {
    .project-wrapper .project-title {
        font-size: 52px;
    }
}

@media (min-width: 992px) {
    .project-wrapper .project-title {
        font-size: 70px;
    }
}

.project-wrapper .project-tab {
    margin-top: 30px;
    overflow-x: auto;
}

@media (min-width: 768px) {
    .project-wrapper .project-tab {
        margin-top: 0;
    }
}

.project-wrapper .project-tab .nav {
    box-shadow: 0px 0px 16px -9px rgba(0, 0, 0, 0.4);
    flex-wrap: nowrap;
}

    .project-wrapper .project-tab .nav .nav-item:not(:last-child) {
        border-right: 1px solid #d6d6d6;
    }

        .project-wrapper .project-tab .nav .nav-item:not(:last-child) .nav-link {
            white-space: nowrap;
        }

.project-wrapper .project-listing {
    margin-top: 35px;
    max-height: calc(100vh - 260px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 5px;
}

@media (min-width: 768px) {
    .project-wrapper .project-listing {
        max-height: calc(100vh - 225px);
    }
}

@media (min-width: 992px) {
    .project-wrapper .project-listing {
        max-height: calc(100vh - 260px);
    }
}

.project-wrapper .project-listing::-webkit-scrollbar {
    width: 3px;
}

.project-wrapper .project-listing::-webkit-scrollbar-thumb {
    background-color: var(--bg-dark-green);
}

.project-detail_banner {
    --inner-banner-height: auto;
}

@media (min-width: 768px) {
    .project-detail_banner {
        --inner-banner-height: 650px;
    }
}

@media (min-width: 992px) {
    .project-detail_banner {
        --inner-banner-height: 840px;
    }
}

@media (max-width: 767.98px) {
    .project-detail_banner {
        padding-bottom: 40px;
    }

        .project-detail_banner::before {
            display: none;
        }
}

@media (max-width: 767.98px) {
    .project-detail_banner .img-banner {
        height: 450px;
    }
}

.project-detail_content {
    display: flex;
    align-items: flex-end;
}

@media (min-width: 768px) {
    .project-detail_content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 1030;
        margin-bottom: 60px;
    }
}

@media (min-width: 992px) {
    .project-detail_content {
        margin-bottom: 130px;
    }
}

@media (max-width: 767.98px) {
    .project-detail_content {
        margin-top: -216.5px;
        padding: 0 15px;
    }

        .project-detail_content .container {
            max-width: 100%;
        }
}

.project-detail_metainfo {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    max-width: 100%;
    position: relative;
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
    .project-detail_metainfo {
        padding: 30px;
        max-width: 470px;
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    .project-detail_metainfo {
        padding: 50px;
        max-width: 620px;
    }
}

.project-detail_metainfo-status {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 32px;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 5px;
    gap: 10px;
    padding: 15px;
}

@media (min-width: 576px) {
    .project-detail_metainfo-status {
        position: absolute;
        right: 0;
        top: 25px;
        border-radius: 4px 0 0 4px;
        height: 40px;
        padding: 10px 15px;
    }
}

@media (min-width: 992px) {
    .project-detail_metainfo-status {
        width: 220px;
        top: 53px;
    }
}

.project-detail_metainfo-status span {
    font-size: 10px;
    display: inline-block;
    letter-spacing: 0.5px;
    font-family: "graphik_medium";
}

@media (min-width: 576px) {
    .project-detail_metainfo-status span {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .project-detail_metainfo-status i {
        font-size: 12px;
    }
}

.project-detail_metainfo-status.completed {
    background-color: var(--tag-green);
}

.project-detail_metainfo-status.ongoing {
    background-color: var(--tag-orange);
}

.project-detail_metainfo-status.upcoming {
    background-color: var(--tag-blue);
}

.project-detail_metainfo-head {
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f2f4;
}

@media (min-width: 576px) {
    .project-detail_metainfo-head {
        font-size: 15px;
        padding-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .project-detail_metainfo-head {
        margin-top: 10px;
    }
}

.project-detail_metainfo-head small {
    font-size: 13px;
    font-weight: 500;
    font-family: "graphik_medium";
}

@media (min-width: 576px) {
    .project-detail_metainfo-head small {
        font-size: 16px;
    }
}

.project-detail_metainfo-head h1 {
    color: #000;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 2px;
    font-family: "graphik_light";
}

@media (min-width: 576px) {
    .project-detail_metainfo-head h1 {
        font-size: 26px;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    .project-detail_metainfo-head h1 {
        font-size: 30px;
        margin-top: 15px;
    }
}

.project-detail_metainfo-body {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .project-detail_metainfo-left {
        max-width: 225px;
    }
}

.project-detail_metainfo-left .metainfo-item {
    display: flex;
    gap: 10px;
}

    .project-detail_metainfo-left .metainfo-item:not(:last-child) {
        padding-bottom: 10px;
        border-bottom: 1px solid #f1f2f4;
        margin-bottom: 15px;
    }

@media (min-width: 992px) {
    .project-detail_metainfo-left .metainfo-item:not(:last-child) {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}

.project-detail_metainfo-left .metainfo-item .metainfo-icon {
    flex: 0 0 20px;
    width: 20px;
}

@media (min-width: 992px) {
    .project-detail_metainfo-left .metainfo-item .metainfo-icon {
        flex: 0 0 25px;
        width: 25px;
    }
}

.project-detail_metainfo-left .metainfo-item .metainfo-icon i,
.project-detail_metainfo-left .metainfo-item .metainfo-icon svg {
    font-size: 18px;
    color: #b2b2b2;
    width: 18px;
}

@media (min-width: 992px) {
    .project-detail_metainfo-left .metainfo-item .metainfo-icon i,
    .project-detail_metainfo-left .metainfo-item .metainfo-icon svg {
        font-size: 20px;
    }
}

.project-detail_metainfo-left .metainfo-item p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: "graphik_medium";
}

@media (min-width: 992px) {
    .project-detail_metainfo-left .metainfo-item p {
        font-size: 14px;
    }
}

@media (min-width: 1400px) {
    .project-detail_metainfo-left .metainfo-item p {
        font-size: 16px;
    }
}

.project-detail_metainfo-left .metainfo-item p span {
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin-bottom: 6px;
    line-height: normal;
}

@media (min-width: 992px) {
    .project-detail_metainfo-left .metainfo-item p span {
        font-size: 14px;
    }
}

.project-detail_metainfo-location i {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    transform: rotate(270deg);
}

.project-detail_metainfo-right {
    display: grid;
    margin-top: 30px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

@media (min-width: 576px) {
    .project-detail_metainfo-right {
        max-width: 225px;
        margin-left: auto;
        align-items: flex-end;
        margin-top: 0;
        display: flex;
        flex-direction: column;
    }
}

.project-detail_metainfo-right a {
    height: 45px;
    margin: 0;
    white-space: nowrap;
    min-width: 132px;
}

@media (min-width: 992px) {
    .project-detail_metainfo-right a {
        min-width: 170px;
    }
}

@media (max-width: 575.98px) {
    .project-detail_metainfo-qrcode {
        grid-row: 1/span 2;
    }
}

.project-detail_metainfo-qrcode figure {
    margin-bottom: 0;
}

    .project-detail_metainfo-qrcode figure img {
        max-width: 110px;
    }

@media (min-width: 992px) {
    .project-detail_metainfo-qrcode figure img {
        max-width: 100px;
    }
}

.project-detail_metainfo-qrcode figcaption {
    font-size: 10px;
    font-weight: 500;
    padding: 0px 5px;
}

@media (min-width: 575.98px) {
    .project-detail_metainfo-enquirebtn {
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    .project-detail_metainfo-enquirebtn {
        margin-top: 20px;
    }
}

@media (min-width: 575.98px) {
    .project-detail_metainfo-brochure {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .project-detail_metainfo-brochure {
        margin-top: 30px;
    }
}

.project-detail_gallery-content {
    max-width: 1242px;
    margin-inline: auto;
    position: relative;
    margin-top: 20px;
    border-radius: 20px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .project-detail_gallery-content {
        margin-top: 40px;
    }
}

.project-detail_gallery-content.thumb-show .lg-outer .lg-components {
    transform: translate3d(0, 0, 0) !important;
}

.project-detail_gallery-content.thumb-show .project-detail_gallery-container_toolbar {
    opacity: 0;
    visibility: hidden;
}

.project-detail_gallery-container {
    width: 100%;
    padding-bottom: 66.410628%;
    border-radius: 20px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .project-detail_gallery-container {
        padding-bottom: 55%;
    }
}

@media (min-width: 1200px) {
    .project-detail_gallery-container {
        padding-bottom: 45.4106280193%;
    }
}

.project-detail_gallery-container_wrap {
    display: none;
}

.project-detail_gallery-container .lg-container.lg-inline .lg-object {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.project-detail_gallery-container .lg-container.lg-inline .lg-toolbar .lg-maximize {
    display: none;
}

.project-detail_gallery-container .lg-outer .lg-prev,
.project-detail_gallery-container .lg-outer .lg-next {
    display: none;
}

.project-detail_gallery-container .lg-outer .lg-components {
    transform: translate3d(0, 100%, 0) !important;
}

@media (min-width: 768px) {
    .project-detail_gallery-container .lg-outer .lg-components {
        top: 0;
    }
}

.project-detail_gallery-container .lg-outer .lg-counter {
    display: none;
}

.project-detail_gallery-container .lg-outer .lg-thumb-outer {
    background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
    .project-detail_gallery-container .lg-outer .lg-thumb-outer {
        max-height: 100%;
        height: 100%;
    }
}

.project-detail_gallery-container .lg-outer .lg-thumb-item.active {
    border-color: #000;
}

.project-detail_gallery-container .lg-outer .lg-thumb-item:hover {
    border-color: #000;
}

.project-detail_gallery-container_toolbar {
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: opacity 400ms ease;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(110, 110, 110, 0.5) 100%);
    padding: 8px 10px;
}

@media (min-width: 768px) {
    .project-detail_gallery-container_toolbar {
        padding: 15px 30px;
    }
}

.project-detail_gallery-container_toolbar .gallery-counter {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

    .project-detail_gallery-container_toolbar .gallery-counter span {
        margin-left: 10px;
        margin-right: 4px;
        display: inline-block;
        line-height: normal;
    }

    .project-detail_gallery-container_toolbar .gallery-counter svg {
        width: 15px;
    }

@media (min-width: 768px) {
    .project-detail_gallery-container_toolbar .gallery-counter svg {
        width: auto;
    }
}

.project-detail_gallery-container_toolbar .gallery-fullscreen_btn {
    padding: 5px 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

@media (min-width: 768px) {
    .project-detail_gallery-container_toolbar .gallery-fullscreen_btn {
        padding: 13px;
    }
}

.project-detail_gallery-container_toolbar .gallery-fullscreen_btn:focus {
    outline: none;
}

.project-detail_gallery-container_toolbar .gallery-fullscreen_btn svg {
    width: 15px;
}

@media (min-width: 768px) {
    .project-detail_gallery-container_toolbar .gallery-fullscreen_btn svg {
        width: auto;
    }
}

.project-detail_slideArrows {
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .project-detail_slideArrows button {
        padding: 15px 20px;
        border: 0;
        background-color: transparent;
    }

.overview-section .section-head p {
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

@media (min-width: 768px) {
    .overview-section .section-head p {
        line-height: 28px;
    }
}

.feature-section .row {
    margin-top: 40px;
    row-gap: 40px;
}

@media (min-width: 768px) {
    .feature-section .row {
        row-gap: 60px;
    }
}

.floorplan-section .section-head p {
    max-width: 965px;
    margin-inline: auto;
    font-size: 16px;
    font-weight: 400;
}

@media (min-width: 992px) {
    .floorplan-section .section-head p {
        font-size: 20px;
        line-height: 34px;
    }
}

.floorplan-swiper {
    margin-top: 30px;
    padding-bottom: 35px;
}

@media (min-width: 768px) {
    .floorplan-swiper {
        margin-top: 40px;
        padding-bottom: 55px;
    }
}

.floorplan-swiper .project_card .project_item .project_img {
    margin-bottom: 30px;
}

.floorplan-swiper .project_card .project_item h3 {
    font-weight: 400;
}

.floorplanModal {
    --bs-modal-width: calc(100% - 20px);
    --bs-modal-color: #000;
    --bs-modal-header-padding: 20px 30px;
    --bs-modal-title-line-height: 33px;
    --bs-modal-padding: 30px 30px 40px;
    --bs-modal-header-border-color: #dddddd;
}

@media (min-width: 992px) {
    .floorplanModal {
        --bs-modal-header-padding: 25px 30px;
        --bs-modal-padding: 30px 30px 60px;
    }
}

@media (min-width: 1400px) {
    .floorplanModal {
        --bs-modal-width: 1242px;
    }
}

.floorplanModal .modal-content {
    border: 0;
}

    .floorplanModal .modal-content .modal-header .modal-title {
        color: #000;
        font-size: 25px;
        font-weight: 400;
    }

@media (min-width: 992px) {
    .floorplanModal .modal-content .modal-header .modal-title {
        font-size: 30px;
    }
}

.floorplanModal .modal-content .modal-header .btn-close {
    --bs-btn-close-opacity: 1;
}

@media (max-width: 991.98px) {
    .floorplanModal .modal-content .modal-body .row {
        flex-direction: column-reverse;
    }
}

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

@media (max-width: 991.98px) {
    .floorplanModal-content_left {
        margin-top: 20px;
    }
}

.floorplanModal-features {
    display: flex;
    flex-wrap: nowrap;
}

    .floorplanModal-features > *:not(:first-child) {
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid #dddddd;
    }

    .floorplanModal-features ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .floorplanModal-features ul li {
            font-size: 15px;
            font-family: "graphik_medium";
        }

@media (min-width: 992px) {
    .floorplanModal-features ul li {
        font-size: 20px;
        line-height: 20px;
    }
}

.floorplanModal-features ul li:not(:last-child) {
    padding-bottom: 10px;
}

@media (min-width: 992px) {
    .floorplanModal-features ul li:not(:last-child) {
        padding-bottom: 20px;
    }
}

.floorplanModal-features p {
    font-size: 15px;
    font-family: "graphik_medium";
}

@media (min-width: 992px) {
    .floorplanModal-features p {
        font-size: 18px;
        line-height: 20px;
    }
}

@media (max-width: 1199.98px) {
    .floorplanModal-direction {
        margin: 40px 0;
    }
}

.floorplanModal-direction img {
    max-width: 58px;
}

.floorplanModal-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .floorplanModal-info ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

        .floorplanModal-info ul li:not(:last-child) {
            padding-bottom: 10px;
        }

.floorplanModal-img {
    max-width: 750px;
    margin-left: auto;
}

    .floorplanModal-img img {
        height: 100%;
        max-height: 418px;
        -o-object-fit: contain;
        object-fit: contain !important;
    }

.featureModal {
    --bs-modal-width: calc(100% - 30px);
    --bs-modal-bg: #000;
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 20px;
    --bs-modal-header-padding: 20px 20px 0;
    --bs-modal-header-border-width: 0;
    --bs-modal-padding: 0 20px 40px;
}

@media (min-width: 768px) {
    .featureModal {
        --bs-modal-header-padding: 40px 40px 0;
        --bs-modal-padding: 0 50px 60px;
    }
}

@media (min-width: 1400px) {
    .featureModal {
        --bs-modal-width: 1366px;
        -bs-modal-padding: 0 80px 80px;
    }
}

.featureModal .modal-content .btn-close {
    --bs-btn-close-color: #fff;
    --bs-btn-close-opacity: 0.7;
    --bs-btn-close-hover-opacity: 1;
    --bs-btn-close-focus-shadow: none;
    filter: var(--bs-btn-close-white-filter);
    transition: opacity 0.3s ease;
}

.featureModal-head {
    gap: 20px;
}

@media (min-width: 768px) {
    .featureModal-head {
        gap: 35px;
    }
}

@media (min-width: 1200px) {
    .featureModal-head {
        gap: 60px;
    }
}

.featureModal-head img {
    max-width: 65px;
}

@media (min-width: 768px) {
    .featureModal-head img {
        max-width: 80px;
    }
}

@media (min-width: 1200px) {
    .featureModal-head img {
        max-width: 110px;
    }
}

.featureModal-head h2 {
    font-size: 32px;
    font-weight: 900;
    font-family: var(--secondary-font);
}

@media (min-width: 768px) {
    .featureModal-head h2 {
        font-size: 50px;
    }
}

@media (min-width: 1200px) {
    .featureModal-head h2 {
        font-size: 70px;
    }
}

.featureModal-body {
    padding-top: 25px;
    color: #fff;
}

@media (min-width: 768px) {
    .featureModal-body {
        padding-top: 35px;
    }
}

@media (min-width: 1200px) {
    .featureModal-body {
        padding-top: 52px;
    }
}

.featureModal-body p {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .featureModal-body p {
        font-size: 17px;
        line-height: 28px;
        letter-spacing: 1.01px;
    }
}

@media (min-width: 1200px) {
    .featureModal-body p {
        font-size: 20px;
        line-height: 32px;
    }
}

.spec-content,
.faq-content {
    max-width: 1242px;
    margin-inline: auto;
    margin-top: 30px;
}

@media (min-width: 992px) {
    .faq-section .accordion-body {
        padding: 0 15px 15px;
    }
}

.location-body {
    margin-top: 40px;
}

@media (min-width: 1200px) {
    .location-body {
        max-width: 1270px;
        margin-inline: auto;
    }
}

@media (max-width: 991.98px) {
    .location-body {
        flex-direction: column-reverse;
    }
}

.location-info {
    --loc-item-padding-x: 10px;
    --loc-icon-width: 16px;
    --loc-gap: 17px;
}

@media (min-width: 992px) {
    .location-info {
        --loc-icon-width: 17px;
        --loc-item-padding-x: 20px;
        max-width: 600px;
    }
}

@media (max-width: 991.98px) {
    .location-info {
        margin-top: 40px;
    }
}

.location-info_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.location-info_item {
    padding: 20px var(--loc-item-padding-x);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

@media (min-width: 992px) {
    .location-info_item {
        padding: 28px var(--loc-item-padding-x);
    }
}

.location-info_item:not(:first-child) {
    border-top: 1px solid rgb(221, 221, 221);
}

.location-info_place {
    display: flex;
    gap: var(--loc-gap);
    font-size: 15px;
    font-weight: 400;
}

@media (min-width: 768px) {
    .location-info_place {
        font-size: 17px;
    }
}

@media (min-width: 1200px) {
    .location-info_place {
        font-size: 20px;
        align-items: center;
    }
}

.location-info_place i {
    font-size: var(--loc-icon-width);
    color: rgb(11, 130, 111);
}

@media (max-width: 1199.98px) {
    .location-info_place i {
        margin-top: 4px;
    }
}

.location-info_distance {
    font-size: 15px;
    font-weight: 500;
    min-width: 65px;
    text-align: end;
}

@media (min-width: 768px) {
    .location-info_distance {
        font-size: 17px;
    }
}

@media (min-width: 1200px) {
    .location-info_distance {
        font-size: 20px;
        align-items: center;
    }
}

.location-info_btn {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-left: calc(var(--loc-item-padding-x) + var(--loc-icon-width) + var(--loc-gap));
    margin-top: 20px;
}

@media (min-width: 992px) {
    .location-map {
        max-width: 600px;
        margin-left: auto;
    }
}

.smartapp-section {
    padding-top: 20px;
    padding-bottom: 0;
}

@media (max-width: 767.98px) {
    .smartapp-section {
        padding-top: 40px;
    }
}

.smartapp-section .row {
    align-items: center;
}

@media (max-width: 767.98px) {
    .smartapp-section .row {
        flex-direction: column-reverse;
    }
}

.smartapp-img {
    max-width: 650px;
}

    .smartapp-img img {
        max-height: 885px;
    }

.smartapp-content {
    max-width: 650px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 767.98px) {
    .smartapp-content {
        gap: 10px;
    }
}

.smartapp-content h3 {
    color: #283365;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .smartapp-content h3 {
        font-size: 30px;
    }
}

@media (min-width: 1200px) {
    .smartapp-content h3 {
        font-size: 36px;
    }
}

.smartapp-content h3 sup {
    font-size: 14px;
    top: -17px;
}

.smartapp-content h2 {
    font-size: 60px;
    font-weight: 900;
    font-family: var(--secondary-font);
    color: #283365;
    line-height: 60px;
    margin-bottom: 0;
    letter-spacing: -4px;
}

@media (min-width: 992px) {
    .smartapp-content h2 {
        font-size: 80px;
        line-height: 80px;
    }
}

@media (min-width: 1200px) {
    .smartapp-content h2 {
        font-size: 100px;
        line-height: 95px;
    }
}

.smartapp-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

@media (min-width: 1200px) {
    .smartapp-content p {
        font-size: 18px;
    }
}

.am-features .section-head p {
    margin-bottom: 0;
    max-width: 965px;
    margin-inline: auto;
}

.am-features_gridTop {
    display: flex;
    flex-wrap: wrap;
}

    .am-features_gridTop:not(.row-2) {
        margin-top: 40px;
    }

@media (min-width: 1200px) {
    .am-features_gridTop {
        --bs-gutter-x: 40px;
    }
}

@media (min-width: 992px) {
    .am-features_gridTop.row-2 {
        --bs-gutter-y: 40px;
    }
}

@media (max-width: 991.98px) {
    .am-features_gridTop.row-2 {
        margin-top: 50px;
    }
}

.am-features_design {
    margin: 20px 0;
    padding: 30px 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 45% top;
    border-radius: 30px;
}

@media (min-width: 576px) {
    .am-features_design {
        padding: 65px 50px;
        background-position: left top;
    }
}

@media (min-width: 992px) {
    .am-features_design {
        margin: 75px 0;
        padding: 65px 90px;
    }
}

.am-features_design-content .section-head h2,
.am-features_design-content .section-head p {
    color: #fff;
}

.am-features_design-content .section-head p {
    font-size: clamp(16px, 2vw, 18px);
    line-height: 25px;
}

@media (min-width: 992px) {
    .am-features_design-content .section-head p {
        line-height: 30px;
    }
}

.am-features_addinfo {
    background-color: #fff;
    border-radius: 30px;
    padding: 50px 65px;
}

@media (max-width: 767.98px) {
    .am-features_addinfo {
        padding: 30px 20px;
    }
}

.am-features_addinfo .section-head p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.07px;
}

@media (min-width: 1200px) {
    .am-features_addinfo .section-head p {
        font-size: 18px;
    }
}

.am-features_addinfo .section-head a {
    margin-top: 40px;
}

.am-features_osinfo {
    background-color: #fff;
    border-radius: 30px;
    padding: 80px 68px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 767.98px) {
    .am-features_osinfo {
        padding: 30px 20px;
    }
}

.am-features_osinfo ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 40px;
}

    .am-features_osinfo ul li {
        max-width: 50px;
    }

.am-features_osinfo .section-head h2 {
    font-weight: 400;
}

@media (max-width: 1199.98px) {
    .am-features_osinfo .section-head h2 {
        font-size: 40px;
    }
}

@media (max-width: 767.98px) {
    .am-features_osinfo .section-head h2 {
        font-size: 28px;
    }
}

.am-features_osinfo .section-head p {
    font-size: 16px;
    line-height: 26px;
}

@media (min-width: 1200px) {
    .am-features_osinfo .section-head p {
        font-size: 18px;
    }
}

@media (max-width: 767.98px) {
    .am-features_osinfo .section-head p {
        margin-top: 10px;
    }
}

.sitemap-section {
    color: var(--text-color);
}

    .sitemap-section .row {
        --bs-gutter-y: 50px;
    }

@media (min-width: 768px) {
    .sitemap-section .row {
        --bs-gutter-y: 85px;
    }
}

.sitemap_card {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 768px) {
    .sitemap_card {
        gap: 50px;
    }
}

.sitemap_card-title {
    color: var(--text-color);
    font-size: 20px;
    margin: 0;
    font-weight: 600;
}

.sitemap_card-list ul li:not(:last-child) {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .sitemap_card-list ul li:not(:last-child) {
        margin-bottom: 25px;
    }
}

.sitemap_card-list ul li a {
    color: #000000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}

@media (min-width: 768px) {
    .sitemap_card-list ul li a {
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    .sitemap_card-list ul li a:hover {
        text-decoration: underline;
    }
}

.sitemap_card-list ul li ul {
    list-style: disc;
    padding-left: 10px;
    margin-top: 25px;
    margin-left: 10px;
}

    .sitemap_card-list ul li ul li a {
        font-weight: 400;
    }

.NE-detail_banner .innerpage-banner_caption .captions h1 {
    max-width: 100%;
}

.NE-detail_list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
}

@media (min-width: 992px) {
    .NE-detail_list {
        margin-top: 0;
        max-width: 410px;
        margin-left: auto;
    }
}

.NE-detail_list-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.NE-detail_list-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.NE-detail_list-item_img figure {
    border-radius: 10px;
    overflow: hidden;
}

    .NE-detail_list-item_img figure img {
        width: 100%;
        transform: scale(1.01);
        transition: transform 0.5s ease;
    }

.NE-detail_list-item_content .tag + h3 {
    margin-top: 6px;
}

.NE-detail_list-item_content .date {
    margin-top: 6px;
}

.NE-detail_list-item_content span {
    color: #75787C;
}

    .NE-detail_list-item_content span.tag {
        font-size: 0.875rem;
    }

    .NE-detail_list-item_content span.date {
        font-size: 0.75rem;
    }

.NE-detail_list-itemWrap {
    position: relative;
    padding-bottom: 20px;
}

    .NE-detail_list-itemWrap:not(:last-child) {
        border-bottom: 1px solid #DBDCDE;
    }

    .NE-detail_list-itemWrap:hover .NE-detail_list-item_img img {
        transform: scale(1.03);
    }

@media (min-width: 1200px) {
    .apt_detail-section.padding-top-0 {
        padding-top: 68px !important;
    }
}

@media (min-width: 1200px) {
    .apt_detail-section .apt_detail-content {
        max-width: calc(100% - 50px);
    }
}

.apt_detail-section .apt_detail-content ul li:not(:last-child) {
    padding-bottom: 4px;
}

.apt_detail-section.content-left .apt_detail-content {
    margin-left: auto;
}

@media (max-width: 1199.98px) {
    .apt_detail-section .apt_detail-img {
        height: auto !important;
    }
}

.premium_fac .icon-card-inner {
    justify-content: flex-start;
}

.successpopup {
    --bs-modal-width: 620px;
}

    .successpopup .modal-content {
        padding: 50px 30px;
    }

@media (max-width: 767.98px) {
    .successpopup .modal-content {
        padding: 20px;
    }
}

.successpopup .modal-body {
    text-align: center;
}

    .successpopup .modal-body h2 {
        color: #0A7359;
        font-weight: 900;
        margin-bottom: 20px;
    }

    .successpopup .modal-body p {
        margin-bottom: 10px;
        line-height: 1.3;
    }

.successpopup .modal-footer {
    padding: 0;
    border: 0;
    justify-content: center;
}

    .successpopup .modal-footer .btn {
        min-width: 150px;
    }

.top-contentarea {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 10px;
}

@media (min-width: 768px) {
    .top-contentarea {
        flex-direction: row;
    }
}

.top-contentarea .share-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (min-width: 768px) {
    .top-contentarea .share-details {
        align-items: flex-end;
    }
}

.NE-tableContents {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 50px;
}

@media (min-width: 992px) {
    .NE-tableContents {
        margin-top: 0;
        max-width: 410px;
        margin-left: auto;
    }
}

.NE-tableContents .tableofcontents {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .NE-tableContents .tableofcontents a {
        --bs-link-color: #000000;
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
    }

.bottom-contentarea h2 {
    font-weight: 400;
}

.bottom-contentarea .writer-content {
    align-items: flex-start;
}

.apartment-banner .innerpage-banner_caption .captions h1 {
    max-width: 100%;
}

.luxuary-apts .row {
    --bs-gutter-y: 30px;
}

.corporate-house .corporate-card {
    padding: 0;
}

    .corporate-house .corporate-card:not(:first-child) {
        margin-top: 60px;
    }

@media (min-width: 1200px) {
    .corporate-house .corporate-card:not(:first-child) {
        margin-top: 100px;
    }
}

.highlight .icon-card-inner {
    justify-content: center !important;
}

.highlight .icon-card-wrapper > *:nth-child(2) .icon-card {
    height: auto;
}

    .highlight .icon-card-wrapper > *:nth-child(2) .icon-card:last-child {
        margin-top: 20px;
    }

.reply-section {
    display: flex;
    flex-direction: column;
    gap: 34px;
}

    .reply-section .reply-inner {
        display: flex;
        gap: 12px;
        flex-direction: column;
    }

@media (min-width: 768px) {
    .reply-section .reply-inner {
        flex-direction: row;
    }
}

.reply-section .reply-inner-left {
    flex: 0 0 52px;
    max-width: 52px;
}

    .reply-section .reply-inner-left figure {
        width: 52px;
        height: 52px;
        background-color: #CEE3DE;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.reply-section .reply-inner-right {
    flex: 1;
}

    .reply-section .reply-inner-right .auth-profile p {
        margin: 0;
    }

    .reply-section .reply-inner-right .auth-profile .date {
        color: #6E7176;
    }

    .reply-section .reply-inner-right .comment p {
        font-size: inherit;
        margin: 0;
    }

    .reply-section .reply-inner-right .comment .action-area {
        display: flex;
        align-items: center;
        gap: 20px;
    }

        .reply-section .reply-inner-right .comment .action-area .reply-btn {
            background-color: transparent;
        }

            .reply-section .reply-inner-right .comment .action-area .reply-btn:hover {
                color: #0A7359;
            }

        .reply-section .reply-inner-right .comment .action-area .viewReply-btn {
            --bs-link-color: #000;
            --bs-link-hover-color-rgb: #0A7359;
        }

    .reply-section .reply-inner-right .reply {
        margin-left: 20px;
    }

@media (min-width: 768px) {
    .reply-section .reply-inner-right .reply {
        margin-left: 0;
    }
}

.error {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .error .error_text {
        text-align: center;
    }

        .error .error_text h1 {
            color: #1A1F4C;
            font-size: clamp(42px, 3.5vw, 96px);
            margin: 0;
            height: 130px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-image: url(../img/error_text.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            margin-bottom: 40px;
        }

        .error .error_text h3 {
            color: #1A1F4C;
            font-size: clamp(20px, 3.5vw, 36px);
        }

        .error .error_text p {
            color: #7D8286;
            font-size: clamp(14px, 3.5vw, 16px);
        }

.fill-form .form-select {
    min-width: 150px;
}

.progressGallery-swiper .project_item .gallery_img {
    overflow: hidden;
    border-radius: 25px;
}

    .progressGallery-swiper .project_item .gallery_img .img_view {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .progressGallery-swiper .project_item .gallery_img.sm_card {
        height: 270px;
    }

@media (max-width: 767px) {
    .progressGallery-swiper .project_item .gallery_img.sm_card {
        height: 170px;
    }
}

.progressGallery-swiper .project_item .gallery_img.lg_card {
    height: 564px;
}

@media (max-width: 767px) {
    .progressGallery-swiper .project_item .gallery_img.lg_card {
        height: 250px;
    }
}

.progressGallery-swiper .swiper-wrapper {
    margin-bottom: 20px;
}

.main_features {
    background-image: url(../img/features_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    .main_features .section-head .badge.main-bg {
        background-color: #fff;
        color: var(--text-color);
    }

    .main_features .md-headline {
        color: #fff;
        font-size: clamp(18px, 3.5vw, 46px);
        font-family: "graphik_light";
    }

    .main_features .md-card {
        background-color: #fff;
        padding: 48px;
    }

@media (max-width: 767px) {
    .main_features .md-card {
        padding: 20px;
        height: auto;
    }
}

.main_features .md-card h4 {
    font-family: var(--secondary-font);
    font-size: clamp(18px, 3.5vw, 41px);
    color: var(--bg-green);
    font-weight: 900;
    line-height: 48px;
    letter-spacing: -5% !important;
}

@media (max-width: 991px) {
    .main_features .md-card h4 {
        font-size: 24px !important;
        line-height: normal;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main_features .md-card h4 {
        font-size: 24px !important;
        line-height: 28px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .main_features .md-card h4 {
        font-size: 32px !important;
        line-height: 32px;
    }
}

.main_features .md-card h4 span {
    display: block;
}

.main_features .md-card p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
}

.lg-show-in.lg-inline .lg-slide .lg-thumb-outer {
    display: none !important;
}

.lg-show-in .lg-thumb-outer {
    position: fixed;
    bottom: 0;
    z-index: 99999;
    left: 0;
    right: 0;
    float: none;
    height: 130px !important;
}

.project-detail_gallery .lg-outer {
    height: calc(100vh - 150px);
}

    .project-detail_gallery .lg-outer .lg-content {
        top: 50px;
    }

    .project-detail_gallery .lg-outer .lg-prev,
    .project-detail_gallery .lg-outer .lg-next {
        display: block;
        background-color: rgba(255, 255, 255, 0.2);
        width: 40px;
        height: 40px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.project-detail_gallery .lg-inline .lg-content {
    top: 0px;
}

.project-detail_gallery .lg-inline .lg-prev,
.project-detail_gallery .lg-inline .lg-next {
    display: none;
}

.overlap-close {
    position: absolute;
    right: -30px;
    top: -10px;
    filter: brightness(1) invert(1);
}

.zoom-container {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .zoom-container {
        height: 320px;
    }
}

.zoom-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 0.2s ease;
    transform-origin: center center;
}

@media (max-width: 992px) {
    .zoom-container img {
        height: auto;
        -o-object-fit: contain !important;
        object-fit: contain !important;
    }
}

.project_body {
    min-height: 184px;
}

.floorplanModal-content_left {
    display: none;
}

@media (max-width: 991px) {
    .project-detail_metainfo-right a {
        min-width: 170px;
    }
}

.project-listing_row .project_card .project_item {

min-height: 300px;
}

.our_projects .project_card .project_item {

min-height: 340px;
}

@media (min-width: 1200px) and (max-width: 1440px){
.project_card .project_item p.info {
    font-size: 12px;
}
}
/*# sourceMappingURL=main.css.map */