/* Customer mobile only. Desktop rules and original artwork remain unchanged. */
@media(max-width:768px){
.customerAppShell .customerHero.customerHero>div:first-child,
.customerAppShell .customerMain :is(.serviceMajorBanner.serviceMajorBanner,.hasFeatureBanner.hasFeatureBanner.careHero,.hasFeatureBanner.hasFeatureBanner.interiorHero,.hasFeatureBanner.hasFeatureBanner.emergencyHero,.hasFeatureBanner.hasFeatureBanner.requestQuoteHero),
.customerAppShell .proposalPage.customer .proposalHero.proposalHero,
.customerAppShell .careHero.careHero:has(+ .progressChoices){
 display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;box-sizing:border-box;min-height:0!important;height:auto!important;aspect-ratio:auto!important;padding:24px 22px 0!important;background:#214f4c!important;color:#fff!important;overflow:hidden!important;isolation:isolate;border-color:#bdd8d0!important;
}
.customerAppShell .customerHero.customerHero>div:first-child :is(h1,p,span),
.customerAppShell .customerMain :is(.serviceMajorBanner,.hasFeatureBanner.careHero,.hasFeatureBanner.interiorHero,.hasFeatureBanner.emergencyHero,.hasFeatureBanner.requestQuoteHero) :is(h1,p,small,strong,span),
.customerAppShell .proposalPage.customer .proposalHero.proposalHero :is(h1,p,span),
.customerAppShell .careHero.careHero:has(+ .progressChoices) :is(h1,p,span){color:#fff!important;max-width:100%!important;word-break:keep-all;overflow-wrap:anywhere}
.customerAppShell .customerMain :is(.serviceMajorBanner,.hasFeatureBanner.careHero,.hasFeatureBanner.interiorHero,.hasFeatureBanner.emergencyHero,.hasFeatureBanner.requestQuoteHero)>img{
 display:block!important;position:static!important;inset:auto!important;order:10!important;flex:none!important;align-self:center!important;width:calc(100% + 44px)!important;max-width:none!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:right center!important;margin:22px -22px 0!important;opacity:1!important;filter:none!important;z-index:0!important;
}
.customerAppShell .customerMain :is(.serviceMajorBanner,.hasFeatureBanner.careHero,.hasFeatureBanner.interiorHero,.hasFeatureBanner.emergencyHero,.hasFeatureBanner.requestQuoteHero)::after,
.customerAppShell .customerMain .requestQuoteHero.hasFeatureBanner::before{display:none!important;content:none!important}
.customerAppShell .customerMain .serviceMajorBanner>div,.customerAppShell .requestQuoteHero .requestQuoteHeroCopy{padding:0!important;width:100%!important;max-width:none!important}
.customerAppShell .customerMain .requestQuoteHero>.inlineButton{align-self:flex-start!important;margin-top:16px!important;margin-bottom:0!important;background:#fff!important;color:#286b64!important;min-height:44px}
.customerAppShell .customerHero.customerHero>div:first-child::after,
.customerAppShell .proposalPage.customer .proposalHero.proposalHero::after,
.customerAppShell .careHero.careHero:has(+ .progressChoices)::after{content:''!important;display:block!important;position:static!important;inset:auto!important;order:10!important;flex:none!important;align-self:stretch!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;margin:22px -22px 0!important;opacity:1!important;filter:none!important;z-index:0!important;background:url('/service-visuals/banners/main.webp?v=313') right center/cover no-repeat!important}
.customerAppShell .proposalPage.customer .proposalHero.proposalHero::after{background-image:url('/service-visuals/v316/proposals.webp')!important}
.customerAppShell .careHero.careHero:has(+ .progressChoices)::after{background-image:url('/service-visuals/v316/progress.webp')!important}
.customerAppShell .proposalPage.customer .proposalHero.proposalHero::before,.customerAppShell .careHero.careHero:has(+ .progressChoices)::before{display:none!important}
}