/* Limit height and enable scroll for mega menus on small screens */
@media (max-width: 991.98px) {
    .mega-menu {
        max-height: 70vh; /* Adjust height as needed */
        overflow-y: auto;
        overflow-x: hidden;
        position: static !important;
    }

    .navbar-nav {
        gap: 5px; /* Reduced from 10px or more */
    }

        .navbar-nav .nav-item {
            margin-bottom: 0 !important;
        }

        .navbar-nav .nav-link {
            padding: 3px 10px !important;
            
        }



}