.tab-links {
  margin-bottom: 3rem; }
  @media (max-width: 1023px) {
    .tab-links {
      margin-bottom: 20px; } }
  .tab-links__list {
    display: flex;
    overflow: auto;
    align-items: center;
    gap: 3.2rem; }
    @media (max-width: 1023px) {
      .tab-links__list {
        margin: 0 -12px;
        padding: 0 12px;
        gap: 16px; } }

.tab-link {
  font-weight: 600; }
  @media (min-width: 1024px) {
    .tab-link {
      cursor: pointer; }
      .tab-link:hover {
        color: #6AB4B9; } }
  .tab-link.active {
    pointer-events: none;
    color: #00A19B; }
