/* =========================================
   MOBILE MENU BUTTON
========================================= */

.mobile-menu-btn{
    display:none;
}

/* =========================================
   MOBILE MENU
========================================= */

.mobile-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#ffffff;
    box-shadow:0 10px 30px rgba(0,0,0,.10);
    padding:20px;
    z-index:999;
    opacity:0;
    visibility:hidden;
    transform:translateY(-20px);
    transition:.4s ease;
}

.mobile-menu.active{
    display:block;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.mobile-menu>ul{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.mobile-menu a{
    display:block;
    padding:12px 15px;
    color:#002147;
    font-size:15px;
    font-weight:600;
    border-radius:8px;
    transition:.3s;
}

.mobile-menu a:hover{
    background:#fff4d6;
    color:#ffb400;
    padding-left:22px;
}

.mobile-apply-btn{
    display:inline-block;
    background:#ffb400;
    color:#002147;
    padding:12px 20px;
    border-radius:8px;
}

/* COURSE TOGGLE */

.mobile-course-toggle{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 15px;
    cursor:pointer;
    font-weight:600;
    color:#002147;
    border-radius:8px;
    transition:.3s;
}

.mobile-course-toggle:hover{
    background:#fff4d6;
    color:#ffb400;
    padding-left:20px;
}

.mobile-course-submenu{
    display:none;
    padding-left:15px;
    margin-top:10px;
}

.mobile-course-submenu.active{
    display:block;
}

.mobile-course-submenu li{
    margin-bottom:10px;
}

.mobile-course-submenu a{
    font-size:14px;
    color:#666;
}

.mobile-course-toggle i{
    transition:.3s;
}

.mobile-course-toggle i.rotate{
    transform:rotate(180deg);
    color:#ffb400;
}

/* SUB CATEGORY */

.mobile-sub-toggle{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    padding:8px 0;
    font-weight:600;
    color:#002147;
}

.mobile-sub-toggle:hover{
    background:#fff4d6;
    color:#ffb400;
    padding-left:15px;
    border-radius:8px;
    transition:.3s;
}

.mobile-sub-course-list{
    display:none;
    padding-left:15px;
    margin-top:10px;
}

.mobile-sub-course-list li{
    margin-bottom:8px;
}

.mobile-sub-course-list a{
    font-size:14px;
    color:#666;
}

.mobile-sub-category.active .mobile-sub-course-list{
    display:block;
}

.mobile-sub-category.active .mobile-sub-toggle i{
    transform:rotate(180deg);
}

.mobile-sub-toggle i{
    transition:.3s;
}