@media (max-width: 960px) {
  .course-first-win__intro,
  .course-learning-paths__intro,
  .course-learning-paths__grid {
    grid-template-columns: 1fr;
  }

  .course-first-win__promise,
  .course-learning-paths__rule {
    max-width: 620px;
  }
}

@media (max-width: 720px) {
  .course-first-win__journey {
    grid-template-columns: 1fr;
  }

  .course-first-win__journey::before {
    display: none;
  }

  .course-first-win__step {
    min-height: auto;
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 4px 16px;
    padding: 22px 20px;
    border-right: 0;
    border-bottom: 1px solid var(--course-rule);
  }

  .course-first-win__step:last-child {
    border-bottom: 0;
  }

  .course-first-win__step::after {
    display: none;
  }

  .course-first-win__step-marker {
    grid-row: 1 / 3;
    min-height: 62px;
  }

  .course-first-win__step-marker span {
    top: 0;
  }

  .course-first-win__step-marker i {
    font-size: 34px;
  }

  .course-first-win__step > strong {
    margin-top: 3px;
  }

  .course-first-win__step > p {
    margin-top: 6px;
  }
}

@media (max-width: 560px) {
  .course-first-win__promise,
  .course-learning-paths__rule {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 13px;
    padding: 18px;
  }

  .course-first-win__promise > i,
  .course-learning-paths__rule > i {
    font-size: 30px;
  }

  .course-path-card {
    padding: 22px 19px;
  }

  .course-path-card h3 {
    margin-top: 22px;
  }

  .course-path-card--library ul {
    grid-template-columns: 1fr;
  }

  .course-path-card--library li {
    min-height: 78px;
  }
}