.course-category-hero {
  min-height: 610px;
  align-items: flex-start;
}

.course-category-hero-inner.container {
  width: min(1280px, calc(100% - 120px));
  margin-inline: auto;
  padding-top: 145px;
  padding-bottom: 58px;
}

.course-category-hero-content {
  max-width: 780px;
}

.course-category-hero h1 {
  max-width: 780px;
}

.course-category-hero-description {
  width: 100%;
  max-width: 740px;
  overflow: visible;
  white-space: normal;
  text-wrap: pretty;
}

@media (max-width: 1100px) {
  .course-category-hero-inner.container {
    width: min(100% - 72px, 920px);
    padding-top: 132px;
  }
}

@media (max-width: 700px) {
  .course-category-hero {
    min-height: 620px;
  }

  .course-category-hero-inner.container {
    width: calc(100% - 40px);
    padding-top: 116px;
    padding-bottom: 42px;
  }

  .course-category-hero-content,
  .course-category-hero h1,
  .course-category-hero-description {
    max-width: none;
  }
}