.jumbotron [data-object-fit="cover"] {
  display: block;
  font-family: "object-fit: cover";
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.jumbotron .h1:not(.navigation-title),
.jumbotron h1:not(.navigation-title) {
  font-size: clamp(40px, 40px + 40 * ((100vw - 360px)/1240), 80px);
  line-height: 0.8;
  text-transform: uppercase;
}

.jumbotron .h1:not(.navigation-title),
.jumbotron .h2:not(.navigation-title),
.jumbotron .h3:not(.navigation-title),
.jumbotron .h4:not(.navigation-title),
.jumbotron .h5:not(.navigation-title),
.jumbotron .h6:not(.navigation-title),
.jumbotron h1:not(.navigation-title),
.jumbotron h2:not(.navigation-title),
.jumbotron h3:not(.navigation-title),
.jumbotron h4:not(.navigation-title),
.jumbotron h5:not(.navigation-title),
.jumbotron h6:not(.navigation-title) {
  font-family: Gotham SSm A, Gotham SSm B, Arial, sans-serif;
  font-weight: 800;
}

.jumbotron .h1.is-white,
.jumbotron .h2.is-white,
.jumbotron .h3.is-white,
.jumbotron .h4.is-white,
.jumbotron .h5.is-white,
.jumbotron .h6.is-white,
.jumbotron h1.is-white,
.jumbotron h2.is-white,
.jumbotron h3.is-white,
.jumbotron h4.is-white,
.jumbotron h5.is-white,
.jumbotron h6.is-white {
  color: #fff;
}

.jumbotron .h1 .highlight,
.jumbotron .h2 .highlight,
.jumbotron .h3 .highlight,
.jumbotron .h4 .highlight,
.jumbotron .h5 .highlight,
.jumbotron .h6 .highlight,
.jumbotron h1 .highlight,
.jumbotron h2 .highlight,
.jumbotron h3 .highlight,
.jumbotron h4 .highlight,
.jumbotron h5 .highlight,
.jumbotron h6 .highlight {
  color: #a2b5d1;
}

.jumbotron .wrap {
  box-sizing: content-box;
  margin: 0 auto;
  max-width: 1136px;
  padding: 0 7.778%;
}

.jumbotron .icon {
  display: inline-block;
  position: relative;
}

.jumbotron .icon svg {
  fill: currentColor;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.jumbotron {
  position: relative;
}

.jumbotron__image {
  padding-bottom: 100%;
  position: relative;
}

.jumbotron__content {
  background-color: #fff;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding: 4px 7.778% 28px;
}

.jumbotron__content--pt {
  padding-top: 28px;
}

.jumbotron__title,
.jumbotron__title .highlight {
  display: block;
  padding: 0;
}

.jumbotron__title .title-offset {
  position: absolute;
  transform: translateY(-100%);
}

.jumbotron__title:not(:last-child) {
  margin-bottom: clamp(16px, 16px + 8 * ((100vw - 360px)/1240), 24px);
}

.jumbotron .jumbotron__intro {
  font-family: Gotham SSm A, Gotham SSm B, Arial, sans-serif;
  font-size: clamp(16px, 16px + 5 * ((100vw - 360px)/1240), 21px);
  font-weight: 800;
  line-height: 1.125;
  text-transform: uppercase;
  letter-spacing: -0.16px;
}

.jumbotron__intro:not(:last-child) {
  margin-bottom: clamp(16px, 16px + 16 * ((100vw - 360px)/1240), 32px);
}

.jumbotron__checkmarks:not(:last-child) {
  margin-bottom: clamp(20px, 20px + 20 * ((100vw - 360px)/1240), 40px);
}

@media (min-width: 62.5em) {
  .jumbotron {
    padding-bottom: clamp(60px, 60px + 120 * ((100vw - 360px)/1240), 180px);
    padding-top: clamp(60px, 60px + 180 * ((100vw - 360px)/1240), 240px);
  }

  .jumbotron__image {
    padding-bottom: 0;
    width: 100%;
  }

  .jumbotron__image,
  .jumbotron__image:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
  }

  .jumbotron__image:after {
    background-image: linear-gradient(90deg, rgba(105, 139, 189, 0.75), rgba(105, 139, 189, 0));
    content: "";
    width: 50%;
  }

  .jumbotron__content {
    margin-left: 0;
    margin-right: 0;
    max-width: 750px;
    padding-bottom: clamp(32px, 32px + 20 * ((100vw - 360px)/1240), 52px);
    padding-left: clamp(32px, 32px + 32 * ((100vw - 360px)/1240), 64px);
    padding-right: clamp(32px, 32px + 20 * ((100vw - 360px)/1240), 52px);
    position: relative;
    z-index: 100;
  }

  .jumbotron__content--pt {
    padding-top: clamp(32px, 32px + 32 * ((100vw - 360px)/1240), 64px);
  }

  .jumbotron__inner {
    display: flex;
  }

  .jumbotron__buttons li {
    flex-basis: 50%;
  }

  .checkmarks--inline {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
  }
}

.checkmarks {
  list-style: none;
  margin: 0;
  padding: 0;
}

.checkmark__icon {
  color: #27b935;
  display: inline-block;
  font-size: 16px;
  height: 16px;
  line-height: 2;
  transform: translateY(-2px);
  vertical-align: middle;
  width: 16px;
}

.checkmark__icon:not(:last-child) {
  margin-right: 4px;
}

/* Keep the mobile banner text inside its clipped container. */
@media (max-width: 999px) {
  .jumbotron .wrap {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
  .jumbotron__content {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .jumbotron h1:not(.navigation-title) {
    font-size: clamp(28px, 8vw, 40px);
    line-height: 1.05;
  }
}
