/*-------------------- scroll bars  --------------------*/

/* For WebKit (Chrome, Safari, newer versions of Opera) */
::-webkit-scrollbar { width: 10px; /* width of the entire scrollbar */ }

::-webkit-scrollbar-track { background: #f1f1f1; /* color of the tracking area */ }

::-webkit-scrollbar-thumb { background: var(--blue); 
     /* color of the scroll thumb */ border-radius: 5px; /* roundness of the scroll thumb */ }

::-webkit-scrollbar-thumb:hover { background: var(--blue); /* color of the scroll thumb on hover */ }

/* For Firefox */
* { scrollbar-width: thin; /* "auto" or "thin" */ scrollbar-color: var(--blue) #f1f1f1; /* thumb and track color */ }

/* For IE and Edge */
body { -ms-overflow-style: -ms-autohiding-scrollbar; /* auto-hide scrollbar in IE/Edge */ }

/*-------------------- scroll bars  --------------------*/