Stats 03

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="max-w-screen-lg mx-auto text-center">
    <h2 class="text-2xl sm:text-2xl md:text-3xl lg:text-4xl text-gray-700 font-medium">Take a look at our numbers</h2>
    <p class="text-xl text-gray-600 mt-4 max-w-3xl mx-auto">World among the stalks, and grow familiar wibable forms of the insects and flies</p>
  </div>
  <div class="md:grid md:grid-cols-2 xl:grid-cols-4 md:gap-12 xl:gap-y-20 max-w-screen-xl mx-auto mt-12 space-y-12 md:space-y-0">
    
    <div class="text-center bg-gray-200 p-4 lg:p-8 rounded-lg">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 mx-auto mb-4">
        <path fill="#fff" d="M12 14l9-5-9-5-9 5 9 5z" />
        <path fill="#fff" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
      </svg>
      <span class="block font-semibold text-4xl mb-2">221</span>
      <span class="text-lg">Students</span>
    </div>
   
    <div class="text-center bg-gray-200 p-4 lg:p-8 rounded-lg">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 mx-auto mb-4">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
      </svg>
      <span class="block font-semibold text-4xl mb-2">3000</span>
      <span class="text-lg">Books</span>
    </div>

    <div class="text-center bg-gray-200 p-4 lg:p-8 rounded-lg">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 mx-auto mb-4">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
      </svg>
      <span class="block font-semibold text-4xl mb-2">12000</span>
      <span class="text-lg">Hours of material</span>
    </div>

    <div class="text-center bg-gray-200 p-4 lg:p-8 rounded-lg">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 mx-auto mb-4">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
      </svg>
      <span class="block font-semibold text-4xl mb-2">12</span>
      <span class="text-lg">Locations</span>
    </div>
   
  </div>
</div>