.list-group-item {
      border: none;
      padding: 10px 20px;
      transition: all 0.3s ease-in-out;
      font-size: 16px;
      font-weight: 500;
      background-color: transparent;
      position: relative;
    }

    .list-group-item::before {
      content: "✓";
      color: #0d6efd;
      margin-right: 10px;
      font-weight: bold;
    }

    .list-group-item:hover {
      background-color: #f8f9fa;
      color: #0d6efd;
      cursor: pointer;
      transform: translateX(5px);
    }

    .scrollable-list-wrapper {
      max-height: 400px;
      overflow-y: auto;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      padding: 15px;
      scroll-behavior: smooth;
    }


    /* Custom Scrollbar */
    .scrollable-list-wrapper::-webkit-scrollbar {
      width: 8px;
    }

    .scrollable-list-wrapper::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 10px;
    }

    .scrollable-list-wrapper::-webkit-scrollbar-thumb {
      background: #0d6efd;
      border-radius: 10px;
    }

    .scrollable-list-wrapper::-webkit-scrollbar-thumb:hover {
      background: #0b5ed7;
    }

    h5.fw-bold {
      font-size: 1.2rem;
    }

    ul.list-group-flush .list-group-item {
      font-size: 0.95rem;
      line-height: 1.5;
      border-left: 3px solid transparent;
      transition: all 0.3s ease-in-out;
    }

    ul.list-group-flush .list-group-item:hover {
      background-color: #f8f9fa;
      border-left: 3px solid #0d6efd;
    }

    .scrollable-list-wrapper {
    max-height: 400px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 15px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.scrollable-list-wrapper::-webkit-scrollbar {
    width: 8px;
}

.scrollable-list-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.scrollable-list-wrapper::-webkit-scrollbar-thumb {
    background: #0d6efd;
    border-radius: 10px;
}

.scrollable-list-wrapper::-webkit-scrollbar-thumb:hover {
    background: #0b5ed7;
}

/* List group items */
.list-group-item {
    border: none;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
    font-weight: 500;
    background-color: transparent;
    position: relative;
}

.list-group-item::before {
    content: "✓";
    color: #0d6efd;
    margin-right: 10px;
    font-weight: bold;
}

.list-group-item:hover {
    background-color: #f8f9fa;
    color: #0d6efd;
    cursor: pointer;
    transform: translateX(5px);
}

h5.fw-bold {
  font-size: 1.2rem;
}

.scrollable-list-wrapper {
  max-height: 420px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  padding: 15px;
}

.scrollable-list-wrapper::-webkit-scrollbar {
  width: 8px;
}

.scrollable-list-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.scrollable-list-wrapper::-webkit-scrollbar-thumb {
  background: #0d6efd;
  border-radius: 10px;
}

.scrollable-list-wrapper::-webkit-scrollbar-thumb:hover {
  background: #0b5ed7;
}

.list-group-item {
  border: none;
  padding: 10px 20px;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
  position: relative;
}

.list-group-item::before {
  content: "✓";
  color: #0d6efd;
  margin-right: 10px;
  font-weight: bold;
}

.list-group-item:hover {
  background-color: #f8f9fa;
  color: #0d6efd;
  cursor: pointer;
  transform: translateX(5px);
}