.business-spheres-areas {
  padding-top: 150px;
}

.business-spheres-areas__inner {
  display: flex;
  gap: 126px;
  align-items: flex-start;
}

/* Левая колонка с табами */
.business-spheres-areas__left {
  width: 486px;
  display: flex;
  flex-direction: column;
}

.business-spheres-areas__sector {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 24px 0;
  justify-content: flex-start;
}

.business-spheres-areas__index {
  opacity: 0.5;
  font-size: 16px;
}

/* Заголовок таба — теперь кнопка */
.business-spheres-areas__sector-title {
  font-size: 32px;
  line-height: 100%;
  transition: color 0.3s ease;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;

  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;
}

.business-spheres-areas__sector-title:hover {
  color: var(--lime);
}

.business-spheres-areas__sector-title.is-active {
  color: var(--lime);
}

.business-spheres-areas__divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}

/* Контейнер для карточек справа */
.business-spheres-areas__cards {
  width: 588px;
}

/* Каждая карточка = содержимое одного таба */
.business-spheres-areas__card {
  background: #313131;
  border-radius: 30px;
  padding: 32px;
  width: 100%;
  display: none; /* по умолчанию скрыты, кроме активной */
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
}

.business-spheres-areas__card.is-active {
  display: flex;
}

/* Если внутри контента делаешь сетку направлений — стили остаются прежними */
.business-spheres-areas__areas {
  display: grid;
  grid-template-columns: auto auto;
  width: 100%;
  justify-content: space-between;
  row-gap: 0;
  column-gap: 38px;
}

.business-spheres-areas__area {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  min-height: 48px;
}

a.business-spheres-areas__area {
  transition: 0.5s ease;
  color: rgba(255, 255, 255, 1);
}

a.business-spheres-areas__area:hover {
  color: rgba(255, 255, 255, 0.5);
}

.business-spheres-areas__area-icon {
  width: 24px;
  height: 24px;
}

.business-spheres-areas__button {
  height: 48px;
}

/* Адаптив */
@media (max-width: 980px) {
  .business-spheres-areas {
    padding-top: 56px;
  }

  .business-spheres-areas__inner {
    flex-direction: column;
    gap: 16px;
  }

  .business-spheres-areas__left,
  .business-spheres-areas__cards {
    width: 100%;
  }

  .business-spheres-areas__sector-title {
    font-size: 24px;
  }

  .business-spheres-areas__areas {
    grid-template-columns: auto;
  }
}