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

::-webkit-scrollbar-thumb {
  background-color: #38BDF8; /* Ocean blue scrollbar thumb color */
  border-radius: 6px; /* Rounded edges for the scrollbar */
}

::-webkit-scrollbar-track {
  background: #0B1F30; /* Navy-800 background for scrollbar track */
  border-radius: 6px; /* Rounded edges for the track */
}

/* Firefox scrollbar customization */
html {
  scrollbar-color: #38BDF8 #0B1F30; /* Ocean blue thumb and navy track for Firefox */
  scrollbar-width: thin; /* Set the width of the scrollbar */
}

.no-scrollbar-8080 {
  -ms-overflow-style: none; /* IE dan Edge */
  scrollbar-width: none; /* Firefox */
}
.no-scrollbar-8080::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}