<section>
  <div
    class="items-center w-full max-w-3xl px-5 py-24 mx-auto md:px-12 lg:px-16"
  >
    <ul role="list" class="grid grid-cols-1 gap-4 list-none lg:gap-12">
      <li>
        <div>
          <p class="mt-5 text-lg font-medium leading-6 text-primary-dark">
            Can I used Broke Componentsfor my site?
          </p>
        </div>
        <div class="mt-2 text-base text-base-500">
          Upswing securities passively index inverse bondholders capitalization
          financial health 