.b-steps .b__content {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-steps .b__steps {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-steps .b__content + .b__steps {
  margin-top: var(--block-spacing-small);
}

@media (min-width: 768px) {
  .b-steps .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
  }
}
@media (min-width: 1280px) {
  .b-steps .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 8 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
}
.c-steps {
  display: flex;
  flex-flow: row wrap;
}
.c-steps__button {
  margin-top: var(--block-spacing-small);
}
.c-steps__content {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.c-steps__items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.c-steps__item {
  border-bottom: 1px solid var(--color-text);
  transition: color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  cursor: pointer;
  margin: 0;
  padding: clamp(0.75rem, 1.15vw + 0.49rem, 1.88rem) 0;
}
.c-steps__item:first-child {
  padding-top: 0;
}
.c-steps__item.active {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.c-steps__title {
  font-size: clamp(1.13rem, 0.77vw + 0.95rem, 1.88rem);
}
.c-steps__text {
  margin-top: clamp(0.5rem, 0.51vw + 0.38rem, 1rem);
}
.c-steps__images {
  margin-top: var(--block-spacing-small);
  order: 2;
  position: relative;
  aspect-ratio: 736/868;
}
.c-steps__images {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
}
.c-steps__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
.c-steps__image.active {
  opacity: 1;
}
.c-steps__image .c-media {
  width: 100%;
  aspect-ratio: 736/868;
}

@media (min-width: 1024px) {
  .c-steps__content {
    order: 3;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
  .c-steps__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 6 - var(--layout-gutter) - 0.01px);
  }
  .c-steps__images {
    align-self: center;
    margin-top: 0;
  }
  .c-steps__images {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 6 - var(--layout-gutter) - 0.01px);
  }
}
@media (min-width: 1280px) {
  .c-steps__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .c-steps__images {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 4 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
}
.background-color-2 .c-steps {
  color: var(--color-text-inverted);
}
.background-color-2 .c-steps__item {
  border-bottom: 1px solid var(--color-text-inverted);
}

/*# sourceMappingURL=style.css.map */