  #pa-navbar .container {
    max-width: 1400px;
}
@media (max-width: 991.98px) {
    #menu-pa-menu > .menu-item,
    #menu-main-menu > .menu-item {
        background: #f0f6f9;
        margin-bottom: 10px;
        border-radius: 5px;
    }
    #menu-pa-menu > .menu-item > a,
    #menu-main-menu > .menu-item > a {
        padding-left: 10px;
    }
    #menu-pa-menu .pa-menu-toggle::after,
    #menu-main-menu .pa-menu-toggle::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f107";
        padding-left: 3px;
        position: absolute;
        right: 10px;
        font-size: 14px;
        color: var(--pa-primary, #005670);
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        border: none;
        transition: transform 0.3s ease;
    }
    #menu-pa-menu .pa-menu-toggle.active::after,
    #menu-main-menu .pa-menu-toggle.active::after {
        transform: rotate(180deg);
    }
    .navbar-nav .pa-sub-menu {
        background-color: #f8f9fa; /* Light background for submenus */
        padding-left: 15px; /* Indent first-level menus */
        border: none; /* Remove default border */
        transition: max-height 0.3s ease, opacity 0.3s ease;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        display: block; /* Always block, controlled by max-height */
    }
    .navbar-nav .pa-sub-menu.active {
        max-height: 600px; /* Increased for deeper menus */
        opacity: 1;
    }
    .navbar-nav .pa-sub-menu.depth-1 {
        background-color: #e9ecef; /* Slightly darker for second-level */
        padding-left: 30px; /* Increased indent for second-level */
    }
    .navbar-nav .pa-sub-menu a {
        padding: 10px 15px; /* Better touch targets */
        color: #333; /* Readable text */
        display: block; /* Ensure full-width clickable area */
    }
    .navbar-nav .pa-menu-item {
        position: relative; /* Ensure proper positioning */
    }
    #nav-header .pa-sub-menu .pa-menu-toggle::after {
        right: 8px;
    }
    #nav-header .pa-sub-menu .nav-link {
        white-space: normal;
    }
    #navbar-main-menu .nav-link {
        text-transform: capitalize;
        font-size: 13px;
    }
}
@media (min-width: 992px) {
    .navbar-nav .sub-menu,
    .navbar-nav .pa-sub-menu {
        display: none; /* Hidden by default for desktop hover */
        opacity: 1;
        max-height: none; /* Remove max-height for desktop */
        transition: none; /* No transition for hover */
    }
    .navbar-nav .sub-menu.show,
    .navbar-nav .sub-menu.active,
    .navbar-nav .pa-sub-menu.show,
    .navbar-nav .pa-sub-menu.active {
        display: block; /* Shown on hover by parent theme */
    }
    .navbar-nav .pa-menu-toggle::after {
        content: none; /* No chevron on desktop */
    }
}