:root {
  --color-primary: #08703E;
  --color-primary-light: #3D974D;
  --color-primary-light-opacity: rgba(61, 151, 77, 0.1019607843);
  --color-secondary: #184F6E;
  --color-black: black;
  --color-white: white;
  --color-eyebrow: #DDEB9D;
  --color-eyebrow-white: #556C2A;
  --color-text-white: #2D2D2D;
  --color-cta-btn: #006600;
  --color-footer: #89AC46;
  --color-tiny: #293B6B;
  --color-card-title: #141313;
  --color-silver: #D9D9D9;
  --color-teaser-text: #333;
}

.hero-component {
  background-color: rgba(255, 255, 255, 0.2);
  min-height: unset;
  padding: 3rem 1rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .hero-component {
    min-height: 790px;
  }
}
.hero-component__content {
  width: 100%;
}
.hero-component__eyebrow {
  font-weight: 500;
  font-size: 1rem;
  line-height: 100%;
  color: var(--color-footer);
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .hero-component__eyebrow {
    font-size: 1.5rem;
  }
}
.hero-component__title {
  font-weight: 800;
  font-size: 2rem;
  color: var(--color-cta-btn);
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .hero-component__title {
    font-size: 4.375rem;
  }
}
.hero-component__subtitle {
  display: block;
  font-weight: 800;
  font-size: 2rem;
  color: var(--color-footer);
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .hero-component__subtitle {
    font-size: 4.375rem;
  }
}
.hero-component__buttons {
  display: flex;
  gap: 1rem;
}