/* ===== Multi-level submenu CSS ===== */
    .uc-navbar-nav li { position: relative !important; }

    .uc-navbar-nav li > .submenu {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        background-color: #fff !important;
        min-width: 200px !important;
        border-radius: 4px !important;
        list-style: none;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
        z-index: 999 !important;
    }

    .uc-navbar-nav > li > a {
        color: #fff !important; /* White text */
    }

    .uc-navbar-nav li > .submenu li a {
        display: block !important;
        padding: 10px 15px !important;
        color: #0B1F3A !important;
        text-decoration: none !important;
        font-size: 14px !important;
    }

    .uc-navbar-nav li > .submenu li a:hover {
        background-color: #0B1F3A !important;
        color: #fff !important;
    }

    .uc-navbar-nav li:hover > .submenu { display: block !important; }

    .uc-navbar-nav li > .submenu li { position: relative !important; }
    .uc-navbar-nav li > .submenu li > .submenu {
        top: 0 !important;
        left: 100% !important;
        display: none !important;
        min-width: 200px !important;
        border-radius: 4px !important;
        background-color: #fff !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    }

    .uc-navbar-nav li > .submenu li:hover > .submenu { display: block !important; }

    .uc-navbar-nav li > a .arrow { font-size: 12px; margin-left: 5px; transition: transform 0.3s; }
    .uc-navbar-nav li:hover > a .arrow { transform: rotate(180deg); }

    .uc-navbar-nav li > .submenu li > a .arrow { float: right; transform: rotate(360deg); }
    .uc-navbar-nav li > .submenu li:hover > a .arrow { transform: rotate(360deg); }