/* Roof consultation uses the same layout as the custom-project consultation. */
main#panel .servicepage-90 .doma-service-landing .dsl-cta{position:relative;box-sizing:border-box;width:min(1600px,calc(100vw - 40px));width:min(1600px,calc(100cqw - 40px));max-width:none;border-radius:60px!important;left:auto;transform:none;margin-left:calc((100% - min(1600px,100cqw - 40px))/2)}
@media(max-width:767px){main#panel .servicepage-90 .doma-service-landing .dsl-cta{border-radius:28px!important}}
/* Consultation banner with a construction engineer, based on the audit reference. */
main#panel .servicepage-90 .doma-service-landing .dsl-cta{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:440px;padding-top:54px;padding-bottom:54px;padding-left:max(54px,calc((min(1600px,100cqw - 40px) - 1280px)/2));padding-right:max(54px,calc((min(1600px,100cqw - 40px) - 1280px)/2));background:#20333f;color:#fff;box-shadow:inset 20px 0 #339ace}
main#panel .servicepage-90 .doma-service-landing .dsl-cta>div{width:65%;position:relative;z-index:1}
main#panel .servicepage-90 .doma-service-landing .dsl-cta h2{color:#fff!important;max-width:780px}
main#panel .servicepage-90 .doma-service-landing .dsl-cta p{color:#e0eaf0;max-width:700px;font-size:16px;line-height:1.75}
main#panel .servicepage-90 .doma-service-landing .dsl-cta>.dsl-button{position:relative;z-index:1;margin-top:30px;background:#fff;color:#20333f!important;border:0}
main#panel .servicepage-90 .doma-service-landing .dsl-cta>.dsl-button:hover{background:#339ace;color:#fff!important}
main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{content:'';position:absolute;pointer-events:none;z-index:0;right:max(28px,calc((min(1600px,100cqw - 40px) - 1280px)/2));bottom:-90px;width:32%;height:calc(100% + 60px);background:url('/images/engineer-consult-v1.webp') center top/contain no-repeat}
@media(min-width:1600px){main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{width:400px;bottom:-110px;height:calc(100% + 80px)}}
@media(max-width:991px){main#panel .servicepage-90 .doma-service-landing .dsl-cta{padding:40px 32px;min-height:400px}main#panel .servicepage-90 .doma-service-landing .dsl-cta>div{width:66%}main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{right:5px;width:32%;bottom:-25px;height:90%}}
@media(max-width:767px){main#panel .servicepage-90 .doma-service-landing .dsl-cta{padding:32px 24px 0;min-height:0;box-shadow:inset 8px 0 #339ace}main#panel .servicepage-90 .doma-service-landing .dsl-cta>div{width:100%}main#panel .servicepage-90 .doma-service-landing .dsl-cta p{font-size:15px}main#panel .servicepage-90 .doma-service-landing .dsl-cta>.dsl-button{width:auto;margin-top:24px;padding:14px 20px}main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{position:relative;display:block;right:auto;bottom:auto;width:100%;height:330px;margin:24px auto 0;background-position:center top;background-size:260px auto}}

main#panel .servicepage-90 .doma-service-landing .dsl-cta{display:grid;grid-template-columns:65% 35%;align-content:center;justify-content:normal;row-gap:28px}
main#panel .servicepage-90 .doma-service-landing .dsl-cta>div{width:100%;grid-column:1}
main#panel .servicepage-90 .doma-service-landing .dsl-cta>.dsl-button{grid-column:1;justify-self:start;margin:0}
main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{bottom:-90px;height:calc(100% - 20px)}
@media(max-width:767px){main#panel .servicepage-90 .doma-service-landing .dsl-cta{grid-template-columns:1fr;row-gap:24px}main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{grid-column:1;bottom:auto;height:330px;margin:0 auto}main#panel .servicepage-90 .doma-service-landing .dsl-cta>.dsl-button{width:auto}}

main#panel .servicepage-90 .doma-service-landing .dsl-cta>div,main#panel .servicepage-90 .doma-service-landing .dsl-cta>.dsl-button{position:static}

main#panel .servicepage-90 .doma-service-landing .dsl-cta{left:auto;transform:none;margin-left:calc((100% - min(1600px,100cqw - 40px))/2);align-content:start}

main#panel .servicepage-90 .doma-service-landing .dsl-cta{overflow:clip}

@media(min-width:768px){main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{bottom:0;height:calc(100% - 20px)}}

/* Waist-up portrait rises above the banner; copy stays vertically centered. */
main#panel .servicepage-90 .doma-service-landing .dsl-cta{overflow:visible;min-height:420px;align-content:center;grid-template-columns:62% 38%;row-gap:24px;padding-top:48px;padding-bottom:48px;margin-top:90px}
main#panel .servicepage-90 .doma-service-landing .dsl-cta>div{align-self:center;max-width:760px}
main#panel .servicepage-90 .doma-service-landing .dsl-cta h2{margin-top:0!important;margin-bottom:20px!important}
main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{position:absolute;right:32px;bottom:0;width:420px;max-width:36%;height:calc(100% + 70px);margin:0;background-position:center top;background-size:100% auto}
@media(min-width:1600px){main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{width:450px;max-width:36%;height:calc(100% + 75px);bottom:0;right:54px}}
@media(min-width:768px) and (max-width:991px){main#panel .servicepage-90 .doma-service-landing .dsl-cta{grid-template-columns:60% 40%;padding:36px 32px;min-height:380px;margin-top:65px}main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{right:8px;max-width:39%;width:360px;height:calc(100% + 45px)}}
@media(max-width:767px){main#panel .servicepage-90 .doma-service-landing .dsl-cta{grid-template-columns:1fr;align-content:start;min-height:0;padding:32px 24px 0;margin-top:38px;row-gap:22px}main#panel .servicepage-90 .doma-service-landing .dsl-cta>div{width:100%;max-width:none}main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{position:relative;grid-column:1;right:auto;bottom:auto;width:300px;max-width:100%;height:335px;margin:0 auto;background-position:center top;background-size:100% auto}}

@media(min-width:992px){main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{right:64px}}
@media(min-width:1600px){main#panel .servicepage-90 .doma-service-landing .dsl-cta:after{right:86px}}
