/* Custom scrollbar color for Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #ffc700; /* Scrollbar thumb color */
  border-radius: 6px; /* Rounded edges for the scrollbar */
}

::-webkit-scrollbar-track {
  background: #f3f3f3; /* Background color of the scrollbar track */
  border-radius: 6px; /* Rounded edges for the track */
}

/* Firefox scrollbar customization */
html {
  scrollbar-color: #ffc700 #f3f3f3; /* Thumb color and track color for Firefox */
  scrollbar-width: thin; /* Set the width of the scrollbar */
}