.course-page {
  min-height: calc(100vh - 170px);
  padding: 70px 0
}
.course-page h1 {
  font-size: clamp(2.2rem,5vw,4rem);
  margin: 12px 0;
  color: var(--navy)
}
.course-page>p {
  max-width: 560px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7
}
.course-coming {
  margin-top: 42px;
  padding: 42px;
  border-radius: 16px;
  background: linear-gradient(105deg,var(--navy),var(--indigo));
  color: #fff
}
.course-coming span {
  font-size: 11px;
  letter-spacing: 1.4px;
  color: #ff9b9d;
  font-weight: 900
}
.course-coming h2 {
  font-size: 28px;
  margin: 12px 0
}
.course-coming p {
  color: #d5d9ee
}
.footer-bottom a {
  color: #fff;
  font-weight: 700
}
@media(max-width:620px) {
  .course-page {
  padding: 45px 0
}
.course-coming {
  padding: 28px 22px
}
.course-coming h2 {
  font-size: 23px
}

}