.elementor-1288 .elementor-element.elementor-element-2b1f352{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-2b1f352 */@media (max-width: 768px) {

  /* HERO WRAPPER */
  .hero {
    padding: 50px 20px !important;
    text-align: center !important;
  }

  /* MAIN HEADING */
  .h1 {
    font-size: 32px !important;        /* reduce for mobile */
    line-height: 1.2 !important;       /* tighten line spacing */
    font-weight: 700 !important;       /* keep strong emphasis */
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.5px;            /* improve legibility */
  }

  /* EYEBROW (Traveller Insights) */
  .eyebrow {
    font-size: 14px !important;
    letter-spacing: 1px;
    font-weight: 600;
    color: #048C8C;                    /* your brand teal */
    text-transform: uppercase;
  }

  /* SUBTEXT PARAGRAPH */
  .sub {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #333;
    margin-top: 8px !important;
    padding: 0 10px;
  }
}/* End custom CSS */