Pricing 07

            
<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">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Simple pricing plans</h2>
    <p class="text-xl lg:text-2xl text-gray-600 text-center mt-2 max-w-2xl mx-auto">We are mmitted to a unique, cutting-edge approach to that</p>
  </div>
  <div class="max-w-screen-sm mx-auto mt-12 ">
    <div class="bg-gray-200 p-6 lg:p-8 grid grid-cols-3 items-start gap-6 lg:gap-12">
      <div class="col-span-3 lg:col-span-2">
        <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-4">Freelance plan</h3>
        <p class="mt-4">
          The European languages are members of the same family. Their separate existence is a myth. 
        </p>
         <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-5">Order now</a>
      </div>
      <div class="col-span-3 lg:col-span-1 lg:pt-6">
        <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-start gap-6 lg:gap-12">
      <div class="col-span-3 lg:col-span-2">
        <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-4">Pro plan</h3>
        <p class="mt-4">
          The European languages are members of the same family. Their separate existence is a myth. 
        </p>
        <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-5">Order now</a>
      </div>
      <div class="col-span-3 lg:col-span-1 lg:pt-6">
        <span class="text-3xl lg:text-4xl font-bold">€29 p/m</span>
      </div>
    </div>
    <div class="bg-gray-200 p-6 lg:p-8 grid grid-cols-3 items-start gap-6 lg:gap-12">
      <div class="col-span-3 lg:col-span-2">
        <h3 class="text-xl lg:text-2xl font-semibold text-gray-700 mb-4">Team plan</h3>
        <p class="mt-4">
          The European languages are members of the same family. Their separate existence is a myth. 
        </p>
        <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-5">Order now</a>
      </div>
      <div class="col-span-3 lg:col-span-1 lg:pt-6">
        <span class="text-3xl lg:text-4xl font-bold">€39 p/m</span>
      </div>
    </div>
  </div>
</div>