.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1) Make the wrapper fill its column, not the viewport */
.container-headline {
  position: relative;
  width: 100%;       /* ← was 100vw */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}

/* 2) Keep your safe-area gutters inside the column */
.container-headline-inner {
  width: 100%;
  margin: 0 auto;
  padding-left: max(1rem, env(safe-area-inset-left));
  padding-right: max(1rem, env(safe-area-inset-right));
  box-sizing: border-box;
}

/* 3) If you still need a little extra nudge to clear a 350px sidebar: */
@media (min-width: 900px) {
  .container-headline-inner {
    /* only pushes in on large screens */
    padding-right: calc(1rem + 350px);
  }
}

/* 4) Your headline text stays inside the inner wrapper */
.container-headline-inner h1 {
  font-family: 'Inter','Segoe UI',sans-serif;
  font-size: clamp(1.75rem, 5.5vw, 2.35rem);
  font-weight: 700;
  line-height: 1.2;
  color: #111;
  margin: 0;
  padding: 0;
  text-align: left;
  word-break: break-word;
}/* End custom CSS */