<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
  <div class="w-full">
    <div class="rounded-xs bg-white p-7 shadow-three transition-all duration-300 hover:-translate-y-1.5 dark:bg-gray-dark dark:shadow-two">
      <div class="mb-6 flex items-center">
        <div class="relative mr-4 aspect-square w-full max-w-[50px] overflow-hidden rounded-full">
          <img class="aligncenter size-full wp-image-904" src="http://192.168.0.37:8080/sierratec-cms/wp-content/uploads/2025/04/integratech.png" alt="IntegraTech" width="166" height="35" />
        </div>
      </div>
      <div class="text-base text-body-color dark:text-body-color-dark">Integratech Pte Ltd, Singapore.</div>
    </div>
  </div>

  <div class="w-full">
    <div class="rounded-xs bg-white p-7 shadow-three transition-all duration-300 hover:-translate-y-1.5 dark:bg-gray-dark dark:shadow-two">
      <div class="mb-6 flex items-center">
        <div class="relative mr-4 aspect-square w-full max-w-[50px] overflow-hidden rounded-full">
          <img class="aligncenter size-full wp-image-886" src="http://192.168.0.37:8080/sierratec-cms/wp-content/uploads/2025/04/iqsystems.png" alt="IQ Systems" width="150" height="40" />
        </div>
        <div class="text-base text-body-color dark:text-body-color-dark">IQ SYSTEMS, US</div>
      </div>
    </div>
  </div>

  <div class="w-full">
    <div class="rounded-xs bg-white p-7 shadow-three transition-all duration-300 hover:-translate-y-1.5 dark:bg-gray-dark dark:shadow-two">
      <div class="mb-6 flex items-center">
        <div class="relative mr-4 aspect-square w-full max-w-[50px] overflow-hidden rounded-full">Image</div>
      </div>
      <div class="text-base text-body-color dark:text-body-color-dark">Compared to other offerings, Neon always has a head start and introduces bleeding edge features first.</div>
    </div>
  </div>

  <div class="w-full">
    <div class="rounded-xs bg-white p-7 shadow-three transition-all duration-300 hover:-translate-y-1.5 dark:bg-gray-dark dark:shadow-two">
      <div class="mb-6 flex items-center">
        <div class="relative mr-4 aspect-square w-full max-w-[50px] overflow-hidden rounded-full"></div>
        <div>
          <h3 class="text-base font-medium text-black dark:text-white">Talan Bator</h3>
          <p class="text-sm text-primary">- Alexzendri</p>
        </div>
      </div>
      <div class="text-base text-body-color dark:text-body-color-dark">Compared to other offerings, Neon always has a head start and introduces bleeding edge features first.</div>
    </div>
  </div>

  <div class="w-full">
    <div class="rounded-xs bg-white p-7 shadow-three transition-all duration-300 hover:-translate-y-1.5 dark:bg-gray-dark dark:shadow-two">
      <div class="mb-6 flex items-center">
        <div class="relative mr-4 aspect-square w-full max-w-[50px] overflow-hidden rounded-full"></div>
        <div>
          <h3 class="text-base font-medium text-black dark:text-white">Leo Mango</h3>
          <p class="text-sm text-primary">- Prifexa</p>
        </div>
      </div>
      <div class="text-base text-body-color dark:text-body-color-dark">Compared to other offerings, Neon always has a head start and introduces bleeding edge features first.</div>
    </div>
  </div>

  <div class="w-full">
    <div class="rounded-xs bg-white p-7 shadow-three transition-all duration-300 hover:-translate-y-1.5 dark:bg-gray-dark dark:shadow-two">
      <div class="mb-6 flex items-center">
        <div class="relative mr-4 aspect-square w-full max-w-[50px] overflow-hidden rounded-full"></div>
        <div>
          <h3 class="text-base font-medium text-black dark:text-white">Marilyn Korsgaard</h3>
          <p class="text-sm text-primary">- Boombaz</p>
        </div>
      </div>
      <div class="text-base text-body-color dark:text-body-color-dark">Compared to other offerings, Neon always has a head start and introduces bleeding edge features first.</div>
    </div>
  </div>

  <div class="w-full">
    <div class="rounded-xs bg-white p-7 shadow-three transition-all duration-300 hover:-translate-y-1.5 dark:bg-gray-dark dark:shadow-two">
      <div class="mb-6 flex items-center">
        <div class="relative mr-4 aspect-square w-full max-w-[50px] overflow-hidden rounded-full"></div>
        <div>
          <h3 class="text-base font-medium text-black dark:text-white">Cristofer Baptista</h3>
          <p class="text-sm text-primary">- Dridrio</p>
        </div>
      </div>
      <div class="text-base text-body-color dark:text-body-color-dark">Compared to other offerings, Neon always has a head start and introduces bleeding edge features first.</div>
    </div>
  </div>

  <div class="w-full">
    <div class="rounded-xs bg-white p-7 shadow-three transition-all duration-300 hover:-translate-y-1.5 dark:bg-gray-dark dark:shadow-two">
      <div class="mb-6 flex items-center">
        <div class="relative mr-4 aspect-square w-full max-w-[50px] overflow-hidden rounded-full"></div>
        <div>
          <h3 class="text-base font-medium text-black dark:text-white">Kaiya Levin</h3>
          <p class="text-sm text-primary">- Alami</p>
        </div>
      </div>
      <div class="text-base text-body-color dark:text-body-color-dark">Compared to other offerings, Neon always has a head start and introduces bleeding edge features first.</div>
    </div>
  </div>

  <div class="w-full">
    <div class="rounded-xs bg-white p-7 shadow-three transition-all duration-300 hover:-translate-y-1.5 dark:bg-gray-dark dark:shadow-two">
      <div class="mb-6 flex items-center">
        <div class="relative mr-4 aspect-square w-full max-w-[50px] overflow-hidden rounded-full"></div>
        <div>
          <h3 class="text-base font-medium text-black dark:text-white">Aspen Bergson</h3>
          <p class="text-sm text-primary">- Zejone</p>
        </div>
      </div>
      <div class="text-base text-body-color dark:text-body-color-dark">Compared to other offerings, Neon always has a head start and introduces bleeding edge features first.</div>
    </div>
  </div>
</div>
