/* Soodal Life V313: presentation and image assets only. */
.customerHero{position:relative;isolation:isolate;display:block;padding:0;margin-top:24px;min-height:0;background:none;overflow:hidden;border-radius:24px}
.customerHero:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:440px;border-radius:24px;background:#075f59 url('/service-visuals/banners/main.webp?v=313') center/cover no-repeat}
.customerHero>div:first-child{box-sizing:border-box;min-height:440px;max-width:65%;padding:42px 38px;display:flex;flex-direction:column;justify-content:center}
.customerHero>div:first-child>p,.customerHero h1,.customerHero>div:first-child>span{color:#fff}
.customerHero h1{font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.2;word-break:keep-all}
.customerHero>div:first-child>span{margin:18px 0 24px;line-height:1.65}
.customerHero aside{box-sizing:border-box;margin:20px 0 0;padding:22px 28px;display:block;box-shadow:none}
.customerHero ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 0}
.serviceMajorBanner img{object-fit:cover;object-position:center;width:100%;max-width:none;left:0;right:auto}
.serviceMajorBanner,.careHero.hasFeatureBanner,.interiorHero.hasFeatureBanner,.requestQuoteHero.hasFeatureBanner,.emergencyHero.hasFeatureBanner{aspect-ratio:3/1;min-height:230px;height:auto}
.serviceMajorBanner:after{background:linear-gradient(90deg,#04373435,transparent 75%)}
.careHero.hasFeatureBanner>img,.interiorHero.hasFeatureBanner>img,.requestQuoteHero.hasFeatureBanner>img,.emergencyHero.hasFeatureBanner>img{object-fit:cover;object-position:center}
.careHero.hasFeatureBanner:after,.interiorHero.hasFeatureBanner:after,.emergencyHero.hasFeatureBanner:after{background:linear-gradient(90deg,#04373435,transparent 75%)}
.requestQuoteHero.hasFeatureBanner:before{background:linear-gradient(90deg,#04373455,transparent 75%)}
.requestQuoteHero.hasFeatureBanner .requestQuoteHeroCopy>p,.requestQuoteHero.hasFeatureBanner .requestQuoteHeroCopy>h1,.requestQuoteHero.hasFeatureBanner .requestQuoteHeroCopy>span{color:#fff}
.liveActivityAdvertisement.hasTemplate{color:#fff;background-color:#075f59;background-position:center;background-size:cover;position:relative;isolation:isolate}
.liveActivityAdvertisement.hasTemplate strong,.liveActivityAdvertisement.hasTemplate p,.liveActivityAdvertisement.hasTemplate small,.liveActivityAdvertisement.hasTemplate span{color:inherit}
.liveActivityList>.liveActivityAdvertisement.hasTemplate{aspect-ratio:3/1;min-height:160px;background-color:#075f59;box-shadow:none;background-size:cover!important;background-position:center!important;background-repeat:no-repeat}
.liveActivityAdvertisement.hasTemplate .liveActivityAdBadge{color:#7b4a00;background:#ffe2a8}
.liveActivityAdvertisement.hasTemplate span:nth-child(2){max-width:65%}
.liveActivityAdvertisement.hasTemplate span:nth-child(2) em{color:#e1f4ef;max-width:100%;display:block}
.liveActivityAdvertisement.hasTemplate>b{color:#fff!important}
/* Preserve the selected template while replacing only the old white overlay. */
.liveActivityAdvertisement.hasTemplate[style*="general-service"]{background-image:url('/advertising/templates/general-service.webp?v=313')!important}
@media(max-width:768px){
 .customerHero{margin-top:16px;border-radius:20px}
 .customerHero:before{display:none}
 .customerHero>div:first-child{max-width:100%;min-height:480px;padding:28px 24px 150px;background:#075f59 url('/service-visuals/banners/main.webp?v=313') center bottom/100% auto no-repeat;border-radius:20px;justify-content:flex-start}
 .customerHero h1{font-size:clamp(1.9rem,7.5vw,2.7rem)}
 .customerHero>div:first-child>span{max-width:88%;font-size:.95rem}
 .customerHero aside{padding:20px}
 .customerHero ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .serviceMajorBanner,.careHero.hasFeatureBanner,.interiorHero.hasFeatureBanner,.requestQuoteHero.hasFeatureBanner,.emergencyHero.hasFeatureBanner{aspect-ratio:auto}
 .serviceMajorBanner{background:#075f59}
 .serviceMajorBanner img,.careHero.hasFeatureBanner>img,.interiorHero.hasFeatureBanner>img,.requestQuoteHero.hasFeatureBanner>img,.emergencyHero.hasFeatureBanner>img{object-fit:contain;object-position:center bottom}
 .serviceMajorBanner>div{padding:24px 24px 140px;max-width:none}
 .careHero.hasFeatureBanner,.interiorHero.hasFeatureBanner,.requestQuoteHero.hasFeatureBanner,.emergencyHero.hasFeatureBanner{padding:24px 20px 140px;background-color:#075f59;justify-content:flex-start}
 .careHero.hasFeatureBanner>span,.interiorHero.hasFeatureBanner>span,.emergencyHero.hasFeatureBanner>span{max-width:100%}
 .serviceMajorBanner:after,.careHero.hasFeatureBanner:after,.interiorHero.hasFeatureBanner:after,.emergencyHero.hasFeatureBanner:after,.requestQuoteHero.hasFeatureBanner:before{background:transparent}
 .liveActivityList>.liveActivityAdvertisement.hasTemplate{min-height:120px;background-position:right center!important}
}