/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
    background: #b3b3b3; /* Grey background of the scrollbar track */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #808080; /* Grey color for the scrollbar handle */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #666666; /* Darker grey on hover for the scrollbar handle */
}

/* For Firefox */
* {
    scrollbar-width: thin; /* Thin scrollbar */
    scrollbar-color: #808080 #b3b3b3; /* Grey handle and track color */
}