Pricing 15

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
  <div class="max-w-screen-xl mx-auto lg:grid lg:grid-cols-2 gap-x-8 items-center">
    <div class="bg-gray-200 p-6 lg:p-8 grid grid-cols-3 items-center gap-4">
      <div class="col-span-3 xl:col-span-2">
        <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-4">Freelance plan</h3>
        <ul class="font-semibold">
          <li class="flex space-x-2 text-base">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <span>
              Everyone realizes why a new common 
            </span>
          </li>
          <li class="flex space-x-2 text-base">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <span>
              To achieve this, it would be necessary
            </span>
          </li>
        </ul>
      </div>
      <div class="col-span-3 xl:col-span-1">
        <span class="text-3xl lg:text-4xl font-bold">€19 p/m</span>
      </div>
    </div>
    <div class="bg-gray-300 p-6 lg:p-8 grid grid-cols-3 items-center gap-4">
      <div class="col-span-3 xl:col-span-2">
        <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-4">Pro plan</h3>
        <ul class="font-semibold">
          <li class="flex space-x-2 text-base">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <span>
              Everyone realizes why a new common 
            </span>
          </li>
          <li class="flex space-x-2 text-base">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <span>
              To achieve this, it would be necessary
            </span>
          </li>
        </ul>
      </div>
      <div class="col-span-3 xl:col-span-1">
        <span class="text-3xl lg:text-4xl font-bold">€29 p/m</span>
      </div>
    </div>
  </div>
</div>