.list-group-item {
    transition: transform 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
    /* Optional: define a default background if needed */
    background-color: transparent;
  }
  
.list-group-item:hover {
    transform: scale(1.025);
    border-color: var(--bs-primary) !important;
    background-color: rgba(13, 110, 253, 0.1); /* light shade of primary blue */
    }