.nav-tabs-bar{background:#2b2945;border-radius:10px;padding:10px}
.nav-tabs-list{display:flex;gap:10px;align-items:center}
.nav-tab{display:inline-flex;align-items:center;gap:8px;background:#3a355a;color:#fff;padding:8px 12px;border-radius:8px;font-weight:700;text-decoration:none}
.nav-tab.active{background:#ff6a00;color:#fff}
.nav-tab .icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}

@media (max-width:992px){
  .nav-tabs-list{flex-wrap:wrap}
}
@media (max-width:768px){
  .nav-tabs-bar{padding:8px}
  .nav-tabs-list{gap:8px;overflow-x:auto;white-space:nowrap;justify-content: center;}
  .nav-tabs-list::-webkit-scrollbar{display:none}
  .nav-tab{padding:6px 10px;border-radius:8px}
}