<!-- <div
      class="margin-block-end--162px z-2 overflow-hidden mt-5"
      data-aos="fade-up"
      data-aos-duration="1000"
    >
      <div class="container">
        <div class="bg-base-two-600 px-80 py-80 rounded-2">
          <div
            class="d-flex align-items-center justify-content-between tw-gap-4 flex-wrap"
          >
            <div class="max-w-500">
              <h5 class="text-white tw-mb-5">Newsletter</h5>
              <h1 class="text-white cursor-big fw-normal">
                Subscribe To Our <br />
                Newsletter
              </h1>
            </div>
            <div class="max-w-430 w-100">
              <form action="#" class="tw-mb-8 position-relative w-100">
                <input
                  type="email"
                  class="form-control bg-neutral-800 shadow-none border border-neutral-700 text-dark-600 rounded-pill tw-ps-6 tw-pe-13 focus-border-main-600 tw-h-12 text-dark-600 tw-placeholder-text-neutral-300 focus-tw-placeholder-text-hidden tw-placeholder-transition-2 w-100"
                  placeholder="Enter Your Email"
                />

                <button
                  type="submit"
                  class="tw-w-9 tw-h-9 flex-center rounded-circle bg-base-two-600 text--white hover-bg-main-800 position-absolute top-50 tw--translate-y-50 tw-end-0 tw-me-2 tw-transition-04-secend"
                >
                  <i class="ph ph-paper-plane-tilt"></i>
                </button>
              </form>
              <div class="d-flex align-items-center tw-gap-6 flex-wrap">
                <div class="d-flex align-items-center">
                  <img
                    src="assets/images/thumbs/newsletter-img1.png"
                    alt="Image"
                    class="flex-shrink-0"
                  />
                  <img
                    src="assets/images/thumbs/newsletter-img2.png"
                    alt="Image"
                    class="margin-inline-start--20px flex-shrink-0"
                  />
                  <span
                    class="bg-main-600 w-15 h-15 rounded-circle text-dark-600 d-flex align-items-center justify-content-center border-white margin-inline-start--20px flex-shrink-0"
                    >+15K</span
                  >
                </div>
                <div>
                  <h5 class="fw-normal text-white tw-mb-2">
                    More than 15k active users!
                  </h5>
                  <a
                    href="contact-us-other.html"
                    class="tw-text-lg fw-medium text-white d-flex align-items-center tw-gap-105"
                  >
                    Join them now
                    <span><i class="ph-bold ph-caret-right"></i></span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> -->
    <!-- ==================== Newsletter Two Section End ====================== -->

    <!-- ==================== Footer Two Section Start Here ==================== -->
    <footer class="pt-5 bg-dark-600 z-1 overflow-hidden">
      <div class="container">
        <div class="tw-mb-80-px">
          <div class="row gy-5">
            <div class="col-lg-4 col-md-4 col-sm-6">
              <div class="max-w-306" data-aos="fade-up" data-aos-duration="600">
                <a href="index.html">
                 <h2 class="text-white">IQPRO</h2>
                </a>
                <p class="fw-normal tw-text-lg text-neutral-10 tw-mb-8">
                  We’ve got the perfect tools for your success. Join us today
                  and empower toward excellence."
                </p>
                <ul class="d-flex align-items-center tw-gap-5">
                  <li>
                    <a href="https://www.facebook.com">
                      <img
                        src="assets/images/icon/footer-facebook-logo.png"
                        alt="Image"
                      />
                    </a>
                  </li>
                  <!-- <li>
                    <a href="https://medium.com">
                      <img
                        src="assets/images/icon/footer-medium-logo.png"
                        alt="Image"
                      />
                    </a>
                  </li> -->
                  <li>
                    <a href="https://youtube.com">
                      <img
                        src="assets/images/icon/footer-youtube-logo.png"
                        alt="Image"
                      />
                    </a>
                  </li>
                  <li>
                    <a href="https://x.com/i/flow/login">
                      <img
                        src="assets/images/icon/footer-twitter-logo.png"
                        alt="Image"
                      />
                    </a>
                  </li>
                </ul>
              </div>
            </div>

            <div class="col-lg-2 col-md-4 col-sm-6">
              <div data-aos="fade-up" data-aos-duration="800">
                <h4 class="text-white fw-normal tw-mb-10 cursor-big">
                  Quick Links
                </h4>
                <ul>
                  <li class="tw-mb-4">
                    <a
                      href="about-us-other.html"
                      class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600"
                      >About Us</a
                    >
                  </li>
                  <li class="tw-mb-4">
                    <a
                      href="apply-loan.php"
                      class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600"
                      >Apply For Loan</a
                    >
                  </li>
                  <li class="tw-mb-4">
                    <a
                      href="emi-calculator.php"
                      class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600"
                      >EMI Calculator</a
                    >
                  </li>
                  <li class="tw-mb-4">
                    <a
                      href="contact-us-other.html"
                      class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600"
                      >Contact Us</a
                    >
                  </li>
                </ul>
              </div>
            </div>

            <!-- <div class="col-lg-2 col-md-4 col-sm-6">
              <div data-aos="fade-up" data-aos-duration="1000">
                <h4 class="text-white fw-normal tw-mb-10 cursor-big">
                  Our Services
                </h4>
                <ul>
                  <li class="tw-mb-4">
                    <a
                      href="javascript:void(0)"
                      class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600"
                      >Transfer Money</a
                    >
                  </li>
                  <li class="tw-mb-4">
                    <a
                      href="javascript:void(0)"
                      class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600"
                      >Saving Account</a
                    >
                  </li>
                  <li class="tw-mb-4">
                    <a
                      href="javascript:void(0)"
                      class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600"
                      >Online Shopping</a
                    >
                  </li>
                  <li class="tw-mb-4">
                    <a
                      href="javascript:void(0)"
                      class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600"
                      >Pay Bills</a
                    >
                  </li>
                </ul>
              </div>
            </div> -->

            <div class="col-lg-4 col-md-4 col-sm-6">
              <div
                class="max-w-306"
                data-aos="fade-up"
                data-aos-duration="1200"
              >
                <h4 class="text-white fw-normal tw-mb-10 cursor-big">
                  Contact Us
                </h4>
                <p class="fw-normal tw-text-lg text-neutral-10 tw-mb-705">
                  Hyderabad, Telangana, India
                </p>
                <h5 class="fw-bold text-neutral-10 tw-mb-3 cursor-big">
                    +91 12345 67890
                </h5>
                <span class="tw-text-lg fw-normal text-neutral-10"
                  >contact@iqpro.com</span
                >
              </div>
            </div>
          </div>
        </div>
        <!-- ================ botter footer section start ====================== -->
        <div class="tw-mb-10 border-top-dark-500 tw-pt-6">
          <div
            class="d-flex align-items-center justify-content-between tw-gap-4 flex-wrap"
          >
            <p class="fw-semibold tw-text-lg text-white">
              Copyright @ 2026 IQPRO
            </p>
            <!-- <span class="fw-semibold tw-text-lg text-white">
              Designed By
              <span class="text-main-600"> Primelogitech </span> -->
            </span>
          </div>
        </div>
        <!-- ================ botter footer section end ====================== -->
      </div>
    </footer>
    <!-- ==================== Footer Two Section End Here ==================== -->

    <!-- Jquery js -->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <!-- phosphor Js -->
    <script src="assets/js/phosphor-icon.js"></script>
    <!-- Bootstrap Bundle Js -->
    <script src="assets/js/boostrap.bundle.min.js"></script>

    <!-- GSAP js -->
    <script src="assets/js/gsap.min.js"></script>
    <!-- SplitText -->
    <script src="assets/js/SplitText.min.js"></script>
    <!-- Scroll Trigger -->
    <script src="assets/js/swiper-bundle.min.js"></script>
    <!-- marquee js -->
    <script src="assets/js/marquee-main.js"></script>
    <!-- swper slider -->
    <script src="assets/js/ScrollTrigger.min.js"></script>
    <!-- ScrollSmoother -->
    <script src="assets/js/ScrollSmoother.min.js"></script>
    <!-- aos animation -->
    <script src="assets/js/aos-animation.js"></script>
    <!-- counter up -->
    <script src="assets/js/counter-up.main.js"></script>
    <!-- custom GSAP -->
    <script src="assets/js/custom-gsap.js"></script>
    <!-- magnific popup -->
    <script src="assets/js/magific-popup.js"></script>

    <!-- main js -->
    <script src="assets/js/main.js"></script>

    <script>
        function nextStep(current) {
  document.getElementById("step" + current).classList.remove("active");
  document.getElementById("step" + (current + 1)).classList.add("active");

  document.getElementById("circle" + current).classList.remove("current");
  document.getElementById("circle" + current).classList.add("active");

  document.getElementById("circle" + (current + 1)).classList.add("current");

  // 🔥 FIX: refresh AOS
  setTimeout(() => {
    AOS.refresh();
  }, 100);
}

function prevStep(current) {
  document.getElementById("step" + current).classList.remove("active");
  document.getElementById("step" + (current - 1)).classList.add("active");

  document.getElementById("circle" + current).classList.remove("current");

  document.getElementById("circle" + (current - 1)).classList.remove("active");
  document.getElementById("circle" + (current - 1)).classList.add("current");

  // 🔥 FIX: refresh AOS
  setTimeout(() => {
    AOS.refresh();
  }, 100);
}
      </script>
  </body>
</html>