1. pricing/table
    pricing/table
    Starter Medium Pro
    $9 /month $29 /month $99 /month
    Features
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses
    Features
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses 
    <div class="relative overflow-x-auto">
  <table class="w-full min-w-4xl overflow-x-auto">
    <thead>
      <tr>
        <th class="w-2/5"></th>
        <th>
          <span class="p-4 text-center bg-base-200 border-t border-x border-base-300 rounded-t-box w-full block">
            Starter
          </span>
        </th>
        <th class="p-4 text-center w-1/5">
          Medium
        </th>
        <th class="p-4 text-center w-1/5">
          Pro
        </th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <th></th>
        <td class="text-2xl text-center border-x border-base-300 bg-base-200 py-4">
          $9 <span class="text-sm">/month</span>
        </td>
        <td class="text-2xl text-center">
          $29 <span class="text-sm">/month</span>
        </td>
        <td class="text-2xl text-center">
          $99 <span class="text-sm">/month</span>
        </td>
      </tr>

      <tr>
        <th></th>
        <td class="p-4 text-center bg-base-200 border-x border-base-300">
          <button class="btn btn-ghost">
            Get started
          </button>
        </td>
        <td class="p-4 text-center">
          <button class="btn btn-primary">
            Get started
          </button>
        </td>
        <td class="p-4 text-center">
          <button class="btn btn-ghost">
            Get started
          </button>
        </td>
      </tr>

      <tr>
        <th class="py-4">
          <span class="text-sm font-semibold">
            Features
          </span>
        </th>

        <td class="bg-base-200 border-x border-base-300"></td>
        <td></td>
        <td></td>
      </tr>

      <tr class="border-t border-base-300">
        <th class="py-4">
          <span class="font-normal text-sm text-base-content/80">
            Unlimited access to all courses
          </span>
        </th>

        <td class="text-center border-x border-base-300 bg-base-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
      </tr>
      <tr class="border-t border-base-300">
        <th class="py-4">
          <span class="font-normal text-sm text-base-content/80">
            Unlimited access to all courses
          </span>
        </th>

        <td class="text-center border-x border-base-300 bg-base-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
      </tr>
      <tr class="border-t border-base-300">
        <th class="py-4">
          <span class="font-normal text-sm text-base-content/80">
            Unlimited access to all courses
          </span>
        </th>

        <td class="text-center border-x border-base-300 bg-base-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
      </tr>
      <tr class="border-y border-base-300">
        <th class="py-4">
          <span class="font-normal text-sm text-base-content/80">
            Unlimited access to all courses
          </span>
        </th>

        <td class="text-center border-x border-base-300 bg-base-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
      </tr>
      <tr>
        <th class="py-4 pt-8">
          <span class="text-sm font-semibold">
            Features
          </span>
        </th>

        <td class="bg-base-200 border-x border-base-300"></td>
        <td></td>
        <td></td>
      </tr>
      <tr class="border-t border-base-300">
        <th class="py-4">
          <span class="font-normal text-sm text-base-content/80">
            Unlimited access to all courses
          </span>
        </th>

        <td class="text-center border-x border-base-300 bg-base-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
      </tr>
      <tr class="border-t border-base-300">
        <th class="py-4">
          <span class="font-normal text-sm text-base-content/80">
            Unlimited access to all courses
          </span>
        </th>

        <td class="text-center border-x border-base-300 bg-base-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
      </tr>
      <tr class="border-t border-base-300">
        <th class="py-4">
          <span class="font-normal text-sm text-base-content/80">
            Unlimited access to all courses
          </span>
        </th>

        <td class="text-center border-x border-base-300 bg-base-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
      </tr>
      <tr class="border-t border-base-300">
        <th class="py-4">
          <span class="font-normal text-sm text-base-content/80">
            Unlimited access to all courses
          </span>
        </th>

        <td class="text-center border-x border-base-300 bg-base-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
      </tr>
      <tr class="border-t border-base-300">
        <th class="py-4">
          <span class="font-normal text-sm text-base-content/80">
            Unlimited access to all courses
          </span>
        </th>

        <td class="text-center border-x border-base-300 bg-base-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
      </tr>
      <tr class="border-y border-base-300">
        <th class="py-4">
          <span class="font-normal text-sm text-base-content/80">
            Unlimited access to all courses
          </span>
        </th>

        <td class="text-center border-x border-base-300 bg-base-200">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
        <td>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-check text-primary block mx-auto">
            <path d="M20 6 9 17l-5-5" />
          </svg>
        </td>
      </tr>
    </tbody>
  </table>
</div>
  2. pricing/simple
    pricing/simple

    Monthly subscription

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum ex, praesentium consequuntur esse dignissimos.

    What you get
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses
    $29 / month 
    <section class="card card-border p-4 grid grid-cols-1 md:grid-cols-3">
  <header class="md:col-span-2 p-4">
    <h2 class="card-title text-3xl">
      Monthly subscription
    </h2>

    <p class="text-base-content/80 mt-4 max-w-xl">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum ex, praesentium consequuntur esse dignissimos.
    </p>

    <span class="text-primary block mt-8 font-semibold">
      What you get
    </span>

    <div class="grid sm:grid-cols-2 gap-4 mt-4">
      <div class="flex items-center gap-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
      <div class="flex items-center gap-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
      <div class="flex items-center gap-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
      <div class="flex items-center gap-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
    </div>
  </header>

  <article class="card-body bg-base-200 rounded-box items-center justify-center">
    <span class="text-base-content text-5xl">
      $29

      <span class="text-base-content/80 text-lg">
        / month
      </span>
    </span>

    <button class="btn btn-primary mt-8 w-full">
      Get started
    </button>
  </article>
</section>
  3. pricing/section
    pricing/section

    Monthly

    Yearly

    Starter plan

    The best plan for small businesses

    $29 / month
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses
    Medium plan

    The best plan for medium businesses

    $39 / month
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses
    Full plan

    The best plan for large businesses

    $59 / month
    Unlimited access to all courses
    Unlimited access to all courses
    Unlimited access to all courses 
    <div class="flex gap-x-4 justify-center">
  <p class="text-base-content">
    Monthly
  </p>

  <input type="checkbox" checked="checked" class="toggle toggle-primary" />

  <p class="text-base-content">
    Yearly
  </p>
</div>

<section class="grid md:grid-cols-3 mt-8 gap-8">
  <article class="card card-border p-8">
    <span class="text-base-content block font-semibold text-xl">
      Starter plan
    </span>

    <p class="text-base-content/80 mt-4">
      The best plan for small businesses
    </p>

    <span class="text-3xl font-bold my-8">
      $29
      <span class="text-sm text-base-content/80 font-normal">
        / month
      </span>
    </span>

    <button class="btn btn-soft w-full">
      Choose plan
    </button>

    <div class="space-y-4 mt-8">
      <div class="flex items-center gap-x-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
      <div class="flex items-center gap-x-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
      <div class="flex items-center gap-x-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
    </div>
  </article>
  <article class="card card-border p-8 border-primary">
    <span class="text-primary block font-semibold text-xl">
      Medium plan
    </span>

    <p class="text-base-content/80 mt-4">
      The best plan for medium businesses
    </p>

    <span class="text-3xl text-primary font-bold my-8">
      $39
      <span class="text-sm text-base-content/80 font-normal">
        / month
      </span>
    </span>

    <button class="btn btn-primary w-full">
      Choose plan
    </button>

    <div class="space-y-4 mt-8">
      <div class="flex items-center gap-x-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
      <div class="flex items-center gap-x-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
      <div class="flex items-center gap-x-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
    </div>
  </article>
  <article class="card card-border p-8">
    <span class="text-base-content block font-semibold text-xl">
      Full plan
    </span>

    <p class="text-base-content/80 mt-4">
      The best plan for large businesses
    </p>

    <span class="text-3xl font-bold my-8">
      $59
      <span class="text-sm text-base-content/80 font-normal">
        / month
      </span>
    </span>

    <button class="btn btn-soft w-full">
      Choose plan
    </button>

    <div class="space-y-4 mt-8">
      <div class="flex items-center gap-x-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
      <div class="flex items-center gap-x-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
      <div class="flex items-center gap-x-2">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="lucide lucide-check text-primary">
          <path d="M20 6 9 17l-5-5" />
        </svg>

        <span class="text-base-content/80">
          Unlimited access to all courses
        </span>
      </div>
    </div>
  </article>
</section>