.ecqa-titlehero{
position:relative;isolation:isolate;width:100vw;max-width:100vw;min-height:var(--ecqa-titlehero-height,500px);
margin:0 calc(50% - 50vw);padding:0 20px;overflow:hidden;
border-radius:0 0 var(--ecqa-titlehero-bottom-radius,40px) var(--ecqa-titlehero-bottom-radius,40px);
background-color:#111c2f;
background-repeat:no-repeat;background-size:cover;font-family:inherit}
.ecqa-titlehero *{box-sizing:border-box}
.ecqa-titlehero__overlay{position:absolute;inset:0;z-index:0;pointer-events:none}.ecqa-titlehero__inner{position:relative;z-index:1}
.ecqa-titlehero__inner{display:flex;align-items:center;justify-content:center;min-height:var(--ecqa-titlehero-height,500px);width:100%;max-width:var(--ecqa-max-width,1180px);margin:0 auto}
.ecqa-titlehero__content{width:100%;max-width:var(--ecqa-titlehero-content-width,900px);padding:72px 0 66px}
.ecqa-titlehero.align-left .ecqa-titlehero__content{margin-right:auto;text-align:left}
.ecqa-titlehero.align-center .ecqa-titlehero__content{margin:0 auto;text-align:center}
.ecqa-titlehero.align-right .ecqa-titlehero__content{margin-left:auto;text-align:right}
.ecqa-titlehero h1{margin:0;color:var(--ecqa-titlehero-heading,#fff);font-size:var(--ecqa-titlehero-heading-size,40px);font-weight:700;line-height:1.15;letter-spacing:-.02em}
.ecqa-titlehero__subheadline{max-width:760px;margin:18px auto 0;color:var(--ecqa-titlehero-subheading,#fff);font-size:var(--ecqa-titlehero-subheading-size,18px);line-height:1.55}
.ecqa-titlehero.align-left .ecqa-titlehero__subheadline{margin-left:0}.ecqa-titlehero.align-right .ecqa-titlehero__subheadline{margin-right:0}
.ecqa-titlehero__breadcrumb{margin-top:26px;color:var(--ecqa-titlehero-breadcrumb,#fff)}
.ecqa-titlehero__breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0;padding:0;list-style:none}
.ecqa-titlehero.align-left .ecqa-titlehero__breadcrumb ol{justify-content:flex-start}.ecqa-titlehero.align-right .ecqa-titlehero__breadcrumb ol{justify-content:flex-end}
.ecqa-titlehero__breadcrumb li{display:inline-flex;align-items:center;font-size:15px;font-weight:600;line-height:1.4}
.ecqa-titlehero__breadcrumb li+li::before{content:"›";margin:0 11px;opacity:.85;font-size:20px;font-weight:400}
.ecqa-titlehero__breadcrumb a,.ecqa-titlehero__breadcrumb span{color:inherit;text-decoration:none}.ecqa-titlehero__breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.ecqa-titlehero h1{font-size:34px}}
@media(max-width:560px){.ecqa-titlehero{min-height:380px;padding-left:18px;padding-right:18px;border-radius:0 0 28px 28px}.ecqa-titlehero__inner{min-height:380px}.ecqa-titlehero h1{font-size:30px}.ecqa-titlehero__subheadline{font-size:16px}.ecqa-titlehero__breadcrumb li{font-size:14px}}


/* ECQA Title Hero 1.0.2 fixes */
.ecqa-titlehero{
    margin-top:0 !important;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
}

/* Remove spacing added by common Joomla / Helix module wrappers */
.sp-module:has(.ecqa-titlehero),
.sp-module-content:has(.ecqa-titlehero),
.moduletable:has(.ecqa-titlehero){
    margin-top:0 !important;
    padding-top:0 !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

#sp-main-body:has(.ecqa-titlehero),
#sp-component:has(.ecqa-titlehero){
    margin-top:0 !important;
    padding-top:0 !important;
}


/* ECQA Title Hero 1.0.3 – flush directly below menu/header */
.ecqa-titlehero-flush-wrapper{
    margin-top:0 !important;
    padding-top:0 !important;
}

#sp-main-body.ecqa-titlehero-flush-wrapper,
#sp-component.ecqa-titlehero-flush-wrapper,
main.ecqa-titlehero-flush-wrapper,
section.ecqa-titlehero-flush-wrapper,
.container.ecqa-titlehero-flush-wrapper,
.container-fluid.ecqa-titlehero-flush-wrapper,
.row.ecqa-titlehero-flush-wrapper,
[class*="sp-"].ecqa-titlehero-flush-wrapper{
    margin-top:0 !important;
    padding-top:0 !important;
}

.ecqa-titlehero{
    margin-top:0 !important;
    padding-top:0;
}

/* ECQA unified action-button hover — 2026-09-11 */
@media (hover: hover) and (pointer: fine) {
  .ecqa-project__button:hover,
  .ecqa-contactcta__button:hover,
  .ecqa-hero .ecqa-button:hover,
  .ecqa-project-card__button:hover,
  .ecqa-contentblock__button:hover,
  .ecqa-contentblock__button--primary:hover,
  .ecqa-contentblock__button--secondary:hover,
  .ecqa-newsletter__fields button:hover,
  .ecqa-video-services__button:hover,
  .ecqa-featurecard__button:hover,
  .ecqa-contactform__form button[type="submit"]:hover,
  .ecqa-contactform__form input[type="submit"]:hover,
  .ecqa-contactform__form .btn-primary:hover,
  .ecqa-contactform__form .visBtn:hover,
  .ecqa-trainingprovider__button:hover,
  .ecqa-exam-card__button:hover,
  .ecqa-news__button:hover {
    background: #1f2d73 !important;
    border-color: #1f2d73 !important;
    color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    transform: translateY(-2px);
  }
}