 <footer class="container-fluid ">
      <div class="d-flex justify-content-center" style="margin-top:50px;">
       <a href="index.php">
   <img src="assets/images/footer-logo.png" alt="" class="logo">
      </a> 
    </div>
    <div class="footer-con" >
       
      <div class="footer-item">
    <a href="index.php">Home</a>
    <a href="about-us.php">About Us</a>
    <a href="service.php">Services</a>
    <a href="testimonials.php">Testimonials</a>
    <a href="packages.php">Packages</a>
    <a href="blogs.php">Blogs</a>
    <a href="privacy-policy.php">Privacy Policy</a>
    <a href="terms-of-use.php">Terms Of Use</a>
    <!--<a href="do's-and-dont's.php">Do's & Dont's</a>-->
    <a href="fcra-statement.php">FCRA Statement</a>
    <a href="driver’s-privacy.php">Driver's Policy Protection</a>
    <a href="law-enforcement.php">Law Enforcement Guidelines</a>
    <a href="gramm-leach.php">The Gramm-Leach Bliley Act</a>
</div>

    </div>
    <div class="line"></div>
   
    
    <div class="footer-social" >
      <div class="social">
      <i class="fa-solid fa-phone-volume"></i>
        <p>7185786339</p>
      </div>
      <div class="social">
        <i class="fa-solid fa-envelope"></i>
        <p>usbackgroundsearch.com</p>
      </div>
      

      <div class="footer-icons">
        <i class="fa-brands fa-facebook-f" ></i>
        <i class="fa-brands fa-twitter" ></i>
        <i class="fa-brands fa-youtube" ></i>
        <i class="fa-brands fa-instagram" ></i>
        <i class="fa-brands fa-linkedin-in" ></i>
      </div>
    </div>
  
  </footer>
  <div class="footer-bottom " >

    <h3>US Background Search</h3>
    <h4>© 2025 All Rights Reserved</h4>
    
  </div>

    <!-- JavaScript Libraries -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.rawgit.com/michalsnik/aos/1.0.1/dist/aos.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
    <script src="assets/js/custom.js"></script>
    <!-- jQuery + Owl Carousel JS -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
$(document).ready(function(){
  var owl = $(".owl-carousel");

  owl.owlCarousel({
    loop:true,
    margin:30,
    dots:false, // disable default dots
    nav:false,
    autoplay:true,
    autoplayTimeout:4000,
    responsive:{
      0:{ items:1 },
      768:{ items:2 },
      992:{ items:3 },
      1200:{ items:4 }
    }
  });

  // Create exactly 4 custom dots
  var numberOfDots = 4; // fixed number
  for (let i = 0; i < numberOfDots; i++) {
    $('.custom-dots').append('<span data-index="'+i+'"></span>');
  }

  // Set first dot as active
  $('.custom-dots span').eq(0).addClass('active');

  // Dot click event
  $('.custom-dots span').click(function(){
    var index = $(this).data('index');
    owl.trigger('to.owl.carousel', [index, 300]); // jump to slide
  });

  // Update active dot on change
  owl.on('changed.owl.carousel', function(event) {
    var index = event.item.index - event.relatedTarget._clones.length / 2;
    var realIndex = ((index % numberOfDots) + numberOfDots) % numberOfDots; // ensure positive
    $('.custom-dots span').removeClass('active');
    $('.custom-dots span').eq(realIndex).addClass('active');
  });
});

</script>
<!-- AOS JS (before closing body tag) -->
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
<script>
  AOS.init({
    duration: 1000, // Animation duration in ms
    once: true,     // Whether animation should happen only once
  });
</script>

<script src="https://cdn.userway.org/widget.js" data-account="58CYFRHgFg"></script>
</body>
</html>