.nav-tabs {
  --tabs-bg: var(--header-bg);
  --tabs-color: var(--bs-primary);
  --tabs-border-color: var(--bs-primary);
  --tabs-padding-top: 1.25rem;
  --tabs-font-size: 1rem;
  --tabs-active-color: var(--tabs-color);
  --tabs-active-font-weight: 700;
  --tabs-item-padding-y: .5rem;
  --tabs-item-padding-x: 1.75rem;
  position: relative;
  top: -1px;
  background-color: var(--tabs-bg);
  color: var(--tabs-color);
  list-style: none;
  padding: var(--tabs-padding-top) 0 0;
  display: flex;
  text-align: center;
}
.nav-tabs::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background-color: var(--tabs-border-color);
  display: block;
}
.nav-tabs a {
  color: currentColor;
}
.nav-tabs .nav-link {
  display: block;
  padding: var(--tabs-item-padding-y) var(--tabs-item-padding-x);
  text-transform: uppercase;
  font-size: var(--tabs-font-size);
}
.nav-tabs .active .nav-link {
  color: var(--tabs-active-color);
  font-weight: var(--tabs-active-font-weight);
}
.nav-tabs.primary {
  margin-bottom: 1.5rem;
}
.nav-tabs.secondary {
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .nav-tabs {
    --tabs-font-size: 1rem;
    --tabs-item-padding-y: .75rem;
    --tabs-item-padding-x: 1rem;
  }
  .nav-tabs .nav-link {
    min-width: 10rem;
  }
}