/* Add these styles to your CSS file */
  .custom-scrollbar::-webkit-scrollbar {
    width: 6px; /* For WebKit browsers (Chrome, Safari) */
    height: 20px !important;
  }
  
  .custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;  /* color of the scrollbar track */
    border-radius: 10px;
  }
  
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #888;  /* color of the scrollbar thumb */
    border-radius: 10px;
    border: 2px solid #f1f1f1;  /* Padding around the scrollbar handle */
  }
  
  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Hover state for the scrollbar handle */
  }

  .custom_margin{
    display: block;
    margin-bottom: 1rem;
  }