/* V318: eight provider screens; override the quote page's legacy important background. */
.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead){box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:240px;height:auto;padding:28px 32px!important;border:1px solid #bfded5;border-radius:22px;box-shadow:none;color:#24443b;background-color:#edf8f4!important;background-image:linear-gradient(90deg,rgba(237,248,244,.98),rgba(237,248,244,.92) 36%,rgba(237,248,244,.52) 70%,rgba(237,248,244,.2)),url('/service-visuals/v318/provider-operations.png')!important;background-position:center,right center!important;background-size:100% 100%,auto 100%!important;background-repeat:no-repeat!important;}
.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead) h1{margin:8px 0 14px!important;color:#203e36;font-size:clamp(26px,3vw,38px);line-height:1.35;word-break:keep-all;overflow-wrap:break-word;}
.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead)>p,.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead)>span,.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead)>div>p,.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead)>div>span{color:#315b50;opacity:1;word-break:keep-all;overflow-wrap:break-word;line-height:1.65;}
.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead)>p:not(.eyebrow),.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead)>span,.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead)>div>span{font-size:15px;}
.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead)>div{min-width:0;}
.providerAppShell.providerAppShell .providerReceivedHero>button{align-self:flex-end;margin-top:18px;}
@media(max-width:768px){
.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead){min-height:260px;padding:24px 20px!important;background-image:linear-gradient(90deg,rgba(237,248,244,.98),rgba(237,248,244,.9) 48%,rgba(237,248,244,.43)),url('/service-visuals/v318/provider-operations.png')!important;}
.providerAppShell.providerAppShell :is(.emergencyHero.provider,.heroCard.compactHero,.mySoodalHeading,.providerQuoteHero,.hubPageHead) h1{font-size:clamp(25px,6vw,30px);}
}
