  <footer class="footer-wrapper footer-layout1">
    <div class="widget-area position-relative" style="background-image:url('assets/img/bg/service-bg2.jpg')">
        <div class="container">
            <div class="row g-4 justify-content-center">

                <!-- Company Info -->
                <div class="col-xl-4 col-md-6">
                    <div class="widget footer-widget">
                        <div class="vs-widget-about">
                            <div class="footer-logo">
                                <a href="index.php">
                                    <img src="assets/img/logo.svg" alt="Cleaning Company Logo">
                                </a>
                            </div>

                            <p class="footer-text">
                                Trusted professional cleaners delivering spotless homes,
                                hygienic offices, and stress-free cleaning solutions tailored
                                to your lifestyle.
                            </p>

                            <div class="contact-box">
                                <span class="icon">
                                    <img src="assets/img/icon/call-icon.svg" alt="Phone">
                                </span>
                                <div class="contact-content">
                                    <h6 class="contact-title">
                                        <a href="tel:+1999888666">+1 999 888 666</a>
                                    </h6>
                                    <p class="contact-text">Call Anytime – 24/7 Support</p>
                                </div>
                            </div>

                            <div class="social-style1">
                                <span class="social-title">Stay Connected</span>
                                <div class="social-icon">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Services -->
                <div class="col-xl-5 col-md-6">
                    <div class="widget widget_categories footer-widget">
                        <h3 class="widget_title">Quick Links</h3>
                        <ul class="footer-links">
                            <li><a href="index.php">Home</a></li>
                            <li><a href="contact.php">Contact Us</a></li>
                            
                            <li><a href="about.php">About Us</a></li>
                            <li><a href="blog.php">Blog</a></li>
                            <li><a href="service.php">Services</a></li>
                            <li><a href="#">Living Room Cleaning</a></li>
                            <li><a href="portfolio.php">Gallery</a></li>
                            <li><a href="#">Hygienic Kitchen Cleaning</a></li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>

        <div class="common-line shape-mockup d-none d-xxl-block" style="top:-7px">
            <img src="assets/img/shapes/line-shep.png" alt="decor line">
        </div>
    </div>

    <!-- Bottom Bar -->
    <div class="copyright-wrap">
        <div class="container">
            <div class="row justify-content-between align-items-center text-center text-md-start">
                <div class="col-md-auto">
                    <p class="copyright-text">
                        © 2025 <a href="index.php">SparkClean</a>. Professional Cleaning Services.
                    </p>
                </div>
                <div class="col-md-auto">
                    <img src="assets/img/default/payment-img.svg" alt="Secure Payments">
                </div>
            </div>
        </div>

    </div>
</footer>

    <!-- Scroll To Top -->
    <button class="back-to-top" id="backToTop" aria-label="Back to Top">
        <span class="progress-circle">
                <svg viewbox="0 0 100 100">
                    <circle class="bg" cx="50" cy="50" r="40"></circle>
                    <circle class="progress" cx="50" cy="50" r="40"></circle>
                </svg>
                <span class="progress-percentage" id="progressPercentage">0%</span>
        </span>
      </button>
