#program_search_results {
    display: none;
    max-height: 85vh;
    overflow-y: auto;
}

#program_search_results::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
}

#program_search_results::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the scrollbar track */
    border-radius: 10px; /* Rounded corners for the track */
}

#program_search_results::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners for the thumb */
}

#program_search_results::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color of the thumb on hover */
}

/* For Firefox */
#program_search_results {
    scrollbar-width: thin; /* Set the width of the scrollbar */
    scrollbar-color: #888 #f1f1f1; /* Set the color of the scrollbar and the track */
}

#city_search_results {
    display: none;
    max-height: 85vh;
    overflow-y: auto;
}

#city_search_results::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
}

#city_search_results::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the scrollbar track */
    border-radius: 10px; /* Rounded corners for the track */
}

#city_search_results::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners for the thumb */
}

#city_search_results::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color of the thumb on hover */
}

/* For Firefox */
#city_search_results {
    scrollbar-width: thin; /* Set the width of the scrollbar */
    scrollbar-color: #888 #f1f1f1; /* Set the color of the scrollbar and the track */
}

#header {
    max-height: 144px !important;
}
.search_area {
    z-index: 9;
}
@media screen and (max-width:768px) {
    .ob-grid-layout .ob-unit.ob-rec-image-container {
        max-width: 145px !important;
    }
    .OUTBRAIN .SF_4 {
        width: 300px !important;
    }
    #header {
        max-height: fit-content !important;
    }
}