/* Style the scrollbar itself */
::-webkit-scrollbar {
    width: 12px; /* Set the width of the scrollbar */
    height: 12px; /* Set the height of the scrollbar (horizontal scrollbar) */
}

/* Style the track (background of the scrollbar) */
::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Light background color */
    border-radius: 10px;
}

/* Style the thumb (the draggable part of the scrollbar) */
::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the scrollbar thumb */
    border-radius: 10px;
}

/* Hover effect for the thumb */
::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Darker color when hovered */
}