#detail-hero{overflow:hidden;--white-color:#fff;}
#detail-hero .single-slider{padding:120px 40px;min-height:690px;position:relative;isolation:isolate;overflow:hidden;}
#detail-hero .image-layer{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;transform:scale(1.08);transition:transform 6s linear;}
#detail-hero .slick-active .image-layer{transform:scale(1);}
#detail-hero .image-layer:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.88) 38%,rgba(255,255,255,.08));}
#detail-hero .container{max-width:1640px;}
#detail-hero .qpps-detail-title{font-size:clamp(38px,4.6vw,70px);font-weight:600;line-height:1.12;color:#00a1b6;margin-bottom:25px;}
#detail-hero .hero-content>p{max-width:610px;color:#203247;font-size:18px;line-height:1.7;margin-bottom:35px;}
#detail-hero .theme-btn{display:inline-block;padding:20px 30px;background:#f9d0b4;color:#203247;}
#detail-hero .slick-active .qpps-detail-title{animation:img-anim-top 1.3s cubic-bezier(.645,.045,.355,1) both;}
#detail-hero .qpps-detail-slider:not(.slick-initialized) .single-slider:not(:first-child){display:none;}
#detail-hero .slick-dots{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;gap:12px;list-style:none;margin:0;padding:0;}
#detail-hero .slick-dots button{border:1px solid #00a1b6;background:#fff;color:#00a1b6;border-radius:50%;width:32px;height:32px;}
#detail-hero .slick-active button{background:#00a1b6;color:white;}
@media(max-width:991px){#detail-hero .single-slider{padding:85px 15px 95px;min-height:580px;}#detail-hero .image-layer:after{background:rgba(255,255,255,.88);}}
@media(max-width:767px){#detail-hero .single-slider{padding:65px 0 85px;min-height:550px;}#detail-hero .qpps-detail-title{font-size:38px;}#detail-hero .hero-content>p{font-size:17px;}}
@media(prefers-reduced-motion:reduce){#detail-hero .image-layer{transform:none;transition:none;}#detail-hero .qpps-detail-title{animation:none!important;}}

#detail-hero .image-layer{transform:none;}
#detail-hero .qpps-detail-title{animation:img-anim-top 1.3s cubic-bezier(.645,.045,.355,1) both;}