<footer class="footer-wrapper footer-layout2 footer-bg">

    <div class="widget-area">
        <div class="container">
            <div class="row justify-content-center text-center">
                <div class="col-md-12 col-xl-12">
                    <a href="#"><img src="assets/img/logo.jpg" width="180px" class="rounded-3" alt=""></a>
                    <h4 class="text-white pt-4">
                        Our Presence
                    </h4>

                    <ul class="location-list p-0 m-0">
                        <li>Bangalore</li>
                        <li>Hyderabad</li>
                        <li>Bhubaneswar</li>
                        <li>Chennai</li>
                    </ul>
                </div>


            </div>
        </div>
    </div>
    <div class="copyright-wrap">
        <div class="container">
            <div class="row gy-2 align-items-center">
                <div class="col-md-12">
                    <p class="copyright-text text-center"> Copyright © 2024 Vayucon Systems Pvt Ltd All Rights Reserved.
                    </p>
                </div>

            </div>
        </div>
    </div>
</footer>
<div class="scroll-top"><svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
            style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;">
        </path>
    </svg></div>
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
<script src="assets/js/app.min.js"></script>
<script src="assets/js/main.js"></script>

<!-- Swiper JS -->
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<!-- ✅ Include Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<script>
  document.querySelectorAll(".project-slider").forEach(function (sliderEl, index) {
    new Swiper(sliderEl, {
      loop: true,
      spaceBetween: 10, // 👈 small gap between slides
      autoplay: {
        delay: 2500 + index * 200, // 👈 small offset so they don’t all move at once
        disableOnInteraction: false,
      },
      pagination: {
        el: sliderEl.querySelector(".project-pagination"),
        clickable: true,
      },
      navigation: {
        nextEl: sliderEl.querySelector(".project-next"),
        prevEl: sliderEl.querySelector(".project-prev"),
      },
      speed: 800,
      effect: "slide",
    });
  });
</script>

</body>

</html>