steps #01

<section>
  <div class="relative px-8 py-32 mx-auto md:px-12 lg:px-24 max-w-7xl">
    <div class="grid grid-cols-1 gap-12 md:grid-cols-3 md:items-end">
      <div class="lg:col-span-2">
        <p class="text-sm font-bold uppercase text-blue-600">Tagline</p>
        <h2
          class="text-2xl md:text-3xl lg:text-4xl mt-4 font-semibold text-base-900 lg:text-balance"
        >
          Simple steps to apply for a bank account
        </h2>
      </div>
      <p class="text-base font-medium text-base-500">
        The fastest method for working together on staging and temporary
        environments.
      </p>
    </div>
    <dl class="mt-12 grid grid-cols-1 gap-6 lg:grid-cols-3 md:grid-cols-2">
      <div class="shadow bg-base-50 rounded-3xl">
        <dt class="p-8">
          <h3 class="text-lg md:text-xl font-medium text-base-900">
            1. Choose your account type
          </h3>
        </dt>
        <dd class="p-8 border-t border-base-200">
          <p class="text-base font-medium text-base-500">
            Decide whether you need a checking account, savings account, or
            both. Each type has its own benefits and features.
          </p>
        </dd>
      </div>
      <div class="shadow bg-blue-600 rounded-3xl">
        <dt class="p-8">
          <h3 class="text-lg md:text-xl font-medium text-white">
            2. Gather required documents
          </h3>
        </dt>
        <dd class="p-8 border-t border-white/20">
          <p class="text-base font-medium text-white">
            Collect necessary documents such as ID, proof of address, and Social
            Security number. This ensures a smooth application process.
          </p>
        </dd>
      </div>
      <div class="shadow bg-base-950 rounded-3xl">
        <dt class="p-8">
          <h3 class="text-lg md:text-xl font-medium text-white">
            3. Complete the application
          </h3>
        </dt>
        <dd class="p-8 border-t border-white/20">
          <p class="text-base font-medium text-white">
            Fill out the application form online or at your local branch.
            Provide accurate information to avoid delays.
          </p>
        </dd>
      </div>
    </dl>
  </div>
</section>