@media (max-width: 991.98px) {
        .navbar-collapse .navbar-nav {
            border: 2px solid #ffffff;
            border-radius: 8px;
            padding: 10px;
            background-color: rgba(255, 255, 255, 0.1); /* Optional */
        }
    }
    .navbar-collapse .navbar-nav {
        transition: all 0.3s ease-in-out;
    }    
    .dropdown-menu {
        background-color: #7baffd !important;
        border-radius: 6px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .dropdown-menu .dropdown-item {
        transition: background-color 0.2s ease, color 0.2s ease;
    }
    .dropdown-menu .dropdown-item:hover {
        background-color: #0058af;
        color: #ffffff;
    }
    .brand-text {
        animation: fadeInBrand 0.8s ease-in-out;
    }

    .brand-line-1 {
        font-size: 1.75rem;
        font-weight: bold;
        line-height: 1.2;
    }

    .brand-line-2 {
        font-size: 1rem;
        opacity: 0.85;
        margin-top: 2px;
    }

    .bg-deep-green {
        background-color: #004000;
        color: #ffffff; /* optional for contrast */
    }

    .bg-dark-green {
        background-color: #007000;
        color: #ffffff; /* optional for contrast */
    }

    .bg-soft-green {
        background-color: #e6f4ea;
        border-left: 5px solid #004000;
        color: #004000;
    }
    
    .bg-deep-red {
        background-color: #400000;
        color: #ffffff; /* optional for contrast */
    }

    .bg-dark-red {
        background-color: #700000;
        color: #ffffff; /* optional for contrast */
    }
    .bg-soft-red {
        background-color: #f4e6e6;
        border-left: 5px solid #400000;
        color: #400000;
    }

    
    




    @keyframes fadeInBrand {
        from {
            opacity: 0;
            transform: translateY(-5px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }