body, #searchIdxMap {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #6c757d;
    //background-color: #f8f9fa;
    }
    badge.badge-outlined.badge-info {
    border-color: #29B6F6;
    color: #29B6F6
    }
    a.btn-secondary {
    text-decoration: none;
    }
    .font-size-address {
    font-size: 90%;
    font-weight: 600;
    }
    .property-img:hover {
    cursor: pointer;
    }
    img.property-img {
    height: 130px;
    width: 100%;
    object-fit: cover;
    }
    img.property-img-list {
    height: 175px;
    width: 100%;
    object-fit: cover;
    }
    .accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f106";
    float: right; 
    }
    .accordion .card-header.collapsed:after {
    content: "\f107"; 
    }
    .card-header a {
    color: inherit;
    text-decoration: none;
    }
    .carousel-control-next, .carousel-control-prev {
    background: 0 0;
    border: 0;
    }
    .carousel-item img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    }
    .typeahead.dropdown-menu {
    width: 100%;
    text-align: left;
    }
    .typeahead .dropdown-item:hover, .typeahead .dropdown-item:focus, .typeahead .dropdown-item.active {
    background-color: #e9ecef;
    /*background-color: inherit !important;*/
    }
    .badge-outline-secondary {
    color: #6c757d;
    border-color: #6c757d !important;
    border: 1px solid transparent;
    }
    .badge-outline-info {
    color:#29B6F6;
    border-color: #29B6F6 !important;
    border: 1px solid transparent;
    }
    .badge-outline-success {
    color: #28a745;
    border-color: #28a745 !important;
    border: 1px solid transparent;
    }
    .leaflet-popup-content img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    margin-top: .5rem;
    }
    .leaflet-popup-content img:hover {
    cursor: pointer;
    }
    .leaflet-popup-content {
    width: 200px !important;
    margin-left: 10px;
    margin-right: 10px;
    }
    #searchResults {
    height:800px;
    overflow-y: scroll;
    }
    .page-link, .page-link:hover {
    color: #6c757d;
    }
    .page-link:active, .page-link.active {
    color: #fff;
    background-color: #6c757d;
    }
    .page-item.active .page-link {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    }
    .dropdown-menu .selected.active {
    background-color: #6c757d;
    }
    .typeahead.dropdown-menu {
    z-index: 9999;
    }
    .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
    .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
    .autocomplete-selected { background: #F0F0F0; }
    .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
    .autocomplete-group { padding: 2px 5px; }
    .autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
    .card {
    border: 0px;
    border-radius: 0px;
    }
    .card-header {
    border-bottom: 0px;
    }
    /*input placeholder color*/
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #6c757d;
    }
    ::-moz-placeholder {
    color: #6c757d;
    }
    #map {
        position: relative !important;
        /*border-radius: 8px;*/
        height: 860px;  /* or as desired */
        width: 100%;  /* This means "100% of the width of its container", the .col-md-8 */

        /* Media query for devices with screen width up to 768px (typical mobile devices) */
        @media only screen and (max-width: 768px) {
            height: 500px; /* Adjusted height for mobile devices */
        }
    }
    .wpforms-field {
    padding: 10px 0px !important;
    }
    .wpforms-field-label {
        font-weight: 600 !important;
        color: #6c757d;
    }
    .pagination .page-item .page-link {
        text-decoration: none !important;
    }
    .dropdown-menu {
        z-index: 9999;
    }