#services-hero{isolation:isolate;background:#00a1b6;}
#services-hero .qpps-services-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
#services-hero .qpps-services-swiper{background:transparent;}
#services-hero:before{z-index:-1;pointer-events:none;content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,161,182,.88),rgba(0,161,182,.25));}
#services-hero .tp-hero-title{color:#fff;font-size:clamp(36px,4.5vw,70px);}
#services-hero .tp-hero-content-wrapper>p,#services-hero .tp-hero-contact p{color:#fff;}
#services-hero .tp-hero-spacing{padding-top:140px;padding-bottom:180px;}
#services-hero .tp-hero-contact{background:linear-gradient(140deg,rgba(255,255,255,.08),rgba(255,255,255,.1));backdrop-filter:blur(40px);}
#services-hero .tp-hero-slider-navigate{display:block!important;bottom:35px;z-index:5;}
#services-hero .qpps-services-pagination{display:flex;gap:12px;flex-wrap:wrap;}
#services-hero .swiper-pagination-bullet{width:auto;height:auto;opacity:1;border:1px solid #ffffff66;border-radius:24px;padding:10px 18px;background:transparent;color:#fff;font-size:15px;}
#services-hero .swiper-pagination-bullet-active{background:#fff;color:#009fb5;}
#services-hero button:focus-visible{outline:2px solid #fff;outline-offset:4px;}
@media(max-width:991px){#services-hero .tp-hero-spacing{padding-top:75px;padding-bottom:45px;}#services-hero .tp-hero-contact{margin-bottom:130px;}}
@media(max-width:767px){#services-hero .swiper-pagination-bullet{font-size:12px;padding:9px 12px;}#services-hero .qpps-services-pagination{gap:6px;}}

/* Viewport-sized V2 hero; preserve video proportions through cover. */
#services-hero{--hero-screen:calc(100svh - 152px);min-height:var(--hero-screen);width:100%;}
#services-hero .qpps-services-swiper,#services-hero .swiper-wrapper,#services-hero .swiper-slide,#services-hero .tp-hero-singles{min-height:var(--hero-screen);}
#services-hero .tp-hero-singles>.container>.row{min-height:var(--hero-screen);align-items:center!important;}
#services-hero .tp-hero-spacing{padding-top:95px;padding-bottom:135px;}
#services-hero .tp-hero-contact{margin-top:80px;margin-bottom:100px;}
@media(min-width:1200px){#services-hero .container{max-width:1320px;}}
@media(max-width:1199px){#services-hero{--hero-screen:calc(100svh - 80px);}}
@media(max-width:991px){#services-hero .tp-hero-spacing{padding-top:65px;padding-bottom:30px;}#services-hero .tp-hero-contact{margin-top:0;margin-bottom:110px;}}