ul.nav-tabs {
  gap: .25rem;
  border: 0;

  li.nav-item {
    flex: 1;
    text-align: center;

    a.nav-link {
      --bs-nav-link-padding-y: .75rem;
      border: 0;
      background-color: $tab-inactive;
      color: $black;
      text-transform: uppercase;
      font-family: $font-secondary;
      font-size: rfs-value(18px);
      justify-content: space-between;
      display: flex;
      flex-flow: row nowrap;

      @include media-breakpoint-up(sm) {
        justify-content: center;
      }


      &.active, &:hover, &:focus {
        background-color: $lightest;
        color: $primary;
      }
    }
  }
}


.tab-content {
  padding: 1.5rem;
  background-color: $lightest;
}