<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">

  <!-- 1st item -->
  <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 justify-center">
        <div class="relative w-full overflow-hidden">
          <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 text-center">
        Integratech Pte Ltd, Singapore.
      </div>
    </div>
  </div>

  <!-- 2nd item -->
  <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 justify-center">
        <div class="relative w-full overflow-hidden">
          <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>
      <div class="text-base text-body-color dark:text-body-color-dark text-center">
        IQ SYSTEMS, US
      </div>
    </div>
  </div>

  <!-- 3rd item -->
  <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 justify-center">
        <div class="relative w-full overflow-hidden">
          <img class="aligncenter size-full wp-image-14103" src="http://192.168.0.37:8080/sierratec-cms/wp-content/uploads/2025/05/EMS.png" alt="EMS" width="144" height="40" />
        </div>
      </div>
      <div class="text-base text-body-color dark:text-body-color-dark text-center">
        Energy Management Systems (Pvt) Ltd, Sri Lanka.
      </div>
    </div>
  </div>

  <!-- 4th item -->
  <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 justify-center">
        <div class="relative w-full max-w-[120px] overflow-hidden">
          <img class="aligncenter size-full wp-image-14104" src="http://192.168.0.37:8080/sierratec-cms/wp-content/uploads/2025/05/smartites_logo-1.png" alt="SmartITES" width="120" height="61" />
        </div>
      </div>
      <div class="text-base text-body-color dark:text-body-color-dark text-center">
        SmartITES Infosolutions Pvt. Ltd.
      </div>
    </div>
  </div>

</div>
