.custom-scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #2a2929;
    border-radius: 50px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
}



/* Custom Scrollbar Styles */
.modern-scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.modern-scrollbar::-webkit-scrollbar-track {
  background: var(--gray);         /* Track matches background */
  border-radius: 8px;
}

.modern-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--hoverColor);  /* Scroll thumb */
  border-radius: 8px;
  border: 2px solid var(--gray);        /* Creates spacing inside track */
}

.modern-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary);     /* Brighter on hover */
}

.modern-scrollbar::-webkit-scrollbar-corner {
  background: var(--gray);
}