@media (min-width: 1400px) {
    div#accordion {
        max-height: 850px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 50px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .hocthu {
        width: 100%;
        height: 140px;
    }

    div#accordion::-webkit-scrollbar {
        display: none;
    }

    #accordion .collapse.show {
        max-height: none !important;
        overflow: visible !important;
    }

    .resource-scroll {
        max-height: none !important;
        overflow: visible !important;
        padding-bottom: 0;
    }

    #accordion .collapse.show::-webkit-scrollbar {
        width: 6px;
    }

    #accordion .collapse.show::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.12);
        border-radius: 4px;
    }

    #accordion .collapse.show {
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
    }
}

.resource-scroll {
    max-height: 370px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.resource-scroll::-webkit-scrollbar {
    display: none;
}

.resource-scroll {
    scrollbar-width: none;
}

@media (max-width: 768px) {
    .resource-scroll {
        max-height: 100dh;
        padding-bottom: 100px;
    }
}