body {
            font-family: 'Inter', sans-serif;
            background-color: #f8f9fa;
        }
        .navbar-custom {
            background-color: #2150A3; /* #0072EE; */
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .course-card-animation {
            animation: fadeIn 0.5s ease-in-out;
        }
        .card-img-top {
            width: 100%;
            height: 10vw;
            object-fit: cover;
        }
        .card.is-clickable {
            cursor: pointer;
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }
        .card.is-clickable:hover {
            transform: translateY(-5px);
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
        }
        .modal-body img {
            max-height: 250px;
            width: 100%;
            object-fit: cover;
            border-radius: 0.375rem;
        }
        /* Mega Menu Styles */
        .dropdown-menu.mega-menu {
            width: 720px;
            max-width: 95vw;
        }
        .explore-subjects .nav-link {
            cursor: pointer;
            border-bottom: 3px solid transparent;
            transition: all 0.2s ease-in-out;
        }
        .explore-subjects .nav-link:hover {
            background-color: #f8f9fa;
            border-bottom-color: #dee2e6;
        }
        .explore-subjects .nav-link.active {
            font-weight: 600;
            color: #212529 !important;
            background-color: #f8f9fa;
            border-bottom-color: #0d6efd;
        }
        .product-columns {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }
        .product-columns li a {
            display: block;
            padding: 0.25rem 0;
            text-decoration: none;
            color: #212529;
        }
        .product-columns li a:hover {
            color: #0d6efd;
            background-color: #f8f9fa;
        }
        .favorites-dropdown {
            width: 400px;
        }
        .favorites-dropdown-item {
            white-space: normal;
        }
        /* Favorite Icon Style */
        #favorite-toggle-btn .fa-solid { color: #ffc107; }

        @media (max-width: 992px) { .card-img-top { height: 20vw; } }
        @media (max-width: 768px) { .card-img-top { height: 30vw; } }
        @media (max-width: 576px) { .card-img-top { height: 45vw; } }