.navbar-brand-custom {
    height: 80px;
    width: auto;
    border-radius: 15px;;
}

.navbar-brand-custom1 {
    height: 40px;
    width: 130px;
    border-radius: 7px;
}

select option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px; /* Adjust width */
    display: block;
}

.nav-tabs .nav-link.active {
    color: black !important;
    background-color: #e9ecef !important;  /* Light gray background */
    border-color: #dee2e6 #dee2e6 #fff !important; /* Light border */
}

.nav-tabs .nav-link {
    color: #0d6efd;  /* Bootstrap primary blue for inactive tabs */
    background-color: transparent;
}

.nav-tabs .nav-link:hover {
    color: black !important;
    background-color: #939393 !important;  /* Very light gray background on hover */
    border-color: #dee2e6 #dee2e6 #fff !important;
}

/* Animation for scroll button */
#scrollButton {
    transition: transform 0.3s ease, background-color 0.3s ease;
}

#scrollButton:hover {
    transform: translateY(-3px) scale(1.05);
}

/* Optional: Pulse effect */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(0,0,0,0.2); }
    70% { box-shadow: 0 0 0 10px rgba(0,0,0,0); }
    100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); }
}

#scrollButton.animate-pulse {
    animation: pulse 2s infinite;
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.card-animated {
    animation: fadeInScale 0.6s ease-in-out;
}

.card-custom:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease-in-out;
}