@import "reset.css";
@import "helpers.css";
@import "cursor.css";
@import "fonts.css";
@import "header.css";
@import "footer.css";

.d-none {
    display: none;
}

.d-block {
    display: block;
}

:root {
    --white: #fff;
    --border-color: rgba(37, 135, 200, 0.2);
    --bodyText: #4a4a49;
    --blue: #3cb4e5;
    --blue2: #192444;
    --green: #a1d683;
    --purple: #696d9e;
}

html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

body {
    font-family: "Ubuntu";
    color: var(--bodyText);
    overflow-x: hidden;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #4A4A49;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    outline: none !important;
}

    a:hover,
    a:focus {
        text-decoration: none !important;
        outline: none !important;
    }

input {
    border-radius: 0;
    outline: none;
}

    input:focus {
        outline: none;
        box-shadow: none !important;
    }

/*Slider*/
.swiper {
    width: 100%;
    height: 100%;
}

.web_page {
    overflow: hidden;
}

.swiper-slide {
    /* text-align: center; */
    font-size: 18px;
    /* background: #690a0a; */
    display: flex;
    justify-content: center;
    /* align-items: center; */
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.page-our-commitment .swiper-slide img {
    object-fit: scale-down;
}

.swiper {
    width: 100%;
    /* height: 300px; */
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

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

.mySwiper {
    height: 15%;
    box-sizing: border-box;
    padding: 10px 0;
    width: 30%;
    margin-right: 0 !important;
    margin-left: auto;
    position: absolute !important;
    right: 0;
    bottom: 5%;
}

    .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.5;
        /* transition: all .6s ease-in-out; */
    }

    .mySwiper .swiper-slide-active,
    .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
    }

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*Slider*/

.main_slider {
    height: 100vh;
    position: relative;
    margin-bottom: 10vw;
}

/* .mySwiper2 .swiper-slide img {
    filter: brightness(0.15);
} */

.home-pag {
    position: absolute;
    right: 32%;
    bottom: 12%;
    width: 140px;
}

.main_sl_text {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    padding: 0 4vw 0;
    transform: translate(0%, 0%);
    z-index: 1;
    display: flex;
    justify-content: space-between;
}

    .main_sl_text .left h2 {
        font-size: 6vw;
        line-height: 1;
        color: #b1913a;
        margin-bottom: 2.5vw;
    }

    .main_sl_text .left h3 {
        line-height: 1;
        font-size: 2.2vw;
        color: #ffffff;
        font-weight: 100;
    }

    .main_sl_text .right p {
        font-size: 1.3vw;
        line-height: 1.4;
        font-weight: 100;
        margin-bottom: 1.5vw;
        color: #fff;
    }

    .main_sl_text .right {
        width: 28%;
        position: relative;
        top: 30px;
    }

    .main_sl_text .left {
        width: 60%;
    }

    .main_sl_text .right .a-home a {
        font-size: 1.2vw;
        font-weight: bold;
        margin-right: 2vw;
        color: #b1913a;
        position: relative;
        overflow: hidden;
        display: inline-block;
        padding-bottom: 5px;
    }

        .main_sl_text .right .a-home a:after {
            content: "";
            width: 100%;
            display: block;
            height: 1px;
            background: #b1913a;
            position: absolute;
            left: 0;
            bottom: 0;
        }

.main_sl_text {
    visibility: hidden;
}

    .main_sl_text.active {
        visibility: visible;
    }

    /* .main_text_wrap .main_sl_text:first-child .left h2 {
  font-size: 8vw;
} */

    .main_sl_text .right .a-home {
        display: none;
    }

    .main_sl_text.active .right .a-home {
        display: block;
    }

.home_progress {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 4px;
}

.home-pag .swiper-button-next,
.home-pag .swiper-button-prev {
    scale: 0.8;
}

    .home-pag .swiper-button-next svg,
    .home-pag .swiper-button-prev svg {
        transition: all 0.6s ease-in-out;
        fill: #b1913a;
    }

    .home-pag .swiper-button-next:hover svg,
    .home-pag .swiper-button-prev:hover svg {
        fill: #fff;
    }

.video_btn {
    position: absolute;
    bottom: 4vw;
    z-index: 1;
    padding: 0 0 0 4vw;
}

    .video_btn a {
        display: flex;
        align-items: center;
        grid-gap: 1vw;
    }

        .video_btn a svg {
            width: 20%;
            height: 20%;
        }

        .video_btn a p {
            font-size: 1.2vw;
            color: #ffffff;
            line-height: 1;
            font-weight: 300;
            transition: all 0.6s ease-in-out;
        }

        .video_btn a:hover p {
            color: #b1913a;
        }

.logo a img {
    width: 130px;
    transition: all .7s ease;
}

.main_sl_text .right .a-home a:hover {
    color: #fff;
}

.a-home a:hover {
    color: #7f7f7f;
}

.reveal {
    visibility: hidden;
    position: relative;
}

.pin_img {
    position: relative;
    height: 100vh; /* enough height for pinning */
}

    .pin_img .img {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

        .pin_img .img img {
            width: 60%; /* Initial state */
            height: auto;
            display: block;
            z-index: 2;
        }

.liquid-reveal {
    visibility: hidden;
    overflow: hidden;
    transform-style: preserve-3d;
    will-change: transform; /* Improves performance */
}

    .liquid-reveal img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform-origin: center;
        transition: filter 0.3s ease-out; /* For blur cleanup */
    }

.main_head {
    padding-left: 5vw;
    padding-right: 5vw;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

    .main_head h3 {
        font-size: 2vw;
        color: #fff;
        font-weight: 400;
        margin-bottom: 2vw;
    }

    .main_head h2 {
        font-size: 5vw;
        line-height: 1;
        color: #4a4a49;
        font-weight: 500;
        color: #B1913A;
    }

.career-img {
}

    .career-img img {
        width: 100%;
        display: block;
    }

.overview_sec {
    background: #4a4a49;
    display: flex;
    padding: 8vw 10vw 10vw 8vw;
    grid-gap: 7vw;
    margin-bottom: 5vw;
}

    .overview_sec .left {
    }

        .overview_sec .left h4 {
            font-size: 2vw;
            color: #b1913a;
            line-height: 1;
        }

    .overview_sec .right {
    }

        .overview_sec .right h2 > p {
            font-size: 3.5vw;
            line-height: 1.1;
            font-weight: 500;
            margin-bottom: 3vw;
            width: auto;
            text-transform: capitalize;
            color: #fff;
        }

        .overview_sec .right p {
            font-size: 1.2vw;
            width: 58%;
            font-weight: 300;
            line-height: 1.3;
            color: #fff;
        }

.image_effect {
    display: flex;
    padding: 0 4vw;
    grid-gap: 2vw;
    margin-bottom: 10vw;
}

    .image_effect .card {
        position: relative;
        width: 100%;
        height: 100%;
        color: #000;
        overflow: hidden;
        cursor: pointer;
        background: #FDF5E7;
        padding: 4vw;
        border-radius: 0;
        border: none;
    }

        .image_effect .card img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            z-index: 0;
            object-fit: cover;
            opacity: 1;
            transform: scale(1);
            transition: opacity 1s ease, transform 1s ease;
            z-index: 1;
        }

        .image_effect .card.active img {
            opacity: 1;
            transform: scale(1.1);
        }

    .image_effect .card-content {
        position: relative;
        z-index: 1;
    }

        .image_effect .card-content a:before {
            background: #fff;
        }
    /* .image_effect .card.active a:before {
  background: #fff !important;
} */
    .image_effect .card h4 {
        margin: 0;
        font-size: 1.5vw;
        color: #fff;
        margin-bottom: 2vw;
    }

    .image_effect .card h2 {
        font-size: 3vw;
        color: #fff;
        margin-bottom: 15vw;
        font-weight: 500;
        line-height: 1.2;
    }

    .image_effect .card a {
        font-size: 1.2vw;
        color: #fff;
        text-decoration: none;
        margin: 0;
    }

    .image_effect .card.active {
        color: #fff;
    }

.main_value {
    padding: 0 12vw;
    margin-bottom: 12vw;
}

    .main_value h2 {
        font-size: 3.5vw;
        color: #4a4a49;
        line-height: 1;
        margin-bottom: 4vw;
        font-weight: 700;
        text-transform: capitalize;
    }

    .main_value .value_sec {
        display: flex;
        grid-gap: 4vw;
    }

        .main_value .value_sec .left {
            width: 30%;
        }

            .main_value .value_sec .left h3 {
                color: #4a4a49;
                font-size: 1.3vw;
                margin-bottom: 3vw;
                padding-right: 2vw;
                line-height: 1.3;
                font-weight: 300;
            }

            .main_value .value_sec .left .img {
            }

                .main_value .value_sec .left .img img {
                    width: 100%;
                }

        .main_value .value_sec .right {
            width: 70%;
            position: relative;
        }

            .main_value .value_sec .right .radio_sec {
                position: relative;
            }

                .main_value .value_sec .right .radio_sec .radio {
                    border-bottom: solid rgba(74, 74, 73, 0.4) 1px;
                    margin-bottom: 1.5vw;
                    padding-bottom: 1.5vw;
                    position: relative;
                    display: flex;
                    align-items: center;
                    padding-left: 1vw;
                }

                    .main_value .value_sec .right .radio_sec .radio input {
                    }

                    .main_value .value_sec .right .radio_sec .radio label {
                        font-size: 2vw;
                        color: #b1913a;
                        line-height: 1;
                        font-weight: 700;
                        position: relative;
                        padding-left: 4vw;
                    }

                    .main_value .value_sec .right .radio_sec .radio:last-child {
                        border: none;
                    }

                    .main_value .value_sec .right .radio_sec .radio input[type="radio"] {
                        width: 30px;
                        height: 30px;
                        appearance: none;
                        border: 2px solid #4a4a49;
                        border-radius: 50%;
                        position: relative;
                        cursor: pointer;
                        vertical-align: middle;
                        transition: var(--transition);
                    }

                        .main_value
                        .value_sec
                        .right
                        .radio_sec
                        .radio
                        input[type="radio"]:checked::after {
                            content: "";
                            position: absolute;
                            width: 18px;
                            height: 18px;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            border-radius: 50%;
                            background-color: #b1913a;
                        }

/* media center */
.media-sorting {
    padding: 0 5vw 4vw;
}

    .media-sorting ul {
        padding: 0;
        margin: 0;
        display: flex;
        list-style: none;
        grid-gap: 15px;
    }

    .media-sorting a {
        list-style: none;
        border: 1px solid #cecece;
        padding: 0.5vw 2vw;
        border-radius: 50px;
        margin-right: 10px;
        color: #000;
        transition: all 0.7s ease;
        display: block;
        font-size: 1.1vw;
        font-weight: 300;
    }

        .media-sorting li.active a,
        .media-sorting a:hover {
            background-color: #ba8a3b;
            border-color: #ba8a3b;
            color: #fff;
        }

.tabsShown {
    display: none;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn 1s ease 1 forwards;
}

    .tabsShown.active {
        display: block;
    }

.tabs-main .tabs {
    display: none;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn 1s ease 1 forwards;
}

    .tabs-main .tabs.active {
        display: block;
    }

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none;
    }
}

.renewable-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2vw;
    margin-bottom: 10vw;
}

.image_effect .card:hover img,
.image_effect .card.active img {
    opacity: 0;
}

.renewable-grid .card.active .card-content .gallery_text ul li,
.renewable-grid .card.active .card-content .top p,
.image_effect .card.active h2,
.image_effect .card.active a,
.image_effect .card:hover h2 {
    color: #4a4a49;
}

.image_effect .card:hover h4,
.image_effect .card.active h4,
.image_effect .card:hover a {
    color: #b1913a;
}

    .image_effect .card:hover a:before {
        background: #b1913a;
    }

.renewable_main.image_effect .card {
    height: auto;
    margin: 0;
}

.gallery_text {
    margin-bottom: 2vw;
}

    .gallery_text ul {
        display: inline-flex;
    }

        .gallery_text ul li {
            color: #fff;
            line-height: 1;
            font-size: 1.4vw;
            margin-right: 2vw;
            font-weight: 300;
            list-style: none;
            position: relative;
        }

            .gallery_text ul li:last-child {
                margin: 0;
            }

                .gallery_text ul li:last-child::marker {
                    list-style: none;
                }

.renewable-grid .card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

    .renewable-grid .card-content .top {
        margin-bottom: 5vw;
    }

        .renewable-grid .card-content .top h2 {
            margin-bottom: 1vw;
        }

        .renewable-grid .card-content .top p {
            color: #fff;
            font-size: 1.4vw;
            font-weight: 300;
            width: 85%;
            line-height: 1.2;
        }

.gallery_text ul li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #b1913a;
    top: 5px;
    border-radius: 50px;
    left: -16%;
}

.gallery_text ul li:first-child:before {
    display: none;
}

.renewable-grid .card.active .card-content a:before {
    background-color: #4a4a49;
}

.renewable-grid .card .card-content .gallery_text ul li {
    transition: all 0.6s ease-in-out;
}

    .renewable-grid .card .card-content .gallery_text ul li:hover {
        color: #b1913a;
    }

.newsItem {
    display: none;
}

.map-container .filter-container .custom-options {
    margin: 0;
}

.video_btn a svg path {
    fill: white;
    transition: all 0.5s ease-in-out;
}

.video_btn a svg circle {
    fill: #b1913a;
    transition: all 0.5s ease-in-out;
}

.video_btn a:hover svg path {
    fill: #b1913a;
}

.video_btn a:hover svg circle {
    fill: #fff;
}

.main_banner {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

    .main_banner .img {
    }

        .main_banner .img img {
            width: 100%;
        }

.main_top {
    position: absolute;
    top: 0;
    padding: 15vw 7vw 0 4vw;
    height: 100%;
}

.main_banner .top_info {
    display: flex;
    justify-content: center;
    margin-bottom: 8vw;
}

    .main_banner .top_info .left {
        width: 70%;
    }

        .main_banner .top_info .left h2 {
            color: #b1913a;
            font-size: 5.5vw;
            line-height: 1;
            margin-top: -15px;
        }

    .main_banner .top_info .right {
        width: 30%;
    }

        .main_banner .top_info .right p {
            font-size: 1.2vw;
            line-height: 1.5;
            color: #fff;
            font-weight: 400;
        }

.bottom_link {
    width: 25%;
    position: absolute;
    bottom: 1vw;
}

    .bottom_link ul {
    }

        .bottom_link ul li {
            margin-bottom: 1.5vw;
        }

            .bottom_link ul li a {
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 1.1vw;
                line-height: 1;
                font-weight: 400;
                transition: all 0.6s ease-in-out;
            }

                .bottom_link ul li a svg {
                }

                .bottom_link ul li a svg {
                    fill: #b1913a;
                    transition: all 0.6s ease-in-out;
                    transform: scale(1.1);
                }

                .bottom_link ul li a:hover svg {
                    fill: #fff;
                }

                .bottom_link ul li a:hover {
                    color: #b1913a;
                }

.danah_view {
    position: relative;
    /* overflow: hidden; */
    padding: 6vw 8vw 10vw 4vw;
}

    .danah_view .view {
        display: flex;
        grid-gap: 18vw;
        position: relative;
        z-index: 2;
    }

        .danah_view .view .left {
            width: 50%;
        }

    .danah_view h3 {
        font-size: 2vw;
        color: #b1913a;
        margin-bottom: 2vw;
        z-index: 5;
        position: relative;
    }

    .danah_view .view .left h4 {
        font-size: 3.8vw;
        color: #4a4a49;
        line-height: 1.2;
        font-weight: 500;
    }

    .danah_view .view .right {
        width: 50%;
    }

        .danah_view .view .right p {
            color: #7f7f7f;
            font-size: 1.4vw;
            margin-bottom: 2vw;
            line-height: 1.4;
            font-weight: 400;
        }

        .danah_view .view .right h4 {
            color: #b1913a;
            font-size: 1.4vw;
            line-height: 1.4;
            font-weight: 400;
        }

    .danah_view .img-view {
        position: absolute;
        overflow: hidden;
        width: 100%;
        right: 0;
        height: 100%;
        bottom: 0;
    }

        .danah_view .img-view img {
            width: 100%;
        }

        .danah_view .img-view:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 35%;
            background: linear-gradient( 0deg, transparent 0%, rgba(255, 255, 255, 0.8) 100% );
            z-index: 1;
        }

.shaping_sec {
    position: relative;
}

    .shaping_sec img {
        width: 100%;
    }

    .shaping_sec h2 {
        position: absolute;
        top: 0;
        font-size: 5vw;
        text-align: center;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%;
        align-items: center;
        color: #fff;
    }

.vision_sec .left h3 {
    font-size: 2vw;
    color: #b1913a;
    margin-bottom: 2vw;
}

.vision_sec2 {
}

.vision_sec.vision_sec2 {
    display: inherit;
    position: relative;
    padding-top: 5vw;
}

.misiion_sec {
    display: flex;
    grid-gap: 10vw;
}

.vision_sec.vision_sec2 h3 {
    font-size: 2vw;
    color: #b1913a;
    margin-bottom: 2vw;
}

.misiion_sec .right {
    position: absolute;
    right: 0;
    width: 45% !important;
    top: 0;
    padding-top: 5vw;
}

.misiion_sec .left {
    width: 50% !important;
}

    .misiion_sec .left > p {
        width: 74%;
        margin-bottom: 8vw !important;
        line-height: 1.4 !important;
    }

.misiion_sec .joureny_text {
    width: 80%;
}

    .misiion_sec .joureny_text > div {
        margin-bottom: 2vw;
    }

        .misiion_sec .joureny_text > div h2 {
            color: #b1913a;
            font-size: 2.2vw;
            margin-bottom: 1.5vw;
            font-weight: 500;
        }

        .misiion_sec .joureny_text > div p {
            color: #7f7f7f;
            font-size: 1.2vw;
            font-weight: 300;
            line-height: 1.4;
        }

.time_line_sec {
    position: relative;
}

    .time_line_sec .img {
    }

        .time_line_sec .img img {
            width: 100%;
        }

    .time_line_sec .img {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

.history-section {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    padding: 10vw 4vw;
}

.history-header {
    text-align: center;
    margin-bottom: 50px;
}

    .history-header h1 {
        font-size: 36px;
        color: #333;
        margin-bottom: 10px;
    }

    .history-header p {
        font-size: 18px;
        color: #666;
        line-height: 1.6;
        max-width: 800px;
        margin: 0 auto;
    }

.timeline-slider {
    position: relative;
    width: 41%;
}

.timeline-track {
    height: 3px;
    background-color: #908465;
    position: relative;
    width: 95%;
    margin: 0 auto;
}

.timeline-progress {
    height: 100%;
    background-color: #ffff;
    width: 0;
    transition: all 0.6s ease-in-out;
}

.timeline-years {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.year-marker {
    position: absolute;
    top: -20px;
    transform: translateX(-50%);
    cursor: pointer;
    transition: all 0.3s ease;
}

    .year-marker::before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #c8b991;
        margin: 16px auto 0;
        transition: all 0.3s ease;
        border: solid 0px #908465;
    }

    .year-marker.active::before {
        background-color: #fff;
        transform: scale(1.5);
        box-shadow: 0 0 0 1px #908465;
    }

    .year-marker:hover::before {
        transform: scale(1.3);
    }

.year-label {
    font-weight: 400;
    color: #b1913a;
    transition: all 1s ease;
    font-size: 2vw;
    position: absolute;
    top: -2vw;
    transform: translate(-50%, 0);
}

.year-marker.active .year-label {
    color: #fff;
}

.timeline-content-container {
    position: relative;
}

.timeline-content {
    position: absolute;
    width: 100%;
    opacity: 0;
    transform: translateY(30px);
    transition: none;
    bottom: 8vw;
}

    .timeline-content.active {
        opacity: 1;
        transform: translateY(0);
        transition: all 0.6s ease-in-out;
    }

    .timeline-content h3 {
        color: #b1913a;
        margin-top: 0;
        font-weight: 500;
        font-size: 3vw;
        line-height: 1;
        margin-bottom: 2vw;
    }

    .timeline-content p {
        color: #ffffff;
        line-height: 1.3;
        font-size: 1.3vw;
        font-weight: 300;
    }

.nav-arrows {
    display: flex;
    justify-content: center;
    grid-gap: 2vw;
}

.nav-arrow {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .nav-arrow svg {
        width: 55px;
        stroke: #B1913A;
        transition: all .6s ease-in-out;
    }

        .nav-arrow svg:hover {
            stroke: #fff;
        }

    .nav-arrow:hover {
    }

    .nav-arrow:active {
        transform: translateY(0);
    }




/* Pulse animation for active year */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(231, 76, 60, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0);
    }
}

.year-marker.active.pulse::before {
    animation: pulse 1s infinite;
}

.history-section .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5vw;
}

    .history-section .head h2 {
        font-size: 1.8vw;
        color: #fff;
        font-weight: 300;
    }

.history {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Background and layout */
.values-section {
    background-color: #2e2d2b;
    background-image: url("your-pattern.png"); /* replace with actual pattern image path */
    background-repeat: repeat;
    color: white;
    padding: 60px 20px;
    font-family: "Segoe UI", sans-serif;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Headings */
.section-heading {
    font-size: 20px;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 8px;
}

.section-subheading {
    font-size: 14px;
    color: #e0e0e0;
    margin-bottom: 40px;
}

/* Grid */
.values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding-top: 20px;
}

/* Boxes */
.value-box {
    border-top: 1px solid #d4af37;
    padding-top: 20px;
}

/* Titles and text */
.value-title {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 10px;
}

.value-text {
    font-size: 13px;
    color: #e6c96c;
    line-height: 1.5;
}

.real_value {
    background: #4a4a49;
    padding: 5vw 0 16vw;
    position: relative;
}

    .real_value .head {
        margin-bottom: 10vw;
        padding: 0 4vw;
    }

        .real_value .head h2 {
            color: #b1913a;
            font-size: 2.2vw;
            line-height: 1;
            font-weight: 500;
            margin-bottom: 1vw;
        }

        .real_value .head p {
            font-size: 2.2vw;
            line-height: 1;
            font-weight: 300;
            color: #fff;
        }

    .real_value .top_sec {
        padding: 0 0vw 0 6vw;
        grid-gap: inherit;
        grid-gap: 5vw;
        z-index: 2;
        position: relative;
    }

        .real_value .top_sec .grid {
            display: flex;
            flex-direction: column;
        }

        .real_value .top_sec .all_line {
        }

            .real_value .top_sec .all_line .line {
                overflow: hidden;
            }

                .real_value .top_sec .all_line .line i {
                    background: #b1913a;
                    width: 100%;
                    position: relative;
                    height: 1px;
                    display: block;
                    overflow: hidden;
                }

.top_sec .all_line .line > div {
    display: flex;
    align-items: center;
    grid-gap: 1vw;
    margin-bottom: 4vw;
    min-height: 6vw;
}

.real_value .top_sec .all_line .line h2 {
    font-size: 2.1vw;
    line-height: 1;
    color: #fff;
}

.top_sec .all_line .line h3 {
    font-size: 1.3vw;
    color: #b1913a;
    font-weight: 400;
    padding-right: 7vw;
    line-height: 1.4;
}

.line {
    align-items: center;
    grid-gap: 1vw;
    overflow: hidden;
}

.real_value {
}

    .real_value .value_img {
        position: absolute;
        bottom: 0;
        z-index: 1;
    }

        .real_value .value_img img {
            width: 100%;
        }

.top_sec {
}

    .top_sec .all_line {
        overflow: hidden;
    }

        .top_sec .all_line .line {
        }

.partner_sec {
    margin: 6vw 4vw 10vw;
    position: relative;
}

    .partner_sec h2 {
        font-size: 2vw;
        color: #B1913A;
        line-height: 1;
        margin-bottom: 4vw;
    }

    .partner_sec .swiper {
        width: 85%;
        height: 100%;
    }

    .partner_sec .partnerSwiper {
        width: 85%;
        margin-bottom: 2vw;
    }

        .partner_sec .partnerSwiper .swiper-slide {
        }

            .partner_sec .partnerSwiper .swiper-slide .img {
            }

    .partner_sec .swiper-slide .img img {
    }

.btn_ajct {
    display: flex;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}

    .btn_ajct .swiper-button-next {
    }

        .btn_ajct .swiper-button-prev svg,
        .btn_ajct .swiper-button-next svg {
            stroke: #B1913A;
            transition: all .6s ease-in-out;
        }

            .btn_ajct .swiper-button-prev svg:hover,
            .btn_ajct .swiper-button-next svg:hover {
                stroke: #4A4A49;
                transform: scale(1.1);
            }

#mission-vision-values {
    position: relative;
    padding-top: 5vw;
    margin-bottom: 10vw;
}

.misiion_sec .joureny_text > div:last-child {
    margin: 0;
}

.lead_banner {
    position: absolute;
    top: 0;
    padding: 15vw 0;
    width: 100%;
    text-align: center;
}

    .lead_banner h2 {
        color: #b1913a;
        font-size: 5.5vw;
        line-height: 0.7;
    }


.sticky_sec {
    z-index: 7;
}

    .sticky_sec > div {
        position: absolute;
        top: 0;
        width: 100%;
    }

        .sticky_sec > div ul {
            display: flex;
            justify-content: space-between;
            padding: 1vw 3vw;
            position: relative;
            z-index: 1;
            width: 65%;
            margin: auto;
        }

            .sticky_sec > div ul li {
                margin: 0;
            }

                .sticky_sec > div ul li a {
                    color: #fff;
                    font-size: 1.1vw;
                    margin: 0;
                    display: flex;
                    align-items: center;
                    grid-gap: 1vw;
                }

.sticky_sec {
    position: relative;
    width: 100%;
    height: 80px;
    z-index: 9;
    margin-top: -80px;
}

    .sticky_sec > div {
        background-color: transparent;
        transition: all .7s ease;
    }

    .sticky_sec.fixed {
        top: 0;
    }

        .sticky_sec.fixed > div {
            background-color: #fff;
        }

            .sticky_sec.fixed > div ul li a {
                color: #7B6E66;
                transition: all .7s ease;
            }

    .sticky_sec > div ul li.active a,
    .sticky_sec > div ul li:hover a {
        color: #b1913a;
    }

.ch_sec {
    display: flex;
    grid-gap: 5vw;
}

    .ch_sec .left {
        width: 50%;
    }

.main-ch h3 {
    color: #B1913A;
    font-size: 1.8vw;
    line-height: 1;
    margin-bottom: 2vw;
}

.ch_sec .left > h4 {
    font-size: 2.5vw;
    line-height: 1.2;
    color: #4A4A49;
    margin-bottom: 4vw;
    font-weight: 500;
}

.ch_sec .left .info {
    width: 80%;
    margin: auto;
}

    .ch_sec .left .info h4 {
        font-size: 1.5vw;
        line-height: 1;
        color: #B1913A;
        margin-bottom: 2vw;
        line-height: 1.3;
    }

    .ch_sec .left .info P {
        font-size: 1.5vw;
        line-height: 1.3;
    }

.ch_sec .right {
    width: 50%;
}

    .ch_sec .right .img {
        margin-bottom: 2vw;
    }

        .ch_sec .right .img img {
            width: 100%;
        }

    .ch_sec .right h2 {
        font-size: 2.8vw;
        color: #B1913A;
        line-height: 1;
        margin-bottom: 1vw;
    }

    .ch_sec .right h3 {
        font-size: 1.8vw;
        color: #4A4A49;
        line-height: 1;
    }

.sticky_sec > div ul li a svg, .sticky_sec > div ul li a svg {
    fill: #B1913A;
    transition: all .6s ease-in-out;
    width: 18px;
    height: 18px;
}

.bod_sec {
    background: #4A4A49;
    padding: 5vw 4vw;
    position: relative;
}

    .bod_sec .head {
        margin-bottom: 6vw;
    }

        .bod_sec .head h3 {
            font-size: 1.5vw;
            color: #B1913A;
            line-height: 1;
            margin-bottom: 2vw;
        }

        .bod_sec .head h2 {
            font-size: 4vw;
            color: #FFFFFF;
            line-height: 1;
        }

    .bod_sec .bod_grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 1.5vw;
        position: relative;
        z-index: 2;
    }

        .bod_sec .bod_grid .grid {
        }

            .bod_sec .bod_grid .grid h3 {
                font-size: 1.5vw;
                color: #B1913A;
                line-height: 1;
                font-weight: 400;
                margin-bottom: 1vw;
                padding-top: 1vw;
            }

            .bod_sec .bod_grid .grid h4 {
                line-height: 1;
                color: #FFFFFF;
                font-weight: 300;
            }

            .bod_sec .bod_grid .grid img {
                width: 100%;
                display: block;
                transition: all .6s ease-in-out;
            }

                .bod_sec .bod_grid .grid img:hover {
                    transform: scale(1.1);
                }

.exective_sec {
    background-color: transparent;
}

    .exective_sec .head h2 {
        color: #4A4A49;
    }

    .exective_sec .head .bod_grid {
    }

    .exective_sec .bod_grid .grid h4 {
        color: #4A4A49;
    }

.award_sec {
    position: relative;
    padding-bottom: 10vw;
    padding: 0 4vw;
}

    .award_sec h2 {
        font-size: 2vw;
        color: #B1913A;
        line-height: 1;
        margin-bottom: 4vw;
    }

    .award_sec > div {
        display: flex;
        z-index: 2;
        grid-gap: 2vw;
        position: relative;
    }

    .award_sec .info {
    }

        .award_sec .info .img {
            transition: all .6s ease-in-out;
            overflow: hidden;
        }

            .award_sec .info .img img {
                width: 100%;
                display: block;
                transition: all .6s ease-in-out;
            }

                .award_sec .info .img img:hover {
                    transform: scale(1.1);
                }

        .award_sec .info h2 {
            font-size: 2.6vw;
            line-height: 1;
            color: #4A4A49;
            font-weight: 500;
            margin-bottom: 1vw;
            padding-top: 1vw;
        }

        .award_sec .info p {
            font-size: 1.3vw;
            font-weight: 300;
            line-height: 1.4;
            color: #4A4A49;
            width: 60%;
        }

    .award_sec > .img {
        position: absolute;
        z-index: 1;
        bottom: 0;
        width: 100%;
        padding: 0;
    }

        .award_sec > .img img {
            width: 100%;
        }

.partnerSwiper .swiper-slide {
    flex-direction: column;
    text-align: start;
}

    .partnerSwiper .swiper-slide p {
    }

.partner_sec > .img {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    padding: 0;
}

.partnerSwiper .swiper-slide p {
    font-size: 1.3vw;
    line-height: 1;
    font-weight: 300;
}

.partner_sec .partnerSwiper .swiper-slide .img {
    margin-bottom: 1vw;
}

.partner_sec .img img {
    width: 100%;
}

.member_sec .bod_grid {
    align-items: center;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 5vw;
}

    .member_sec .bod_grid .grid img {
        width: 100%;
        transition: initial;
    }

.pin_sec.pin_sec2 .text {
    width: 65%;
    margin-bottom: 1vw;
}

.pin_sec2 .text h3 {
    font-size: 1.5vw;
    margin-bottom: 1vw;
    color: #B1913A;
    font-weight: 400;
}

.pattern-outside {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
}

    .pattern-outside img {
        width: 100%;
    }

.pin_sec2 .pin_img {
    background-image: none;
}

.pin_sec.pin_sec2 .text p {
    font-weight: 300;
    width: 65%;
    margin-bottom: 1vw;
}

.pin_sec2 .text h2 {
    margin-bottom: 1vw !important;
}

.pin_sec.pin_sec2 {
    margin-bottom: 0;
}

.pin_sec {
    overflow: hidden;
}

.com-oartner {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 1vw;
}

    .com-oartner p {
        font-size: 1.3vw;
        color: #4A4A49;
        align-items: start;
        line-height: 1;
        font-weight: 300;
    }

    .com-oartner h2 {
        font-size: 2.9vw;
        color: #B1913A;
        display: flex;
        justify-content: center;
        line-height: 1;
        flex-direction: column;
        grid-gap: .5vw;
    }

.commitment_baanner {
    height: auto;
}

    .commitment_baanner .sticky_sec > div ul {
        width: 45%;
    }

.board_sec {
    position: absolute;
    top: 0;
    z-index: 1;
}

    .board_sec img {
        width: 100%;
    }

.danah_view2 {
    padding: 0vw 4vw 10vw 4vw;
}

    .danah_view2 .view {
        grid-gap: 4vw;
    }

        .danah_view2 .view .left h4 {
            font-weight: 400;
            color: #4a4a49;
            line-height: 1.2;
            font-size: 3.5vw;
        }

        .danah_view2 .view .right p {
            font-weight: 300;
            line-height: 1.5;
            font-size: 1.3vw;
            color: #4A4A49;
        }

.gate_number {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    padding: 0 4vw;
    grid-gap: 5vw;
    margin-bottom: 4vw;
}

    .gate_number .grid {
        position: relative;
    }

        .gate_number .grid:before {
            content: "";
            position: absolute;
            width: 1px;
            height: 60%;
            background: rgba(255, 255, 255, 0.4);
            top: 0;
            right: -1vw;
        }

        .gate_number .grid h2 {
            font-size: 4vw;
            line-height: 1;
            color: #B1913A;
        }

            .gate_number .grid h2 p {
            }

            .gate_number .grid h2 .number {
                display: flex;
                margin-bottom: 1vw;
            }

        .gate_number .grid h4 {
            position: absolute;
            top: -1.1vw;
            font-size: 1.2vw;
            color: #4A4A49;
            font-weight: 400;
        }

        .gate_number .grid p {
            font-size: 1.5vw;
            line-height: 1.2;
        }

        .gate_number .grid h2 .number h3 {
            margin-left: 1vw;
        }

.image_effect2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1vw;
    margin-bottom: 5vw;
}

    .image_effect2 .card {
        padding: 3vw 3vw 2vw;
        justify-content: space-between;
    }

        .image_effect2 .card .card-content h2 {
            font-size: 1.6vw;
            margin-bottom: 15vw;
        }

    .image_effect2 .card {
        background-color: #B1913A;
    }

        .image_effect2 .card:hover h4,
        .image_effect2 .card.active h4,
        .image_effect2 .card:hover a {
            color: #fff;
        }

        .image_effect2 .card.active h2,
        .image_effect2 .card.active a,
        .image_effect2 .card:hover h2 {
            color: #fff;
        }

        .image_effect2 .card:hover a:before {
            background-color: #fff !important;
        }

.linebar {
    position: relative;
}

    .linebar::before {
        position: absolute;
        top: 0;
        left: 50%;
        content: "";
        width: 1px;
        height: 100%;
        background: #B1913A;
    }

.partner_sec2 {
    margin: 0 4vw;
}

.pin_sec .text {
    margin-bottom: 2vw;
}

.pin_bg .pin_img {
    background-image: none;
}

.commit_sticky > div ul {
    width: 45%;
}

.phliso_sec {
}

    .phliso_sec .text {
    }

        .phliso_sec .text h3 {
            font-size: 3vw;
            color: #B1913A;
            font-weight: 500;
            margin-bottom: 1vw;
            line-height: 1;
        }

        .phliso_sec .text h2 {
            font-size: 2.5vw !important;
            font-weight: 300 !important;
        }

        .phliso_sec .text > p {
            font-weight: 300 !important;
            width: 70% !important;
            margin-bottom: 1vw !important;
        }

.sector_banner .top_info {
    justify-content: space-between;
}

    .sector_banner .top_info .left {
        width: auto;
    }

    .sector_banner .top_info .right {
        width: 35%;
    }

.pin_img_no {
    background-image: none !important;
}

.commercila_text {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    padding: 0 4vw;
    grid-gap: 25vw;
}

    .commercila_text .left {
        width: 60%;
    }

        .commercila_text .left h3 {
            color: #B1913A;
            font-size: 1.8vw;
            line-height: 1;
            font-weight: 400;
            margin-bottom: 2vw;
        }

        .commercila_text .left h2 {
            font-size: 5vw;
            line-height: 1;
            color: #ffff;
            font-weight: 500;
        }

    .commercila_text .right {
        width: 40%;
        margin-top: 3vw;
    }

        .commercila_text .right p {
        }

        .commercila_text .right p {
            font-size: 1.4vw;
            color: #FFFFFF;
            font-weight: 300;
            line-height: 1.3;
            margin-bottom: 3vw;
        }

.y_btn {
}

    .y_btn a {
    }

        .y_btn a span {
            transition: all .6s ease-in-out;
        }

.danah-btns a::after {
    background-color: #a88116 !important;
    z-index: -1 !important;
}

.y_btn a:hover span {
    color: #fff;
    z-index: 4;
    position: relative;
}

.main_key {
    background: #fdf5e7;
}

.detail_banner {
    margin-bottom: 0 !important;
}

.facts_sec {
    display: flex;
    justify-content: space-between;
    padding: 10vw 0 0 4vw;
}

    .facts_sec .left {
        width: 20%;
    }

        .facts_sec .left h3 {
            font-size: 1.8vw;
            font-weight: 400;
            color: #B1913A;
        }

    .facts_sec .right {
        width: 80%;
    }

        .facts_sec .right > h2 {
            font-size: 3.5vw;
            line-height: 1;
            color: #4A4A49;
            font-weight: 300;
            margin-bottom: 10vw;
            padding-right: 10vw;
        }

.area_info h3 {
    font-size: 1.5vw;
    line-height: 1;
    width: 70%;
}

.area_info .img {
    width: 80px;
}

    .area_info .img img {
        width: 100%;
    }

.key_sec {
}

.area_info {
    display: flex;
    align-items: center;
    grid-gap: 2vw;
}

.horizontalScroller {
    height: 100vh;
    position: relative;
    z-index: 2;
}

.horizontalScroller__intro {
    margin-bottom: 1.5rem;
    color: #FFFFFF;
}

.horizontalScroller__header {
    margin-bottom: 1rem;
}

.horizontalScroller__scroll {
    height: 70%;
    position: relative;
    overflow: hidden;
}

.horizontalScroller__images {
    height: 100%;
    display: flex;
    padding: 0 0 5vw;
    grid-gap: 5vw;
}

.horizontalScroller__item {
    width: 30%;
    /* height: 100%; */
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
    justify-content: space-between;
}

.flex_area {
    display: flex;
    padding: 1vw 0 0;
    align-items: center;
    border-top: solid 2px #B1913A;
    justify-content: space-between;
}

.horizontalScroller__image {
    width: 70%;
    object-fit: fill;
    margin: 0 auto;
}

.pin_overview {
    display: flex;
    padding: 8vw 4vw 0;
    position: relative;
    margin-top: -8vw;
    margin-bottom: 0;
}

    .pin_overview .left {
        width: 30%;
        position: absolute;
        top: 0;
        z-index: 4;
        position: absolute;
        width: 45% !important;
        top: 8vw;
    }

        .pin_overview .left h2 {
            font-size: 2vw;
            color: #B1913A;
            line-height: 1;
        }

    .pin_overview .right {
        width: 80%;
        margin: 0 0 0 auto;
        padding-right: 5vw;
    }

        .pin_overview .right h2 {
            color: #4A4A49;
            font-size: 3.5vw;
            line-height: 1;
            margin-bottom: 3vw;
        }

        .pin_overview .right p {
            font-size: 1.3vw;
            line-height: 1.3;
            font-weight: 300;
            margin-bottom: 1vw;
            width: 65%;
            padding-right: 1vw;
        }

        .pin_overview .right .download_btns {
        }

        .pin_overview .right .download_btns {
        }

.flex_area h2 {
    font-size: 5vw;
    font-weight: 300;
    color: #B1913A;
    line-height: 1;
    font-family: Ubuntu;
}

.pin_overview .right h3 {
    font-size: 3.5vw;
    line-height: 1;
}

.black_btns {
    margin: 5vw 0;
    display: flex;
}

    .black_btns .danah-btns a {
        z-index: 2;
        color: #4A4A49;
        display: flex;
        align-items: center;
        grid-gap: .5vw;
    }

        .black_btns .danah-btns a:hover {
            color: #fff;
        }

        .black_btns .danah-btns a svg {
            fill: #B1913A;
            transition: all .6s ease-in-out;
        }

        .black_btns .danah-btns a:hover svg {
            fill: #fff;
        }

.fashion_sec {
    margin: 12vw 0 10vw 4vw;
}

    .fashion_sec .btn_ajct {
        height: auto;
        top: -4vw;
        width: 98%;
    }

    .fashion_sec .swiper {
        overflow: initial !important;
    }

.fashionSwiper .swiper-slide {
    align-items: start;
    display: initial;
}

    .fashionSwiper .swiper-slide p {
        width: 60%;
        line-height: 1.2;
    }

.keyplan_sec {
    padding: 0 4vw 14vw;
}

    .keyplan_sec .keyplanSwiper {
        height: auto;
    }

        .keyplan_sec .keyplanSwiper .swiper-slide {
            align-items: initial;
            text-align: start;
        }

            .keyplan_sec .keyplanSwiper .swiper-slide .info_text {
                display: flex;
                position: relative;
                grid-gap: 10vw;
            }

                .keyplan_sec .keyplanSwiper .swiper-slide .info_text .left {
                    width: 40%;
                }

                    .keyplan_sec .keyplanSwiper .swiper-slide .info_text .left h3 {
                        color: #B1913A;
                        font-size: 1.8vw;
                        line-height: 1;
                        margin-bottom: 1vw;
                    }

                    .keyplan_sec .keyplanSwiper .swiper-slide .info_text .left h2 {
                        font-size: 3vw;
                        line-height: 1;
                        margin-bottom: 2vw;
                    }

                    .keyplan_sec .keyplanSwiper .swiper-slide .info_text .left p {
                        font-size: 1.3vw;
                        line-height: 1.2;
                        font-weight: 300;
                        width: 55%;
                    }

                .keyplan_sec .keyplanSwiper .swiper-slide .info_text .right {
                    width: 60%;
                }

                    .keyplan_sec .keyplanSwiper .swiper-slide .info_text .right .img {
                    }

                        .keyplan_sec .keyplanSwiper .swiper-slide .info_text .right .img img {
                        }

.keyplanSwiper .swiper-slide {
    opacity: 0 !important;
    transition: opacity 800ms ease;
}

.keyplanSwiper .swiper-slide-active,
.keyplanSwiper .swiper-slide-duplicate-active {
    opacity: 1 !important;
}

.keyplanSwiper .info_text .left h3,
.keyplanSwiper .info_text .left h2,
.keyplanSwiper .info_text .left p {
    opacity: 0;
    transform: translateY(20px);
    transition: none;
}

.keyplanSwiper .info_text .right .img {
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.8s ease 0.6s, transform 0.8s ease 0.6s; /* Start after text animations */
}

.keyplanSwiper .swiper-slide-active .info_text .right .img {
    opacity: 1;
    transform: scale(1);
}

.keyplanSwiper .info_text .right .img {
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s;
}

.keyplanSwiper .swiper-slide-active .info_text .right .img {
    opacity: 1;
    transform: scale(1);
}

.main_leasing_sec {
    background: #4A4A49;
    padding: 0 4vw;
}

.leasing_sec {
    display: flex;
}

    .leasing_sec .left {
        height: 100%;
    }

    .leasing_sec .cancel_sec {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .leasing_sec .cancel_sec ul {
        }

            .leasing_sec .cancel_sec ul li {
                margin-bottom: 1vw;
            }

                .leasing_sec .cancel_sec ul li a {
                    color: #B1913A;
                    line-height: 1;
                    font-size: 1.3vw;
                }

    .leasing_sec .right {
    }

    .leasing_sec .right {
        width: 75%;
        padding-top: 9vw;
    }

        .leasing_sec .right .img img {
            width: 100%;
        }

.formSwiper .swiper-wrapper .swiper-slide > h2 {
    color: #fff;
    font-size: 3.5vw;
    line-height: 1;
    margin-bottom: 1vw;
}

.leasing_sec .formSwiper {
    height: auto;
    z-index: 2;
}

.formSwiper .swiper-wrapper .swiper-slide {
    display: initial;
    justify-content: initial;
    text-align: start;
}

.cancel_btn a {
    color: rgba(255, 255, 255, .4);
    font-size: 1.3vw;
    line-height: 1;
    display: flex;
    align-items: center;
    grid-gap: 1vw;
}

    .cancel_btn a svg {
    }

.new_left {
    width: 25%;
    position: relative;
}

.formSwiper .swiper-wrapper .swiper-slide > p {
    color: #fff;
    font-size: 1.3vw;
    line-height: 1.2;
    margin-bottom: 2vw;
    font-weight: 300;
    width: 40%;
}

.cancel_key .gate_number {
    grid-template-columns: repeat(4, 1fr);
    padding: 0;
    position: relative;
}

    .cancel_key .gate_number p {
        color: #fff;
    }



.leasing_sec .right .img {
    margin-bottom: 2vw;
}

.leasing_sec .cancel_sec > div {
    margin-bottom: 25vw;
}

.cancel_btn a:hover {
    color: #fff;
}

.cancel_btn a svg {
    fill: #B1913A;
    transition: all .6s ease-in-out;
}

.cancel_btn a:hover svg {
    fill: #fff;
    transform: scale(1.1);
}

.main_leasing_sec .cancel_key > h3 {
    color: rgba(255, 255, 255, 0.28);
    font-size: 1.8vw;
    font-weight: 400;
    margin-bottom: 3vw;
    line-height: 1;
}

.formSwiper .property-card:before {
    display: none;
}

.main_leasing_sec .property-card p {
    margin-bottom: 2vw;
}

.main_leasing_sec .property-card h3 {
    color: #fff;
    margin-bottom: 0;
}

.main_leasing_sec .property-card p {
    color: #fff;
}

.cancel_key {
    width: 75%;
    margin: 0 0 0 auto;
}

    .cancel_key .card-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

/* .cancel_key .card-grid .property-card {
            max-width: max-content;
        } */

.cancel_sec .linebar::before {
    left: 10%;
}

.leasing_sec .cancel_sec ul li.active a,
.leasing_sec .cancel_sec ul li a:hover {
    color: rgba(177, 145, 58, .4);
}

.cancel_key .card-grid .property-card .img img:hover {
    transform: scale(1.1);
}

.cancel_key .card-grid .property-card .img {
    overflow: hidden;
}

    .cancel_key .card-grid .property-card .img img {
        transition: all .6s ease-in-out;
    }

.court_sec .renewable_main {
    padding: 0;
    margin: 0;
}

.renewable_main .tabs-main {
    width: 100%;
}

.court_sec .media-sorting {
    padding: 0 0 4vw;
}

.court_sec {
    background: #FDF5E7;
    padding: 0 4vw;
}

    .court_sec > h2 {
        font-size: 3vw;
        line-height: 1;
        margin-bottom: 2vw;
    }

.paim_bottom {
}

    .paim_bottom .paim {
        display: flex;
        justify-content: space-between;
        border-bottom: solid 1px rgba(74, 74, 73, 0.4);
        padding: 14px;
    }

        .paim_bottom .paim p {
            color: rgba(74, 74, 73, 0.4);
            font-size: 1.2vw;
            font-weight: 300;
        }

        .paim_bottom .paim h2 {
            color: rgba(74, 74, 73, 0.4);
            font-size: 2vw;
            font-weight: 300;
        }

            .paim_bottom .paim h2 .number {
                display: flex;
                align-items: center;
            }

                .paim_bottom .paim h2 .number span {
                }

        .paim_bottom .paim:first-child {
            border-top: solid 1px rgba(74, 74, 73, 0.4);
        }

.paim_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
}

.black_btns .danah-btns a::after,
.black_btns .danah-btns button::after {
    background: #4A4A49 !important;
}

.court_sec .renewable_main .masonry {
    margin: 0;
}

.registration_sec {
    display: flex;
}

    .registration_sec .right {
        width: 80%;
    }

        .registration_sec .right .head {
            width: 80%;
        }

        .registration_sec .right h2 {
            font-size: 3.8vw;
            color: #B1913A;
            line-height: 1;
            margin-bottom: 2vw;
        }

        .registration_sec .right p {
            font-size: 1.3vw;
            color: #FFFFFF;
            line-height: 1.3;
            margin-bottom: 3vw;
            font-weight: 300;
            /* width: 75%; */
        }

        .registration_sec .right > h3 {
            color: rgba(255, 255, 255, 0.28);
            font-size: 1.8vw;
            font-weight: 400;
            margin-bottom: 3vw;
            line-height: 1;
        }

    .registration_sec .left {
        width: 20%;
    }

    .registration_sec .right .card-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

        .registration_sec .right .card-grid .property-card {
            max-width: max-content;
        }

.formSwiper2 .property-card h3,
.centralSwiper .property-card h3,
.villaSwiper .property-card h3 {
    font-size: 2.3vw;
}

.registration_sec .right .paim_btn {
    width: auto;
    justify-content: initial;
}

.project_box {
    display: flex;
    width: 100%;
    padding: 0 4vw;
    grid-gap: 2vw;
}

    .project_box .pro {
        width: 50%;
    }

        .project_box .pro .img {
        }

            .project_box .pro .img img {
                width: 100%;
            }

        .project_box .pro .info h2 {
            color: #7F7F7F;
            text-align: initial;
            font-size: 1.4vw;
            line-height: 1;
            margin-bottom: 1vw;
            font-weight: 500;
        }

        .project_box .pro .info p {
            font-size: 1.1vw;
            color: #B1913A;
            font-weight: 400;
            line-height: 1;
        }

        .project_box .pro > div {
            margin-bottom: 1vw;
        }

.village_sec .itp_sec {
}

    .village_sec .itp_sec .head-sec {
        width: 100%;
    }

.village_sec .itp_sec {
    padding: 0;
    background: transparent;
}

.card-grid2 .property-card p {
    width: auto;
}

.card-grid.card-grid2 .property-card p {
    width: auto;
}

.main_leasing_sec .right .fashion_sec .swiper {
    overflow: hidden !important;
}

.main_leasing_sec .right .fashion_sec {
    margin: 0;
}

.paim_bottom_white .paim:first-child {
    border-top: solid 1px rgba(255, 255, 255, 0.4);
}

.paim_bottom_white .paim {
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}

.paim_bottom_white p,
.paim_bottom_white h2 {
    color: rgba(255, 255, 255, 0.4) !important;
}

.paim_bottom_white .black_btns .danah-btns a::after,
.paim_bottom_white .black_btns .danah-btns button::after {
    background-color: #fff !important;
}

.paim_bottom_white .black_btns .danah-btns a:hover {
    color: #4A4A49;
}

    .paim_bottom_white .black_btns .danah-btns a:hover svg {
        fill: #4A4A49;
    }

.paim_bottom_white .black_btns .danah-btns a {
    color: #fff;
}

.paim_bottom_white {
    width: 85%;
}

    .paim_bottom_white .paim_btn {
        width: 100%;
    }

.canter_swiper .swiper-slide h2 {
    color: #B1913A !important;
}

.canter_swiper .formSwiper .swiper-wrapper .swiper-slide > p {
    margin-bottom: 5vw;
}

.paim_bottom_white .paim h2 {
    color: rgba(255, 255, 255, 0.4) !important;
}

.career_banner {
    height: auto;
}

.timeline-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform 12s linear;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 0;
}

    .timeline-bg-img.active {
        opacity: 1;
        z-index: 1;
    }

.zoom-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    transform: scale(1.1);
}

    .zoom-wrapper.active {
        opacity: 1;
        transform: scale(1);
        z-index: 1;
    }

.timeline-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s ease-in-out;
}

.zoom-wrapper.active .timeline-bg-img {
    transform: scale(1.05);
}

.zoom-wrapper.active .timeline-bg-img {
    transform: scale(1.05) translateY(-1%);
    animation: float 15s infinite ease-in-out;
}

@keyframes float {
    0%, 100% {
        transform: scale(1.05) translateY(-1%);
    }

    50% {
        transform: scale(1.05) translateY(1%);
    }
}

.yellow_btn {
    display: flex;
    grid-gap: 2vw;
}

.main_sl_text .right .yellow_btn .danah-btns {
    visibility: hidden;
}

.main_sl_text.active .right .yellow_btn .danah-btns {
    visibility: visible;
}

.modal {
    overflow: hidden !important;
}

.bedroomSwiper .gate_number {
    padding: 0;
}

.apartmentInfos_main .inner .gate_number {
    padding: 0;
    margin: 0;
}

    .apartmentInfos_main .inner .gate_number .grid:first-child:before {
        display: none;
    }

    .apartmentInfos_main .inner .gate_number p {
        color: #4A4A49;
    }

    .apartmentInfos_main .inner .gate_number h2 {
        color: #B1913A;
    }

.apartmentInfos_main .paim_bottom {
    padding: 0 4vw;
}

.apartmentInfos_main .paim_btn {
    width: 100%;
}

.apartmentInfos_main .bedroomSwiper {
    margin-bottom: 5vw;
}

.bod_sec.member_sec {
    padding-top: 0;
}

.swiper_wrap.for-mobile-tablet {
    display: none;
}

.horizontalScroller__scroll.for-desktop {
    display: block;
}

.solution_wiper .formSwiper .property-card {
    max-width: 100%;
}

.khobarSwiper .gate_number {
    padding: 0;
    grid-template-columns: auto;
}

.centralSwiper .property-card {
    max-width: 100%;
}

.khobarSwiper .gate_number .grid:before {
    background: rgba(255, 255, 255, 0.4);
    left: -20%;
}

.khobarSwiper .gate_number .grid h4 {
    color: #ffff;
    line-height: 1;
}

.partnerSwiper .swiper-wrapper {
    align-items: center;
}

.all_line .btn_new {
    display: none;
}

.main_value .value_sec .right .radio_sec .radio label:before {
    content: "";
    position: absolute;
    border-radius: 50px;
    border: solid 1px rgba(74, 74, 73, 1);
    left: 0;
    transition: all .6s ease-in-out;
    width: 30px;
    height: 30px;
}

/* .main_value .value_sec .right .radio_sec .radio label:hover:before {
    background: #b1913a;
} */

/* .main_value .value_sec .right .radio_sec .radio label:hover:after {
    content: "";
    position: absolute;
    border-radius: 50px;
    background: #b1913a;
    padding: .7vw;
    left: 4px;
    transition: all .6s ease-in-out;
    top: 4px;
} */

.main_slider .swiper-button-next.swiper-button-disabled,
.main_slider .swiper-button-prev.swiper-button-disabled {
    opacity: .35 !important;
}

.main-ch {
    padding: 5vw 4vw;
}

.iso_sec {
    margin-top: 0;
    padding-top: 6vw;
    margin-bottom: 0;
    padding-bottom: 10vw;
}

.tenant-content .right .danah-btns.whitebtn a {
    color: #fff !important;
}

.tenant-content .right .danah-btns a:hover,
.tenant-content .right .danah-btns button:hover {
    color: #fff !important;
}

.tenant-content .right .danah-btns a::after {
    background-color: #B1913A !important;
}

.tenant-content .right .danah-btns.whitebtn a svg {
    fill: #B1913A;
    transition: all .6s ease-in-out;
}

.tenant-content .right .danah-btns.whitebtn a:hover svg {
    fill: #fff;
}

.property-section .tac p {
    margin: 0 auto 20px;
}

.bedroomSwiper .swiper-slide {
    display: initial;
}

.leasing-form .form-group.fdr .sqm input {
    padding-right: 3vw;
}

.project_leasingBox::before {
    display: none;
}

.foun_text {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 4vw;
    width: 100%;
    padding-right: 4vw;
}

    .foun_text h2 {
        font-size: 5vw;
        line-height: 1;
        color: #B1913A;
        font-weight: 500;
        margin-bottom: 1vw;
    }

    .foun_text h3 {
        font-size: 2.5vw;
        color: #fff;
        margin-bottom: 1vw;
        line-height: 1;
    }

    .foun_text p {
        color: #fff;
        font-size: 1.8vw;
        font-weight: 300;
        width: 33%;
        line-height: 1.3;
        margin-bottom: 2vw;
    }

.header.inner-header .right .search-main > .search a.active svg {
    opacity: 0;
}

.all_line.valueSwiperMain {
    position: relative;
    overflow: unset;
}

    .all_line.valueSwiperMain:before {
        content: '';
        position: absolute;
        top: 19%;
        width: 6%;
        left: -6.5%;
        background: #b1913a;
        height: 1px;
    }

.map-container {
    min-height: 100vh;
    position: relative;
}

.time_line_sec {
    margin-top: -2px;
}

.year-label {
    font-size: 1.7vw;
    top: -1.5vw;
    line-height: 1;
    white-space: nowrap;
}

.year-marker:last-child .year-label {
    white-space: normal;
    top: -1.5vw;
}

.time_line_sec .img img {
    width: 100%;
    filter: brightness(0.5);
}

.valueSwiper .line {
    overflow: visible !important;
}

.overview_sec {
    position: relative;
    top: -2px;
}

label.error {
    font-size: 14px;
    color: red;
    padding-top: 5px;
    position: absolute;
    bottom: -25px;
    width: 100%;
    left: 0;
}

.mySwiper2 .swiper-slide video {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.leasing_sec .right .vid-box {
    position: relative;
    padding-top: 47.27%;
}

    .leasing_sec .right .vid-box video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.glodClose svg {
    fill: #B1913A !important;
}

.paim_bottom {
    padding-top: 100px;
}

.selectMenu {
    position: relative;
    z-index: 5
}

.textarea_div {
    position: relative;
    z-index: 2
}

.cancel_key .gate_number {
    grid-gap: 3vw;
}

    .cancel_key .gate_number .grid h2 {
        font-size: 2.8vw;
    }

.form-group > .inputs {
    position: relative;
}

.newsSwiper .bg_news {
    height: 60%;
    overflow: hidden;
}

.khobarSwiper {
    height: auto
}

    .khobarSwiper > .head {
        width: 80%;
    }

        .khobarSwiper > .head h2 {
            font-size: 3.8vw;
            color: #B1913A;
            line-height: 1;
            margin-bottom: 2vw;
        }

        .khobarSwiper > .head p {
            font-size: 1.3vw;
            color: #FFFFFF;
            line-height: 1.3;
            margin-bottom: 3vw;
            font-weight: 300;
            width: 75%;
        }

    .khobarSwiper .btn_new {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
    }

        .khobarSwiper .btn_new .swiper-button-next,
        .khobarSwiper .btn_new .swiper-button-prev {
            position: relative;
            top: 0;
            right: 0;
            left: 0;
            margin: 0;
            padding: 0;
        }

            .khobarSwiper .btn_new .swiper-button-next svg,
            .khobarSwiper .btn_new .swiper-button-prev svg {
                width: 25px;
            }

            .khobarSwiper .btn_new .swiper-button-next.swiper-button-disabled svg,
            .khobarSwiper .btn_new .swiper-button-prev.swiper-button-disabled svg {
                opacity: .35;
            }

.main_banner .top_info .left h2 {
    position: relative;
    left: -7px;
}

.year-marker.active::before {
    transform: scale(1.8);
}

.timeline-track {
    width: 97%;
}

.timeline-content h3 {
    position: relative;
    left: -4px;
}

.year-marker.active .year-label {
    /* font-size: 1.2vw; */
    text-shadow: .7px .7px 0 #fff
}

.year-marker::before {
    margin: 17px auto 0;
}

.lead_banner {
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
}

.main_banner.award_banner {
    height: auto;
    margin: 0 0 8vw;
}

.sticky_sec > div ul {
    width: 100%;
    justify-content: center;
    gap: 3.5vw;
}

.pin_sec.pin_sec2 .text {
    z-index: -1;
}

.career_banner .main_head {
    padding-top: 5.5%;
}

.gallery_text ul li:first-child {
    color: rgba(177, 145, 58, 1);
    text-shadow: .7px .7px 0 rgba(177, 145, 58, 1);
}

.gallery_text ul li {
    color: rgba(255, 255, 255, .5);
}

.renewable-grid .card.active .card-content .gallery_text ul li {
    color: rgba(177, 145, 58, .7);
}

.gallery_text ul li:before {
    top: 7px;
}

.property-card h5 a {
    font-weight: 700;
    color: #B1913A;
    display: flex;
    transition: all .6s ease-in-out;
    align-items: center;
    line-height: 1;
    grid-gap: 1vw;
}

    .property-card h5 a svg path {
        transition: all .6s ease-in-out;
        stroke: #B1913A !important;
    }

    .property-card h5 a:hover {
        color: #fff;
    }

        .property-card h5 a:hover svg path {
            stroke: #fff !important;
        }

.partnerSwiper .swiper-wrapper {
    align-items: flex-start;
}

.partner_sec .partnerSwiper .swiper-slide .img {
    cursor: pointer;
}

.partner_sec .partnerSwiper .swiper-slide .img {
    position: relative;
}

.partner_sec .partnerSwiper .swiper-slide:hover .zoomicon {
    opacity: 1;
}

.area_info .img {
    width: 30%;
}

.area_info video {
    width: 120px;
    height: 100%;
    object-fit: cover;
}

.newsItem {
    display: none !important;
}

    .newsItem.show {
        display: inline-block !important;
    }

.commercila_text .left h2 {
    margin-bottom: 20px;
}

/* .page-our-commitment .partner_sec .swiper-slide .img img {
    width: auto;
} */

.page-al-rashid-mall .pin_img {
    background: transparent;
}

.inner-header-hover .right .contact_btn a {
    background: #4a4a49;
    color: #fff;
}

.page-facility-mgt .pin_sec .text {
    width: 75%;
}

    .page-facility-mgt .pin_sec .text p {
        width: 85%;
        line-height: 1.5;
    }

.page-news .property-card p {
    width: 86%;
    min-height: auto;
}

.page-residential .danah-btns {
    margin-bottom: 0;
}

.page-al-rashid-tower .pin_img {
    background: transparent;
}

.page-sectors .main_banner .top_info .right p {
    font-size: 1vw;
    line-height: 1.6vw;
}

.page-awards-recognitions .bod_sec .head h3 {
    font-size: 2vw;
}

.page-our-commitment .partnerSwiper .swiper-wrapper {
    align-items: center;
}

.page-leasing.modal-open .gate_number .grid h2 {
    font-size: 4vw;
}

.gate_number .grid:last-child:before {
    display: none;
}

.page-leasing .property-card h3 {
    min-height: auto;
}

    .page-leasing .property-card h3 p {
        margin: 0;
    }

.property-card h5 {
    position: absolute;
    bottom: 0;
}

.page-al-nada-village .pin_img {
    background: transparent;
}

.property-card h3 p {
    font-size: 1.65vw;
    margin: 0 0 2vw;
    font-weight: 500;
    line-height: 1.2;
    min-height: 100px;
}

#model3 .property-card h3 > p {
    min-height: auto;
}

.modalSwiper .swiper-slide {
    height: auto;
}

.canterSwiper {
    width: 100% !important;
}

.central_region_detail_main.mainSubSubSubClass000 {
    padding: 5vw 0;
}

    .central_region_detail_main.mainSubSubSubClass000 .khobarSwiper {
        width: 90%;
        margin: 0;
    }

.viewFullMap {
    position: absolute;
    top: 3vw;
    left: 3vw;
    z-index: -1;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all .7s ease;
    opacity: 0;
    visibility: hidden;
}

    .viewFullMap.show {
        opacity: 1;
        visibility: visible;
        z-index: 2
    }

    .viewFullMap svg {
        width: 30px;
    }

    .viewFullMap:hover {
        color: #B1913A
    }

.region-div {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .7s ease;
    text-align: center;
}
    /* .region-div.eastern {
    right: 2%;
    top: 17%;
} */

    /* .region-div.western {
  width: 21%;
  left: 21%;
  top: 55%;
  text-align: center;
} */


    .region-div.central img {
        width: 50%;
        height: 100%;
    }


    .region-div.open {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 10;
        opacity: 1;
        visibility: visible;
    }

    .region-div.western {
        display: flex;
        justify-content: center;
    }

        .region-div.western img {
            width: 40%;
            height: 100%;
        }

    .region-div.eastern img {
        width: 60%;
        height: 100%;
    }

.card-grid-new .property-card h3 p {
    font-size: 2.5vw;
    min-height: auto;
}

.image_effect .card img {
    filter: brightness(0.8);
}

.leasing_sec .right .vid-box video {
    filter: brightness(0.7);
}

.leasing_sec .right .vid-box {
    margin-bottom: 50px;
}

    .leasing_sec .right .vid-box .playBtn {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90px;
        height: 90px;
        background-color: rgba(177, 145, 58, .5);
        transition: all .7s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        padding-left: 6px;
    }

        .leasing_sec .right .vid-box .playBtn svg {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 30px;
            transform: translate(-50%, -50%);
            fill: rgba(255, 255, 255, .5);
            transition: all .7s ease;
            opacity: 0;
        }

            .leasing_sec .right .vid-box .playBtn svg.videoPlay {
                opacity: 1;
                left: 53%;
            }

            .leasing_sec .right .vid-box .playBtn svg.videoPause {
                opacity: 0;
            }

        .leasing_sec .right .vid-box .playBtn.playing svg.videoPlay {
            opacity: 0;
        }

        .leasing_sec .right .vid-box .playBtn.playing svg.videoPause {
            opacity: 1;
        }

        .leasing_sec .right .vid-box .playBtn.playing {
            opacity: 0;
        }

    .leasing_sec .right .vid-box:hover .playBtn {
        background-color: rgba(177, 145, 58, 1);
    }

        .leasing_sec .right .vid-box:hover .playBtn svg {
            fill: rgba(255, 255, 255, 1)
        }

        .leasing_sec .right .vid-box:hover .playBtn.playing {
            opacity: 1;
        }

.showResidential_intersest svg,
.showCommercialInterest svg,
.showYourInterest svg {
    display: none;
}

.image_effect .card:hover .gallery_text ul li {
    color: rgba(177, 145, 58, .7);
}

.pin_sec .pin_img {
    background: none !important;
}

.gate_number.gateNumberSwiper_main {
    display: inherit;
}

.gateNumberSwiper .swiper-slide:first-child .grid {
    padding-left: 0;
}

.gateNumberSwiper .grid {
    width: 100%;
    position: relative;
    padding: 0 3vw;
}

    .gateNumberSwiper .grid::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 100px;
        width: 1px;
        background: rgba(74, 74, 73, 0.4);
        z-index: 1;
    }

.gate_number.gateNumberSwiper_main2 {
    display: inherit;
}

.gateNumberSwiper2 .swiper-slide:first-child .grid {
    padding-left: 0;
}

.gateNumberSwiper2 .grid {
    width: 100%;
    position: relative;
    padding: 0 3vw;
}

    .gateNumberSwiper2 .grid::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 100px;
        width: 1px;
        background: rgba(255, 255, 255, 0.4);
        z-index: 1;
    }

.partner_sec .partnerSwiper .swiper-slide {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .partner_sec .partnerSwiper .swiper-slide .img {
        margin: 0;
    }

#wpp-fix {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 12;
}

    #wpp-fix .wpp-link {
        transition: all 0.3s ease-in-out;
        background: #25D366;
        display: flex;
        z-index: 2;
        position: relative;
        padding: 15px;
        border: none;
        cursor: pointer;
        border-radius: 50%;
        box-shadow: 0px 3px 10px rgba(37, 211, 102, 0.56);
        transform: scale(1);
        width: 60px;
        height: 60px;
    }

    #wpp-fix svg {
        width: initial;
        display: block;
        height: 30px;
        width: 50px;
        fill: #fff;
        transition: all .6s ease-in-out;
    }

    #wpp-fix .wpp-link:hover {
        transform: scale(1.05);
        background: #1da851;
    }

.page-sectors .image_effect2 .card {
    padding: 3vw 3vw 3vw;
}

.area_info .img {
    width: 80px !important;
}

.area_info h3 {
    flex: 1;
}

.leasingMdoalGallery {
    background: rgba(0,0,0,.5);
}

.image_effect2 .card:hover h2 > p {
    color: #fff;
}

.detail_banner img.full {
    filter: brightness(0.5);
}

.area_info {
    grid-gap: 1.5vw;
}

.image_effect .card img {
    filter: brightness(0.6);
}

.flex_area h2 {
    font-size: 2.3vw;
    font-weight: 400;
}

    .flex_area h2 .number {
        display: flex;
    }

.leasing-bar {
    position: fixed;
    left: 0;
    bottom: -100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 8px 20px;
    font-size: 15px;
    color: #333;
    z-index: 8;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    height: 70px;
}

    .leasing-bar.show {
        bottom: 0;
        opacity: 1;
        visibility: visible;
    }

    .leasing-bar .leasing-text {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3vw;
        font-weight: 500;
        color: #4A4A49;
        gap: 10px;
    }

        .leasing-bar .leasing-text a {
            color: #B1913A;
            transition: all .7s ease;
            position: relative;
            padding-bottom: 0;
        }

            .leasing-bar .leasing-text a::before {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
                background-color: #B1913A;
            }

            .leasing-bar .leasing-text a:hover {
                color: #4A4A49;
            }


.whatsapp-chat {
    display: flex;
    align-items: center;
    gap: 15px;
    right: 3vw;
    top: 10px;
    position: absolute;
}

    .whatsapp-chat span {
        color: #555;
        font-size: 14px;
        font-weight: 500;
    }

    .whatsapp-chat a {
        width: 50px;
    }

.whatsapp-btn img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: transform 0.4s ease;
}

    .whatsapp-btn img:hover {
        transform: scale(1.05);
    }

.gate_number.first_number_row {
    grid-template-columns: repeat(3, 1fr);
    width: 60%;
    margin: 0 auto 50px;
}

.gridLinebar {
    grid-gap: 4vw;
}

    .gridLinebar .grid {
        position: relative;
        padding-right: 4vw;
        width: 100%;
    }

.gate_number.first_number_row .grid {
    width: 100%;
    position: relative;
}

    .gate_number.first_number_row .grid:last-child {
        padding-right: 0;
    }

.gridLinebar .grid:last-child::after {
    display: none;
}

.gridLinebar .grid::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100px;
    width: 1px;
    background: rgba(74, 74, 73, 0.4);
    z-index: 1;
}

.second_number_row .grid p {
    font-size: 1.1vw;
}

.gridLinebar .grid h2 .number {
    width: 100%;
    text-align: center;
    justify-content: center;
}

.gridLinebar .grid p {
    text-align: center;
}

.showDesktop {
    display: block;
}

.showMobile {
    display: none;
}

/*.pattern-outside {
    height: 100%;
}

    .pattern-outside img {
        object-fit: cover;
        height: 100%;
    }*/

.achieving_sec_new .horizontalScroller__scroll {
    height: auto;
}

.keyFactAchievingSwiper .swiper-slide {
    height: auto !important;
}

.keyFactAchievingSwiper .flex_area {
    width: 100%;
    flex-direction: row-reverse;
    gap: 1.5vw;
}

.keyFactAchievingSwiper .area_info {
    flex-direction: row-reverse;
    flex: 1;
}

.contact-banner.media-banner img {
    filter: brightness(0.5);
}

.page-aboutus .main_banner .img img {
    filter: brightness(0.5);
}

.timeline-content h3 span {
    color: #fff;
}

.year-marker:last-child:before {
    width: 24px;
    height: 24px;
    margin: 9px auto 0;
    border: 1px solid rgba(144, 132, 101, 1);
}

.year-marker:last-child:after {
    content: '...';
    position: absolute;
    top: 3px;
    left: 3px;
    color: rgba(177, 145, 58, 1);
    width: 100%;
    height: 100%;
    font-size: 22px;
    line-height: 1;
}

.year-marker.active:last-child::before {
    transform: scale(1.4);
}

.year-marker:last-child .year-label {
    left: 50%;
}

.timeline-content h3 {
    font-size: 2.9vw;
    margin-bottom: 1.8vw;
}

.timeline-content p {
    font-size: 1.2vw;
}

.page-home .gateNumberSwiper_main {
    margin: 8vw 0;
}

.time_line_sec {
    overflow: hidden;
}

iframe {
    width: 100%;
    height: 100%;
}

.customNextPrev .next,
.customNextPrev .prev {
    display: flex;
    align-items: center;
    gap: 1.5vw;
    font-size: 1.4vw;
    color: rgba(255, 255, 255, .4);
    transition: all .7s ease;
}

    .customNextPrev .next:hover,
    .customNextPrev .prev:hover {
        color: rgba(255, 255, 255, 1);
    }

.detailsBtns {
    align-items: end;
}

    .detailsBtns .gold a {
        color: rgba(177, 145, 58, 1);
    }

        .detailsBtns .gold a::after,
        .detailsBtns .gold button::after {
            background: rgba(177, 145, 58, 1) !important;
        }

.leasingMdoalGallery {
    z-index: 1060;
}

.partnerSwiper .swiper-wrapper {
    align-items: center;
}

.page-leasing.modal-open .gate_number .grid h2 {
    font-size: 3vw;
}

.apartmentInfos_main .court_sec,
.central_region_detail_main .court_sec {
    padding-top: 0;
    padding-left: 0;
}


.foun_text {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 4vw;
    width: 100%;
    padding-right: 4vw;
}

    .foun_text h2 {
        font-size: 9vw;
        line-height: 1;
        color: #B1913A;
        font-weight: 500;
        margin-bottom: 2vw;
    }

    .foun_text h3 {
        font-size: 2.5vw;
        color: #fff;
        margin-bottom: 1vw;
        line-height: 1;
    }

    .foun_text p {
        color: #fff;
        font-size: 1.2vw;
        font-weight: 300;
        width: 25%;
        line-height: 1.3;
        margin-bottom: 5vw;
    }

.error_banner {
    height: auto;
}

.policy_sec {
    padding: 0 7vw;
    position: relative;
    margin-bottom: 5vw;
}

    .policy_sec .left {
        position: absolute;
        top: 0;
        padding-top: 3vw;
    }

        .policy_sec .left ul {
        }

            .policy_sec .left ul li {
                font-size: 1vw;
                margin-bottom: 20px;
                font-family: arial;
                line-height: 1;
            }

                .policy_sec .left ul li a {
                    color: #4A4A49;
                    transition: all .7s ease;
                    font-size: 20px;
                }

                    .policy_sec .left ul li a:hover,
                    .policy_sec .left ul li.active a {
                        color: #B1913A;
                    }

    .policy_sec .right {
        width: 65%;
        margin-left: auto;
        padding-top: 3vw;
    }

        .policy_sec .right > .info {
            margin-bottom: 5vw;
        }

        .policy_sec .right .info h2 {
            font-size: 2vw;
            line-height: 1;
            font-family: arial;
            margin-bottom: 2vw;
        }

        .policy_sec .right .info p {
            font-size: 1.3vw;
            font-family: arial;
            line-height: 1.1;
        }

        .policy_sec .right .info:last-child {
            margin: 0;
        }

        .policy_sec .right h3 {
            color: #B1913A;
            font-size: 1.3vw;
        }

.page-privacy-policy .contact-banner {
    margin-bottom: 7vw;
}


--css--
/* faq holder */
.faqs-holder {
    padding: 2vw 0 0 0;
}

.faqs-holder ul {
    padding: 0;
    list-style: none;
}

    .faqs-holder ul li {
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 10%);
        padding: 0 0 2vw;
        margin: 0 0 2vw;
    }

        .faqs-holder ul li:last-child {
            border: 0;
        }

        .faqs-holder ul li h3 {
            position: relative;
            cursor: pointer;
            font-weight: 500;
            color: #193F35;
            margin: 0;
            padding: 0 0vw 0 0;
            font-size: 20px;
            line-height: 28px;
            padding-right: 2vw;
        }

            .faqs-holder ul li h3 .plus {
                position: absolute;
                top: 10px;
                right: 0;
                width: 16px;
                height: 40px;
                z-index: 1;
                display: flex;
                flex-direction: column;
                /* justify-content: center; */
                align-items: center;
            }

                .faqs-holder ul li h3 .plus span {
                    background: rgba(25, 63, 53, 1);
                    width: 17px;
                    height: 1px;
                    display: block;
                    transition: all .5s ease;
                    margin: 0px 0 0;
                }

                    .faqs-holder ul li h3 .plus span:last-child {
                        transform: rotate(90deg);
                    }

            .faqs-holder ul li h3 svg {
                fill: #2C2826;
                transition: all .2s ease-in-out;
                position: relative;
                right: 0px;
            }

        .faqs-holder ul li.active h3 .plus span:last-child {
            transform: rotate(0);
        }

        .faqs-holder ul li .content {
            padding: 20px 1vw 0vw 0;
            font-size: 16px;
            line-height: 24px;
            color: #A8A8AA;
        }

        .faqs-holder ul li .pf_sec {
            display: grid;
            justify-content: space-between;
            grid-template-columns: repeat(2, 1fr);
            margin: auto;
            grid-gap: 2vw 0vw;
            margin-top: 1vw;
        }

            .faqs-holder ul li .pf_sec .new_icon {
                display: flex;
                align-items: center;
            }

                .faqs-holder ul li .pf_sec .new_icon h2 {
                    position: relative;
                    padding: 0;
                    padding-bottom: 0;
                    color: #333333;
                    font-size: 26px;
                    font-weight: 300;
                }

        .faqs-holder ul li .img {
            margin: 0 0 30px;
        }

        .faqs-holder ul li .new_icon img {
            /width: 100%;
            / margin-right: 10px;
        }

        .faqs-holder ul li .new_icon p {
            margin: 0 0 20px;
            font-size: 26px;
            line-height: 1;
        }



style.css /jobs/
.main_head.job {
    text-align: left;
}

.job_new {
    margin-top: 0 !important;
}

.pin_overview2.job_new .right {
    width: 76%;
}

.job-card {
    margin-bottom: 5vw;
}

    .job-card .job-location,
    .job-card .job-type {
        font-size: 1.2vw;
        margin-bottom: 15px;
        display: block;
    }

    .job-card h3 {
        font-size: 2vw;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .job-card .job-type {
        color: #B1913A;
    }

.pin_overview2 .job-card > p {
    font-weight: 400 !important;
}

.pin_overview2 .job-card .danah-btns {
    gap: 10px
}

.perfect-macth {
    background: rgba(253, 245, 231, 1);
}

    .perfect-macth h2 {
        padding: 20px 0;
    }

.pin_sec .text p a {
    color: #7F7F7F;
    transition: all .5s ease;
}

    .pin_sec .text p a:hover {
        color: #B1913A;
    }

.policy_sec .right .info p a {
    color: #B1913A;
    transition: all .7s ease;
}

    .policy_sec .right .info p a:hover {
        color: #4A4A49;
    }

.policy_sec .right .info > ul {
    list-style-type: disc;
    /* list-style-position: inside; */
    width: 100%;
    padding-left: 30px;
}

.policy_sec .right .info ul li::marker {
    color: #B1913A;
}

.policy_sec .right .info > ul > li {
    margin-bottom: 20px;
}

.policy_sec .left {
    width: 25%;
}

    .policy_sec .left ul li {
        margin-bottom: 17px;
    }

        .policy_sec .left ul li a {
            line-height: 1.3;
        }

.policy_sec .right .info p {
    line-height: 1.3;
    color: #4A4A49;
}

.policy_sec .faqs-main.right > .info {
    margin-bottom: 0;
}

.faqs-holder ul li h3 {
    font-size: 1.4vw !important;
}

.page-faq .contact-banner {
    margin-bottom: 6vw;
}

.partnerSwiper .swiper-slide p {
    line-height: 1.2;
}

.page-awards-recognitions .partner_sec .partnerSwiper .swiper-slide .img {
    margin: 0 0 15px;
}

#model3 .formSwiper .swiper-wrapper .swiper-slide {
    height: auto;
}

.solution_wiper .formSwiper .property-card {
    height: 100%;
    margin-bottom: 0;
}

.news-banner img {
    filter: brightness(0.5);
}

.page-home .news_sec {
    margin-bottom: 0
}

/* job-detail-banner */
.job-detail-banner {
    height: auto;
    padding: 15.5vw 0 7vw;
}

    .job-detail-banner .main_head {
        position: relative;
        margin: 0 auto;
        width: 72%;
        padding-left: 0;
    }

        .job-detail-banner .main_head h3 {
            color: #4a4a49;
        }

        .job-detail-banner .main_head h2 {
            color: #4a4a49;
            margin-bottom: 3vw;
            font-size: 3.9vw;
        }

.main_banner.job-detail-banner {
    background: #fdf5e7;
}


.back_job {
    margin-bottom: 2.5vw;
}

    .back_job a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        grid-gap: 1vw;
        text-transform: capitalize;
        font-size: 1.5vw;
        color: #4a4a49;
    }

.job_description_wrapper {
    padding: 7vw 0;
    position: relative;
    margin: 0 auto;
    width: 72%;
}

    .job_description_wrapper h3 {
        font-size: 2.3vw;
        color: #b1913a;
        font-weight: 700;
        margin-bottom: 40px;
        line-height: 1.3;
    }

.role_containr p {
    font-size: 1.75vw;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 20px;
}

.role_containr ul li {
    list-style: disc;
    font-size: 1.75vw;
    font-weight: 300;
    margin-bottom: 5px;
    line-height: 1.3;
    margin-left: 40px;
}

.job_role {
    margin-bottom: 2vw;
}

p.list_description {
    margin-bottom: 40px;
}

.role_containr ul {
    margin-bottom: 60px;
}

.job-detail-banner .main_head {
    text-align: left;
}

.list_location {
    margin-bottom: 5px !important;
}

.role_containr p strong {
    font-weight: 400;
}

.page-jobs .contact-banner.ofh {
    margin-bottom: 0;
}

.page-jobs .pin_overview2 .right p {
    width: 100%
}

.image_effect .card{
    cursor: default;
}
/* .page-new-projects .image_effect .card,
.page-careers .image_effect .card,
.page-sectors .image_effect .card{
    cursor: default;
} */