@media (max-width: 1400px) {
    .footer-hero-content {
        padding: 100px 124px 65px;
    }

    .spotless-content {
        padding-right: 90px;
    }
}

@media (max-width:1199px) {
    .areas-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .logos-inner {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        gap: 14px;
        align-items: center;
        justify-content: center;
        text-align: center;
        max-width: 100%;
        margin: 0 auto;
    }
	 

    .stat-number {
        font-size: 40px;
    }

    .stat-text {
        font-size: 16px;
        ;
    }

    .spotless-content {
        padding-right: 20px;
    }

    .footer-hero-content {
        padding: 40px 96px 65px;
    }
    .main-nav ul{
        gap: 39px;
    }
    .spotless-home{
        background-position: top;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
	.service-left-content span {
    font-size: 16px;
}
	.service-icon {
    width: 28px;
    height: 28px;
}
	.service-left-content{
		    gap: 8px;
	}
	.service-arrow {
    width: 26px;
    height: 26px;
	}
	.service-item {
    padding: 16px 21px !important;
	}
	.woman img {
    height: 350px;
    left: -29%;
	}
	.service-content-menu {
    position: absolute;
    right: 10px;
}
.service-content-menu h2 {
    font-size: 25px;
	}
	.service-content-menu p {
    font-size: 15px;
    margin-top: 17px;
    margin-bottom: 25px;
	}
	.service_tilt {
    left: 26%;
    transform: translateX(-26%);
	}
}
@media (max-width: 991px) {
    .nav-container {
        display: none;
    }

    .menu-toggle {
        display: flex;
    }

    .logo img {
        height: 42px;
    }

    .header-inner {
        max-width: calc(100% - 30px);
    }
	.logos-inner {
        display: none !important;
    }

    /* show the auto-scrolling slider */
    .logos-slider {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
        mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
    }

    .logos-track {
        display: flex;
        align-items: center;
        width: max-content;
        gap: 30px;
        animation: logos-scroll 22s linear infinite;
    }

    .logos-track .logo-item {
        flex: 0 0 auto;
    }

    .logos-track .logo-item img {
        max-height: 80px;
        width: auto;
        object-fit: contain;
    }

    @keyframes logos-scroll {
        from { transform: translateX(0); }
        to   { transform: translateX(-50%); } /* -50% since content is duplicated (2x) */
    }

    .trust-container {
        flex-direction: column-reverse;
    }
    .spotless-home {
        background-image: none;
    }
    .spotless-content {
        width: 100%;
        padding-right: 0px;
        text-align: left;
        z-index: 3;
        /* padding-bottom: 800px; */
    }

    .spotless-mobile {
        display: block !important;
        position: absolute !important;
        bottom: 0px !important;
        left: 0px;
        right: 0;
        width: 100%;
        height: 1000px;
        object-fit: cover;
    }

    .step-card {
        max-width: 100%;
    }

    .spotless-image {
        position: initial;
    }

    /* .spotless-home {
        position: relative;
    } */

    .spotless-image .spotless-desktop {
        display: none;
    }

    .spotless-home .container {
        flex-direction: column-reverse;
    }

    .free-quote-btn {
        margin: 0 auto;
    }

    .story-container {
        flex-direction: column;
    }

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

    .blog-card {
        height: 440px;
    }

    .blog-image {
        height: auto;
    }

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

    .footer {
        padding: 20px 20px 30px;
        border-radius: 30px 30px 0 0;
        margin-top: 60px;
    }

    .footer-cta {
        margin: -55px auto 50px;
    }

    .footer-hero {
        border-radius: 24px 24px 0 0;
    }

    /* .footer-hero img{
        min-height:360px;
        object-fit:cover;
    } */

    .footer-hero-overlay {
        background:
            linear-gradient(180deg,
                rgba(85, 0, 25, .85) 0%,
                rgba(60, 0, 20, .75) 40%,
                rgba(255, 48, 99, .45) 100%);
    }

    .footer-hero-content {
        padding: 34px 22px 25px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }


    .hero-rating {
        justify-content: center;
        gap: 10px;
        align-items: normal;
    }

    .hero-rating img {
        max-width: 170px;
        height: auto;
    }

    .hero-rating span {
        width: 100%;
        text-align: left;
        font-size: 13px;
        margin-top: 10px;
    }

    /* cream box */

    .footer-service-bar {
        grid-template-columns: 1fr;
        gap: 18px;
        text-align: center;

        padding: 30px 20px 22px;
        margin-top: 0;

        border-radius: 0 0 24px 24px;
    }


    .service-btn {
        width: 100%;
        max-width: 285px;
        margin: 0 auto;
        height: 50px;
        font-size: 18px;
    }

    /* logo */

    .footer-content {
        margin-bottom: 70px;
    }

    .footer-logo-wrap {
        text-align: center;
        margin-bottom: 40px;
    }

    .footer-logo-wrap img {
        width: 220px;
        max-width: 100%;
    }

    /* columns */

    .footer-links {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 28px 24px;
    }

    .footer-col h4 {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .footer-col a,
    .footer-col p {
        font-size: 14px;
        line-height: 180%;
    }

    .phone-link {
        font-size: 15px !important;
        gap: 8px;
        word-break: break-word;
    }

    .phone-link svg {
        flex-shrink: 0;
    }

    .location-space {
        margin-top: 20px !important;
    }

    .social-icons {
        margin-top: 20px;
    }

    .social-icons a {
        width: 34px;
        height: 34px;
    }

    /* charity logo */

    .charity-logo {
        text-align: left;
        margin-top: 30px;
    }

    .charity-logo img {
        width: 110px;
    }

    /* bottom */

    .footer-bottom {
        flex-direction: column-reverse;
        gap: 15px;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 80px;
    }

    .footer-bottom-links {
        display: flex;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
    }

    .footer-bottom-links a {
        margin: 0;
        font-size: 13px;
    }

    .copyright {
        font-size: 13px;
    }

    /* watermark */
    .footer-watermark img {
        width: 100%;
        /* opacity: .08; */
        bottom: 0px;
		height: 120px;
        object-fit: contain;
        /* padding-top: 30px; */
    }

    /* glow effects */

    .footer-hero::before {
        width: 350px;
        height: 350px;
        left: -100px;
        top: 200px;
        filter: blur(140px);
    }

    .footer-hero::after {
        width: 350px;
        height: 350px;
        left: -60px;
        top: 150px;
        filter: blur(140px);
    }

    footer.footer::after {
        height: 80px;
    }

    .footer-hero .footer-cta-desktop {
        display: none;
    }

    .footer-hero .footer-cta-mobile {
        width: 100%;
        object-fit: cover;
        display: block;
        height: 670px;
        object-position: right;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	.services-grid .service-card:nth-child(5) {
        grid-column: 1 / -1; /* full width, spans both columns */
    }
.services-grid .service-card:nth-child(1),
    .services-grid .service-card:nth-child(2),
    .services-grid .service-card:nth-child(3),
    .services-grid .service-card:nth-child(4) {
        grid-column: auto; /* reset the desktop spans */
    }
    .trust-content{
        text-align: center;
    }
}

@media (max-width: 768px) {
    .hero-section {
        background-image: url("../images/home-hero-mobile.png");
    }
    .guarantee-badge {
        width: 90px;
        height: 90px;
        position: absolute;
        right: 40px;
        bottom: 60px;
        transform: rotate(5.02deg);
    }

    .hero-content {
        padding-top: 140px;
        text-align: center;
        max-width: 100%;

    }
	  .logos-inner {
        display: none !important;
    }

    /* show the auto-scrolling slider */
    .logos-slider {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
        mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
    }

    .logos-track {
        display: flex;
        align-items: center;
        width: max-content;
        gap: 30px;
        animation: logos-scroll 22s linear infinite;
    }

    .logos-track .logo-item {
        flex: 0 0 auto;
    }

    .logos-track .logo-item img {
        max-height: 80px;
        width: auto;
        object-fit: contain;
    }

    @keyframes logos-scroll {
        from { transform: translateX(0); }
        to   { transform: translateX(-50%); } /* -50% since content is duplicated (2x) */
    }
    .stat-number{
        font-size: 63px;
    }
    .hero-content h1 {
        font-size: 32px;
        margin-bottom: 25px;
    }

    .hero-content p {
        font-size: 16px;
        padding-right: 0px;
        margin-bottom: 32px;
        max-width: 100%;
    }

    .hero-bottom {
        flex-direction: column;
        gap: 31px;
    }

    section.logos-container {
        padding: 20px;
    }

    .logos-heading h2 {
        font-size: 28px;
        margin-bottom: 32px;
        line-height: 123%;
    }

    .logos-inner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
        align-items: center;
        justify-content: center;
        text-align: center;
        max-width: 100%;
        margin: 0 auto;
    }

    .logo-item img {
        width: 70px;
        height: 70px;
    }

    .before-after-section,
    .services-section {
        padding: 70px 0;
    }
    .before-after-section .swiper{
        padding-bottom: 0px;
    }
    .custom-pagination-wrap{
        margin-top: 30px;
		gap:10px;
    }
	.slider-prev, .slider-next{
		font-size: 21px;
	}
	.pagination-counter{
		font-size:12px;
	}
    .section-tag {
        font-weight: 700;
        margin-bottom: 24px;
    }
    .ba-card img {
        height: 300px;
    }

    .section-title {
        font-size: 28px;
        margin-bottom: 32px;
    }

    .beforeAfterSlider {
        margin-top: 32px;
    }

    .stats-container {
        flex-direction: column;
        gap: 44px;
        text-align: center;
        max-width: 320px;
    }

    .stat-divider {
        width: 320px;
        height: 1px;
        background: linear-gradient(90deg, rgba(255, 123, 162, 0) 0%, #FF7BA2 52.4%, rgba(255, 123, 162, 0) 100%);
    }

    .trust-section {
        padding: 80px 0;
        margin-top: 30px;
    }

    .wave-top {
        top: -29px;
    }

    .trust-container {
        flex-direction: column-reverse;
        text-align: center;
        gap: 52px;
    }

    .trust-content h2 {
        font-size: 28px;
    }

    .free-quote-btn {
        margin: 0 auto;
    }

    .services-heading {
        font-size: 28px;
    }

    .services-subtitle {
        font-size: 16px;
        margin-top: 24px;
        margin-bottom: 34px;
    }

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

    .service-card {
        height: 212px;
    }

    .services-grid {
        gap: 21px 10px;
    }

    .service-card .service-content {
        padding: 24px 9px;
    }

    .service-card .service-content h3 {
        font-size: 16px;
        ;
    }

    .spotless-content {
        width: 100%;
        padding-right: 0px;
        text-align: center;
        z-index: 3;
        padding: 0 20px;
    }
    .mobile-spotless-home .spotless-mobile-img{
        position: relative;
        bottom: -16px;
        width: 100%;
        left: 0px;
        right: 0px;
        /* height: 600px; */
        /* object-fit: contain; */
        margin-top: 5%;
    }
    .ellipse-pink{
        background: radial-gradient(50% 50% at 50% 50%, #ff7ba291 0%, rgba(255, 255, 255, 0) 100%);
    }
    .desktop-spotless-home{
        display: none;
    }
    .mobile-spotless-home{
        display: block;
		margin-top:60px;
    }

    /* .spotless-mobile {
        display: block;
        position: absolute !important;
        bottom: 0px !important;
        left: 0px;
        right: 0;
        width: 100%;
        height: 1000px;
        object-fit: cover;
    } */

    .step-card {
        max-width: 100%;
    }
   
    /* .spotless-image {
        position: initial;
    } */

    /* .spotless-home {
        position: relative;
    } */

    .spotless-image .spotless-desktop {
        display: none;
    }

    .spotless-home .container {
        flex-direction: column-reverse;
        padding: 0px;
    }

    .spotless-content h2,
    .section-header h2 {
        font-size: 28px;
        margin-bottom: 24px;
    }

    .step-content {
        max-width: 220px;
        text-align: left;
        margin-left: 14px;
        ;
    }

    .icon-box {
        width: 52px;
        height: 52px;
        min-width: 52px;
        max-width: 52px;
        ;
    }

    .icon-box img {
        width: 30px;
    }

    .step-content h3,
    .section-header p,
    .why-card h3,
    .story-text p{
        font-size: 16px;
        ;
    }
.signature-box h4 {
        font-size: 25px;
        ;
    }
    .step-content p,
    .why-card p {
        font-size: 15px;
    }

    .why-choose-us {
        margin-top: 0px;
        padding: 60px 20px;
    }

    .section-header {
        margin-bottom: 32px;
    }

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

    .why-card {
        padding: 8px 8px 30px 8px;
        min-height: auto;
    }

    .why-card img {
        height: 120px;
        ;
    }

    .story-container {
        flex-direction: column;
        gap: 40px;
    }

    .story-section {
        padding: 70px 20px;
    }

    .story-content {
        text-align: center;
    }

    .story-content h2 {
        font-size: 28px;
    }

    .story-content h2 br {
        display: none;
    }

    .signature-wrapper {
        justify-content: center;
        gap: 40px;
    }

    .service-area-upper .service-area-upper-desktop {
        display: none;
    }

    .service-area-upper .service-area-upper-mobile {
        display: block;
    }

    .areas-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .area-card {
        padding: 10px;
    }

    .area-content h3 {
        font-size: 14px;
    }

    .area-content span {
        font-size: 12px;
    }

    .service-building .building-mobile {
        display: block;
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;

    }

    .service-building .building-desktop {
        display: none;
    }

    .service-building {
        height: 100%;
    }

    .service-building::before {
        height: auto;
        ;
    }

    .areas-pagination .service-arrow-new,
    .blog-label,
    .reviews-subtitle {
        font-size: 16px;
    }

    .pagination-count-new {
        font-size: 14px;
    }

    .pagination-track-new {
        width: 250px;
    }

    .blog-section {
        padding: 48px 20px 0;
        margin-top: 70px;
    }

    .blog-heading {
        font-size: 28px;
        margin-bottom: 32px;
    }

    .blog-heading br {
        display: none;
    }

    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .blog-footer{
        position: relative;
    bottom: 0px;
    /* width: 100%; */
    left: 0px;
    right: 0px;
    }

    .blog-image {
        height: 134px;
    }

    .blog-content {
        padding: 17px 8px 14px;
    }

    .blog-card {
        height: auto;
    }

    .blog-content h3 {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        ;
    }

    .blog-content p,
    .faq-content p {
        font-size: 12px;
    }

    .blog-btn {
        width: 100%;
        justify-content: center;
    }

    .reviews-section {
        padding: 140px 20px 70px;
    }

    .reviews-heading {
        font-size: 32px;
    }

    .desktop-reviews {
        display: none;
    }

    .mobile-reviews-marquee {
        display: block;
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .mobile-reviews-track {
        display: flex;
        gap: 16px;
        width: max-content;
    }

    .mobile-reviews-track .review-card {
        width: 300px;
        min-height: 350px;
        flex-shrink: 0;
        padding: 24px;
    }

    .review-card h3 {
        font-size: 22px;
    }

    .review-author {
        font-size: 18px;
    }

    .faq-section {
        padding: 50px 20px 70px;
    }

    .faq-section .faq-heading {
        font-size: 28px;
        margin-bottom: 32px;
    }

    .faq-section .faq-trigger {
        padding:14px;
    }

    .faq-item.active .faq-trigger {
        padding-bottom: 0px;
    }

    .faq-section .faq-title {
        font-size: 17px;
        ;
    }
    .service-wrap {
        padding-bottom: 70px;
    }
    .service-wrap .spotless-content{
        padding-top: 40px;
    }

    .faq-section .faq-content{
        padding: 0px 14px 20px; 
		font-size: 15px;
    }
    .footer {
        padding: 20px 20px 30px;
        border-radius: 30px 30px 0 0;
        margin-top: 60px;
    }

    .footer-cta {
        margin: -55px auto 50px;
    }
    .trusted-homeowners__button{
        width: 100% !important;
    }
    .footer-hero {
        border-radius: 24px 24px 0 0;
    }

    /* .footer-hero img{
        min-height:360px;
        object-fit:cover;
    } */

    .footer-hero-overlay {
        background:
            linear-gradient(180deg,
                rgba(85, 0, 25, .85) 0%,
                rgba(60, 0, 20, .75) 40%,
                rgba(255, 48, 99, .45) 100%);
    }

    .footer-hero-content {
        padding: 34px 22px 25px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .footer-hero-content h2 {
        font-size: 28px;
        line-height: 112%;
        margin-bottom: 24px;
    }

    .footer-hero-content p {
        font-size: 16px;
        line-height: 150%;
        margin: 0 auto 22px;
    }

    .hero-rating {
        justify-content: center;
        gap: 10px;
        align-items: normal;
    }

    .hero-rating img {
        max-width: 170px;
        height: auto;
    }

    .hero-rating span {
        width: 100%;
        text-align: left;
        font-size: 13px;
        margin-top: 10px;
    }

    /* cream box */

    .footer-service-bar {
        grid-template-columns: 1fr;
        gap: 18px;
        text-align: center;

        padding: 30px 20px 22px;
        margin-top: 0;

        border-radius: 0 0 24px 24px;
    }

    .service-heading {
        font-size: 26px;
        line-height: 120%;
    }

    .service-text {
        font-size: 16px;
        line-height: 160%;
    }

    .service-btn {
        width: 100%;
        max-width: 285px;
        margin: 0 auto;
        height: 50px;
        font-size: 18px;
    }

    /* logo */

    .footer-content {
        margin-bottom: 70px;
    }

    .footer-logo-wrap {
        text-align: center;
        margin-bottom: 40px;
    }

    .footer-logo-wrap img {
        width: 220px;
        max-width: 100%;
    }

    /* columns */

    .footer-links {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 28px 24px;
    }

    .footer-col h4 {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .footer-col a,
    .footer-col p {
        font-size: 14px;
        line-height: 180%;
    }

    .phone-link {
        font-size: 15px !important;
        gap: 8px;
        word-break: break-word;
    }

    .phone-link svg {
        flex-shrink: 0;
    }

    .location-space {
        margin-top: 20px !important;
    }

    .social-icons {
        margin-top: 20px;
    }

    .social-icons a {
        width: 34px;
        height: 34px;
    }

    /* charity logo */

    .charity-logo {
        text-align: left;
        margin-top: 30px;
    }

    .charity-logo img {
        width: 110px;
    }

    /* bottom */

    .footer-bottom {
        flex-direction: column-reverse;
        gap: 15px;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 80px;
    }

    .footer-bottom-links {
        display: flex;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
    }

    .footer-bottom-links a {
        margin: 0;
        font-size: 13px;
    }

    .copyright {
        font-size: 13px;
    }

    /* watermark */
    .footer-watermark img {
        width: 100%;
        /* opacity: .08; */
        bottom: 10px;
        /* padding-top: 30px; */
    }

    /* glow effects */

    .footer-hero::before {
        width: 350px;
        height: 350px;
        left: -100px;
        top: 200px;
        filter: blur(140px);
    }

    .footer-hero::after {
        width: 350px;
        height: 350px;
        left: -60px;
        top: 150px;
        filter: blur(140px);
    }

    footer.footer::after {
        height: 80px;
    }

    .footer-hero .footer-cta-desktop {
        display: none;
    }

    .footer-hero .footer-cta-mobile {
        width: 100%;
        object-fit: cover;
        display: block;
        height: 670px;
        object-position: right;
    }
	.stat-text{
		margin: 0 auto
	}
	.free-quote-btn::before{
		display: none
	}
	.story-text p br {
    display: none;
}
	.location-grid{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width:500px){
    .step-number{
        display: none;
    }
}

@media (max-width:399px) {
    /* .services-grid {
        grid-template-columns: repeat(1, 1fr);
    } */

    .areas-grid {
        grid-template-columns: 1fr;
    }
.location-grid{
		grid-template-columns: repeat(1, 1fr);
	}
    /* .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    } */
}