@charset "UTF-8";
/* Как записать ребенка: поля 56 / 134 / 120 по вертикали. Телефон и md — по центру столбиком:
   заголовок H2, шаги, кнопка (через 32 / 40); шаги — столбиком / в ряд по 3. xl — сетка из 4 колонок
   через 8 (304 + три по 352 на 1440): в первой заголовок сверху и кнопка снизу, в остальных — шаги (subgrid, ширины как у колонок). */
.academy-steps {
  display: grid;
  grid-template-areas: "title" "list" "button";
  gap: 2rem;
  justify-items: center;
  padding-block: 3.5rem;
  padding-inline: 0.875rem;
}
@media (min-width: 768px) {
  .academy-steps {
    padding-inline: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .academy-steps {
    padding-inline: 1.75rem;
  }
}
@media (min-width: 768px) {
  .academy-steps {
    gap: 2.5rem;
    padding-block: 8.375rem;
  }
}
@media (min-width: 1280px) {
  .academy-steps {
    grid-template-areas: "title list list list" "button list list list";
    grid-template-columns: 19rem repeat(3, minmax(0, 1fr));
    grid-template-rows: 1fr auto;
    gap: 0.5rem;
    justify-items: start;
    padding-block: 7.5rem;
  }
}
.academy-steps__title {
  font-family: var(--font-heading);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 0.96;
}
@media (min-width: 768px) {
  .academy-steps__title {
    font-size: 3.5rem;
    line-height: 0.92;
  }
}
@media (min-width: 1280px) {
  .academy-steps__title {
    font-size: 4rem;
    line-height: 0.94;
  }
}
.academy-steps__title {
  grid-area: title;
  color: var(--color-black-pale);
  text-align: center;
}
@media (min-width: 1280px) {
  .academy-steps__title {
    text-align: left;
  }
}
.academy-steps__list {
  display: grid;
  grid-area: list;
  gap: 0.5rem;
  justify-self: stretch;
}
@media (min-width: 768px) {
  .academy-steps__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .academy-steps__list {
    grid-template-columns: subgrid;
  }
}
.academy-steps__item {
  display: flex;
  flex-direction: column;
}
.academy-steps__item > * {
  flex: 1 1 auto;
}
.academy-steps__button {
  grid-area: button;
}