<!doctype html>
<html lang="zxx">
   <head>
      <!--========= Required meta tags =========-->
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title>ESD - No Dues </title>
      <link rel="shortcut icon" href="assets/img/favicon.png" type="images/x-icon" />
      <!-- css include -->
      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <link rel="stylesheet" href="assets/css/fontawesome.css">
      <link rel="stylesheet" href="assets/css/animate.css">
      <link rel="stylesheet" href="assets/css/swiper.min.css">
      <link rel="stylesheet" href="assets/css/odometer.css">
      <link rel="stylesheet" href="assets/css/magnific-popup.css">
      <link rel="stylesheet" href="assets/css/recoleta-font.css">
      <link rel="stylesheet" href="assets/css/nice-select.css">
      <link rel="stylesheet" href="assets/css/main.css">
   </head>
   <body>
      <!-- backtotop - start -->
      <div class="xb-backtotop">
         <a href="#" class="scroll">
         <i class="far fa-arrow-up"></i>
         </a>
      </div>
      <!-- backtotop - end -->
      <!-- Preloader - Start -->
      <div id="preloader">
         <div id="loader" class="loader">
            <div class="loader-container">
               <div class="loader-icon"><img src="assets/img/logo/preloader.png" alt="preloader"></div>
            </div>
         </div>
      </div>
      <!-- Preloader - End -->
      <div class="body_wrap">
      <?php include_once("header.php") ?>
      <!-- main area start  -->
      <main>
         <!-- breadcrumb start -->
         <section class="breadcrumb bg_img ul_li" data-background="assets/img/internal-page.jpg">
            <div class="container">
               <div class="breadcrumb__content text-center">
                  <h2 class="breadcrumb__title">Forms </h2>
                  <p class="breadcrumb__desc">No Dues </p>
               </div>
            </div>
         </section>
         <!-- breadcrumb end -->
         <!-- contact start -->
         <section class="team pt-80 pb-120" data-bg-color="#F1F1E9" style="background-color: rgb(241, 241, 233);">
            <div class="container">
               <div class="section-title text-center mb-60">
                  <h2 class="title">No Dues </h2>
               </div>
               <div class="row mt-none-30">
                <div class="ve-services-grid">
                    <div class="ve-service-card wow fadeInUp" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInUp;">
                        <div class="ve-service-icon"><i class="fa fa-file-pdf"></i></div>
                        <h4>No Dues Clearance Form For Project Staff</h4>
                        <a href="assets/pdf/Form_Project_staff_ESE.pdf" class="ve-card-link" target="_blank">Download Now<i class="fa fa-long-arrow-down"></i></a>
                    </div>
                    <div class="ve-service-card wow fadeInUp" data-wow-delay="200ms" style="visibility: visible; animation-delay: 200ms; animation-name: fadeInUp;">
                        <div class="ve-service-icon"><i class="fa fa-file-pdf"></i></div>
                        <h4>No Dues Clearance Form For M.Tech Students.</h4>
                        <a href="assets/pdf/M.Tech.pdf" class="ve-card-link" target="_blank">Download Now<i class="fa fa-long-arrow-down"></i></a>
                    </div>
                    <div class="ve-service-card wow fadeInUp" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInUp;">
                        <div class="ve-service-icon"><i class="fa fa-file-pdf"></i></div>
                        <h4>No Dues Clearance Form For Intern Students</h4>
                        <a href="assets/pdf/Interns.pdf" class="ve-card-link" target="_blank">Download Now<i class="fa fa-long-arrow-down"></i></a>
                    </div>
                    <div class="ve-service-card wow fadeInUp" data-wow-delay="200ms" style="visibility: visible; animation-delay: 200ms; animation-name: fadeInUp;">
                        <div class="ve-service-icon"><i class="fa fa-file-pdf"></i></div>
                        <h4>No Dues Clearance Form For PhD Students/mtech (Research)</h4>
                        <a href="assets/pdf/Form_Project_staff_ESE.pdf" class="ve-card-link" target="_blank">Download Now<i class="fa fa-long-arrow-down"></i></a>
                    </div>                     
                </div>
               </div>
            </div>
         </section>

         <style>
            /* ============================================================
   SERVICES GRID
   ============================================================ */
.ve-services-section {
  background: var(--ve-light);
}
.ve-services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}
.ve-service-card {
  background: #fff;
  border-radius: 12px;
  padding: 36px 30px;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
  position: relative;
  overflow: hidden;
}
.ve-service-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #cd1818, #e8b84b);
  transform: scaleX(0);
  transform-origin: left;
  transition: all 0.3s ease;
}
.ve-service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 30px rgba(13, 27, 42, 0.1);
}
.ve-service-card:hover::before {
  transform: scaleX(1);
}
.ve-service-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #ff0404, #091b35);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  font-size: 26px;
  color: #ffffff;
}
.ve-service-card h4 {
  font-size: 18px;
  font-weight: 800;
  color: #160006;
  margin-bottom: 10px;
}
.ve-service-card p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 20px;
  color: var(--ve-text);
}
.ve-card-link:hover {
  gap: 10px;
  color: var(--ve-dark);
}
.ve-card-link {
  font-size: 14px;
  font-weight: 700;
  color: #170006;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
}
/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1199px) {
  .ve-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .ve-services-grid,
  .ve-testi-grid,
  .ve-counter-grid {
    grid-template-columns: 1fr;
  }
}

         </style>

         <section class="ve-section ve-services-section">
            <div class="container">
                <div class="ve-section-header text-center">
                    <span class="ve-section-tag">What We Offer</span>
                    <h2>Comprehensive Financial <span>Solutions</span></h2>
                    <p>From wealth building to retirement security — we cover every stage of your financial journey.</p>
                </div>
                
            </div>
         </section>
         <!-- contact end -->
      </main>

      <?php include_once("footer.php") ?>