/* For Webkit browsers */
       ::-webkit-scrollbar {
        width: 12px;
        height: 12px;
    }

    ::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    /* For Firefox */
    html {
        scrollbar-width: thin; /* Options: auto, thin, none */
        scrollbar-color: #888 #f1f1f1; /* thumb color and track color */
    }