@media (min-width: 767px) {
    .scroll-hidden::-webkit-scrollbar {
        display: none;
    }

    .scroll-hidden {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}



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

    /* Customizing scrollbar */
    .overflow-y-scroll::-webkit-scrollbar {
        width: 8px;
        /* width of the entire scrollbar */
    }

    .overflow-y-scroll::-webkit-scrollbar-track {
        background: #F1F1F1;
        /* color of the track */
    }

    .overflow-y-scroll::-webkit-scrollbar-thumb {
        background-color: #28A8E0;
        /* color of the scroll thumb */
        border-radius: 10px;
        /* roundness of the scroll thumb */
    }

    .overflow-y-scroll::-webkit-scrollbar-thumb:hover {
        background-color: #1c7ea1;
        /* color of the scroll thumb on hover */
    }
}