.services-page .service-hero-overlay{
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        radial-gradient(
            circle at 20% 40%,
            rgba(37,99,235,.18),
            transparent 45%
        ),
        linear-gradient(
            90deg,
            rgba(11,38,68,.72) 0%,
            rgba(18,63,107,.58) 25%,
            rgba(18,63,107,.38) 45%,
            rgba(18,63,107,.15) 65%,
            rgba(18,63,107,0) 85%
        );
}

        .services-intro {
            max-width: 820px;
            margin: 0 auto;
            text-align: center;
        }

        .services-intro .sec-text {
            max-width: 760px;
            margin: 18px auto 0;
        }

        .services-overview-section .row {
        align-items: stretch;
        }   

        .service-overview-card {
            height: 100%;
            display: flex;
            flex-direction: column;
            background: #fff;
            border: 1px solid rgba(17, 43, 77, 0.09);
            border-radius: 18px;
            padding: 34px 30px 30px;
            box-shadow: 0 14px 38px rgba(24, 47, 74, 0.08);
            transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
        }

        .service-overview-card:hover {
            transform: translateY(-6px);
            border-color: rgba(0, 119, 182, 0.22);
            box-shadow: 0 22px 48px rgba(24, 47, 74, 0.13);
        }

        .service-overview-icon {
            width: 66px;
            height: 66px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 22px;
            border-radius: 18px;
            background: rgba(0, 119, 182, 0.09);
            font-size: 32px;
            line-height: 1;
        }

        .service-overview-card h3 {
            margin-bottom: 12px;
            font-size: 25px;
        }

        .service-overview-card p {
            margin-bottom: 22px;
            color: #5d6875;
            line-height: 1.75;
        }

        .service-overview-features {
            list-style: none;
            padding: 0;
            margin: 0 0 26px;
        }

        .service-overview-features li {
            position: relative;
            padding-left: 25px;
            margin-bottom: 9px;
            color: #344454;
        }

        .service-overview-features li::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: var(--theme-color);
            font-weight: 800;
        }

        .service-card-link {
            margin-top: auto;
            display: inline-flex;
            align-items: center;
            gap: 9px;
            color: var(--title-color);
            font-weight: 700;
            text-decoration: none;
        }

        .service-card-link i {
            color: var(--theme-color);
            transition: transform .2s ease;
        }

        .service-card-link:hover {
            color: var(--theme-color);
        }

        .service-card-link:hover i {
            transform: translateX(4px);
        }

        .services-process .spotless-process-card {
            height: 100%;
        }

        .services-faq .spotless-accordion {
            max-width: 920px;
            margin: 0 auto;
        }

        .services-final-cta {
            padding-top: 0;
        }

        @media (max-width: 767px) {.service-overview-card {
                padding: 28px 24px;
            }.service-overview-card h3 {
                font-size: 22px;
            }}
    
        /* Final CTA: text on the left, wider button on the right */
        .services-final-cta .spotless-cta-box{
            display:flex;
            flex-direction:row;
            align-items:center;
            justify-content:space-between;
            gap:36px;
        }

        .services-final-cta .spotless-cta-box > div{
            flex:1 1 58%;
            max-width:58%;
        }

        .services-final-cta .spotless-cta-box .services-side-wide-btn{
            flex:0 0 40%;
            width:40%;
            max-width:40%;
            min-height:58px;
            display:flex;
            align-items:center;
            justify-content:center;
            margin:0;
            border-radius:14px;
            text-align:center;
            white-space:nowrap;
        }

        @media (max-width: 991px){.services-final-cta .spotless-cta-box{
                flex-direction:column;
                align-items:stretch;
                gap:24px;
            }.services-final-cta .spotless-cta-box > div,
            .services-final-cta .spotless-cta-box .services-side-wide-btn{
                flex:1 1 100%;
                width:100%;
                max-width:100%;
            }}

/* ========================================================= */

/* =========================================================
   SERVICES PAGE — CLEAN FINAL MOBILE CSS
   One mobile block only. Desktop remains unchanged.
========================================================= */
@media (max-width:991px){/* Header and mobile menu *//* Shared mobile layout */body.services-page{overflow-x:hidden;background:#fff;}.services-page .container,
    .services-page .th-container2{
        width:100%!important;
        max-width:100%!important;
        padding-left:10px!important;
        padding-right:10px!important;}/* Hero */.services-page .service-hero{
        min-height:620px!important;
        height:auto!important;
        display:flex!important;
        align-items:flex-end!important;
        overflow:hidden!important;}.services-page .service-hero>img{object-position:center 48%!important;}.services-page .service-hero-overlay{
        background:linear-gradient(90deg,
            rgba(7,24,45,.90) 0%,
            rgba(7,24,45,.74) 38%,
            rgba(7,24,45,.34) 72%,
            rgba(7,24,45,.08) 100%)!important;}.services-page .service-hero-content{
        width:100%!important;
        max-width:none!important;
        padding:70px 5px 34px!important;
        text-align:left!important;}.services-page .hero-subtitle{
        display:block!important;
        margin:0 0 10px!important;
        font-size:12px!important;
        letter-spacing:1.8px!important;}.services-page .service-hero-content h1{
        max-width:340px!important;
        margin:0 0 16px!important;
        font-size:0!important;
        line-height:1!important;
        text-align:left!important;}.services-page .service-hero-content h1::after{
        content:"Exterior Cleaning Services";
        display:block;
        max-width:330px;
        color:#fff;
        font-size:42px;
        font-weight:700;
        line-height:1.02;
        letter-spacing:-1px
    ;}.services-page .service-hero-content>p{
        max-width:340px!important;
        margin:0 0 22px!important;
        color:rgba(255,255,255,.93)!important;
        font-size:16px!important;
        line-height:1.55!important;
        text-align:left!important;}.services-page .mobile-hide-hero-tail{display:none!important;}.services-page .service-hero-actions{
        width:100%!important;
        display:flex!important;
        flex-direction:column!important;
        gap:10px!important;
        margin:0!important;}.services-page .service-hero-actions .th-btn{
        width:100%!important;
        min-height:56px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        border-radius:10px!important;
        font-size:16px!important;}.services-page .hero-badges{
        width:100%!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:flex-start!important;
        gap:8px!important;
        margin-top:18px!important;}.services-page .hero-badge{
        width:auto!important;
        min-height:32px!important;
        margin:0!important;
        padding:6px 12px!important;
        border-radius:999px!important;
        font-size:12px!important;
        line-height:1.2!important;}/* Mobile section headings */.services-page .services-introduction,
    .services-page .home-service-areas{display:none!important;}.services-page .title-area{
        margin:0 0 10px!important;
        padding:0 6px!important;
        text-align:center!important;}.services-page .title-area .sub-title3{
        display:flex!important;
        margin:0!important;
        font-size:15px!important;
        font-weight:800!important;
        line-height:1.25!important;
        letter-spacing:.14em!important;}.services-page .services-overview-section .title-area .sec-title,
    .services-page .services-overview-section .title-area .sec-text,
    .services-page .services-process .title-area .sec-title,
    .services-page .services-process .title-area .sec-text,
    .services-page .service-advantages .title-area .sec-title{
        display:none!important;}/* Compact rows: services, process, benefits */.services-page .services-overview-section,
    .services-page .services-process,
    .services-page .service-advantages,
    .services-page .services-faq{
        padding:20px 0!important;}.services-page .services-overview-section{background:#fff!important;}.services-page .services-process{background:#f7f8fb!important;}.services-page .service-advantages{background:#fff!important;}.services-page .services-overview-section .row,
    .services-page .service-advantages .row{
        --bs-gutter-x:0!important;
        --bs-gutter-y:0!important;
        border-top:1px solid #e1e6ee!important;}.services-page .services-overview-section .col-lg-6,
    .services-page .service-advantages .col-lg-4{padding:0!important;}.services-page .services-overview-section .row>.col-lg-6:last-child{
        display:none!important;}.services-page .service-overview-card,
    .services-page .spotless-process-card,
    .services-page .service-advantages .spotless-card{
        
        height:auto!important;
        display:grid!important;
        grid-template-columns:36px minmax(0,1fr)!important;
        align-items:center!important;
        gap:12px!important;
        
        margin:0!important;
        border:0!important;
        border-bottom:1px solid #e1e6ee!important;
        border-radius:0!important;
        box-shadow:none!important;
        background:transparent!important;
        text-align:left!important;
        transform:none!important;}.services-page .service-overview-card{
        position:relative!important;
        grid-template-columns:36px minmax(0,1fr) 18px!important;
        background:#fff!important;}.services-page .service-card-header,
    .services-page .process-header{display:contents!important;}.services-page .service-overview-icon,
    .services-page .process-icon,
    .services-page .service-advantages .spotless-icon{
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        font-size:21px!important;
        line-height:1!important;
        transform:none!important;}.services-page .service-overview-card h3,
    .services-page .spotless-process-card h3,
    .services-page .service-advantages .spotless-card h3{
        margin:0!important;
        font-size:16px!important;
        font-weight:700!important;
        line-height:1.25!important;}.services-page .service-overview-card>p,
    .services-page .service-overview-features,
    .services-page .process-number,
    .services-page .spotless-process-card p,
    .services-page .service-advantages .spotless-card p{
        display:none!important;}.services-page .service-card-link{
        width:18px!important;
        height:28px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        font-size:0!important;}.services-page .service-card-link i{
        margin:0!important;
        color:#7b8794!important;
        font-size:13px!important;}.services-page .service-card-link::after{
        content:"";
        position:absolute;
        inset:0;
        z-index:2
    ;}.services-page .spotless-process-wrap{
        display:block!important;
        border-top:1px solid #e1e6ee!important;}/* FAQ */.services-page .services-faq{background:#f7f8fb!important;padding-bottom:8px!important;}.services-page .services-faq .title-area{margin-bottom:14px!important;}.services-page .services-faq .title-area .sub-title3,
    .services-page .services-faq .title-area .section-intro{display:none!important;}.services-page .services-faq .title-area .sec-title{
        display:block!important;
        margin:0 0 16px!important;
        font-size:0!important;
        line-height:1!important;}.services-page .services-faq .title-area .sec-title::after{
        content:"FAQ";
        display:block;
        width:100%;
        color:#ae2349;
        font-family:"Inter",sans-serif;
        font-size:15px;
        font-weight:800;
        line-height:1.25;
        letter-spacing:.14em;
        text-align:center;
        text-transform:uppercase
    ;}.services-page .spotless-accordion .accordion-item{
        margin-bottom:6px!important;
        border-radius:8px!important;}.services-page .spotless-accordion .accordion-button{
        
        
        font-family:"Outfit",sans-serif!important;
        font-size:14px!important;
        font-weight:700!important;
        line-height:1.25!important;
        
        
        text-overflow:clip!important;
        text-align:left!important;}.services-page .spotless-accordion .accordion-button::after{
        position:absolute!important;
        right:12px!important;}.services-page .spotless-accordion .accordion-body{
        padding:11px 12px 14px!important;
        font-family:"Inter",sans-serif!important;
        font-size:14px!important;
        line-height:1.5!important;}/* Exact approved About-page CTA *//* Exact approved About-page short footer */}

/* ========================================================= */

/* EXACT APPROVED ABOUT CTA + FOOTER — MOBILE ONLY */


/* ========================================================= */

/* EXACT COPY FROM APPROVED ABOUT PAGE — MOBILE CTA + FOOTER */
@media(max-width:991px){.final-cta{
        display:block !important;
        padding:10px 0 36px !important;
        background:#fff !important;
    }.final-cta .cta-box{
        padding:28px 24px !important;
        border:1px solid #dfe4ea !important;
        border-radius:16px !important;
        background:#f7f9fb !important;
        box-shadow:none !important;
    }.final-cta .sub-title3,
    .final-cta .cta-box p{
        display:none !important;
    }.final-cta .cta-box h2{
        margin:0 0 20px !important;
        color:#111827 !important;
        font-size:27px !important;
        line-height:1.15 !important;
        text-align:center !important;
    }.final-cta .cta-box > div{
        display:block !important;
    }.final-cta .th-btn{
        width:100% !important;
        min-height:54px !important;
        margin:0 0 12px !important;
    }.final-cta .th-btn:last-child{
        margin-bottom:0 !important;
    }.final-cta .about-final-actions{
        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
    }.final-cta .about-final-actions .th-btn{
        width:100% !important;
        min-height:54px !important;
        margin:0 !important;
    }.scroll-top{
        display:none !important;
    }}

/* ========================================================= */

/* =========================================================
   SERVICES PAGE — FINAL MOBILE HEADING + ICON FIX
   Mobile only. Desktop remains unchanged.
========================================================= */
@media(max-width:991px){/* Match About-page mobile section heading size */.services-page .title-area .sub-title3,
    .services-page .services-faq .title-area .sec-title::after{
        color:#ae2349 !important;
        font-family:"Inter",sans-serif !important;
        font-size:18px !important;
        font-weight:800 !important;
        line-height:1.2 !important;
        letter-spacing:.14em !important;
        text-align:center !important;
        text-transform:uppercase !important;
    }/* Make process icons match the other mobile list icons */.services-page .services-process .spotless-process-card{
        grid-template-columns:36px minmax(0,1fr) !important;
        column-gap:12px !important;
    }.services-page .services-process .process-icon{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        max-width:24px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 auto !important;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        font-size:20px !important;
        line-height:1 !important;
        transform:none !important;
        overflow:visible !important;
    }}

/* ========================================================= */

/* FINAL SHARED MOBILE TYPOGRAPHY — SERVICE PAGE */
@media(max-width:991px){/* Section headings: same approved About-page typography *//* Inner rows/lists: same approved Homepage typography */}

/* =========================================================
   FINAL FIX — SERVICES PAGE MOBILE LISTS + HERO PHONE BOX
   Added as the last CSS block so it overrides earlier rules.
========================================================= */
@media(max-width:991px){/* All compact mobile list/menu-style items */.services-page .service-overview-card h3,
    .services-page .spotless-process-card h3,
    .services-page .service-advantages .spotless-card h3,
    .services-page .spotless-accordion .accordion-button{
        color:#111827 !important;
        font-family:"Outfit",sans-serif !important;
        font-size:22px !important;
        font-weight:700 !important;
        line-height:1.25 !important;
        letter-spacing:0 !important;
    }/* Give the larger text enough vertical room */.services-page .service-overview-card,
    .services-page .spotless-process-card,
    .services-page .service-advantages .spotless-card{
        min-height:68px !important;
        padding:14px 2px !important;
    }/* FAQ rows also need more height with 22px text */.services-page .spotless-accordion .accordion-button{
        min-height:58px !important;
        padding:13px 42px 13px 14px !important;
        white-space:normal !important;
        overflow:visible !important;
    }/* Hero phone number — same glass rectangle style as homepage */.services-page .service-secondary-link{
        width:100% !important;
        min-height:58px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:10px !important;
        margin:0 !important;
        padding:0 22px !important;
        border:1px solid rgba(255,255,255,.72) !important;
        border-radius:12px !important;
        background:rgba(8,29,52,.28) !important;
        color:#fff !important;
        font-family:"Outfit",sans-serif !important;
        font-size:17px !important;
        font-weight:700 !important;
        line-height:1.2 !important;
        text-decoration:none !important;
        text-shadow:0 2px 5px rgba(0,0,0,.4) !important;
        backdrop-filter:blur(3px) !important;
        -webkit-backdrop-filter:blur(3px) !important;
        box-sizing:border-box !important;
    }.services-page .service-secondary-link:hover,
    .services-page .service-secondary-link:focus{
        color:#fff !important;
        background:#ae2349 !important;
        border-color:#ae2349 !important;
    }}
/* ========================================================= */




/* =========================================================
   SERVICES PAGE — FINAL DESKTOP SPACING + CTA
========================================================= */
@media (min-width:992px){main > section{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }.services-page .services-overview-section{
        padding-top:36px !important;
        padding-bottom:36px !important;
    }.services-page .services-process{
        padding-top:36px !important;
        padding-bottom:36px !important;
    }.services-page .service-advantages{
        padding-top:36px !important;
        padding-bottom:36px !important;
    }.services-page .home-service-areas{
        padding-top:36px !important;
        padding-bottom:36px !important;
    }.services-page .services-intro .sec-text{
        margin-top:10px !important;
    }.services-page .service-overview-card{
        padding-top:26px !important;
        padding-bottom:24px !important;
    }.services-page .service-overview-icon{
        margin-bottom:16px !important;
    }.services-page .service-overview-card p{
        margin-bottom:16px !important;
    }.services-page .service-overview-features{
        margin-bottom:18px !important;
    }.services-page .spotless-process-wrap,
    .services-page .service-advantages .row,
    .services-page .home-service-areas .row{
        margin-top:0 !important;
    }/* Horizontal CTA matching the approved reference */.services-page .final-cta{
        padding-top:30px !important;
        padding-bottom:30px !important;
        
    }.services-page .final-cta .cta-box{
        
        
        grid-template-areas:
            "title button"
            "copy  button" !important;
        
        column-gap:42px !important;
        
        
        
        
        
        text-align:left !important;
    }.services-page .final-cta .sub-title3{
        display:none !important;
    }.services-page .final-cta .cta-box h2{
        grid-area:title !important;
        margin:0 0 8px !important;
        font-size:36px !important;
        line-height:1.15 !important;
        text-align:left !important;
    }.services-page .final-cta .cta-box > p{
        grid-area:copy !important;
        margin:0 !important;
        max-width:760px !important;
        font-size:18px !important;
        line-height:1.5 !important;
        text-align:left !important;
    }.services-page .final-cta .about-final-actions{
        grid-area:button !important;
        display:block !important;
        
        
    }.services-page .final-cta .about-final-actions .th-btn{
        
        
        
        
        
        
        
        
        
        
        
        text-align:center !important;
    }}

/* =========================================================
   APPROVED COMPACT MOBILE FOOTER
   Matches the About/Home mobile footer.
========================================================= */




/* =========================================================
   SERVICES PAGE — FINAL CTA, SPACING, AND MOBILE FOOTER
========================================================= */

/* Desktop only */
@media(min-width:992px){.services-page main > section{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }.services-page .services-introduction{
        padding-top:30px !important;
        padding-bottom:30px !important;
    }.services-page .services-overview-section,
    .services-page .services-process,
    .services-page .service-advantages,
    .services-page .home-service-areas{
        padding-top:34px !important;
        padding-bottom:34px !important;
    }.services-page .services-faq{
        padding-top:34px !important;
        padding-bottom:28px !important;
    }.services-page .title-area{
        margin-top:0 !important;
        margin-bottom:18px !important;
    }.services-page .final-cta{
        padding:28px 0 !important;
        background:#f5f8fb !important;
    }.services-page .final-cta .cta-box{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 420px !important;
        align-items:center !important;
        gap:42px !important;
        padding:34px 54px !important;
        border:1px solid #dfe4ea !important;
        border-radius:24px !important;
        background:#fff !important;
        box-shadow:0 14px 38px rgba(9,31,57,.08) !important;
    }.services-page .final-cta .cta-copy h2{
        margin:0 0 8px !important;
        font-size:36px !important;
        line-height:1.15 !important;
    }.services-page .final-cta .cta-copy p{
        margin:0 !important;
        color:#5d6875 !important;
        font-size:18px !important;
        line-height:1.5 !important;
    }.services-page .final-cta .about-final-actions{
        width:100% !important;
        margin:0 !important;
    }.services-page .final-cta .about-final-actions .th-btn{
        width:100% !important;
        height:58px !important;
        min-height:58px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 !important;
        padding:0 28px !important;
        border-radius:14px !important;
        font-size:18px !important;
        line-height:1 !important;
    }}

/* Mobile/tablet CTA */
@media(max-width:991px){body.services-page .final-cta{
        display:block !important;
        padding:10px 0 28px !important;
        background:#fff !important;
    }body.services-page .final-cta .cta-box{
        display:block !important;
        padding:28px 24px !important;
        border:1px solid #dfe4ea !important;
        border-radius:16px !important;
        background:#f7f9fb !important;
        box-shadow:none !important;
        text-align:center !important;
    }body.services-page .final-cta .cta-copy h2{
        margin:0 0 12px !important;
        color:#111827 !important;
        font-size:27px !important;
        line-height:1.15 !important;
        text-align:center !important;
    }body.services-page .final-cta .cta-copy p{
        margin:0 0 20px !important;
        color:#5d6875 !important;
        font-size:16px !important;
        line-height:1.5 !important;
        text-align:center !important;
    }body.services-page .final-cta .about-final-actions{
        display:block !important;
        width:100% !important;
        margin:0 !important;
    }body.services-page .final-cta .about-final-actions .th-btn{
        width:100% !important;
        min-height:54px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 !important;
    }/* Approved compact mobile footer */body.services-page .scroll-top{
        display:none !important;
    }}



@media (min-width:992px){body.services-page .final-cta{
    padding:22px 0 !important;
  }body.services-page .final-cta .cta-box{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 360px !important;
    align-items:center !important;
    gap:32px !important;
    padding:22px 38px !important;
    border-radius:18px !important;
  }body.services-page .final-cta h2,
  body.services-page .final-cta .cta-copy h2{
    margin:0 0 6px !important;
    font-size:28px !important;
    line-height:1.15 !important;
  }body.services-page .final-cta p,
  body.services-page .final-cta .cta-copy p{
    margin:0 !important;
    font-size:16px !important;
    line-height:1.45 !important;
  }body.services-page .final-cta .about-final-actions .th-btn{
    height:56px !important;
    min-height:56px !important;
    font-size:17px !important;
  }}