/* Desktop */
@media (min-width: 769px) {
  .hero {
    padding-bottom: 220px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .hero {
    padding-top: 140px !important;
    padding-bottom: 200px !important;
  }

  .hero-bg {
    background-position: 70% center !important;
    background-size: cover !important;
  }

  .hero-trust {
    padding-right: 20px;
  }

  .hero-phone {
    white-space: nowrap;
    font-size: clamp(1.2rem, 6vw, 2rem);
  }

  .hero-cta .btn-primary,
  .hero-cta .btn-whatsapp,
  .hero-cta .btn-outline {
    padding: 8px 16px;
    font-size: 0.75rem;
    max-width: 280px;
  }
}