@media (min-width: 1200px) {

    .container,
    .container-sm {
        max-width: 1224px;

    }

    .hero-home .container {
        max-width: 1132px;
    }

    header .container {
        max-width: 1236px;
    }

    /* mega menu */
    header .mega-menu-wrap {
        background: transparent !important;

    }

    body header #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-item>a.mega-menu-link {
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 22px !important;
        text-transform: uppercase !important;
        background-color: transparent !important;
        color: var(--blue) !important;
        height: auto;
        display: flex;
        align-items: center;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        background: url("../images/down-arrow-menu.svg") no-repeat;
        width: 7px;
        height: 4px;
        content: "" !important;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
        display: inline-flex !important;
        align-items: center !important;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu {
        box-shadow: 0 4px 12px 0 rgba(41, 39, 95, 0.06),
            0 24px 60px 0 rgba(41, 39, 95, 0.18);
        background: #FFFFFF !important;
        border: 1px solid #E0E0EE;
        padding: 16px;
        border-radius: 16px;
        min-width: 220px;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        background-color: transparent !important;
        padding: 10px 14px !important;
        font-weight: 600 !important;

        font-size: 13px !important;
        border-radius: 10px !important;
        line-height: 1.5 !important;
        color: var(--blue) !important;
        display: flex;
        gap: 10px;
        align-items: center;

    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu {
        background: #FFFFFF !important;
        border: 1px solid #E0E0EE;
        padding: 28px;
        border-radius: 16px;
        box-shadow: 0 4px 12px 0 rgba(41, 39, 95, 0.06),
            0 24px 60px 0 rgba(41, 39, 95, 0.18);
        min-width: 720px;

    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        font-family: var(--font-heading) !important;

        font-weight: 400 !important;

        font-size: 11px !important;

        line-height: 17px !important;
        letter-spacing: 1.32px !important;

        text-transform: uppercase !important;
        color: var(--purple) !important;
        border-bottom: 2px solid #7AD0E2;
        padding-bottom: 13px;

    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link>.mega-indicator {
        display: none !important;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
        font-family: var(--font-body) !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        line-height: 20.15px !important;
        color: var(--blue) !important;
        padding: 5px 0 !important;

    }

    .mega-sub-menu .emergency-card {
        background: linear-gradient(154.35deg, #29275F 0%, #9257FF 100%);
        padding: 20px;
        border-radius: 12px;

    }

    .mega-sub-menu .emergency-card .emergency-content .emergency-title {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 19.8px;
        text-transform: uppercase;
        letter-spacing: 0;
        margin-bottom: 7px;
    }

    .mega-sub-menu .emergency-card .emergency-content p {
        font-family: var(--font-body);
        font-weight: 500;

        font-size: 12px;
        color: #fff;

        line-height: 17.4px;


    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.widget_custom_html:has(.emergency-card) {
        padding-right: 0 !important;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
        padding: 12px !important;
    }

    .mega-sub-menu .emergency-card .emergency-badge {
        flex-direction: column;
        font-size: 10px;
        line-height: 15px;
        padding: 4px 10px;
        border-radius: 6px;
        display: block;
        margin-bottom: 11px;

    }

    .mega-sub-menu .emergency-card .emergency-action {
        margin-top: 14px;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn {
        padding: 7px 14px;
        font-size: 11px;
        line-height: 17px;
        letter-spacing: 0.55px;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover {
        color: var(--purple) !important;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
        background-color: #E4E1F0 !important;
        color: #9257FF !important;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-about-us-icon a.mega-menu-link:before {
        content: "";
        display: block;
        flex-shrink: 0;
        background: url("../images/abt-menu-icn.svg") no-repeat;
        width: 14px;
        height: 14px;
        margin: 0;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-blog-icon a.mega-menu-link:before {
        content: "";
        display: block;
        flex-shrink: 0;
        background: url("../images/blog-menu-icn.svg") no-repeat;
        width: 14px;
        height: 14px;
        margin: 0;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-testimonial-icon a.mega-menu-link:before {
        content: "";
        display: block;
        flex-shrink: 0;
        background: url("../images/testimonial-menu-icn.svg") no-repeat;
        width: 14px;
        height: 14px;
        margin: 0;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-career-icon a.mega-menu-link:before {
        content: "";
        display: block;
        flex-shrink: 0;
        background: url("../images/career-menu-icn.svg") no-repeat;
        width: 14px;
        height: 14px;
        margin: 0;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-rocket-icon a.mega-menu-link:before {
        content: "";
        display: block;
        flex-shrink: 0;
        background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23FDB71A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'/><path d='m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/><path d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0'/><path d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/></svg>") no-repeat;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
        margin: 0;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-contact-us-icon a.mega-menu-link:before {
        content: "";
        display: block;
        flex-shrink: 0;
        background: url("../images/contact-menu-icn.svg") no-repeat;
        width: 14px;
        height: 14px;
        margin: 0;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-specials-icon a.mega-menu-link:before {
        content: "";
        display: block;
        flex-shrink: 0;
        background: url("../images/cnt-spl-menu-icn.svg") no-repeat;
        width: 14px;
        height: 14px;
        margin: 0;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-coupons-icon a.mega-menu-link:before {
        content: "";
        display: block;
        flex-shrink: 0;
        background: url("../images/cpn-menu-icn.svg") no-repeat;
        width: 14px;
        height: 14px;
        margin: 0;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-financing-icon a.mega-menu-link:before {
        content: "";
        display: block;
        flex-shrink: 0;
        background: url("../images/fin-menu-icn.svg") no-repeat;
        width: 14px;
        height: 14px;
        margin: 0;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-senior-icon a.mega-menu-link:before {
        content: "";
        display: block;
        flex-shrink: 0;
        background: url("../images/testimonial-menu-icn.svg") no-repeat;
        width: 14px;
        height: 14px;
        margin: 0;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn .btn-icon {
        position: relative;
        width: 8px;
        height: 7px;
        flex-shrink: 0;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn .btn-icon img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: opacity 0.35s linear;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn:hover .btn-icon img.hover {
        opacity: 1;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn:hover .btn-icon img:not(.hover) {
        opacity: 0;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn:hover {
        background: #fff;
        color: #9257FF;
    }

}


@media (max-width: 1279px) {
    header .top-header .right-wrp {
        margin-left: 15px;
    }

    header .top-header .right-wrp .btn-container {
        margin-left: 13px;
    }
}

@media (max-width: 1199px) {
    .mega-menu-main-nav-mobile-open #marqueeTrack {
        display: none;
    }

    .container {
        padding-left: 18px;
        padding-right: 18px;

    }

    h1,
    .h1 {
        font-size: 48px;
        line-height: 54.6px;
    }

    h2,
    .h2 {
        font-size: 44px;
        line-height: 52px;
        letter-spacing: -0.52px;
    }

    h3,
    .h3 {
        font-size: 35px;
        line-height: 1;
    }

    .hero-home-wrp .hh-left h1 ,
    .hero-home-wrp .hh-left h1 p{
        font-size: 49px;
    }

    .hero-home .hero-home-wrp {
        padding-right: 46px;
    }

    .promo-card .coupon .amount {
        font-size: 51px;
    }

    .promo-card {
        padding: 40px 30px;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .promo-card .promo-card-action {
        gap: 25px;
    }

    .services-wrap .service-grid {
        --columns: 3;
    }

    .process-steps .step h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .process-section {
        padding: 74px 0 100px;
    }

    .about-grid {
        gap: 60px;
    }

    .areas-block .van-img img {
        max-width: 220px;
    }

    .rewards-grid .rewards-content h2 {
        font-size: 56px;
    }

    .blog-grid .blog-card .blog-content h3 {
        font-size: 17px;
        line-height: 1.4;
    }

    .blog-grid .blog-card .blog-content {
        padding: 24px 24px 28px;
    }

    .cta-wrp h2 {
        font-size: 62px;
    }

    .cta-section .twenty-four-seven {
        font-size: 25vw;
    }

    .cta-section .cta-rocket {
        left: 30px;
        bottom: 170px;
        max-width: 120px;
    }

    .footer-row {
        gap: 20px;
    }

    #mega-menu-wrap-main-nav .mega-menu-toggle+#mega-menu-main-nav {
        position: fixed;
        height: calc(100vh - 82px);
        left: 0;
        top: 82px;
        width: 100%;
        background: #F0EEF8;
        padding: 14px;
        overflow: auto;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-item>a.mega-menu-link {
        background: #FFFFFF;
        border: 1px solid #E0E0EE;
        margin-bottom: 6px;
        height: auto;
        padding: 16px 18px;
        border-radius: 12px !important;
        line-height: 1;
        color: #29265E;
        font-size: 14px;
        font-family: var(--font-heading);
        letter-spacing: 6%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        content: "" !important;
        display: block;
        background: url("../images/mobile-down-arrow.svg");
        width: 8px;
        height: 5px;
        transition: all 0.33s linear;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator:after {
        transform: rotate(180deg);
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
        color: #29265E;
        background-color: #FDB71A;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu {
        background-color: #fff !important;
        border: 1px solid #E0E0EE !important;
        border-radius: 12px !important;
        padding: 12px 4px !important;
        margin-bottom: 6px;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        font-family: var(--font-heading);
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 12%;
        color: var(--purple);
        padding: 14px 10px 6px;
        text-transform: uppercase;
        border-top: 1px solid #E0E0EE;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column:first-child>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        border-top: none;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        font-family: var(--font-body);
        font-weight: 600;

        font-size: 13px;

        line-height: 100%;
        text-transform: capitalize;
        color: var(--blue);
        padding: 14px 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
        padding: 0;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:before,
    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background: var(--yellow);
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        background: transparent !important;
    }

    .mega-sub-menu .emergency-card {
        background: linear-gradient(154.35deg, #29275F 0%, #9257FF 100%);
        padding: 16px 18px;
        border-radius: 14px;
    }

    .mega-sub-menu .emergency-card .emergency-content .emergency-title {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 100%;
        text-transform: uppercase;
        letter-spacing: 0;
        margin-bottom: 8px;
    }

    .mega-sub-menu .emergency-card .emergency-content .emergency-title br {
        display: none;
    }

    .mega-sub-menu .emergency-card .emergency-content p {
        font-family: var(--font-body);
        font-weight: 500;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.85);
        line-height: 1;
        margin-bottom: 8px;
    }

    .mega-sub-menu .emergency-card .emergency-badge {
        flex-direction: column;
        font-size: 12px;
        line-height: 15px;
        padding: 4px 10px;
        border-radius: 6px;
        display: inline-block;
        margin-bottom: 8px;
        font-family: var(--font-heading);
    }

    .mega-sub-menu .emergency-card .emergency-action {
        margin-top: 14px;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn {
        padding: 7px 14px;
        font-size: 11px;
        line-height: 17px;
        letter-spacing: 0.55px;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn .btn-icon {
        position: relative;
        width: 8px;
        height: 7px;
        flex-shrink: 0;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn .btn-icon img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: opacity 0.35s linear;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn:hover .btn-icon img {
        opacity: 1;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn:hover .btn-icon img {
        opacity: 0;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn:hover {
        background: #fff;
        color: #9257FF;
    }

    .mega-sub-menu .emergency-card .emergency-action .call-now-btn:not(:hover) .btn-icon img:not(.hover) {
        opacity: 1;

    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-item:last-child .mega-menu-link {
        background-color: #29265E !important;
        color: #FDB71A !important;
        display: flex;
        justify-content: space-between;

    }

    header .top-banner {
        transition: all 0.33s linear;
    }

    .mega-menu-main-nav-mobile-open header .top-banner {
        transition: all 0.33s linear;
        margin-top: -47px;
    }

    /* #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-item:last-child .mega-menu-link:after {
        content: "";
        display: block;
        background: url("../images/yellow-down-arrow.svg");
        width: 8px;
        height: 5px;
    } */

    header .top-header .middle-wrp {
        order: 3;
        margin-left: 0;
    }

    header .top-header .right-wrp {
        margin-left: auto;
    }

    #mega-menu-wrap-main-nav .mega-menu-toggle {
        background: #F0EEF8;
        border: 1px solid #E0E0EE;
        height: 44px;
        line-height: 44px;
        border-radius: 12px;
    }

    #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        width: 32px;
        background-color: #29265E;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-home .hero-home-wrp .hh-right.desktop {
        max-width: 380px;
    }

    header .top-banner .top-info-left {
        gap: 15px;
    }

    .areas-block .van-img {
        height: 102px;
    }

    .inner-hero,
    .coupon-section-wrap {
        padding: 56px 0 70px;
    }

    .inner-hero-wrapper {
        gap: 20px;
    }

    .inner-hero-media {
        width: 50%;
    }

    .inner-hero-content h1,
    .form-section-content h2,
    .coupon-section-wrap .content h2,
    .values-section-header h2,
    .gallery-section-header h2,
    .coverage-section .content h2,
    .plumbing-services .content h2,
    .why-works .content h2,
    .open-positions .content h2,
    .financing-steps .content h2,
    .monthly-payments .content h2,
    .cms-hero h1,
    .coupon-section-wrap:has(.details) .content h2,
    .inner-hero-with-searchbar h1,
    .services-wrap .section-header h2 {
        font-size: 48px;
        line-height: 49px;
    }

    .values-section {
        padding: 76px 0;

    }

    .form-section,
    .cms-hero {
        padding: 60px 0 68px;
    }

    .form-section-wrapper {
        gap: 30px;
    }

    .business-section,
    .gallery-section,
    .left-content-right-list,
    .service-single-section,
    .faq-section.with-bg,
    .coverage-section,
    .plumbing-services,
    .logo-content-section,
    .why-works,
    .open-positions,
    .pricing-section,
    .blog-list-sec,
    .single-letest-blog,
    .monthly-payments,
    .editor-section,
    .request-service {
        padding: 66px 0;
    }

    .service-area-section {
        padding: 60px 0 72px;
    }

    .heading-content {
        padding-bottom: 80px;
    }

    .financing-steps .steps {
        grid-template-columns: repeat(3, 1fr);
    }

    .financing-steps {
        padding: 24px 0 66px;
    }

    .page-not-found h1 {
        font-size: 230px;
        line-height: 200px;
    }
}

@media (max-width: 991px) {

    h1,
    .h1 {
        font-size: 42px;
        line-height: 1.2;
    }

    h2,
    .h2 {
        font-size: 38px;
        line-height: 52px;
        letter-spacing: -0.52px;
    }

    h3,
    .h3 {
        font-size: 30px;
        line-height: 1;
    }

    h4,
    .h4 {
        font-size: 28px;
        line-height: 1.1;
    }

    .hero-home .hero-home-wrp {
        flex-direction: column;
        gap: 36px;
    }

    .services-wrap .service-grid {
        --columns: 2;
    }

    .hero-home .hero-home-wrp {
        padding-right: 0;
    }

    .hero-home-wrp .hh-left h1 ,
    .hero-home-wrp .hh-left h1 p{
        font-size: 45px;
    }

    .promo-card .right-col .promo-card-action {
        flex-direction: column;
    }

    .promo-card {
        padding: 35px 30px;
        grid-template-columns: 1.5fr 1fr;
    }

    .promo-card .coupon .amount {
        font-size: 45px;
    }

    .process-wrap .process-steps {
        --columns: 2;
    }

    .process-section {
        padding: 70px 0 80px;
    }

    .about-grid {

        flex-direction: column;
    }

    .about-grid .about-content {
        max-width: 100%;
        width: 100%;
    }

    .about-grid .about-media {
        width: 100%;
    }

    .about-grid .about-media .img-wrap {
        border-radius: 28px;
    }

    .trust-grid {
        gap: 20px;
    }

    .trust-section {
        margin: 65px 0 58px;
    }

    .hero-home .hero-home-wrp .hh-left {
        max-width: 100%;
    }

    .areas-wrap {
        flex-direction: column;
    }

    .areas-wrap .areas-locations {
        max-width: 100%;
    }

    .areas-wrap .areas-map .img-wrap {
        margin-top: 26px;
    }

    .areas-block .van-img img {
        margin-top: 28px;
    }

    .areas-wrap .areas-locations ul.cities {
        grid-template-columns: repeat(4, 1fr);
    }

    .finance-grid .finance-content ul.finance-features {
        grid-template-columns: 1fr;
    }

    .rewards-grid {
        flex-direction: column;
    }

    .rewards-grid .rewards-content {
        max-width: 100%;
    }

    .reviews-wrap .t-card {
        margin-right: 16px;
    }

    .reviews-wrap .t-cards {
        justify-content: center;
        gap: 16px;
    }

    body .t-cards .slick-list.draggable {
        margin-bottom: 25px;
    }

    body .slick-slider .slick-arrow {
        position: static !important;
        transform: inherit !important;
        width: 40px;
        height: 40px;
        background-size: contain !important;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    body .slick-slider .slick-arrow:before {
        content: "";
        display: block;
        background: url("../images/silck-slider-right-arrow.svg") no-repeat;
        width: 16px;
        height: 16px;
    }

    body .slick-slider .slick-arrow.slick-prev:before {
        transform: rotate(180deg);
    }

    body .slick-slider.t-cards .slick-arrow:before {
        filter: brightness(0) invert(1);
    }

    body .t-cards.slick-slider .slick-arrow {
        background-color: rgba(255, 255, 255, 0.08);
    }

    body .slick-list.draggable {
        order: -1;
    }

    body .slick-dots {
        position: relative;
        order: 2;
        width: auto;
        bottom: -2px;
    }

    body .slick-slider .slick-next {
        order: 3;
    }

    body .t-cards .slick-arrow {
        background-color: rgba(255, 255, 255, 0.08);
    }

    body .slick-dots li.slick-active button {
        background: #fff;
        border-radius: 4px;
    }

    body .slick-dots li {
        width: 8px;
        height: 8px;
    }

    body .slick-dots li.slick-active {
        width: 24px;
    }

    .reviews-wrap .ratings-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .reviews-wrap .ratings-row .item {
        flex-direction: column;
        gap: 0;
        justify-content: center;
        align-items: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.06);
        padding: 14px 8px;
        border-radius: 12px;
    }

    .reviews-wrap .ratings-row .item .info {
        flex-direction: column;
    }

    .reviews-wrap .ratings-row .item .stars {
        margin-bottom: 7px;
    }

    .finance-section {
        padding: 64px 0;
    }

    .rewards-grid .rewards-content ul.checklist {
        margin-top: 26px;
    }

    .rewards-grid .rewards-content h2 span br {
        display: none;
    }

    .rewards-grid .rewards-content h2 span {
        display: table;
    }

    .rewards-grid .membership-card,
    .rewards-grid .membership-card .membership-bg,
    .rewards-grid .membership-card .membership-bg img {
        width: 100%;

    }

    .rewards-grid .membership-card {
        max-width: 100%;
    }

    .coupon-grid .coupon-card {
        margin-right: 16px;
    }

    body .coupon-grid.slick-slider .slick-arrow {
        background-color: rgba(41, 39, 95, 0.08);
    }

    .coupon-grid .slick-dots li button {
        background-color: rgba(41, 39, 95, 0.4);
    }

    .coupon-grid .slick-dots li.slick-active button {
        background-color: #29275F;
    }

    .slick-track {
        display: flex !important;
    }

    .slick-slide {
        height: inherit !important;
        display: flex !important;
        flex-direction: column;
    }

    body .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .coupon-section {
        margin: 64px 0;
    }

    .faq-grid .faq-left,
    .faq-grid .faq-lists {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .faq-grid .faq-lists {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .faq-grid {
        gap: 25px;
    }

    .blog-wrap .blog-grid.slick-slider .blog-card {
        margin-right: 16px;
    }

    .blog-wrap .blog-grid.slick-slider .slick-arrow {
        background-color: rgba(255, 255, 255, 0.08);
    }

    body .blog-grid.slick-slider .slick-arrow:before {
        filter: brightness(0) invert(1);
    }

    body .blog-grid.slick-slider {
        gap: 12px;
    }

    body .blog-grid .slick-list.draggable {
        margin-bottom: 28px;
    }

    .location-wrp .location-grid {
        --columns: 2;
    }

    .cta-section .cta-stats {
        --gap: 20px;
    }

    .cta-wrp h2 {
        font-size: 52px;
    }

    .cta-section .cta-stats .stat h3 {
        font-size: 22px;
    }

    /*footer*/
    footer .footer-row {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .fo-bottom-copyright .wrap {
        text-align: center;
        flex-direction: column;
        gap: 0;
    }

    header .top-banner .top-info-left {
        display: none;
    }

    .top-banner .top-info-mobile.mobile {
        display: block;
    }

    header .top-banner .top-info-mobile p {
        font-family: var(--font-heading);
        color: #7AD0E2;
        font-size: 12px;
        line-height: 1;
    }

    .areas-block .van-img {
        height: 130px;
    }

    .inner-hero-wrapper {
        flex-direction: column;
    }

    .inner-hero-content,
    .inner-hero-media {
        width: 100%;
        max-width: 100%;
    }

    .inner-hero-media {
        margin-right: 0;
        margin-top: 0;
    }

    .form-section-wrapper {
        flex-direction: column;
    }

    .form-section-content,
    .form-section-form-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .business-section-wrapper {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .gallery-section-grid,
    .financing-steps .steps,
    .monthly-payments .payment-list {
        /* grid-template-columns: repeat(3, 1fr); */
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
    }

    body .gallery-section-grid.slick-slider .slick-arrow,
    .monthly-payments .payment-list.slick-slider .slick-arrow,
    body .financing-steps .steps.slick-slider .slick-arrow {
        background: #F0EEF8;
    }

    .gallery-section-grid .slick-dots li.slick-active button,
    .monthly-payments .payment-list .slick-dots li.slick-active button,
    .financing-steps .steps .slick-dots li.slick-active button {
        background-color: #9257FF;
    }

    .gallery-section-grid .slick-dots li button,
    .monthly-payments .payment-list .slick-dots li button,
    .financing-steps .steps .slick-dots li button {
        background-color: #D6D2E8;
    }

    .gallery-section-item img {
        aspect-ratio: unset !important;
        max-height: 230px;
        object-position: top;
    }

    .gallery-section-item {
        margin-right: 12px;
    }

    .financing-steps .steps .step,
    .monthly-payments .payment-list .payment-card {
        margin-right: 14px;
    }

    .gallery-section-grid .slick-list,
    .financing-steps .steps .slick-list,
    .monthly-payments .payment-list .slick-list {
        padding-right: 60px;
    }

    body .gallery-section-grid.slick-slider .slick-arrow:before,
    body .financing-steps .steps.slick-slider .slick-arrow:before,
    body .monthly-payments .payment-list.slick-slider .slick-arrow:before {
        background: url("../images/slider-right-arrow-simple.svg") no-repeat;
    }

    .left-content-right-list .wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .left-content-right-list .content,
    .left-content-right-list .points {
        width: 100%;
    }

    .service-content-section .wrapper {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .service-content-section .wrapper .sidebar,
    .service-single-section .wrapper .sidebar {
        position: unset;
    }

    .service-single-section .wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .coverage-section .towns {
        grid-template-columns: repeat(1, 1fr);
    }

    .coverage-section .town-card {
        padding: 30px 32px;
    }

    .faq-grid .faq-left h2 {
        font-size: 44px;
        line-height: 45px;
    }

    .logo-content-section .logo-content-inner {
        display: flex;
        align-items: start;
        justify-content: start;
        flex-direction: column;
        text-align: start;
    }

    .logo-content-section .review-title,
    .logo-content-section .review-description {
        text-align: start;
    }

    .why-works .cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .pricing-section .pricing-card {
        padding: 44px 48px;
        gap: 30px;
        grid-template-columns: 1fr;
    }

    .single-blog-banner .bg-img img {
        height: 435px;
        object-fit: cover;
    }

    .blog-list-sec .posts-list,
    .single-letest-blog .blog-lists-wrp {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-list-sec .ftr-post .post-wrp {
        flex-direction: column;
    }

    .blog-list-sec .ftr-post .post-wrp .img-wrp {
        width: 100%;
        flex: 0 0 100%;
    }

    .blog-list-sec .ftr-post .cnt-wrp {
        width: 100%;
    }

    .single-blog .blog-cnt-wrap {
        gap: 30px;
        display: flex;
        flex-direction: column-reverse;
    }

    .single-blog .single-blog-sidebar {
        width: 100%;
    }

    .monthly-payments .payment-card h3 {
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 21px;
        letter-spacing: 0.52px;
        border-radius: 14px;
        border: 1px solid #E0E0EE;
        box-shadow: 0px 2px 6px 0px #29275F0F;
        background: #FFFFFF;
    }

    .request-service .content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 767px) {

    h1,
    .h1 {
        font-size: 36px;
        line-height: 105%;
    }

    h2,
    .h2 {
        font-size: 30px;
        line-height: 100%;
    }

    h3,
    .h3 {
        font-size: 28px;
        line-height: 1;
    }

    .hero-home {
        padding: 24px 0 36px;
    }

    .areas-wrap .areas-locations ul.cities {
        grid-template-columns: repeat(2, 1fr);
    }

    .rewards-grid .rewards-content h2 {
        font-size: 32px;
    }

    .hero-home-wrp .hh-left h1 ,
    .hero-home-wrp .hh-left h1 p {
        font-size: 36px;
        line-height: 100%;
    }

    .hero-home-wrp .hh-left h1 span.blue ,
    .hero-home-wrp .hh-left h1 p span.blue {
        color: #fff;
    }

    .hero-home-wrp .hh-left h1 span.blue,
    .hero-home-wrp .hh-left h1 span.blue+span ,
    .hero-home-wrp .hh-left h1 p span.blue,
    .hero-home-wrp .hh-left h1 p span.blue+span {
        font-size: 30px;
        letter-spacing: 0;
    }

    .hero-home-wrp .hh-left>p {
        font-size: 14px;
        line-height: 155%;
        margin-bottom: 6px;
    }

    .hero-home-wrp .hh-left .hero-btn {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 16px;
    }

    .hero-home-wrp .hh-left .hero-btn .action-btn {
        justify-content: center;
    }

    .hero-home-wrp .hh-left .review-list {
        padding: 14px 0 0;
        justify-content: center;
        gap: 14px;
    }

    .hero-home-wrp .hh-left .review-list li {
        margin: 0 7px;
        gap: 10px;
    }

    .hero-home-wrp .hh-left .review-list li .review-text h6 {
        font-size: 14px;
    }

    .hero-home-wrp .hh-left .review-list li .review-text p {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 1;
    }

    .hero-home::after {
        right: -50%;
        top: -100px;
        background: radial-gradient(100% 100% at 0% 0%, rgba(146, 87, 255, 0.5) 0%, rgba(146, 87, 255, 0) 100%);
        border-radius: 100%;
        width: 400px;
        height: 400px;
    }

    .hero-home-wrp .hh-right .image-wrp {
        aspect-ratio: 353 / 406;
        border-radius: 20px;
        border: 4px solid var(--white);
        transform: rotate(-2deg);
        box-shadow: 0px 17.54px 43.86px 0px #29275F29;
    }

    .hero-home-wrp .hh-left h1 span.orange ,
    .hero-home-wrp .hh-left h1 p span.orange {
        transform: inherit;
    }

    .hero-home-wrp .hh-right .on-the-way {
        bottom: -19px;
        right: 25px;
        padding: 15px 20px;
        gap: 15px;
        max-width: 295px;
        box-shadow: 0px 27.26px 68.14px 0px #29275F29;
    }

    .hero-home-wrp .hh-right .on-the-way .way-img {
        max-width: 102px;
    }

    .hero-home-wrp .hh-right .on-the-way .way-text .h6 {
        font-size: 16px;
    }

    .hero-home-wrp .hh-right .on-the-way .way-text p {
        font-size: 12.49px;
        line-height: 19px;
        letter-spacing: 1px;
    }

    .promo-card-section {
        padding: 32px 0;
    }

    .promo-card .subhead-eyebrow:before,
    .promo-card .subhead-eyebrow:after {
        display: none;
    }

    .promo-card {
        padding: 28px 22px;
        grid-template-columns: 1fr;
        text-align: center;
    }

    .promo-card .subhead-eyebrow p {
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0;

    }

    .promo-card .subhead-eyebrow {
        margin-bottom: 14px;
    }

    .promo-card h2 {
        font-size: 22px;
        line-height: 105%;
        margin-bottom: 14px;
    }

    .promo-card .desc p {
        font-size: 13px;
        line-height: 145%;
        margin-bottom: 14px;
    }

    .promo-card .fineprint {
        font-size: 12px;
        line-height: 1.1;
        letter-spacing: 8%;
    }

    .promo-card .yellow-btn {
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .service-section {
        padding: 50px 0;
    }

    .subhead-eyebrow {
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0;
        margin-bottom: 12px;
    }

    .section-header h2 {
        font-size: 30px;
        letter-spacing: 0;
        margin-bottom: 12px;
        line-height: 105%;
    }

    .hero-home-wrp .hh-right.mobile {
        margin-bottom: 38px;
    }

    .section-header p {
        font-size: 14px;
        line-height: 145%;
    }

    .services-wrap .section-header {
        margin: auto auto 24px;
    }

    .services-wrap .service-grid {
        gap: 14px;
    }

    .services-wrap .service-grid .service-card {
        width: 100%;
    }

    .service-grid .service-card .badge-txt {
        font-size: 12px;
        border-radius: 6px;
    }

    .services-wrap .cta-wrap {
        display: none;
    }

    .process-section {
        padding: 50px 0;
    }

    .process-wrap .section-header p {
        color: rgba(255, 255, 255, 0.85);
    }

    .process-wrap .process-steps .step {
        width: 100%;
    }

    .process-wrap .process-steps {
        display: grid;
        gap: 14px;
        justify-content: inherit;
    }

    .process-steps .step h3 {
        font-size: 20px;
        line-height: 21px;
    }

    .process-wrap .process-steps .step {
        padding: 18px 22px;
    }

    .process-steps .step p {
        max-width: 231px;
        margin: auto;
    }

    .process-section::before {
        display: none;
    }

    .about-section {
        margin: 50px 0;
    }

    .about-grid .about-media .img-wrap {
        aspect-ratio: 354 / 513;
    }

    .about-grid .about-media .est-badge {
        font-size: 17.97px;
        line-height: 18.6px;
        letter-spacing: 1.44px;
        padding: 10px 13px;
        padding-left: 18px;
    }

    .about-grid .about-media .years-badge {
        right: -18px;
        bottom: -24px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .about-grid .about-media .years-badge .h3 {
        font-size: 38px;
        line-height: 39px;
        display: block;
    }

    .about-grid .about-media .years-badge p {
        font-size: 18px;
    }

    .about-grid .about-content h2 {
        letter-spacing: 0;
        line-height: 100%;
        margin-bottom: 14px;
        font-size: 28px;
    }

    p {
        font-size: 14px;
        line-height: 155%;
    }

    .about-grid .about-content p {
        font-size: 14px;
        line-height: 155%;
    }

    .about-grid .about-content ul.checklist {
        margin-bottom: 14px;
        margin-top: 14px;
        gap: 14px;
    }

    ul.checklist {
        gap: 14px;
    }

    ul.checklist li {
        column-gap: 12px;
    }

    .about-grid .about-content .btn-wrap .blue-btn {
        display: flex;
        justify-content: center;
        box-shadow: 0 14px 28px rgba(41, 38, 94, 0.55),
            0 0 20px 2px rgba(41, 38, 94, 0.30);
    }

    .about-grid .about-content .founder {
        margin-top: 14px;
        padding-top: 24px;
    }

    .trust-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 14px 9px;
    }

    .trust-section {
        margin: 0;
        padding: 30px 0;
        border-top: 1px solid #E0E0EE;
        border-bottom: 1px solid #E0E0EE;
        margin-bottom: 50px;
    }

    .trust-grid .item .icon-box {
        margin-bottom: 11px;
        border-radius: 9px;
        width: 37px;
        height: 37px;
    }

    .trust-grid .item .icon-box img {
        max-width: 17px;
    }

    .trust-grid .item p {
        font-size: 12px;
        line-height: 1.1;
    }

    .areas-wrap .areas-locations h2 {
        font-size: 28px;
        line-height: 1;
        margin-bottom: 12px;
        letter-spacing: 0;
    }

    .areas-wrap .areas-locations p {
        font-size: 14px;
        line-height: 155%;
    }

    .areas-wrap .areas-locations ul.cities {
        margin-top: 22px;
    }

    .areas-wrap .areas-map .img-wrap {
        margin-top: 0;
        border: none;
        box-shadow: 0px 12.87px 32.18px 0px #29275F29;
        border-radius: 15px;
        aspect-ratio: inherit;
    }

    .areas-wrap .areas-map .img-wrap img {
        border-radius: 15px;
        height: 283px;
    }

    .areas-block .van-img {
        display: none;
    }

    .areas-block {
        margin: 50px 0;
    }

    .reivew-section {
        padding: 50px 0;
    }

    .reviews-wrap .section-header h2 {
        margin-bottom: 12px;
        font-size: 28px;
        line-height: 100%;
    }

    .t-cards .slick-list.draggable {
        padding-right: 20px;
    }

    .reviews-wrap .t-card {
        border-radius: 0;
        padding: 28px 24px;
    }

    .reviews-wrap .t-card .google-logo {
        display: none;
    }

    .reviews-wrap .t-card .card-top:before {
        font-size: 65px;
    }

    .reviews-wrap .t-card .card-top .stars {
        margin-bottom: 33px;
        margin-top: 0;
    }

    .reviews-wrap .t-card .review-text p {
        font-size: 14px;
        line-height: 23px;
    }

    .reviews-wrap .t-card .reviewer h6 {
        font-size: 12px;
        line-height: 15px;
    }

    .reviews-wrap .t-card .reviewer small {
        font-size: 14px;
        line-height: 16px;
    }

    .reviews-wrap .ratings-row {
        margin-top: 32px;
        padding-top: 14px;
    }

    .reviews-wrap .ratings-row .item small {
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0;
    }

    .reviews-wrap .ratings-row .item .h6 {
        font-size: 14px;
        line-height: 1;
    }

    .finance-section {
        padding: 50px 0 0;
    }

    .finance-grid {
        display: flex;
        flex-direction: column-reverse;
    }

    .finance-grid .finance-content h2 {
        letter-spacing: 0;
        font-size: 32px;
        line-height: 1;

    }

    .finance-grid .finance-content p {
        font-size: 14px;
        line-height: 155%;
    }

    .finance-grid .finance-content ul.finance-features {
        margin: 22px 0;
    }

    .finance-grid .finance-content ul.finance-features li:before {
        background: url("../images/mobile-purple-check.svg") no-repeat;
        width: 24px;
        height: 24px;
    }

    .finance-grid .finance-content ul.finance-features li {
        background: #E4E1F0;
        border-left: none;
        border-radius: 14px;
        padding: 14px 16px;
        font-weight: 700;
        font-size: 14px;
        line-height: 1;
        gap: 12px;
        align-items: center;
    }

    .finance-grid .finance-content .blue-btn {
        display: flex;
        text-align: center;
        justify-content: center;
        box-shadow:
            0 14px 28px rgba(41, 38, 94, 0.55),
            0 0 20px 2px rgba(41, 38, 94, 0.30);
    }

    .membership-section {
        padding: 50px 0;
    }

    .rewards-grid .rewards-content h2 span {
        transform: inherit;
        padding: 4px 12px;
    }

    .rewards-grid .rewards-content .subhead-eyebrow {
        margin-left: 0;
        margin-bottom: 24px;
    }

    .rewards-grid .rewards-content h2 {
        font-size: 36px;
    }

    .rewards-grid .rewards-content p {
        font-size: 14px;
        line-height: 155%;
    }

    .rewards-grid .rewards-content .checklist li {
        padding: 10px 0;
    }

    .rewards-grid {
        gap: 24px;
    }

    .rewards-grid .membership-card .membership-inner .membership-logo img {
        max-width: 64px;
        position: relative;
        left: -20px;
        margin-bottom: -12px;
    }

    .rewards-grid .membership-card .membership-inner h3 {
        font-size: 38px;
        line-height: 1;
    }

    .rewards-grid .membership-card .benefits-list li:before {
        width: 16px;
        height: 16px;
    }

    .rewards-grid .membership-card .benefits-list li {
        font-weight: 600;
        font-size: 20px;
        line-height: 22px;
    }

    .coupon-section {
        margin: 0;
        padding: 50px 0;
        background: #F0EEF8;
    }

    .coupon-wrap .section-header h2 {
        letter-spacing: 0;
        margin-bottom: 12px;
        font-size: 28px;
    }

    .coupon-grid .slick-list.draggable {
        padding-right: 70px;
        margin-bottom: 28px;
    }

    .coupon-grid .coupon-card {
        background: #fff;
        border-radius: 0;
        padding: 35px 15px;
        border-left: none;
        border-right: none;
    }

    .coupon-grid .coupon-card:before,
    .coupon-grid .coupon-card:after {
        display: none;
    }

    .coupon-grid .coupon-card .coupon-price {
        font-size: 52px;
        margin-bottom: 2px;
        line-height: 1;
    }

    .coupon-grid .coupon-card .coupon-subtitle {
        font-size: 10px;
        line-height: 17px;
        letter-spacing: 1.32px;
    }

    .coupon-grid .coupon-card .coupon-code {
        margin: 19px 0 15px;
        margin-top: auto;
    }

    .coupon-grid .coupon-card .coupon-expire {
        letter-spacing: 0.93px;
    }

    .coupon-grid.slick-slider {
        gap: 12px;
    }

    .faq-section {
        margin: 50px 0;
    }

    .faq-grid {
        gap: 24px;
        flex-direction: column;
    }

    .faq-grid .faq-left {
        text-align: center;
    }

    .faq-grid .faq-left .subhead-eyebrow {
        font-size: 14px;
        line-height: 1;
        margin-bottom: 24px;
    }

    .faq-grid .faq-left h2 {
        margin-bottom: 24px;
    }

    .faq-grid .faq-contact-box {
        background: #E4E1F0;
        border-left: 3px solid #4FB3C9;
        padding: 34px 25px;
        border-radius: 14px;
        margin-top: 24px;
        text-align: left;
    }

    .faq-grid .faq-contact-box h3 {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 5px;
    }

    .faq-grid .faq-contact-box p {
        font-size: 14px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .faq-grid .faq-contact-box .yellow-btn {
        padding: 12px 21px;
        font-size: 16px;
        letter-spacing: 0.86px;
        line-height: 1;
    }

    .faq-lists .faq-item {
        border-radius: 8px;
        --px: 15px;
    }

    .faq-lists .faq-item .faq-question {
        font-size: 16px;
        line-height: 1;
        padding: 10px var(--px);
        gap: 15px;
    }

    .faq-lists .faq-item .faq-question .faq-icon {
        width: 20px;
        height: 20px;
        border-radius: 5px;
    }

    .faq-lists .faq-item .faq-question .faq-icon img {
        max-width: 6px;
    }

    .faq-lists .faq-item .faq-answer,
    .faq-lists .faq-item .faq-answer p {
        font-size: 14px;
        line-height: 17px;
    }

    .faq-lists .faq-item .faq-answer {
        padding: 0px var(--px) 13px;
    }

    .blog-section {
        padding: 50px 0;
    }

    .blog-wrap .section-header h2 {

        margin-bottom: 12px;
        font-size: 28px;
        line-height: 105%;
    }

    .blog-wrap .section-header p {
        color: rgba(255, 255, 255, 0.85);
    }

    .blog-wrap .section-header {
        margin: auto auto 24px;
    }

    .blog-grid .slick-list.draggable {
        padding-right: 50px;
        margin-bottom: 28px;
    }

    body .blog-grid.slick-slider {
        gap: 12px;
    }

    .blog-grid .blog-card .blog-content {
        padding: 24px 15px;
    }

    .blog-grid .blog-card .blog-content .blog-meta {
        font-size: 10px;
    }

    .blog-grid .blog-card .blog-content h3 {
        font-size: 19px;
        margin-bottom: 7px;
    }

    .blog-grid .blog-card .blog-content p {
        margin-bottom: 12px;
    }

    .blog-wrap .blog-btn-wrap .yellow-btn {
        display: flex;
        justify-content: center;
    }

    .blog-grid .blog-card .blog-image {
        aspect-ratio: inherit;
        height: 220px;
    }

    .location-section {
        padding: 50px 0;
    }

    .location-wrp .section-header {
        margin-bottom: 24px;
    }

    .location-wrp .section-header h2 {
        font-size: 28px;
    }

    .location-wrp .location-grid .location-map {
        width: 100%;
    }

    .location-wrp .location-grid {
        gap: 16px;
    }

    .location-wrp .location-grid .location-map {
        border-radius: 16px;
    }

    .location-wrp .location-grid .location-map .location-img iframe {
        display: block;
        height: 186px;
    }

    .location-wrp .location-grid .location-map .location-cnt {
        padding: 26px;
    }

    .location-wrp .location-grid .location-map .location-cnt h3 {
        margin-bottom: 9px;
        font-size: 20px;
        line-height: 21px;
    }

    .location-grid .location-map .location-cnt .location-btns {
        gap: 7px;
    }

    .cta-section::before,
    .blog-section::before {
        display: none;
    }

    .cta-wrp .cta-badge:before {
        flex-shrink: 0;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #4ADE80;
    }

    .cta-wrp .cta-badge {
        font-size: 12px;
        line-height: 1;
        letter-spacing: 14%;
        align-items: flex-start;
    }

    .cta-wrp h2 {
        font-size: 32px;
        letter-spacing: 0;
        margin-bottom: 18px;
    }

    .cta-wrp h2>span {
        background: none;
    }

    .cta-wrp .des p {
        font-size: 14px;
        line-height: 145%;
    }

    .cta-wrp .des {
        margin: auto auto 18px;
    }

    .cta-section {
        padding: 50px 0;
        background: linear-gradient(90deg, #1B1A42 0%, #29265E 100%);

    }

    .cta-section .cta-rocket {
        display: none;
    }

    .cta-wrp .cta-btns .call-btn {
        padding: 15px 38px;
        border-radius: 17px;
        box-shadow: inset 0 -3.45px 0 0 rgba(0, 0, 0, 0.15);
    }

    .cta-wrp .cta-btns .call-btn span {
        font-size: 12px;
        color: rgba(41, 39, 95, 1);
    }

    .cta-wrp .cta-btns .blue-btn {
        display: none;
    }

    .cta-section .cta-stats {
        --gap: 14px;
        padding-top: 17px;
    }

    .cta-section .cta-stats .stat h3 {
        font-size: 12px;
        margin-bottom: 2px;
    }

    .cta-section .cta-stats .stat>span {
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0.47px;
    }

    .cta-section .twenty-four-seven {
        font-size: 180px;
        line-height: 1;
        transform: inherit;
        right: auto;
        bottom: -60px;
        left: 60px;
    }

    .promo-card .coupon {
        padding: 21px 27px;
        width: max-content;
        margin: auto auto 14px;
    }

    .promo-card .coupon .amount {
        font-size: 36px;
    }

    .promo-card .coupon .off {
        font-size: 12px;
        line-height: 1;
        letter-spacing: 1.13px;
        box-shadow: 0px 14.55px 32.34px 0px #FDB71A73;
    }

    header .logo img {
        max-width: 140px;
    }

    header .top-banner .top-info-left {
        display: none;
    }

    header .top-banner .top-header-wrap {
        flex-direction: column;
        gap: 6px;
    }

    header .top-banner .top-info-right {
        width: 100%;
    }

    .top-banner .rocket-btn {
        font-size: 13px;
        line-height: 1;
        letter-spacing: 10%;
        padding: 12px 14px;
        width: 100%;
        display: flex;
        justify-content: center;
        font-family: var(--font-heading);
        font-weight: 400;
    }

    .mega-menu-main-nav-mobile-open header .top-banner {
        margin-top: -73px;
    }

    #mega-menu-wrap-main-nav .mega-menu-toggle+#mega-menu-main-nav {
        height: calc(100vh - 69px);
        top: 69px;
        padding-bottom: 115px;
    }

    /*footer*/

    footer .footer-row {
        grid-template-columns: 1fr;
        gap: 29px;
        padding: 44px 0 28px;
    }

    footer .f-payment-row {
        margin-bottom: 24px;
    }

    footer .fo-bottom-copyright {
        border-top: none;
        padding: 22px 0 50px;
        background: #1B1A42;
        margin-left: -18px;
        margin-right: -18px;
        color: rgba(255, 255, 255, 0.6);
    }

    .fo-bottom-copyright .wrap .fo-copy p,
    .fo-bottom-copyright li a,
    .fo-bottom-copyright .fo-digital-text,
    .fo-bottom-copyright .fo-digital-text a {
        font-size: 12px;
        line-height: 145%;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 600;
    }

    footer .fo-bottom-copyright .wrap {
        padding: 0 18px;
    }

    .fo-bottom-copyright .privacy-list ul li:not(:first-child):before {
        display: none;
    }

    .fo-bottom-copyright .privacy-list ul {
        gap: 14px;
        flex-wrap: wrap;
    }

    footer .fo-bottom-copyright .privacy-list {
        margin-top: 10px;
    }

    footer .fo-bottom-copyright .privacy-list li a {
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 6%;
        color: rgba(255, 255, 255, 0.6);
        text-transform: uppercase;
        font-weight: 700;
    }

    .footer-col ul li:not(:last-child) {
        margin-bottom: 17px;
    }

    .footer-col h5 {
        max-width: 100%;
    }

    footer .footer-col .f-social-list li {
        margin: 0;
    }

    footer .footer-col .f-social-list {
        margin: 44px auto 0;
        justify-content: center;
    }

    footer:before {
        display: none;
    }

    header .top-header .right-wrp {
        display: none;
    }

    .membership-card .price-card {
        padding: 14px;
        border-radius: 14px;
        box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.22);
    }

    .membership-card .price-card .plan-switch button {
        padding: 7px 16px;
        font-size: 12px;
    }

    .membership-card .price-card .amount {
        font-size: 44px;
        line-height: 1;
    }

    .membership-card .price-card .price {
        align-items: center;
        flex-wrap: nowrap;
    }

    .membership-card .price-card .duration {
        font-size: 13px;
    }

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .inner-hero,
    .coupon-section-wrap {
        padding: 44px 0 50px;
    }

    .inner-hero-media {
        display: none
    }

    .page-id-217 .inner-hero-media {
        display: block;
    }

    /* .inner-hero-content h1 span {
        display: block;
    } */

    .inner-hero-content h1,
    .form-section-content h2,
    .coupon-section-wrap .content h2,
    .inner-hero-with-searchbar h1,
    .single-blog-banner h1,
    .cms-hero h1 {
        font-size: 42px;
        line-height: 43.68px;
        letter-spacing: 0.42px;
    }

    .single-blog-banner h1 {
        line-height: 46.2px;
    }

    .values-section-header h2,
    .left-content-right-list h2 p,
    .gallery-section-header h2,
    .coverage-section .content h2,
    .plumbing-services .content h2,
    .why-works .content h2,
    .open-positions .content h2,
    .coupon-section-wrap:has(.details) .content h2,
    .financing-steps .content h2,
    .monthly-payments .content h2,
    .services-wrap .section-header h2 {
        font-size: 34px;
        line-height: 34.68px;
        letter-spacing: 0.34px;
    }

    .faq-grid .faq-left h2 {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 0;
    }

    .inner-hero-content h1 br,
    .values-section-header h2 br,
    .why-works .content h2 br,
    .faq-section.with-bg .faq-grid .faq-left h2 br,
    .open-positions .content h2 br {
        display: none;
    }

    .inner-hero-actions {
        flex-direction: column;
    }

    .inner-hero-actions .yellow-btn,
    .inner-hero-actions .inner-hero-call {
        width: 100%;
        line-height: 14px;
    }

    .values-section {
        padding: 52px 0;
    }

    .values-section-grid {
        grid-template-columns: repeat(1, 1fr);
    }


    /* fixed call button mibile  */
    .call-div.fix {
        position: fixed;
        bottom: 0;
        z-index: 999;
        background: rgba(27, 26, 66, 0.95);
        border-top: 1px solid rgba(253, 183, 26, 0.4);
        padding: 14px 16px 22px;
        width: 100%;
    }

    .call-div.fix .call-btn {
        background: linear-gradient(135deg, #FDB71A 0%, #E74B22 70.72%);
        border-radius: 999px;
        padding: 12px 24px;
        flex-direction: column;
        width: 100%;
        font-family: var(--font-heading);
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 12%;
        color: #FFFFFF;
        gap: 2px;
    }

    .call-div.fix .call-btn strong,
    .call-div.fix .call-btn .h1 {
        font-size: 22px;
        line-height: 22px;
        letter-spacing: 0%;
        color: #FFFFFF;
        margin: 0;
    }

    footer {
        padding-bottom: 99px;
    }

    .inner-hero .container,
    .single-blog-banner .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .business-section,
    .gallery-section,
    .left-content-right-list,
    .service-area-section,
    .faq-section.with-bg,
    .service-single-section,
    .coverage-section,
    .plumbing-services,
    .logo-content-section,
    .why-works,
    .open-positions,
    .pricing-section,
    .blog-list-sec,
    .single-letest-blog,
    .financing-steps,
    .monthly-payments,
    .editor-section,
    .request-service {
        padding: 52px 0;
    }


    .service-area-section .map {
        max-width: 540px;
        max-height: 450px;
        min-height: 294px;
        min-width: 100%;
        width: 100%;
        height: 100%;
        border: 5px solid var(--white);
        border-radius: 18px;
    }

    .form-section {
        padding: 52px 0 40px;
    }

    .cms-hero {
        padding: 44px 0 40px;
    }

    .business-section-content p,
    .service-area-section .content p {
        font-size: 16px;
        line-height: 25px;
    }

    .left-content-right-list .content>p,
    .heading-content .content p {
        font-size: 16px;
        line-height: 28px;
    }

    .business-section-action {
        width: 100%;
    }

    .left-content-right-list .content .yellow-btn,
    .business-section-action .action-arrow-btn {
        width: 100%;
        justify-content: center;
    }

    .service-content-section .wrapper .video,
    .service-single-section .wrapper .video,
    .single-blog .service-video {
        height: 196px;
    }

    .service-content-section .wrapper .bottom-cta,
    .service-single-section .wrapper .bottom-cta {
        flex-direction: column;
        background: linear-gradient(115.83deg, #29275F 0%, #4B3A9E 60%, #9257FF 100%);

    }

    .service-content-section .wrapper .bottom-cta>a,
    .service-single-section .wrapper .bottom-cta>a,
    .single-blog .services-cta a {
        width: 100%;
    }

    .faq-section.with-bg .faq-grid .faq-left {
        flex: unset;
        max-width: 100%;
    }

    .faq-section.with-bg .faq-lists .faq-item .faq-question .faq-icon {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        box-shadow: 0px 2px 6px 0px #29275F0F;
    }

    .faq-section.with-bg .faq-lists .faq-item .faq-question .faq-icon img {
        max-width: 14px;
    }

    .coverage-section .content {
        margin: 0 auto 56px;
    }

    .coverage-section .card-head span {
        white-space: nowrap;
    }

    .coverage-section .card-head h3 {
        line-height: 22.44px;
    }

    .coverage-section .list li {
        line-height: 22px;
    }

    .page-id-7321 .service-content-section .wrapper .content ul.list-tick li::before {
        top: 0;
        transform: translateY(0) rotate(-45deg);
    }

    .page-id-7321 .service-content-section .wrapper ul.list-tick li:after {
        transform: translateY(0) rotate(-45deg);
        top: 5px;
    }

    .heading-content {
        padding-bottom: 65px;
        padding-top: 52px;
    }

    .logo-content-section .logo-content-inner {
        gap: 10px;
    }

    .page-id-672 .inner-hero-media,
    .page-id-672 .inner-hero-content h1 br {
        display: block;
    }

    .why-works .cards {
        grid-template-columns: repeat(1, 1fr);
    }

    .open-positions .position-head {
        gap: 15px;
    }

    .coupon-section-wrap:has(.details) .yellow-btn,
    .pricing-section .yellow-btn {
        width: 100%;
        justify-content: center;
    }

    .pricing-section .image img {
        max-width: 200px;
        margin: 0 auto;
    }

    .blog-list-sec .ftr-post .cnt-wrp {
        padding: 42px;
    }

    .blog-list-sec .posts-list,
    .single-letest-blog .blog-lists-wrp {
        grid-template-columns: repeat(1, 1fr);
    }

    .single-blog .simple-content h4 {
        margin-top: 33px;
    }

    .page-not-found h1 {
        font-size: 140px;
        line-height: 140px;
    }

    .page-not-found .orange-btn {
        width: 100%;
        margin: 0;
        margin-bottom: 16px;
    }

    .page-not-found .purple-btn {
        width: 100%;
        margin: 0;
    }
    .footer-row .col-brand {
 margin-left: auto;margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
}

/* ==========================================================================
   LMH Volley QA fixes (Final Q/A round), 2026-09-29
   ========================================================================== */

/* #13 About image: round the wrapper so the shadow follows the curve */
.about-grid .about-media .img-wrap { border-radius: 28px; overflow: hidden; }

/* #64 Remove the rainbow gradient bar on service card hover */
.services-wrap .service-grid .service-card::before { display: none !important; }

/* #16 Thinner quote mark on review cards */
.reviews-wrap .t-card .card-top::before {
  content: "" !important; width: 38px; height: 30px; margin-bottom: 30px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 30' fill='none' stroke='%23FDB71A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 28V17C3 9 7 4 14 2'/%3E%3Cpath d='M3 17h9v11H3z'/%3E%3Cpath d='M23 28V17c0-8 4-13 11-15'/%3E%3Cpath d='M23 17h9v11h-9z'/%3E%3C/svg%3E") left center / contain no-repeat;
}

/* #33 Platform logos in the ratings row */
.reviews-wrap .ratings-row .item { align-items: center; }
.reviews-wrap .ratings-row .item .platform-logo { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; flex-shrink: 0; }
.reviews-wrap .ratings-row .item .platform-logo img { width: 24px; height: 24px; object-fit: contain; display: block; }
.reviews-wrap .ratings-row .item .stars { margin-bottom: 6px; }

/* #17 Space between the Rocket Rewards highlight and "CLUB" */
.rewards-grid .rewards-content h2 span { margin: 6px 0 14px; padding: 4px 10px; }

/* #19 Benefits list readability on the yellow card */
.rewards-grid .membership-card .benefits-list { background: rgba(255, 255, 255, 0.94); border-radius: 14px; padding: 18px 20px 6px; box-shadow: 0 10px 30px rgba(41, 39, 95, 0.12); }
.rewards-grid .membership-card .benefits-list li { color: var(--blue); }

/* #34 CTA heading underline and 24/7 background */
.cta-wrp h2::after { display: none !important; }
.cta-wrp h2 .cta-underline { background: linear-gradient(transparent 70%, var(--yellow) 70%, var(--yellow) 90%, transparent 90%); padding: 0 2px; }
.cta-section .twenty-four-seven { font-size: 210px; color: rgba(253, 183, 26, 0.16); bottom: auto; top: 60px; right: 40px; }

/* #23 Location cards: pin the buttons to the bottom so they line up */
.location-wrp .location-grid .location-map { display: flex; flex-direction: column; }
.location-wrp .location-grid .location-map .location-cnt { flex: 1 1 auto; display: flex; flex-direction: column; }
.location-grid .location-map .location-cnt .location-btns { margin-top: auto; }
.location-wrp .location-grid .location-map .location-cnt .location-info { margin-bottom: 16px; }

/* #15 Area van: show the whole van at a crisp size and let it fully exit */
.areas-block .van-img { height: 230px; }
.areas-block .van-img img { height: 200px; width: auto; max-width: none; top: 15px; animation: lmhDriveTruck 14s linear infinite; }
@keyframes lmhDriveTruck { 0% { left: 100%; } 100% { left: -480px; } }

/* #20 Coupon cards: keep every card and code button the same size */
.coupon-grid .coupon-card { display: flex; flex-direction: column; }
.coupon-grid .coupon-card .coupon-code { margin-top: auto; }

/* #66 Mobile top bar offer button */
.top-banner .mobile-offer-btn { display: none; }

@media (max-width: 1199px) {
  .areas-block .van-img { height: 150px; }
  .areas-block .van-img img { height: 130px; max-width: none; }
}
@media (max-width: 991px) {
  .cta-section .twenty-four-seven { font-size: 160px; top: 40px; right: 20px; }
}
@media (max-width: 767px) {
  /* #63 Simpler hero headline on phones */
  .hero-home-wrp .hh-left h1, .hero-home-wrp .hh-left h1 p { font-size: 28px; line-height: 1.15; }
  .hero-home-wrp .hh-left h1 .hh-sub span.highlight { display: inline-block; }
  .hero-home-wrp .hh-left h1 .hh-sub { display: block; }
  .hero-home-wrp .hh-left h1 .hh-sub:nth-child(2) { display: none; }
  .hero-home-wrp .hh-left h1 span.highlight { padding: 2px 8px; margin: 3px 0; }

  /* #24 Hero stats: three even columns */
  .hero-home-wrp .hh-left .review-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .hero-home-wrp .hh-left .review-list li { flex-direction: column; text-align: center; margin: 0; gap: 8px; }
  .hero-home-wrp .hh-left .review-list li .review-text p { font-size: 11px; line-height: 1.3; }

  /* #66 Swap Rocket Rewards for the $75 offer on phones */
  .top-banner .top-info-right .rocket-btn { display: none; }
  .top-banner .mobile-offer-btn { display: flex; justify-content: center; width: 100%; font-size: 13px; line-height: 1; letter-spacing: 1px; padding: 12px 14px; font-family: var(--font-heading); font-weight: 400; }

  .cta-section .twenty-four-seven { font-size: 120px; top: 30px; bottom: auto; left: auto; right: 10px; }
  .rewards-grid .rewards-content h2 span { margin: 6px 0 10px; }
}


/* ---------- LMH Volley QA fixes, batch 2 (2026-09-29) ---------- */

/* #55 Service area section: map beside the copy instead of stacked with dead space */
.service-area-section .wrapper { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 64px; row-gap: 24px; align-items: center; }
.service-area-section .map { grid-row: 1 / span 2; width: 100%; height: auto; aspect-ratio: 5 / 4; margin: 0; }
.service-area-section .content { text-align: left; margin: 0; align-self: end; }
.service-area-section .content h2 { font-size: 34px; line-height: 1.1; }
.service-area-section .content p { margin: 0; }
.service-area-section .areas { justify-content: flex-start; align-self: start; }

/* #41 #67 Inner hero call button: show the filled style by default */
.inner-hero-call { border-color: var(--yellow); background: var(--yellow); color: var(--blue); }
.inner-hero-call:hover { background: #fff; border-color: #fff; color: var(--blue); }

/* #42 About banner: sharper photo at a sensible height */
.banner-img .full-img img { height: clamp(300px, 36vw, 520px); max-height: 520px; object-position: center 40%; }

/* #43 Founder note on the About page */
.owner-note { padding: 90px 0; background: #f0eef8; }
.owner-note-card { display: flex; gap: 48px; align-items: flex-start; max-width: 980px; margin: 0 auto; background: #fff; border-radius: 24px; padding: 48px 56px; box-shadow: 0 24px 60px rgba(41, 39, 95, 0.12); border-left: 6px solid var(--yellow); }
.owner-note-media { flex: 0 0 140px; }
.owner-note-media img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; border: 5px solid var(--yellow); display: block; }
.owner-note-body .subhead-eyebrow { display: block; margin-bottom: 10px; }
.owner-note-body h2 { font-size: 36px; line-height: 1.1; margin: 0 0 18px; color: var(--blue); }
.owner-note-body p { color: #5a5980; font-size: 17px; line-height: 1.7; margin: 0 0 14px; }
.owner-note-sign { margin-top: 22px; display: flex; flex-direction: column; gap: 4px; }
.owner-signature { font-family: "Brush Script MT", "Segoe Script", "Snell Roundhand", cursive; font-size: 40px; line-height: 1; color: var(--blue); }
.owner-title { font-size: 12px; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 700; color: var(--purple); }

/* Coupons: "mention when scheduling" label matches the code buttons; share link */
.coupon-grid .coupon-card .coupon-mention { cursor: default; }
.coupon-grid .coupon-card .coupon-share { background: none; border: 0; padding: 10px 0 0; margin: 0 auto; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--purple); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.coupon-grid .coupon-card.is-shared { outline: 3px solid var(--yellow); outline-offset: 4px; }

/* Offer banner on the contact page */
.lmh-offer-claimed { display: flex; align-items: center; gap: 16px; background: var(--yellow); color: var(--blue); border-radius: 14px; padding: 16px 18px; margin: 0 0 20px; font-size: 15px; line-height: 1.45; }
.lmh-offer-claimed .lmh-offer-amount { font-family: var(--font-heading); font-size: 22px; line-height: 1; background: var(--blue); color: var(--yellow); border-radius: 10px; padding: 10px 12px; white-space: nowrap; }

/* #52 Contact page: shorter hero so the form shows sooner */
.page-id-10944 .inner-hero { padding-top: 48px; padding-bottom: 48px; }

/* #26 Services page category tabs */
.lmh-service-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 32px; }
.lmh-service-tabs button { border: 1px solid #e0e0ee; background: #fff; color: var(--blue); border-radius: 999px; padding: 11px 20px; font-family: var(--font-heading); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; }
.lmh-service-tabs button.active, .lmh-service-tabs button:hover { background: var(--blue); border-color: var(--blue); color: #fff; }

/* #53 Video cover */
.service-single-section .video { position: relative; }
.lmh-video-cover { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0; border-radius: 18px; overflow: hidden; cursor: pointer; background: var(--blue); }
.lmh-video-cover img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.85; transition: transform 0.4s; }
.lmh-video-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(41, 39, 95, 0.1) 30%, rgba(41, 39, 95, 0.85) 100%); }
.lmh-video-cover:hover img { transform: scale(1.03); }
.lmh-video-cover .lmh-play { position: absolute; z-index: 2; left: 50%; top: 50%; width: 84px; height: 84px; margin: -42px 0 0 -42px; border-radius: 50%; background: var(--orange); box-shadow: 0 12px 30px rgba(231, 75, 34, 0.45); }
.lmh-video-cover .lmh-play::before { content: ""; position: absolute; left: 34px; top: 26px; border-style: solid; border-width: 16px 0 16px 26px; border-color: transparent transparent transparent #fff; }
.lmh-video-cover .lmh-video-title { position: absolute; z-index: 2; left: 28px; right: 28px; bottom: 22px; color: #fff; font-family: var(--font-heading); font-size: 20px; text-align: left; }

/* #51 Reviews page rating badge in place of the lone Google logo */
.logo-content-section .review-rating-badge { display: flex; align-items: center; gap: 16px; background: #fff; border-radius: 16px; padding: 18px 22px; box-shadow: 0 10px 30px rgba(41, 39, 95, 0.08); }
.review-rating-badge .rrb-icon { width: 40px; height: 40px; }
.review-rating-badge .rrb-text { display: flex; flex-direction: column; gap: 4px; }
.review-rating-badge .rrb-score { font-family: var(--font-heading); font-size: 30px; line-height: 1; color: var(--blue); }
.review-rating-badge .rrb-count { font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #5a5980; }

/* #50 Reviews page carousel */
.t-cards-carousel { margin: 0 -12px; }
.t-cards-carousel .slick-slide { padding: 0 12px; height: auto; }
.t-cards-carousel .slick-track { display: flex; }
.t-cards-carousel .slick-slide > div, .t-cards-carousel .t-card { height: 100%; }

/* #56 Tighter gap before the coupon section on service pages */
.finance-section + .coupon-section { margin-top: 0; padding-top: 24px; }

@media (max-width: 991px) {
  .service-area-section .wrapper { grid-template-columns: 1fr; }
  .service-area-section .map { grid-row: auto; }
  .service-area-section .content { text-align: center; }
  .service-area-section .content p { margin: 0 auto; }
  .service-area-section .areas { justify-content: center; }
  .owner-note-card { flex-direction: column; align-items: center; text-align: center; padding: 36px 26px; }
}
@media (max-width: 767px) {
  /* #68 CTA spacing on phones */
  .cta-wrp h2 { line-height: 1.15; margin-bottom: 22px; }
  .cta-wrp .des { margin-bottom: 26px; }
  .cta-section { padding-top: 70px; padding-bottom: 70px; }

  /* #69 #70 #71 Center the footer columns on phones */
  footer .footer-col { text-align: center; }
  .footer-col h5 { margin-left: auto; margin-right: auto; }
  .footer-row .footer-col .f-contact-details-list { padding: 0; }
  .footer-row .footer-col .f-contact-details-list li { justify-content: center; text-align: left; }
  footer .footer-links-ul { padding: 0; }

  /* #74 Service links: even two-column grid */
  .plumbing-services .services { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .plumbing-services .service { width: 100%; text-align: center; }

  /* #76 Less padding on review cards */
  .reviews-wrap .t-card .card-top::before { margin-bottom: 12px; height: 26px; }
  .reviews-wrap .t-card .card-top .stars { margin-bottom: 16px; }

  .owner-note { padding: 60px 0; }
  .owner-note-body h2 { font-size: 28px; }
  .lmh-video-cover .lmh-play { width: 64px; height: 64px; margin: -32px 0 0 -32px; }
  .lmh-video-cover .lmh-play::before { left: 26px; top: 20px; border-width: 12px 0 12px 20px; }
  .lmh-video-cover .lmh-video-title { font-size: 15px; left: 18px; bottom: 14px; }
  .lmh-service-tabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; padding-bottom: 6px; }
  .lmh-service-tabs button { flex: 0 0 auto; }
  .lmh-offer-claimed { flex-direction: column; align-items: flex-start; }
}

/* #40 Service areas: town names read as clickable links to each city page */
.coverage-section .list { gap: 10px 12px; }
.coverage-section .list li { padding-left: 0; margin-bottom: 10px; }
.coverage-section .list li::before { display: none; }
.coverage-section .list li a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 14px; border: 1px solid #e0e0ee; border-radius: 10px; background: #f7f6fc; color: var(--blue); font-weight: 700; transition: background 0.2s, border-color 0.2s, transform 0.2s; }
.coverage-section .list li a::after { content: "\2192"; color: var(--orange); font-weight: 800; transition: transform 0.2s; }
.coverage-section .list li a:hover { background: var(--yellow); border-color: var(--yellow); transform: translateY(-2px); }
.coverage-section .list li a:hover::after { transform: translateX(3px); color: var(--blue); }

/* LMH Volley QA fixes 2026-10-13 */
/* #87-89 ratings row: no circle containers, real logos */
.ratings-row .platform-logo{width:auto!important;height:auto!important;background:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important;display:inline-flex;align-items:center;flex:0 0 auto}
.ratings-row .platform-logo img{max-width:none!important;object-fit:contain}
.ratings-row .platform-logo--google img{width:34px!important;height:34px!important}
.ratings-row .platform-logo--yelp img{width:99px!important;height:40px!important}
.ratings-row .platform-logo--bbb img{width:32px!important;height:50px!important}
@media (max-width:767px){.ratings-row .platform-logo--google img{width:28px!important;height:28px!important}.ratings-row .platform-logo--yelp img{width:79px!important;height:32px!important}.ratings-row .platform-logo--bbb img{width:26px!important;height:40px!important}}
/* #90 founder note eyebrow: keep the yellow rules beside the text */
.owner-note .subhead-eyebrow{display:inline-flex!important;align-items:center;gap:14px}
.owner-note .subhead-eyebrow::before,.owner-note .subhead-eyebrow::after{flex:0 0 30px}