.saleAndRentContainer {
    width: 100%;
    height: 690px;
    position: relative;
}

.saleAndRentImage {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.searchCenterMobile {
    border-radius: 16px;
    bottom: -70px;
}

.imageOnImage {
    top: 150px;
    padding: 2rem;
    border-radius: 10px;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 14px 14px 24px 0px rgba(0, 0, 0, 0.09);
    backdrop-filter: blur(17px);
    width: 586px;
    position: absolute;
    min-width: 600px;
    bottom: 0;
    height: fit-content;
}

.blurOnMobile {
    padding: 2rem;
    border-radius: 10px 10px 0 0;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.2);
    /* box-shadow: 14px 14px 24px 0px rgba(0, 0, 0, 0.09); */
    backdrop-filter: blur(17px);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: fit-content;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.unitTypeList>div>nav>.nav-tabs .nav-link {
    color: var(--black-font-color);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    border: 1px solid var(--black-font-color);
    line-height: normal;
    border-radius: 8px;
    padding: 0.5rem 1.5rem;
}

.labelandnav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.unitTypeList>div>nav>.nav-tabs .nav-link.active {
    background-color: var(--black-background-color);
    color: white !important;
    font-size: 1.125rem;
    border-bottom: unset !important;
    font-style: normal;
    border-radius: 8px;
    font-weight: 400;
    line-height: normal;
    padding: 0.5rem 1.5rem;
}

.blurOnMobile>button {
    padding: 1.5rem;

    border-radius: 10px;
}

.blurOnMobile>button:nth-child(2) {
    margin-left: 1rem;
}

.filternavaboveHeight {
    height: 140px;
}

.pageinfo {
    color: var(--black-font-color);
    font-family: Montserrat;
    font-size: 1.188rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.arealabel {
    color: var(--black-font-color);

    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.pricebtn {
    background-color: unset;
    color: var(--outline-secondary-color) !important;
    border-radius: 7px;
    padding: 1rem;
    border: 1px solid var(--gray-shade-8-color);
    margin-left: 1rem;
    margin-right: 0.5rem;
}

.dropdownArea>ul {
    /* padding: 1rem; */
    min-width: 25rem;
}

.searchCenter>div>span>span>span {
    padding: 1rem 0 !important;
    margin-right: 1rem;
}

.resetAndswitch {
    margin-top: 1rem;
}

.resetAndswitch>.select2-container--bootstrap-5.select2-selection {
    /* padding: 1rem; */
    border: 1px solid var(--gray-shade-8-color);
}

.priceAndProjects {
    display: flex;
}

.price {
    color: var(--black-font-color);
    font-size: 1.313rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.marginbottom {
    margin-bottom: 2rem;
}

.searchCenter {
    background-color: var(--bg-color);
    padding: 24px;
    position: absolute !important;
    z-index: 99;
    border-radius: 16px;
    bottom: -69px;
    width: 1280px;
}

.inputpadding {
    padding: 1rem;
}

.select2 {
    width: 200px;
    margin: 0 1rem;
}

.select1 {
    width: 12%;
}

.input1 {
    position: relative;
    width: 59%;
    margin-right: 1rem;
}

.btn-find {
    background-color: var(--primary-color);
    color: var(--btn-text-color);
    border: none;
    padding: 1rem 2rem;
    border-radius: 8px;
}

.resetAndswitch {
    display: flex;
    align-items: center;
}

.MoreOptions {
    border: none;
    margin-right: 1rem;
}

.resetSetting {
    margin: 1rem;
}

.resetSetting>p {
    color: var(--primary-color);
}

.filterItem {
    white-space: nowrap;
}

.mapSwitch {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.iconAndPriceContainer {
    display: flex;
    justify-content: space-around;
    margin-top: 2rem;
}

.startingAndPrice {
    color: var(--black-font-color);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}

.getleftmargin {
    margin-left: 2.5rem;
}

.priceAndStarting {
    margin-left: 1rem;
    color: var(--black-font-color);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}

.inputContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.switch {
    position: relative;
    display: flex;
    width: 68px;
    height: 17px;
    margin-left: 1rem;
    align-items: center;
    /* height: unset; */
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 19px;
    border: 1px solid var(--black-font-color);
    width: 42px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 17px;
    /* left: 4px; */
    bottom: 0;
    background-color: var(--black-background-color);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked+.slider {
    background-color: var(--primary-color);
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(21px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.filternav>nav {
    background-color: var(--gray-shade-5-color);
    border-radius: 8px;
}

.navbar-nav>.nav-item>a {
    display: flex;
    align-items: center;
}

.navbar-nav>.nav-item>a>span {
    white-space: nowrap;
    margin-right: 1rem;
    color: var(--black-font-color);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.navbar-nav>.nav-item {
    margin: 0 1.5rem;
}

.navbar-nav>.nav-item:nth-child(1) {
    margin: 0 1.5rem unset 0;
}

.cardImgContainer {
    position: relative;
}

.cardImgContainer>img {
    position: relative;
    width: 25rem;
    height: 17rem;
}

.cardImageContent>img {
    position: absolute;
    width: 4rem;
}

.cardImageContent>img:nth-child(2) {
    position: absolute;
    width: 4rem;
    top: 0.6rem;
    left: -8px;
}

.cardImageContent>img:nth-child(3) {
    position: absolute;
    width: 2rem;
    top: 1rem;
    left: 0.5rem;
}

.apartmentrentContainer {
    background-color: white;
    position: absolute;

    right: 0.6rem;
    top: 0.5rem;
    width: fit-content;
    border-radius: 4px;
    padding: 0.4rem;
}

.apartmentrentContainer>p {
    color: var(--black-font-color);
    text-align: right;
    font-size: 0.938rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cardTitle {
    color: var(--black-font-color);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cardData {
    display: flex;
    position: relative;
}

.card {
    display: flex;
}

.cardinformation {
    display: flex;
    background-color: white;
    border-radius: 16px;
}

.newTagline>p {
    color: var(--gray-shade-4-color);
    font-size: 1.18rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.homeinfoContainer {
    display: flex;
    margin: 1rem 0;
    align-items: center;
}

.homeinfoContainer>div {
    display: flex;
    align-items: center;
}

.homeinfoContainer>div>p {
    margin: 0 1rem;
}

.locationpinInfo>p {
    color: var(--black-font-color);
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.locationPin>p {
    color: var(--black-font-color);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 0.7rem;
}

.priceAED>p {
    color: var(--gray-shade-4-color);
    text-align: right;
    font-size: 0.938rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.priceAED>span {
    color: var(--black-font-color);
    text-align: right;
    font-family: Montserrat;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.locationPin {
    display: flex;
    align-items: center;
}

.locationpinInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
}

.cardData1>.card {
    padding: 1rem;
    border-radius: 16px;
}

.avatarImg>img {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 1rem;
}

.avatarImg>div>span {
    color: var(--gray-shade-4-color);
    font-size: 0.938rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.avatarImg>div>p {
    color: var(--black-font-color);
    font-size: 1.313rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.BookToView>p {
    color: var(--black-font-color);
    font-family: Montserrat;
    font-size: 1.063rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.inputforBook>input {
    border-radius: 4px;
    padding: 1rem;
}

.useragreement {
    color: var(--black-font-color);
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.Submit>button {
    padding: 1rem 0;
    background-color: var(--primary-color);
    color: var(--btn-text-color);
    border: none;
    width: 100%;
    border-radius: 8px;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.avatarImg>img {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 1rem;
}

.avatarImg {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.BookToView {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.borderwithor {
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

.WhatsappAndmail {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.WhatsappAndmail>a:nth-child(1) {
    padding: 0.5rem 1rem;
    background-color: #3ebd4e !important;
    border: none !important;
    border-radius: 8px;
}

.border1 {
    width: 90%;
    border-bottom: 1px solid var(--outline-secondary-color);
}

.WhatsappAndmail>a:nth-child(2) {
    padding: 0.8rem 1rem;
    background-color: white;
    border: 1.5px solid var(--black-font-color);
    border-radius: 8px;
    white-space: nowrap;
    margin-right: 1rem;
}

.border2 {
    width: 90%;
    border-bottom: 1px solid var(--outline-secondary-color);
}

.WhatsappAndmail>a>span {
    color: var(--black-font-color);
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cardrentImage {
    height: 203px;
}

/* .addImg {
    margin-top: 1rem;
    width: 410px;
    height: 373px;
    border-radius: 1rem;
}

.addImg>img {
    margin-top: 1rem;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
} */

.pagination {
    display: flex;
    justify-content: center !important;
    background-color: var(--background-color);
}

.activepage {
    color: white !important;
    border-radius: 6px;
    background-color: var(--black-background-color) !important;
    padding: 0.5rem 1.2rem;
}

.communityTypeListContainer {
    padding: 1rem;
    background-color: var(--gray-shade-5-color);
    display: flex;
    flex-wrap: wrap;
    border-radius: 16px;
}

.SearchesTagContent {
    display: flex;
    flex-wrap: wrap;
}

.mapSwitch>p {
    color: var(--primary-color);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.page-link {
    color: var(--gray-shade-4-color);
    text-align: center;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    border: unset !important;
    line-height: 26px;
    /* 144.444% */
    background-color: unset;
}

.studio {
    color: var(--gray-shade-4-color);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 1399px) {
    .searchCenter {
        width: 1140px;
    }
}

@media screen and (max-width: 1199px) {
    .searchCenter {
        width: 960px;
    }
}

@media screen and (max-width: 992px) {
    .searchCenter {
        display: none;
    }

    .searchCenterMobile {
        bottom: unset;
        top: 0;
        position: relative !important;
    }

    .homeinfoContainer {
        display: flex;
        flex-wrap: wrap;
    }

    .cardrentImage {
        min-height: 218px;
        object-fit: cover;
        border-radius: 16px 16px 0 0;
    }

    /* .apartmentrentContainer {
        right: 0.2rem;
        bottom: 0.5rem;
        top: unset;
    } */

    .imageOnImage {
        display: none;
    }

    .inputContainer {
        display: block;
    }

    .select1 {
        width: 100%;
        margin-bottom: 1rem;
    }

    .select2 {
        width: 100%;
        margin: 0px;
    }

    .input1 {
        width: 100%;
        margin-right: 0rem;
        margin-bottom: 1rem;
    }

    .findbtn {
        margin-bottom: 1rem;
    }

    .resetAndswitch>div>select {
        width: 200px;
    }

    .filternavaboveHeight {
        height: 80px;
    }

    .saleAndRentContainer {
        height: 500px;
    }
}

@media screen and (max-width: 767px) {
    /* .apartmentrentContainer {
        right: 0.8rem;
        top: 1rem;
        bottom: unset;
    } */

    .saleAndRentContainer {
        height: 450px;
    }
}

@media screen and (max-width: 600px) {
    .resetAndswitch {
        flex-wrap: wrap;
    }

    .saleAndRentContainer {
        height: 370px;
    }

    .flexclass>p {
        color: var(--gray-shade-4-color);
        font-size: 1rem !important;
    }

    .newTagline>p {
        font-size: 1rem !important;
    }
}

@media screen and (max-width: 430px) {

    .btn-grid-hide {
        display: none !important;
    }
}

.dropdown-toggle-saleandrent::after {
    content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4703 0.499825H12.1525C12.1085 0.500376 12.0653 0.51117 12.0263 0.53135C11.9872 0.55153 11.9534 0.58054 11.9275 0.616075L6.93176 7.49957L1.93751 0.616075C1.91151 0.580294 1.87747 0.551129 1.83812 0.530935C1.79878 0.510741 1.75523 0.500084 1.71101 0.499825H0.392509C0.366259 0.499544 0.340453 0.506597 0.317995 0.520189C0.295537 0.53378 0.277319 0.553372 0.265392 0.576757C0.253466 0.600142 0.248304 0.626392 0.250489 0.652552C0.252674 0.678712 0.262118 0.703742 0.277759 0.724825L6.47651 9.26807C6.52851 9.33995 6.59683 9.39847 6.67583 9.43882C6.75484 9.47917 6.84229 9.50021 6.93101 9.50021C7.01972 9.50021 7.10718 9.47917 7.18618 9.43882C7.26519 9.39847 7.3335 9.33995 7.38551 9.26807L13.5828 0.724825C13.5986 0.70397 13.6082 0.679106 13.6107 0.653044C13.6131 0.626982 13.6082 0.600762 13.5965 0.577351C13.5848 0.55394 13.5667 0.534272 13.5444 0.520571C13.5221 0.506871 13.4964 0.499684 13.4703 0.499825Z' fill='black'/%3E%3C/svg%3E");
}

/* .hiddenText {
    margin-top: 1rem !important;
    display: flex;
    gap:10px;
    align-items: center;
} */

.communities-select+span {
    width: 100%;
}

.communities-select+span .selection .select2-selection {
    border: none !important;
    height: 45px !important;
    padding: 4px !important;
}

.communities-select+span .selection .select2-selection .select2-selection__rendered {
    margin-top: 7px !important;
    padding-left: 5px !important;
}

.beds-select+span {
    width: 100%;
}

.beds-select+span .selection .select2-selection {
    height: 45px !important;
    padding: 4px !important;
    overflow-y: auto;
}

.beds-select+span .selection .select2-selection ul:not(:empty)+span {
    display: none !important;
}

.beds-select+span .selection .select2-selection .select2-search textarea {
    margin-top: 7px !important;
    padding-left: 5px !important;
    color: black !important;
    font-weight: 500;
}

.map-switch label {
    width: 85px;
    float: left !important;
}

#moreOption {
    margin-right: 0.5rem;
}

.unit-type-list-first {
    width: 15%;
    padding-left: 25px !important;
    border-radius: 8px 0px 0px 8px;
}

.unit-type-list-last {
    width: 15%;
    border-radius: 0px 8px 8px 0px;
}

.unit-table-first-td {
    padding-left: 25px !important;
}


.rounded-corner {
    border-radius: 16px 0px 0px 16px;
}