/* To style the scrollbar track */
::-webkit-scrollbar {
    width: 6px !important; /* width for vertical scrollbars */
    height: 6px !important; /* height for horizontal scrollbars */
    background-color: transparent !important; /* background color of the entire scrollbar */
}

/* To style the scrollbar thumb (the part you drag) */
::-webkit-scrollbar-thumb {
    background-color: #280057 !important; /* change this to your preferred color */
    border-radius: 2px !important; /* rounded corners */
}

    /* On hover of the scrollbar thumb */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #482087 !important;
    }

/* To style the scrollbar button (up and down buttons — mostly not used) */
::-webkit-scrollbar-button {
    /* styles here */
}

/* To style the viewable area that has the scrolling content */
::-webkit-scrollbar-track {
    /* styles here */
}

/* To style the part of the track not covered by the thumb */
::-webkit-scrollbar-track-piece {
    /* styles here */
}