s<style>
    .sticky-md-top{
        z-index: 99 !important;
        top: 100px !important;
    }
/* Wrapper sections */
.doctor-hero-section {
    padding: 50px 0 30px;
    background: linear-gradient(135deg, #f4f9ff 0%, #ffffff 60%);
}

.doctor-detail-section {
    padding: 10px 0 60px;
    background: #f8fafc;
}

/* Sticky left column */
.doctor-left-col {
    position: sticky;
    top: 80px; /* adjust for navbar height */
    align-self: flex-start;
}

/* Hero card (right side) */
.doctor-hero-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px 26px;
    box-shadow: 0 18px 40px rgba(15, 35, 95, 0.08);
    position: relative;
    /* overflow: hidden;  removed so sticky can work in the section */
}

.doctor-hero-card::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle at center, #0d6efd1a 0%, transparent 60%);
    opacity: 0.8;
}

/* Image */
.doctor-avatar-wrap {
    position: relative;
}

.doctor-img {
    width: 100%;
    height: 430px !important;
    object-fit: cover;
    border: 6px solid #e9f2ff;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.doctor-hero-card:hover .doctor-img {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
}

/* Basic text */
.doctor-name {
    font-size: 28px;
    font-weight: 700;
    color: #111827;
}

.doctor-designation {
    font-size: 15px;
    font-weight: 600;
    color: #2563eb;
}

.doctor-workplace {
    font-size: 14px;
    color: #6b7280;
}

.doctor-id {
    font-size: 13px;
    color: #9ca3af;
}

.doctor-id span {
    color: #4b5563;
    font-weight: 600;
}

/* Meta chips */
.doctor-meta-top {
    margin-bottom: 18px;
}

.meta-chip {
    background: #f3f4ff;
    border-radius: 999px;
    padding: 8px 14px;
    display: inline-flex;
    flex-direction: column;
    min-width: 150px;
}

.meta-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b7280;
    margin-bottom: 2px;
}

.meta-value {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
}

/* Summary text */
.doctor-summary {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.7;
}

/* Buttons */
.doctor-cta-wrap .doctor-btn-main {
    border-radius: 999px;
    padding-inline: 28px;
    padding-block: 10px;
    font-weight: 600;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.35);
}

.doctor-cta-wrap .doctor-btn-secondary {
    border-radius: 999px;
    padding-inline: 24px;
    padding-block: 9px;
    font-weight: 500;
    border-width: 1px;
}

.btn-primary {
    background: #2563eb;
    border-color: #2563eb;
}

.btn-primary:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

/* Small meta */
.doctor-small-meta {
    margin-top: 8px;
    font-size: 11px;
    color: #9ca3af;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.dot-separator {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #d1d5db;
}

/* Info cards */
.info-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 18px 20px;
    margin-bottom: 16px;
    border: 1px solid rgba(15, 23, 42, 0.04);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.info-card h3 {
    font-size: 17px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 6px;
}

/* Timings */
.timing-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.time-pill {
    padding: 10px 14px;
    border-radius: 999px;
    background: #eff6ff;
    display: inline-flex;
    flex-direction: column;
}

.time-label {
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.time-value {
    font-size: 13px;
    font-weight: 600;
    color: #1f2937;
}

/* Side card */
.side-card {
    background: #0f172a;
    color: #e5e7eb;
    border-radius: 18px;
    padding: 20px 18px;
    position: sticky;
    top: 90px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.6);
}

.side-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.highlight-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.highlight-list li {
  
    font-size: 13px;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(148, 163, 184, 0.4);
}

.highlight-list li:last-child {
    border-bottom: none;
}

.highlight-list span {
    color: #9ca3af;
}

.highlight-list strong {
    color: #e5e7eb;
}

/* Responsive */
@media (max-width: 991px) {
    .doctor-hero-card {
        padding: 22px 18px;
    }

    .side-card {
        position: static;
        margin-top: 4px;
    }
    .doctor-left-col {
        position: static;
    }
}

@media (max-width: 575px) {
    .highlight-list li {
    flex-wrap: wrap;

}
        .doctor-img {
        width: 100% !important;
        height: 357px !important;
    }
    .doctor-hero-section {
        padding-top: 30px;
    }
    .doctor-name {
        font-size: 24px;
    }
    .doctor-meta-top {
        gap: 8px;
    }
    .meta-chip {
        width: 100%;
    }
}
</style>

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>
    Prof. (Dr.) Rajiv Kumar Gupta - Doctor Profile  </title>
  <meta name="description" content="Rajiv Kumar Gupta is a distinguished Prosthodontist and Senior Consultant in Implantology with over sixteen years of extensive clinical, academic, and..." />
  <meta name="keywords" content="Prof. (Dr.) Rajiv Kumar Gupta, doctor, profile, Professor, Department of Prosthodontics Senior Consultant – Implantology" />
  <meta name="author" content="John Doe" />
  <link rel="stylesheet" href="/css/style.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
  <link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />

  <!-- Favicon -->
  <link rel="icon" href="/favicon.ico" type="image/x-icon">

  <!-- PNG Icons -->
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

  <!-- Apple Touch Icon -->
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

  <!-- Android / PWA -->
  <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
  <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">

  <!-- Web App Manifest -->
  <link rel="manifest" href="/site.webmanifest">


</head>

<body class="font">

  <!-- ================= MAIN HEADER ================= -->
<section class="main-header">

<!-- Top Bar -->
<div class="top-bar">
  <div class="white-part"></div>

  <div class="social-link">
    <div class="top-bar-left">
      <ul>
        <li><i class="fa-solid fa-phone"></i> +91 9810061863</li>
        <li><i class="fa-solid fa-envelope"></i> apaid2026@gmail.com</li>
      </ul>
    </div>

    <div class="top-bar-right">
      <a href="https://www.facebook.com/apaiddgoi?mibextid=wwXIfr&rdid=K0c8AmebOHX7o0ql&share_url=https%3A%2F%2Fwww.facebook.com%2Fshare%2F1EH9icY92N%2F%3Fmibextid%3DwwXIfr#" target="_blank">
        <i class="fa-brands fa-facebook-f"></i>
      </a>

      <a href="#" target="_blank">
        <i class="fa-brands fa-instagram"></i>
      </a>

      <a href="https://wa.me/919810061863" target="_blank">
        <i class="fa-brands fa-whatsapp"></i>
      </a>
    </div>
  </div>
</div>


  <!-- Logo -->
<a href="/">
      <img src="/logo.png" alt="Logo" class="abs-logo" />
</a>

  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg">
    <div class="container-fluid">

      <a class="navbar-brand" href="/">
        <img src="/logo.png" alt="Logo" class="hide-logo" />
      </a>

      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse justify-content-center" id="mainNavbar">

        <!-- MENU -->
        <ul class="navbar-nav ms-auto">
          <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="/curriculum">Curriculum</a></li>
          <li class="custom-item">
            <a href="#" class="custom-link nav-link">Faculty <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
</svg></a>
            <ul class="custom-dropdown">
              <li><a href="/program-directors">Program Directors</a></li>
              <li><a href="/faculty">Core Faculty</a></li>
            </ul>
          </li>
<li class="custom-item">
            <a href="#" class="custom-link nav-link">Overview<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
</svg></a>
            <ul class="custom-dropdown">
              <li><a href="/testimonials">Testimonials</a></li>
              <li><a href="/faq">FAQ's</a></li>
              <li><a href="/captured-movement">Gallery</a></li>
            </ul>
          </li>
    <li class="nav-item">
    <a class="nav-link" href="/event" id="tag">
        Our Events <span class="new">New</span>
    </a>
</li>
          <li class="nav-item"><a class="nav-link" href="/contact">Contact</a></li>
        </ul>

        <!-- CTA -->
        <div class="ms-auto">
          <a href="/apply-now" class="main-btn">
            <span class="btn-icon"><i class="fa-solid fa-arrow-right-long"></i></span>
            <span class="btn-text">Enrol Now</span>
          </a>
        </div>

      </div>
    </div>
  </nav>
</section>

<!-- ================= STICKY / SCROLL HEADER ================= -->
<div class="header2 second-header">
  <div class="container-fluid">
    <div class="navbar-2">

      <div class="logo2">
        <a href="/"><img src="/logo.png" alt="Logo"></a>
      </div>

      <!-- SAME MENU -->
      <div class="nav-links">
        <!-- copy SAME <ul> from above -->
        <!-- (kept identical for consistency) -->
        <ul class="nav-menu">
          <li><a href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="/curriculum">Curriculum</a></li>
          <li class="custom-item">
            <a href="#" class="custom-link">Faculty <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
</svg></a>
            <ul class="custom-dropdown">
              <li><a href="/program-directors">Program Directors</a></li>
              <li><a href="/faculty">Core Faculty</a></li>
            </ul>
          </li>
<li class="custom-item">
            <a href="#" class="custom-link nav-link">Overview<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
</svg></a>
            <ul class="custom-dropdown">
              <li><a href="/testimonials">Testimonials</a></li>
              <li><a href="/faq">FAQ's</a></li>
              <li><a href="/captured-movement">Gallery</a></li>
            </ul>
          </li>
   <li class="nav-item">
    <a class="nav-link" href="/event" id="tag">
        Our Events <span class="new">New</span>
    </a>
</li>
          <li><a href="/contact">Contact</a></li>
        </ul>
      </div>

      <div class="call-to-action">
        <a href="/apply-now" class="main-btn">
          <span class="btn-icon"><i class="fa-solid fa-arrow-right-long"></i></span>
          <span class="btn-text">Enrol Now</span>
        </a>
      </div>

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



<!-- Top Bar -->
<div class="top-bar phone-navbar">
  <div class="white-part"></div>

  <div class="social-link">
    <div class="top-bar-left">
      <ul>
        <li><i class="fa-solid fa-phone"></i> +91 9810061863</li>
        <li><i class="fa-solid fa-envelope"></i> apaid2026@gmail.com</li>
      </ul>
    </div>
  </div>
</div>
<nav class="navbar navbar-expand-lg phone-navbar abs80">
  <div class="container-fluid">
    <a class="navbar-brand" href="/">
      <img src="/logo.png" alt="">
    </a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="#">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">About</a>
        </li>
         <li class="nav-item">
          <a class="nav-link" href="#">Curriculum</a>
        </li>
           <li class="nav-item">
          <a class="nav-link" href="/program-directors">Program Directors</a>
        </li>
         <li class="nav-item">
          <a class="nav-link" href="/faculty">Core Faculty</a>
        </li>
             <li class="nav-item">
          <a class="nav-link" href="/testimonials">Testimonials</a>
        </li>
         <li class="nav-item">
          <a class="nav-link" href="/faq">FAQ's</a>
        </li>
           <li class="nav-item">
          <a class="nav-link" href="/captured-movement">Gallery</a>
        </li>
            <li class="nav-item">
          <a class="nav-link" href="/contact">Contact</a>
        </li>
      </ul>
   
    </div>
  </div>
</nav>
<style>
    .phone-navbar .top-bar-left ul{
        flex-direction: column;
        gap: 5px;
    }
  .phone-navbar .social-link{
      justify-content: center;
  }
 .abs80{
     top:75px !important;
 }
</style>
<!-- ================= SCROLL SCRIPT ================= -->
<script>
  window.addEventListener("scroll", function () {
    const mainHeader = document.querySelector(".main-header");
    const secondHeader = document.querySelector(".second-header");

    if (window.scrollY <= 100) {
      mainHeader.classList.remove("hidden");
      secondHeader.classList.remove("visible");
    } else {
      mainHeader.classList.add("hidden");
      secondHeader.classList.add("visible");
    }
  });
</script>

  <main>
    
<div class="custom-breadcrumb-section">
    <div class="custom-container">
        <nav class="custom-breadcrumb-nav">
            <ul class="custom-breadcrumb-list">
                <li>
                    <a href="https://www.apaid.in">Home</a>
                </li>
                <li class="separator">›</li>
                <li class="current">Prof. (Dr.) Rajiv Kumar Gupta</li>
            </ul>
              <ul class="pt-3">
             
                <h2 class="current-page">Prof. (Dr.) Rajiv Kumar Gupta</h2>
            </ul>
        </nav>
    </div>
</div>

<section class="doctor-hero-section">
    <div class="container">
        <div class="row g-4">
            <!-- Left: Image + Basic Info (Sticky) -->
            <div class="col-md-4 text-center doctor-left-col sticky-md-top">
                <div class="doctor-avatar-wrap">
                    <img src="https://www.apaid.in/faculties/1771838714.jpeg"
                         alt="Prof. (Dr.) Rajiv Kumar Gupta"
                         class="doctor-img rounded img-fluid">
                </div>

                <div class="doctor-basic mt-3">
                    <h1 class="doctor-name mb-1">Prof. (Dr.) Rajiv Kumar Gupta</h1>
                    <p class="doctor-designation mb-1">Professor, Department of Prosthodontics Senior Consultant – Implantology</p>
                    <p class="doctor-workplace mb-0">Santosh Dental College &amp; Hospital, Ghaziabad</p>

                </div>
            </div>

            <!-- Right: Card with details -->
            <div class="col-md-8">
                <div class="doctor-hero-card">
                    <div class="doctor-meta-top d-flex flex-wrap gap-3 mb-3">
                        <div class="meta-chip">
                            <span class="meta-label">Experience</span>
                            <span class="meta-value">25+ Years</span>
                        </div>
                        <div class="meta-chip">
                            <span class="meta-label">Speaks</span>
                            <span class="meta-value">English, Hindi</span>
                        </div>
                
                    </div>

                    <div class="doctor-summary">
                        <p data-start="899" data-end="1350"><span class="hover:entity-accent entity-underline inline cursor-pointer align-baseline">Rajiv Kumar Gupta</span> is a distinguished Prosthodontist and Senior Consultant in Implantology with over sixteen years of extensive clinical, academic, and research experience. He completed his Bachelor of Dental Surgery (BDS) from Santosh Dental College, Ghaziabad, and earned his Master of Dental Surgery (MDS) with distinction from Sri Ramachandra Dental College, Chennai, where he was awarded the Gold Medal for academic excellence.</p><p data-start="1352" data-end="1770">Dr. Gupta has served in prestigious institutions including Subharti Dental College, Lady Hardinge Medical College, Maulana Azad Institute of Dental Sciences, VMMC & Safdarjung Hospital, ITS-CDSR Muradnagar, and IDST Dental College, where he also held the position of Head of Department. He is actively involved in undergraduate and postgraduate teaching and serves as an examiner for several universities across India.</p><p data-start="1772" data-end="2042">A prolific academician, he has numerous publications in reputed national and international journals, including PubMed-indexed papers. He also serves as a reviewer for the Journal of Indian Prosthodontic Society and the Journal of Dental Sciences and Oral Rehabilitation.</p><p data-start="2044" data-end="2484">Dr. Gupta has played a key role in organizing national and international conferences, workshops, and conventions, including the 50th Indian Prosthodontic Society Golden Jubilee Conference and the 6th AAID Conference in Delhi. His leadership has driven significant departmental growth through academic initiatives, IPS Day celebrations, photography workshops, and environmental sustainability programs such as green campus plantation drives.</p><p data-start="2486" data-end="2697">His dedication to excellence, innovation, and mentorship continues to inspire students, faculty, and professionals, contributing significantly to the advancement of prosthodontics and implant dentistry in India.</p><p>





</p><p data-start="2704" data-end="2728"></p><hr data-start="2699" data-end="2702">
                    </div>

                    <div class="doctor-small-meta mt-3">
                        <span>Created: 23 Feb 2026</span>
                        <span class="dot-separator"></span>
                        <span>Last Updated: 26 Feb 2026</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="doctor-detail-section">
    <div class="container">
        <div class="row g-4">
            <!-- Left: Info Cards -->
            <div class="col-lg-5">
                <div class="info-card">
                    <h3>Short About Prof. (Dr.) Rajiv Kumar Gupta</h3>
                    <p class="text-muted mb-0">
                        Prof. (Dr.) Rajiv Kumar Gupta is a Professor, Department of Prosthodontics Senior Consultant – Implantology with over 25+ Years of experience,
                        consulting at Santosh Dental College &amp; Hospital, Ghaziabad.
                    </p>
                </div>

                <div class="info-card">
                    <h3>Languages</h3>
                    <p class="mb-0">English, Hindi</p>
                </div>
            </div>

            <!-- Right: Quick Highlights -->
            <div class="col-lg-7">
                <div class="side-card">
                    <h4 class="side-title">Quick Highlights</h4>
                    <ul class="highlight-list">
                        <li>
                            <p><strong>Experience</strong></p>
                            <p>25+ Years </p>
                        </li>
                       
                        <li>
                            <p><strong>Workplace</strong></p>
                            <p>Santosh Dental College &amp; Hospital, Ghaziabad</p>
                        </li>
                        <li>
                            <p><strong>Speaks</strong></p>
                            <p>English, Hindi</p>
                        </li>
                          
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

  </main>

  <footer class="site-footer">
  <div class="footer-container">

    <!-- About -->
    <div class="footer-box">
     <div class="footer-logo">
         <img src="/logo.png" alt="APAID Logo" class="footer-logo">
     </div>

      <p>
        The Asia Pacific Association of Implant Dentistry (APAID) is a globally recognized
        professional organization dedicated to advancing implant dentistry through
        structured education, clinical excellence, and international collaboration.
      </p>

      <p class="highlight">
        In collaboration with Santosh Deemed to be University (UGC Recognized),
        APAID presents India’s first structured M.Sc. in Oral Implantology.
      </p>
    </div>

    <!-- Program -->
    <div class="footer-box">
      <h4>Program Overview</h4>
      <ul>
        <li>✔ UGC Approved Curriculum</li>
        <li>✔ APAID Academic Collaboration</li>
        <li>✔ Global Mentors & Visiting Faculty</li>
        <li>✔ Evidence-Based Implant Training</li>
        <li>✔ Hands-on Clinical Exposure</li>
      </ul>
    </div>

    <!-- Quick Links -->
    <div class="footer-box">
      <h4>Quick Links</h4>
      <ul class="links">
        <li><a href="/">Home</a></li>
        <li><a href="/about">About APAID</a></li>
        <li><a href="/curriculum">Program Structure</a></li>
        <li><a href="/program-director">Faculty & Mentors</a></li>
        <li><a href="/apply-now">Admissions</a></li>
        <li><a href="/contact">Contact Us</a></li>
      </ul>
    </div>

    <!-- Contact -->
    <div class="footer-box">
      <h4>Contact Information</h4>
      <p>📍Ashok Vihar, Phase-I,
Delhi – 110052, India</p>
      <p>📞 <a href="tel:+919810061863">+91 9810061863</a></p>
      <p>✉ <a href="mailto:apaid2026@gmail.com"> apaid2026@gmail.com</a></p>
    </div>

  </div>

  <!-- Bottom Bar -->
  <div class="footer-bottom">
    <p>© 2026 APAID – Asia Pacific Association of Implant Dentistry. All Rights Reserved. |  Developed By ❤️ PromotionAdda Pvt Ltd</p>
  </div>
</footer>

  <canvas id="confetti-canvas"></canvas>

  <style>
    #confetti-canvas {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      pointer-events: none;
      z-index: 9999;
    }
  </style>


  <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>

  <script>
    const confettiCanvas = document.getElementById('confetti-canvas');
    const confettiInstance = confetti.create(confettiCanvas, { resize: true });

    function startConfetti() {
      const duration = 15 * 1000;
      const animationEnd = Date.now() + duration;
      const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 0 };

      function randomInRange(min, max) {
        return Math.random() * (max - min) + min;
      }

      const interval = setInterval(function () {
        const timeLeft = animationEnd - Date.now();

        if (timeLeft <= 0) {
          clearInterval(interval);
          return;
        }

        const particleCount = 50 * (timeLeft / duration);

        confettiInstance({
          ...defaults,
          particleCount,
          origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 }
        });

        confettiInstance({
          ...defaults,
          particleCount,
          origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 }
        });

      }, 250);
    }
  </script>


  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
    crossorigin="anonymous"></script>


</body>

</html>