<footer class="pb-5 pb-md-0">
  <div class="container">
    <div class="row pt-5">
      <div class="col-lg-4 mb-4 mb-md-0">

        <img src="images/logo-light.png" class="w-75 mb-3" alt="logo">

        <p>Its a unit of <span><a href="https://holyatra.com/" target="_blank" class="text-decoration-none text-uppercase">holy yatra tours and travels pvt ltd</a></span></p>
        <ul class="footer-social p-0 list-inline pt-3">

          <li class="list-inline-item my-btn px-3 py-2"><a href="https://www.facebook.com/people/zion-Tech-Aviation-pvt-ltd/100092630779621/?mibextid=ZbWKwL" title="Facebook" class="text-dark" target="_blank"><i class="fa-brands fa-square-facebook fa-beat"></i></a></li>
          <li class="list-inline-item my-btn px-3 py-2"><a href="https://www.linkedin.com/feed/" title="Instagram" class="text-dark"><i class="fa-brands fa-linkedin fa-beat"></i> </a></li>
        </ul>
      </div>
      <div class="col-sm-4 col-lg-3 mb-4 mb-md-0">
        <h3 class="footer-heading fw-bold pb-2">Quick Links</h3>
        <ul class="list-unstyled">
          <li><a href="index.php" class="pb-1 d-block">Home</a></li>
          <li><a href="about.php" class="pb-1 d-block">About</a></li>
          <li><a href="services.php" class="pb-1 d-block">Services</a></li>
          <li><a href="#" class="pb-1 d-block">Testimonials</a></li>
          <li><a href="#" class="pb-1 d-block">Training Program</a></li>
          <li><a href="gallery.php" class="pb-1 d-block">Gallery</a></li>
          <li><a href="contact.php" class="pb-1 d-block">Contact</a></li>
        </ul>
      </div>


      <div class="col-sm-8 col-lg-5 mb-4 mb-md-0">
        <h3 class="footer-heading fw-bold pb-2">Have a Questions?</h3>
        <div class="block-23 mb-3">
          <ul class="list-unstyled">

            <li class="d-flex align-items-top pb-2"><i class="fa-solid fa-location-dot pe-2 pt-2"></i>
              <div>
                <p class="fw-bold mb-0">Corporate Address-</p>
                <p><span class="text"> Office No 29, Inox Dremz Mall, Gurgaon Sec 4, Gurugram 122001, India </span></p>
              </div>
            </li>
            <li class="d-flex align-items-top pb-2"><i class="fa-solid fa-location-dot pe-2 pt-2"></i>
              <div>
                <p class="fw-bold mb-0">Registered Address-</p>
                <p><span class="text"> Plot No 234-P,
Second Floor,  Sector-5 Part-6
Urban Estate, Arjun Nagar
Gurgaon, Haryana, 122001</span></p>
              </div>
            </li>
            <li class="d-flex align-items-center pb-2"><i class="fa-solid fa-phone pe-2"></i> <a href="tel:+919958189821"><span class="text">+919958189821</span></a></li>
            <li class="d-flex align-items-center pb-2"><i class="fa-solid fa-envelope pe-2"></i><a href="mailto:info@ziontechaviation.com"><span class="text">info@ziontechaviation.com</span></a></li>
          </ul>
        </div>
      </div>
    </div>

  </div>
</footer>

<div class="copyright text-white mb-5 mb-md-0  py-2 ">
  <div class="container d-flex align-items-center justify-content-between flex-column flex-md-row">
    <p class="text-center mb-0">&#169 2023 | All Rights Are Reserved By Zion Tech Aviation</p>
    <div class="extra-links"><a class="text-decoration-none  mx-1" href="terms.php">Terms & Conditions</a> | <a class="text-decoration-none  mx-1" href="cancellation.php">Cancellation Policy</a> | <a class="text-decoration-none  mx-1" href="privacy.php">Privacy Policy</a> </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title hcolor fw-bold" id="exampleModalLabel">Quick Enquiry</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form>
          <div class="input-group mb-4">
            <span class="input-group-text bg-clr" id="basic-addon1"><i class="fa-solid fa-user"></i></span>
            <input type="text" class="form-control " placeholder="Name" aria-label="Enter your name" aria-describedby="basic-addon1">
          </div>


          <div class="input-group mb-4">
            <span class="input-group-text bg-clr" id="basic-addon2"><i class="fa-solid fa-envelope"></i></span>
            <input type="email" class="form-control" placeholder="Email" aria-label="Enter your email" aria-describedby="basic-addon2">
          </div>

          <div class="input-group mb-4">
            <span class="input-group-text bg-clr" id="basic-addon3"><i class="fa-solid fa-phone"></i></span>
            <input type="tel" class="form-control" placeholder="Phone no." aria-label="Enter your contact no." aria-describedby="basic-addon3">
          </div>

          <div class="input-group mb-4">
            <span class="input-group-text bg-clr" id="basic-addon3"><i class="fa-solid fa-question"></i></span>
            <input type="tel" class="form-control" placeholder="Subject" aria-label="Enter your Subject " aria-describedby="basic-addon3">
          </div>

          <div class="input-group mb-4">
            <span class="input-group-text bg-clr" id="basic-addon3"><i class="fa-regular fa-message"></i></span>
            <textarea class="form-control" aria-label="With textarea" placeholder="Your query "></textarea>
          </div>
          <center><button class="btn my-btn w-50 mx-auto mb-4" type="button" id="button-addon1">Submit</button>
          </center>
        </form>
      </div>

    </div>
  </div>
</div>

<section id="mobile-btn" class="d-md-none fixed-bottom">

  <div class="row text-center text-white">

    <div class="col-4 border-end px-0 my-style bg-1">
      <div class="call py-2">
        <a href="tel:+919958189821" class="text-reset text-decoration-none">
          <i class="fa fa-phone fa-flip-horizontal-alt pe-2 fa-beat" aria-hidden="true"></i> Call</a>
      </div>
    </div>

    <div class="col-4 border-end px-0 my-style bg-1">
      <div class="call py-2">
        <a href="https://api.whatsapp.com/send?phone=+919958189821
        &text=Hi, I contacted you Through your Zion tech Aviations Website." class="text-reset text-decoration-none">
          <i class="fa-brands fa-whatsapp pe-2 fa-lg fa-beat" aria-hidden="true"></i> Whatsapp </a>
      </div>
    </div>

    <div class="col-4 px-0 my-style bg-1">
      <div class="Enquiry py-2">
        <a class="text-reset pe-auto text-decoration-none fa-flip" data-bs-toggle="modal" data-bs-target="#exampleModal" href="#">
          <i class="fa fa-envelope pe-2 fa-beat" aria-hidden="true"></i>Enquiry</a>
      </div>
    </div>

  </div>

</section>

<!-- return to top-->
<div class="container">
  <button onclick="topFunction()" id="btnreturntotop" title="Go to top" class="animated"><i class="fa-solid fa-angle-up fa-lg"></i></button>
</div>

<script>
  window.onscroll = function() {
    scrollFunction()
  };

  function scrollFunction() {
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
      document.getElementById("btnreturntotop").style.display = "block";
    } else {
      document.getElementById("btnreturntotop").style.display = "none";
    }
  }

  function topFunction() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
  }
</script>
<!-- Optional JavaScript; choose one of the two! -->

<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>-->
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
    -->
<script>
  var swiper = new Swiper('.blog-slider', {
    spaceBetween: 30,
    effect: 'fade',
    loop: true,
    mousewheel: {
      invert: false,
    },
    // autoHeight: true,
    pagination: {
      el: '.blog-slider__pagination',
      clickable: true,
    }
  });
</script>

<script>
  $(document).ready(function() {
    // Transition effect for navbar 
    $(window).scroll(function() {
      // checks if window is scrolled more than 500px, adds/removes solid class
      if ($(this).scrollTop() > 500) {
        $('.navbar').addClass('solid');
      } else {
        $('.navbar').removeClass('solid');
      }
    });
  });
</script>

<script>
  const root = document.documentElement;
  const marqueeElementsDisplayed = getComputedStyle(root).getPropertyValue("--marquee-elements-displayed");
  const marqueeContent = document.querySelector("ul.marquee-content");

  root.style.setProperty("--marquee-elements", marqueeContent.children.length);

  for (let i = 0; i < marqueeElementsDisplayed; i++) {
    marqueeContent.appendChild(marqueeContent.children[i].cloneNode(true));
  }
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.3/owl.carousel.min.js"></script>

<script>
  $('.charters-airocraft .owl-carousel').owlCarousel({
    loop: true,
    margin: 10,
    nav: true,
    navText: [
      "<i class='fa-solid fa-angle-left'></i>",
      "<i class='fa-solid fa-angle-right'></i>"
    ],
    autoplay: true,
    autoplayHoverPause: true,
    responsive: {
      0: {
        items: 1
      },
      600: {
        items: 2
      },
      1000: {
        items: 3
      }
    }
  })
</script>


<script>
  $('.heli-tours .owl-carousel').owlCarousel({
    loop: true,
    margin: 10,
    nav: true,
    navText: [
      "<i class='fa-solid fa-angle-left'></i>",
      "<i class='fa-solid fa-angle-right'></i>"
    ],
    autoplay: true,
    autoplayHoverPause: true,
    responsive: {
      0: {
        items: 1
      },
      600: {
        items: 2
      },
      1000: {
        items: 3
      }
    }
  })
</script>

<script>
  $('.testimonials .owl-carousel').owlCarousel({
    loop: true,
    margin: 10,
    nav: true,
    navText: [
      "<i class='fa-solid fa-angle-left'></i>",
      "<i class='fa-solid fa-angle-right'></i>"
    ],
    autoplay: true,
    autoplayHoverPause: true,
    responsive: {
      0: {
        items: 1
      },
      600: {
        items: 1
      },
      1000: {
        items: 1
      }
    }
  })
</script>

<script>
  $stick = $('aside');
  $foot = $('footer');
  margin = 90;
  offtop = $stick.offset().top - margin;
  offbtm = $foot.offset().top - (margin * 2 + $stick.height());

  $(window).scroll(function() {
    scrtop = $(window).scrollTop();
    if (scrtop > offtop && $stick.hasClass('natural')) {
      $stick.removeClass('natural').addClass('fixed').css('top', margin);
    }
    if (offtop > scrtop && $stick.hasClass('fixed')) {
      $stick.removeClass('fixed').addClass('natural').css('top', 'auto');
    }
    if (scrtop > offbtm && $stick.hasClass('fixed')) {
      $stick.removeClass('fixed').addClass('bottom').css('top', offbtm + margin);
    }
    if (offbtm > scrtop && $stick.hasClass('bottom')) {
      $stick.removeClass('bottom').addClass('fixed').css('top', margin);
    }
  });
</script>
</body>

</html>