Modals 08

            
<div class="container mx-auto items-center text-center">
<div class="py-3 lg:pt-6 lg:pb-8 px-6 rounded-lg shadow-lg w-full max-w-xl text-gray-600 relative flex flex-col justify-center items-center">
  <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">Free demo</h2>
  <form class="mt-6 lg:mt-8 space-y-4">
    <input type="text" placeholder="Name" class="bg-white border border-gray-300 px-4 py-2 flex-1 rounded-lg h-14 w-full">
    <input type="Email" placeholder="Email address" class="bg-white border border-gray-300 px-4 py-2 flex-1 rounded-lg h-14 w-full">
    <input type="password" placeholder="password" class="bg-white border border-gray-300 px-4 py-2 flex-1 rounded-lg h-14 w-full col-span-2 md:col-span-1">
    <button class="inline-block bg-gray-600 font-semibold rounded-lg h-14 w-full py-4 px-5 lg:px-8 text-white justify-self-center md:justify-self-auto col-span-2 md:col-span-1">Sign up for free</button>
  </form>
  <p class="text-sm text-gray-600 mt-4 lg:mt-8">World among the stalks, and grow familiar with the count then I feel the presence of the Almighty, who formed us in his own image, and the breath</p>
  <button class="w-5 h-5 absolute top-3 right-3">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
      <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
    </svg>
  </button>
</div>
</div>