/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px; /* Adjust width of the scrollbar */
  height: 10px; /* Adjust height for horizontal scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: var(--dark-color);
  border-radius: 10px; /* Rounded corners for the thumb */
  border: 2px solid var(--secondary-color); /* Optional border for thumb */
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--accent-color); /* Color change on hover */
}

::-webkit-scrollbar-track {
  background: var(--light-color); /* Background color for the track */
  border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
  border-radius: 10px; /* Make track corners rounded */
}