<!-- <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="{{ asset('assets/js/jquery-3.7.1.min.js') }}"></script>

<!-- Phosphor Js -->
<script src="{{ asset('assets/js/phosphor-icon.js') }}"></script>

<!-- Bootstrap Bundle Js -->
<script src="{{ asset('assets/js/boostrap.bundle.min.js') }}"></script>

<!-- GSAP js -->
<script src="{{ asset('assets/js/gsap.min.js') }}"></script>

<!-- SplitText -->
<script src="{{ asset('assets/js/SplitText.min.js') }}"></script>

<!-- Swiper Slider -->
<script src="{{ asset('assets/js/swiper-bundle.min.js') }}"></script>

<!-- Marquee js -->
<script src="{{ asset('assets/js/marquee-main.js') }}"></script>

<!-- Scroll Trigger -->
<script src="{{ asset('assets/js/ScrollTrigger.min.js') }}"></script>

<!-- ScrollSmoother -->
<script src="{{ asset('assets/js/ScrollSmoother.min.js') }}"></script>

<!-- AOS Animation -->
<script src="{{ asset('assets/js/aos-animation.js') }}"></script>

<!-- Counter Up -->
<script src="{{ asset('assets/js/counter-up.main.js') }}"></script>

<!-- Custom GSAP -->
<script src="{{ asset('assets/js/custom-gsap.js') }}"></script>

<!-- Magnific Popup -->
<script src="{{ asset('assets/js/magific-popup.js') }}"></script>

<!-- Main js -->
<script src="{{ asset('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>