Feature Twelve

<div
  class="bg-white pt-6 pb-6 py-6 max-w-screen-2xl mr-auto ml-auto sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
  <div
    class="ml-auto mr-auto mx-auto max-w-screen-2xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div class="mb-10 md:mb-16">
      <h2
        class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-6 lg:text-3xl"
      >
        Why Teams Choose Us
      </h2>
      <p
        class="ml-auto mr-auto mx-auto max-w-screen-md text-center text-gray-500 md:text-lg"
      >
        We craft modern digital infrastructure that reduces complexity,
        accelerates time-to-market, and delivers unmatched operational
        efficiency.
      </p>
    </div>
    <div class="grid sm:grid-cols-2 xl:grid-cols-3 gap-4 md:gap-8">
      <div
        class="flex flex-col rounded-lg border pt-4 pr-4 pb-4 pl-4 md:pt-6 md:pr-6 md:pb-6 md:pl-6"
      >
        <h3 class="mb-2 text-lg font-semibold md:text-xl">
          Elastic Architecture
        </h3>
        <p class="mb-4 text-gray-500">
          Built to flex with your traffic, our platform ensures stable
          performance no matter the scale or region.
        </p>
        <a
          href="#"
          class="transition duration-100 active:text-indigo-700 mt-auto font-bold text-indigo-500 hover:text-indigo-600"
        >
          More
        </a>
      </div>
      <div
        class="flex flex-col rounded-lg border pt-4 pr-4 pb-4 pl-4 md:pt-6 md:pr-6 md:pb-6 md:pl-6"
      >
        <h3 class="mb-2 text-lg font-semibold md:text-xl">
          Zero Trust Security
        </h3>
        <p class="mb-4 text-gray-500">
          From login to API calls, every action is verified and secured by
          policy-driven access controls and monitoring.
        </p>
        <a
          href="#"
          class="transition duration-100 active:text-indigo-700 mt-auto font-bold text-indigo-500 hover:text-indigo-600"
        >
          More
        </a>
      </div>
      <div
        class="flex flex-col rounded-lg border pt-4 pr-4 pb-4 pl-4 md:pt-6 md:pr-6 md:pb-6 md:pl-6"
      >
        <h3 class="mb-2 text-lg font-semibold md:text-xl">Hybrid Deployment</h3>
        <p class="mb-4 text-gray-500">
          Run workloads in public, private, or multi-cloud environments without
          sacrificing speed, compliance, or flexibility.
        </p>
        <a
          href="#"
          class="transition duration-100 active:text-indigo-700 mt-auto font-bold text-indigo-500 hover:text-indigo-600"
        >
          More
        </a>
      </div>
      <div
        class="flex flex-col rounded-lg border pt-4 pr-4 pb-4 pl-4 md:pt-6 md:pr-6 md:pb-6 md:pl-6"
      >
        <h3 class="mb-2 text-lg font-semibold md:text-xl">
          Lightning Delivery
        </h3>
        <p class="mb-4 text-gray-500">
          Deploy updates globally in seconds with edge caching, atomic rollouts,
          and pre-rendered content delivery.
        </p>
        <a
          href="#"
          class="transition duration-100 active:text-indigo-700 mt-auto font-bold text-indigo-500 hover:text-indigo-600"
        >
          More
        </a>
      </div>
      <div
        class="flex flex-col rounded-lg border pt-4 pr-4 pb-4 pl-4 md:pt-6 md:pr-6 md:pb-6 md:pl-6"
      >
        <h3 class="mb-2 text-lg font-semibold md:text-xl">
          Engineering-First Support
        </h3>
        <p class="mb-4 text-gray-500">
          Our specialists are developers first&#x2014;so your team gets fast,
          practical help that speaks your language.
        </p>
        <a
          href="#"
          class="transition duration-100 active:text-indigo-700 mt-auto font-bold text-indigo-500 hover:text-indigo-600"
        >
          More
        </a>
      </div>
      <div
        class="flex flex-col rounded-lg border pt-4 pr-4 pb-4 pl-4 md:pt-6 md:pr-6 md:pb-6 md:pl-6"
      >
        <h3 class="mb-2 text-lg font-semibold md:text-xl">
          Adaptive Design System
        </h3>
        <p class="mb-4 text-gray-500">
          Built-in dark mode, dynamic theming, and accessibility by default
          ensure inclusive, intuitive interfaces across devices.
        </p>
        <a
          href="#"
          class="transition duration-100 active:text-indigo-700 mt-auto font-bold text-indigo-500 hover:text-indigo-600"
        >
          More
        </a>
      </div>
    </div>
  </div>
</div>