:root {
  --desktop-viewport: 1200px;
  --tablet-viewport: 768px;
}

@layer layouts {
  .home-steps__list {
    --gap: 64px;
  }
  .home-steps__list:not(:last-child) {
    margin-bottom: 40px;
  }
  @media screen and (min-width: 992px) {
    .home-steps__list {
      display: flex;
      gap: var(--gap);
    }
    .home-steps__list:not(:last-child) {
      margin-bottom: 80px;
    }
  }
  .home-steps__item:not(:last-child) {
    margin-bottom: 56px;
  }
  @media screen and (min-width: 992px) {
    .home-steps__item {
      width: calc((100% - var(--gap) * (3 - 1)) / 3);
      padding: 24px 16px;
    }
    .home-steps__item:not(:last-child) {
      margin-bottom: 0;
    }
  }
  .home-steps__text:not(:first-child) {
    margin-top: 28px;
  }
  .home-steps__heading {
    font-size: 24px;
  }
  .home-steps__heading:not(:last-child) {
    margin-bottom: 16px;
  }
}