@charset "UTF-8";
/* stylelint-disable */
/* ---------- example ---------- */
/*
.selector {
  // только в промежутке tablet..desktop
  @include media-between(tablet, desktop) { ... }

  // ровно «только tablet» (1024..1239)
  @include media-only(tablet) { ... }

  // ≥ 1440
  @include for-desktop { ... }

  // ≤ 767
  @include small-tablet { ... }
}
*/
/* ---------- helpers ---------- */
/* Min-width */
/* Max-width */
.step-section {
  padding: var(--default-padding) 0;
}
.step-section__box {
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 6.5089vw, 8.8rem);
}
.step-section__list {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.step-section__item {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 3.2rem;
  min-height: 16.4rem;
}
.step-section__item::before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: rgba(173, 196, 84, 0.2);
  border-radius: 100%;
  top: 0;
  position: absolute;
  right: calc((clamp(20px, 3.4024vw, 4.6rem) / 2 + min(5.9172vw, 8rem)) * -1);
  transform: translateX(50%);
}
.step-section__item:after {
  background: rgba(173, 196, 84, 0.2);
  width: 0.2rem;
  min-height: 16.4rem;
  top: 3.2rem;
  content: "";
  position: absolute;
  right: calc((clamp(20px, 3.4024vw, 4.6rem) / 2 + min(5.9172vw, 8rem)) * -1);
  transform: translateX(50%);
}
.step-section__item .editor {
  gap: 2rem;
  width: 100%;
}
.step-section__item:first-of-type::before {
  background: var(--bg-r);
}
.step-section__item:first-of-type:after {
  background: var(--gr-d);
}
.step-section__item:last-of-type::after {
  background: var(--gr-e);
}
@media (min-width: 576px){
  .step-section__item .editor {
    align-self: flex-end;
    max-width: 39.5rem;
  }
  .step-section__item:nth-child(even) {
    align-self: flex-end;
  }
  .step-section__item:nth-child(even) .editor {
    align-self: flex-start;
  }
  .step-section__item:nth-child(even)::before, .step-section__item:nth-child(even)::after {
    transform: translateX(-50%);
    right: 0;
    left: calc((clamp(20px, 3.4024vw, 4.6rem) / 2 + min(5.9172vw, 8rem)) * -1);
  }
  .step-section__item {
    width: calc(50% - min(5.9172vw, 8rem) - clamp(20px, 3.4024vw, 4.6rem) / 2);
  }
}
@media (max-width: 575.98px){
  .step-section__list {
    gap: 26px;
  }
  .step-section__item::before {
    width: 1.6rem;
    height: 1.6rem;
    right: initial;
    left: 0;
    transform: none;
  }
  .step-section__item:after {
    left: 8px;
    right: initial;
    transform: translateX(-50%);
    min-height: 117px;
  }
  .step-section__item {
    padding-top: 14px;
    padding-left: 42px;
    min-height: 117px;
    margin-left: 2px;
  }
}
/*# sourceMappingURL=section-step.css.map */