:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e823141 */.hero-section {
  background-size: cover;
  background-position: center;
}

@media (max-width: 768px) {
  .hero-section {
    background-position: center center;
    height: auto;
    min-height: 500px;
  }
  
  .hero-section h1 {
    font-size: 2rem; /* Smaller text on mobile */
  }
}/* End custom CSS */