<section data-component-type="Stats" class="w-full bg-[#008CFF]" data-component-slug="mobile-launch-template-awards">
  <div class="w-full px-[16px] sm:px-[24px] lg:px-[96px] py-24">
    <div class="max-w-[1728px] mx-auto text-center">
      <h2 class="font-['DM Sans'] font-bold text-white leading-[100%] text-[72px] sm:text-[120px] md:text-[180px] lg:text-[250px] mb-16" data-node="awards_title" data-node-type="text" data-node-default="Awards">
        {{awards_title}}
      </h2>

      <div class="flex flex-wrap justify-center gap-6 max-w-[1200px] mx-auto">
        <div class="flex items-center gap-8 w-full sm:w-[380px] h-[96px] px-3 rounded-[12px] border border-white bg-white/10">
          <img src="{{award_1_icon}}" data-node="award_1_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767163083/seltrix/templates/mobile-launch-template/Awards.svg" class="w-[72px] h-[72px] object-contain" alt>

          <div class="text-left flex flex-col gap-4">
            <p class="font-['DM Sans'] font-bold text-[20px] sm:text-[24px] leading-[100%] text-white" data-node="award_1_title" data-node-type="text" data-node-default="Best Innovation">
              {{award_1_title}}
            </p>

            <p class="font-['DM Sans'] font-bold text-[20px] sm:text-[24px] leading-[100%] text-white" data-node="award_1_year" data-node-type="text" data-node-default="2016">
              {{award_1_year}}
            </p>
          </div>
        </div>

        <div class="flex items-center gap-8 w-full sm:w-[380px] h-[96px] px-3 rounded-[12px] border border-white bg-white/10">
          <img src="{{award_2_icon}}" data-node="award_2_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767163083/seltrix/templates/mobile-launch-template/Awards.svg" class="w-[72px] h-[72px] object-contain" alt>

          <div class="text-left flex flex-col gap-4">
            <p class="font-['DM Sans'] font-bold text-[20px] sm:text-[24px] leading-[100%] text-white" data-node="award_2_title" data-node-type="text" data-node-default="Top Emerging Brand">
              {{award_2_title}}
            </p>

            <p class="font-['DM Sans'] font-bold text-[20px] sm:text-[24px] leading-[100%] text-white" data-node="award_2_year" data-node-type="text" data-node-default="2018">
              {{award_2_year}}
            </p>
          </div>
        </div>

        <div class="flex items-center gap-8 w-full sm:w-[380px] h-[96px] px-3 rounded-[12px] border border-white bg-white/10">
          <img src="{{award_3_icon}}" data-node="award_3_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767163083/seltrix/templates/mobile-launch-template/Awards.svg" class="w-[72px] h-[72px] object-contain" alt>

          <div class="text-left flex flex-col gap-4">
            <p class="font-['DM Sans'] font-bold text-[20px] sm:text-[24px] leading-[100%] text-white" data-node="award_3_title" data-node-type="text" data-node-default="Excellence in Tech">
              {{award_3_title}}
            </p>

            <p class="font-['DM Sans'] font-bold text-[20px] sm:text-[24px] leading-[100%] text-white" data-node="award_3_year" data-node-type="text" data-node-default="2021">
              {{award_3_year}}
            </p>
          </div>
        </div>

        <div class="flex items-center gap-8 w-full sm:w-[380px] h-[96px] px-3 rounded-[12px] border border-white bg-white/10">
          <img src="{{award_4_icon}}" data-node="award_4_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767163083/seltrix/templates/mobile-launch-template/Awards.svg" class="w-[72px] h-[72px] object-contain" alt>

          <div class="text-left flex flex-col gap-4">
            <p class="font-['DM Sans'] font-bold text-[20px] sm:text-[24px] leading-[100%] text-white" data-node="award_4_title" data-node-type="text" data-node-default="User Choice Award">
              {{award_4_title}}
            </p>

            <p class="font-['DM Sans'] font-bold text-[20px] sm:text-[24px] leading-[100%] text-white" data-node="award_4_year" data-node-type="text" data-node-default="2023">
              {{award_4_year}}
            </p>
          </div>
        </div>

        <div class="flex items-center gap-8 w-full sm:w-[380px] h-[96px] px-3 rounded-[12px] border border-white bg-white/10">
          <img src="{{award_5_icon}}" data-node="award_5_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767163083/seltrix/templates/mobile-launch-template/Awards.svg" class="w-[72px] h-[72px] object-contain" alt>

          <div class="text-left flex flex-col gap-4">
            <p class="font-['DM Sans'] font-bold text-[20px] sm:text-[24px] leading-[100%] text-white" data-node="award_5_title" data-node-type="text" data-node-default="Best Flagship Device">
              {{award_5_title}}
            </p>

            <p class="font-['DM Sans'] font-bold text-[20px] sm:text-[24px] leading-[100%] text-white" data-node="award_5_year" data-node-type="text" data-node-default="2025">
              {{award_5_year}}
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>