/* ==========================================================
   NAVIGATION
========================================================== */

.navigation-card{

    background:#ffffff;

    border:none;

    border-radius:16px;

    box-shadow:0 4px 15px rgba(0,0,0,.08);

}

.navigation-card .card-body{

    padding:10px 14px;

}

/* Nav */

.op-nav{

    display:flex;

    flex-wrap:nowrap;

    align-items:center;

    gap:8px;

    overflow-x:auto;

    padding:0;

    margin:0;

    list-style:none;

}

/* Hide Scroll */

.op-nav::-webkit-scrollbar{

    display:none;

}

.op-nav{

    -ms-overflow-style:none;

    scrollbar-width:none;

}

/* Item */

.op-nav .nav-item{

    flex:none;

}

/* Link */

.op-nav .nav-link{

    display:flex;

    align-items:center;

    gap:8px;

    padding:9px 16px;

    border-radius:10px;

    color:#667085;

    font-size:13px;

    font-weight:600;

    white-space:nowrap;

    transition:.25s;

}

.op-nav .nav-link:hover{

    background:#EEF4FF;

    color:#3468F7;

}

/* Active */

.op-nav .nav-link.active{

    background:#3468F7;

    color:#fff;

}

/* Icon */

.op-nav i{

    font-size:14px;

}