.fullwidth-hero-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgb(0, 83, 161);
  padding-top: 100px !important;
}
.fullwidth-hero-banner h1 {
  color: white;
  margin-bottom: 25px;
}
.fullwidth-hero-banner h1 p {
  margin: 0 !important;
}
.fullwidth-hero-banner h1 em {
  color: #E5AE2B;
  font-style: normal;
}
.fullwidth-hero-banner .h4 {
  color: white;
  margin-bottom: 25px;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.fullwidth-hero-banner .image-video img {
  border-radius: 25px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .fullwidth-hero-banner .image-video img {
    min-width: 580px;
  }
}
.fullwidth-hero-banner iframe {
  width: 100%;
}
@media screen and (min-width: 500px) {
  .fullwidth-hero-banner iframe {
    width: 500px;
  }
}
.fullwidth-hero-banner p {
  color: white;
  line-height: 30px;
  font-size: 20px;
}
.fullwidth-hero-banner .checklist {
  display: flex;
  gap: 25px;
  margin-bottom: 35px;
  margin-top: 25px;
  flex-direction: column;
}
@media screen and (min-width: 500px) {
  .fullwidth-hero-banner .checklist {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.fullwidth-hero-banner .checklist .checklist-item {
  font-size: 18px;
  color: white;
}
.fullwidth-hero-banner .checklist .checklist-item i {
  margin-right: 5px;
  background-color: #E5AE2B;
  border-radius: 100%;
  padding: 5px;
  font-size: 10px;
}

.hero-button {
  display: flex;
  gap: 30px;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 500px) {
  .hero-button {
    flex-direction: row;
    align-items: center;
  }
}
.hero-button .text-link {
  color: white;
}