.elementor-1192 .elementor-element.elementor-element-3cd7937{--e-image-carousel-slides-to-show:1;}.elementor-1192 .elementor-element.elementor-element-3cd7937 .elementor-image-carousel-caption{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1192 .elementor-element.elementor-element-3cd7937{--e-image-carousel-slides-to-show:1;}}@media(max-width:640px){.elementor-1192 .elementor-element.elementor-element-3cd7937{--e-image-carousel-slides-to-show:1;}}/* Start custom CSS for image-carousel, class: .elementor-element-3cd7937 */.elementor-1192 .elementor-element.elementor-element-3cd7937 .swiper-slide-image{width:100%;aspect-ratio:2.8/1;object-fit:cover;border-radius:16px;display:block}
.elementor-1192 .elementor-element.elementor-element-3cd7937 .swiper{border-radius:16px;background:var(--hb-green-tint)}
.elementor-1192 .elementor-element.elementor-element-3cd7937 .elementor-swiper-button{width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center;color:var(--charcoal);font-size:18px}
.elementor-1192 .elementor-element.elementor-element-3cd7937 .elementor-swiper-button:hover{background:var(--white)}
.elementor-1192 .elementor-element.elementor-element-3cd7937 .elementor-swiper-button-prev{left:16px}.elementor-1192 .elementor-element.elementor-element-3cd7937 .elementor-swiper-button-next{right:16px}
.elementor-1192 .elementor-element.elementor-element-3cd7937 .elementor-swiper-button svg{fill:var(--charcoal);width:18px;height:18px}
.elementor-1192 .elementor-element.elementor-element-3cd7937 .elementor-image-carousel-caption{text-align:left;font-size:15px;font-weight:800;color:var(--hb-green-dark);margin-top:16px}
.elementor-1192 .elementor-element.elementor-element-3cd7937 .swiper-pagination{position:static;margin-top:-22px;text-align:right}
.elementor-1192 .elementor-element.elementor-element-3cd7937 .swiper-pagination-bullet{width:9px;height:9px;opacity:1;background:var(--line-strong);transition:width .25s,background .25s;border-radius:999px}
.elementor-1192 .elementor-element.elementor-element-3cd7937 .swiper-pagination-bullet-active{width:26px;background:var(--hb-green-dark)}
@media(max-width:767px){.elementor-1192 .elementor-element.elementor-element-3cd7937 .swiper-slide-image{aspect-ratio:4/3}.elementor-1192 .elementor-element.elementor-element-3cd7937 .elementor-swiper-button{width:38px;height:38px}.elementor-1192 .elementor-element.elementor-element-3cd7937 .swiper-pagination{text-align:center;margin-top:12px}}
.elementor-1192 .elementor-element.elementor-element-3cd7937 .elementor-image-carousel-caption{font-style:normal}/* End custom CSS */
/* Start custom CSS *//* ==== Mobile fixes (Brianna, Oct 27): tablet and phone only. Start ==== */
/* Industry First band: "well now this is just a mess"; then (Oct 28) "the lifetime warranty logo should go on the left of the industry first and the
   paragraph should go under both of them". Badge and pill side by side, the sentence underneath, all left-aligned. */
@media (max-width:1024px){
body.elementor-page-1192 .elementor [data-id="35fe913c"]{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badge pill" "text text";justify-content:start;align-items:center;column-gap:18px;row-gap:16px;text-align:left;}
body.elementor-page-1192 .elementor [data-id="35fe913c"] [data-id="3f28c8f0"]{grid-area:pill;justify-self:start;margin:0;}
body.elementor-page-1192 .elementor [data-id="35fe913c"] [data-id="625bdd2b"]{grid-area:text;max-width:none;flex:none;margin:0;}
body.elementor-page-1192 .elementor [data-id="35fe913c"] [data-id="1cc256f6"]{grid-area:badge;width:auto;height:84px;}
}
@media (max-width:640px){
body.elementor-page-1192 .elementor [data-id="35fe913c"]{column-gap:14px;row-gap:14px;}
body.elementor-page-1192 .elementor [data-id="35fe913c"] [data-id="1cc256f6"]{height:64px;}
body.elementor-page-1192 .elementor [data-id="35fe913c"] [data-id="625bdd2b"]{font-size:16px;}
}
/* Finish faster: the three numbers side by side ("the numbers should be side by side but for mobile view only"). */
@media (max-width:1024px){
body.elementor-page-1192 .elementor [data-id="12bf8533"]{grid-template-columns:repeat(3,auto);justify-content:start;column-gap:48px;max-width:none;}
}
@media (max-width:640px){
body.elementor-page-1192 .elementor [data-id="12bf8533"]{justify-content:space-between;column-gap:14px;}
body.elementor-page-1192 .elementor [data-id="12bf8533"] [data-id="61f8b6d5"],body.elementor-page-1192 .elementor [data-id="12bf8533"] [data-id="e8c9ef1"],body.elementor-page-1192 .elementor [data-id="12bf8533"] [data-id="5a8b21d7"]{font-size:30px;}
}
/* Steps heading: a little smaller on phones, and lines balanced so "Days:" is never left on a line of its own. */
@media (max-width:1024px){body.elementor-page-1192 .elementor [data-id="3753592e"]{text-wrap:balance;}}
@media (max-width:767px){body.elementor-page-1192 .elementor [data-id="3753592e"]{font-size:20px;}}
/* mobile audit (page-1192-home.css) */
/* 1. Stats band 285e648a: "Contractor" (40px, 209px wide) overprints in 4 columns narrower than ~210px (viewport < ~960px) -> 2x2 grid */
@media (min-width:641px) and (max-width:960px){
  body.elementor-page-1192 .elementor [data-id="285e648a"]{grid-template-columns:repeat(2,1fr);row-gap:32px;column-gap:24px}
}

/* 4. Hero heading: at tablet drop the forced <br> so it uses the full width instead of a 307px stack */
@media (min-width:641px) and (max-width:1024px){
  body.elementor-page-1192 .elementor [data-id="273fa170"] br{display:none}
}

/* 2. "We Specialize..." product cards on phones: shorter image, 3-line paragraph, tighter body */
@media (max-width:640px){
  body.elementor-page-1192 .elementor [data-id="250205b"] > a > img{aspect-ratio:16/9}
  body.elementor-page-1192 .elementor [data-id="250205b"] > a > div{padding:12px 18px 16px}
  body.elementor-page-1192 .elementor [data-id="250205b"] > a > div > p:last-of-type{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;margin-block-end:12px}
}

/* 3. Steps carousel caption (3cd7937): padding, and a darker HydroBlok green so it reads on the pale tint
   (--hb-green-dark #6FB04E is what it already used = 2.2:1; this is ~6:1) */
@media (max-width:1024px){
  body.elementor-page-1192 .elementor [data-id="3cd7937"] .elementor-image-carousel-caption{padding:10px 14px;color:#40662d;color:color-mix(in srgb,var(--hb-green-dark) 58%,#000)}
}
/* ==== Mobile fixes: end ==== *//* End custom CSS */