.navbar {
    padding: 0.5rem 0;
    background-color: #ffffff;
}

.navbar-brand {
    font-size: 1.4rem;
    font-weight: 700;
    color: #000 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    
}

    .navbar-brand:hover {
        color: #483D8B !important;
        transform: scale(1.05);
        transition: all 0.2s ease-in-out;
    }

.nav-link {
    font-size: 1rem;
    font-weight: 600;
    color: black !important;
    padding: 0.3rem 1rem;
    position: relative;
    transition: all 0.3s ease-in-out;
}

    .nav-link:hover {
        color: #483D8B !important;
        transform: translateY(-2px);
    }

    .nav-link::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #483D8B;
        transition: width 0.3s ease-in-out;
    }

    .nav-link:hover::after {
        width: 100%;
    }

.bg-gradient-primary {
    background: linear-gradient(135deg, #021A44 0%, #0056b3 100%);
}

.navbar-toggler {
    border: none;
    padding: 0.3rem;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%280, 0, 0, 0.9%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

main {
    padding-top: 20px;
}

@media (max-width: 767.98px) {
    .navbar-nav {
        padding: 0.5rem;
        background-color: #f8f9fa;
        border-radius: 0.5rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .nav-link {
        font-size: 0.9rem;
        padding: 0.5rem;
    }

    .navbar-brand {
        font-size: 1.2rem;
    }
}


@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');