/* Styles for the scrollbar track (part the handle slides within) */
::-webkit-scrollbar {
    width: 8px; /* Increased width of the vertical scrollbar for better visibility */
    height: 8px; /* Increased height for horizontal scrollbars, if necessary */
}

/* Styles for the scrollbar handle */
::-webkit-scrollbar-thumb {
    background-color: #006400; /* Dark green color */
    border-radius: 10px;
}

/* Optional: Styles for the scrollbar track */
::-webkit-scrollbar-track {
    background: transparent; /* Keeps the track background transparent */
}

/* Styles for the scrollbar handle on hover */
::-webkit-scrollbar-thumb:hover {
    background-color: #004c00; /* Slightly darker green for hover effect */
}