.section_investors-map.is-second {
    z-index: 97
}

.map-container {
    /* background-color: var(--background-color--background-primary); */
    /* background: radial-gradient(circle, rgba(180,180,180,1) 0%, rgba(40,40,40,1) 100%); */
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    /* transition: all 1s ease; */
}

.map-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(180,180,180,1) 0%, rgba(40,40,40,1) 100%);
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

.map-screen-1, .map-screen-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 55rem;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0% auto
}

.map-screen-3 {
    opacity: 0;
    justify-content: flex-start;
    align-items: end;
    width: 385px;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0 !important;
    inset: 0% auto;
    padding: 0 0 56px 56px;
}

.map_image {
    width: 100%;
    height: 100%;
    position: absolute
}

    .map_image.first-map {
        height: auto
    }

    .map_image.first-location {
        opacity: 0
    }

        .map_image.first-location.mobile-portrait {
            display: none
        }

    .map_image.second-map {
        opacity: 0;
        height: auto
    }

    .map_image.second-location1 {
        opacity: 0
    }

    .map_image.second-location2 {
        opacity: 0
    }


    .map_image.second-location3 {
        opacity: 0
    }


    .map_image.second-location4 {
        opacity: 0
    }

.map-container:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(180,180,180,1) 0%, rgba(40,40,40,1) 100%);
}

.map_component {
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0
}

.header.scrollY {
    transform: translateY(-100%);
}

.map-screen-3 .card {
    border: 1px solid #C8C8C8;
    border-radius: 5px;
    color: white;
    overflow: hidden;
    position: relative;
    background: transparent;
    padding: 3vw 1.5vw 1.5vw;
    grid-gap: 1vw;
    width: 100%;
    animation: fadeIn 1s ease 1 forwards;
    display: none;
    opacity: 0;
    transform: translateY(15px);
}

    .map-screen-3 .card.active {
        display: block;
    }

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

.map-screen-3 .card-img {
    width: 100%;
    object-fit: cover;
}

.map-screen-3 .map-screen-3 .card-content {
    padding: 15px;
}

.map_sec {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    padding: 5vw 3.5vw 5vw;
    width: 100%;
    height: 100%;
}

    .map_sec .left {
        display: flex;
        flex-direction: column;
        justify-content: end;
        height: 100%;
    }

    .map_sec .right {
        width: 40%;
    }

.map-screen-3 .category {
    color: #b49c5c;
    font-size: 18px;
    margin-bottom: 1vw;
}

.filter-container {
    display: flex;
    gap: 40px;
}

.card-content h2 {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 3vw;
}

.map-screen-3 .card img {
    width: 100%;
}

.card-content a {
    font-size: 19px;
    font-weight: bold;
    margin-right: 2vw;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding-bottom: 5px;
}

    .card-content a:before {
        content: "";
        width: 100%;
        display: block;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
    }

.map-screen-3 .card a img {
    width: auto;
}

.map-screen-3 .card > a {
    position: absolute;
    right: 1vw;
    top: 10px;
}

.dot {
    width: 40px;
    height: 40px;
    background: rgba(177,145,58,.48);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 50%;
    transition: all .7s ease;
    outline: none;
}

    .dot::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        background: rgba(177,145,58,1);
        border-radius: 50%;
        transition: all .7s ease;
    }

    .dot:hover,
    .dot.active {
        background: rgba(255, 255, 255, .48);
        transform: scale(1.6) !important;
    }

        .dot:hover::after,
        .dot.active::after {
            background: #5D5075;
        }

button.dot.location1 {
    right: 19%;
    top: auto;
    bottom: 40%;
}

button.dot.location2 {
    top: auto;
    bottom: 27%;
    right: 5.5%;
}

button.dot.location3 {
    top: auto;
    right: 24.7%;
    bottom: 24.5%;
}

button.dot.location4 {
    top: 39.5%;
    right: 30%;
}

button.dot.location5 {
    top: 24.5%;
    right: 37%;
}

.map-container .filter-container {
    position: absolute;
    width: 35%;
    top: 58px;
    right: 58px;
    z-index: 10;
}

.contact-banner {
    position: relative;
    margin-bottom: 10vw;
}

    .contact-banner .info {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

        .contact-banner .info h2 {
            font-size: 1.6vw;
            line-height: 1;
            margin-bottom: 30px;
            color: #B1913A;
        }

        .contact-banner .info h3 {
            font-size: 5vw;
            font-weight: 500;
            line-height: 1;
            color: #fff;
        }

.media-banner .info h2 {
    color: #fff;
}

.media-banner .info h3 {
    color: #B1913A;
    font-weight: 400;
}

.pattern {
    background: url('../images/pattern-bg.jpg') no-repeat;
    background-size: cover;
    height: 650px;
}

.reach_main .reach_container {
    position: relative;
    z-index: 1;
    width: 50%;
    margin: 0 auto;
}

.reach_container h4,
.reach_container p {
    font-size: 1.2vw;
}

.reach_container h4 {
    color: #B1913A;
    font-weight: 300;
}

.reach_container p {
    color: rgba(74, 74, 73, .40);
}

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

.reach-grid {
    display: grid;
    grid-template-columns: 62% 38% !important;
    gap: 0;
    margin-bottom: 3vw;
}

    .reach-grid .reachbox,
    .reach-grid > div {
        margin-bottom: 4vw;
    }

    .reach-grid h4 {
        font-size: 1.2vw;
        color: #B1913A;
        line-height: 1;
        font-weight: 300;
        margin-bottom: 20px;
    }

    .reach-grid p {
        font-size: 1.6vw;
        color: #4A4A49;
        line-height: 1.3;
        font-weight: 300;
    }

        .reach-grid p a {
            color: #4A4A49;
        }

            .reach-grid p a:hover {
                color: #B1913A;
            }

    .reach-grid strong {
        font-weight: 400;
    }

.social-icons {
    display: flex;
    gap: 2.5vw;
    align-items: center;
}

    .social-icons a svg {
        fill: #4A4A49;
        transition: all .7s ease;
    }

    .social-icons a:hover svg {
        fill: #B1913A;
    }

    .social-icons .storkeSvg a svg {
        stroke: #4A4A49;
        fill: transparent;
        transition: all .7s ease;
    }

    .social-icons .storkeSvg a:hover svg {
        stroke: #B1913A;
    }

.address-grid {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8vw;
}

    .address-grid > div {
        border-top: 1px solid rgba(74, 74, 73, .40);
        padding: 2vw 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

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

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

    .contact-set p a {
        transition: all .7s ease;
        color: rgba(74, 74, 73, .40);
    }

        .contact-set p a:hover {
            color: #B1913A;
        }

#map {
    height: 750px;
    width: 100%;
}

.gm-style .gm-style-iw-c {
    color: #4A4A49 !important;
}

.gm-style .gm-style-iw-d {
    font-size: 20px;
    padding: 0 20px 20px;
}

.form_main .inner {
    width: 63%;
}

.heading {
    text-align: center;
    position: relative;
}

    .heading h2 {
        font-size: 4vw;
        color: #4A4A49;
        line-height: 1;
        font-weight: 500;
        position: relative;
        margin-bottom: 7vw;
        padding-top: 7.5vw;
        margin-bottom: 2.5vw;
    }

        .heading h2:before {
            content: "";
            position: absolute;
            width: 1px;
            height: 7vw;
            background: #B1913A;
            left: 50%;
            top: 0;
        }

    .heading h3 {
        font-size: 1.3vw;
        line-height: 1;
        color: rgba(74, 74, 73, .40);
    }


.form_main .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 5vw;
    margin-bottom: 2vw;
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

.full-width {
    flex: 100%;
}

label {
    color: #aaa;
    font-size: 14px;
    margin-bottom: 0;
}

.form_main input,
.form_main select,
.form_main textarea {
    border: none;
    border-bottom: 1px solid rgba(177, 145, 58, 1);
    padding: 0 0 1.2vw;
    font-size: 1.2vw;
    line-height: 1;
    outline: none;
    color: rgba(74, 74, 73, .40);
    background: transparent;
}

    .form_main input::placeholder,
    .form_main select::placeholder,
    .form_main textarea::placeholder {
        color: rgba(74, 74, 73, .40);
        opacity: 1;
    }

.form_main select {
    appearance: none;
    background-image: url('../images/select-arrow.png');
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 17px 10px;
}

.form_main textarea {
    resize: none;
}

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

    .danah-btns a,
    .danah-btns button {
        background: none;
        border: none;
        font-size: 1vw;
        color: #a88116;
        font-weight: 500;
        cursor: pointer;
        position: relative;
        transition: all .7s ease;
        line-height: 1;
        padding: 1vw;
        z-index: 1;
    }

        .danah-btns a::after,
        .danah-btns button::after {
            content: "";
            display: block;
            height: 2px;
            width: 80%;
            margin: 0;
            background-color: #a88116;
            transition: all .7s ease;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            transform-origin: bottom;
            z-index: -1;
        }

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

            .danah-btns a:hover:after,
            .danah-btns button:hover:after {
                height: 100%;
                width: 100%;
            }

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

        .danah-btns.whitebtn a svg {
            margin-right: 10px;
        }

        .danah-btns.whitebtn a:hover {
            color: #B1913A;
        }

    .danah-btns a::after {
        width: 87%;
        background-color: #fff;
    }
/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: block;
    user-select: none;
    z-index: 1;
}

    .custom-select-wrapper select {
        display: none;
    }

.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select-trigger {
    border: none;
    border-bottom: 1px solid rgba(177, 145, 58, 1);
    padding: 0 0 1.2vw;
    font-size: 1.2vw;
    line-height: 1;
    outline: none;
    color: rgba(74, 74, 73, .40);
    background: transparent;
    width: 100%;
    display: block;
}

    .custom-select-trigger:after {
        position: absolute;
        /* display: block; */
        content: '';
        width: 17px;
        height: 10px;
        top: 11px;
        right: 0;
        margin-top: 0;
        background-image: url('../images/select-arrow.png');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 17px 10px;
        transition: all .4s ease-in-out;
        /* transform-origin: 50% 0; */
    }

.custom-select.opened .custom-select-trigger:after {
    margin-top: 0;
    transform: rotate(-180deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid rgba(74, 74, 73, .40);
    border-radius: 0px;
    box-sizing: border-box;
    /* box-shadow: 0 2px 1px rgba(0,0,0,.07); */
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 10px;
    width: 10px;
    height: 10px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 1vw;
    border-bottom: 1px solid #b5b5b5;
    font-size: 1.1vw;
    font-weight: 400;
    color: #b5b5b5;
    line-height: 1;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

    .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

    .custom-option:hover,
    .custom-option.selection {
        background: #f9f9f9;
        color: #B1913A;
    }


.dropdown .custom-select-trigger {
    border: none;
    border-bottom: 1px solid #fff;
    padding: 0 0 .8vw;
    font-size: 1.2vw;
    line-height: 1;
    outline: none;
    color: #fff;
    background: transparent;
    width: 100%;
    display: block;
    margin-bottom: 1vw;
}

    .dropdown .custom-select-trigger:after {
        background-image: url(../images/dw-arrow.png);
    }



.contact-banner.media-banner {
    margin-bottom: 5vw;
}

.masonry-main {
}

    .masonry-main h2 {
        font-size: 3.4vw;
        line-height: 1.1;
        text-align: center;
        padding: 0 14%;
        margin-bottom: 5vw;
    }

.meta {
    font-size: 1.2vw;
    color: #B1913A;
    margin-bottom: 5vw;
    display: flex;
    justify-content: center;
    font-weight: 300;
    gap: 2.5vw;
}

    .meta > div {
        display: flex;
        align-items: center;
        position: relative;
    }

        .meta > div span:before {
            content: "";
            position: absolute;
            background: #B1913A;
            width: 10px;
            height: 10px;
            left: -1vw;
            top: .5vw;
            border-radius: 50px;
        }

    .meta .dt {
        height: 12px;
        width: 12px;
        background-color: goldenrod;
        border-radius: 50%;
        display: inline-block;
        margin-right: 15px;
    }

.masonry {
    /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22%, 1fr));
    grid-auto-rows: 1%; 
    gap: 1.7%;
    margin-bottom: 7vw; */
    column-count: 4;
}

    .masonry > div {
        position: relative;
        overflow: hidden;
        break-inside: avoid;
        cursor: pointer;
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
    }

    .masonry img {
        width: 100%;
        height: auto;
        display: block;
        transition: all .7s ease;
    }

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

.zoomicon {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .7s ease;
    opacity: 0;
    transform: translate(-50%, -50%);
}

.masonry > div:hover .zoomicon {
    opacity: 1;
}

.zoomicon svg {
    width: 100%;
    height: auto;
    max-width: 100%;
}


.modalGallery.modal .modal-dialog {
    max-width: 60%;
}

    .modalGallery.modal .modal-dialog.modal-fullscreen {
        max-width: 100%;
    }

.modalGallery .close_btn {
    position: fixed;
    top: 5vw;
    right: 5vw;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 2vw;
}

    .modalGallery .close_btn .close:hover {
        background: transparent;
        color: #fff;
    }

    .modalGallery .close_btn .close svg {
        fill: #7D8385;
        transition: all .6s ease-in-out;
    }

    .modalGallery .close_btn .close:hover svg {
        fill: #fff;
    }

    .modalGallery .close_btn button {
        color: #fff;
        border: none;
        border-radius: 0;
        width: auto;
        height: auto;
        font-size: 20px;
        cursor: pointer;
        display: flex;
        background: transparent;
        justify-content: center;
        align-items: center;
        transition: all .6s ease-in-out;
    }

    .modalGallery .close_btn .close {
        position: relative;
        color: #fff;
        cursor: pointer;
        align-items: center;
        background: transparent;
        display: inline-flex;
        color: #000;
        padding: 0;
        border-radius: 0;
        grid-gap: 0;
        font-size: 20px;
        color: #7D8385;
        font-weight: 600;
        transition: all .6s ease-in-out;
    }

    .modalGallery .close_btn button:hover {
        background-color: transparent;
    }

    .modalGallery .close_btn button svg {
        stroke: #7D8385;
    }

    .modalGallery .close_btn button:hover svg {
        stroke: #fff;
    }

.modalGallery .btn {
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 0;
    width: 40px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    color: #7D8385;
    padding: 0;
}

.modalGallery .slider-btn:hover {
    background: #0098a3;
    color: #fff;
}

.modalGallery .swiper-button-prev {
    left: 4%;
}

.modalGallery .swiper-button-next {
    right: 4%;
}

.modalGallery.modal .modal-content {
    background: transparent;
    padding: 0;
    border: 0;
}

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

        .modalGallery.modal .modal-content .img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
            scale: 0.85;
        }


    .modalGallery.modal .modal-content img.landscape {
        /* Additional landscape styling if needed */
        width: 100%;
        height: 100%;
        scale: .80;
    }


    .modalGallery.modal .modal-content img.portrait {
        object-fit: scale-down;
    }

    .modalGallery.modal .modal-content img.portrait {
        height: 100vh;
    }

.swiper.modalSwiper {
    height: auto;
}

.modalGallery.modal .modal-body {
    padding: 0 !important;
}

.modalGallery .modal-dialog {
    margin: 0 auto;
}

.property-section {
    padding-top: 6vw;
}

    .property-section h2 {
        font-size: 4vw;
        color: #B1913A;
        margin-bottom: 30px;
        line-height: 1;
    }

    .property-section p {
        max-width: 600px;
        font-size: 1.3vw;
        font-weight: 300;
        line-height: 1.5;
    }

    .property-section .section-link {
        display: inline-block;
        color: #B1913A;
        margin-bottom: 0;
        font-weight: 500;
        text-decoration: none;
        transition: all .7s ease;
        font-size: 1.3vw;
        font-weight: 300;
        overflow: hidden;
        position: relative;
        padding-bottom: 0;
    }

        .property-section .section-link:before {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 0;
            height: 1px;
            transition: all .7s ease;
            background-color: #B1913A;
        }

        .property-section .section-link:hover:before {
            width: 100%;
            left: 0
        }

.card-grid {
    display: flex;
    justify-content: center;
    gap: 2.5vw;
    flex-wrap: wrap;
    margin-bottom: 4vw;
    padding-top: 3vw;
}

.property-card {
    display: flex;
    flex-direction: column;
    flex: 1 1 30%;
    /* max-width: 30%; */
    margin-bottom: 3.5vw;
    position: relative;
}

    .property-card:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #FDF5E7;
        transition: all .7s ease;
        opacity: 0;
        transform: scale(1);
        z-index: -1;
    }

    .property-card .img {
        margin-bottom: 30px;
    }

    .property-card img {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin-bottom: -6px;
    }

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

    .property-card p {
    }

    .property-card h5 {
        color: #B1913A;
        text-decoration: none;
        font-size: 1.2vw;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

        .property-card h5 svg {
            width: 26px;
            transition: all .7s ease;
            margin-left: 15px;
            display: inline-block;
        }

    .property-card:hover:before {
        transform: scale(1.075);
        opacity: 1;
    }

    .property-card:hover h5 svg {
        margin-right: 25px;
    }

.tenant-hero {
    background-color: #3e3e3e;
    color: white;
    padding: 5vw 4vw;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.tenant-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

    .tenant-content .left {
        width: 55%;
    }

        .tenant-content .left small {
            color: #b79a46;
            font-size: 1.8vw;
            display: block;
            margin-bottom: 20px;
        }

        .tenant-content .left h4 {
            font-size: 3.5vw;
            line-height: 1.1;
            /* font-weight: 600; */
        }

    .tenant-content .right {
        font-size: 15px;
        width: 40%;
    }

        .tenant-content .right p {
            margin-bottom: 20px;
        }

        .tenant-content .right a:after {
            width: 100% !important;
        }

        .tenant-content .right a {
            padding: 1vw 0;
        }

            .tenant-content .right a:hover {
                padding: 1vw;
            }

.phone-image {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-40%);
    width: 400px;
    z-index: 1;
}

.mobileImg {
}

    .mobileImg img {
        width: 100%;
        height: auto;
    }

.apps-icon {
    position: absolute;
    top: 75px;
    left: 78px;
    width: 160px;
}

    .apps-icon .inner {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        padding-top: 0;
        background: #fff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 25px;
    }

    .apps-icon h4 {
        font-size: 1vw;
        color: #b79a46;
        margin-bottom: 0;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        white-space: nowrap;
    }

.app img {
    width: 100%;
}

.app {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.scan {
    text-align: center;
    margin-bottom: 14px;
}

    .scan img {
        width: 100px;
    }

.leadership_banner {
    height: auto;
}

.renewable-grid .card2 .card-content .top h3 {
    color: #B1913A;
    font-size: 1.3vw;
    font-weight: 500;
    margin-bottom: 3vw;
}

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

.image_effect .card a {
    margin-right: 2vw;
}

.commercial_main {
    padding-bottom: 0 !important;
    margin-bottom: 4vw !important;
}

    .commercial_main .renewable-grid {
        margin-bottom: 0 !important;
    }

.pin_img .linebar {
    position: absolute;
    left: 0;
    width: 100%;
}

    .pin_img .linebar.pt5 {
        top: 3vw;
    }

    .pin_img .linebar.pt10 {
        bottom: 3vw;
    }

    .pin_img .linebar.line2 {
        bottom: auto;
        top: 0;
    }

.news-banner {
    color: #fff;
}

    .news-banner .info {
        text-align: left;
        padding: 0 4vw;
        display: flex;
        flex-direction: column;
        gap: 2vw;
        padding-top: 7%;
    }

        .news-banner .info span {
            font-size: 1.7vw;
        }

        .news-banner .info h3 {
            font-weight: 400;
            color: #B1913A;
            width: 75%;
        }

    .news-banner .gallery_text ul li:before {
        display: block;
        background: #fff;
    }

    .news-banner .gallery_text ul {
        padding-left: 2%;
    }

        .news-banner .gallery_text ul li {
            display: block;
            color: #fff;
        }

.expectation-main {
    padding: 0 4vw;
    margin-bottom: 7vw;
}

    .expectation-main .headline {
        text-align: left;
        font-size: 3.3vw;
        color: #c49e36;
        display: flex;
        align-items: baseline;
        gap: 15px;
        flex-wrap: wrap;
        margin-bottom: 4vw;
        line-height: 1;
    }

        .expectation-main .headline .line {
            height: 1px;
            background-color: #c49e36;
            min-width: 40px;
            flex-basis: 9%;
            position: relative;
            bottom: .6vw;
        }

            .expectation-main .headline .line.line2 {
                flex: 1;
            }

    .expectation-main .inner {
        padding-left: 10%;
        width: 47.5%;
    }

    .expectation-main .headline .text {
        white-space: nowrap;
    }

    .expectation-main .inner p {
        font-size: 1.2vw;
        line-height: 1.3;
        margin-bottom: 2vw;
        font-weight: 300;
    }

.image-block {
    text-align: center;
    margin-bottom: 2vw;
}

    .image-block img {
        max-width: 100%;
        height: auto;
        display: block;
        margin-bottom: -6px;
    }

.related-artical-main {
    margin-bottom: 6vw;
}

    .related-artical-main .inner {
        padding: 0 12%;
    }

    .related-artical-main h2 {
        font-size: 4vw;
        color: #4A4A49;
        line-height: 1;
        font-weight: 500;
        position: relative;
        text-align: center;
    }

.relatedSwiper {
    width: 100%;
    height: auto;
    padding: 15px !important;
}

    .relatedSwiper .property-card {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .relatedSwiper .swiper-slide {
        text-align: left;
    }

    .relatedSwiper p {
        margin-bottom: 2vw;
    }

.related-artical-main .swiper-button-prev,
.related-artical-main .swiper-button-next {
    top: 26% !important;
}

.related-artical-main .swiper-button-prev {
    left: 4% !important;
}

.related-artical-main .swiper-button-next {
    right: 4% !important;
}

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

.keyplan_sec .btn_ajct {
    right: 0;
    position: relative;
    display: flex;
    gap: 2.5vw;
    justify-content: end;
    padding-top: 2vw;
}

    .keyplan_sec .btn_ajct .swiper-button-prev,
    .keyplan_sec .btn_ajct .swiper-button-next {
        top: 0;
        position: relative;
        right: 0;
        left: 0;
        display: flex;
        justify-content: end;
        gap: 20px;
        width: 50px !important;
        height: auto;
        padding: 0 !important;
        margin: 0 !important;
    }

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

.keyplanSwiper .swiper-pagination {
    font-family: "Segoe UI", sans-serif;
    font-size: 1.2vw;
    color: #4A4A49;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10;
    font-weight: 500;
    left: auto !important;
    width: auto !important;
}

.main_key {
    background: transparent !important;
}

.page-commercial-detail {
    background: #fdf5e7;
    background-image: url(../images/com-bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-size: 100%;
}

.visionModal .modal-dialog {
    transform: translateY(100%) !important;
    transition: transform .7s ease !important;
    margin: 0;
}

.visionModal.show .modal-dialog {
    transform: translateX(0) !important;
}

.visionModal .modal-content {
    background: #4A4A49;
    border: none;
    padding: 0;
    color: #fff;
}

.visionModal .closeModal {
    position: absolute;
    top: 30px;
    right: 40px;
    cursor: pointer;
    z-index: 10;
}

    .visionModal .closeModal svg {
        fill: #fff;
        transition: all .7s ease;
        width: 22px;
    }

.visionModal .modal-body {
    padding: 0
}

.leasing_sec {
    padding: 0 4vw 10vw;
    padding-left: 26%;
}

.new_left {
    width: 22%;
    position: fixed;
    left: 4%;
    height: 100%;
    /* display: flex; */
    /* justify-content: space-between; */
}

.leasing_sec .cancel_sec ul li .linebar::before {
    left: 10%;
}

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

.leasing_sec .cancel_sec {
    height: 100%;
}

.leasing_sec .right {
    width: 100%;
}

.leasing-form {
    max-width: 100%;
    margin: auto;
    padding-right: 15%;
}

    .leasing-form input[type="text"],
    .leasing-form input[type="tel"],
    .leasing-form input[type="email"],
    .leasing-form textarea {
        background: transparent;
        border: none;
        border-bottom: 1px solid #c4a654;
        color: #fff;
        padding: 6px 0;
        width: 100%;
        margin-right: 0;
        outline: none;
    }

    .leasing-form textarea {
        width: 100%;
        height: auto;
        resize: none;
    }

.gold-btn {
    border: none;
    padding: .9vw 3vw;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    background: #B1913A;
    font-size: 1.2vw;
    line-height: 1;
    transition: all .7s ease;
}

.leasing-options {
    margin: 10px 0;
    display: flex;
    gap: 10px;
}

    .leasing-options button {
        background-color: transparent;
        border: 1px solid #B1913A;
        color: #fff;
        margin: 5px 5px 5px 0;
        padding: 6px 12px;
        border-radius: 20px;
        cursor: pointer;
        transition: 0.3s;
    }

        .leasing-options button:hover {
            background-color: #B1913A;
            color: #000;
        }

.footer-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
}

    .footer-section label {
        color: #ccc;
        font-size: 14px;
        flex: 1 1 auto;
    }

.submit-btn {
    background-color: #B1913A;
    border: none;
    padding: 8px 24px;
    color: #000;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

.leasing-form input[type="radio"],
.leasing-form input[type="checkbox"] {
    display: none;
}

/* Custom Radio */
.leasing-form.custom-radio {
    display: inline-block;
    margin: 5px 10px 5px 0;
    cursor: pointer;
}

    .leasing-form .custom-radio span {
        padding: .7vw 2.5vw;
        border: 1px solid #B1913A;
        border-radius: 50px;
        color: #fff;
        transition: 0.3s;
        display: inline-block;
        transition: all .7s ease;
        font-size: 1.2vw;
    }

    .leasing-form .custom-radio:hover span {
        background-color: #B1913A /* light gold tint */
    }

    .leasing-form .custom-radio input[type="radio"]:checked + span {
        background-color: #B1913A;
    }

/* Custom Checkbox */
.leasing-form .custom-checkbox {
    position: relative;
    padding-left: 40px;
    margin-top: 0;
    cursor: pointer;
    font-size: 1vw;
    color: #fff;
    display: inline-block;
    line-height: 1.2;
    font-weight: 300;
    padding-top: 0;
}

    .leasing-form .custom-checkbox .checkmark {
        position: absolute;
        left: 0;
        top: 8px;
        height: 22px;
        width: 22px;
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 3px;
        transition: all .7s ease;
    }

    .leasing-form .custom-checkbox input[type="checkbox"]:checked + .checkmark {
        background-color: #B1913A;
        border-color: #B1913A;
    }

    .leasing-form .custom-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .leasing-form .custom-checkbox input[type="checkbox"]:checked + .checkmark:after {
        display: block;
    }

    .leasing-form .custom-checkbox .checkmark:after {
        left: 6px;
        top: 2px;
        width: 6px;
        height: 12px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.leasing-form .form-group {
    display: flex;
    margin-bottom: 2vw;
    flex: 1 1 30%;
    font-size: 1.3vw;
    line-height: 1;
}

    .leasing-form .form-group.fdr {
        flex-direction: row !important;
        align-items: center;
    }

.form-group.fdr p {
    margin-bottom: 0;
}

.form-group p {
    font-size: 1.3vw;
    line-height: 1.2;
    margin-bottom: 15px;
}

.form-group.fdr p:first-child {
    min-width: 21%;
    margin-right: 1vw;
}

.form-group > .inputs {
    width: 35%;
    margin-right: 5px;
}

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

        .form-group > .inputs.sqm span {
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            color: #fff;
            font-size: 1.2vw;
        }

.gold-btn:hover {
    background: rgba(177,145,58,.5);
}

.cancel_key {
    width: 100%;
    margin: 0;
}

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

.property-card p {
    margin-bottom: 3vw;
    font-size: 1.3vw;
    line-height: 1.2;
    font-weight: 300;
}

.cancel_key .card-grid .property-card .img {
    margin-bottom: 2vw;
}

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

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

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

.map2 {
    height: 600px !important;
}

.apartmentInfos_main,
.showdarkbox,
.residentialCentralDetail_main,
.cancel_div_main,
.central_region_detail_main,
.central_region_main,
.thanks_div_main,
.leasing_showResult_main,
.project_leasing_detail {
    position: fixed;
    top: 0;
    width: 74%;
    background: #FDF5E7;
    transition: all 1s ease;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    height: 100%;
    transform: translateY(100%);
    overflow-y: auto;
}

.apartmentInfos_main {
    width: 64%;
    right: 0;
}

.showdarkbox,
.residentialCentralDetail_main,
.cancel_div_main,
.central_region_detail_main,
.central_region_main,
.thanks_div_main,
.leasing_showResult_main {
    background: #4A4A49;
    padding: 5vw 4vw;
}

    .apartmentInfos_main.active,
    .showdarkbox.active,
    .residentialCentralDetail_main.active,
    .cancel_div_main.active,
    .central_region_detail_main.active,
    .central_region_main.active,
    .thanks_div_main.active,
    .leasing_showResult_main.active,
    .project_leasing_detail.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        z-index: 10;
    }

.court_sec {
    background: transparent;
    padding: 5vw 4vw;
    width: 100%;
}

    .court_sec > h2 {
        color: #4A4A49;
    }

.closeApartmentInfos svg,
.project_leasing_detail .closeleasingDeatil svg {
    fill: #4A4A49 !important;
}

.closeSVg,
.leasing_showResult_main .closeShowResult,
.closeleasingDeatil {
    position: absolute;
    top: 30px;
    right: 30px;
}

    .closeSVg svg,
    .leasing_showResult_main .closeShowResult svg {
        fill: #fff;
    }

.media-sorting2 {
    padding: 0 5vw 4vw 0;
}

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

    .media-sorting2 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-sorting2 li.active a,
        .media-sorting2 a:hover {
            background-color: #ba8a3b;
            border-color: #ba8a3b;
            color: #fff;
        }

.offerings-box {
}

    .offerings-box h2 {
        color: #fff;
        font-size: 3.5vw;
        line-height: 1;
        margin-bottom: 1vw;
    }

    .offerings-box p {
        color: #fff;
        font-size: 1.3vw;
        line-height: 1.2;
        margin-bottom: 2vw;
        font-weight: 300;
    }

    .offerings-box .img img {
        width: 100%;
    }

.view-map a {
    color: #B1913A;
    transition: all .7s ease;
    font-size: 1vw;
    font-weight: 300;
}

    .view-map a:hover {
        color: #fff;
    }

.view-map h3 {
    color: #B1913A;
    line-height: 1;
    font-size: 1.2vw;
}

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

.registration_sec .right {
    padding-top: 0;
}

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

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

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

.central_region_detail_main .fashion_sec {
    margin: 0;
}

.card-grid.card-gird_new {
    justify-content: flex-start;
}

.apartmentInfos_main .inner {
    padding: 7vw 0vw 7vw 4vw;
}

    .apartmentInfos_main .inner h2 {
        font-size: 3.8vw;
        color: #4A4A49;
        line-height: 1;
        margin-bottom: 2vw;
    }

.bedroomSwiper {
    width: 100%;
}

    .bedroomSwiper .btn_ajct {
        position: relative;
    }

    .bedroomSwiper .btn_ajct {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .bedroomSwiper .swiper-button-prev,
    .bedroomSwiper .swiper-button-next {
        left: 0;
        position: relative;
        padding: 0;
        margin: 0;
        width: auto;
        height: auto;
        right: 0;
    }

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

.overview_div p {
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 2vw;
    color: #4A4A49;
}

.main_sl_text {
    opacity: 0;
    visibility: hidden;
}

    .main_sl_text.active {
        opacity: 1;
        visibility: visible;
    }

.down_menu.clicked {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

.card-gird_new .property-card {
    flex: 1 1 30% !important;
    max-width: 30% !important;
}

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

.nav-arrows .swiper-button-prev.swiper-button-disabled,
.nav-arrows .swiper-button-next.swiper-button-disabled,
.all_line .btn_new .swiper-button-prev.swiper-button-disabled,
.all_line .btn_new .swiper-button-next.swiper-button-disabled,
.btn_ajct .swiper-button-prev.swiper-button-disabled,
.btn_ajct .swiper-button-next.swiper-button-disabled {
    opacity: .35 !important;
}

.time_line_sec_new {
    height: 100vh;
}

    .time_line_sec_new .swiper {
        height: auto;
    }

    .time_line_sec_new .history-section {
        z-index: 2;
        height: 100%;
        padding: 5vw 4vw;
    }

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

    .time_line_sec_new .timeline-content {
        bottom: 0;
    }

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

    .time_line_sec_new .timeline-track {
        display: flex;
        justify-content: space-between;
    }

    .time_line_sec_new .year-marker {
        position: relative;
    }

    .time_line_sec_new .timeline-track {
        width: 90%;
        left: 5%;
        bottom: 7vw;
        position: absolute;
    }

    .time_line_sec_new .nav-arrows .swiper-button-next,
    .time_line_sec_new .nav-arrows .swiper-button-prev {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
    }

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

        .time_line_sec_new .nav-arrows .swiper-button-next:hover svg,
        .time_line_sec_new .nav-arrows .swiper-button-prev:hover svg {
            stroke: #fff;
        }

.fashionSwiper .img {
    margin-bottom: 2vw;
}

.fashionSwiper p {
    color: #4A4A49;
}

.map-bg {
    background: radial-gradient(circle, #777 0%, #4A4A49 100%);
    /* transition: initial; */
}

    .map-bg.map-active {
        opacity: 1;
    }

.map-container {
    will-change: transform;
    transition: none !important;
}

body {
    transition: all .5s ease;
}

    body.showMap-bg {
        background: radial-gradient(circle, #777 0%, #4A4A49 100%);
        color: #fff;
    }

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

.leasing-form .custom-checkbox {
    width: 60%;
}

.map-screen-1, .map-screen-2 {
    height: 75%;
    top: 50%;
    transform: translateY(-50%);
}

.pin_overview {
    margin-top: 0;
}

    .pin_overview .left {
        top: 0;
        padding-top: 8vw;
    }

.fashionSwiper .img {
    margin-bottom: 2vw;
    overflow: hidden;
}

    .fashionSwiper .img img {
        transition: all .7s ease !important;
    }

    .fashionSwiper .img:hover img {
        transform: scale(1.1) !important;
    }

.main_search.top_search {
    background: #4A4A49;
    margin: 0;
    padding: 10vw 5vw 5vw;
}


.main_search.top_search {
    background: #4A4A49;
    margin: 0;
    padding: 10vw 5vw 5vw;
}

    .main_search.top_search .not-search-result ul li a {
        color: #fff;
    }

    .main_search.top_search .search-input-holder input {
        border-bottom: 1px solid rgba(255, 255, 255, .4);
        transition: all .7s ease;
        color: #fff;
    }

        .main_search.top_search .search-input-holder input:focus {
            border-bottom: 1px solid rgba(255, 255, 255, 1);
            background: transparent;
        }

    .main_search.top_search .search-input-holder input {
        padding-right: 5vw;
        padding-bottom: 1.5vw;
    }

        .main_search.top_search .search-input-holder input::placeholder {
            color: #fff;
            opacity: 1;
        }

        .main_search.top_search .search-input-holder input:-ms-input-placeholder {
            color: #fff;
        }

        .main_search.top_search .search-input-holder input::-ms-input-placeholder {
            color: #fff;
        }

.search-input-holder button {
    transition: all .7s ease;
    position: absolute;
    top: 0;
    right: 2vw;
}

    .search-input-holder button svg {
        transition: all .7s ease;
        fill: #fff
    }

    .search-input-holder button:hover svg {
        fill: #b1913a
    }

.main_search.top_search .search-input-holder input::placeholder {
    color: rgba(255, 255, 255, .3);
}

.search-input-holder input {
    padding: 15px 0;
}

.search-input-holder button {
    top: 20px;
    right: 0;
}

.zoomicon {
    width: 40px;
    height: 40px;
}

    .zoomicon svg {
        width: 20px;
    }

.search_swiper {
    width: 100%;
    margin: auto;
}

.searchSwiper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5vw;
    position: relative
}

.searchItemNot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

    .searchItemNot h2 {
        font-size: 20px;
    }

.searchSwiper .item .img {
    margin-bottom: 20px;
}

    .searchSwiper .item .img img {
        width: 100%;
    }

.searchSwiper .item h2 {
    font-size: 2.2vw;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px;
}

.searchSwiper .item p {
    font-weight: 300;
    font-size: 1.2vw;
    margin-bottom: 20px;
}



.region {
    cursor: pointer;
}

    .region .dots {
        pointer-events: none;
    }

    .region .dot {
        fill: #4A4A49;
        transition: fill .5s ease, opacity .5s ease;
    }

    .region.westernMap .dot,
    .region.easternMap .dot {
        fill: rgba(151, 151, 151, 1);
    }

    .region.centralMap .dot {
        fill: rgba(177, 145, 58, 0.5)
    }
    /* .region:not(.disabled).selected .dot {

    } */
    .region:not(.disabled).active .dot {
        fill: rgba(255, 255, 255, 1);
    }

    .region .hit {
        fill: transparent;
        pointer-events: all;
    }

.header.dark .menu-icon .lines span {
    background: rgba(74, 74, 73, 1);
}


.page-leasing {
    background: #FDF5E7;
}

.sizew85 {
    width: 85%;
}

.property-section-new {
    padding-top: 14vw;
    padding-bottom: 3vw;
}

    .property-section-new h2 {
        font-size: 5vw;
    }

    .property-section-new p {
        margin-bottom: 25px;
    }

.property-section-new {
    opacity: 0;
}

    .property-section-new.show {
        opacity: 1;
    }

.fullVideoModal .modal-dialog {
    transform: translateY(100%) !important;
    transition: transform .7s ease !important;
    margin: 0;
}

.fullVideoModal.show .modal-dialog {
    transform: translateX(0) !important;
}

.fullVideoModal {
    padding: 0;
    margin: 0;
}

    .fullVideoModal .modal-body {
        padding: 0;
        overflow: hidden;
    }

        .fullVideoModal .modal-body video {
            width: 100%;
            height: 100%;
            object-fit: inherit;
            filter: brightness(.6);
        }

    .fullVideoModal .closeModal {
        position: absolute;
        top: 80px;
        right: 30px;
        z-index: 1;
    }

        .fullVideoModal .closeModal svg {
            fill: #fff;
        }

.card-grid-new {
    flex-direction: column;
    gap: 0;
}

    .card-grid-new .property-card {
        background-color: #fff;
        flex: 1;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        overflow: hidden;
        margin-bottom: 50px;
    }

        .card-grid-new .property-card:nth-child(even) {
            flex-direction: row-reverse;
        }

        .card-grid-new .property-card .img {
            margin-bottom: 0;
            width: 48%;
            position: relative;
        }

        .card-grid-new .property-card .info {
            width: 52%;
            padding: 5vw 7.5vw;
            display: flex;
            flex-direction: column;
            gap: 5vw;
        }

        .card-grid-new .property-card:nth-child(even) .info {
            padding: 5vw;
        }

        .card-grid-new .property-card .img video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: brightness(0.6);
        }

        .card-grid-new .property-card:before {
            display: none;
        }

        .card-grid-new .property-card h3 {
            font-size: 2.5vw;
            margin: 0 0 25px;
            min-height: auto;
            position: relative;
            transition: all .7s ease;
        }

        .card-grid-new .property-card p {
            /* font-size: 2.5vw;
    margin: 0 0 25px; */
        }

        .card-grid-new .property-card h5 {
            position: relative;
            max-width: fit-content;
        }

            .card-grid-new .property-card h5:before {
                content: '';
                position: absolute;
                left: 50%;
                bottom: 0;
                width: 0;
                height: 1px;
                transition: all .7s ease;
                background-color: #B1913A;
            }

        .card-grid-new .property-card .info:hover h5:before {
            left: 0;
            width: 85%;
        }

        .card-grid-new .property-card .info:hover h3 {
            color: #B1913A;
        }

    .card-grid-new .video_btn {
        bottom: 30px;
        padding-left: 30px;
    }

        .card-grid-new .video_btn a p {
            margin: 0;
            padding: 0;
        }


button.dot {
    opacity: 0;
    visibility: hidden;
}

    button.dot.show {
        opacity: 1;
        visibility: visible;
    }

    button.dot.location6 {
        top: 24.5%;
        right: 65%;
    }

    button.dot.location7 {
        top: 35%;
        right: 50%;
    }

    button.dot.location8 {
        top: 55%;
        right: 47%;
    }

    button.dot.location9 {
        top: auto;
        bottom: 22%;
        right: 42%;
    }

    button.dot.location10 {
        top: 11%;
        right: 66%;
    }

    button.dot.location11 {
        top: 10%;
        right: auto;
        left: 18%;
    }

    button.dot.location12 {
        top: 22%;
        right: auto;
        left: 9%;
    }

    button.dot.location13 {
        top: 48%;
        right: auto;
        left: 25%;
    }

    button.dot.location14 {
        top: auto;
        right: auto;
        left: 32%;
        bottom: 28%;
    }

    button.dot.location15 {
        top: auto;
        right: auto;
        left: 39%;
        bottom: 13%;
    }

    button.dot.location16 {
        top: auto;
        right: auto;
        left: 59%;
        bottom: 8%;
    }

.dot {
    transition: all .3s ease;
}


.customNextPrev {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 3vw;
    z-index: 2
}

    .customNextPrev .next,
    .customNextPrev .prev {
        cursor: pointer;
    }

        .customNextPrev .next svg,
        .customNextPrev .prev svg {
            width: 25px;
        }

        .customNextPrev .next.disabled svg,
        .customNextPrev .prev.disabled svg {
            opacity: .5
        }

.reg-dot {
    transform: translate(-50%, -50%); /* center on coordinate */
}

.dot {
    width: 22px;
    height: 22px;
}

    .dot::after {
        width: 12px;
        height: 12px;
    }

    .dot:hover, .dot.active {
        transform: scale(1.3) !important;
    }


button.dot.location1 {
    right: auto;
    top: 45%;
    bottom: auto;
    left: 46%;
}

button.dot.location2 {
    top: 42%;
    bottom: auto;
    right: auto;
    left: 43%;
}

button.dot.location3 {
    top: 39%;
    right: auto;
    bottom: auto;
    left: 49.5%;
}

button.dot.location4 {
    top: 37.5%;
    right: auto;
    left: 42%;
}

button.dot.location5 {
    top: 41.5%;
    right: auto;
    left: 40%;
}

button.dot.location6 {
    top: 35.5%;
    right: auto;
    left: 44.5%;
}

button.dot.location7 {
    top: 40%;
    right: auto;
    left: 52.5%;
}

button.dot.location8 {
    top: 43%;
    right: auto;
    left: 50%;
}

button.dot.location9 {
    top: 45.5%;
    bottom: auto;
    right: auto;
    left: 53%;
}

button.dot.location10 {
    top: 45%;
    right: auto;
    left: 55%;
}

button.dot.location11 {
    top: 49%;
    right: auto;
    left: 54%;
}

button.dot.location12 {
    top: 43%;
    right: auto;
    left: 58%;
}

button.dot.location13 {
    top: 52%;
    right: auto;
    left: 49.5%;
}

button.dot.location14 {
    top: 55%;
    right: auto;
    left: 44%;
    bottom: auto;
}

button.dot.location15 {
    top: 60%;
    right: auto;
    left: 44%;
    bottom: auto;
}

button.dot.location16 {
    top: 41%;
    right: auto;
    left: 51%;
    bottom: auto;
}

button.dot.location17 {
    top: 38%;
    right: auto;
    left: 48%;
    bottom: auto;
}

button.dot.location18 {
    top: 62%;
    right: auto;
    left: 40.5%;
    bottom: auto;
}

.select-disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}


.zoom-controls .dropdown-toggle::after {
    display: none;
}

.zoom-controls .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    top: 70px !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease, top 0.4s ease;
    display: block !important;
    transform: none !important;
}

    /* Shown dropdown */
    .zoom-controls .dropdown-menu.show {
        top: 50px !important;
        opacity: 1;
        visibility: visible;
        transform: translateY(0) !important;
    }

.zoom-controls .dropdown-item {
    transition: all .5 ease;
}

    .zoom-controls .dropdown-item.active,
    .zoom-controls .dropdown-item:active,
    .zoom-controls .dropdown-item:hover {
        color: #fff;
        text-decoration: none;
        background-color: #b1913a;
    }

.map-screen-1 img {
    height: 100% !important;
}

.map-screen-2 svg {
    height: 100%;
}

#model3 .bedroomSwiper .btn_ajct {
    flex-direction: row-reverse;
    gap: 2vw;
    padding-right: 30px;
}

.apps-icon h4 {
    font-size: 15px;
}

.page-sectors .image_effect {
    margin-bottom: 3vw;
}

.page-sectors .card-content {
    height: 100%;
}

    .page-sectors .card-content a {
        position: absolute;
        left: 0;
        bottom: 0;
    }

.image_effect .card:hover p {
    color: #4a4a49;
}

.apartmentInfos_main {
    width: 74%;
}

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

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

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

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

        .pin_overview2 .right h2 {
            color: #4A4A49;
            font-size: 2.5vw;
            line-height: 1.2;
            margin-bottom: 3vw;
        }

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

        .pin_overview2 .right .danah-btns {
            margin-top: 40px;
        }

.facility-mgt {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2vw;
}

    .facility-mgt .box {
        border-top: solid 1px #B1913A;
        padding-top: 2vw;
        margin-bottom: 3vw;
    }

        .facility-mgt .box h3 {
            font-size: 1.8vw;
            line-height: 1.1;
        }

.customNextPrev {
    gap: 2vw;
}

.central_region_detail_main {
    background-color: rgba(253, 245, 231, 1);
    padding-left: 4vw !important;
    padding-right: 0 !important;
}

    .central_region_detail_main .customNextPrev .next,
    .central_region_detail_main .khobarSwiper > .head h2,
    .central_region_detail_main .khobarSwiper > .head p {
        color: #4A4A49;
    }

    .central_region_detail_main.mainSubSubSubClass000 .khobarSwiper {
        width: 100%;
        padding-right: 4vw !important;
    }

.paim_btn {
    width: 100%;
}

.central_region_detail_main .paim_bottom {
    padding-right: 4vw !important;
}

.central_region_detail_main .closeCentralRegionDetail svg {
    fill: #4A4A49 !important;
}

.apartmentInfos_main .inner {
    padding: 5vw 0vw 0vw 4vw;
}

.searchSwiper .item h2 {
    font-size: 1.8vw;
    line-height: 1.2;
}