<style>
    @media only screen and (max-width: 600px) {
        .copyright::before {
            width: 100% !important;
        }

        .copyright .copyright-text a {
            color: #000;

        }
    }
</style>


</main>
<div class="whatsapp">
    <a href="https://wa.me/<?php echo $data1['whatsapp'] ?>"><img
            src="https://cdn2.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-free/128/social-whatsapp-circle-512.png"
            width="50" alt=" " title=""> </a>

</div>

<div class="phone-call">
    <a href="tel:<?php echo $data1['phone'] ?>"> <i style="font-size: 30px;color: white;" class="fa fa-phone"></i></a>

</div>
<footer class="footer-area">
    <div class="footer-widget">
        <div class="container">
            <div class="row footer-widget-wrapper pt-120 pb-70">
                <div class="col-md-6 col-lg-4">
                    <div class="footer-widget-box about-us">
                        <a href="<?php echo $wspath ?>" title="" class="footer-logo">
                            <img src="<?php echo $wspath ?>admin/images/<?php echo $data1["footer_logo"]; ?>" alt="">
                        </a>
                        <p class="mb-3">
                            <?php echo $data1['short_about'] ?>
                        </p>

                    </div>
                </div>
                <div class="col-md-6 col-lg-2">
                    <div class="footer-widget-box list">
                        <h4 class="footer-widget-title">Quick Links</h4>
                        <ul class="footer-list">
                            <li><a href="<?php echo $wspath ?>"><i class="fas fa-caret-right"></i> Home</a></li>
                            <li><a href="<?php echo $wspath ?>about.html"><i class="fas fa-caret-right"></i> About Us</a>
                            </li>
                            <li><a href="<?php echo $wspath ?>gallery.html"><i class="fas fa-caret-right"></i>
                                    Gallery</a></li>
                            <li><a href="<?php echo $wspath ?>contact.html"><i class="fas fa-caret-right"></i>
                                    Contact</a></li>
                            <li><a href="<?php echo $wspath ?>terms-and-conditions.html"><i
                                        class="fas fa-caret-right"></i> Term &amp; Conditions</a></li>
                            <li><a href="<?php echo $wspath ?>privacy-policy.html"><i class="fas fa-caret-right"></i>
                                    Privacy Policy</a></li>
                            <li><a href="<?php echo $wspath ?>"><i class="fas fa-caret-right"></i> Sitemap</a></li>
                            <!--<li><a href="#"><i class="fas fa-caret-right"></i> Taxi</a></li>-->

                        </ul>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="footer-widget-box list">
                        <h4 class="footer-widget-title">Our Services</h4>
                        <ul class="footer-list">
                             <?php
                                $sqlcat = "SELECT * FROM `tbl_main_cat` WHERE `cat_status`='Active' ORDER BY cat_order_by ASC LIMIT 7 ";
                                $runcat = mysqli_query($db,$sqlcat) or die("Query Not run");
                                while($datacat = mysqli_fetch_assoc($runcat)){
                            ?>
                            <li><a href="<?php echo $wspath ?>category<?php echo $datacat['slug'];?>.html"><i class="fas fa-caret-right"></i> <?php echo $datacat['cat_name'];?></a></li>   
                        <?php }?>
                        </ul>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <h4 class="footer-widget-title">Contact Details</h4>
                    <ul class="footer-contact">
                        <li><i class="far fa-map-marker-alt"></i> <?php echo $data1['address'] ?></li>
                        <li><a href="tel:<?php echo $data1['phone'] ?>"><i class="far fa-phone"></i></a> <?php echo $data1['phone'] ?> </li>
                        <li><a href="tel:<?php echo $data1['alt_phone'] ?>"><i class="far fa-phone"></i></a> <?php echo $data1['alt_phone'] ?> </li>
                        <li><a href="mailto:<?php echo $data1['email'] ?>"><i class="far fa-envelopes"></i><?php echo $data1['email'] ?></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="container">
            <div class="row">
                <div class=" align-self-center">
                    <p class="copyright-text">
                        &copy; Copyright <span id="date"></span> <a> Bittoo Tour &amp; Travels </a> All Rights Reserved.<br>
                        Designed by | <a href="https://webkeyindia.com/" target="_blank">WEBKEYINDIA.COM - BEST WEBSITE DESIGNING COMPANY</a>
                    </p>
                </div>
                <div class=" align-self-center">
                    <ul class="footer-social">
                        <!--<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>-->
                        <!--<li><a href="#"><i class="fab fa-twitter"></i></a></li>-->
                        <!--<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>-->
                        <!--<li><a href="#"><i class="fab fa-youtube"></i></a></li>-->
                        <li><a href="" target="_blank"><i class="fab fa-facebook-f"></i></a></li>

                        <li><a href="" target="_blank"><i class="fab fa-twitter"></i></a></li>


                        <li><a href="" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>


                        <li><a href="" target="_blank"><i class="fab fa-instagram"></i></a></li>



                        <li><a href="" target="_blank"><i class="fab fa-pinterest"></i></a></li>

                        <li><a href="" target="_blank"><i class="fab fa-youtube"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>


<!--<a href="#" id="scroll-top"><i class="far fa-arrow-up"></i></a>-->


<script data-cfasync="false" src="/../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/modernizr.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/bootstrap.bundle.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/imagesloaded.pkgd.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/jquery.magnific-popup.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/isotope.pkgd.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/jquery.appear.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/jquery.easing.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/owl.carousel.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/counter-up.js"></script>
<script src="<?php echo $wspath ?>assets/js/jquery-ui.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/jquery.timepicker.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/jquery.nice-select.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/wow.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/main.js"></script>