.page-item{
    margin-right: 0px;
}
#top-pagination .pagination, #pagination-cont, #top-pagination{
    gap: 5px;
}
.pagination{
    gap: 5px;
    align-items: center;
}
#properties .card .btn.text-uppercase{
    padding: 10px;
    width: 122px;
}
.badge{
    padding: 4px 5px 5px 5px;
}
.asher-submit-btn{
    font-size: 12px !important; 
}
.asher-light-btn, .form-select.form-select-solid{
    font-size: 12px !important; 
    background-color: #F5F8FA !important;
}
.asher-light-btn:hover{
    background-color: #F5F8FA !important;
    color: #1f1f1f !important;
}
#list .card{
    display: inline-flex;
    flex-direction: row;
}
#list .card .card-header{
    padding: 0;
}
.card {
  padding: 0px;
  margin-bottom: 20px;
  background-color: #ffffff; /* Set your card background color */
  box-shadow: unset !important; 
/*  border-radius: 0px;*/
}
#asher_datatable_wrapper, .dataTables_wrapper{
    padding: 0px !important;
}
.table-responsive{
    overflow: unset !important;
}
.table tr{
    display: block;
    background-color: #ffffff;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 0.625rem;
    margin-bottom: 15px;
    
}

.table td:first-child{
    padding-left: 1rem !important;
}
.table td{
    min-height: 250px !important;
    max-height: 250px !important;
}

#properties .card .card-header,#properties .card .card-header .card-title,#properties .card .card-header .card-title .card-label{
    padding: 0px !important;
    height: 150px !important;
}
.card .card-header{
    border-bottom: unset !important;
}
#properties .card .card-body{
    padding: 4px 0px 0px 0px !important;
}
.nav-line-tabs{
    gap: 10px;
}
.nav-line-tabs .nav-item .nav-link{
    margin: 0 !important;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled){
    border-bottom: unset !important;
}
.nav-line-tabs .nav-item .nav-link{
   
    background-color: #D9D9D9 !important;
    color: #1f1f1f !important;
    font-size: 12px;
    padding: calc(0.55rem + 1px) calc(1.25rem + 1px);
    border-radius: 0.475rem !important;
}


.nav-line-tabs .nav-item .nav-link.active{
 
    background-color: #434343 !important; 
    color: white !important;
}

.nav-line-tabs .nav-item .nav-link:hover:not(.disabled){
    border-bottom: unset !important;
    background-color: #434343 !important; 
    color: white !important;
}

.nav-line-tabs .nav-item .nav-link i{
    margin-right: 3px;
    font-size: 20px;
    color: #434343 !important;
}
.nav-line-tabs .nav-item .nav-link.active i{
    color: white !important;
}

.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) i{
    color: white !important;
}
.phone{
    background-color: #D9D9D9 !important;
    color: #1f1f1f !important;
}

.phone:hover{
    background-color: #D9D9D9 !important;
    color: #1f1f1f !important;
}


.asher-btn:hover{
    background-color: #D9D9D9 !important;
    color: #1f1f1f !important;
}

#properties .card .card-body .title{
    /*font-family: "CenturyGothicPaneuropeanRegular" !important;*/
    font-size: 13px;
    font-weight: 500;
    color: #000027 !important;
    letter-spacing: 1px;
    text-transform: capitalize;
}

#list .card .card-body .title{
    /*font-family: "CenturyGothicPaneuropeanRegular" !important;*/
    font-size: 20px;
    font-weight: 500;
    color: #000027 !important;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.card .card-body .description{
    /*font-family: "CenturyGothicPaneuropeanRegular" !important;*/
    font-weight: 400;
    font-size: 12px;
    color: #000027 !important;
}

.card .divider{
    border-top: 2px solid #dedede;
}

.card i{
    color: #000027 !important;
    font-size: 20px;
    
}

.la-bath {
  transform: scaleX(-1);
}

a button:hover{
    color: white !important;
}

.asher-light-btn:hover i{
    color: #1f1f1f !important;
}

.symbol > img{
    border-radius: 0px !important;
}

#image-carousel{
   width: 400px; 
}

#filter-button .col, #filter-button .col-2{
        padding-left: 0; 
    }
    
    .noUi-target.noUi-sm .noUi-handle{
    margin-right: 5px;
}
.form-select{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="%23D9D9D9"><path d="M7 8L0.0717971 0.5L13.9282 0.500001L7 8Z" fill="%23D9D9D9"/></svg>');
   
}

.select2-results ul{
   scrollbar-color: #434343 transparent !important; 
}


.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered, .select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__placeholder{
    color: #1f1f1f;
}

.form-select.form-select-solid{
    background-color: #F5F8FA !important;
    color: #1f1f1f !important;
    font-size: 12px !important;;
}

#projectID .select2-container--bootstrap5 .select2-dropdown, #propertyType .select2-container--bootstrap5 .select2-dropdown{
    background: #D9D9D9;
    color: #1f1f1f;
    min-width:150px!important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted, .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{
    background-color: #434343;
    color: white;
}


.carousel-control-prev, .carousel-control-next{
    width: 10% !important;
}
.carousel-indicators [data-bs-target] {
    width: 10px; /* Adjust size as needed */
    height: 10px; /* Adjust size as needed */
    border-radius: 50%; /* Make it round */
    background-color: #ffffff;
    transition: opacity 0.6s ease;
}
/*.cardsPerPage option{
    background: #1f1f1f;
    color: #fff;
    border: 0;
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    border-radius: 0.475rem;
    padding: 1rem 0;
}

.cardsPerPage option:hover{
    background-color:#fff !important;
    color: #000 !important;
}

.cardsPerPage option:checked {
    background-color:#fff;
    color: #000;
}*/
    
/*.image-container {
    position: relative;
    width: 500px;  Adjust width as needed 
    height: 300px;  Adjust height as needed 
}*/

.slide-info {
    position: absolute;
    /*background-color: rgba(0, 0, 0, 0.7); */
    padding: 25px;
    color: white;
    font-family: 'Corporate S Light';
    font-size: 16px;
    letter-spacing: 1px;
    max-width: 40%;
    /*top: 0;*/
    left: 10px;
    /*right: 0;*/
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    transition: opacity 0.3s ease; /* Smooth transition effect */
}
.svg-icon svg [fill]:not(.permanent):not(g){
    fill: #1E1E1E;
}

.select2-container--bootstrap5 .select2-dropdown{
    padding: 5px 0;
}

.select2-container--bootstrap5 .select2-dropdown .select2-search{
    padding: 0 5px;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option{
    padding: 5px 5px;
}

.menu-sub-dropdown{
    background-color: #F5F8FA !important;
    color: #434343 !important;
}
.menu-item .menu-link{
    padding: 5px 5px;
}
.form-select.form-select-solid{
    background-color: #F5F8FA !important;
    color: #1f1f1f !important;
    font-size: 0.925rem !important;
/*    padding: 10px;*/
    height: 38px;
}

.select2-container--bootstrap5 .select2-dropdown{
    background: #F5F8FA !important;
    color: #1f1f1f;
    min-width:150px !important;
    max-width: 300px;
}

.form-check{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}
.form-check:first-child{
    padding-top: 0px;
}
.form-check:last-child{
    padding-bottom: 0px;
}

#list-cont .card .asher-submit-btn{
    width: 200px;
}

#list-cont .card .card-header, #list-cont .card .card-header .card-title, #list-cont .card .card-header .card-title .carousel, #list-cont .card .card-header .card-title .carousel .carousel-item.image-container, #list-cont .card .card-header .image-container img{
    width: 500px !important;
    height: 300px !important;
}

#list-cont .card .card-body{
    padding-left: 10px;
}

.page-item.active .page-link{
    z-index: unset !important;
}

#mobile-filter{
    display: none;
}

#filter, #view{
    font-size: 16px;
    padding: unset !important;
    background-color: unset !important;
    gap: 3px;
}

#view i, #filter i{
    color: #1f1f1f;
    font-size: 18px;
}

#mobile-filter #view:hover, #mobile-filter #filter:hover{
    color: #1f1f1f;
}

@media (min-width: 992px) and (max-width: 1232px){
    #line-cont .col-4{
       width: 100%; 
    }
    #list-cont .card .asher-submit-btn{
        width: 200px;
    }
    #list-cont .card .card-header, #list-cont .card .card-header .card-title, #list-cont .card .card-header .card-title .carousel, #list-cont .card .card-header .card-title .carousel .carousel-item.image-container, #list-cont .card .card-header .image-container img{
        
    }
    #list-cont .card #property-info .col-4, #refId-cont .col-4{
        width: 48%;
    }
}


@media (min-width: 750px) and (max-width: 991px){
    
/*    #filter-button{
        display: none;
    }*/
    .col-3{
        width: 50% !important;
    }
    #search_container .col-2{
        width: 100% !important;
        margin-bottom: 10px;
    }
 
    #search_container .col-3 input[name="search-project"] {
        width: 100% !important;
    }
    
/*    #filter-button .col{
        padding-left: 0px;
    }*/
    
    #filter-button .col, #filter-button .col-2{
        padding-right: 10px;
        padding-left: 0px;
        width: 30% !important;
        margin-bottom: 10px; 
    }
    
    #filter-button .col:first-child{
        padding-left: calc(var(--bs-gutter-x)* 0.5);
    }
    
    #nav-tool{
        margin-top:20px!important;
        margin-bottom:10px!important;
    }
    
    #list .card {
        display: inline-block;
        flex-direction: column;
    }
    #list-cont .card .card-header{
        margin-bottom: 10px;
    }
    
    #list-cont .card .card-body{
        padding-left: 0px;
    }
    
    #list-cont .card .card-header, #list-cont .card .card-header .card-title, #list-cont .card .card-header .card-title .carousel, #list-cont .card .card-header .card-title .carousel .carousel-item.image-container, #list-cont .card .card-header .image-container img{
        width: 100% !important;
        height: 300px !important;
    }
   
    
    #projects .col-3{
        width: 50% !important;
    }
    
    #list-cont .card .asher-submit-btn{
        width: 100% !important;
    }
    
}

@media only screen and (max-width: 749px){
    .row > *{
        padding-right: 10px;
        padding-left: 10px;
    }
    #mobile-filter{
        display: flex;
        align-items: center;
        justify-content: end;
        gap: 10px
    }
    #filter-button{
        display: none;
    }
    .accordion-button::after{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="%23D9D9D9"><path d="M7 8L0.0717971 0.5L13.9282 0.500001L7 8Z" fill="%23D9D9D9"/></svg>');
    }
    .accordion-button:not(.collapsed)::after{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="%23D9D9D9"><path d="M7 8L0.0717971 0.5L13.9282 0.500001L7 8Z" fill="%23D9D9D9"/></svg>');
        transform: rotate(-180deg);
        margin-top: -5px;
    }
    .modal-content{
        border-radius: unset !important;
    }
    #modal-view{
        top: unset !important;
        bottom: 0 !important;
        
    }
    
    #modal-view .modal-dialog{
        position: fixed;
        width: 100%;
        bottom: 0;
    }
    
    #modal-filter .modal-body{
        padding: 0px;
    }
    #modal-view .modal-body{
        padding:0 10px 10px !important;
        
    }
    #modal-view .modal-body .nav-line-tabs{
        gap: 10px;
    }
    #modal-view .modal-body .nav-line-tabs .nav-item{
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .modal-header{
        padding: 10px;
        border-bottom: unset !important;
        justify-content: flex-end !important;
    }
    .modal-footer{
        padding: 10px;
        border-top: unset !important;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-wrap: unset !important;
    }
    .accordion-item{
        padding: 10px;
        border: unset !important;
        padding-bottom: 0px !important;
    }
    #modal-filter ul li{
        padding: 5px 5px;
        line-height: normal;
    }
    #modal-filter ul {
        list-style-type: none;
      }
    .property-type.active, .project-filter.active{
        background-color: #434343;
        color: white;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3E%3Cpath fill='%23FFFFFF' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 0.8rem;
        background-position: center right 1.25rem;
    }
   
    .accordion-button{
        padding: 0px !important;
        font-size: 15px !important;
        letter-spacing: 1px;
     
        font-weight: lighter;
    }
    .accordion-body{
        padding: 10px 0px 0px;
        font-size: 15px !important;
        
    }
    .accordion-button, .accordion-body, .accordion-body a{
        color: #000000 !important;
        
    }
    .accordion-button:not(.collapsed){
        color: #000000 !important;
        background-color: transparent !important;
        box-shadow: unset !important;
    }
    #neighborhoodAccordion{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    #neighborhoodAccordion .accordion-item{
        padding:0 10px !important;
    }
    .accordion-body a {
        font-size: 15px !important; 
        padding: 0 10px !important;
    }
    #line-cont .col .pe-5{
        padding-right: 0 !important;
    }
    #line-cont .col .w-350px{
        width: 100% !important;
    }
    .nav-stretch .nav-item{
        width: 30%;
    }
    .nav-line-tabs .nav-item .nav-link{
        display: flex;
        justify-content: center;
        align-items: center;
        width: -webkit-fill-available;
        padding: 10px 0;
        margin-left: 0px !important;
    }
    #top-pagination{
        justify-content: space-between;
    }
    .col-3{
        width: 100% !important;
    }
    
    .asher-container{
        margin-top: 10px !important;
    }
    #search_container .col-2{
        width: 100% !important;
        margin-bottom: 10px;
    }
    
    #filter-button .col, #filter-button .col-2{
        padding-right: 10px;
        padding-left: 0px;
        width: 50% !important;
        margin-bottom: 5px; 
    }
    
    #filter-button {
        padding-left: 10px;
    }
    
    #nav-tool, #bottom-pagination{
        margin-top:10px!important;
        margin-bottom:10px!important;
    }
    
    #nav-tool .col-6{
        width: 100% !important;
    }
    
    #nav-tool .col .nav{
        width: 100%;
        display: none;
        justify-content: space-between;
        align-items: center;
        margin-top:10px;
    }
    
    #list-cont .card .card-header{
        width:100%!important;
    }

    #projects .col-3{
        width: 100% !important;
    }
    
    #list-cont .card .asher-submit-btn{
        width: 100% !important;
    }
    
    #list .card {
        display: inline-block;
        flex-direction: column;
    }
    #list-cont .card .card-header{
        margin-bottom: 10px;
    }
    
    #list-cont .card .card-body{
        padding-left: 0px;
    }
    
    #list-cont .card .card-header, #list-cont .card .card-header .card-title, #list-cont .card .card-header .card-title .carousel, #list-cont .card .card-header .card-title .carousel .carousel-item.image-container, #list-cont .card .card-header .image-container img{
        width: 100% !important;
        height: 300px !important;
    }
    
    #list-cont .card #property-info .col-4, #list-cont .card  #line-cont .col-4{
        width: 100%;
        margin-top: 10px;
    }
    
    #refId-cont .col-4{
        width: fit-content;
    }
}