.card1{
    background-color: rgb(47, 214, 251);
}

.cardh{
    height: 150px; 
    max-height: 150px; 
    overflow: auto;
}

/* Apply styles to the container with scrolling */
.scroll-container {
    max-height: 150px; /* Adjust height as needed */
    overflow-y: auto; /* Enables vertical scrolling */
    padding: 10px;
  }
  
  /* Custom scrollbar */
  .scroll-container::-webkit-scrollbar {
    width: 2px; /* Thin scrollbar */
  }
  
  .scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* Light grey track */
    border-radius: 10px;
  }
  
  .scroll-container::-webkit-scrollbar-thumb {
    background: #888; /* Dark grey scrollbar */
    border-radius: 10px;
  }
  
  .scroll-container::-webkit-scrollbar-thumb:hover {
    background: #555; /* Darker on hover */
  }

  .card-footerb{
    text-align: right;
  }

  .neon-card {
    position: relative;
    transition: box-shadow 0.5s ease-in-out;
}

/* Dynamic Neon Glow */
.neon-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    box-shadow: 0 0 15px var(--neon-color, rgba(255, 0, 0, 0.8));
    animation: neonGlow 3s infinite alternate, randomColors 6s infinite alternate;
    z-index: -1;
}

/* Glow animation */
@keyframes neonGlow {
    0% { box-shadow: 0 0 10px var(--neon-color, rgba(255, 0, 0, 0.6)); }
    50% { box-shadow: 0 0 20px var(--neon-color, rgba(0, 255, 255, 0.6)); }
    100% { box-shadow: 0 0 10px var(--neon-color, rgba(255, 0, 255, 0.6)); }
}