Features 16

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 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">Amazing Features</h2>
    <p class="text-xl lg:text-2xl text-gray-600 mt-2 text-center">We are mmitted to a unique, cutting-edge approach to that</p>
  </div>
  <div class="md:grid md:grid-cols-2 md:gap-12 max-w-screen-xl mx-auto mt-12  space-y-12 md:space-y-0">
    <a href="#" class="block md:flex md:flex-row items-center md:space-x-6 bg-gray-100 p-4 lg:p-8 rounded-lg border border-gray-200">
      <span class="w-10 h-10 text-gray-600 hidden md:block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
        </svg>
      </span>
      <div class="md:self-center md:flex-1">
        <span class="text-xl font-semibold text-gray-700 block">Doing your own business</span>
        <p class="mt-2 text-lg">Doing business like this takes much more effort</p>
      </div>
      <span class="w-6 hidden md:inline-block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </span>
    </a>

    <a href="#" class="block md:flex md:flex-row items-center md:space-x-6 bg-gray-100 p-4 lg:p-8 rounded-lg border border-gray-200">
      <span class="w-10 h-10 text-gray-600 hidden md:block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />
        </svg>
      </span>
      <div class="md:self-center md:flex-1">
        <span class="text-xl font-semibold text-gray-700 block">Shut his eyes so</span>
        <p class="mt-2 text-lg">He must have tried it a hundred times, shut his e</p>
      </div>
      <span class="w-6 hidden md:inline-block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </span>
    </a>

    <a href="#" class="block md:flex md:flex-row items-center md:space-x-6 bg-gray-100 p-4 lg:p-8 rounded-lg border border-gray-200">
      <span class="w-10 h-10 text-gray-600 hidden md:block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" />
        </svg>
      </span>
      <div class="md:self-center md:flex-1">
        <span class="text-xl font-semibold text-gray-700 block">Other travelling salesmen</span>
        <p class="mt-2 text-lg">You've got to get enough sleep. Other travelling salesmen</p>
      </div>
      <span class="w-6 hidden md:inline-block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </span>
    </a>
    <a href="#" class="block md:flex md:flex-row items-center md:space-x-6 bg-gray-100 p-4 lg:p-8 rounded-lg border border-gray-200">
      <span class="w-10 h-10 text-gray-600 hidden md:block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z" />
        </svg>
      </span>
      <div class="md:self-center md:flex-1">
        <span class="text-xl font-semibold text-gray-700 block">The best support in town</span>
        <p class="mt-2 text-lg">You've got to get enough sleep. Other travelling salesmen</p>
      </div>
      <span class="w-6 hidden md:inline-block">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </span>
    </a>
    
  </div>
</div>