/* Scroll bar */
::-webkit-scrollbar {
  width: 1.5rem; /* Increase width */
  position: fixed; /* Ensure it's aligned properly */
}

::-webkit-scrollbar-track {
  background-color: #f0f0f0; /* Subtle background color */
  border-radius: 1rem; /* Rounded edges for the track */
}

::-webkit-scrollbar-thumb {
  background-color: #8a2be2; /* Stylish violet color */
  border-radius: 1rem;
  border: 0.4rem solid transparent; /* Increase border size */
  background-clip: content-box;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3); /* Add subtle shadow for effect */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #1e90ff; /* Change to a bright blue on hover */
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); /* Enhance shadow on hover */
}