@import url('./icons.css');

/* CSS Variable */
:root {
    --bs-font-sans-serif: 'Poppins', sans-serif;
    --primary: 34, 34, 34;
    /* --primary: 31, 107, 255; */
    --theme: 31, 216, 255;
    --theme2: 111,114,121; /*31, 107, 255;*/
    --whatsapp-color: 36, 212, 103;
    --white: #fff;
    --grey: #a7a7a7;
    --lighter-grey: #f4f4f4;
    --light-grey: #d3d3d3;
    --paragraph-color: #7a7a7a;
    --font-color: #222222;
    --border-radius: 10px;
    --default-transition: all 0.3s;
    --input-height: 36px;
    --default-font-size: 13px;
    --input-border-radius: 8px;
    --input-text-color: #222;
    --input-placeholder-color: #9b9b9b;
    --danger-red: #b60000;
    --section-spacing: 70px;
    --container-width: 1320px;
    --success-color: #29ba29;
    --success-bg: #d3ffd3;
    /* scrollbar */
    --scrollbar-width: 6px;
    --scrollbar-track-color: #f1f1f1;
    --scrollbar-thumb-color: #c1c1c1;
    --scrollbar-thumb-hover-color: #a7a7a7;
}

::-webkit-scrollbar {
    width: var(--scrollbar-width);
    border-radius: var(--scrollbar-width);
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color);
    border-radius: var(--scrollbar-width);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);
    border-radius: var(--scrollbar-width);
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: var(--scrollbar-thumb-hover-color);
    }

::-moz-selection {
    /* Code for Firefox */
    color: var(--white);
    background: #000000d4;
}

::selection {
    color: var(--white);
    background: #000000d4;
}

html,
body {
    font-family: var(--bs-font-sans-serif) !important;
    font-size: var(--default-font-size);
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.3em;
}

body {
    overflow: hidden !important;
    overflow-y: auto !important;
    padding: 0 !important;
}

.container {
    max-width: var(--container-width);
}

.container-xxl {
    max-width: calc(var(--container-width) + 700px);
    padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * 1);
}

.btn {
    --bs-btn-disabled-opacity: 0.6;
    --bs-btn-font-size: var(--default-font-size);
    height: var(--input-height);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    line-height: normal;
    border-radius: var(--input-border-radius);
    transition: var(--default-transition);
}

.btn i {
    font-size: calc(100% + 25px);
}

/*==== For Dynamic Pages Start ====*/
.dyn-btn {
    width: auto !important;
    height: 5.5rem !important;
    padding: 0px 10px 0 10px;
    border-radius: 15px !important;
    font-size: inherit !important;
}

.dyn-i {
    margin-right: 15px;
}
/*==== For Dynamic Pages End ====*/

.faq-buy-sell-btns .btn i {
    font-size: calc(100% + 5px);
}

.mobile-menu-toggle > .btn i {
    font-size: calc(100% + 1px);
}

.btn .spinner-border {
    --bs-spinner-width: 1em;
    --bs-spinner-height: 1em;
    --bs-spinner-border-width: 2px;
}

.btn-primary {
    --bs-btn-color: var(--white);
    --bs-btn-bg: rgba(var(--primary), 1);
    --bs-btn-border-color: rgba(var(--primary), 1);
    --bs-btn-hover-color: rgba(var(--primary), 1);
    --bs-btn-hover-bg: var(--white);
    --bs-btn-hover-border-color: rgba(var(--primary), 1);
    --bs-btn-focus-shadow-rgb: var(--primary);
    --bs-btn-active-color: var(--white);
    --bs-btn-active-bg: rgba(var(--primary), 1);
    --bs-btn-active-border-color: rgba(var(--primary), 1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--white);
    --bs-btn-disabled-bg: rgba(var(--primary), 1);
    --bs-btn-disabled-border-color: rgba(var(--primary), 1);
}

.btn-faq-big {
    min-width: 175px !important;
}

.equal-padding {
    padding-top: var(--section-spacing);
    padding-bottom: var(--section-spacing);
}

#faq .d-flex {
    display: inline-flex !important;
}

.bg-grey {
    background: #f7f7f7;
}

.form-select {
    text-align: center !important;
}

.allset {
    background-color: rgb(62 62 62 / 67%);
    padding: 10px 0;
    border-radius: 10px;
}

.font-size-13 {
    font-size: 11px;
    color: #bdbdbd;
}

.form-select,
.form-control {
    font-size: var(--default-font-size);
    height: var(--input-height);
    border-radius: var(--input-border-radius);
    color: var(--input-text-color);
    font-weight: 400;
    outline: none;
    transition: var(--default-transition);
    /*&::placeholder{color: var(--input-placeholder-color);}*/
}

.form-control:focus,
.form-select:focus {
    border-color: rgba(var(--primary), 1);
    outline: 0;
    box-shadow: 0 0 8px rgba(var(--primary), 0.15);
}

/* .form-select option:hover,
.form-select:focus option:checked {
  background: rgba(var(--primary), 1) !important;
  box-shadow: 0 0 10px 100px rgba(var(--primary), 1) inset !important;
  color: var(--white) !important;
} */

.form-label {
    font-size: calc(var(--default-font-size) + 1px);
    font-weight: 500;
}

    .form-label .required {
        color: var(--danger-red);
        font-size: calc(100% - 1px);
    }

p:last-child,
li:last-child {
    margin-bottom: 0;
}

.marquee {
    overflow: hidden;
    font-size: 80px;
    line-height: normal;
    font-weight: 700;
    color: rgba(var(--primary), 1);
}

.section-small-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--font-color);
}

.section-title {
    font-size: 45px;
    font-weight: 600;
    color: var(--font-color);
    line-height: 1.15em;
}

/* Header */
#header {
    background: var(--white);
    width: 100%;
    z-index: 99;
}

    #header .header-inner {
        border-bottom: 1px solid var(--lighter-grey);
        position: relative;
    }

    #header .head-logo {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #header .navbar {
        width: 40%;
        padding: 0;
        display: none;
    }

        #header .navbar .navbar-nav {
            flex-direction: row;
        }

            #header .navbar .navbar-nav > li {
                padding: 0 12px;
                font-size: calc(var(--default-font-size)* 1.3);
            }

                #header .navbar .navbar-nav > li > .nav-link {
                    padding: 0;
                    line-height: 55px;
                    color: var(--grey);
                    transition: var(--default-transition);
                }

                    #header .navbar .navbar-nav > li > .nav-link:hover,
                    #header .navbar .navbar-nav > li > .nav-link.active {
                        color: rgba(var(--primary), 1);
                    }

                #header .navbar .navbar-nav > li.button > .nav-link {
                    text-decoration: underline;
                }

                #header .navbar .navbar-nav > li > .btn-text {
                    color: var(--grey);
                    padding: 0;
                    border: none;
                    outline: none;
                    height: auto;
                    background: transparent;
                    box-shadow: none;
                    text-decoration: underline;
                    transition: var(--default-transition);
                }

                    #header .navbar .navbar-nav > li > .btn-text:hover {
                        color: rgba(var(--primary), 1);
                    }

    #header .head-logo .main-logo,
    .sidebar-logo .main-logo {
        max-height: 80px;
    }

/* Banner */

#home-banner .banner-title {
    font-size: 60px;
    font-weight: 600;
    color: var(--font-color);
    line-height: 1.05em;
    margin: 0;
    letter-spacing: -0.04em;
}

#home-banner p {
    font-weight: 400;
    color: var(--paragraph-color);
}

#home-banner .dark-text {
    font-weight: 500;
    color: var(--font-color);
}

.form-check-input {
    margin-top: 0;
    outline: none;
    box-shadow: none !important;
    --bs-border-color: var(--light-grey);
}

    .form-check-input:focus {
        border-color: rgba(var(--primary), 0.5);
    }

    .form-check-input:checked {
        background-color: rgba(var(--primary), 1);
        border-color: rgba(var(--primary), 1);
    }

/* Banner search */

.video-banner-wrapper {
    position: relative;
}

.video-wrap-slide {
    position: relative;
    overflow: hidden;
    padding: var(--section-spacing) 0 calc(var(--section-spacing) * 1.3);
    display: flex !important;
    align-items: center;
    min-height: 550px;
    height: 90vh;
    max-height: 800px;
}

.banner-home .video-wrap-slide {
    height: 90vh;
}

.video-wrap-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

    .video-wrap-container:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.4;
        mix-blend-mode: multiply;
    }

    .video-wrap-container video {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .video-wrap-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position : center;
    }


    .video-wrap-slide .head-logo {
    margin: 0 0 2rem;
}

    .video-wrap-slide .head-logo img {
        width: auto;
        height: 50px;
    }

.tag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    font-size: calc(var(--default-font-size) - 1px);
    font-weight: 300;
}

    .tag .tag-inner {
        white-space: nowrap;
        line-height: normal;
        padding: 4px 15px;
        border-radius: 200px;
        min-width: 70px;
        color: var(--white);
        background: rgba(var(--primary), 0.4);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

.video-wrap-slide .banner-title {
    font-size: 55px;
    font-weight: 600;
    color: var(--white);
    line-height: 1.05em;
    margin: 15px 0 3rem;
    letter-spacing: -0.04em;
}

.video-wrap-slide .banner-sub-title {
    font-size: 40px;
}

.video-wrap-slide .banner-list-title {
    color: var(--white);
    font-size: 20px;
    margin: 0 0 2rem;
    font-weight: 500;
    line-height: 25px;
}

.video-wrap-slide .banner-list {
    --bs-gutter-x: 1.5rem;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

    .video-wrap-slide .banner-list li {
        flex: 1 0 0%;
        display: block;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        color: var(--white);
    }

    .video-wrap-slide .banner-list .banner-list-inner {
        display: block;
        border-radius: var(--border-radius);
        background: rgba(var(--primary), 0.4);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        padding: 20px;
        padding-bottom: 25px;
        box-shadow: inset 0 -3px 1px rgba(var(--primary), 0.5);
        height: 100%;
        transition: var(--default-transition);
    }

        .video-wrap-slide .banner-list .banner-list-inner:hover {
            box-shadow: inset 0 -5px 0 rgba(var(--primary), 1);
        }

    .video-wrap-slide .banner-list .title {
        display: block;
        font-size: 16px;
        font-weight: 500;
        margin: 0 0 1rem;
    }

.banner-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 3rem 0 0;
    gap: 5rem;
}

    .banner-btn-wrap .btn {
        background: transparent;
        border: none;
        color: var(--white) !important;
        line-height: normal;
        height: 50px;
        position: relative;
        z-index: 1;
        font-weight: 500;
        text-transform: uppercase;
        flex-direction: column;
        letter-spacing: 0.1em;
        height: auto;
        padding: 0;
        font-size: calc(var(--default-font-size) + 4px);
    }

        .banner-btn-wrap .btn .btn-icon {
            --size: 7.5rem;
            --shadow-size: 0.4rem;
            width: var(--size);
            height: var(--size);
            font-size: calc(100% + 10px);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: normal;
            margin: 0 auto;
            margin-bottom: 1rem;
            background: #4aa1b7e3; /*#4d7be6; rgba(var(--theme), 1);*/
            box-shadow: calc(var(--shadow-size) * -1) var(--shadow-size) 0px rgba(var(--theme2), 1);
            transition: inherit;
            border: 1px solid #4a9eb3e3; /*1px solid #7676e8; 1px solid #7272ff;*/
        }

        .banner-btn-wrap .btn:hover .btn-icon {
            --shadow-size: 0.2rem;
            transform: translate(-0.25rem, 0.25rem);
        }

        .banner-btn-wrap .btn:active .btn-icon {
            --shadow-size: 0.1rem;
            transform: translate(-0.35rem, 0.35rem);
        }

.video-wrap-slide .dynamic-search-wrap {
    margin: 3.2rem 0 0;
}

.video-banner-wrapper .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 50%;
    bottom: calc(var(--section-spacing) * 0.3);
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 7px;
}

    .video-banner-wrapper .slick-dots button {
        appearance: none;
        -webkit-appearance: none;
        border-radius: 50%;
        font-size: 0;
        outline: none;
        border: none;
        aspect-ratio: 1/1;
        width: 10px;
        height: auto;
        padding: 0;
        line-height: normal;
        background: var(--white);
        opacity: 0.4;
        display: block;
        transition: var(--default-transition);
    }

    .video-banner-wrapper .slick-dots .slick-active button {
        opacity: 1;
    }

#banner-dynamic-search .dynamic-search-bg {
    align-items: center;
    min-height: 450px;
    height: 77vh;
    max-height: 720px;
    padding: 40px 20px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    border-radius: calc(var(--border-radius) * 2);
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    #banner-dynamic-search .dynamic-search-bg:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #000;
        opacity: 0.4;
        mix-blend-mode: multiply;
    }

.banner-dynamic-search .row-wrapper {
    width: 100%;
    max-width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    color: var(--white);
}

.banner-dynamic-search .banner-title {
    font-size: 70px;
    color: inherit;
    line-height: 1.15em;
    margin: 0 0 2.2rem;
}

.banner-dynamic-search .banner-paragraph {
    font-size: calc(var(--default-font-size) + 4px);
}

.dynamic-search-wrap {
    padding: 10px 40px;
    width: 100%;
}

    .dynamic-search-wrap > .row > [class^='col'] {
        flex: 0 0 auto;
        width: 100%;
    }

        .dynamic-search-wrap > .row > [class^='col']:not(:last-child) {
            margin-bottom: 15px;
        }

.dynamicRent > [class^='col']:not(:last-child) {
    margin-bottom: 15px;
}

.dynamic-search-wrap .form-radio-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
}

.dynamic-search-wrap .form-check-radio {
    position: relative;
}

    .dynamic-search-wrap .form-check-radio .form-check-input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1;
        cursor: pointer;
    }

    .dynamic-search-wrap .form-check-radio .form-check-label {
        display: block;
        padding: 4px 20px;
        line-height: normal;
        background: linear-gradient( to right, var(--white), #f0f0f0, rgb(31, 182, 255), rgb(0, 182, 28) );
        background-size: 300% auto;
        background-position: left center;
        color: var(--font-color);
        border-radius: 100px;
        font-size: calc(var(--default-font-size) + 1px);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3px;
        height: 40px;
        min-width: 100px;
        transition: var(--default-transition);
    }

    .dynamic-search-wrap
    .form-check-radio
    .form-check-input:checked + .form-check-label {
        background-position: right center;
        color: var(--white);
    }

.dynamic-search-wrap .form-check {
    margin: 0.5rem 0 0;
    line-height: 1.1em;
    font-size: var(--default-font-size);
    display: flex;
    align-items: center;
    gap: 7px;
}

.dynamic-search-wrap .search-title {
    color: inherit;
    margin: 0 0 3rem;
    font-size: 30px;
    text-align: center;
}

.dynamic-search-wrap .search-title-last {
    color: inherit;
    margin: 0 0 3rem;
    font-size: 25px;
    text-align: center;
}

.dynamic-search-wrap .btn-wrap {
    gap: 15px;
    margin: 3rem 0 0;
    justify-content: center;
    display: flex;
}

.dynamic-search-wrap .btn {
    min-width: 120px;
    font-size: calc(var(--default-font-size) + 1px);
    height: 40px;
    background: var(--white);
    border: 1px solid var(--white);
    position: relative;
    z-index: 1;
    color: var(--font-color);
    overflow: hidden;
}

    .dynamic-search-wrap .btn:hover,
    .dynamic-search-wrap .btn:active {
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        background: #44a9c1;
        color: var(--white);
        border-color: #657f8a;
    }

    .dynamic-search-wrap .btn:before,
    .dynamic-search-wrap .btn:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        height: 200%;
        width: 3px;
        background: var(--white);
        transform: translate(-20px, -50%) rotate(30deg);
        z-index: -1;
        opacity: 0.3;
        transition: inherit;
    }

    .dynamic-search-wrap .btn:hover:before {
        transform: translate(0px, -50%) rotate(30deg);
    }

    .dynamic-search-wrap .btn:after {
        width: 5px;
    }

    .dynamic-search-wrap .btn:hover:after {
        transform: translate(10px, -50%) rotate(30deg);
    }

    .dynamic-search-wrap .btn:active:before,
    .dynamic-search-wrap .btn:active:after {
        transform: translate(140px, -50%) rotate(30deg);
    }

    .dynamic-search-wrap .btn i {
        font-size: calc(100% + 2px);
    }

.dynamic-search-wrap .iti .form-control {
    padding: 0.375rem 0.75rem;
}

.input-group-wrap {
    --group-width: 2.5rem;
    position: relative;
}

    .input-group-wrap .input-group-text {
        position: absolute;
        left: 1px;
        top: 50%;
        transform: translateY(-50%);
        height: calc(100% - 2px);
        z-index: 9;
        border: none;
        outline: none;
        border-radius: var(--input-border-radius);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        background: var(--white);
        color: rgba(var(--theme), 1);
        font-size: calc(var(--default-font-size) + 4px);
        border-right: 1px solid var(--light-grey);
        padding: 0.375rem 0;
        width: var(--group-width);
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
    }

        .input-group-wrap .input-group-text + .form-control,
        .input-group-wrap .input-group-text + .form-select {
            padding-left: calc(var(--group-width) + 0.75rem);
        }

.dynamic-search-wrap .iti .iti__country-name {
    color: var(--font-color);
}

.input-group-wrap .input-group-text + .iti .iti__flag-container {
    left: var(--group-width);
}

.input-group-wrap .input-group-text + .iti .form-control {
    padding-left: calc(var(--group-width) + 6rem) !important; /*3.5rem*/
}

.banner-form-loader {
    width: 25%;
    aspect-ratio: 1;
    position: relative;
    margin: 0 auto;
    transform: rotate(45deg) translate(-10%, -10%);
}

    .banner-form-loader:before,
    .banner-form-loader:after {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 50% 50% 0 50%;
        background: rgba(var(--theme), 1);
        -webkit-mask: radial-gradient(circle 10px at 50% 50%, #0000 94%, #000);
    }

    .banner-form-loader:after {
        animation: l6 1s infinite;
        transform: perspective(300px) translateZ(0px);
    }

@keyframes l6 {
    to {
        transform: perspective(300px) translateZ(150px);
        opacity: 0;
    }
}

.home-bg-video .video-wrap {
    position: relative;
    width: 100%;
    height: 75vh;
    overflow: hidden;
    max-height: 700px;
}

    .home-bg-video .video-wrap video {
        width: 100%;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .home-bg-video .video-wrap .video-button {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: 80px;
        aspect-ratio: 1/1;
        outline: none;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
        line-height: normal;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 20%);
        color: var(--white);
        background: rgba(0, 0, 0, 10%);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        transition: var(--default-transition);
    }

.video-button.playing {
    opacity: 0;
    visibility: hidden;
}

.home-bg-video .video-wrap:hover .video-button {
    opacity: 1;
    visibility: visible;
}

.video-button .pause {
    display: none;
}

.video-button.playing .play {
    display: none;
}

.video-button.playing .pause {
    display: block;
}

.video-top-content {
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%;
    z-index: 1;
    /* pointer-events: none; */
}

    .video-top-content .section-small-title {
        color: var(--white);
    }

    .video-top-content p {
        color: var(--white);
        line-height: 1.6em;
    }

.section-paragraph {
    color: var(--paragraph-color);
}

.property-listing-section .searched-location {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .property-listing-section .searched-location p {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 8px 15px;
        border-radius: 100px;
        border: 1px solid var(--light-grey);
        color: var(--font-color);
        font-size: calc(100% - 1px);
    }

        .property-listing-section .searched-location p i {
            font-size: calc(100% + 1px);
        }

.property-listing-slider-wrapper {
    --center-slide-width: 700px;
}

    .property-listing-slider-wrapper .slick-list {
        padding: 0 calc((100vw - var(--center-slide-width)) / 2) !important;
    }

    .property-listing-slider-wrapper .property-slide {
        transform: scale(0.8);
        transform-origin: top center;
        transition: var(--default-transition);
    }

    .property-listing-slider-wrapper .slick-active.slick-center .property-slide {
        transform: scale(1);
    }

    .property-listing-slider-wrapper .property-slide-image-container {
        --offset-size: 20px;
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: var(--border-radius);
        aspect-ratio: 11/6;
    }

        .property-listing-slider-wrapper
        .property-slide-image-container
        .property-slide-image {
            position: absolute;
            left: calc(var(--offset-size) * -1);
            top: calc(var(--offset-size) * -1);
            width: calc(100% + var(--offset-size) * 2);
            height: calc(100% + var(--offset-size) * 2);
            display: flex;
            align-items: center;
            justify-content: center;
            transform-style: preserve-3d;
        }

            .property-listing-slider-wrapper
            .property-slide-image-container
            .property-slide-image
            .image-detail-btn {
                width: 85px;
                aspect-ratio: 1/1;
                line-height: normal;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                background: rgba(var(--primary), 1);
                text-decoration: none;
                color: var(--white);
                border: 2px solid rgba(var(--primary), 1);
                font-weight: 500;
                font-size: var(--default-font-size);
                transform: translateZ(120px);
                opacity: 0;
                visibility: hidden;
                transition: var(--default-transition);
            }

                .property-listing-slider-wrapper
                .property-slide-image-container
                .property-slide-image
                .image-detail-btn:hover {
                    background: var(--white);
                    color: rgba(var(--primary), 1);
                }

    .property-listing-slider-wrapper
    .property-slide-inner:hover
    .property-slide-image-container
    .property-slide-image
    .image-detail-btn {
        opacity: 1;
        visibility: visible;
    }

    .property-listing-slider-wrapper .property-slide .propery-slide-content {
        margin-top: 15px;
        overflow: hidden;
    }

    .property-listing-slider-wrapper .property-slide .property-slide-title {
        font-size: 18px;
        font-weight: 500;
        color: var(--font-color);
        margin-bottom: 10px;
    }

    .property-listing-slider-wrapper .property-slide .property-slide-info {
        color: var(--paragraph-color);
        margin: 0;
        font-size: calc(100% - 1px);
        transform: translateY(-100%);
        opacity: 0;
        transition: var(--default-transition);
    }

    .property-listing-slider-wrapper
    .slick-active.slick-center
    .property-slide
    .property-slide-info {
        transform: translateY(0%);
        opacity: 1;
    }

    .property-listing-slider-wrapper .property-slide .property-slide-location {
        color: var(--font-color);
        margin: 0;
        transition: var(--default-transition);
    }

    .property-listing-slider-wrapper
    .property-slide
    .left-col
    .property-slide-location {
        transform: translateY(100%);
        opacity: 0;
    }

    .property-listing-slider-wrapper
    .slick-active.slick-center
    .property-slide
    .left-col
    .property-slide-location {
        transform: translateY(0%);
        opacity: 1;
    }

    .property-listing-slider-wrapper
    .property-slide
    .right-col
    .property-slide-location {
        text-align: right;
        margin-bottom: 10px;
    }

    .property-listing-slider-wrapper
    .slick-active.slick-center
    .property-slide
    .right-col
    .property-slide-location {
        display: none;
    }

.home-property-listing-slider .home-listing-slider-arrow {
    position: absolute;
    right: calc((100vw - var(--container-width)) / 2);
    bottom: 5%;
    z-index: 9;
    display: flex;
    align-items: center;
    gap: 15px;
}

    .home-property-listing-slider .home-listing-slider-arrow .slick-arrow {
        border: 1px solid var(--light-grey);
        width: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        font-size: 30px;
        aspect-ratio: 1/1;
        border-radius: 50%;
        padding: 0;
        outline: none;
        color: var(--font-color);
        background: var(--white);
        transition: var(--default-transition);
    }

        .home-property-listing-slider .home-listing-slider-arrow .slick-arrow:hover {
            background: rgba(var(--primary), 1);
            border-color: rgba(var(--primary), 1);
            color: var(--white);
        }

.divider-section .divider {
    width: 100%;
    display: block;
    height: 1px;
    background: var(--light-grey);
}

.home-property-listing-grid .text-btn {
    font-size: 16px;
    font-weight: 500;
    color: var(--font-color);
    text-decoration: none;
    transition: var(--default-transition);
}

    .home-property-listing-grid .text-btn:hover {
        text-decoration: underline;
    }

.home-proprty-grid-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    row-gap: 30px;
}

.property-grid-item {
    width: 30%;
}

    .property-grid-item.large {
        width: 40%;
    }

    .property-grid-item .property-grid-item-inner {
        padding: 0 10px;
    }

    .property-grid-item .grid-image-container {
        --offset-size: 20px;
        aspect-ratio: 11/8;
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: var(--border-radius);
    }

        .property-grid-item .grid-image-container .grid-image {
            position: absolute;
            left: calc(var(--offset-size) * -1);
            top: calc(var(--offset-size) * -1);
            width: calc(100% + var(--offset-size) * 2);
            height: calc(100% + var(--offset-size) * 2);
            display: flex;
            align-items: center;
            justify-content: center;
            transform-style: preserve-3d;
        }

            .property-grid-item .grid-image-container .grid-image .image-detail-btn {
                width: 85px;
                aspect-ratio: 1 / 1;
                line-height: normal;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                background: rgba(var(--primary), 1);
                text-decoration: none;
                color: var(--white);
                border: 2px solid rgba(var(--primary), 1);
                font-weight: 500;
                font-size: var(--default-font-size);
                transform: translateZ(70px);
                opacity: 0;
                visibility: hidden;
                transition: var(--default-transition);
            }

                .property-grid-item .grid-image-container .grid-image .image-detail-btn:hover {
                    background: var(--white);
                    color: rgba(var(--primary), 1);
                }

    .property-grid-item:hover .grid-image-container .grid-image .image-detail-btn {
        opacity: 1;
        visibility: visible;
    }

    .property-grid-item .grid-property-content {
        margin: 12px 0 0;
    }

        .property-grid-item .grid-property-content .property-title {
            font-size: 16px;
            font-weight: 500;
            color: var(--font-color);
            margin: 0;
        }

        .property-grid-item .grid-property-content .property-location {
            font-size: var(--default-font-size);
            color: var(--font-color);
            margin: 0;
        }

        .property-grid-item .grid-property-content .property-grid-meta {
            margin: 8px 0 0;
            gap: 12px;
            font-size: calc(100% - 1px);
            line-height: normal;
        }

            .property-grid-item .grid-property-content .property-grid-meta p {
                margin: 0;
                color: inherit;
                font: inherit;
                gap: 3px;
            }

.featured-logos-section {
    padding: calc(var(--section-spacing) * 2) 0 calc(var(--section-spacing) * 1.1);
    margin: calc(var(--section-spacing) * 1.5) 0 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: var(--white);
}

    .featured-logos-section:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 200%;
        height: 300%;
        border-radius: 50%;
        background: rgba(var(--primary), 1);
        z-index: -1;
    }

    .featured-logos-section .section-title {
        color: inherit;
    }

.logo-slider-wrapper .slick-slide {
    width: 250px;
}

.logo-slider-wrapper .logo-slide {
    padding: 20px 15px;
}

.logo-slider-wrapper .logo-slide-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border-radius: var(--border-radius);
    padding: 12px;
    outline: none;
    border: none;
    transition: var(--default-transition);
}

    .logo-slider-wrapper .logo-slide-inner:hover {
        transform: scale(1.1);
        box-shadow: 0 0 10px #ffffff57;
    }

    .logo-slider-wrapper .logo-slide-inner img {
        display: block;
        height: 80px;
        filter: brightness(0);
    }

.logo-slider-wrapper-arrows .slick-arrow {
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    left: 15px;
    right: auto;
    transform: translate(-50%, -50%);
    z-index: 5;
    border: 1px solid var(--light-grey);
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-size: 22px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    padding: 0;
    outline: none;
    color: var(--font-color);
    background: var(--white);
    transition: var(--default-transition);
}

    .logo-slider-wrapper-arrows .slick-arrow:hover {
        background: rgba(var(--primary), 1);
        border-color: rgba(var(--primary), 1);
        color: var(--white);
        box-shadow: 0 0 15px #ffffff7a;
    }

    .logo-slider-wrapper-arrows .slick-arrow.next {
        left: auto;
        right: 15px;
        transform: translate(50%, -50%);
    }

.home-contact-image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-about-section {
    padding: calc(var(--section-spacing) * 1.1) 0 var(--section-spacing);
}

.home-sestimonial-section {
    padding: calc(var(--section-spacing) * 1.1) 0 var(--section-spacing);
}

.home-testimonial-slider {
    --center-slide-width: 550px;
}

    .home-testimonial-slider .slick-list {
        padding: 0 calc((100% - var(--center-slide-width)) / 2) !important;
    }

        .home-testimonial-slider .slick-list .slick-track {
            display: flex;
            align-items: center;
        }

.testimonial-slide {
    transform: scale(0.85);
    transform-origin: center;
    padding: 15px 0;
    transition: var(--default-transition);
}

.slick-active.slick-center .testimonial-slide {
    transform: scale(1);
}

.testimonial-slide .testimonial-slide-inner {
    background: var(--white);
    border-radius: var(--border-radius);
    box-shadow: 0 0 12px #00000014;
    --inner-spacing: 15px;
}

.testimonial-slide .testimonial-content {
    padding: var(--inner-spacing);
    color: var(--paragraph-color);
    position: relative;
    font-weight: 400;
}

    .testimonial-slide .testimonial-content:before {
        content: '\ec51';
        font-family: remixicon !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 80px;
        line-height: normal;
        transform: translate(-13%, -23%);
        color: rgba(var(--primary), 0.08);
    }

.testimonial-slide .testimonial-image-wrap {
    border-top: 1px solid var(--lighter-grey);
    padding: var(--inner-spacing);
    display: flex;
    align-items: center;
}

.testimonial-slide .testimonial-image img {
    display: block;
    aspect-ratio: 1 / 1;
    width: 60px;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}

.testimonial-slide .testimonial-meta {
    padding-left: 12px;
}

    .testimonial-slide .testimonial-meta .user-name {
        font-size: 17px;
        font-weight: 600;
        color: var(--font-color);
        margin: 0 0 3px;
    }

    .testimonial-slide .testimonial-meta .user-designation {
        color: var(--paragraph-color);
        line-height: normal;
        font-size: calc(var(--default-font-size) - 1px);
    }

.home-testimonial-slider-arrow {
    z-index: 9;
    display: flex;
    align-items: center;
    gap: 15px;
}

    .home-testimonial-slider-arrow .slick-arrow {
        border: 1px solid var(--light-grey);
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        font-size: 25px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        padding: 0;
        outline: none;
        color: var(--font-color);
        background: var(--white);
        transition: var(--default-transition);
    }

        .home-testimonial-slider-arrow .slick-arrow:hover {
            background: rgba(var(--primary), 1);
            border-color: rgba(var(--primary), 1);
            color: var(--white);
        }

.home-contact-form-section .col-md-6 {
    padding: 0;
}

.contact-image-slider-wrapper .contact-image-slide .image {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.contact-form-col {
    background: #222222;
    color: var(--white);
}

    .contact-form-col .col-inner {
        padding: 50px;
    }

    .contact-form-col .section-small-title {
        color: inherit;
    }

.home-contact-form .col-sm-6,
.home-contact-form .col-12 {
    margin-bottom: 16px;
}

.home-contact-form .input-wrap .form-control {
    background: #383838;
    border-color: #4b4b4b;
    color: var(--white);
}

.home-contact-form .input-wrap textarea.form-control {
    height: 120px;
    min-height: 100px;
    max-height: 150px;
}

.home-contact-form .form-submit-btn-wrap .btn {
    min-width: 120px;
}

.contact-slider-col {
    position: relative;
}

    .contact-slider-col * {
        height: 100%;
    }

.contact-image-slider-arrow {
    height: auto;
    position: absolute;
    bottom: 5%;
    right: 5%;
    z-index: 9;
    display: flex;
    align-items: center;
    gap: 15px;
}

    .contact-image-slider-arrow .slick-arrow {
        width: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        font-size: 30px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        padding: 0;
        outline: none;
        border: 1px solid rgb(255 255 255 / 36%);
        color: var(--white);
        background: rgb(0 0 0 / 16%);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        transition: var(--default-transition);
    }

        .contact-image-slider-arrow .slick-arrow i {
            height: auto;
        }

.faq-buy-sell-btns {
    gap: 15px;
    margin: 1.8rem 0 0;
}

    .faq-buy-sell-btns .btn {
        min-width: 104px;
    }

.faq-btn-selected {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.custom-accordion.accordion .accordion-item {
    border-bottom: 1px solid var(--light-grey);
}

    .custom-accordion.accordion
    .accordion-item
    .accordion-header
    .accordion-button {
        font-size: 18px;
        font-weight: 600;
        padding: 16px 0;
        background: transparent;
        color: var(--font-color);
        box-shadow: none;
        border: none;
    }

    .custom-accordion.accordion
    .accordion-item
    .accordion-collapse
    .accordion-body {
        padding: 0 0 16px;
        color: var(--paragraph-color);
    }

.marquee-section {
    padding: 40px 0;
}

footer#footer {
    padding: 0 0 25px;
    font-size: var(--default-font-size);
    background: url(/assets/images/footer-bg.png) repeat top left;
    background-size: 250px;
    background-color: rgba(var(--primary), 1);
    position: relative;
    z-index: +1;
    color: var(--white);
}

    footer#footer:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: -1;
        opacity: 0.8;
        mix-blend-mode: multiply;
    }

.footer-newsletter-wrap {
    padding: calc(var(--section-spacing) * 1.2) 0 calc(var(--section-spacing) * 1.5);
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
}

    .footer-newsletter-wrap .newsletter-title {
        font-size: 21px;
        font-weight: 600;
        line-height: 1.1em;
    }

.footer-newsletter-form {
    position: relative;
}

    .footer-newsletter-form .success-message {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -40px;
        font-size: calc(100% - 1px);
        line-height: normal;
        color: var(--success-color);
        font-weight: 500;
    }

.home-contact-form .success-message {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    bottom: -40px;
    font-size: calc(100% - 1px);
    line-height: normal;
    color: var(--success-color);
    font-weight: 500;
}

.footer-newsletter-form .success-message-inner {
    padding: 4px 10px;
    display: inline-flex;
    align-items: center;
    background: var(--success-bg);
    border: 1px solid var(--success-color);
    gap: 3px;
    border-radius: 100px;
}

.footer-newsletter-form .success-message i {
    font-size: calc(100% + 3px);
}

.footer-newsletter-form .input-wrap {
    position: relative;
    width: 100%;
    color: var(--font-color);
    line-height: normal;
}

    .footer-newsletter-form .input-wrap:before {
        content: '\eef6';
        font-family: remixicon !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
    }

    .footer-newsletter-form .input-wrap .form-control {
        border-radius: 100px;
        height: 40px;
        padding-left: 32px;
        padding-right: 110px;
    }

    .footer-newsletter-form .input-wrap .btn {
        position: absolute;
        height: calc(100% - 6px);
        right: 3px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 100px;
        min-width: 100px;
    }

footer#footer .copyright-text {
    font-weight: 500;
}

footer#footer .footer-menu {
    list-style: none;
    gap: 15px;
}

    footer#footer .footer-menu li a {
        font-weight: 500;
        color: inherit;
        text-decoration: none;
        transition: var(--default-transition);
    }

        footer#footer .footer-menu li a:hover {
            text-decoration: underline;
        }

footer#footer .social-menu {
    list-style: none;
    gap: 10px;
}

    footer#footer .social-menu li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 29px;
        aspect-ratio: 1/1;
        border-radius: 50%;
        text-decoration: none;
        color: inherit;
        border: 1px solid var(--light-grey);
        background: transparent;
        line-height: normal;
        transition: var(--default-transition);
    }

        footer#footer .social-menu li a:hover {
            color: var(--white);
            background: rgba(var(--primary), 1);
            border-color: rgba(var(--primary), 1);
        }

#whatsappFloatBtn {
    --webkit-appearance: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: +999;
    border-radius: var(--input-border-radius);
    font-size: calc(var(--default-font-size) + 1px);
    background: rgba(var(--whatsapp-color), 1);
    color: var(--white);
    border: 1px solid transparent;
    height: 38px;
    padding: 5px 18px;
    outline: none;
    gap: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--default-transition);
}

    #whatsappFloatBtn i {
        font-size: calc(100% + 5px);
    }

    #whatsappFloatBtn:hover {
        background: var(--white);
        color: rgba(var(--whatsapp-color), 1);
        border-color: rgba(var(--whatsapp-color), 1);
    }

#scrollToTop {
    --webkit-appearance: none;
    position: fixed;
    right: 20px;
    bottom: 70px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid var(--light-grey);
    outline: none;
    z-index: +999;
    width: 40px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--white);
    color: var(--font-color);
    aspect-ratio: 1/1;
    transition: var(--default-transition);
}

    #scrollToTop:hover {
        background: rgba(var(--primary), 1);
        color: var(--white);
    }

    #scrollToTop.active {
        opacity: 1;
        visibility: visible;
    }

/* inner banner */

.inner-banner-section {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: calc(var(--section-spacing) * 1.5) 0;
    position: relative;
    z-index: 1;
}

    .inner-banner-section:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #000;
        opacity: 0.1;
        mix-blend-mode: multiply;
    }

    .inner-banner-section .inner-banner-title {
        font-size: 52px;
        font-weight: 600;
        color: var(--font-color);
        line-height: 1.05em;
        margin: 0;
        letter-spacing: -0.03em;
        color: var(--white);
    }

/* contact page */

.map-iframe {
    width: 100%;
    display: block;
}

.contact-info-list {
    margin: 25px 0 0;
    list-style: none;
}

    .contact-info-list li {
        --icon-size: 45px;
        display: flex;
        align-items: center;
    }

        .contact-info-list li:not(:last-child) {
            margin-bottom: 15px;
        }

    .contact-info-list .info-icon {
        width: var(--icon-size);
        height: var(--icon-size);
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid rgba(var(--primary), 1);
        border-radius: 50%;
        font-size: 20px;
        line-height: normal;
        color: rgba(var(--primary), 1);
    }

    .contact-info-list .info-content {
        width: calc(100% - var(--icon-size));
        display: block;
        padding-left: 15px;
        line-height: normal;
    }

    .contact-info-list .title {
        display: block;
        font-size: 17px;
        font-weight: 600;
        margin: 0 0 3px;
        color: var(--font-color);
    }

    .contact-info-list .content {
        color: var(--paragraph-color);
        font-size: var(--default-font-size);
    }

        .contact-info-list .content a {
            color: inherit;
            transition: var(--default-transition);
        }

            .contact-info-list .content a:hover {
                color: rgba(var(--primary), 1);
            }

.contact-form .col-sm-6,
.contact-form .col-12 {
    margin-bottom: 16px;
}

.contact-form .input-wrap textarea.form-control {
    height: 120px;
    min-height: 100px;
    max-height: 150px;
}

.contact-form .form-submit-btn-wrap .btn {
    min-width: 120px;
}

/* property listing page */

.property-page-property-listing-grid {
    padding: calc(var(--section-spacing) * 1.2) 0;
}

    .property-page-property-listing-grid .property-grid-item {
        width: 33.33%;
    }

.grid-pagination {
    margin: 40px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .grid-pagination .pagination {
        margin: 0;
        padding: 0;
        --bs-pagination-color: var(--paragraph-color);
        --bs-pagination-active-bg: rgba(var(--primary), 1);
        --bs-pagination-active-border-color: rgba(var(--primary), 1);
        --bs-pagination-hover-bg: rgba(var(--primary), 0.1);
        --bs-pagination-focus-bg: rgba(var(--primary), 0.1);
        --bs-pagination-hover-color: rgba(var(--primary), 1);
        --bs-pagination-focus-color: rgba(var(--primary), 1);
        --bs-pagination-focus-box-shadow: none;
    }

        .grid-pagination .pagination .page-link {
            font-weight: 500;
            font-size: var(--default-font-size);
            line-height: 30px;
            height: 30px;
            padding-top: 0;
            padding-bottom: 0;
        }

/* property detail page */

.property-detail-page-section {
    padding: calc(var(--section-spacing) * 1.2) 0;
}

.property-detail-page-section-row {
    --bs-gutter-x: 30px;
}

.property-detail-gallery-col > .inner-col {
    position: sticky;
    top: 10vh;
    left: 0;
}

.property-detail-large-slider .property-detail-slide a {
    position: relative;
    display: block;
    text-decoration: none;
    border-radius: var(--border-radius);
    overflow: hidden;
    line-height: normal;
    transition: var(--default-transition);
}

    .property-detail-large-slider .property-detail-slide a:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0;
        mix-blend-mode: multiply;
        transition: inherit;
    }

    .property-detail-large-slider .property-detail-slide a:hover:before {
        opacity: 0.2;
    }

    .property-detail-large-slider .property-detail-slide a:after {
        content: '\f2db';
        font-family: remixicon !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 35px;
        opacity: 0;
        color: var(--white);
        transition: inherit;
    }

    .property-detail-large-slider .property-detail-slide a:hover:after {
        opacity: 1;
    }

.property-detail-large-slider .property-detail-slide img {
    display: block;
    width: 100%;
    height: 55vh;
    object-fit: cover;
}

.property-detail-large-slider-nav .slick-list {
    --offset: 3px;
    margin-left: calc(var(--offset) * -1);
    margin-right: calc(var(--offset) * -1);
}

.property-detail-large-slider-nav .property-nav-slide {
    padding: 0 var(--offset);
}

    .property-detail-large-slider-nav .property-nav-slide img {
        width: 100%;
        display: block;
        aspect-ratio: 1/1;
        object-fit: cover;
        border-radius: var(--border-radius);
        border: 3px solid transparent;
        transition: var(--default-transition);
    }

.property-detail-large-slider-nav
.slick-active.slick-center
.property-nav-slide
img {
    border-color: rgba(var(--primary), 1);
}

.property-detail-nav-arrows .slick-arrow {
    -webkit-appearance: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    border: none;
    line-height: normal;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 30px;
    font-size: 18px;
    background: var(--white);
    border: 1px solid var(--light-grey);
    transition: var(--default-transition);
}

    .property-detail-nav-arrows .slick-arrow.next {
        left: auto;
        right: 0;
        transform: translate(50%, -50%);
    }

    .property-detail-nav-arrows .slick-arrow:hover {
        background: rgba(var(--primary), 1);
        border-color: rgba(var(--primary), 1);
        color: var(--white);
    }

.property-detail-nav-wrapper {
    margin: 5px 0 0;
}

.property-detail-content-col {
    color: var(--paragraph-color);
    font-size: var(--default-font-size);
}

    .property-detail-content-col > .inner-col:not(:last-child) {
        margin: 0 0 20px;
        padding: 0 0 30px;
        border-bottom: 1px solid var(--light-grey);
    }

    .property-detail-content-col .detail-title {
        color: var(--font-color);
        font-size: 28px;
        font-weight: 600;
        margin: 0 0 15px;
    }

.property-overview-wrap {
    list-style: none;
    padding: 20px;
    margin: 20px 0 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 20px 15px;
    background: rgba(var(--primary), 0.95);
    border-radius: var(--border-radius);
}

    .property-overview-wrap li {
        --icon-size: 38px;
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .property-overview-wrap .icon-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--icon-size);
        aspect-ratio: 1 / 1;
        font-size: 17px;
        line-height: normal;
        height: auto;
        border-radius: calc(var(--border-radius) / 2);
        border: 1px solid #ffffff54;
        color: var(--white);
        background: rgba(var(--primary), 1);
    }

    .property-overview-wrap .icon-content {
        width: calc(100% - var(--icon-size));
        color: var(--white);
        font-size: calc(var(--default-font-size) - 2px);
        padding-left: 10px;
    }

        .property-overview-wrap .icon-content .title {
            font-weight: 600;
            font-size: calc(100% + 1px);
            display: block;
            line-height: normal;
            margin: 0 0 2px;
        }

.property-feature-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 15px;
}

    .property-feature-list li {
        width: 100%;
        position: relative;
        padding-left: 20px;
    }

        .property-feature-list li:before {
            content: '\eb81';
            font-family: remixicon !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            position: absolute;
            left: 0;
            top: 0;
            color: rgba(var(--primary), 1);
        }

.property-location-map iframe {
    height: 300px;
    border-radius: var(--border-radius);
}

.property-detail-video-wrapper .video-wrap {
    position: relative;
    width: 100%;
    height: 48vh;
    overflow: hidden;
    max-height: 400px;
    border-radius: var(--border-radius);
}

    .property-detail-video-wrapper .video-wrap video {
        width: 100%;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .property-detail-video-wrapper .video-wrap .video-button {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: 70px;
        aspect-ratio: 1 / 1;
        outline: none;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 35px;
        line-height: normal;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 20%);
        color: var(--white);
        background: rgba(0, 0, 0, 10%);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        transition: var(--default-transition);
    }

        .property-detail-video-wrapper .video-wrap .video-button:before,
        .property-detail-video-wrapper .video-wrap .video-button:after {
            position: absolute;
            content: '';
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border: solid 1px var(--white);
            border-radius: inherit;
            z-index: -1;
            animation: ripple 3s linear infinite;
        }

        .property-detail-video-wrapper .video-wrap .video-button:after {
            animation: ripple 3s 1.5s linear infinite;
        }

    .property-detail-video-wrapper .video-wrap:hover .video-button {
        opacity: 1;
        visibility: visible;
    }

.video-button.playing:before,
.video-button.playing:after {
    opacity: 0;
}

@keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0;
    }
}

.floor-plans-wrapper .ui-tabs-nav {
    display: flex;
    align-items: center;
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    gap: 10px;
}

    .floor-plans-wrapper .ui-tabs-nav li a {
        text-decoration: none;
        color: var(--paragraph-color);
        background: transparent;
        display: block;
        line-height: normal;
        padding: 6px 15px;
        border-radius: 100px;
        border: 1px solid var(--light-grey);
        transition: var(--default-transition);
    }

        .floor-plans-wrapper .ui-tabs-nav li.ui-tabs-active a,
        .floor-plans-wrapper .ui-tabs-nav li a:hover {
            background: rgba(var(--primary), 1);
            border-color: rgba(var(--primary), 1);
            color: var(--white);
        }

.floor-plan-image {
    padding: 15px;
    border: 1px solid var(--light-grey);
    border-radius: var(--border-radius);
}

    .floor-plan-image img {
        display: block;
        width: 100%;
    }

.floor-plans-wrapper .floor-plan-title {
    color: var(--font-color);
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 10px;
}

/* about us page */

.about-our-vision {
    padding: calc(var(--section-spacing) * 1.2) 0;
    font-size: calc(var(--default-font-size) + 1px);
    line-height: 1.5em;
    color: var(--paragraph-color);
}

    .about-our-vision li:not(:last-child) {
        margin-bottom: 5px;
    }

    .about-our-vision h1,
    .about-our-vision h2,
    .about-our-vision h3,
    .about-our-vision h4,
    .about-our-vision h5,
    .about-our-vision h6 {
        color: var(--font-color);
    }

/* Promo page */

.promo-buy {
    --bg-color-1: rgba(var(--primary), 1);
    --bg-color-2: #ff8c33;
    --bg-color-3: #a8ff79;
    --step: 0.3rem;
    padding: calc(var(--section-spacing) * 1.3) 0 calc(var(--section-spacing) * 1.1);
}

    .promo-buy .btn-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }

    .promo-buy .btn {
        --active: 0.7;
        color: var(--white) !important;
        border-radius: 100px;
        position: relative;
        cursor: pointer;
        font-weight: 600;
        border: 0;
        background: transparent;
        padding: 0;
        display: block;
        min-width: 100px;
        height: 40px;
        line-height: normal;
    }

        .promo-buy .btn span {
            border-radius: inherit;
            color: inherit;
            inset: 0;
            display: grid;
            background: var(--bg);
            place-items: center;
            border: 2px solid rgba(var(--primary), 1);
            line-height: inherit;
            height: 100%;
            translate: calc((var(--active) * var(--coefficient, 0)) * (var(--step) * -1)) calc((var(--active) * var(--coefficient, 0)) * (var(--step) * -1));
            transition: var(--default-transition);
        }

            .promo-buy .btn span:first-of-type {
                height: 100%;
            }

            .promo-buy .btn span:not(:first-of-type) {
                position: absolute;
            }

            .promo-buy .btn span:nth-of-type(1) {
                --bg: var(--bg-color-3);
            }

            .promo-buy .btn span:nth-of-type(2) {
                --coefficient: 1;
                --bg: var(--bg-color-2);
            }

            .promo-buy .btn span:nth-of-type(3) {
                --coefficient: 2;
                --bg: var(--bg-color-1);
            }

        .promo-buy .btn:is(:hover, :focus-visible) {
            --active: 1.2;
        }

        .promo-buy .btn:active {
            --active: 0.5;
        }

.promo-banner .container {
    margin-top: -7%;
    position: relative;
}

.promo-banner .title {
    font-size: 45px;
    font-weight: 600;
    color: var(--font-color);
    line-height: 1.15em;
    margin: 0;
}

.promo-video {
    padding-bottom: 20px;
    height: 90vh;
    overflow: hidden;
    position: relative;
}

    .promo-video video {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .promo-video:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 20%;
        width: 100%;
        background: linear-gradient(to top, var(--white) 30%, transparent);
        /* filter: blur(20px); */
    }

.promo-developers,
.promo-why-invest {
    padding: calc(var(--section-spacing) * 1.1) 0;
}

    .promo-developers.another-developers {
        padding-top: 0;
    }

.developer-grid {
    margin-top: 30px;
    grid-row-gap: 22px;
}

    .developer-grid .card {
        --image-size: 100px;
        border-radius: var(--border-radius);
        background: var(--white);
        box-shadow: 0 5px 12px #0000000d;
        overflow: hidden;
        border: 1px solid var(--lighter-grey);
        display: flex;
        align-items: center;
        flex-direction: unset;
        transition: var(--default-transition);
    }

        .developer-grid .card:hover {
            box-shadow: 0 7px 15px #0000001f;
        }

    .developer-grid .image-wrap {
        width: var(--image-size);
        height: auto;
        aspect-ratio: 1/1;
    }

        .developer-grid .image-wrap img {
            display: block;
            width: 100%;
            height: 100%;
            aspect-ratio: inherit;
            object-fit: cover;
        }

    .developer-grid .content-wrap {
        width: calc(100% - var(--image-size));
        padding: 12px;
    }

    .developer-grid .developer-title {
        font-size: 16px;
        font-weight: 500;
        color: var(--font-color);
        margin: 0;
    }

.invest-grid {
    --icon-size: 60px;
    grid-row-gap: 30px;
}

    .invest-grid .card {
        height: 100%;
        border-radius: var(--border-radius);
        overflow: hidden;
        position: relative;
        background: rgba(var(--primary), 1);
        z-index: 1;
        border: 1px solid var(--light-grey);
        cursor: context-menu;
        transition: var(--default-transition);
    }

        .invest-grid .card .card-bg {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-position: center;
            background-size: cover;
            transform-origin: center;
            transform: scale(1);
            opacity: 0.4;
            transition: inherit;
        }

        .invest-grid .card .card-inner {
            padding: 2rem 20px 5.5rem;
            height: 100%;
            transition: inherit;
        }

        .invest-grid .card .card-wrap {
            width: 100%;
            transform: scale(1);
            color: var(--white);
            transition: inherit;
        }

    .invest-grid .invest-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--icon-size);
        height: auto;
        aspect-ratio: 1/1;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        border-radius: 50%;
        border: 1px solid var(--light-grey);
        font-size: 25px;
        line-height: normal;
        background: var(--white);
        transition: inherit;
    }

    .invest-grid .card:hover {
        background: rgba(var(--theme), 1);
        border-color: rgba(var(--theme2), 1);
    }

        .invest-grid .card:hover .card-bg {
            transform: scale(1.25);
            opacity: 0.1;
        }

        .invest-grid .card:hover .card-wrap {
            transform: scale(1.05);
            color: var(--font-color);
        }

        .invest-grid .card:hover .invest-icon {
            border-color: transparent;
            color: rgba(var(--theme), 1);
            box-shadow: 0 5px 12px #0000000d;
        }

    .invest-grid .invest-title {
        margin: 0 0 0.8rem;
        font-size: 16px;
        font-weight: 500;
        color: inherit;
    }

    .invest-grid .invest-content {
        font-size: var(--default-font-size);
        color: inherit;
        opacity: 0.8;
        font-weight: 400;
    }

.popular-search-section {
    padding: calc(var(--section-spacing) * 1.1) 0;
}

.more-less-btn {
    width: 100%;
    padding: 0;
    border-radius: 0;
    border: none;
    background: transparent;
    color: var(--font-color);
    text-align: right;
    margin: 1rem 0;
}

    .more-less-btn:before {
        content: '';
        display: block;
        flex: 1 0 auto;
        height: 1px;
        background: var(--light-grey);
    }

    .more-less-btn span {
        display: inherit;
        gap: inherit;
        align-items: inherit;
        min-width: 100px;
        justify-content: flex-end;
    }

    .more-less-btn .less,
    .more-less-btn.show .more {
        display: none;
    }

    .more-less-btn.show .less {
        display: block;
    }

.popular-tab-wrapper .ui-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 15px;
    list-style: none;
    margin: 0 0 3rem;
}

    .popular-tab-wrapper .ui-tabs-nav li a {
        text-decoration: none;
        color: var(--paragraph-color);
        background: transparent;
        display: block;
        line-height: normal;
        padding: 7px 25px;
        border-radius: 100px;
        font-size: calc(var(--default-font-size) + 1px);
        border: 1px solid var(--light-grey);
        transition: var(--default-transition);
    }

        .popular-tab-wrapper .ui-tabs-nav li.ui-tabs-active a,
        .popular-tab-wrapper .ui-tabs-nav li a:hover {
            background: rgba(var(--primary), 1);
            border-color: rgba(var(--primary), 1);
            color: var(--white);
        }

.popular-list-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 1.2rem;
    color: var(--font-color);
}

    .popular-list-title a {
        color: inherit;
    }

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

    .popular-list li {
        color: var(--paragraph-color);
        font-size: calc(var(--default-font-size) + 1px);
        margin-bottom: 8px;
        font-weight: 500;
    }

        .popular-list li a {
            color: inherit;
            text-decoration: none;
        }

            .popular-list li a:hover {
                color: var(--font-color);
                text-decoration: underline;
            }

.more-less-tab {
    overflow: hidden;
    max-height: 158px;
}

    .more-less-tab.show {
        max-height: fit-content;
    }

/* modal */

.modal {
    --bs-modal-header-padding: 12px 15px;
    --bs-modal-padding: 15px;
}

.modal-body {
    padding: 20px;
}

.modal .modal-header {
    border-bottom: 1px solid var(--light-grey);
}

    .modal .modal-header .modal-title {
        line-height: normal;
        font-weight: 600;
        font-size: 18px;
    }

.modal .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 12px;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 24px;
    height: auto;
    padding: 0;
    border: 1px solid var(--light-grey);
    filter: none;
    background: transparent;
    color: var(--font-color);
    line-height: normal;
    opacity: 1;
    outline: none;
    box-shadow: none;
    transition: var(--default-transition);
    z-index: 999;
}

    .modal .btn-close:hover {
        background: var(--light-grey);
    }

.modal-whatsapp-icon {
    --size: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    width: var(--size);
    height: auto;
    aspect-ratio: 1 / 1;
    border: 10px solid var(--lighter-grey);
    border-radius: 50%;
    font-size: 35px;
    margin: 0 auto;
    margin-top: calc(var(--size) / 2 * -1);
    color: rgba(var(--whatsapp-color), 1);
    background: var(--white);
}

.modal-dialog-scrollable .modal-body {
    max-height: 80svh;
}

.modal .modal-body-title {
    font-size: 30px;
    font-weight: 600;
    color: var(--font-color);
    margin: 0.5rem 0 2rem;
}

.modal .form-control,
.modal .form-select {
    height: 40px;
    font-size: calc(var(--default-font-size) + 1px);
}

.iti {
    width: 100%;
    display: block;
}

.modal-contact-form .col-sm-6,
.modal-contact-form .col-12 {
    margin-bottom: 16px;
}

.modal-contact-form label {
    margin-bottom: 1.5rem;
}

.modal-contact-form textarea {
    height: 120px;
    min-height: 100px;
    max-height: 150px;
}

.modal-contact-form .form-submit-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0 0;
    gap: 15px;
}

    .modal-contact-form .form-submit-btn-wrap .btn {
        min-width: 160px;
        height: 40px;
    }

    .modal-contact-form .form-submit-btn-wrap .whatsapp-submit {
        font-size: calc(var(--default-font-size) + 1px);
        background: rgba(var(--whatsapp-color), 1);
        color: var(--white);
        border: 1px solid transparent;
    }

        .modal-contact-form .form-submit-btn-wrap .whatsapp-submit:hover {
            background: var(--white);
            color: rgba(var(--whatsapp-color), 1);
            border-color: rgba(var(--whatsapp-color), 1);
        }

        .modal-contact-form .form-submit-btn-wrap .whatsapp-submit i {
            font-size: calc(100% + 10px);
        }

/* responsive */
@media only screen and (min-width: 2000px) {
    :root {
        --container-width: 1450px;
    }

    main#main {
        max-width: 2100px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* mobile menu */


.mobile-menu .ci {
    display: inline-block;
    vertical-align: middle;
}

.mobile-menu-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 200px;
    width: 65vw;
    height: 100vh;
    transform: translateX(-102%);
    z-index: +999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.mobile-menu-visible .mobile-menu-sidebar {
    transform: translateX(0%);
    opacity: 1;
    visibility: visible;
}

.mobile-menu-sidebar .mobile-menu-inner {
    height: 100%;
    border-right: 1px solid var(--lighter-grey);
    background: var(--white);
    box-shadow: 15px 0 10px #00000008;
}

.sidebar-logo {
    border-bottom: 1px solid var(--lighter-grey);
    padding: 0 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    height: 51px;
}

.siderbar-main-text {
    font-size: calc(var(--default-font-size) + 1px);
    margin: 0;
    padding: 10px 15px;
    color: var(--font-color);
    font-weight: 500;
}

ul.mobile-menu {
    list-style: none;
    width: 100%;
}

    ul.mobile-menu li a {
        padding: 10px 15px;
        border-top: 1px solid var(--lighter-grey);
        color: var(--grey);
        background: transparent;
    }

        ul.mobile-menu li a:hover,
        ul.mobile-menu li .active {
            color: var(--white);
            background: rgba(var(--primary), 1);
        }

    ul.mobile-menu li .btn-text {
        padding: 10px 15px;
        border: none;
        width: 100%;
        text-align: left;
        border-top: 1px solid var(--lighter-grey);
        color: var(--grey);
        background: transparent;
        outline: none;
    }

        ul.mobile-menu li .btn-text:hover {
            color: var(--white);
            background: rgba(var(--primary), 1);
        }

.mobile-menu-toggle {
    padding: 10px 0;
    position: absolute;
    right: 0;
}

.toggle-menu-btn {
    padding: 0;
    aspect-ratio: 1 / 1;
    width: 30px;
    height: auto;
    font-size: 15px;
    background: rgba(var(--primary), 1) !important;
    color: var(--white) !important;
}

    .toggle-menu-btn .close-icon,
    .mobile-menu-visible .toggle-menu-btn .menu-icon {
        display: none;
    }

.mobile-menu-visible .toggle-menu-btn .close-icon {
    display: block;
}

/* lightbox modal */

.modal.lightbox .carousel-item .ratio {
    background: transparent !important;
}

.modal.lightbox .carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    aspect-ratio: 1 / 1;
    width: auto;
    left: 0;
    right: auto;
    height: 40px !important;
    margin: 0 !important;
    opacity: 1;
    border-radius: 50%;
    background: var(--white);
    border: 1px solid var(--light-grey);
    font-size: 18px;
    padding: 0;
    line-height: normal;
    transition: var(--default-transition);
}

    .modal.lightbox .carousel-control.carousel-control-next {
        left: auto;
        right: 0;
    }

    .modal.lightbox .carousel-control .carousel-control-prev-icon,
    .modal.lightbox .carousel-control .carousel-control-next-icon {
        filter: brightness(0);
        width: 1em;
        height: 1em;
    }

    .modal.lightbox .carousel-control:hover {
        background: rgba(var(--primary), 1);
        border-color: rgba(var(--primary), 1);
    }

        .modal.lightbox .carousel-control:hover .carousel-control-prev-icon,
        .modal.lightbox .carousel-control:hover .carousel-control-next-icon {
            filter: brightness(0) invert(1);
        }

.modal.lightbox .btn-close {
    width: 30px;
    height: auto;
    aspect-ratio: 1/1;
    line-height: normal;
    opacity: 1;
    border-radius: 50%;
    background: var(--white) !important;
    border: 1px solid var(--light-grey);
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: var(--font-color);
    outline: none !important;
    box-shadow: none !important;
    transition: var(--default-transition);
}

    .modal.lightbox .btn-close:hover {
        background: var(--light-grey) !important;
    }

    .modal.lightbox .btn-close svg {
        width: 1em;
        position: static !important;
        height: 1em;
        fill: currentColor;
    }

.clsform {
    background: #ffffff;
    border-radius: 25px;
    color: #22224c;
    padding: 30px 50px;
    opacity: 90%;
    margin: 0px 20px;
}

/* larger than 1920 */
@media only screen and (min-width: 1920px) {
    :root {
        --default-font-size: 15px;
        --input-height: 42px;
    }

    html,
    body {
        line-height: 1.5em;
    }

    .dynamic-search-wrap .form-check-radio .form-check-label {
        height: 40px;
    }

    .modal .form-control,
    .modal .form-select {
        height: var(--input-height);
    }

    .video-wrap-slide .head-logo img {
        height: 60px;
    }

    .tag {
        font-size: var(--default-font-size);
    }

    .video-wrap-slide .banner-title {
        /*font-size: 70px;*/
        margin: 20px 0 3.2rem;
    }

    .video-wrap-slide .banner-list-title {
        font-size: 24px;
        margin: 0 0 2.5rem;
    }

    .video-wrap-slide .banner-list .title {
        font-size: 20px;
    }

    .video-wrap-slide .banner-list li {
        font-size: 16px;
        line-height: 1.5em;
    }

    .banner-btn-wrap {
        margin: 3.5rem 0 0;
    }

    /*    .clsform {
        padding: 5px 5px;
    }

    .form-control-label {
        padding: 0.675rem 0.75rem;
        font-size: 12px;
    }*/
}

/* larger than 820 */
@media only screen and (min-width: 821px) {
    .mobile-menu-toggle {
        display: none;
    }

    #header .navbar {
        display: flex;
    }

    /*    .clsform {
        padding: 30px 20px;
        margin: 0px 0px;
    }

    .dynamic-search-wrap .search-title-last {
        margin: 0 0 1rem;
    }
    .dynamic-search-wrap .btn-wrap {
        margin: 1rem 0 0;
    }*/
}

/* smaller than 821 */
@media only screen and (max-width: 821px) {
    :root {
        --section-spacing: 50px;
    }

    .row > *:not(:last-child),
    .inner-col:not(:last-child) {
        margin-bottom: 15px;
        text-align: center;
    }

    .home-contact-form > .row > *:not(:last-child) {
        text-align: left !important;
    }

    .more-less-tab .popular-list-title, .popular-list {
        text-align: center;
    }

    .video-wrap-container video {
        height: 100%;
        transform: translate(-50%, -50%) scale(2);
    }

    .video-wrap-slide .banner-title {
        font-size: 40px;
        margin-bottom: 2rem;
    }

    .video-wrap-slide .banner-sub-title {
        font-size: 25px;
        margin-bottom: 2rem;
    }

    .video-wrap-slide .banner-list-title {
        font-size: 15px;
    }


    .banner-btn-wrap,
    .video-wrap-slide .dynamic-search-wrap {
        margin-top: 2.2rem;
    }

    .promo-video {
        height: auto;
    }

        .promo-video video {
            position: static;
            transform: none;
        }

    .promo-banner .container {
        margin-top: -11%;
    }

    .promo-banner .title {
        font-size: 30px;
    }

    .developer-grid > div[class^='col'] {
        margin-bottom: 0 !important;
        width: 33.33%;
    }

    .developer-grid .card {
        flex-direction: column;
        height: 100%;
    }

    .developer-grid .image-wrap {
        aspect-ratio: 16/9;
    }

    .developer-grid .image-wrap,
    .developer-grid .content-wrap {
        width: 100%;
    }

    .invest-grid > div[class^='col'] {
        margin-bottom: 0 !important;
        width: 33.33%;
    }

    .invest-grid .card .invest-icon {
        margin-top: 0 !important;
    }

    #header .header-inner {
        justify-content: center !important;
    }

    #header .head-logo .main-logo {
        width: auto;
        height: 50px;
    }

    #home-banner .banner-title {
        font-size: 38px;
    }

    .section-title {
        font-size: 30px;
    }

    .footer-newsletter-wrap .newsletter-title,
    .section-small-title {
        font-size: 25px;
    }

    #home-banner .text-end {
        text-align: left !important;
    }

    #banner-dynamic-search .dynamic-search-bg {
        background-attachment: scroll !important;
        padding: 15px;
    }

    .dynamic-search-wrap {
        padding: 10px 0 0;
    }

        .dynamic-search-wrap .search-title {
            font-size: 18px;
            margin: 0 0 1rem;
        }

        .dynamic-search-wrap .btn-wrap {
            margin: 1rem 0 0;
        }

    .home-bg-video .video-wrap {
        height: auto;
    }

        .home-bg-video .video-wrap video {
            position: static;
            transform: none;
        }

        .home-bg-video .video-wrap .video-button {
            width: 50px;
            font-size: 25px;
        }

    .video-top-content {
        position: static;
        margin: 15px 0 0;
    }

        .video-top-content .row {
            width: auto !important;
        }

        .video-top-content .section-small-title,
        .video-top-content p {
            color: var(--font-color);
            margin: 0 !important;
        }

    .property-listing-slider-wrapper .property-slide .property-slide-inner {
        padding: 0 15px;
    }

    .property-listing-slider-wrapper .property-slide .left-col {
        margin-bottom: 10px;
    }

    .home-property-listing-slider .home-listing-slider-arrow {
        position: static;
        justify-content: center;
    }

    .property-grid-item {
        width: 50% !important;
    }

        .property-grid-item .grid-image-container .grid-image .image-detail-btn {
            opacity: 1;
            visibility: visible;
        }

    .featured-logos-section:before {
        height: 200%;
    }

    .contact-form-col .col-inner {
        padding: 30px 15px;
    }

    .contact-form-col .section-small-title br,
    .section-paragraph br {
        display: none;
    }

    footer#footer {
        text-align: center;
        padding: 0 0 100px;
    }

        footer#footer .social-menu {
            justify-content: center !important;
        }

    .contact-image-slider-wrapper .contact-image-slide .image {
        position: static;
    }

    .inner-banner-section .inner-banner-title {
        font-size: 38px;
    }

    .contact-form {
        margin: 10px 0 0;
        padding: 20px 0 0;
        border-top: 1px solid var(--light-grey);
    }

    .property-detail-content-col .detail-title {
        font-size: 25px;
    }

    .property-detail-nav-arrows .slick-arrow {
        transform: translate(0%, -50%);
    }

        .property-detail-nav-arrows .slick-arrow.next {
            transform: translate(0%, -50%);
        }

    .property-feature-list {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .property-overview-wrap {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }

    .property-detail-gallery-col {
        margin-bottom: 25px !important;
    }

    .property-detail-video-wrapper .video-wrap {
        height: auto;
    }

        .property-detail-video-wrapper .video-wrap video {
            position: static;
            transform: none;
        }

        .property-detail-video-wrapper .video-wrap .video-button {
            width: 50px;
            font-size: 25px;
        }

    .clsform {
        padding: 30px 20px;
        margin: 0px 0px;
    }

    .dynamic-search-wrap .search-title-last {
        margin: 0 0 2rem;
        font-size: 20px;
    }

    .form-control-label {
        padding: 0.675rem 0.75rem;
        font-size: 11px;
    }

    .search-title-last span {
        font-size: 1rem;
    }

    .input-group-wrap .input-group-text + .iti .form-control {
        padding-left: calc(var(--group-width) + 6.2rem) !important;
    }
}

/* smaller than 769 */
@media only screen and (max-width: 769px) {
    #banner-dynamic-search .dynamic-search-bg {
        min-height: auto;
        height: auto;
        max-height: fit-content;
    }

    .banner-dynamic-search .banner-title {
        font-size: 45px;
    }

        .banner-dynamic-search .banner-title br {
            display: none;
        }

    .container-xxl {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

    .banner-dynamic-search .banner-paragraph {
        font-size: calc(var(--default-font-size) + 1px);
    }
}

/* smaller than 510 */
@media only screen and (max-width: 510px) {

    .input-group-wrap .input-group-text + .iti .form-control {
        padding-left: calc(var(--group-width) + 6.3rem) !important;
    }

    .mb-5 {
        margin-bottom: 2rem !important;
    }

    .video-banner-wrapper .slick-track {
        display: flex;
        align-items: stretch;
    }

    .video-banner-wrapper .slick-slide {
        height: auto;
    }

        .video-banner-wrapper .slick-slide > * {
            height: 100%;
        }

    .video-wrap-slide {
        max-height: max-content;
        height: 100% !important;
        align-items: stretch;
        padding-top: calc(var(--section-spacing) * 2);
    }

    .banner-btn-wrap {
        gap: 3rem;
    }

    .invest-grid .card .card-inner {
        padding: 2rem 15px 7rem;
    }

    .video-wrap-slide .banner-list {
        gap: 12px;
    }

        .video-wrap-slide .banner-list li {
            flex: 1 0 100%;
        }

    .video-wrap-container video {
        transform: translate(-50%, -50%) scale(4);
    }

    .promo-video:after {
        height: 40%;
    }

    .promo-banner .container {
        margin-top: -18%;
    }

    .night .star:nth-child(1),
    .night .star:nth-child(2),
    .night .star:nth-child(3) {
        display: none;
    }

    .invest-grid {
        grid-row-gap: 20px;
    }

        .invest-grid > div[class^='col'] {
            width: 100%;
        }

    .developer-grid > div[class^='col'] {
        width: 50%;
    }

    .property-grid-item {
        width: 100% !important;
    }

        .property-grid-item .property-grid-item-inner {
            padding: 0;
        }

    .property-listing-slider-wrapper
    .property-slide-image-container
    .property-slide-image
    .image-detail-btn {
        width: 80px;
        opacity: 1;
        visibility: visible;
    }

    .property-grid-item .grid-image-container .grid-image .image-detail-btn {
        width: 80px;
    }

    .home-sestimonial-section .mb-5 {
        margin-bottom: 1rem !important;
    }

    .home-testimonial-slider .slick-list .slick-track {
        align-items: flex-start;
    }

    .featured-logos-section:before {
        width: 300%;
    }

    .logo-slider-wrapper .logo-slide {
        padding: 20px 10px;
    }

    .logo-slider-wrapper .logo-slide-inner img {
        height: 60px;
    }

    .home-contact-form-section .contact-slider-col {
        margin-bottom: 0;
    }

    p br {
        display: none;
    }

    .marquee {
        font-size: 55px;
    }

    #whatsappFloatBtn {
        right: 10px;
    }

    #scrollToTop {
        right: 10px;
        width: 35px;
    }

    footer#footer .footer-menu {
        flex-wrap: wrap;
    }

    .property-detail-large-slider .property-detail-slide img {
        height: 40svh;
    }

    .modal.lightbox .carousel-control {
        height: 30px !important;
        font-size: 15px;
    }

    .modal-body {
        padding: 15px;
    }

    .modal .modal-body-title {
        font-size: 25px;
    }

    .modal-contact-form .form-submit-btn-wrap .btn {
        min-width: 100px;
    }

    .form-control-label {
        padding: 0.675rem 0.75rem;
        font-size: 11px;
    }

    .dynamic-search-wrap .search-title-last {
        font-size: 15px;
    }

    .search-title-last span {
        font-size: 1.02rem;
    }
}












.promo-body #header {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
}

    .promo-body #header .header-inner {
        border: none;
    }

    .promo-body #header .navbar,
    .promo-body #header .mobile-menu-toggle {
        display: none;
    }

    .promo-body #header .head-logo {
        height: 80px; /*55px;*/
        width: auto;
    }

.modal-backdrop {
    background: #ffffff2e;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

    .modal-backdrop.show {
        opacity: 1;
    }

.night {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.star.small {
    --star-width: 10px;
    --star-height: 10px;
}

.star.medium {
    --star-width: 15px;
    --star-height: 15px;
}

.star {
    --star-width: 20px;
    --star-height: 20px;
    --blur-radius: calc(var(--star-width) / 2);
    width: var(--star-width);
    height: var(--star-height);
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    animation: starlight 1.5s linear infinite;
}

    .star::before,
    .star::after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(var(--primary), 1);
        z-index: 2;
    }

    .star::before {
        width: 100%;
        height: 10%;
        border-radius: 50%;
    }

    .star::after {
        height: 100%;
        width: 10%;
        border-radius: 50%;
    }

@keyframes starlight {
    0% {
        opacity: 0.2;
        transform: scale(0.2) rotateZ(45deg);
        filter: blur(var(--blur-radius));
    }

    50% {
        opacity: 1;
        transform: scale(1.4) rotateZ(90deg);
        filter: blur(0);
    }

    100% {
        opacity: 0.2;
        transform: scale(0.2) rotateZ(135deg);
        filter: blur(var(--blur-radius));
    }
}


.faq-buy-sell-btns .btn {
    min-width: 83px;
    font-size: 11px;
}

.faq-buy-sell-btns {
    gap: 9px;
    margin: 1.8rem 0 0;
}

.btn-secondary:hover {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #fff !important;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}

    .btn-group-toggle > .btn input[type="radio"],
    .btn-group-toggle > .btn input[type="checkbox"],
    .btn-group-toggle > .btn-group > .btn input[type="radio"],
    .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

.bg-olive > .card-header .btn-tool,
.bg-gradient-olive > .card-header .btn-tool,
.card-olive:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-olive > .card-header .btn-tool:hover,
    .bg-gradient-olive > .card-header .btn-tool:hover,
    .card-olive:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }