/* =========================
       GLOBAL FIX
    ========================= */
    html, body {
        overflow-x: hidden;
        width: 100%;
    }

    /* =========================
       NAVBAR
    ========================= */
    .navbar {
        position: fixed;
        top: 35px;
        left: 0;
        width: 100%;
        background: transparent;
        padding: 10px 0;
        z-index: 9999;
        transition: 0.4s ease;
    }

    .navbar.scrolled {
        background: #092a49;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    }

    /* CONTAINER */
    .navbar .container-fluid {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /* LOGO & BRAND */
    .logo-img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: contain; 
        flex-shrink: 0;
    }

    .brand-wrapper {
        display: flex;
        align-items: center;
        text-decoration: none;
        max-width: 75%;
        overflow: hidden;
    }

    .brand-text span {
        font-size: 20px;
        font-weight: 700;
        white-space: nowrap;
    }

    /* NAV LINKS - Keeping your original */
    .navbar-nav .nav-link {
        color: #fff !important;
        font-size: 16px;
        font-weight: 500;
        margin-left: 15px;
    }

    .navbar-nav .nav-link:hover {
        color: #dad61b !important;
    }

/* ==================== DESKTOP DROPDOWN - FINAL FIX ==================== */

.navbar .dropdown-menu {
    background: #092a49 !important;
    border: none !important;

    border-radius: 20px !important;

    padding: 8px 0 !important;   /* reduced */

    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.55) !important;

    border: 1px solid rgba(218, 214, 27, 0.35) !important;

    min-width: 220px !important;

    margin-top: 2px !important;  /* IMPORTANT */

    overflow: visible !important;
}

/* ==================== ITEMS ==================== */

.navbar .dropdown-menu .dropdown-item {
    color: #fff !important;

    padding: 10px 22px !important; /* reduced */

    font-size: 15px !important;

    transition: all 0.3s ease !important;

    border-radius: 8px !important;

    margin: 2px 8px !important; /* reduced */
}

/* Hover */
.navbar .dropdown-menu .dropdown-item:hover {
    background: #dad61b !important;

    color: #092a49 !important;

    transform: translateX(10px) !important;

    font-weight: 600 !important;
}

/* ==================== TOP ARROW ==================== */

.navbar .dropdown-menu::before {
    content: '';

    position: absolute;

    top: -8px;

    left: 35px;

    border-left: 8px solid transparent;
    border-right: 8px solid transparent;

    border-bottom: 8px solid #092a49;

    pointer-events: none; /* IMPORTANT */

    z-index: 1;
}

    /* Dropdown arrow */
    .dropdown-toggle::after {
        transition: 0.3s;
    }

    .dropdown:hover .dropdown-toggle::after {
        transform: rotate(180deg);
    }

    /* TOGGLER */
    .navbar-toggler {
        border: none;
        padding: 5px;
    }
/* ==================== DESKTOP DROPDOWN HOVER ==================== */
@media (min-width: 992px) {
    
    .navbar .dropdown {
        position: relative;
    }

    /* Open dropdown on hover */
    .navbar .dropdown:hover > .dropdown-menu {
        display: block !important;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .dropdown-menu {
        display: none;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.25s ease;
    }

    /* Optional: Better positioning */
    .dropdown-menu {
        top: 100%;
        margin-top: 5px;
    }

    /* Arrow rotation on hover */
    .dropdown:hover .dropdown-toggle::after {
        transform: rotate(180deg);
    }
}

    
        /* =========================
   MOBILE FIX - Nested Dropdown Improved
========================= */

        @media (max-width: 991px) {

            .navbar {
                top: 0;
                background: #092a49;
                padding: 8px 0;
            }

            .navbar .container-fluid {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }

            /* LOGO */
            .logo-img {
                width: 42px;
                height: 42px;
            }

            /* MAIN MOBILE MENU */
            .navbar-collapse {
                background: #0a2c4e;
                margin-top: 8px;
                border-radius: 12px;
                padding: 15px 10px;
                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
                border: 1px solid rgba(218, 214, 27, 0.2);
            }

            .navbar-nav .nav-link {
                margin-left: 0;
                padding: 14px 18px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                font-size: 15.5px;
                border-radius: 8px;
                transition: all 0.3s ease;
            }

            .navbar-nav .nav-link:hover {
                background: rgba(218, 214, 27, 0.15);
                color: #dad61b !important;
                padding-left: 24px;
            }

            /* ==================== NESTED DROPDOWN ==================== */
            .dropdown-menu {
                position: static !important;
                transform: none !important;
                width: 100% !important;
                margin-top: 6px;
                background: #0f3a5f !important;
                border-radius: 10px;
                padding: 8px 0;
                border: 1px solid rgba(218, 214, 27, 0.4);
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
            }

            .dropdown-item {
                padding: 13px 20px !important;
                color: #fff !important;
                font-size: 15px;
                margin: 3px 8px;
                border-radius: 6px;
                transition: all 0.3s ease;
            }

            .dropdown-item:hover {
                background: #dad61b !important;
                color: #092a49 !important;
                transform: translateX(10px);
                font-weight: 600;
            }

            /* For sub-dropdown items */
            .dropdown-menu .dropdown-item {
                padding-left: 30px !important;
            }

            .dropdown-menu.show {
                display: block !important;
            }

            /* Arrow indicator for dropdown */
            .dropdown-toggle::after {
                float: right;
                margin-top: 7px;
            }

        }
    .navbar .nav-link.active {
    color: #dad61b !important;
    font-weight: 700;
}