<header>
    <h1 class="text-3xl font-extrabold text-slate-900">Eligibility</h1>
    <p class="mt-3 max-w-6xl text-base text-slate-600">
        Our incentive rewards program is designed to recognize and reward eligible participants.
        Please review the following requirements to determine if you qualify for participation in the program.
    </p>
</header>
<section class="my-5">
    <div class="flex items-end justify-between gap-4 border-b-2 border-primary pb-3">
        <h2 class="text-2xl font-bold text-slate-900">Eligible Participants</h2>
    </div>

    <div class="mt-6 space-y-5">
        <div class="flex items-start gap-4">
            <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-success text-xs text-white">
                <i class="fa-solid fa-check"></i>
            </span>
            <div>
                <h3 class="text-lg font-bold text-slate-800">Active Employees</h3>
                <p class="mt-1 text-base leading-7 text-slate-600">All full-time and part-time employees who have completed their probationary period (typically 90 days) are eligible to participate in the rewards program.</p>
            </div>
        </div>

        <div class="flex items-start gap-4">
            <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-success text-xs text-white">
                <i class="fa-solid fa-check"></i>
            </span>
            <div>
                <h3 class="text-lg font-bold text-slate-800">Good Standing Status</h3>
                <p class="mt-1 text-base leading-7 text-slate-600">Participants must be in good standing with the organization, with no active disciplinary actions or performance improvement plans at the time of redemption.</p>
            </div>
        </div>

        <div class="flex items-start gap-4">
            <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-success text-xs text-white">
                <i class="fa-solid fa-check"></i>
            </span>
            <div>
                <h3 class="text-lg font-bold text-slate-800">Age Requirement</h3>
                <p class="mt-1 text-base leading-7 text-slate-600">Participants must be 18 years of age or older to receive and redeem rewards independently.</p>
            </div>
        </div>

        <div class="flex items-start gap-4">
            <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-success text-xs text-white">
                <i class="fa-solid fa-check"></i>
            </span>
            <div>
                <h3 class="text-lg font-bold text-slate-800">Training Completion</h3>
                <p class="mt-1 text-base leading-7 text-slate-600">All mandatory compliance and program orientation training must be completed before participants can begin earning or redeeming points.</p>
            </div>
        </div>

        <div class="flex items-start gap-4">
            <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-success text-xs text-white">
                <i class="fa-solid fa-check"></i>
            </span>
            <div>
                <h3 class="text-lg font-bold text-slate-800">Active Account</h3>
                <p class="mt-1 text-base leading-7 text-slate-600">Participants must maintain an active account with valid contact information and acknowledge the program terms and conditions.</p>
            </div>
        </div>
    </div>
</section>

<section class="my-5">
    <div class="flex items-end justify-between gap-4 border-b-2 border-primary pb-3">
        <h2 class="text-2xl font-bold text-slate-900">Ineligible Participants</h2>
    </div>

    <div class="mt-6 space-y-5">
        <div class="flex items-start gap-4">
            <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-error text-xs text-white">
                <i class="fa-solid fa-xmark"></i>
            </span>
            <div>
                <h3 class="text-lg font-bold text-slate-800">Temporary or Contract Workers</h3>
                <p class="mt-1 text-base leading-7 text-slate-600">Temporary staff, contractors, and consultants are not eligible unless explicitly included in their contract agreement.</p>
            </div>
        </div>

        <div class="flex items-start gap-4">
            <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-error text-xs text-white">
                <i class="fa-solid fa-xmark"></i>
            </span>
            <div>
                <h3 class="text-lg font-bold text-slate-800">Suspended or Terminated Employees</h3>
                <p class="mt-1 text-base leading-7 text-slate-600">Individuals who are currently suspended or have been terminated from employment are not eligible to participate or redeem points.</p>
            </div>
        </div>

        <div class="flex items-start gap-4">
            <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-error text-xs text-white">
                <i class="fa-solid fa-xmark"></i>
            </span>
            <div>
                <h3 class="text-lg font-bold text-slate-800">Probationary Period Employees</h3>
                <p class="mt-1 text-base leading-7 text-slate-600">New hires who have not completed their probationary period are not yet eligible to participate in the program.</p>
            </div>
        </div>

        <div class="flex items-start gap-4">
            <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-error text-xs text-white">
                <i class="fa-solid fa-xmark"></i>
            </span>
            <div>
                <h3 class="text-lg font-bold text-slate-800">Inactive Accounts</h3>
                <p class="mt-1 text-base leading-7 text-slate-600">Accounts that have been inactive for more than 12 months may be subject to point forfeiture and program removal.</p>
            </div>
        </div>
    </div>
</section>

<section class="my-5">
    <div class="flex items-end justify-between gap-4 border-b-2 border-primary pb-3">
        <h2 class="text-2xl font-bold text-slate-900">Special Circumstances</h2>
    </div>

    <div class="mt-6 rounded-2xl bg-slate-50 py-5 md:p-6">
        <div class="space-y-5">
            <div class="flex items-start gap-4">
                <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-primary/20 bg-white text-xs text-primary">
                    <i class="fa-solid fa-info"></i>
                </span>
                <div>
                    <h3 class="text-lg font-bold text-slate-800">Leave of Absence</h3>
                    <p class="mt-1 text-base leading-7 text-slate-600">Participants on an approved leave of absence may have temporary restrictions on earning or redeeming rewards until they return to active status.</p>
                </div>
            </div>

            <div class="flex items-start gap-4">
                <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-primary/20 bg-white text-xs text-primary">
                    <i class="fa-solid fa-info"></i>
                </span>
                <div>
                    <h3 class="text-lg font-bold text-slate-800">Role Changes or Transfers</h3>
                    <p class="mt-1 text-base leading-7 text-slate-600">Eligibility may be reviewed when employees transfer departments, change employment classifications, or move into non-participating roles.</p>
                </div>
            </div>

            <div class="flex items-start gap-4">
                <span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-primary/20 bg-white text-xs text-primary">
                    <i class="fa-solid fa-info"></i>
                </span>
                <div>
                    <h3 class="text-lg font-bold text-slate-800">Policy Exceptions</h3>
                    <p class="mt-1 text-base leading-7 text-slate-600">Any exceptions to these requirements must be documented and approved by program administration or human resources.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="rounded-2xl border border-primary/20 bg-primary/5 p-5">
    <div class="max-w-6xl">
        <h2 class="text-2xl font-bold text-slate-900">Questions About Eligibility?</h2>
        <p class="mt-4 text-base leading-7 text-slate-600">
            If you have questions about your eligibility status or need clarification on any of these requirements,
            please contact our program support team:
        </p>

        <div class="mt-5 space-y-3 text-base leading-7 text-slate-700">
            <p><span class="font-bold text-slate-900">Email:</span> support@abgrewards.com</p>
            <p><span class="font-bold text-slate-900">Phone:</span> 1-800-555-0123</p>
            <p><span class="font-bold text-slate-900">Hours:</span> Monday - Friday, 9:00 AM - 5:00 PM</p>
        </div>
    </div>
</section>
