.btn-round {border-radius: 50px;}
.popup {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    /*min-width:360px;*/
    /*max-width:80%;*/
    /*min-height:500px;*/
    /*max-height:85vh;*/
    overflow-y:auto;
    overflow-x: hidden;
    background-color: rgba(var(--bs-dark-rgb), 0.9);
    border: 1px solid rgba(var(--bs-dark-rgb), 1);
    border-radius: 5px;
    z-index:7777;
    display:none;
    padding: 30px;
}
.close-popup {
    position: absolute;
    top: 10px; right:10px;
}

@media(max-width:767px){
    .popup {
        width: 100% !important;
        height: 100vh !important;
    }
}
@media(min-width:768px){
    .popup {
        max-width: 90% !important;
        max-height: 90vh !important;
    }
}

.unit-list-item {
    height: auto;
    position: relative;
}
.unit-list-item .city {
    font-size: 1rem;
    color: rgba(255,255,255,.4);
    font-weight:500;
}
.unit-list-item .rent .price { font-size: 2rem;}
.unit-list-item .rent .per-month { font-size: .85rem;}
.unit-list-item .rooms {
    font-size: 1.2rem;
}
.unit-list-item .card-footer {
    /*position: absolute;*/
    /*bottom:0;*/
    /*left:0;*/
    /*width: 100%;*/
}

@media(min-width:992px){
    .unit-list-item {
        height: auto;
        position: relative;
    }
    .unit-list-item .card-header {
        font-size: 1rem;
    }
    .unit-list-item .city {
        font-size: .85rem;
        color: rgba(255,255,255,.4);
        font-weight:500;
    }
    .unit-list-item .rent .price { font-size: 2rem;}
    .unit-list-item .rent .per-month { font-size: .85rem;}
    .unit-list-item .rooms {
        font-size: .75rem;
    }
    .unit-list-item .card-footer {
        /*position: absolute;*/
        /*bottom:0;*/
        /*left:0;*/
        /*width: 100%;*/
    }
}
@media(min-width:992px){
    .unit-list-item {
        height: auto;
        position: relative;
    }
    .unit-list-item .card-header {
        font-size: 1.2rem;
    }
    .unit-list-item .city {
        font-size: 1rem;
        color: rgba(255,255,255,.4);
        font-weight:500;
    }
    .unit-list-item .rent .price { font-size: 2rem;}
    .unit-list-item .rent .per-month { font-size: .85rem;}
    .unit-list-item .rooms {
        font-size: .9rem;
    }
    .unit-list-item .card-footer {
        /*position: absolute;*/
        /*bottom:0;*/
        /*left:0;*/
        /*width: 100%;*/
    }
}