/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
    width: 20px; /* Thickness of the vertical scrollbar */
    height: 20px; /* Thickness of the horizontal scrollbar */
}

::-webkit-scrollbar-track {
    background: #1e2f5d; /* Darker background for better contrast */
    border-radius: 10px; /* Rounded corners */
}

::-webkit-scrollbar-thumb {
    background: #8bc53f; /* Bright green for the scrollbar thumb */
    border-radius: 10px; /* Rounded corners */
}

::-webkit-scrollbar-thumb:hover {
    background: #7abf2b; /* Lighter green on hover */
}

/* For Firefox */
* {
    scrollbar-width: thin; /* Thin scrollbar */
    scrollbar-color: #8bc53f #ffffff; /* Thumb color and track color */
}

/* For Edge */
@supports (-ms-overflow-style: scrollbar) {
    ::-ms-overflow-style: auto

;
}

/* For Internet Explorer */
html {
    scrollbar-base-color: #1e2f5d; /* Scrollbar background color */
    scrollbar-dark-shadow-color: #1e2f5d; /* Scrollbar shadow color */
    scrollbar-face-color: #8bc53f; /* Scrollbar thumb color */
    scrollbar-highlight-color: #8bc53f; /* Scrollbar highlight color */
    scrollbar-3dlight-color: #8bc53f; /* Scrollbar 3D light color */
}