@charset "UTF-8";
.stages__inner {
  display: grid;
  grid-template-columns: 2.5fr 3.5fr;
  gap: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
@media (max-width: 1279.98px) {
  .stages__inner {
    display: flex;
    flex-direction: column;
  }
}
.stages__inner-col-1 {
  position: sticky;
  top: 85px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: fit-content;
}
@media (max-width: 1279.98px) {
  .stages__inner-col-1 {
    position: unset;
    top: unset;
  }
}
.stages__headline {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.stages__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.stages .stages-card {
  display: grid;
  align-items: center;
  padding: 10px;
  border-radius: var(--radius-default);
  background: var(--color-grey-70);
  counter-increment: counter;
}
.stages .stages-card:has(img) {
  grid-template-columns: 2fr 1.5fr;
  gap: 10px;
}
@media (max-width: 575.98px) {
  .stages .stages-card:has(img) {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
}
.stages .stages-card:has(img) img {
  max-height: 160px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-default);
}
.stages .stages-card__text-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem);
}
.stages .stages-card__name {
  display: flex;
  align-items: center;
  gap: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem);
  font-family: inherit;
  font-weight: 600;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  line-height: 1.1;
  color: var(--color-white);
}
@media (max-width: 575.98px) {
  .stages .stages-card__name {
    flex-direction: column;
    align-items: start;
  }
}
.stages .stages-card__name::before {
  content: counter(counter) " этап";
  font-weight: inherit;
  font-size: 14px;
  line-height: inherit;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  border-radius: var(--radius-default);
  padding: 7px 13px;
  color: var(--color-grey-80);
  background: var(--color-accent-50);
}
.stages .stages-card__description {
  counter-reset: counter;
}
.stages .stages-card__description :is(ul > li) {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-inline-start: 8px;
}
@media (max-width: 575.98px) {
  .stages .stages-card__description :is(ul > li) {
    align-items: baseline;
  }
}
.stages .stages-card__description :is(ul > li)::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: var(--color-grey-20);
}
.stages .stages-card__description :is(ol > li) {
  display: flex;
  align-items: start;
  gap: 8px;
  padding-inline-start: 8px;
}
.stages .stages-card__description :is(ol > li)::before {
  counter-increment: counter;
  content: counter(counter) ".";
  display: flex;
  align-items: center;
  color: inherit;
}
.stages .cta-card {
  margin-block-start: 60%;
}
@media (max-width: 1279.98px) {
  .stages .cta-card {
    margin-block-start: unset;
  }
}

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