@use "../mixins/media-queries";

.tabs {
  display: flex;
  margin-top: 18px;
  margin-bottom: 38px;

  &__item {
    height: 40px;
    line-height: 40px;
    padding: 0 26px;
    color: #8A8A8A;
    border-bottom: 1px solid #8A8A8A;
    cursor: pointer;
    font-size: 14px;

    @include media-queries.md {
      font-size: unset;
    }

    &--active {
      color: #000;
      border-bottom: 2px solid #000;

    }
  }
}