/* Custom Font */
@font-face {
    font-family: "Suisse Intl";
    src: url("./fonts/SuisseIntl-Light.woff2") format("woff2"),
        url("./fonts/SuisseIntl-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Suisse Intl";
    src: url("./fonts/SuisseIntl-Medium.woff2") format("woff2"),
        url("./fonts/SuisseIntl-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Suisse Intl";
    src: url("./fonts/SuisseIntl-Regular.woff2") format("woff2"),
        url("./fonts/SuisseIntl-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Custom Scrollbar Styling */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: var(--Beige-01);
}

::-webkit-scrollbar {
    width: 7px;
    background-color: var(--Beige-01);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--Orange);
}

::-webkit-input-placeholder {
    color: var(--black-40);
}

/* Root Selector and Variables */
:root {
    /* Black Variants */
    --Black: #252324;
    --black-60: rgba(37, 35, 36, 0.6);
    --black-40: rgba(37, 35, 36, 0.4);
    --black-30: rgba(37, 35, 36, 0.3);
    --black-20: rgba(37, 35, 36, 0.2);
    --black-10: rgba(37, 35, 36, 0.1);
    /* White Variants */
    --White: #ffffff;
    --white-80: rgba(255, 255, 255, 0.8);
    --white-60: rgba(255, 255, 255, 0.6);
    --white-50: rgba(255, 255, 255, 0.5);
    --white-10: rgba(255, 255, 255, 0.1);
    /* Beige Variants */
    --Beige-01: #fffcf5;
    --Beige-02: #f4f1e7;
    --Beige-03: #edeae0;
    /* Orange */
    --Orange: #a96449;
    --Orange-02: #eee0db;
    /* Black 2 and 3 */
    --Black-2: #2f2d2e;
    --Black-3: #393738;
}

.container-fluid {
    padding-left: 80px;
    padding-right: 80px;
}

a {
    text-decoration: none !important;
}

pre {
    font-family: "Suisse Intl", sans-serif;
    font-weight: 400;
    color: var(--Black, #252324);
    font-size: 18px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    white-space: pre-line;
    overflow: hidden;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--Black, #252324);
    font-weight: 300;
}

h1 {
    font-size: 88px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    /* 105.6px */
    letter-spacing: -2.64px;
}

h2 {
    font-size: 58px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    /* 63.8px */
    letter-spacing: -1.74px;
}

h3 {
    font-size: 140px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    /* 154px */
    letter-spacing: -4.2px;
}

h4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 0.75rem;
    /* 28.8px */
}

h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 19.2px */
}

/* Utility Classes */

.white-10 {
    color: var(--white-10);
    border-color: var(--white-10) !important;
}

.w-150 {
    width: 150px;
}

.w-130 {
    width: 130px;
}

.w-175 {
    width: 175px !important;
}

.w-1036 {
    max-width: 1036px;
}

.overflow-hidden {
    overflow: hidden;
}

.h-60 {
    height: 60px !important;
}

.required:after {
    content: "*";
    padding-left: 3px;
}

.bright {
    filter: brightness(100);
}

.list-style-none {
    list-style: none;
}

.mt-55 {
    margin-top: 55px !important;
}

.mw-217 {
    width: 100%;
    max-width: 217px;
}

.mw-978 {
    width: 100%;
    max-width: 978px;
}

.mt-20 {
    margin-top: 20px !important;
}

.mr-20 {
    margin-right: 20px;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-150 {
    margin-bottom: 150px !important;
}

.bg-grey {
    background-color: var(--Beige-02);
}

.br-20 {
    border-radius: 20px;
}

.p-40 {
    padding: 40px;
}

.price-avatar {
    background-color: var(--Orange);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
}

.price-avatar h4 {
    color: var(--Beige-01);
    margin: 0;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mr-15 {
    margin-right: 15%;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-150 {
    margin-top: 150px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.display-none {
    display: none !important;
}

.c-val {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.w-361 {
    width: 100%;
    /* max-width: 361px; */
    max-width: 400px;
}

.w-870 {
    width: 100%;
    max-width: 870px;
}

.w-345 {
    width: 345px !important;
}

.text-dark {
    color: var(--Black) !important;
}

.text-orange {
    color: var(--Orange) !important;
}

.white-50 {
    color: var(--white-50) !important;
}

.white-60 {
    color: var(--white-60) !important;
}

.white-80 {
    color: var(--white-80) !important;
}

.sep-black-10 {
    border-color: var(--black-10) !important;
}

.sep-black-3 {
    border-color: var(--black-30) !important;
}

.black-60 {
    color: var(--black-60) !important;
}

.black-40 {
    color: var(--black-40) !important;
}

.border-rad {
    border-radius: 0 0 20px 20px;
}

video.border-rad {
    height: 900px;
    object-fit: cover;
}

.video-wrapper {
    font-size: 0;
}

.menu-1 {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 18px */
}

.menu-2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.p1 {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 15.6px */
}

.p2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    /* 43.2px */
    letter-spacing: -1.08px;
}

.p3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    /* 26.4px */
    letter-spacing: -0.72px;
}

/* Buttons */

/* Button Hover Effect */

.btn-primary {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 202px;
    height: 44px;
    border-radius: 100px;
    background: var(--Orange, #a96449);
    color: var(--White, #fff);
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.btn-primary.social {
    width: 40px;
    height: 40px;
    line-height: 1;
}

.btn-primary .text {
    position: absolute;
}

.btn-primary .primary {
    top: 13px;
}

.btn-primary.social .primary {
    top: 12px;
    font-size: 0;
}

.btn-primary.social:hover {
    background-color: var(--Orange);
}

.btn-primary .hover {
    top: 80px;
}

.btn-primary:hover .primary {
    top: -80px;
}

.social-media-links .btn-primary:hover .primary {
    top: -30px;
}

.btn-primary:hover .hover {
    top: 13px;
}

.btn-primary.social:hover .hover {
    top: 12px;
    font-size: 0;
}

.btn-primary .text {
    transition: top 0.7s;
    -moz-transition: top 0.7s;
    -webkit-transition: top 0.7s;
    -o-transition: top 0.7s;
    -ms-transition: top 0.7s;
}

.dev-card .developer-tile .text {
    transition: top 0.7s;
    -moz-transition: top 0.7s;
    -webkit-transition: top 0.7s;
    -o-transition: top 0.7s;
    -ms-transition: top 0.7s;
}

.dev-card .developer-tile .text {
    position: absolute;
}

.dev-card .developer-tile .primary {
    top: 40px;
    width: calc(100% - 30px);
}

.dev-card .developer-tile .hover {
    top: 80px;
    width: calc(100% - 30px);
}

.dev-card .hover {
    top: 80px;
}

.dev-card:hover .primary {
    top: -80px;
}

.dev-card:hover .hover {
    top: 40px;
}

.burger-button {
    opacity: 0.8;
    transition: 0.7s all;
}

.burger-button:before {
    content: url(../img/icons/burger-icon.svg);
    position: relative;
    vertical-align: middle;
    padding-right: 5px;
}

.burger-button.active:before {
    content: url(../img/icons/burger-icon-open.svg);
}

.burger-button:hover {
    opacity: 1;
}

.buy .burger-button {
    opacity: 1;
}

.buy .header:not(.sticky) .burger-button:before {
    content: url(../img/icons/burger-icon-dark.png);
}

.buy .header .bg-active .burger-button:before {
    content: url(../img/icons/burger-icon.svg);
    opacity: 0.5;
}

.buy .header .burger-button.active:before {
    content: url(../img/icons/burger-icon-open.svg);
    filter: grayscale(100);
}

/* End Button Hover Effect */

/* Html, Body Config */

html,
body {
    font-family: "Suisse Intl", sans-serif;
    font-weight: 400;
    color: var(--Black, #252324);
    overflow-x: hidden;
}

body {
    /* padding-top: 100px; */
    background-color: var(--Beige-01);
}

/* Header */

.header-row-1 .row {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-row-2 .row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.buy .header:not(.sticky) .header-row-1 .row,
.buy .header:not(.sticky) .header-row-2 .row {
    border-bottom: 1px solid var(--black-10);
}

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

.bg-active .header-link {
    color: var(--white-50) !important;
}

.buy .header .bg-active .header-row-1 .row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-row-2.bg-active {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 80px;
}

/* .sticky .header-row-2 .row {
    border-bottom: none;
} */

.header-row-1 .col-logo {
    /* margin-right: 740px; */
    /* width: 100%;
    max-width: 885px; */
    padding: 0;
}

.header-row-1 .col-mail {
    /* margin-right: 251px; */
    width: 100%;
    max-width: 444px;
    padding: 0;
}

.header-row-1 .col-time {
    /* margin-right: 47px; */
    width: 100%;
    max-width: 225px;
    padding: 0;
}

.header-row-1 .col-langs {
    /* margin-right: 88px; */
    width: 100%;
    max-width: 134px;
    padding: 0;
}

.header-row-1 .col-menu {
    /* margin-right: 88px; */
    padding: 0;
}

.header-row-2 .col-navbar-1 {
    padding: 0;
}

.header-row-2 .col-navbar-2 {
    padding: 0;
    width: 100%;
    max-width: 445px;
}

.header-row-2 .col-navbar-3 {
    padding: 0;
    width: 100%;
    max-width: 219px;
}

.header-row-2 .col-btn-primary {
    padding: 0;
    width: 100%;
    max-width: 202px;
}

.header-row-2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-row-2 .ul li {
    margin-right: 30px;
    position: relative;
    transition: 0.7s all;
}

.header-row-2 .ul li a {
    display: inline-block;
    padding: 32px 0;
}

.header-row-2 .ul li:hover:before,
.header-row-2 .ul li.active:before {
    transition: 0.7s all;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    bottom: -1px;
}

.header-row-2 .ul li a#aboutLink.active:before {
    transition: 0.7s all;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    bottom: 3px;
}

.buy .header:not(.sticky) .header-row-2 .ul li:hover:before,
.buy .header:not(.sticky) .header-row-2 .ul li.active:before {
    background-color: var(--Black);
}

.buy .header:not(.sticky) .header-row-2 .ul li a#aboutLink.active:before {
    background-color: var(--Black);
}

.header-row-2 .col-navbar-2 ul li:last-child {
    /* margin-left: 65px; */
}

.buy .header:not(.sticky) .bg-active .header-row-2 .ul li a#aboutLink.active:before {
    background-color: #fff;
}

.header-link {
    color: var(--white-80);
    text-decoration: none;
    transition: 0.7s all;
}

.header-link:hover {
    color: var(--White);
}

.header-link-50 {
    color: var(--white-50);
}

.buy .header:not(.sticky) .header-row-1 .header-link {
    color: var(--black-60);
}

.buy .header:not(.sticky) .header-row-2 .header-link {
    color: var(--Black);
}

.header-row-2 {
    /* margin-bottom: 150px; */
}

.header-row-2 .ul li a#aboutLink.active {
    color: var(--White);
}

.header {
    position: relative;
    z-index: 7;
    transition: background 1s ease;
}

.buy .show-on-menu {
    display: none;
}

.buy .bg-active .show-on-menu {
    display: block;
}

.buy .bg-active .hide-on-menu {
    display: none;
}

.modal-backdrop {
    z-index: 3;
}

.modal-dialog {
    margin: 0 215px 0 auto !important;
}

.modal-content {
    /* height: 919px; */
    height: auto;
    border-radius: 20px 0 0 20px;
    width: 722px;
}

.modal-header .btn-close {
    width: 26px;
    height: 26px;
    border: 1px solid #ccc;
    border-radius: 999px;
    font-size: 12px;
    transition: 0.7s ease;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    margin-right: 0;
}

.modal-header .btn-close:hover {
    background-color: var(--Black);
    opacity: 1;
    border-color: var(--Black);
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.modal-header {
    padding: 48px 0 28px;
    margin: 0px 40px;
}

.modal-body {
    /* padding: 50px 40px 0; */
    padding: 44px 40px 0;
}

form {
    margin-bottom: 40px;
}

form .form-control,
form .form-select {
    width: 642px;
    height: 60px;
    background-color: var(--Beige-02);
    border-radius: 100px;
    padding: 15px 30px;
    border: none;
    /* margin-bottom: 35px; */
    background-position: right 1rem center;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: var(--Black);
    transition: 0.5s ease;
}

form .form-group {
    margin-bottom: 35px;
    display: flex;
    flex-direction: column;
}

form .form-group.form-group-modal {
    margin-bottom: 0;
}

form .form-select {
    color: var(--black-40);
}

form .form-control:hover,
form .form-select:hover {
    background-color: var(--Beige-03);
}

form .form-control:focus,
form .form-select:focus {
    /* color: var(--black-40); */
    background-color: var(--Beige-03);
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

form .custom-textarea {
    height: 75px;
    resize: none;
}

.input-grp {
    padding-top: 25px;
    padding-bottom: 21px;
}

.input-grp .btn-primary {
    margin-top: 45px;
}

form .btn-primary {
    width: 100%;
    height: 60px;
    border: none;
}

form .btn-primary .primary {
    top: 22px;
}

form .btn-primary:hover .hover {
    top: 22px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: var(--Black);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.banner-desc-area {
    margin-top: 130px;
    margin-bottom: 80px;
}

@media (min-width: 1366px) {
    .d-1366-flex {
        display: block !important;
    }

    .d-1366-block {
        display: flex !important;
    }

    .d-1366-none {
        display: none !important;
    }
}

@media (min-width: 1920px) {
    .d-1366 {
        display: none;
    }
}





.banner-desc-area h1 {
    margin-bottom: 25px;
}

.banner-desc-area .menu-2 {
    color: var(--white-60);
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

/* Search Moudle */
.search-module {
    background-color: var(--Beige-01);
    border-radius: 20px;
    width: 100%;
    max-width: 1206px;
    margin: auto;
    padding: 20px 20px 22px 20px;
}

.buy .search-module {
    max-width: 100%;
    background-color: var(--Beige-02);
}

.search-module .btn-capsule {
    padding: 16px 28px;
}

.search-all-link {
    color: var(--Orange);
    text-decoration: none;
    transition: padding transform 0.6s ease;
    position: relative;
    padding: 0 15px;
}

.search-all-link:before {
    content: none;
    position: absolute;
    top: 1.2px;
    left: 0;
    transform: translateX(0px);
}

/* .search-all-link:after {
    content: url(../img/icons/caret-right.png);
    position: absolute;
    top: 1.15px;
    right: 0;
    transform: translateX(5px);
} */

.search-all-link:after {
    content: url(../img/icons/caret-right.png);
    position: absolute;
    right: 0;
    margin-top: 2px;
    /* Default value */
    transform: translateX(5px);
}

@-moz-document url-prefix() {
    .search-all-link:after {
        margin-top: 3px;
        /* Specific to Firefox */
    }
}

.hold.search-all-link:after {
    content: url(../img/icons/caret-right-black.png);
}

.search-all-link:hover {
    padding: 0px 0px 0px 20px;
}

.search-all-link:hover:before {
    content: url(../img/icons/caret-right.png);
}

.buy .search-all-link:after {
    content: url(../img/icons/clean-filters.png);
}

.buy .search-all-link:hover:before {
    content: url(../img/icons/clean-filters.png);
}

.hold.search-all-link:hover:before {
    content: url(../img/icons/caret-right-black.png);
}

.search-all-link:hover:after {
    content: none;
}

.search-module .search-bar {
    padding: 3px 3px 3px 30px;
    border-radius: 100px;
    background-color: var(--Beige-02);
    transition: 0.5s ease;
    width: 100%;
    max-width: 1096px;
    /* height: 60px; */
}

.buy .search-module .search-bar {
    background-color: var(--Beige-01);
}

.buy .col.property-type {
    /* flex: 0 0 202px; */
    flex: 1;
}

.search-module .search-bar:hover,
.search-module .search-bar:focus,
.search-module .search-bar:active {
    background-color: var(--Beige-03);
}

.search-module .search-bar.search-active:hover,
.search-module .search-bar.search-active:focus,
.search-module .search-bar.search-active:active {
    background-color: var(--Beige-02);
}

.buy .search-module .more-filters-tray .search-bar:hover,
.buy .search-module .more-filters-tray .search-bar:focus,
.buy .search-module .more-filters-tray .search-bar:active {
    background-color: var(--Beige-02);
}

.buy .search-module .search-bar.search-active:hover,
.buy .search-module .search-bar.search-active:focus,
.buy .search-module .search-bar.search-active:active {
    background-color: var(--Beige-01);
}

.search-module .search-bar .category-link,
.search-module .search-bar .property-link {
    color: var(--Black);
    transition: transform 0.7s ease;
    position: relative;
    padding-right: 5px;
}

.search-module .search-bar .category-link:before,
.search-module .search-bar .property-link:before {
    content: "";
    width: 1px;
    height: 30px;
    background-color: var(--black-20);
    position: absolute;
    right: -27px;
    top: -5px;
}

.search-module .search-bar .category-link:after {
    transition: transform 0.7s ease;
    content: url(../img/icons/caret-down-black.png);
    display: inline-block;
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    right: -15px;
    transform: translateY(1px);
}

.chosen-value-wrapper-min-max:after,
.chosen-value-wrapper:after {
    /* transition: transform .7s ease;
    content: url(../img/icons/caret-down-black.png);
    display: inline-block;
    transform: rotate(0deg);
    position: absolute;
    top: 20px;
    right: 30px;
    transform: translateY(1px); */
}

.search-module .search-bar .category-link.show:after {
    transform: rotate(180deg) translateY(1px);
}

.chosen-value-wrapper-min-max.show:after,
.chosen-value-wrapper.show:after {
    /* transform: rotate(180deg) translateY(1px); */
}

.chosen-value-wrapper-min-max.show .chosen-value,
.chosen-value-wrapper.show .chosen-value {
    background-image: url(../img/icons/caret-down-black-up.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}

.search-separator {
    border-top: 1px solid var(--black-10);
    padding-top: 15px;
    margin-top: 20px;
}

.col-sep {
    border-bottom: 1px solid var(--black-10);
    padding-bottom: 20px;
}

/* .search-module .dropdown:hover>.dropdown-menu {
    display: block;
}

.search-module .dropdown>.dropdown-toggle:active {
    pointer-events: none;
} */

.search-module .search-input {
    margin-left: 7px;
    padding: 7px 20px 7px 0px;
}

.search-module .search-input .form-control {
    background-color: transparent;
    border: none;
    color: var(--black-40);
    height: 44px;
    overflow: hidden;
}

.buy .search-module .search-input .form-control {
    background-color: transparent;
    border: none;
    color: var(--black-40);
    height: 40px;
    overflow: hidden;
}

.search-module .search-input {
    background-image: url(../img/icons/map.svg);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

.search-module .search-input .form-control:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.form-control::placeholder {
    color: var(--black-40);
}

.search-module .category-dropdown .dropdown-menu.show {
    background-color: var(--Beige-03);
    top: 22px !important;
    left: -30px !important;
    border-radius: 20px;
    border-color: transparent;
    padding: 25px 5px 20px;
}

.modal-body .dropdown-menu.show {
    background-color: #f4f1e7;
    border-radius: 20px;
    border-color: transparent;
    padding: 20px;
    right: -3px !important;
    top: 5px !important;
    margin: 0;
    list-style: none;
    width: 155px;
    min-width: 155px;
}

.search-module .modal-body .dropdown-menu.show {
    width: 125px;
    min-width: 125px;
    right: auto !important;
    left: -40px !important;
}

.modal-body .dropdown-menu.show .dropdown-item {
    padding: 0;
    margin: 0;
}

.search-module .category-dropdown ul {
    list-style-type: disc;
}

.modal-body .dropdown-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.modal-body .dropdown-menu ul li {
    margin-bottom: 7px;
    cursor: pointer;
    transition: 0.5s ease;
    white-space: normal;
}

.modal-body .dropdown-menu ul li.active {
    list-style-type: disc;
    margin-left: 15px;
}

.modal-body .dropdown-menu ul li:hover:not(.active) {
    color: var(--black-40);
}

.search-module .category-dropdown .dropdown-menu>.dropdown-item {
    margin-bottom: 10px;
}

.search-module .category-dropdown .dropdown-menu .dropdown-item:hover {
    background: none;
}

.modal-body .dropdown-item:focus,
.dropdown-item:hover,
.modal-body .dropdown-item:focus,
.dropdown-item:focus,
.dropdown-item:active {
    background-color: transparent !important;
    color: initial !important;
}

.search-module .category-dropdown .btn-capsule {
    padding: 10px 20px;
    font-size: 15px;
    height: 35px;
}

.search-module .property-type .category-link,
.search-module .property-type .property-link {
    display: block;
}

.search-module .property-type .category-link:before,
.search-module .property-type .property-link:before {
    content: none;
}

.search-module .property-type .search-bar {
    position: relative;
    padding: 20px 30px;
}

.search-module .property-type .category-link:after,
.search-module .property-type .property-link:after {
    right: 0;
}

.search-module .property-type .category-dropdown .dropdown-menu .dropdown-item {
    background-color: var(--Orange-01);
    color: var(--Black-3);
    padding: 8px 15px;
    border-bottom: 1px solid var(--Black-3);
}

.search-module .property-type .category-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--Orange-02);
}

.search-module .property-type .category-dropdown .dropdown-menu.show {
    background-color: var(--Beige-01);
    top: inherit !important;
    left: inherit !important;
    border-radius: 5px;
    border-color: inherit;
    padding: inherit;
    width: 100%;
    height: 240px;
    overflow: auto;
}

.search-module input[type="radio"],
.search-module input[type="checkbox"] {
    display: inline-block;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1;
    width: 1;
    margin: -1;
    padding: 0;
    border: 0;
}

.search-module .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 60px;
    color: var(--black-40);
    border-radius: 100px;
    padding: 0.5rem;
    overflow: hidden;
    font-size: 15px;
    background-color: var(--Beige-02);
    transition: 0.5s ease;
    margin-right: 10px;
}

.search-module .icon.studio {
    width: 100px;
}

.search-module .bedroom:last-child .icon {
    margin-right: 0;
}

.buy .search-module .icon {
    background-color: var(--Beige-01);
}

.search-module .icon:hover {
    cursor: pointer;
    color: var(--Black);
    background-color: var(--Beige-03);
}

.search-module .peer:checked~.icon {
    background-color: var(--Black);
    color: var(--White);
}

/* Price Slider */

.selector {
    position: relative;
    padding: 20px 30px 0;
    border-radius: 100px;
    background-color: var(--Beige-02);
    transition: 0.5s ease;
    width: 573px;
}

.buy .selector {
    background-color: var(--Beige-01);
    width: 420px;
}

.selector:hover {
    background-color: var(--Beige-03);
}

.buy .more-filters-tray .selector:hover {
    background-color: var(--Beige-02);
}

.selector ul {
    position: relative;
    display: block;
    overflow: auto;
    min-width: 138px;
    max-height: 200px;
    background: #fff;
    list-style: none;
    white-space: inherit;
    padding-right: 17px;
    width: calc(100% + 17px);
}

.selector li {
    position: relative;
    padding: 3px 20px 3px 25px;
    cursor: pointer;
}

.selector li:before {
    position: absolute;
    top: 50%;
    left: 0;
    top: 4px;
    display: inline-block;
    margin-right: 9px;
    width: 17px;
    height: 17px;
    background-color: #f4f4f4;
    border: 1px solid #d5d5d5;
    content: "";
}

.selector li[data-selected="1"]:before {
    border: 1px solid #d7d7d7;
    background-color: #fff;
}

.selector li[data-selected="1"]:after {
    position: absolute;
    top: 50%;
    left: 3px;
    top: 11px;
    display: inline-block;
    width: 4px;
    height: 10px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    background: none;
    color: #39c9a9;
    content: "";
    -webkit-transform: rotate(40deg) translateY(-50%);
    transform: rotate(40deg) translateY(-50%);
}

.selector li:hover {
    color: #aaa;
}

.selector li .total {
    position: absolute;
    right: 0;
    color: #d7d7d7;
}

.selector .price-slider {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-top: 17px;
}

@media (min-width: 768px) {
    .selector .price-slider {
        padding-top: 0px;
    }
}

.selector .price-slider:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 0;
    color: var(--Black);
    content: attr(data-currency);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.selector .slider-range {
    width: 90%;
    /* margin-bottom: 30px; */
    border: none;
    background: var(--Orange-02);
    height: 3px;
    margin-left: 8px;
    margin-right: 8px;
}

@media (min-width: 768px) {
    .selector .slider-range {
        width: 100%;
    }
}

.selector .ui-slider-handle {
    border-radius: 50%;
    background-color: var(--Black);
    border: none;
    top: -14px;
    width: 28px;
    height: 28px;
    outline: none;
}

@media (min-width: 768px) {
    .selector .ui-slider-handle {
        top: -5px;
        width: 13px;
        height: 13px;
    }
}

.selector .ui-slider-range {
    background-color: var(--Black);
}

.selector .slider-price,
.selector .slider-size {
    position: relative;
    display: inline-block;
    padding: 5px 5px 5px 10px;
    /* width: 40%; */
    /* background-color: #e2f7f2; */
    line-height: 12px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 15px;
}

.selector #min-price,
.selector #min-size {
    left: 35px;
}

.selector #max-price,
.selector #max-size {
    right: 35px;
}

.selector .seperator {
    position: relative;
    top: -7px;
}

.selector .slider-price:before {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: 0;
    /* color: #39c9a9; */
    content: attr(data-currency);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.selector #min-price:after,
.selector #min-size:after {
    content: "from";
    position: absolute;
    right: 100%;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: var(--black-40);
}

.selector #max-price:after,
.selector #max-size:after {
    content: "to";
    position: absolute;
    right: 100%;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: var(--black-40);
}

.selector .show-all {
    position: relative;
    padding-left: 25px;
    color: #39c9a9;
    cursor: pointer;
    line-height: 28px;
}

.selector .show-all:after,
.selector .show-all:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -1px;
    color: #39c9a9;
    width: 10px;
    border-bottom: 1px solid;
}

.selector .show-all:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.selector.open ul {
    max-height: none;
}

.selector.open .show-all:after {
    display: none;
}

.search-module .col-title {
    margin-bottom: 15px;
}

.video-banner-wrapper {
    height: 1080px;
    /* overflow: hidden; */
    width: 100%;
    background: url(../img/video-2-frame.png) no-repeat center center;
    background-size: cover;
    border-radius: 0 0 20px 20px;
}

.video-banner-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 0px 0px 20px 20px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(589099_City-Overlooking-Dubai-Man_By_Animedias_Artlist_HD-_1_.png); */
    background: #000;
    opacity: 0.5;
    z-index: 1;
    border-radius: 0px 0px 20px 20px;
}

.has-mega-menu a:after {
    content: url(../img/icons/caret-down.svg);
    position: relative;
    display: inline-block;
    /* transform: rotate(180deg); */
    transition: 0.7s all;
    right: -5px;
    top: 2px;
}

.buy .header:not(.sticky) .has-mega-menu a:after {
    filter: invert(1);
}

.buy .header .bg-active .has-mega-menu a:after {
    filter: none;
}

.has-mega-menu a.active:after {
    transform: rotate(180deg);
    top: 0px;
}

.mega-menu-about {
    background-color: var(--Black);
    position: absolute;
    left: 0;
    right: 0;
    top: 159px;
    /* border-radius: 0px 0px 20px 20px; */
    border-radius: 0px;
    z-index: 7;
    /* height: calc(100vh - 147px); */
    /* height: 962px; */
    height: 801px;
}

.mega-menu-about .row-wrapper {
    border-top: 1px solid var(--white-10);
    padding: 100px 0px 106px;
    margin: 0 80px;
}

.mega-menu-about .cards-col {
    width: 100%;
    max-width: 870px;
}

.burger-menu {
    transition: opacity 0.7s ease;
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 100px 80px 53px;
    background: var(--Black);
    z-index: -1;
}

.burger-menu.hide {
    opacity: 0;
    display: none;
}

.burger-menu.show {
    opacity: 1;
    z-index: 1;
}

.company-links ul {
    padding: 0;
    margin: 0 0 208px 0;
    list-style: none;
}

.company-links ul li {
    margin-bottom: 20px;
}

.info-title {
    margin-bottom: 55px;
}

.social-media-title {
    margin-bottom: 25px;
}

.social-media-links li {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    border-radius: 100px;
    border: 1px solid var(--white-10, rgba(255, 255, 255, 0.1));
    margin: 0 10px 0 0;
    transition: 0.7s all;
}

.social-media-links li .btn-primary {
    height: 40px;
    background-color: transparent;
    line-height: 10px;
    transition: 0.7s ease;
}

.social-media-links li:hover .btn-primary {
    background-color: var(--White);
}

.social-media-links li:hover img {
    filter: brightness(0);
}

.mega-menu-about .col-about {
    width: 100%;
    max-width: 437px;
    padding: 0;
}

.mega-menu-about .col-info {
    width: 100%;
    max-width: 418px;
    padding: 0;
}

.mega-menu-about .col-listings {
    width: 100%;
    max-width: 870px;
    padding: 0;
}

.list-card {
    overflow: hidden;
    background-color: var(--Beige-02);
    border-radius: 20px;
    position: relative;
}

.list-card .list-img-slider {
    max-width: 425px;
    margin-bottom: 0;
    border-radius: 20px 20px 0 0;
}

.list-card .list-img-slider .slick-dots {
    bottom: 5px;
}

.list-card .list-type {
    background-color: var(--Black);
    color: var(--Beige-01);
    border-radius: 100px;
    padding: 7px 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    z-index: 99;
    top: 20px;
    left: 20px;
}

.list-card .list-type.close-btn {
    left: auto;
    right: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 15px;
    cursor: pointer;
}

.list-card.clone-cards {
    width: 425px;
    /* height: 620px; */
}

.list-card.clone-cards .developer-tile {
    border-radius: 0 0 20px 20px;
    padding: 20px 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 60px;
    transition: transform 0.7s ease-out;
    background-color: var(--Black);
    transform: translateY(560px);
    z-index: 1;
}

.list-card.clone-cards:hover .developer-tile {
    border-radius: 0 0 20px 20px;
    padding: 20px 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 60px;
    transition: transform 0.7s ease-out;
    background-color: var(--Black);
    transform: translateY(560px);
    z-index: 1;
}

.list-card {
    position: relative;
}

.list-card .list-img img {
    width: 100%;
    min-width: 425px;
    /* max-width: 425px; */
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
}

.list-card .list-details {
    padding: 20px;
}

.list-card .list-location,
.list-card .list-home,
.list-card .list-starting {
    color: var(--black-40);
    margin-bottom: 13px;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.list-card .list-location {
    min-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-card.new-projects .list-location,
.list-card.new-projects .list-home,
.list-card.new-projects .list-starting {
    margin-bottom: 5px;
}

.list-card .list-location:before {
    content: url(../img/map-pin.png);
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.list-card .list-home:before {
    content: url(../img/icons/list-home.svg);
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.list-card .list-starting:before {
    content: url(../img/icons/list-bag.svg);
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.list-card .list-clock:before {
    content: url(../img/icons/ico-cal-insights.svg);
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.list-card .list-calender:before {
    content: url(../img/icons/ico-cal-2-insights.svg);
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.list-card .list-separator {
    border-top: 1px solid var(--black-10);
    margin-bottom: 20px;
}

.list-card .list-amenties ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    justify-content: space-between;
}

.list-card .list-amenties ul li {
    border-radius: 100px;
    background: var(--Beige-01, #fffcf5);
    justify-content: center;
    display: flex;
    align-items: center;
    height: 40px;
    min-width: 107px;
}

.list-card .list-amenties ul li.beds:before {
    content: url(../img/icons/bed.svg);
    position: relative;
    display: inline-block;
    top: 3px;
    padding-right: 6px;
}

.list-card .list-amenties ul li.baths:before {
    content: url(../img/icons/bath.svg);
    position: relative;
    display: inline-block;
    top: 3px;
    padding-right: 6px;
}

.list-card .list-amenties ul li.size:before {
    content: url(../img/icons/size.svg);
    position: relative;
    display: inline-block;
    top: 3px;
    padding-right: 6px;
}

.list-card .list-amenties ul li h5 {
    margin: 0;
}

.agent-details .agent-img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: block;
}

.agent-details h5 {
    margin: 0;
    white-space: nowrap;
    /* overflow: hidden;
    text-overflow: ellipsis; */
    /* width: 112px; */
}

.exclusive-offers .agent-details h5 {
    width: 112px;
}

.agent-details .agent-designation {
    color: var(--black-40);
}

.all-property {
    padding-top: 150px;
    margin-bottom: 55px;
}

.section-separator {
    border-top: 1px solid var(--black-20);
    margin-top: 40px;
    margin-bottom: 40px;
}

.all-property-slider {
    margin-left: 80px;
    overflow: hidden;
}

.all-property-slider .list-card {
    margin-right: 20px;
    max-width: 425px;
}

.burger-menu .col-get-in-touch {
    width: 100%;
    max-width: 425px;
}

.burger-menu .col-get-in-touch .company-links ul {
    margin: 0 0 60px 0;
}

.burger-menu .separator {
    border-top: 1px solid var(--white-10);
}

.burger-menu .footer-row {
    padding: 30px 0;
}

.burger-menu .footer-row p {
    color: var(--white-50);
}

.footer {
    padding: 90px 0 25px;
    background-color: var(--Black);
    position: relative;
    z-index: 4;
}

.pr-10 {
    position: relative;
    top: -10px;
}

.footer .header-link {
    color: var(--white-50);
}

.row-footer-info {
    padding-top: 80px;
}

.card-get-in-touch {
    width: 100%;
    /* max-width: 425px; */
    background-color: var(--Black-2);
    border-radius: 20px 20px 0 0;
    padding: 20px;
}

.card-get-in-touch .agent-row .agent-img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: top;
    border-radius: 999px;
}

.card-get-in-touch .agent-row .agent-designation {
    color: var(--white-50);
}

.card-get-in-touch .card-separator {
    border: 1px solid var(--Black-3);
    margin: 20px 0 40px;
}

.card-get-in-touch .get-desc {
    width: 100%;
    max-width: 294px;
    margin-bottom: 30px;
}

.links-wrapper {
    border-radius: 20px;
    background-color: var(--Black-3);
    padding: 20px;
    position: relative;
    top: -10px;
    overflow: hidden;
    margin-bottom: 0px;
}

.links-wrapper .menu-1 {
    color: var(--Beige-01);
}

.links-wrapper .btn-primary {
    overflow: visible;
}

.links-wrapper .btn-primary:after {
    content: attr(data-contact);
    color: var(--Beige-01);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: absolute;
    right: auto;
    left: 50px;
    white-space: nowrap;
}

.links-wrapper .btn-primary {
    background-color: var(--Orange-02);
}

.links-wrapper .d-flex {
    overflow: hidden;
}

.footer .company-links ul {
    /* margin-bottom: 280px; */
}

.footer .row-footer-info .company-links-1 {
    margin-bottom: 20px;
}

.footer .row-footer-info .company-links-2 {
    margin-top: 30px;
}

.footer .row-footer-info .company-links-3 {
    margin-top: 25px;
}

.footer .row-footer-info .company-links-3 ul {
    margin-bottom: 40px;
}

.footer .row-footer-info .company-links ul li {
    margin-bottom: 18px;
}

a {
    transition: 0.7s ease !important;
    color: inherit;
}

.company-links li a:hover {
    color: var(--white-60) !important;
}

.all-property .list-card {
    position: relative;
    /* min-height: 618px; */
    min-height: 642px;
    z-index: 9;
    background-color: transparent;
    max-width: 425px;
}

.buy .all-property-buy .list-card {
    max-width: 100%;
}

.all-property .list-card .list-img-slider {
    z-index: 9;
    background: #f4f1e7;
    /* max-width: 100%; */
}

.buy .all-property-buy .list-card .list-img-slider {
    max-width: 100%;
}

.all-property .list-details {
    padding: 20px;
    position: relative;
    z-index: 9;
    background: #f4f1e7;
    border-radius: 0 0 20px 20px;
}

.developer-tile {
    border-radius: 0 0 20px 20px;
    padding: 39px 15px 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 60px;
    transform: translateY(400px);
    transition: transform 0.7s ease-out;
    z-index: -11111;
}

.list-card:hover .developer-tile {
    background-color: var(--Black);
    transform: translateY(564px);
    z-index: 1;
}

.developer-tile h5 {
    color: var(--Beige-01);
    text-align: center;
    margin: 0;
}

/* Slick Custom Arrows */
span.slick-disabled {
    opacity: 0.4;
}

.btn-wrap .slick-btn {
    border: 1px solid var(--black-20);
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.7s all;
    margin-left: 6px;
    user-select: none;
}

.btn-wrap .slick-btn:first-child {
    margin-left: 0;
}

.btn-wrap .slick-btn:hover {
    border-color: var(--Black);
    background-color: var(--Black);
}

.btn-wrap .slick-btn:hover img {
    filter: brightness(100);
}

.btn-wrap .prev-btn img {
    transform: rotate(180deg);
}

.pro-controls {
    padding-bottom: 40px;
}

.prop-btns-col ul {
    padding: 0;
    margin: 0;
}

.btn-capsule {
    display: inline-flex;
    height: 44px;
    padding: 16px 28px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 100px;
    border: 1px solid var(--black-30, rgba(37, 35, 36, 0.3));
    margin-right: 10px;
    cursor: pointer;
    transition: 0.7s ease;
    user-select: none;
}

.btn-capsule .menu-1 {
    color: var(--Black, #252324);
}

.btn-capsule:hover {
    border-color: var(--Black, #252324);
}

.btn-capsule.active {
    color: var(--White, #fff);
    background: var(--Black, #252324);
}

.btn-capsule.active .menu-1 {
    color: var(--Beige-01, #fffcf5);
}

.main-heading {
    padding-bottom: 150px;
    border-radius: 0 0 20px 20px;
    position: relative;
    background: #fffcf5;
    z-index: 6;
    top: 45px;
}

.main-heading .btn-primary,
.dev-sec .btn-primary {
    width: 100%;
    max-width: 425px;
    min-height: 50px;
    transition: 0.7s ease;
    align-items: center;
    justify-content: center;
    display: flex;
    line-height: 23px;
    background-color: transparent;
    color: var(--Orange);
    border: 1px solid var(--Orange);
}

.main-heading .btn-primary:hover,
.dev-sec .btn-primary:hover {
    background-color: var(--Orange);
    color: var(--Beige-01);
}

.video-content {
    position: absolute;
    padding: 165px 80px 100px;
    z-index: 4;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.video-content h2 {
    color: var(--Beige-01);
    width: 100%;
    max-width: 930px;
    margin-bottom: 30px;
}

.video-content .btn-primary {
    margin-top: auto;
    align-self: flex-end;
    width: 100%;
    max-width: 425px;
    min-height: 50px;
    line-height: 23px;
    background-color: var(--Beige-01);
    color: var(--Black);
}

.dev-sec {
    /* padding: 150px 0 15px; */
    padding: 150px 0 150px;
}

.developer-slider-section {
    overflow: hidden;
    /* margin-left: 80px; */
}

.dev-slider {
    overflow: hidden;
    /* margin-left: 308px; */
}

.dev-slider .slick-slide {
    margin-right: 20px;
}

.dev-card {
    width: 100%;
    min-width: 314px;
    max-width: 314px;
    height: 350px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: var(--Beige-02);
    position: relative;
    /* margin-right: 20px; */
    bottom: 60px;
    margin-top: 60px;
}

.dev-card img {
    width: 170px;
    height: auto;
    object-fit: cover;
}

.dev-card .developer-tile {
    border-radius: 0 0 20px 20px;
    padding: 40px 15px 20px;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    min-height: 0px;
    transition: transform 0.7s ease-out;
    background: var(--Black);
    transform: translateY(0);
    top: auto;
    height: 80px;
    z-index: -1;
}

.form-bg-1 {
    background-image: url(../img/form-bg-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    display: flex;
    justify-content: center;
    padding-top: 175px;
    padding-bottom: 65px;
    border-radius: 0 0 20px 20px;
}

.form-bg-1.form-bg-2 {
    background-image: url(../img/form-bg-2.png);
    z-index: 5;
    position: relative;
    top: 20px;
    height: 940px;
}

.form-bg-1 h2 {
    color: var(--Beige-01);
    max-width: 848px;
}

.form-bg-1 .links-wrapper {
    background: none;
    padding: 0;
}

.form-bg-1 form {
    background-color: var(--Beige-01);
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 0;
}

.form-bg-1.form-bg-2 form .form-group {
    padding: 4px 0;
}

.form-bg-1.form-bg-2 form {
    width: 870px;
}

.dev-sec.publication .dev-card {
    height: 400px;
    margin-right: 20px;
}

.dev-sec.publication .developer-slider-section {
    margin-left: 80px;
}

.dev-sec.publication .dev-card .developer-tile {
    background-color: var(--Beige-03);
}

.dev-sec.publication .dev-card .developer-tile h5 {
    color: var(--Black);
}

.dev-sec.publication .dev-card img {
    position: relative;
    /* background: linear-gradient(359.81deg,
            #000000 -3.57%,
            rgba(0, 0, 0, 0) 51.01%),
        url(ahmed-aldaie-j-nRfGUHswQ-unsplash.jpg); */
        background: linear-gradient(359.81deg,
            #000000 -3.57%,
            rgba(0, 0, 0, 0) 51.01%);
    border-radius: 20px;
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.dev-sec.publication .publication-date {
    min-width: 69px;
    min-height: 30px;
    padding: 8px 14px 6px 14px;
    border-radius: 100px;
    background-color: var(--Beige-03);
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.dev-sec.publication .publication-desc {
    position: absolute;
    z-index: 1;
    color: var(--Beige-01);
    bottom: 40px;
    left: 20px;
    width: 100%;
    max-width: 260px;
}

.dev-sec.publication .pub-slider {
    /* margin-left: 215px; */
}

.fancy-btn-outer {
    position: absolute;
    top: 100px;
    right: 80px;
}

.fancy-btn-wrapper {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.fancy-btn-wrapper:before {
    content: "";
    width: 70px;
    height: 80px;
    border-bottom: 1px solid rgba(37, 35, 36, 0.2);
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: -65px;
    transform: rotate(-35deg);
    right: auto;
    left: -30px;
    background: #fffcf5;
    z-index: 4;
}

.fancy-btn-wrapper:after {
    content: "";
    width: 70px;
    height: 80px;
    border-bottom: 1px solid rgba(37, 35, 36, 0.2);
    border-top: 1px solid rgba(37, 35, 36, 0.2);
    display: block;
    box-sizing: border-box;
    position: absolute;
    bottom: -65px;
    transform: rotate(-35deg);
    right: auto;
    right: -30px;
    background: #fffcf5;
    z-index: 4;
}

.fancy-btn-wrapper .btn-primary {
    border: 1px solid rgba(37, 35, 36, 0.2);
    width: 80px;
    height: 80px;
    border-radius: 5px;
}

.fancy-btn-wrapper .btn-primary:hover {
    background-color: var(--Black);
}

.fancy-btn-wrapper img {
    position: relative;
    top: 10px;
}

.explore-services .hold:after {
    content: url(../img/icons/caret-right.png);
    filter: grayscale(100);
    /* padding-left: 5px; */
    padding-top: 0px;
    display: inline-block;
    vertical-align: text-top;
    transform: rotate(90deg);
}

/* .services-carousel h1:after {
    content: attr(data-text);
} */

.services-carousel {
    -webkit-transition: opacity 2000s ease-in-out;
    -moz-transition: opacity 2000s ease-in-out;
    -ms-transition: opacity 2000s ease-in-out;
    -o-transition: opacity 2000s ease-in-out;
    opacity: 1;
}

.services-carousel .service-img {
    position: relative;
    /* background: linear-gradient(0deg, #000000 -1%, rgba(0, 0, 0, 0) 42.6%),
        url(omar-yehia-v8qWbKNEAIE-unsplash.jpg); */
    background: linear-gradient(0deg, #000000 -1%, rgba(0, 0, 0, 0) 42.6%);
    border-radius: 20px;
    min-width: 376px;
    max-width: 376px;
    height: 600px;
    object-fit: cover;
}

.services-carousel .services-content {
    position: absolute;
    top: 480px;
    left: 20px;
}

.services-carousel .service-wrapper {
    position: relative;
}

.services-carousel .services-content .service-desc {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--white-80);
    width: 100%;
    max-width: 247px;
}

.services-carousel .slick-dots {
    bottom: auto;
    top: 0;
    right: auto;
    left: 430px;
    width: 100%;
    max-width: 30px;
}

.services-carousel .slick-dots li {
    display: block;
    margin-bottom: 5px;
}

.services-carousel {
    width: 100%;
}

.services-carousel .slick-list {
    border-radius: 20px;
}

.services-carousel.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.services-carousel .slick-dots li.slick-active button:before {
    transition: 2.5s ease;
}

.services-link {
    position: absolute;
    right: auto;
    left: 480px;
    z-index: 9;
}

.services-link ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.services-link ul li {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    cursor: pointer;
    margin-bottom: 5px;
    color: var(--black-40);
    transition: 1s ease;
}

.services-link ul li.active {
    color: var(--Black);
}

.col-services-carousel {
    width: 100%;
}

.explore-services .search-all-link {
    width: 100%;
    max-width: 132px;
    margin-left: -15px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 10px;
}

.form-bg-1 .modal-body .dropdown-menu.show {
    transform: translate(0, 23px) !important;
    top: 10px !important;
}

.list-card .slick-dots li {
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 8px;
    padding: 0;
    cursor: pointer;
    transition: 0.7s ease;
}

.list-card .slick-dots li button {
    width: 6px;
    height: 6px;
    padding: 0;
    line-height: 0;
    transition: 0.1s ease;
}

.list-card .slick-dots li button:before {
    width: 6px;
    height: 6px;
    color: var(--Beige-01);
    opacity: 0.5;
    line-height: 0;
    transition: 0.1s ease;
}

.list-card .slick-dots li:hover button:before {
    opacity: 1;
}

.list-card .slick-dots li.slick-active button:before {
    content: url(../img/icons/active-dot.png);
    opacity: 1;
    position: relative;
    left: -6px;
}

/* Custom Select */
.chosen-value,.chosen-value-b,
.value-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.chosen-value,.chosen-value-b {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    background-color: var(--Beige-02);
    border: none;
    border-radius: 30px;
    transition: 0.3s ease-in-out;
    padding: 20px 30px;
    min-height: 60px;
    color: var(--Black);
    position: relative;
    background-image: url(../img/icons/caret-down-black.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    /* width: 276px; */
    width: 250px;
}

.buy .chosen-value {
    background-color: var(--Beige-01);
    /* width: 202px; */
    width: 100%;
}

.buy .chosen-value-b {
    background-color: var(--Beige-01);

}

.chosen-value::-webkit-input-placeholder,.chosen-value-b::-webkit-input-placeholder {
    color: var(--black-40);
}

.chosen-value:hover,.chosen-value-b:hover {
    background-color: var(--Beige-03);
    cursor: pointer;
}

.buy .more-filters-tray .chosen-value:hover {
    background-color: var(--Beige-02);
}

.chosen-value:hover::-webkit-input-placeholder,.chosen-value-b:hover::-webkit-input-placeholder {
    color: var(--black-40);
}

.chosen-value:focus,
.chosen-value.open,.chosen-value-b:focus,
.chosen-value-b.open {
    outline: 0;
    background-color: var(--Beige-02);
    color: var(--Black);
}

.chosen-value:focus::-webkit-input-placeholder,
.chosen-value.open::-webkit-input-placeholder,.chosen-value-b:focus::-webkit-input-placeholder,
.chosen-value.open-b::-webkit-input-placeholder {
    color: var(--black-40);
}

.value-list {
    list-style: none;
    margin-top: 4rem;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s ease-in-out;
}

.value-list.open {
    max-height: 320px;
    overflow: hidden;
    background-color: var(--Beige-02);
    border-radius: 0 0 30px 30px;
    margin-top: 38px;
    /* padding: 0 20px 0 30px; */
    padding: 0 15px 0 15px;
    z-index: 9;
}

.value-list-wrapper {
    height: 210px;
    overflow: auto;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid var(--black-10);
    width: 205px;
}

.value-list li {
    position: relative;
    margin-bottom: 10px;
}

.value-list li:first-child {
    /* border-top: 1px solid var(--black-10);
    padding-top: 20px;
    margin-top: 20px; */
}

.value-list li.active:before {
    content: url(../img/icons/list-dot.png);
    margin-right: 8px;
}

.value-list li:hover:not(.active) {
    cursor: pointer;
    color: var(--black-40);
}

.value-list li.closed {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    display: none;
}

/* Custom Scrollbar Styling */
.custom-scroll-wrapper::-webkit-scrollbar-track,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 100px;
    background-color: var(--black-10);
    margin-top: 30px;
    margin-bottom: 10px;
}

.custom-scroll-wrapper::-webkit-scrollbar,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}

.custom-scroll-wrapper::-webkit-scrollbar-thumb,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--Black);
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Form Submission Effect */

.overlay-form {
    opacity: 0;
    position: absolute;
    /* width: 100%; */
    width: calc(100% + 20px);
    height: 100%;
    background-color: var(--Beige-01);
    border-radius: 20px;
    top: 0;
    right: 0;
    transition: opacity 0.6s ease;
    z-index: -1;
    left: -5px;
}

#exampleModal .overlay-form {
    width: calc(100% + 80px);
    height: calc(100% + 90px);
    top: -50px;
    right: -40px;
}

#submitForm,
#submitForm_header,
#schedulemodalForm,
#submitFormproject,
#submitFormbrocher,
#job_form ,
#submitForm2 {
    position: relative;
}

#submitFormbrocher.success .overlay-form,
#submitFormbrocher.haserrors .overlay-form,
#submitFormproject.success .overlay-form,
#submitFormproject.haserrors .overlay-form,
#submitForm.success .overlay-form,
#submitForm.haserrors .overlay-form,
#submitForm_header.success .overlay-form,
#schedulemodalForm.success .overlay-form,
#job_form.success .overlay-form,
#submitForm2.success .overlay-form,
#submitForm_header.haserrors .overlay-form,
#schedulemodalForm.haserrors .overlay-form,
#job_form.haserrors .overlay-form ,
#submitForm2.haserrors .overlay-form {
    opacity: 1;
    z-index: 9;
}

#submitFormbrocher .btn-primary,
#submitFormproject .btn-primary,
#submitForm .btn-primary,
#submitForm_header .btn-primary,
#schedulemodalForm .btn-primary,
#job_form .bt_header,
#submitForm2 .bt_header,
#job_form .btn-primary ,
#submitForm2 .btn-primary {
    transform: translateY(0px);
    transition: transform 0.6s ease;
}

#submitFormbrocher.success .btn-primary,
#submitFormbrocher.haserrors .btn-primary,
#submitFormproject.success .btn-primary,
#submitFormproject.haserrors .btn-primary,
#submitForm.success .btn-primary,
#submitForm.haserrors .btn-primary,
#submitForm_header.success .btn-primary,
#schedulemodalForm.success .btn-primary,
#job_form.success .btn-primary,
#submitForm2.success .btn-primary,
#submitForm_header.haserrors .btn-primary,
#schedulemodalForm.haserrors .btn-primary,
#job_form.haserrors .btn-primary ,
#submitForm2.haserrors .btn-primary {
    z-index: 9;
    transform: translateY(-110px);
}

#submitFormbrocher .success-message,
#submitFormproject .success-message,
#submitForm .success-message,
#submitForm .success-message_header,
#submitForm_header .success-message,
#schedulemodalForm .success-message,
#submitForm_header .success-message_header,
#schedulemodalForm .success-message_header,
#job_form .succes_header,
#submitForm2 .succes_header,
#job_form .success-message ,
#submitForm2 .success-message {
    position: absolute;
    opacity: 0;
    transition: opacity 0.6s ease;
    width: 100%;
    max-width: 490px;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    top: 38%;
    z-index: -1;
}

#submitFormbrocher.success .success-message,
#submitFormbrocher.haserrors .success-message,
#submitFormproject.success .success-message,
#submitFormproject.haserrors .success-message,
#submitForm.success .success-message,
#submitForm.haserrors .success-message,
#submitForm_header.success .success-message,
#schedulemodalForm.success .success-message,
#job_form.success .success-message,
#submitForm2.success .success-message,
#submitForm_header.haserrors .success-message,
#schedulemodalForm.haserrors .success-message,
#job_form.haserrors .success-message ,
#submitForm2.haserrors .success-message {
    z-index: 9;
    opacity: 1;
}

#submitFormbrocher.success .success-message .error-text,
#submitFormproject.success .success-message .error-text,
#submitForm.success .success-message .error-text,
#submitForm_header .success-message .error-text,
#schedulemodalForm .success-message .error-text,
#job_form.success .success-message .error-text ,
#submitForm2.success .success-message .error-text {
    display: none;
}

#submitFormbrocher.success .success-message .success-text,
#submitFormproject.success .success-message .success-text,
#submitForm.success .success-message .success-text,
#submitForm_header.success .success-message,
#schedulemodalForm.success .success-message,
#job_form.success .success-message .success-text ,
#submitForm2.success .success-message .success-text {
    display: block;
}

#submitFormbrocher.haserrors .success-message .success-text,
#submitFormproject.haserrors .success-message .success-text,
#submitForm.haserrors .success-message .success-text,
#submitForm_header.haserrors .success-message .success-text,
#schedulemodalForm.haserrors .success-message .success-text,
#job_form.haserrors .success-message .success-text ,
#submitForm2.haserrors .success-message .success-text {
    display: none;
}

#submitFormbrocher.haserrors .success-message .error-text,
#submitFormproject.haserrors .success-message .error-text,
#submitForm.haserrors .success-message .error-text,
#submitForm_header.haserrors .success-message .error-text,
#schedulemodalForm.haserrors .success-message .error-text,
#job_form.haserrors .success-message .error-text ,
#submitForm2.haserrors .success-message .error-text {
    display: block;
}

/* For Chrome, Safari, and newer versions of Edge */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px var(--Beige-03) inset;
}

/* For Firefox */
input:-moz-autofill {
    -moz-box-shadow: 0 0 0 30px var(--Beige-03) inset;
}

:focus-visible {
    outline: none !important;
}

.maintenance {
    padding-top: 110px;
    padding-bottom: 72px;
}

.bg-maintenance {
    width: 100%;
    max-width: 700px;
}

.maintenance h1 {
    font-size: 140px;
    font-weight: 300;
    line-height: 126px;
    letter-spacing: -0.03em;
    text-align: left;
    margin-bottom: 50px;
}

.maintenance p {
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--white-60);
    width: 100%;
    max-width: 592px;
    margin-bottom: 50px;
}

.maintenance ul {
    margin: 0;
}

.maintenance li,
.maintenance li a {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
}

.page-progress {
    padding-bottom: 30px;
}

.page-progress .col-1 {
    flex: 1 0 72%;
}

.page-progress .col-3 {
    flex: 1 0 70.5%;
}

@media (min-width: 1121px) {
    .maintenance .col-desc {
        flex: 0 0 53%;
    }
}

@media (max-width: 1919px) {
    .bg-maintenance {
        width: 100%;
        max-width: 500px;
    }

    .maintenance h1 {
        font-size: 100px;
        font-weight: 300;
        line-height: 90px;
        letter-spacing: -0.03em;
        text-align: left;
        margin-bottom: 50px;
    }

    .maintenance p {
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        color: var(--white-60);
        width: 100%;
        max-width: 500px;
        margin-bottom: 50px;
    }

    .maintenance ul {
        width: 100%;
        max-width: 400px;
    }

    .maintenance li,
    .maintenance li a {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }
}

@media (max-width: 1120px) {
    .maintenance {
        padding-top: 100px;
        padding-bottom: 228px;
    }

    .bg-maintenance {
        display: none;
    }

    .bg-maintenance {
        width: 100%;
        max-width: 500px;
    }

    .maintenance h1 {
        font-size: 100px;
        font-weight: 300;
        line-height: 90px;
        letter-spacing: -0.03em;
        text-align: center;

        margin-bottom: 50px;
    }

    .maintenance p {
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
        color: var(--white-60);
        width: 100%;
        max-width: 500px;
        margin: 0 auto 50px;
    }

    .maintenance ul {
        width: 100%;
        max-width: 400px;
        margin: auto;
        text-align: center;
    }

    .maintenance li,
    .maintenance li a {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .maintenance {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .maintenance-body .header-row-1 .row {
        padding: 15px;
        margin: 0 5px;
    }

    .bg-maintenance {
        display: none;
    }

    .bg-maintenance {
        width: 100%;
        max-width: 500px;
    }

    .maintenance h1 {
        font-size: 50px;
        font-weight: 300;
        line-height: 45px;
        letter-spacing: -0.03em;
        text-align: center;
        margin-bottom: 30px;
    }

    .maintenance p {
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;

        color: var(--white-60);
        width: 100%;
        max-width: 500px;
        margin: 0 auto 50px;
    }

    .maintenance ul {
        width: 100%;
        max-width: 400px;
        margin: auto;
        text-align: center;
    }

    .maintenance li,
    .maintenance li a {
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .page-progress .col-1 {
        flex: 1 0 62%;
    }

    .page-progress .col-3 {
        flex: 1 0 50.5%;
    }
}

@media (max-width: 359px) {
    .page-progress .col-1 {
        flex: 1 0 62%;
    }

    .page-progress .col-3 {
        flex: 1 0 45%;
    }
}

/* Buy Page */

.buy-filter {
    padding: 70px 0 40px;
}

.page-breadcrumb {
    margin-bottom: 10px;
}

.buy-filter h2 {
    margin-bottom: 40px;
}

.buy-filter .search-module {
    padding: 21px 20px;
}

.buy-filter .search-separator {
    padding-top: 20px;
    margin-top: 20px;
}

.buy-filter .search-module .search-bar {
    padding: 8px 3px 8px 30px;
    width: 502px;
    padding: 3px 3px 3px 30px;
    width: 502px;
    margin-top: 18px;
}

.buy-filter .btn-filter {
    width: 160px;
    height: 60px;
    background: transparent;
    border: 1px solid var(--Orange);
    color: var(--Orange);
    position: relative;
    padding: 10px 30px 10px 10px;
    margin: 0 20px 0 10px;
}

.buy-filter .btn-search {
    width: 60px;
    height: 60px;
    line-height: 38px;
}

.buy-filter .btn-filter:hover,
.buy-filter .btn-filter.active {
    background-color: var(--Orange);
    color: var(--Beige-01);
}

.buy-filter .btn-filter.active:hover {
    background: transparent;
    color: var(--Orange);

}

.buy-filter .btn-filter:after {
    transition: transform 0.7s ease;
    content: url(../img/icons/caret-down-orange.png);
    display: inline-block;
    transform: rotate(0deg);
    position: absolute;
    top: 20px;
    right: 25px;
    transform: translateY(1px);
}

.buy-filter .btn-filter:hover:after,
.buy-filter .btn-filter.active:after {
    transform: rotate(180deg) translateY(1px);
    filter: brightness(100);
}

.buy-filter .btn-filter.active:hover:after {
    filter: none;
}

.buy-filter .value-list-wrapper {
    width: auto;
}

.buy .more-filters-tray {
    position: absolute;
    bottom: auto;
    width: 100%;
    background: var(--Beige-03);
    max-width: 770px;
    top: 235px;
    right: 0;
    border-radius: 20px;
    height: 550px;
    overflow: auto;
    padding: 30px;
    transition: opacity 0.5s ease;
    opacity: 0;
    visibility: hidden;
}

.new-projects .more-filters-tray {
    max-width: 372px !important;
    height: 295px;
    right: 90px !important;
}

.buy .more-filters-tray.show {
    opacity: 1;
    visibility: visible;
}

.buy .more-filters-tray .search-bar,
.buy .more-filters-tray .selector {
    width: 472px;
}

.buy .more-filters-tray .property-type {
    width: 226px;
}

.buy .amenities-col {
    width: 100%;
    /* max-width: 630px; */
}

.buy .amenities-col .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.buy .amenities-col .form-group label {
    position: relative;
    cursor: pointer;
    line-height: 16px;
    margin-bottom: 20px;
}

.buy .amenities-col .form-group label span {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
}

.buy .amenities-col .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--Black);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 2px;
}

.buy .amenities-col .form-group input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 5px;
    height: 10px;
    border: solid var(--Black);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.buy .col-reset .btn-primary {
    height: 60px;
    line-height: 35px;
}

.buy .col-reset .btn-reset {
    background: transparent;
    border: 1px solid var(--Orange);
    color: var(--Orange);
}

.buy-filter .btn-reset:hover {
    background-color: var(--Orange);
    color: var(--Beige-01);
}

.buy .listings-grid .map-btn {
    color: var(--Orange);
}

.buy .map-col .map-btn:after {
    content: url(../img/icons/map-icon.svg);
}

.buy .map-col .map-btn:hover:before {
    content: url(../img/icons/map-icon.svg);
}

.buy .map-col .map-btn.index-view:after {
    content: url(../img/icons/Union.svg);
}

.buy .map-col .map-btn.index-view:hover:before {
    content: url(../img/icons/Union.svg);
}

.buy .map-col .search-all-link:hover:after {
    content: none;
}

.buy .exclusive-offers::before {
    content: url(../img/icons/Group.png);
    display: inline-block;
    vertical-align: text-top;
}

.buy .exclusive-offers .list-card .list-img-slider {
    max-width: 251px;
    font-size: 0;
}

.buy .exclusive-offers .list-card .list-img img {
    width: 100%;
    max-width: 251px;
    /* height: 366px; */
    height: 384px;
    object-fit: cover;
    border-radius: 20px;
}

.buy .exclusive-offers .list-card .list-amenties ul {
    flex-direction: column;
}

.buy .exclusive-offers .list-card .list-amenties ul li:not(:last-child) {
    margin-bottom: 12px;
}

.buy .exclusive-offers .col-322 {
    width: 322px;
}

.buy .exclusive-offers .list-card {
    position: relative;
    /* min-height: 430px; */
    min-height: 454px;
    background-color: transparent;
}

.buy .exclusive-offers .list-card .list-location {
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */

}

.buy .exclusive-offers .list-card .exc-card-wrapper {
    background-color: var(--Beige-02);
    border-radius: 20px;
}

.buy .exclusive-offers .list-card .developer-tile {
    transform: translateY(0px);
}

.buy .exclusive-offers .list-card:hover .developer-tile {
    /* transform: translateY(350px); */
    transform: translateY(364px);
    z-index: -1;
}

.buy .exclusive-offers .list-card .slick-list {
    border-radius: 20px;
}

.buy .all-property {
    padding-top: 0;
    margin-bottom: 0;
}

.buy .all-property .list-card {
    z-index: 0;
    margin-bottom: 20px;
}

.list-property-card {
    background-image: url(../img/icons/list-property-card-bg.png);
    display: flex;
    flex-direction: column;
    /* min-height: 563px; */
    min-height: 586px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}

.list-property-card.list-property-card-home {
    width: 425px;
}

.list-property-card .p2 {
    width: 100%;
    max-width: 320px;
    color: var(--Beige-02);
}

.list-property-card .p-fast {
    width: 100%;
    max-width: 200px;
    color: var(--white-80);
    margin-top: 5px;
}

.list-property-card img {
    width: 50px;
    height: 50px;
    margin-bottom: 35px;
}

.list-property-card .btn-primary {
    margin-top: 25px;
    width: 345px;
}

.buy .listing-pagination .btn-capsule {
    max-width: 141px;
    padding: 16px 40px;
}

.buy .listing-pagination .btn-capsule {
    position: relative;
}

.buy .listing-pagination .btn-capsule-prev span {
    padding-left: 20px;
}

.buy .listing-pagination .btn-capsule-next span {
    padding-right: 20px;
}

.buy .listing-pagination .btn-capsule:hover {
    background-color: var(--Black);
}

.buy .listing-pagination .btn-capsule:hover span {
    color: var(--White);
}

.buy .listing-pagination .btn-capsule-prev span:before {
    content: url(../img/icons/caret-down-black.png);
    position: absolute;
    transform: rotate(90deg);
    left: 25px;
    top: 11px;
}

.buy .listing-pagination .btn-capsule-prev:hover span:before,
.buy .listing-pagination .btn-capsule-next:hover span:after {
    filter: brightness(100);
}

.buy .listing-pagination .btn-capsule-next span:after {
    content: url(../img/icons/caret-down-black.png);
    position: absolute;
    transform: rotate(-90deg);
    right: 35px;
    top: 11px;
}

.buy .listing-pagination .pagination-list li {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px;
    gap: 10px;
    border: 1px solid var(--black-30);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: 0.5s ease;
}

.buy .listing-pagination .pagination-list li:hover {
    border-color: var(--Black);
}

.buy .listing-pagination .pagination-list li.active {
    background-color: var(--Black);
    border-color: var(--Black);
}

.buy .listing-pagination .pagination-list li.active .menu-1 {
    color: #fff !important;
}

.buy .explore-banner {
    padding-bottom: 170px;
    z-index: 6;
    position: relative;
    border-radius: 0 0 20px 20px;
    background: #fffcf5;
    top: 0;
    margin-bottom: -50px;
}

.buy .explore-banner-wrapper {
    background-color: var(--Beige-02);
    padding: 40px;
    border-radius: 20px;
}

.buy .explore-banner h4:before {
    content: url(../img/icons/Group-24.png);
    margin-right: 10px;
    vertical-align: middle;
}

.agents-img-grp {
    position: relative;
    display: inline-block;
    border-left: 1px solid var(--black-10);
    padding-left: 20px;
    margin-right: -35px;
}

.agents-img-grp img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    object-fit: cover;
    object-position: top;
}

.agents-img-grp img:nth-child(1) {
    top: 0;
    left: 0;
    z-index: 1;
}

.agents-img-grp img:nth-child(2) {
    top: 0px;
    left: -10px;
    z-index: 2;
}

.agents-img-grp img:nth-child(3) {
    top: 0px;
    left: -20px;
    z-index: 3;
}

.agents-img-grp img:nth-child(4) {
    top: 0px;
    left: -30px;
    z-index: 4;
}

.explore-banner-wrapper h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    width: 100%;
    max-width: 263px;
}

.buy .map-wrapper {
    font-size: 0;
    border-radius: 20px;
    margin-bottom: 40px;
}

.buy .map-wrapper iframe {
    border-radius: 20px;
}

.buy .sorting-row {
    margin-bottom: 40px;
}

.buy .sorting-row .row {
    padding: 27px 0;
    align-items: center;
}

.buy .sorting-row .properties-count {
    padding-right: 60px;
}

/* Detail Page */

.buy.detail .buy-filter {
    padding: 70px 0 0;
}

.buy.detail .buy-filter h2 {
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 1145px; */
}

.buy.detail .image-galleries.image-galleries-text {
    margin: 0 -10px 20px;
}

.buy.detail .buy-filter h4 {
    font-size: 26px;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
}

.buy.detail .explore-banner-wrapper h4 {
    text-align: center;
}

.buy.detail .explore-banner-wrapper h5 {
    max-width: 627px;
    text-align: center;
    margin: auto;
}

.buy .explore-banner {
    margin-bottom: 40px;
    padding-bottom: 0;
}

.buy.detail .image-galleries {
    margin: 0 -10px 0px;
}

.buy.detail .image-galleries .img {
    border-radius: 20px;
    margin-bottom: 20px;
}

.buy.detail .image-galleries .col-gal-1 .img {
    height: 700px;
    object-fit: cover;
}

.buy.detail .image-galleries .col-gal-2 .img {
    height: 340px;
    object-fit: cover;
}

.buy.detail .image-galleries .col-gal-2-inner .img {
    height: 340px;
    object-fit: cover;
    max-width: 276px;
}

.buy.detail .col-gal-1,
.buy.detail .col-gal-2 {
    padding: 0 10px;
}

.buy.detail .col-gal-1 {
    flex: 1;
}

.buy.detail .col-gal-2 {
    width: 100%;
    max-width: 593px;
}

.buy.detail .feature-properties {
    padding: 0;
    margin: 0;
    list-style: none;
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
    margin-bottom: 40px;
}

.buy.detail .feature-properties li {
    margin-bottom: 12px;
}

.buy.detail .feature-properties li:before {
    content: url(../img/icons/ico-tick.svg);
    margin-right: 10px;
    vertical-align: sub;
}

.buy.detail .image-galleries .list-type.p1 {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 30px;
}

.buy.detail .image-galleries .list-type.p1 .list-type-label {
    background-color: var(--Black);
    color: var(--Beige-01);
    border-radius: 100px;
    padding: 7px 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-height: 32px;
}

.buy.detail .image-galleries .list-type-label.list-type-label-business.p1 {
    gap: 5px;
    margin-right: 7px;
}

.buy.detail .image-galleries .list-type-label-business:before {
    content: url(../img/icons/business-group.svg);
    position: relative;
    top: 1px;
}

.buy.detail .image-galleries .list-type-label-count {
    background-color: var(--Beige-01);
    border-radius: 100px;
    padding: 7px 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-height: 32px;
    position: absolute;
    z-index: 1;
    top: auto;
    bottom: 40px;
    left: 30px;
}

.buy.detail .image-galleries .list-type-label-count:before {
    content: url(../img/icons/ico-gal.svg);
    position: relative;
    top: 1px;
}

.buy.detail .value-card {
    background-color: var(--Beige-02);
    padding: 26px 20px 20px;
    border-radius: 20px;
}

.buy.detail .value-card ul {
    list-style-type: none;
}

.buy.detail .value-card ul li:not(.s-btn) a {
    min-width: 126px;
    background-color: #fffcf5;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin-right: 10px;
    margin-bottom: 14px;
    transition: 0.2s ease;
    border: 1px solid transparent;
}

.buy.detail .value-card ul li a:hover {
    background-color: transparent;
    border: 1px solid var(--Orange);
}

.buy.detail .value-card ul li .menu-1 {
    color: var(--Orange, #a96449);
    margin-left: 8px;
}

.buy.detail .explore-banner {
    margin-bottom: 40px;
}

.buy.detail .explore-banner-wrapper {
    padding: 20px;
}

.buy.detail .explore-banner-wrapper h4:before {
    content: url(../img/icons/group-exc.svg);
    position: relative;
    top: 1px;
    margin-right: 10px;
}

.buy.detail .ico-span {
    margin-right: 8px;
}

.buy.detail .key-information h5 {
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.buy.detail .agent-mini-card {
    background-color: var(--Black-2);
    padding: 20px;
    border-radius: 20px;
    position: relative;
}

.buy.detail #schedulemodal {
    z-index: -1;
}

.buy.detail #schedulemodal.show {
    z-index: 999;
}

.agent-sticky {
    position: fixed !important;
    top: 0;
    width: 559px;
    z-index: 99;
}

.buy.detail .agent-mini-card .agent-details .agent-img {
    width: 70px;
    height: 70px;
}

.buy.detail .agent-mini-card .agent-details h5 {
    text-align: left;
    margin-left: 10px;
}

.buy.detail .agent-mini-card .section-separator {
    border-color: var(--white-10);
    margin-top: 20px;
    margin-bottom: 20px;
}

.buy.detail .mini-contact-row .value-card ul li:not(.s-btn) a {
    margin-right: 0;
    min-width: 164px;
}

.buy.detail .nearby-services-wrapper {
    position: absolute;
    top: 70px;
    left: 20px;
    background-color: var(--Beige-01);
    border-radius: 20px;
    width: 100%;
    max-width: 405px;
    min-height: 506px;
    padding: 20px;
}

.buy.detail .nearby-services-wrapper .row {
    height: 506px;
}

.buy.detail .nearby-services-wrapper #categories-list div {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.buy.detail .nearby-services-wrapper #category-counts div {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
    min-height: 36px;
    display: flex;
    align-items: center;
}

.buy.detail .nearby-services-wrapper #categories-list div:nth-child(1):before {
    content: url(../img/icons/ico-culture.svg);
    margin-right: 10px;
}

.buy.detail .nearby-services-wrapper #categories-list div:nth-child(2):before {
    content: url(../img/icons/ico-food.svg);
    margin-right: 10px;
}

.buy.detail .nearby-services-wrapper #categories-list div:nth-child(3):before {
    content: url(../img/icons/ico-medicine.svg);
    margin-right: 10px;
}

.buy.detail .nearby-services-wrapper #categories-list div:nth-child(4):before {
    content: url(../img/icons/ico-education.svg);
    margin-right: 10px;
}

.buy.detail .nearby-services-wrapper #categories-list div:nth-child(5):before {
    content: url(../img/icons/ico-finance.svg);
    margin-right: 10px;
}

.buy.detail .nearby-services-wrapper #categories-list div:nth-child(6):before {
    content: url(../img/icons/ico-trade.svg);
    margin-right: 10px;
}

.buy.detail .nearby-services-wrapper #categories-list div:nth-child(7):before {
    content: url(../img/icons/ico-sports.svg);
    margin-right: 10px;
}

.buy.detail .nearby-services-wrapper #categories-list div:nth-child(8):before {
    content: url(../img/icons/ico-services.svg);
    margin-right: 10px;
}

.buy.detail .mortage-calculator {
    background-color: var(--Beige-02);
    padding: 20px;
    border-radius: 20px;
}

.buy.detail .mortage-calculator form .form-control,
.buy.detail .mortage-calculator form .form-select {
    background-color: var(--Beige-01);
}

.buy.detail .mortage-calculator form .form-control,
.buy.detail .mortage-calculator form .form-select {
    /* min-width: 535px; */
    max-width: -webkit-fill-available;
    width: 100%;
}

.buy.detail .mortage-calculator .mw-405 {
    width: 100%;
    max-width: 405px;
}

.buy.detail .mortage-calculator .btn-primary {
    height: 60px;
    line-height: 35px;
}

.buy.detail .barcode-wrapper {
    padding: 40px 63px;
    background-color: var(--Beige-02);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy.detail .barcode-wrapper img {
    width: 150px;
    height: 150px;
}

.buy.detail .rera-information h5 {
    margin-top: 15px;
    margin-bottom: 100px;
}

.buy.detail .permit-no:before {
    content: url(../img/icons/ico-tick.svg);
    margin-right: 10px;
}

.buy.detail .prop-data {
    margin-bottom: 100px;
}

.buy.detail #schedulemodal .modal-body {
    padding: 30px 38px 0;
}

.buy.detail #schedulemodal .input-grp .btn-primary {
    margin-top: 0;
    height: 50px;
    line-height: 12px;
}

.buy.detail #date-list {
    padding: 0;
    margin: 0;
    display: inline-flex;
    list-style: none;
}

.buy.detail #date-list li {
    border: 1px solid var(--black-20);
    border-radius: 20px;
    padding: 10px;
    margin-right: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 99px !important;
    height: 116px;
    cursor: pointer;
}

.buy.detail #date-list li:hover {
    border: 1px solid var(--Black);
}

.buy.detail #date-list li.disabled {
    background-color: var(--black-10);
    cursor: default;
    border-color: var(--black-10);
}

.buy.detail #date-list li.disabled .date,
.buy.detail #date-list li.disabled .day {
    color: var(--black-20) !important;
}

.buy.detail #date-list li.disabled .month {
    color: var(--black-40) !important;
}

.buy.detail #date-list li.active {
    background-color: var(--Black);
    border-color: var(--Black);
}

.buy.detail #date-list li.active .date,
.buy.detail #date-list li.active .day {
    color: var(--white-80) !important;
}

.buy.detail #date-list li.active .month {
    color: var(--Beige-01) !important;
}

.date-list-wrapper {
    font-size: 0;
}

.date-list-container {
    overflow: hidden;
}

.date-list-wrapper .btn-wrap {
    position: absolute;
    top: calc(50% - 10px);
    width: 100%;
}

.date-list-wrapper .btn-wrap img {
    transform: rotate(90deg);
    width: 14px;
}

.date-list-wrapper .btn-wrap .prev-btn img {
    transform: rotate(-90deg);
}

.date-list-wrapper .btn-wrap .slick-btn {
    width: 20px;
    height: 20px;
    border: 1px solid var(--Black);
    background-color: var(--Black);
}

.date-list-wrapper .btn-wrap .prev-btn {
    position: absolute;
    left: -9px;
}

.date-list-wrapper .btn-wrap .next-btn {
    position: absolute;
    right: -9px;
}

/* .date-list-container {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
}

.buy.detail #date-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.date-ul {
    display: inline-block;
    width: calc(100% / 6);
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
}

.horizontal-scroll::-webkit-scrollbar {
    display: none;
}

.horizontal-scroll {
    scrollbar-width: none;
} */

/* Custom selet styling */

/* @media (min-width: 1366px) {
    .search-bar .select2-container {
        width: 100% !important;
        max-width: 955px !important;
    }
} */

.search-bar .select2-container {
    width: 99% !important;
}

.select2-container--default .select2-selection--multiple {
    background-color: transparent;
    border: none;
    border-radius: 0;
    min-height: 40px;
    margin: 0;
    padding: 3px 0 0 30px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
}

.select2-dropdown {
    background-color: var(--Beige-02);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--Beige-02);
    color: var(--Black);
}

.select2-container--default .select2-results__option {
    width: 100%;
    max-width: 700px;
}

.select2-dropdown {
    border: 0;
}

.select2-container--open .select2-dropdown {
    border-top: 0;
    width: 1096px !important;
    left: -127px;
    border-radius: 0px 0px 40px 40px;
    top: -10px;
    /* padding: 10px 35px 10px 155px; */
}

.select2-container--open .select2-dropdown--above {
    border-top: 0;
    width: 1096px !important;
    left: -127px;
    border-radius: 40px 40px 0px 0px;
    top: 10px;
    /* padding: 10px 35px 10px 155px; */
}

.select2-container--open .select2-dropdown .select2-results {
    width: 1036px;
    border-top: 1px solid var(--black-10);
    margin: 15px auto 0;
}

.select2-container--open .select2-dropdown--above .select2-results {
    border-bottom: 1px solid var(--black-10);
    margin: 0 0 15px;
    border-top: 0;
}

.select2-container--default .select2-results>.select2-results__options {
    padding: 15px 35px 15px 125px;
}

.search-bar .input-group-append {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    position: absolute;
    right: -65px;
    top: -1.5px;
}

.search-bar .input-group-append .btn-primary.social {
    width: 60px;
    height: 60px;
    line-height: 38px;
}

.select2-selection__choice {
    display: none;
}

.buy .select2-dropdown {
    background-color: var(--Beige-01);
}

.buy .select2-container--open .select2-dropdown {
    width: 500px !important;
    left: -90px;
    top: -10px;
}

.buy .select2-container--open .select2-dropdown--above {
    width: 500px !important;
    left: -90px;
    top: 10px;
}

.buy .select2-container--open .select2-dropdown .select2-results {
    width: 500px;
}

.buy .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--Beige-01);
}

/* .select2-search__field {
    width: 413px !important;
} */

.chosen-value-btn[value="Property Type"] {
    color: var(--black-40);
}

.chosen-value-btn[value="Bedrooms"] {
    color: var(--black-40);
}


.chosen-value-btn[value="Developers"] {
    color: var(--black-40);
}


.chosen-value-btn[value="Completion Year"] {
    color: var(--black-40);
}



/* Our COmpany */
.our-company {
    padding-top: 80px;
    /* margin-bottom: 80px; */
}

.our-company .who-we-are {
    margin-bottom: 80px;
}

.our-company .who-we-are p {
    font-size: 36px;
    font-weight: 300;
    line-height: 43.2px;
    text-align: left;
    width: 100%;
    max-width: 1054px;
    margin-bottom: 30px;
}

.our-company .who-we-are .atel {
    color: var(--Orange) !important;
}

.our-company .who-we-are p span {
    font-size: 36px;
    font-weight: 400;
    line-height: 43.2px;
    text-align: left;
}

.our-company .who-we-are .btn-primary {
    width: 100%;
    max-width: 425px;
    min-height: 50px;
    transition: 0.7s ease;
    align-items: center;
    justify-content: center;
    display: flex;
    line-height: 23px;
    background-color: transparent;
    color: var(--Orange);
    border: 1px solid var(--Orange);
}

.our-company .who-we-are .btn-primary:hover {
    background-color: var(--Orange);
    color: var(--Beige-01);
}

.our-company .bg-gif img {
    border-radius: 0 0 20px 20px;
    margin-bottom: 150px;
    width: 100%;
}

.our-company .form-bg-1.form-bg-2 {
    background-image: url(../img/form-bg-1.png);
    margin-bottom: 150px;
}

.our-company .video-bg {
    margin-bottom: 150px;
}

.our-company .we-stand {
    margin-bottom: 110px;
}

/* Our Services */

.our-services {
    padding-top: 80px;
    margin-bottom: 130px;
}

.our-services .w-573 {
    width: 100%;
    max-width: 573px;
}

.our-services .service-card {
    min-height: 276px;
    border-radius: 20px;
    background-color: var(--Beige-02);
    transition: 0.5s ease;
    padding: 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.our-services .service-card:hover {
    background-color: var(--Orange);
}

.our-services .service-card .img-wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--Orange);
    border-radius: 100px;
    margin-bottom: auto;
    transition: 0.5s ease;
}

.our-services .service-card:hover .img-wrapper {
    background-color: #fffcf5;
    transition: 0.5s ease;
}

.our-services .service-card:hover h4,
.our-services .service-card:hover h5 {
    color: #fffcf5 !important;
}

.our-services h5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Contact Page */
.contact-offices {
    padding-top: 80px;
    position: relative;
    z-index: 1;
}

.contact-offices .maps-sec {
    position: relative;
    margin-top: 40px;
    margin-bottom: -20px;
}

.contact-offices .maps-sec iframe {
    width: 100% !important;
    font-size: 0;
}

.contact-offices .nav-tabs .nav-link {
    border: 0;
    min-width: 137px;
    height: 44px;
    background-color: var(--Beige-01);
    color: var(--Black);
    border-radius: 100px;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    margin-right: 10px;
}

.contact-offices .nav-tabs .nav-item.show .nav-link,
.contact-offices .nav-tabs .nav-link.active {
    background-color: var(--Black);
    color: var(--Beige-01);
}

.contact-offices .nav-tabs {
    z-index: 5;
    border: 0;
    position: absolute;
    top: 52px;
    left: 80px;
}

.contact-offices .maps-sec .map-cards-wrapper {
    position: absolute;
    right: 60px;
    bottom: 80px;
    display: flex;
}

.contact-offices .maps-sec .map-card {
    width: 425px;
    min-height: 412px;
    background-color: var(--Beige-01);
    padding: 40px;
    border-radius: 20px;
    margin: 0 20px;
}

.contact-offices .maps-sec .zoom-buttons {
    position: absolute;
    bottom: 80px;
    left: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-offices .maps-sec .zoom-buttons button {
    width: 44px;
    height: 44px;
    border-radius: 100px;
    background-color: var(--Beige-01);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-right: 10px;
}

.contact-offices .maps-sec .map-card ul {
    list-style-type: none;
}

.contact-offices .maps-sec .map-card ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.contact-offices .maps-sec .map-card ul li .span2 {
    width: 100%;
    max-width: 238px;
}

.contact-offices .maps-sec .map-card ul li:last-child .span2 {
    min-height: 72px;
}

.list-card.new-projects .client-logo {
    max-width: 140px;
    max-height: 40px;
}

.iti__selected-country-primary {
    border-radius: 25px 0 0 25px;
}

.buy.detail .overlay-form {
    position: absolute;
    width: calc(100% + 40px);
    height: 100%;
    top: 0;
    right: -20px;
}

/* .buy-filter.new-projects .search-module .search-input {
    margin-left: 0;
}

.buy-filter.new-projects .search-module .search-bar {
    width: 540px;
} */

.list-card.new-projects {
    min-height: 548px;
}

.list-property-card.new-projects {
    min-height: 550px;
}

.list-card.new-projects h4 {
    /* height: 40px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-card.new-projects.insights .list-img-slider {
    max-width: 100%;
}

.list-card.new-projects.insights .list-img img {
    /* min-width: 100%; */
    max-width: 100%;
}

.list-card.new-projects.insights {
    min-height: auto;
}

.list-card.new-projects.insights .list-details h5 {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#gallery-image-slider-detail {
    margin-left: 10px;
}

#gallery-image-slider-detail img {
    width: 325px;
    height: 220px;
    margin-right: 10px;
}

.read-more-btn:after {
    content: url(../img/icons/caret-down-orange.svg);
    position: relative;
    display: inline-block;
    /* transform: rotate(180deg); */
    transition: transform 0.7s all;
    right: -5px;
    top: 4px;
}

.read-more-btn.active:after {
    top: 0px;
    transform: rotate(180deg);
}

.agent-inqs {
    padding-left: 10px;
    margin: 0;
    margin-top: 10px;
    list-style: none;
}

.agent-inqs li {
    margin-bottom: 10px;
}

.agent-inqs .ico-meet:before {
    content: url(../img/icons/ico-cal.svg);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.agent-inqs .ico-cal:before {
    content: url(../img/icons/ico-cal-2.svg);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.agent-inqs .ico-home:before {
    content: url(../img/icons/ico-cal-3.svg);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.tme:before {
    content: url(../img/icons/ico-clock.svg);
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.dte:before {
    content: url(../img/icons/ico-cal-dark.svg);
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.shr:before {
    content: url(../img/icons/ico-share.svg);
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.shr {
    cursor: pointer;
}

.buy.detail.insights .value-card {
    width: 280px;
    padding: 20px;
    position: absolute;
    top: 25px;
    right: -185px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
}

.buy.detail.insights.show .value-card {
    opacity: 1;
    visibility: visible;
}

.buy.detail.insights .value-card ul li:not(.s-btn) a {
    min-width: 40px;
    width: 40px;
    margin-bottom: 0;
    background-color: var(--Orange);
}

.insights-banner img {
    border-radius: 0 0 20px 20px;
    height: 800px;
    object-fit: cover;
    margin-bottom: 80px;
}

.content-wrapper {
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
}

.content-wrapper h2,
.content-wrapper h3 {
font-size: 24px;
font-weight: 500;
line-height: 28.8px;
text-align: left;
letter-spacing: 0;
margin-bottom: 20px;

}

.content-wrapper h4 {
    margin-bottom: 20px;
}

.content-wrapper p {
    margin-bottom: 20px;
    font-size: 18px;
    word-wrap: break-word;
}

.content-wrapper img {
    width: 100%;
    max-width: 870px;
    height: 580px;
    border-radius: 20px;
    margin: 10px auto 40px;
    object-fit: cover;
}

.content-wrapper strong,
.content-wrapper b {
    font-weight: 500;
}

:is(.content-wrapper) dl, ol, ul {
    padding: 0 0 0 1rem;
    list-style: disc;
}

.share-this-insight .value-card {
    background-color: var(--Beige-02);
    padding: 20px !important;
    border-radius: 20px;
}

.share-this-insight .shricon {
    width: 24px;
    height: 24px;
    max-width: none;
    border-radius: 0;
    margin: 0;
    object-fit: contain;
    vertical-align: sub;
    margin-right: 10px;
}

.share-this-insight.buy.detail .value-card ul li:not(.s-btn) a {
    min-width: 44px;
    background-color: var(--Orange);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-right: 10px;
    margin-bottom: 0;
    transition: 0.2s ease;
    border: 1px solid transparent;
}

.share-this-insight.buy.detail .value-card ul li:not(.s-btn) a:hover {
    /* background-color: transparent; */
    border-color: var(--Beige-03);
}

.share-this-insight.buy.detail .value-card ul li:last-child a {
    margin-right: 0;
}

.share-this-insight.buy.detail .value-card ul li:not(.s-btn) a img {
    width: 18px;
    height: 18px;
    max-width: none;
    border-radius: 0;
    margin: 0;
    object-fit: contain;
}

/* mew projects page */
.insights-banner.newprojectsdetail img {
    border-radius: 0;
}

.insights-banner-tabs {
    background-color: var(--Beige-03);
    border-radius: 0 0 20px 20px;
}

.insights-banner-tabs ul {
    list-style: none;
}

.insights-banner-tabs ul li a {
    color: var(--Black);
}

.insights-banner-tabs ul li {
    padding: 18px 5px 18px 0;
    margin-right: 15px;
    border-bottom: 1px solid transparent;
}

.insights-banner-tabs ul li.active {
    border-bottom: 1px solid var(--Orange);
}

.insights-banner-tabs ul li.active a {
    color: var(--Orange);
}

.insights-banner-tabs ul li .home-bm:before {
    content: url(../img/icons/home-bm.svg);
    margin-right: 8px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

.insights-banner-tabs ul li.active .home-bm:before {
    content: url(../img/icons/home-bm-active.svg);
    margin-right: 8px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

.insights-banner-tabs ul li .img-bm:before {
    content: url(../img/icons/img-bm.svg);
    margin-right: 8px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

.insights-banner-tabs ul li.active .img-bm:before {
    content: url(../img/icons/img-bm-active.svg);
    margin-right: 8px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

.insights-banner-tabs ul li .loc-bm:before {
    content: url(../img/icons/loc-bm.svg);
    margin-right: 8px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

.insights-banner-tabs ul li.active .loc-bm:before {
    content: url(../img/icons/loc-bm-active.svg);
    margin-right: 8px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

.insights-banner-tabs ul li .pay-bm:before {
    content: url(../img/icons/pay-bm.svg);
    margin-right: 8px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

.insights-banner-tabs ul li.active .pay-bm:before {
    content: url(../img/icons/pay-bm-active.svg);
    margin-right: 8px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

.insights-banner-tabs ul li .broc-bm:before {
    content: url(../img/icons/broc-bm.svg);
    margin-right: 8px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

.insights-banner-tabs ul li.active .broc-bm:before {
    content: url(../img/icons/broc-bm-active.svg);
    margin-right: 8px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

.insights-listings-detail .desc-sec {
    border-radius: 0 0 20px 20px;
}

.insights-listings-detail .desc {
    margin-bottom: 100px;
}

.insights-listings-detail .desc p {
    font-size: 18px;
}

.insights-listings-detail .desc .bg-grey {
    background-color: var(--Beige-02);
    border-radius: 20px;
    padding: 40px;
}

.insights-listings-detail .desc .group-icon,
.insights-listings-detail .desc .rera {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.insights-listings-detail .desc .group-icon img {
    width: 100%;
    max-width: 214px;
    height: 85px;
    object-fit: contain;
}

.insights-listings-detail .gal-sec {
    background-color: var(--Black);
    padding: 140px 0;
}

.insights-listings-detail .gal-sec .btn-wrap .slick-btn {
    border: 1px solid white;
}

.insights-listings-detail .gal-sec .btn-wrap img {
    filter: brightness(100);
}

.insights-listings-detail .gal-sec .btn-wrap .slick-btn:hover {
    background-color: var(--White);
    border-color: var(--White);
}

.insights-listings-detail .gal-sec .btn-wrap .slick-btn:hover img {
    filter: none;
}

.insights-listings-detail .all-property-slider-gallery {
    height: 600px;
    object-fit: cover;
    border-radius: 20px;
    margin-left: 80px;
}



.insights-listings-detail .all-property-slider-gallery .img {
    width: 1315px;
    height: 600px;
    object-fit: cover;
    border-radius: 20px;
}

.insights-listings-detail .buy.detail .image-galleries .list-type-label-count {
    top: 20px;
    bottom: auto;
    left: 20px;
    cursor: pointer;
}

.insights-listings-detail .content-sec img {
    width: 100%;
    min-width: 1093px;
    max-width: 1093px;
    height: 600px;
    object-fit: cover;
    border-radius: 20px;
}

.insights-listings-detail .content-sec p {
    font-size: 18px;
}

.insights-listings-detail .content-sec .cdh {
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
}

.insights-listings-detail .map-sec iframe {
    border-radius: 20px;
}

.insights-listings-detail .map-sec .gd-row ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 82px;
}

.insights-listings-detail .map-sec .gd-row ul .section-separator {
    padding: 0;
    margin: 15px 0 27px 0;
}

.insights-listings-detail .map-sec .gd-row .p-47 {
    padding: 47px 40px 40px;
    height: 600px;
    overflow-y: auto;
}

.btn-trans .btn-primary {
    background-color: transparent;
    color: var(--Orange);
    border: 1px solid;
    width: 220px;
}

.btn-trans .btn-primary:hover {
    background-color: var(--Orange);
    border-color: var(--Orange);
    color: var(--White);
}

.sticky-bm {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: var(--Beige-03);
}
/* Privacy Policy */

.privacy-policy {
    margin-bottom: 90px;
}

.inner-content-wrapper p {
    font-size: 18px;
    margin-bottom: 2rem;
}

.inner-content-wrapper ul {
    margin-bottom: 2rem;
}

.inner-content-wrapper ul li {
    font-style: 18px;
    margin-bottom: 10px;
}

@media (max-width: 1919px) {

    .privacy-policy {
        margin-bottom: 75px;
    }


}

@media (max-width: 1200px) {

    .privacy-policy {
        margin-bottom: 45px;
    }

    .inner-content-wrapper p {
        font-size: 16px;
    }

    .inner-content-wrapper ul {
        margin-bottom: 1.5rem;
    }

    .inner-content-wrapper ul li {
        font-style: 16px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {

    .privacy-policy {
        margin-bottom: 0px;
    }

    .inner-content-wrapper p {
        font-size: 14px;
        margin-bottom: 1.25rem;
    }
}

/* Our Team */

.buy .our-team-list {
    margin-bottom: 80px;
}

.buy .our-team-list .search-module {
    max-width: 100%;
    background-color: #fffcf5;
    padding: 0;
}

.buy .our-team-list .search-module .search-bar {
    background-color: #f4f1e7;
}

.buy .our-team-list .search-module .search-input {
    background-image: url(../img/icons/map-pin.svg);
    margin-left: 0;
    background-position: 30px 50%;
    padding: 7px 20px 7px 60px;
    height: 60px;
}

.buy .our-team-list .chosen-value, .buy .our-team-list .chosen-value-b {
    background-color: #f4f1e7;
    width: 100%;
    background-position: 95% 50%;
}

.buy .our-team-list .value-list-wrapper {
    width: auto;
}

.buy .our-team-list .col.property-type {
    /* flex: 0 0 425px; */
}

.buy .our-team-list .col.property-type .value-list-wrapper {
    width: auto;
}

.buy .our-team-list .team-members {
    margin-top: 35px;
    margin-bottom: 60px;

}

.buy .our-team-list .team-members .list-card {
    margin-bottom: 40px;
}
@media (min-width: 1200px) {
    .buy .our-team-list .team-members .list-card h4 {
        font-size: 22px;
    }
}


.buy .our-team-list .team-members .list-card .list-img {
    overflow: hidden;
    border-radius: 20px;
}

.buy .our-team-list .team-members .list-card .list-img img {
    width: 100%;
    min-width: 100%;
    max-width: 425px;
    height: 450px;
    object-fit: cover;
    border-radius: 20px;
    transform: scale(1);
    transition: transform .7s linear;
}

.buy .our-team-list .team-members .list-card .list-img:hover img {
    transform: scale(1.2);
}

.buy .carab {
    margin-bottom: 170px;
}

.buy .carab .carab-card {
    background-color: var(--Beige-02);
    padding: 40px;
    border-radius: 20px;
}

.buy .carab .carab-card h2 {
    margin-bottom: 0.8rem;
}

.buy .carab .carab-card p {
font-size: 36px;
font-weight: 300;
line-height: 43.2px;
text-align: left;
width: 100%;
max-width: 500px;
margin-bottom: 1.4rem;
}

.buy .carab .carab-card .agents-img-grp {
    border-left: none;
}

.buy .carab .carab-card .btn-primary {
    width: 300px;
    line-height: 18px;
}

.buy .carab .carab-card .mini-fav-wrapper {
    background-color: var(--Beige-01);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 9999px;
}

/* Team Detail */

.team-desc {
    /* margin-bottom: 135px; */
    margin-bottom: 70px;
}

@media (min-width: 1300px) {
    .team-desc {
        max-width: 648px;
    }
}

.our-company.teamdetail {
    /* margin-bottom: 150px; */
}

@media (min-width: 1200px) and (max-width: 1299px) {

    .our-company.teamdetail .col-xl-auto {
            flex: 0 0 auto;
            width: 100%;
        }

}

.team-desc .buy.detail .value-card {
    padding: 20px;
    margin-bottom: 15px;
}

.team-desc .buy.detail .value-card ul li .menu-1 {
    color: var(--White);
    transition: padding .2s ease;
}

.team-desc .buy.detail .value-card ul li:not(.s-btn) a {
    min-width: 145px;
    margin-bottom: 0;
    background-color: var(--Orange);
    margin-right: 9px;
    max-width: 145px;
    max-height: 44px;
    min-height: 44px;
    line-height: 1;
    /* transition: padding .5s ease; */
}

/* .team-desc .buy.detail .value-card ul li:not(.s-btn) a.btn-primary .primary {
    top: 6px;
}

.team-desc .buy.detail .value-card ul li:not(.s-btn) a.btn-primary:hover .primary {
    top: -80px;
}

.team-desc .buy.detail .value-card ul li:not(.s-btn) a.btn-primary:hover .hover {
    top: 6px;
} */

/* .team-desc .buy.detail .value-card ul li a:hover {
    border: 1px solid var(--White);
    font-size: 16px;
} */

/* .team-desc .buy.detail .value-card ul li a:hover .menu-1 {
    padding-left: 3px;
} */

.team-desc .team-desc-inner-content {
    font-size: 18px;
    margin-top: 25px;
}

.team-desc .team-desc-inner-content pre {
    line-height: 25px;
}

.team-cover img {
    width: 100%;
    height: 500px;
    border-radius: 20px;
    object-fit: cover;
    object-position: top;
}


@media (min-width:1400px) {
    .team-cover img {
    /* width: 100%; */
        width: 722px;
        /* height: 709px; */
        height: 508px;
        border-radius: 20px;
        object-fit: cover;
        object-position: 100% 20%;
    }
}

.ratings-sec {
    background-color: var(--Beige-02);
    padding: 150px 0;
    margin-bottom: -20px;
}

.ratings-sec .pro-controls p {
    font-size: 18px;
}

.ratings-sec .pro-controls a {
font-size: 18px;
font-weight: 500;
line-height: 25.2px;
text-align: left;
color: var(--Orange);
text-decoration: underline !important;

}

.rating-card {
    background-color: var(--Beige-01);
    border-radius: 20px;
    padding: 20px;
    width: 573px !important;
    margin-right: 20px;
}

.rating-card .stars-wrapper img {
    margin-right: 10px;
}

.rating-card h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height: 76px;
}

@media (max-width: 1299px) {
    .d-1300-block {
        display: none;
    }

    .team-desc .buy.detail .value-card {
        margin-bottom: 20px;
    }

    .team-cover.d-1300-none {
        margin-bottom: 40px;
    }
    .team-desc .buy.detail .value-card ul li:not(.s-btn) a {
        min-width: 165px;
    }
}

@media (min-width: 1300px) {
    .d-1300-none {
        display: none;
    }



}


/* Career Page */
.banner-desc-area-career {
    width: 100%;
    margin-top: 210px;
}

.banner-desc-area-career p {
font-size: 24px;
font-weight: 300;
line-height: 33.6px;
letter-spacing: -0.03em;
text-align: center;
color: var(--white-80);
width: 100%;
max-width: 730px;
margin: 0 auto 20px;
}

.banner-desc-area-career .beige {
    background-color: var(--Beige-01);
    color: var(--Orange);
    margin-left: 20px;
}

/* Career Page */
.job-openings {
    padding-top: 150px;
    padding-bottom: 130px;
    background-color: var(--Beige-02);
}

.job-openings-inner {
    width: 100%;
    max-width: 575px;
}

.job-openings-inner h2 {
font-size: 58px;
font-weight: 300;
line-height: 63.8px;
letter-spacing: -0.03em;
text-align: left;

}
.job-openings-inner p {
font-size: 18px;
font-weight: 400;
line-height: 25.2px;
text-align: left;
}

.job-card {
    background-color: var(--Beige-01);
    border-radius: 20px;
    padding: 45px 40px;
    margin-bottom: 20px;
}

.btn-primary-tr {
    background: transparent;
    color: var(--Orange);
    border: 1px solid var(--Orange);
}

.btn-primary-tr:hover {
    background-color: var(--Orange);
    color: var(--White);
}

/* .job-card h4 {
    min-width: 547px;
} */

.jobs .job-title {
    width: 560px;
}

.jobs span {
font-size: 18px;
font-weight: 400;
line-height: 21.6px;
text-align: left;
display: inline-block;

}

.jobs .job-comission {
    min-width: 180px;
}

.jobs .job-timing {
    min-width: 110px;
}

.jobs .job-location {
    min-width: 77px;
}

.job-card .btn-primary {
    min-width: 263px;
}

.job-card .job-comission:before {
    content: url(../img/icons/ico-comission.svg);
    vertical-align: middle;
    margin-right: 8px;
}

.job-card .job-timing:before {
    content: url(../img/icons/ico-time.svg);
    vertical-align: middle;
    margin-right: 8px;
}

.job-card .job-location:before {
    content: url(../img/icons/ico-job-location.svg);
    vertical-align: middle;
    margin-right: 8px;
}


.boost-career {
    padding-top: 150px;
}

.boost-career .content-sec {
    margin-bottom: 130px;
}

.job-description-wrapper {
    width: 100%;
    max-width: 1100px;
}

.job-description-wrapper h4 {
    margin-top: 40px;
}

.job-description-wrapper p,
.job-description-wrapper li {
font-size: 18px;
font-weight: 400;
line-height: 25.2px;
text-align: left;

}

.job-description-wrapper ul {
    margin-bottom: 0;
}

.w-440 {
    width: 440px;
}

.buy.detail.w-440 .value-card ul li:not(.s-btn) a {
    min-width: 40px;
}

.fixed {
    position: fixed;
    top: 0;
    right: calc(0% + 70px);
    z-index: 9999;
    transition: all 0.3s ease;
    left: auto;
}
/* #hidden_text_keyword + .select2-container--default .select2-selection__choice{
    display: block;
}
#hidden_text_keyword + .select2-container--default .select2-selection__choice:first-child{
    display: none;
} */
#hidden_text_keyword + .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: var(--Orange, #a96449);
    color: var(--White);
    border: none;
}
#hidden_text_keyword + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: var(--White);
}
#hidden_text_keyword +  .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    height: 30px;
    overflow-y: auto;
}
@media (max-width: 1919px) {
    .fixed {
        position: fixed;
        top: 0;
        right: calc(0% + 30px);
        z-index: 9999;
        transition: all 0.3s ease;
        left: auto;
    }
}
.search-bar .search_inputmain .widthfitcontent.select2-container{
  width: fit-content !important;
  order: 1;
  max-width: calc(100% - 198px);
}
#hidden_text_keyword + .select2-container--default .select2-search--inline .select2-search__field,#hidden_text_keyword + .select2-container--default .select2-search--inline{
 width: 100% !important;
}
#hidden_text_keyword + .widthfitcontent.select2-container--default .select2-search--inline .select2-search__field{
    width: fit-content !important;
}

#hidden_text_keyword + .widthfitcontent.select2-container--default .select2-search--inline .select2-search__field::placeholder{
    display: none;
    color: transparent;
}
#hidden_text_keyword + .select2-container--default .select2-selection__choice{
    display: none;

}
#hidden_text_keyword + .widthfitcontent.select2-container--default .select2-selection--multiple{
    padding: 3px 0 0;
}
#selectedItemDisplaytest{
    display: none;
    min-height: 40px;
    margin: 0;
    padding: 0px 0 0 30px;
}
.widthfitcontent + #selectedItemDisplaytest{
    display: flex;
    flex-wrap: nowrap !important;
}
#selectedItemDisplaytest .selected_locationtest{
    background-color: var(--Orange, #a96449);
    color: var(--White);
    border: none;
    padding: 0 5px;
    border-radius: 4px;
    margin-right: 5px;
    white-space: nowrap;
}
.close-this{
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
}

.search-bar  .search_inputmain .select2-container.select2-container--open{
    left: -1px !important;
}

.search-module .search-input.search_inputmain.listing_search_inputmain{
    flex-wrap: nowrap;
}
.listing_search_inputmain #selectedItemDisplaytest .selected_locationtest{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    vertical-align: middle;
    display: inline-block !important;
}
.search-bar .listing_search_inputmain.search_inputmain .select2-container.select2-container--open {
    left: 3px !important;
}
@media screen and (min-width:1919px) {
    .search-bar .listing_search_inputmain.search_inputmain .select2-container.select2-container--open {
        left: -1px !important;
    }
    .buy .listing_search_inputmain .select2-container--open .select2-dropdown{
        left: -93px;
    }
}


 /* @media screen and (min-width:1601px) {
    .row.listinggrid{
        display: grid;
        grid-template-columns: 502px repeat(2, 1fr) 282px 276px 1fr;;
        gap: 10px;
    }
    #selectedItemDisplay {
        grid-column: 1 / -1;
    }
    .buy-filter .search-module .listinggrid .search-bar{
        width: 100%;
    }
}
@media screen and (max-width:1750px) and (min-width:1350px){
    .row.listinggrid{
        display: grid !important;
        grid-template-columns: 370px repeat(2, 1fr) 190px 228px 1fr;
        gap: 10px;
        --bs-gutter-x: 0;

    }
    .d-none-1500px{
        display: none !important;
    }
    .d-block-1500px{
        display: block !important;

    }
}
@media screen and (min-width:1200px) {
    .buy-filter .search-module .search-bar{
        width: 100%;
    }

    .row.listinggrid {
        display: flex !important;
    }
}
@media screen and (min-width:1350px) and (max-width:1400px) {
    .row.listinggrid{
        display: grid !important;
        grid-template-columns: 320px 160px 160px 160px 218px 160px;
        gap: 10px;
        --bs-gutter-x: 0;
    }
    .buy-filter .search-module .listinggrid .search-bar{
        width: 100%;
    }
    .search-module .bedroomslist .col-auto:nth-last-child(2) .icon{
        margin-right: 0;
    }
    .chosen-value{
        padding: 20px 20px;

    }

}

@media screen and (min-width:1350px) {
    .bedroomslist {
        display: block !important;
    }

    .d-1350-none {
        display: none !important;
    }
} */