<!-- Footer section start -->
        <footer class="footer-section fix footer-bg"
        style="background: url('assets/img/footer-bg.png') no-repeat center center; background-size: cover;">

            <div class="shape-1">
                <img src="assets/img/footer/01.png" alt="img">
            </div>
            <div class="shape-2">
                <img src="assets/img/footer/02.png" alt="img">
            </div>
            <div class="container">
                <div class="footer-widget-wrapper">
                    <div class="row justify-content-center text-center text-md-start">

    <!-- Quick Links -->
    <div class="col-xl-2 col-lg-2 col-md-6 wow fadeInUp" data-wow-delay=".4s">
        <div class="single-footer-widget">
            <div class="wid-title">
                <h4>Quick Links</h4>
            </div>
            <ul class="list-items">
                <li><a href="index.php">Home</a></li>
                <li><a href="about.php">About Us</a></li>
                <li><a href="invisible-grills.php">Service</a></li>
                <li><a href="contact.php">Contact Us</a></li>
            </ul>
        </div>
    </div>

    <!-- Our Services (2 Columns) -->
    <div class="col-xl-4 col-lg-4 col-md-8 wow fadeInUp" data-wow-delay=".6s">
        <div class="single-footer-widget">
            <div class="wid-title">
                <h4>Our Services</h4>
            </div>
            <ul class="list-items services-list">
    <li><a href="invisible-grills.php">Invisible Grills</a></li>
    <li><a href="safety-nets.php">Safety Nets</a></li>
    <li><a href="cloth-hangers.php">Cloth Hangers</a></li>
    <li><a href="velcro-mesh.php">Velcro Mesh</a></li>
    <li><a href="window-blinds.php">Window Blinds</a></li>
    <li><a href="pleated-mesh-screens.php">Pleated Mesh Screens</a></li>
    <li><a href="mesh-doors-windows.php">Openable Mesh Doors</a></li>
    <li><a href="security-metal-doors.php">Security Metal Doors</a></li>
    <li><a href="upvc-sliding-windows.php">UPVC Sliding Windows</a></li>
</ul>

        </div>
    </div>
    
    <!--<div class="col-xl-1 col-lg-1 col-md-1 wow fadeInUp" data-wow-delay=".8s"></div>-->

    <!-- Get In Touch -->
    <div class="col-xl-3 col-lg-3 col-md-6 wow fadeInUp" data-wow-delay=".8s">
        <div class="single-footer-widget">
            <div class="wid-title">
                <h4>Get In Touch</h4>
            </div>

            <ul class="footer-contact">
                <li>
                    <i class="fa-solid fa-phone"></i>
                    <a href="tel:7901607868">+91 79016 07868</a>
                </li>
                <li>
                    <i class="fa-solid fa-envelope"></i>
                    <a href="mailto:razahanger@gmail.com">razahanger@gmail.com</a>
                </li>
                <li>
                    <i class="fa-solid fa-location"></i>
                    <a href="#">Borabanda, Safdar Nagar,
Hyderabad Telangana 500018</a>
                </li>
            </ul>

            <!--<div class="social-icon mt-3">-->
            <!--    <a href="#"><i class="fab fa-facebook-f"></i></a>-->
            <!--    <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>-->
            <!--    <a href="#"><i class="fab fa-twitter"></i></a>-->
            <!--    <a href="#"><i class="fa-brands fa-instagram"></i></a>-->
            <!--</div>-->
        </div>
    </div>

</div>

                </div>
            </div>
            <div class="footer-bottom">
                <div class="container">
                    <div class="footer-wrapper">
                        <p class="wow fadeInUp" data-wow-delay=".3s">
                            © Raza Home Solutions  2026 | All Rights Reserved
                        </p>
                        <!--<ul class="bottom-list wow fadeInUp" data-wow-delay=".5s">-->
                        <!--    <li>Trams & Condition</li>-->
                        <!--    <li>Privacy Policy</li>-->
                        <!--    <li>Contact Us</li>-->
                        <!--</ul>-->
                    </div>
                </div>
            </div> 
        </footer>
        
        <a href="https://api.whatsapp.com/send?phone=+91 7901607868&amp;text=Welcome to raza home solutions" class="float" target="_blank">
<img src="https://img.icons8.com/3d-fluency/60/null/whatsapp.png" class="my-float">
</a>

<style>
    /* Footer widget base */
.single-footer-widget {
    color: #ffffff;
}

/* Titles */
.wid-title h4 {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 22px;
    position: relative;
}

/* Lists reset */
.list-items,
.footer-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Links */
.list-items li {
    margin-bottom: 8px;
}

.list-items a {
    color: #ffffff;
    transition: 0.3s;
}

.list-items a:hover {
    color: var(--theme-color);
    padding-left: 4px;
}

/* SERVICES → 2 columns */
.services-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px 24px;
}

/* Contact list */
.footer-contact li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.footer-contact i {
    color: var(--theme-color);
}

/* Social icons */
.social-icon {
    display: flex;
    gap: 12px;
}

.social-icon a {
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    transition: 0.3s;
}

.social-icon a:hover {
    background: var(--theme-color);
}

/* Mobile center alignment */
@media (max-width: 767px) {
    .single-footer-widget {
        text-align: center;
    }

    .footer-contact li,
    .social-icon {
        justify-content: center;
    }

    .services-list {
        grid-template-columns: 1fr;
    }
}

</style>

        <!--<< All JS Plugins >>-->
        <script src="assets/js/jquery-3.7.1.min.js"></script>
        <!--<< Viewport Js >>-->
        <script src="assets/js/viewport.jquery.js"></script>
        <!--<< Bootstrap Js >>-->
        <script src="assets/js/bootstrap.bundle.min.js"></script>
        <!--<< Nice Select Js >>-->
        <script src="assets/js/jquery.nice-select.min.js"></script>
        <!--<< Waypoints Js >>-->
        <script src="assets/js/jquery.waypoints.js"></script>
        <!--<< Counterup Js >>-->
        <script src="assets/js/jquery.counterup.min.js"></script>
        <!--<< Swiper Slider Js >>-->
        <script src="assets/js/swiper-bundle.min.js"></script>
        <!--<< MeanMenu Js >>-->
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <!--<< Magnific Popup Js >>-->
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <!--<< Wow Animation Js >>-->
        <script src="assets/js/wow.min.js"></script>
        <!--<< Main.js >>-->
        <script src="assets/js/main.js"></script>
    </body>

</html>