Heading with four stats

                                        <section class="py-20">
        <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
          <div
            class="rounded-2xl py-10 px-10 xl:py-16 xl:px-20 bg-gray-50 flex items-center justify-between flex-col gap-16 lg:flex-row">
            <div class="w-full lg:w-60">
              <h2
                class="font-manrope text-4xl font-bold text-gray-900 mb-4 text-center lg:text-left"
              >
                Our Stats
              </h2>
              <p class="text-sm text-gray-500 leading-6 text-center lg:text-left">
                We help you to unleash the power within your business
              </p>
            </div>
            <div class="w-full lg:w-4/5">
              <div
                class="flex flex-col flex-1 gap-10 lg:gap-0 lg:flex-row lg:justify-between"
              >
                <div class="block">
                  <div
                    class="font-manrope font-bold text-4xl text-indigo-600 mb-3 text-center lg:text-left"
                  >
                    260+
                  </div>
                  <span class="text-gray-900 text-center block lg:text-left"
                    >Expert Consultants
                  </span>
                </div>
                <div class="block">
                  <div
                    class="font-manrope font-bold text-4xl text-indigo-600 mb-3 text-center lg:text-left"
                  >
                    975+
                  </div>
                  <span class="text-gray-900 text-center block lg:text-left"
                    >Active Clients
                  </span>
                </div>
                <div class="block">
                  <div
                    class="font-manrope font-bold text-4xl text-indigo-600 mb-3 text-center lg:text-left"
                  >
                    724+
                  </div>
                  <span class="text-gray-900 text-center block lg:text-left"
                    >Projects Delivered</span
                  >
                </div>
                <div class="block">
                  <div
                    class="font-manrope font-bold text-4xl text-indigo-600 mb-3 text-center lg:text-left"
                  >
                    89+
                  </div>
                  <span class="text-gray-900 text-center block lg:text-left"
                    >Orders in Queue</span
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
    </section>