/* Card Hover Animation */
    .card-hover {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card-hover:hover {
        transform: translateY(-10px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    }

    /* Tab Animation */
    .tab-animation {
        animation: fadeIn 0.6s ease-in-out;
    }

    /* Fade-in Animation */
    @keyframes fadeIn {
        0% {
            opacity: 0;
            transform: translateY(30px);
        }

        100% {
            opacity: 2;
            transform: translateY(0);
        }
    }

    /* Active Tab Styles */
    .nav-pills .nav-link.active {
        background-color: #2a3086 !important;
        color: white;
        font-weight: 700;
    }

    /* Inactive and Hover Tab Styles */
    .nav-pills .nav-link {
        background-color: #0000;
        color: #333;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .nav-pills .nav-link:hover {
        background-color: #2a3086;
        color: white;
    }