/* 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}}

/* Related services match the home-page construction cards. */
main#panel .servicepage-90 .anotherservice_wrapper{width:100%;max-width:none;margin:40px 0;padding:0 0 40px;background:#fff;border-radius:0}
.servicepage-90 .anotherservice_wrapper>.container{max-width:1276px;width:100%}
main#panel .servicepage-90 .anotherservice_wrapper h2{margin:0 0 36px}
.servicepage-90 .anotherservice-grid{gap:36px 20px}
.servicepage-90 .anotherservice-card,.servicepage-90 .anotherservice-card:nth-child(1),.servicepage-90 .anotherservice-card:nth-child(2){height:384px;border-radius:30px;background-color:#f5f5f5;transition:transform .35s ease,box-shadow .35s ease}
.servicepage-90 .anotherservice-card__title{left:26px;bottom:26px;max-width:calc(100% - 52px);padding:20px 28px;border-radius:30px;background:#fff;color:#000;font:700 18px/1.28 Montserrat,sans-serif}
.servicepage-90 .anotherservice-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0000001f}
@media(max-width:1199px){.servicepage-90 .anotherservice-card,.servicepage-90 .anotherservice-card:nth-child(1),.servicepage-90 .anotherservice-card:nth-child(2){height:320px}.servicepage-90 .anotherservice-card__title{font-size:16px;padding:16px 22px}}
@media(max-width:767px){main#panel .servicepage-90 .anotherservice_wrapper{margin:24px 0;padding:0 0 24px}.servicepage-90 .anotherservice_wrapper>.container{padding-left:20px;padding-right:20px}.servicepage-90 .anotherservice-grid{gap:16px}.servicepage-90 .anotherservice-card,.servicepage-90 .anotherservice-card:nth-child(1),.servicepage-90 .anotherservice-card:nth-child(2),.servicepage-90 .anotherservice-card:nth-child(n+3){height:260px;border-radius:20px}.servicepage-90 .anotherservice-card__title{left:16px;bottom:16px;max-width:calc(100% - 32px);padding:14px 18px;border-radius:20px;font-size:15px}}



/* Exact motion from .eventsonmain .event_item_onmain on the home page. */
.servicepage-90 .anotherservice-card{transition:transform .35s ease,box-shadow .35s ease!important;transform:none}
.servicepage-90 .anotherservice-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.12);background-size:cover!important}

/* Competence cards use the same motion as home-page service tiles. */
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card{transition:transform .35s ease,box-shadow .35s ease!important;transform:none}
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.12)}


/* One shared hover definition for both sets of cards. */
.servicepage-90 .anotherservice-card,
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card{transform:translate3d(0,0,0)!important;box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .35s ease,box-shadow .35s ease!important;backface-visibility:hidden}
.servicepage-90 .anotherservice-card:hover,
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card:hover{transform:translate3d(0,-4px,0)!important;box-shadow:0 20px 60px rgba(0,0,0,.12)}


/* Uniform gallery tint with a crisp vector zoom control. */
main#panel .servicepage-90 .fbphotoblock .gal_wrap .zoom{display:block!important;position:absolute;inset:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:inherit;background:rgba(12,30,42,.24)!important;opacity:0;transition:opacity .45s ease;pointer-events:none}
main#panel .servicepage-90 .fbphotoblock .gal_wrap .zoom:after{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23339ace%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22m15.5%2015.5%204.5%204.5M10.5%207.5v6M7.5%2010.5h6%22%2F%3E%3C%2Fsvg%3E') center/26px 26px no-repeat;box-shadow:0 4px 20px rgba(0,0,0,.18);transform:translate(-50%,-50%) scale(.92);transition:transform .45s ease}
main#panel .servicepage-90 .fbphotoblock .gal_wrap:hover .zoom,main#panel .servicepage-90 .fbphotoblock .gal_wrap a:focus-visible .zoom{opacity:1}
main#panel .servicepage-90 .fbphotoblock .gal_wrap:hover .zoom:after,main#panel .servicepage-90 .fbphotoblock .gal_wrap a:focus-visible .zoom:after{transform:translate(-50%,-50%) scale(1)}

/* Reviews use the native home-page layout: photo left, copy right. */
main#panel .servicepage-90>.opinions-new{padding:0!important;margin:0!important;background:#fff}
main#panel .servicepage-90 .opinions-new>.container{padding-top:40px;padding-bottom:40px}
main#panel .servicepage-90 .opinions-new .title-wrapper{margin-bottom:36px}
main#panel .servicepage-90 .opinions-new .opinion_item{padding:0!important;background:#f5f5f5;border-radius:30px}
main#panel .servicepage-90 .opinions-new .owl-stage-outer{border-radius:30px}
@media(max-width:767px){main#panel .servicepage-90 .opinions-new>.container{padding-top:24px;padding-bottom:24px}main#panel .servicepage-90 .opinions-new .title-wrapper{margin-bottom:20px}main#panel .servicepage-90 .opinions-new .opinion_item,main#panel .servicepage-90 .opinions-new .owl-stage-outer{border-radius:24px}}

/* Two-row project selection using the native home-page cards. */
.servicepage-90 .service-projects{padding:32px 0 40px;margin:0}
.servicepage-90 .service-projects .service-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;margin:0}
.servicepage-90 .service-projects .good_wrapper{height:100%;margin:0}
.servicepage-90 .service-projects .allinkwrapper{margin-top:32px;text-align:center}
@media(max-width:991px){.servicepage-90 .service-projects .service-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.servicepage-90 .service-projects{padding:24px 0 30px}.servicepage-90 .service-projects .service-projects-grid{grid-template-columns:1fr;gap:22px}.servicepage-90 .service-projects .allinkwrapper{margin-top:24px}}

.servicepage-90 .service-projects .allinkwrapper{width:100%;margin:32px 0 0}
.servicepage-90 .service-projects .allinkwrapper a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:73px;margin:0;padding:20px 24px;background:#f5f5f5;border:none;border-radius:100px;color:#000;font:700 14px/1.22 Montserrat,sans-serif;text-transform:uppercase;text-decoration:none;transition:background .2s ease,color .2s ease}
.servicepage-90 .service-projects .allinkwrapper a:hover{background:#339ace;color:#fff;text-decoration:none}
@media(max-width:767px){.servicepage-90 .service-projects .allinkwrapper a{min-height:56px;padding:16px 20px;font-size:13px}}


.roofing-hero-copy,.roofing-hero-cta{display:none}
.servicepage-90 .roofing-hero-copy{display:block}
.servicepage-90 .roofing-hero-cta{display:inline}
.servicepage-90 .default-service-cta{display:none}
.servicepage-90 .block-slider-uslugi .block-img:after{background:linear-gradient(90deg,rgba(9,22,28,.78),rgba(9,22,28,.3))}
.servicepage-90 .block-slider-uslugi .block-info h1{max-width:800px!important;margin-bottom:22px!important}
.servicepage-90 .roofing-hero-lead{max-width:680px;color:#fff;font:500 19px/1.6 Montserrat,Arial,sans-serif;margin:0 0 28px}
.servicepage-90 .block-slider-uslugi .btn-slider a{width:auto;min-width:300px;padding:0 28px;text-transform:none}
@media(max-width:767px){.servicepage-90 .block-slider-uslugi .block-info{padding:38px 0 110px}.servicepage-90 .roofing-hero-lead{font-size:15px;line-height:1.65}.servicepage-90 .block-slider-uslugi .btn-slider a{min-width:0;width:100%;padding:0 18px}}

/* Roofing hero: roof on the right, calm reading area on the left. */
.servicepage-90 .block-slider-uslugi .block-img{background-image:url('/images/roofing-process-hero-v3.webp');background-size:cover;background-position:center}
.servicepage-90 .block-slider-uslugi .block-img>img{visibility:hidden}
.servicepage-90 .block-slider-uslugi .block-img:after{background:linear-gradient(90deg,rgba(9,22,28,.62) 0%,rgba(9,22,28,.34) 42%,rgba(9,22,28,.04) 76%)}
@media(max-width:767px){.servicepage-90 .block-slider-uslugi .block-img{background-position:65% center}.servicepage-90 .block-slider-uslugi .block-img:after{background:rgba(9,22,28,.62)}}

/* Expertise, materials and dialogue: icon cards. */
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card{position:relative;padding:32px;background:#fff;border:1px solid #e3eaf0;border-radius:28px;box-shadow:0 14px 40px rgba(25,57,76,.06)}
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card::before{content:"";display:block;width:64px;height:64px;margin-bottom:26px;border-radius:18px;background-color:#edf7fc;background-position:center;background-repeat:no-repeat;background-size:34px}
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card h3{font:700 23px/1.3 Montserrat,Arial,sans-serif!important;margin-bottom:16px!important}
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card p{font:400 15px/1.75 Montserrat,Arial,sans-serif;color:#56636d}
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-assurance{margin-top:28px!important;padding:22px 28px;border:0;border-left:4px solid #339ace;border-radius:0 18px 18px 0;background:#f2f8fb;font:500 15px/1.7 Montserrat,Arial,sans-serif;color:#334d5c}
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23339ace%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010l9-7%209%207M5%209v12h14V9M9%2021v-7h6v7%22/%3E%3Cpath%20d%3D%22m9%2010%202%202%204-4%22/%3E%3C/svg%3E")}
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23339ace%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205-9%205-9-5%209-5ZM3%2012l9%205%209-5M3%2016l9%205%209-5%22/%3E%3C/svg%3E")}
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23339ace%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a8%208%200%200%201-8%208H6l-4%203V11a9%209%200%200%201%2018-1%22/%3E%3Cpath%20d%3D%22M7%2010h10M7%2014h6%22/%3E%3C/svg%3E")}
@media(max-width:1024px){main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-cards{gap:16px}main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card{padding:26px}main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card h3{font-size:20px!important}}
@media(max-width:767px){main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-cards{grid-template-columns:1fr;gap:16px}main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card{padding:28px;border-radius:24px}main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card::before{margin-bottom:20px}main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-assurance{padding:20px;font-size:14px}}

/* Match the explanatory copy in the project-check cards. */
main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card p{color:rgba(39,35,30,.61);font:500 14px/1.43 Montserrat,sans-serif}
@media(max-width:1024px){main#panel .servicepage-90 .dsl-section:has(>.dsl-assurance) .dsl-card p{font-size:13px}}


/* Dedicated gutter and downpipe icon for the ninth roofing work item. */
main#panel .servicepage-90 .doma-service-landing .dsl-scope .dsl-checks li:nth-child(9):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23339ace%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h20v3a4%204%200%200%201-4%204H7a4%204%200%200%201-4-4V7ZM19%2014v4l5%204v6h5v-8l-5-4v-6M24%2028h5%22%2F%3E%3Cpath%20d%3D%22M8%203v2m6-2v2%22%2F%3E%3C%2Fsvg%3E")}