.tabs__nav {
  display: flex;

  border-bottom: 1px solid #f2f2f2;
}

.tabs__nav-item {
  flex: 1 0 0;

  padding: 2rem 0;
  position: relative;

  border: none;
  background: transparent;

  font-size: 1.4rem;
  font-family: inherit;
  font-weight: 400;
  text-transform: uppercase;
  color: #9E9E9E;
  text-align: center;

  &:focus {
    outline: 0;
  }

  &.active {
    position: relative;

    color: $primary;
    font-weight: 500;

    &::after {
      content: "";
      display: block;
      width: 100%;
      height: 2px;

      background-color: $primary;

      position: absolute;
      bottom: -1px;
      left: 0;
      z-index: 1;
    }
  }
}

.tabs__content {
  padding: 4rem 0;

  font-size: 1.6rem;
  color: #606060;

  .row {
    margin-left: -3rem;
    margin-right: -3rem;

    > * {
      padding-left: 3rem;
      padding-right: 3rem;
    }
  }
}

.tabs__title {
  padding-left: 1.6rem;
  margin-bottom: 5px;

  color: $dark;
  text-transform: uppercase;
  font-size: 1.6rem;
}

.tabs__table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 5rem;

  font-size: 1.4rem;

  td {
    padding: 1.6rem;

    border-bottom: 1px solid #f2f2f2;
  }
}