<div class="lg:py-12 py-12">
    <div class="mx-auto max-w-7xl px-6 lg:px-8">
      <div class="mx-auto max-w-2xl lg:text-center">
        <h2>How  Mycelium Network Works</h2>
        <p class="mt-4">Discover the simple steps to join and benefit from  Mycelium Network.</p>
      </div>
      <div class="mx-auto mt-4 max-w-2xl sm:mt-20 lg:mt-12 lg:max-w-4xl">
        <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16">
          <div class="relative pl-16 my-2 bg-white/10 rounded-lg p-4">
            <dt class="text-base font-semibold leading-7">
              <h4>For Users</h4>
            </dt>
            <h5 class="my-4 text-base leading-7 text-gray-100">Install our browser plugin to connect to the network seamlessly.</h5>
          </div>
          <div class="relative pl-16 my-2 bg-white/10 rounded-lg p-4">
            <dt class="text-base font-semibold leading-7">
              <h4>Service Providers</h4>
            </dt>
            <h5 class="my-4 text-base leading-7 text-white">Set up a Mycelium Router and start earning rewards for network services.</h5>
          </div>
        </dl>
      </div>
    </div>
  </div>