/* For Webkit browsers (Chrome, Edge, Safari) */
.modal-dialog-scrollable::-webkit-scrollbar {
  width: 6px; /* smaller width */
}

.modal-dialog-scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3); /* scrollbar color */
  border-radius: 10px;
}

.modal-dialog-scrollable::-webkit-scrollbar-track {
  background: transparent;
}

/* For Firefox */
.modal-dialog-scrollable {
  scrollbar-width: thin;   /* shrinks scrollbar */
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}