.hero-banner {
  min-height: 550px;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .hero-banner {
    min-height: 500px;
  }
}
.hero-banner .hero-content {
  z-index: 2;
  max-width: 600px;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .hero-banner .hero-content {
    max-width: 100%;
  }
}
.hero-banner .hero-content .cta-wrapper {
  width: max-content;
}
.hero-banner .logo-bar-container {
  margin: 20px 0 40px 0;
}
.hero-banner .hero-title {
  font-size: 52px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 30px;
  color: #ffffff;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .hero-banner .hero-title {
    font-size: 28px;
    line-height: 35px;
    font-weight: 500;
  }
}
.hero-banner .hero-description,
.hero-banner .hero-content p {
  font-size: 1rem;
  line-height: 1.6;
  color: #ffffff;
  max-width: 540px;
  margin-bottom: 30px;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .hero-banner .hero-description,
  .hero-banner .hero-content p {
    max-width: 100%;
  }
}
@media only screen and (max-width: calc(768px - 1px)) {
  .hero-banner .hero-description {
    max-width: 100%;
  }
}
.column-control:has(.learn-hero-banner) {
  padding: 0 !important;
}
.column-control:has(.learn-hero-banner) .cmp-breadcrumb__item > a.cmp-breadcrumb__item-link {
  color: #ffffff;
  font-weight: 400;
}
.column-control:has(.learn-hero-banner) .cmp-breadcrumb__item > a.cmp-breadcrumb__item-link:hover {
  color: #ffffff;
  text-decoration-color: #ffffff;
}
.column-control:has(.learn-hero-banner) .cmp-breadcrumb__item:not(:last-child)::after {
  color: #ffffff;
}
.column-control:has(.learn-hero-banner) + .column-control.banner-tile-grid {
  background: #000000;
}
@media only screen and (min-width: 1280px) {
  .column-control:has(.learn-hero-banner) + .column-control.banner-tile-grid {
    padding-bottom: 0;
  }
}
.column-control:has(.learn-hero-banner) + .column-control.banner-tile-grid .column-layout {
  gap: 24px;
}
@media only screen and (min-width: 1280px) {
  .column-control:has(.learn-hero-banner) + .column-control.banner-tile-grid .column-layout {
    position: relative;
    top: -75px;
    margin-bottom: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .column-control:has(.learn-hero-banner) + .column-control.banner-tile-grid .column-layout {
    grid-template-columns: repeat(8, 1fr);
  }
}
.column-control:has(.learn-hero-banner) + .column-control.banner-tile-grid .column-layout .generic-tile {
  margin-bottom: 0;
}
.column-control:has(.learn-hero-banner) + .column-control.banner-tile-grid .column-layout .generic-tile .generic-tile-wrapper.imageBottom .tile-bg {
  border-image: none;
}
.column-control:has(.learn-hero-banner) + .column-control.banner-tile-grid .column-layout .generic-tile .generic-tile-wrapper .generic-tile-cta .cta-button + .cta-arrow-icon {
  display: inline-block;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .column-control.dark:has(.learn-hero-banner) .cmp-breadcrumb__previous-page {
    background-color: #ffffff;
    color: #30578d !important;
  }
}
.learn-hero-banner .cmp-breadcrumb__previous-page {
  background-color: #ffffff;
  color: #30578d !important;
}