.certificates__tabs-list {
  --certificates-tabs-list-border: 1px solid var(--c-red);

  display: flex;
  flex-wrap: wrap;
  border: var(--certificates-tabs-list-border);

  @media (width < 960px) {
    border: none;
    gap: 10px;
  }

  .certificates__tab {
    flex: 1 0 193px;

    @media (width >= 1200px) {
      &:nth-child(n + 2):not(:nth-child(7n)) {
        border-left: var(--certificates-tabs-list-border);
      }
      &:nth-child(n + 7) {
        border-top: var(--certificates-tabs-list-border);
      }
    }
    @media (960px <= width < 1200px) {
      &:nth-child(n + 2):not(:nth-child(5n)) {
        border-left: var(--certificates-tabs-list-border);
      }
      &:nth-child(n + 5) {
        border-top: var(--certificates-tabs-list-border);
      }
    }
    @media (width < 960px) {
      flex: 0 0 auto;
      border: var(--certificates-tabs-list-border);
      border-radius: 5px;

      .certificates__tab-btn {
        padding: 10px;
      }
    }

    .certificates__tab-btn {
      width: 100%;
      padding: 14px;
      color: var(--c-red);
      border-radius: unset;

      &.bta-tab-active {
        color: #fff;
        background-color: var(--c-red);
      }

      @media (hover: hover) {
        &:not(.bta-tab-active):hover {
          color: #fff;
          background-color: hsl(from var(--c-red) h s l / 0.7);
        }
      }
    }
  }
}
.certificates__tabs-content-list {
  margin-top: 36px;

  @media (width < 640px) {
    margin-top: 20px;

    .certificates__slider {
      width: 224px;
      margin-inline: auto;
    }
  }

  .certificates__slider-item {
    display: block;
    width: 100%;
    height: 311px;
    border: 1px solid var(--c-gray-text);
    
    img {
      display: block;
      width: auto;
      height: 100%;
    }
  }

  .certificates__slider-nav {
    margin-top: 15px;

    @media (width < 960px) {
      margin-inline: auto;
      column-gap: 15px;
    }
  }
}