    <!-- Footer-Section -->
    <div class="footer-section">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-4 col-md-3 col-sm-6 d-xl-block d-none">
                </div>
                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12">
                    <a class="footer-a pt-0" href="index.html">
                        <figure class="navbar-brand-footer" data-aos="flip-left"><img
                                src="./assets/images/autorix-logo.png" alt="" class="img-fluid"></figure>
                    </a>
                    <p class="foot-text" data-aos="flip-left">AUTO DETAILING BODY REPAIR & CAR WASH.</p>
                    <div class="social-icons aos-init aos-animate position-relative">
                        <ul class="list-unstyled" data-aos="fade-down">
                            <li><a href="https://www.instagram.com/atg_autos/?hl=en" class="text-decoration-none"><i
                                        class="fa-brands fa fa-instagram social-networks"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-12 d-md-block d-none">
                    <ul class="list-unstyled support-footer" data-aos="flip-left">
                        <li class="list-item footer-margin-left">
                            <h5 class="footer-link footer-services-heading">
                                Opening Hours
                            </h5>
                        </li>
                        <li>
                            <p class="footer-days">Buka Setiap Hari</p>
                            <p class="footer-time">08.00 – 23.00 WIB</p>
                        </li>
                    </ul>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12 d-sm-block d-none">
                    <div class="footer-list footer-link">
                        <div class="icon-list-box1" data-aos="flip-left">
                            <ul class="list-unstyled contact-us-ul">
                                <li class="list-item pl-0">
                                    <h5 class="footer-link footer-get-heading">
                                        Contact Info
                                    </h5>
                                </li>
                                <li class="list-item">
                                    <a href="tel:+4733378901"
                                        class="text-decoration-none footer-link-auto">081218190880</a>
                                    <i class="fa fa-phone fa-icon footer-location3"></i>
                                </li>
                                <li class="list-item">
                                    <a href="mailto:webmaster@example.com"
                                        class="text-decoration-none footer-link-auto">atg_autos@gmail.com</a>
                                    <i class="fa fa-envelope fa-icon footer-location2"></i>
                                </li>
                                <li class="list-item">
                                    <a class="text-decoration-none footer-link-auto">
                                        Head Office :<br>
                                    </a>
                                    <i class="fa-solid fa-location-dot footer-location"></i>
                                    <div class="text-decoration-none footer-link-auto">Pamulang Permai 1. Blok N2 No.7
                                        Pamulang - Tangerang Selatan</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-right">
            <figure class="left_icon">
                <img src="<?= base_url()?>assets/images/footer-right.png" alt="">
            </figure>
        </div>
    </div>
    <div class="footer-outer-margin">
        <figure class="left_icon">
            <img src="<?= base_url()?>assets/images/footer.png" width="40%" heigth="auto" alt="">
        </figure>
    </div>
    <div class="footer-bar text-center">
        <figure class="f-bar-left">
            <img src="<?= base_url()?>assets/images/footer-bar-left.png" alt="">
        </figure>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="footer-bar-content w-100 overflow-hidden">
                        <p class="text-size-16 mb-0">
                            Copyright 2023 Atg Autos. All Rights Reserved.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
    <script src="<?= base_url()?>assets/js/animations.js"></script>
    <script src="<?= base_url()?>assets/js/bootstrap.min.js"></script>
    <script src="<?= base_url()?>assets/js/jquery-3.6.0.min.js"></script>
    <script src="<?= base_url()?>assets/js/popper.min.js"></script>
    <script src="<?= base_url()?>assets/js/custom-script.js"></script>
    <script src="<?= base_url()?>assets/js/owl.carousel.js"></script>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script src="<?= base_url()?>assets/js/text-animations.js"></script>
    <script src="<?= base_url()?>assets/js/carousel.js"></script>
    <script src="<?= base_url()?>assets/js/showhide.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>

    <script>
Fancybox.bind('[data-fancybox="gallery"]', {

});
    </script>

    </body>

    </html>