<!-- Modal -->
<div class="modal fade" id="successModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content border-0 shadow-lg"
         style="background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 18px;">
      <div class="modal-body text-center p-5 text-primary">

        <!-- Animated Icon -->
        <div class="mb-4 animate-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="#0d6efd"
               class="bi bi-check-circle-fill" viewBox="0 0 16 16">
            <path
              d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.97 10.03a.75.75 0 0 0 1.07 0l3.992-3.993a.75.75 0 0 0-1.06-1.06L7.5 8.439 5.53 6.47a.75.75 0 0 0-1.06 1.06l2.5 2.5z" />
          </svg>
        </div>

        <!-- Animated Text -->
        <h4 class="fw-bold animate-text">Successfully Done !</h4>
        <p class="mb-4 animate-subtext">You Will Be Redirected Shortly...</p>

        <!-- Progress Bar -->
        <div class="progress" style="height: 8px; border-radius: 50px; background-color: #dee2e6;">
          <div id="progressBar" class="progress-bar" role="progressbar"
               style="width: 0%; background-color:#0f95e6;"></div>
        </div>

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

 <footer id="footer" class="footer" style="display:none;">
    <div class="copyright">
      &copy; Copyright <strong><span>ITM-SOFTS</span></strong>. All Rights Reserved
    </div>
    <div class="credits">
    Designed by <a href="https://itmsofts.com/">ITM-SOFTS</a>
    </div>
  </footer>

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="../assets/vendor/apexcharts/apexcharts.min.js"></script>
  <script src="../assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="../assets/vendor/chart.js/chart.min.js"></script>
  <script src="../assets/vendor/echarts/echarts.min.js"></script>
  <script src="../assets/vendor/quill/quill.min.js"></script>
  <script src="../assets/vendor/simple-datatables/simple-datatables.js"></script>
  <script src="../assets/vendor/tinymce/tinymce.min.js"></script>
  <script src="../assets/vendor/php-email-form/validate.js"></script>

  <!-- Template Main JS File -->
  <script src="../assets/js/main.js"></script>

</body>

</html>