.scroll {
    height: 100%;
    scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0);
    scrollbar-width: thin;
    overflow: auto;
}

    .scroll::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    .scroll::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: rgba(0,0,0,0.2);
    }

        .scroll::-webkit-scrollbar-thumb:hover {
            background-color: rgba(0,0,0,0.3);
        }

@media (min-width: 992px) {
    .scroll {
        overflow: hidden;
    }

        .scroll:hover {
            overflow: auto;
        }
}
