/* ==========================================
   Premium Mobile Submenu
========================================== */

.offcanvas .mobile-submenu{

    list-style:none;

    margin:8px 0 4px;

    padding:0;

}

.offcanvas .mobile-submenu li{

    margin-bottom:4px;

}

.offcanvas .mobile-submenu-link{

    display:flex;

    align-items:center;

    gap:12px;

    width:100%;

    padding:11px 16px 11px 48px;

    background:transparent;

    border:none;

    border-radius:10px;

    text-decoration:none;

    text-align:left;

    color:#5b6775;

    font-size:14px;

    font-weight:500;

    transition:all .25s ease;

}

.offcanvas .mobile-submenu-link:hover{

    background:#eef8f8;

    color:#008080;

    transform:translateX(5px);

}

.offcanvas .mobile-submenu-link:focus{

    box-shadow:none;

}

.offcanvas .mobile-submenu-link i,
.offcanvas .mobile-submenu-link img,
.offcanvas .mobile-submenu-link .fi{

    width:18px;

    text-align:center;

    flex-shrink:0;

}

.offcanvas .mobile-submenu-link button{

    all:unset;

}


/* ==========================================
   Premium Divider
========================================== */

.offcanvas hr{

    margin:18px 0;

    border:0;

    height:1px;

    background:linear-gradient(
        to right,
        transparent,
        rgba(8,58,83,.15),
        transparent
    );

    opacity:1;

}


/* ==========================================
   Premium Close Button
========================================== */

.offcanvas .btn-close{

    width:40px;

    height:40px;

    padding:10px;

    border-radius:50%;

    background-color:#f5f8fa;

    transition:
        all .30s ease;

    box-shadow:none;

}


.offcanvas .btn-close:hover{

    background:#e8f5f5;

    transform:rotate(90deg);

}


.offcanvas .btn-close:focus{

    box-shadow:none;

}