.side-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #c5cbd5 transparent;
}

/* Chrome, Edge and Safari */
.side-scroll::-webkit-scrollbar {
    width: 4px;
}

.side-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.side-scroll::-webkit-scrollbar-thumb {
    background: #c5cbd5;
    border-radius: 10px;
}

.side-scroll::-webkit-scrollbar-thumb:hover {
    background: #8d99a8;
}

/* Remove scrollbar arrows */
.side-scroll::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}








@media (max-width: 991px) {
    .side-nav {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;

        width: 280px !important;
        max-width: 85vw !important;

        height: 100dvh !important;
        z-index: 1050 !important;

        transform: translateX(-105%) !important;
        visibility: hidden;
        opacity: 1 !important;

        transition: transform .3s ease, visibility .3s ease !important;
    }

    .side-nav.mobile-open {
        transform: translateX(0) !important;
        visibility: visible !important;
    }

    .mobile-sidebar-overlay {
        z-index: 1040 !important;
    }
}