.elementor-40549 .elementor-element.elementor-element-a51a40a{--display:flex;}.elementor-40549 .elementor-element.elementor-element-8225d5f{--display:flex;}.elementor-40549 .elementor-element.elementor-element-ed866e4{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1bf4530 */.hero-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 250px;              /* Adjust depending on your banner height */
  background: #f6f7f9;            /* Light neutral background */
  padding: 2rem 1rem;
}

.hero-content h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #1a1f29;                 /* Dark neutral text */
}

.cta-button {
  background-color: #2e8540;      /* Your green */
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: background 0.25s ease;
}

.cta-button:hover {
  background-color: #256e35;      /* Slightly darker green */
}

@media (max-width: 768px) {
  .hero-content h2 {
    font-size: 1.5rem;
  }
  .cta-button {
    width: 100%;
    max-width: 320px;
  }
}/* End custom CSS */