.hero-section {
  background-image: url("/wp-content/uploads/2025/12/hero-scaled.webp");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 110px;
  padding-bottom: 81px;
  background-position: center;
}

.hero-section__header-content {
  max-width: 580px;
}

.hero-section__title {
  color: var(--white-c);
}

.hero-section__title h1 em {
  font-style: normal;
  color: var(--caribben-c);
}

.hero-section__description {
  color: var(--white-c);
  font-size: 18px;
  line-height: 1.28;
  margin-top: 30px;
  max-width: 503px;
}

@media (max-width: 768px) {
  .hero-section {
    padding-top: 168px;
    background-image: url("/wp-content/uploads/2025/12/hero-1.png");
    background-position: top;
  }

  .hero-section__header-content {
    max-width: 440px;
  }

  .hero-section__title h1 {
    font-size: 42px;
    line-height: 1.07;
  }

  .hero-section__description {
    font-size: 16px;
    line-height: 1.28;
    margin-top: 20px;
  }

  .hero-section {
    padding-bottom: 50px;
  }
}