/* =========================================================
   FINAL HOMEPAGE POLISH
========================================================= */

/* Premium compact short buttons — homepage content only */
.home-main .th-btn.style4{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:52px !important;
    padding:0 30px !important;
    border-radius:12px !important;
    font-size:15px !important;
    font-weight:700 !important;
    letter-spacing:.1px !important;
    line-height:1 !important;
    text-transform:none !important;
    white-space:nowrap !important;
    box-shadow:0 10px 24px rgba(164,31,72,.18) !important;
}

.home-main .th-btn.style4::before,
.home-main .th-btn.style4::after{
    content:none !important;
    display:none !important;
}

.home-main .th-btn.style4:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 14px 30px rgba(164,31,72,.24) !important;
}

/* Premium outlined trust bar */
.hero-13 .hero-trust-text{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    width:auto !important;
    max-width:none !important;
    margin:38px auto 0 !important;
    padding:12px 26px !important;
    background:transparent !important;
    border:1px solid rgba(220,225,230,.28) !important;
    border-radius:12px !important;
    color:#fff !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-align:center !important;
    text-shadow:0 2px 6px rgba(0,0,0,.75) !important;
    box-shadow:none !important;
}
.hero-13 .hero-trust-text span{
    color:#fff !important;
    white-space:nowrap !important;
}
.hero-13 .hero-trust-separator{
    color:rgba(255,255,255,.45) !important;
    font-size:18px !important;
    line-height:1 !important;
}
.hero-13 .hero-trust-text::before,
.hero-13 .hero-trust-text::after{
    content:none !important;
    display:none !important;
}
@media(max-width:991px){.home-main .th-btn.style4{
        min-height:50px !important;
        padding:0 24px !important;
        font-size:14px !important;
    }/* Mobile hero */.hero-13{
        min-height:560px !important;
    }.hero-13 .hero-style13{
        padding-top:70px !important;
        padding-bottom:40px !important;
    }.hero-13 .btn-wrap{
        
        margin-bottom:0 !important;
    }.home-about-left .about-thumb13{
        height:auto;
        min-height:0;
    }.home-about-left .about-thumb13 img{
        height:auto !important;
    }.about-content-divider{
        margin-top:28px;
    }}

/* About section alignment */

.about-area-13 .row{
    align-items:stretch !important;
}

.home-about-left{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
}

/* Permanent rounded-corner clipping, including hover */
.home-about-left .about-thumb13{
    position:relative;
    display:block;
    width:100% !important;
    height:100%;
    min-height:520px;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:22px !important;
    clip-path:inset(0 round 22px) !important;
    isolation:isolate;
    transform:translateZ(0);
}

.home-about-left .about-thumb13 img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:22px !important;
    clip-path:inset(0 round 22px) !important;
    transform:translateZ(0);
}

.home-about-left .about-thumb13:hover,
.home-about-left .about-thumb13:hover img{
    overflow:hidden !important;
    border-radius:22px !important;
    clip-path:inset(0 round 22px) !important;
}

/* Right column ends level with the image */
.about-area-13 .col-xl-6:last-child,
.about-area-13 .col-lg-6:last-child{
    display:flex;
}

.about-area-13 .about-wrap13-2{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
}

.about-content-divider{
    width:100%;
    height:1px;
    margin-top:auto;
    background:#e5eaf0;
}

/* Remove service-area button arrows */
.home-area-button::before,
.home-area-button::after{
    content:none !important;
    display:none !important;
}

@media(max-width:991px){.hero-13 .hero-trust-text{
        flex-wrap:wrap !important;
        gap:10px 16px !important;
        width:calc(100% - 30px) !important;
        padding:0 !important;
        font-size:17px !important;
    }.hero-13 .hero-trust-text .hero-trust-separator{
        display:none !important;
    }}

/* =========================================================
   MOBILE HOMEPAGE — SIMPLIFIED CONVERSION LAYOUT
========================================================= */

.home-mobile-view-all,
.home-mobile-final-cta{
    display:none;
}

@media(max-width:991px){/* Mobile order *//* Hide secondary homepage sections on mobile */.home-main .about-area-13,
    .home-main .how-it-works-area,
    .home-main .gallery-area,
    .home-main .home-service-areas,
    .home-main .service-area-note{
        display:none !important;
    }/* Show only selected service cards */.service-clean-area .row.g-4 > div{
        display:none !important;
    }.service-clean-area .row.g-4 > div.mobile-service-keep{
        display:block !important;
    }/* Show only first three trust cards */.why-choose-area .row.g-4 > div:nth-child(n/**/+4){
        display:none !important;
    }/* Tighter section spacing */.why-choose-area,
    .service-clean-area{
        padding-top:64px !important;
        padding-bottom:64px !important;
    }.why-choose-area .title-area,
    .service-clean-area .title-area{
        margin-bottom:34px !important;
    }/* Mobile View All Services button */.home-mobile-view-all{
        display:flex;
        justify-content:center;
        margin-top:34px;
    }.home-mobile-view-all .th-btn{
        width:100%;
        max-width:360px;
    }/* Mobile final CTA */.home-mobile-final-cta-box p{
        margin:0 0 26px;
        color:#666d78;
        font-size:17px;
        line-height:1.65;
    }.home-mobile-final-actions{
        
        flex-direction:column;
        gap:14px;
    }.home-mobile-call{
        min-height:52px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        color:#183f67;
        font-size:17px;
        font-weight:700;
        text-decoration:none;
    }.home-mobile-call:hover{
        color:#ae2349;
    }}

@media(max-width:575px){.why-choose-area,
    .service-clean-area,
    .home-mobile-final-cta{
        padding-top:54px !important;
        padding-bottom:54px !important;
    }}

/* =========================================================
   FINAL MOBILE HOMEPAGE HERO
========================================================= */

.home-mobile-hero-copy,
.home-mobile-call-btn{
    display:none;
}

@media(max-width:991px){/* Shorter mobile hero */.hero-13,
    .hero-13 .hero-slider13,
    .hero-13 .th-slider,
    .hero-13 .swiper-wrapper,
    .hero-13 .swiper-slide{
        height:470px !important;
        min-height:470px !important;
    }/* Mobile supporting sentence */.home-mobile-hero-copy{
        
        
        
        
        
        
        
        text-shadow:0 2px 6px rgba(0,0,0,.45);
    }/* Two clear mobile actions */.home-mobile-call-btn{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        padding:0 22px;
        border:1px solid rgba(255,255,255,.72);
        border-radius:12px;
        color:#fff;
        background:rgba(8,29,52,.28);
        font-size:16px;
        font-weight:700;
        text-decoration:none;
        text-shadow:0 2px 5px rgba(0,0,0,.4);
        backdrop-filter:blur(3px);
    }.home-mobile-call-btn:hover,
    .home-mobile-call-btn:focus{
        color:#fff;
        background:#ae2349;
        border-color:#ae2349;
    }/* Remove trust strip on phones and tablets */.hero-13 .hero-trust-text{
        display:none !important;
    }}

@media(max-width:575px){.hero-13,
    .hero-13 .hero-slider13,
    .hero-13 .th-slider,
    .hero-13 .swiper-wrapper,
    .hero-13 .swiper-slide{
        height:500px !important;
        min-height:500px !important;
    }.hero-13 .hero-style13{
        padding:56px 0 36px !important;
    }.hero-13 .hero-main-title{
        font-size:clamp(38px,12vw,50px) !important;
    }.home-mobile-hero-copy{
        width:calc(100% - 34px);
        margin-bottom:20px;
        font-size:16px;
        line-height:1.5;
    }}

/* Desktop trust strip; hidden on mobile */


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

/* =========================================================
   HOMEPAGE — APPROVED MOBILE STANDARD
   Mobile only. Desktop remains unchanged.
========================================================= */

.home-mobile-service-list{
    display:none;
}

@media(max-width:991px){/* Final homepage mobile flow */.home-main{
        display:flex !important;
        flex-direction:column !important;
    }.home-main .hero-13{
        order:1 !important;
    }/* Hide all secondary homepage blocks on mobile */.home-main .about-area-13,
    .home-main .why-choose-area,
    .home-main .how-it-works-area,
    .home-main .gallery-area,
    .home-main .home-service-areas,
    .home-main .service-area-note{
        display:none !important;
    }/* Hero remains short and focused */.hero-13 .hero-style13{
        padding:56px 0 34px !important;
    }.hero-13 .hero-main-title{
        margin-bottom:18px !important;
        font-size:clamp(38px,12vw,50px) !important;
        line-height:1.04 !important;
    }.home-mobile-hero-copy{
        display:block !important;
        width:calc(100% - 34px) !important;
        max-width:520px !important;
        margin:0 auto 20px !important;
        color:rgba(255,255,255,.92) !important;
        font-size:16px !important;
        line-height:1.5 !important;
        text-align:center !important;
    }.hero-13 .btn-wrap{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        gap:12px !important;
        width:100% !important;
        margin-top:0 !important;
    }.hero-13 .btn-wrap .th-btn.style4,
    .home-mobile-call-btn{
        width:calc(100% - 34px) !important;
        max-width:390px !important;
        min-height:54px !important;
        margin:0 !important;
    }/* Our Services — compact list */.service-clean-area{
        padding:34px 0 12px !important;
        background:#fff !important;
    }.service-clean-area .row.g-4,
    .home-mobile-view-all{
        display:none !important;
    }.service-clean-area .title-area{
        margin-bottom:12px !important;
        text-align:center !important;
    }.service-clean-area .title-area .sec-title{
        margin:0 auto !important;
        width:100% !important;
        
        line-height:1.15 !important;
        text-align:center !important;
    }.service-clean-area .title-area .sec-title{
        font-size:0 !important;
    }.home-mobile-service-list{
        display:block !important;
        border-top:1px solid #dfe4ea !important;
    }.home-mobile-service-list a{
        min-height:58px !important;
        display:grid !important;
        
        align-items:center !important;
        gap:12px !important;
        padding:12px 2px !important;
        border-bottom:1px solid #dfe4ea !important;
        
        
        
        
        text-decoration:none !important;
    }.home-mobile-service-list a:hover,
    .home-mobile-service-list a:focus{
        color:#ae2349 !important;
    }.home-mobile-service-icon{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:21px !important;
    }.home-mobile-service-list i{
        justify-self:end !important;
        color:#69707d !important;
        font-size:18px !important;
    }/* CTA directly below services */.home-mobile-final-cta{
        display:block !important;
        padding:10px 0 36px !important;
        background:#fff !important;
    }.home-mobile-final-cta-box{
        padding:28px 24px !important;
        border:1px solid #dfe4ea !important;
        border-radius:16px !important;
        background:#f7f9fb !important;
        text-align:center !important;
        box-shadow:none !important;
    }.home-mobile-final-cta-box h2{
        margin:0 0 20px !important;
        color:#111827 !important;
        font-size:27px !important;
        line-height:1.15 !important;
    }.home-mobile-final-actions{
        display:block !important;
    }.home-mobile-final-actions .th-btn{
        width:100% !important;
        min-height:54px !important;
        margin:0 !important;
    }/* Remove floating arrow on mobile */.scroll-top{
        display:none !important;
    }}

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

/* =========================================================
   HOMEPAGE MOBILE — FINAL COMPACT CONTENT
========================================================= */

.home-mobile-benefit-list{
    display:none;
}

@media(max-width:991px){/* Final mobile order */.home-main .why-choose-area{
        order:2 !important;
        display:block !important;
    }.home-main .service-clean-area{
        order:3 !important;
    }.home-main .home-mobile-final-cta{
        order:4 !important;
    }/* Keep the Spotless Difference and Why heading */.why-choose-area{
        padding:34px 0 18px !important;
        background:#f5f7fa !important;
    }.why-choose-area .title-area .sub-title3{
        
        justify-content:center !important;
        margin-bottom:10px !important;
    }.why-choose-area .title-area .sec-title{
        margin:0 auto !important;
        font-size:30px !important;
        line-height:1.15 !important;
        text-align:center !important;
    }/* Hide desktop benefit cards; show compact rows */.why-choose-area .row.g-4{
        display:none !important;
    }.home-mobile-benefit-list{
        display:block !important;
        border-top:1px solid #dfe4ea !important;
    }.home-mobile-benefit-row{
        min-height:56px !important;
        display:grid !important;
        grid-template-columns:36px 1fr !important;
        align-items:center !important;
        gap:12px !important;
        padding:11px 2px !important;
        border-bottom:1px solid #dfe4ea !important;
        
        
        
        
    }.home-mobile-benefit-icon{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:21px !important;
    }/* Our Services only; no Exterior Cleaning Services */.service-clean-area{
        padding-top:30px !important;
    }.service-clean-area .title-area .sec-title::after{
        
        
        font-size:30px !important;
        line-height:1.15 !important;
        text-align:center !important;
    }/* Compact service rows already contain only icon + title */.home-mobile-service-list a{
        grid-template-columns:34px 1fr 18px !important;
    }/* CTA: heading and button only */.home-mobile-final-cta-box p{
        display:none !important;
    }}

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

/* =========================================================
   HOMEPAGE MOBILE — FINAL SECTION TITLES
   Desktop remains unchanged.
========================================================= */
@media(max-width:991px){/* Remove the larger mobile heading */.why-choose-area .mobile-hide-why-heading{
        display:none !important;
    }/* THE SPOTLESS DIFFERENCE */.why-choose-area .title-area{
        margin-bottom:14px !important;
        text-align:center !important;
    }.why-choose-area .title-area .sub-title3{
        display:block !important;
        width:100% !important;
        margin:0 auto !important;
        color:#ae2349 !important;
        font-size:15px !important;
        font-weight:800 !important;
        line-height:1.25 !important;
        letter-spacing:.14em !important;
        text-align:center !important;
        text-transform:uppercase !important;
    }/* OUR SERVICES */.service-clean-area .title-area .sub-title3{
        display:block !important;
        width:100% !important;
        margin:0 auto !important;
        color:#ae2349 !important;
        font-size:15px !important;
        font-weight:800 !important;
        line-height:1.25 !important;
        letter-spacing:.14em !important;
        text-align:center !important;
        text-transform:uppercase !important;
    }.service-clean-area .title-area .sec-title{
        display:none !important;
    }.service-clean-area .title-area .sec-title::after{
        content:none !important;
        display:none !important;
    }}

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

/* =========================================================
   HOMEPAGE MOBILE MENU — MATCH ROCKFORD
========================================================= */


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

/* =========================================================
   HOMEPAGE — APPROVED MOBILE MENU
   Matches the approved About-page menu.
   Desktop and the regular page header remain unchanged.
========================================================= */


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

/* =========================================================
   INDEX PAGE — APPROVED ABOUT CTA & FOOTER
   Mobile only. Desktop remains unchanged.
========================================================= */
@media(max-width:991px){/* Keep homepage mobile section order *//* Exact approved About-page CTA */.home-mobile-final-cta.final-cta{
        display:block !important;
        padding:10px 0 36px !important;
        background:#fff !important;
    }.home-mobile-final-cta.final-cta .cta-box{
        padding:28px 24px !important;
        border:1px solid #dfe4ea !important;
        border-radius:16px !important;
        background:#f7f9fb !important;
        box-shadow:none !important;
        text-align:center !important;
    }.home-mobile-final-cta.final-cta .sub-title3,
    .home-mobile-final-cta.final-cta .cta-box p{
        display:none !important;
    }.home-mobile-final-cta.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;
    }.home-mobile-final-cta.final-cta .about-final-actions{
        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
    }.home-mobile-final-cta.final-cta .about-final-actions .th-btn{
        width:100% !important;
        min-height:54px !important;
        margin:0 !important;
    }}

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

/* =========================================================
   INDEX PAGE — FINAL MOBILE CTA BUTTON FONT FIX
   Makes the CTA button match the approved About page exactly.
========================================================= */
@media(max-width:991px){.home-mobile-final-cta .th-btn,
    .home-mobile-final-cta .th-btn.style4,
    .home-mobile-final-cta .about-final-actions .th-btn{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        min-height:54px !important;
        margin:0 !important;
        padding:15px 28px !important;
        border-radius:14px !important;
        font-family:"Outfit",sans-serif !important;
        font-size:18px !important;
        font-weight:700 !important;
        letter-spacing:0 !important;
        line-height:1 !important;
        text-transform:uppercase !important;
        white-space:nowrap !important;
    }}

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

/* FINAL SHARED MOBILE TYPOGRAPHY — HOMEPAGE */
@media(max-width:991px){/* Mobile section headings */.home-main .title-area .sub-title3,
    .home-main .home-mobile-section-heading{
        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;
    }/* Inner rows/lists */.home-mobile-service-list a{
        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;
    }.home-mobile-benefit-row{
        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;
    }}




/* =========================================================
   FOOTER — FINAL MOBILE LAYOUT
   Desktop remains unchanged.
========================================================= */
@media (max-width: 991px){.scroll-top{display:none!important;}}

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


/* FINAL MOBILE FOOTER TEXT VISIBILITY */



/* =========================================================
   FINAL MOBILE FOOTER — COPYRIGHT LAYOUT
   First copyright sentence stays on one line.
   "All Rights Reserved." stays on the second centered line.
   Desktop remains unchanged.
========================================================= */



/* =========================================================
   DESKTOP ABOUT SECTION — BALANCED THREE-STEP LAYOUT
   Removes excess empty space after the fourth checklist item
   was deleted. Mobile remains unchanged.
========================================================= */
@media (min-width: 992px){.about-area-13 .about-wrap13-2{
        justify-content:center !important;
        padding-top:28px !important;
        
    }.about-area-13 .about-wrap13-2 .title-area{
        margin-bottom:32px !important;
    }.about-area-13 .checklist.style2 ul{
        display:flex !important;
        flex-direction:column !important;
        gap:18px !important;
        margin:0 !important;
        padding:0 !important;
    }.about-area-13 .checklist.style2 li{
        margin:0 !important;
    }}


/* =========================================================
   FINAL DESKTOP ABOUT DIVIDER ALIGNMENT
   Aligns the divider with the bottom edge of the left image.
========================================================= */
@media (min-width: 992px){.about-area-13 .about-wrap13-2{
        height:100% !important;
        padding-bottom:0 !important;
    }.about-area-13 .about-content-divider{
        margin-top:auto !important;
        margin-bottom:0 !important;
        flex:0 0 1px !important;
    }}


/* 2026-07-29 MOBILE HERO VISIBILITY FIX */
@media (max-width: 991px) {
  body[data-current-page="index.html"] .hero-13 {
    min-height: 665px !important;
    height: auto !important;
    overflow: hidden !important;
  }
  body[data-current-page="index.html"] .hero-13 .swiper,
  body[data-current-page="index.html"] .hero-13 .swiper-wrapper,
  body[data-current-page="index.html"] .hero-13 .swiper-slide {
    min-height: 665px !important;
    height: 665px !important;
  }
  body[data-current-page="index.html"] .hero-13 .th-hero-bg {
    background-position: 58% center !important;
    background-size: cover !important;
  }
  body[data-current-page="index.html"] .hero-13 .hero-style13 {
    min-height: 665px !important;
    padding: 42px 18px 26px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  body[data-current-page="index.html"] .hero-13 .hero-main-title {
    font-size: clamp(46px, 12vw, 66px) !important;
    line-height: 1.02 !important;
    margin: 0 0 18px !important;
  }
  body[data-current-page="index.html"] .hero-13 .home-mobile-hero-copy {
    font-size: 20px !important;
    line-height: 1.45 !important;
    margin-bottom: 22px !important;
  }
  body[data-current-page="index.html"] .hero-13 .btn-wrap { margin: 0 !important; gap: 12px !important; }
  body[data-current-page="index.html"] .hero-13 .hero-trust-text {
    display: flex !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    gap: 9px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    border: 0 !important;
  }
  body[data-current-page="index.html"] .hero-13 .hero-trust-text span:not(.hero-trust-separator) {
    display: inline-flex !important;
    padding: 8px 15px !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.18) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    backdrop-filter: blur(6px) !important;
  }
  body[data-current-page="index.html"] .hero-13 .hero-trust-separator { display:none !important; }
}
@media (max-width: 575px) {
  body[data-current-page="index.html"] .hero-13,
  body[data-current-page="index.html"] .hero-13 .swiper,
  body[data-current-page="index.html"] .hero-13 .swiper-wrapper,
  body[data-current-page="index.html"] .hero-13 .swiper-slide,
  body[data-current-page="index.html"] .hero-13 .hero-style13 { min-height: 700px !important; height:700px !important; }
  body[data-current-page="index.html"] .hero-13 .th-hero-bg { background-position: 62% center !important; }
}