.scrollbar-colored::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.scrollbar-colored::-webkit-scrollbar-track {
  background: #f1f1f1;
  background: transparent;
  background: linear-gradient(to bottom, green 20%, blue 50%, rgb(1, 17, 126) 30%);
}

/* Handle */
.scrollbar-colored::-webkit-scrollbar-thumb {
  background: #047100;
  width: 5px;
  height: 10px;
}

/* Handle on hover */
.scrollbar-colored::-webkit-scrollbar-thumb:hover {
  background: #484ef1;

}


::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white;
}

/* Handle */
::-webkit-scrollbar-thumb {
  /* background: #047100; */
  width: 5px;
  height: 10px;
  background: #484ef1;

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  border-radius: 10px;
}


.scroll-container {
  overflow-x: auto; /* Allows scrolling */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-container::-webkit-scrollbar {
  display: none;  /* Chrome, Safari and Opera */
}