<section data-component-type="Content" data-component-slug="ss-technology-template-build_for_business">

 <div class="py-16 md:py-24 max-w-[90%] mx-auto ">


  <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20  lg:flex lg:flex-row lg:items-between">
    
    <!-- Left Column -->
    <div class="flex flex-col items-start">
      <!-- Badge -->
      <div class="inline-flex items-center bg-[#E2FC80] rounded-md px-4 py-2 mb-8">
        <img src="{{business_badge_icon}}" data-node="business_badge_icon" data-node-type="file" data-node-label="Badge Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956630/seltrix/templates/ss-technology-template/bagfe.png" alt="icon" class="w-4 h-4 mr-2">
        <span class="text-[#003D33] font-medium text-sm" data-node="business_badge_text" data-node-type="text" data-node-default="Built for Businesses That Handle Money at Scale">
          {{business_badge_text}}
        </span>
      </div>

      <!-- Heading -->
      <h2 class="text-[#003D33] font-bold text-4xl md:text-5xl lg:text-6xl leading-tight mb-10" data-node="business_heading" data-node-type="textarea" data-node-default="Control, visibility and compliance.">
        {{business_heading}}
      </h2>

      <!-- Industries Grid -->
      <div class="grid grid-cols-2 md:grid-cols-4 gap-y-4 gap-x-8 lg:gap-x-[0px] w-full">
        
        <!-- Industry Item 1 -->
        <div class="flex items-center text-[#0A2519] font-medium text-base">
           <img src="{{industry_icon}}" data-node="industry_icon" data-node-type="file" data-node-label="Industry Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956693/seltrix/templates/ss-technology-template/Polygon.png" class="w-3 h-3 mr-3">
           <span data-node="industry_1" data-node-type="text" data-node-default="Banking">{{industry_1}}</span>
        </div>
         <!-- Industry Item 2 -->
        <div class="flex items-center text-[#0A2519] font-medium text-base">
           <img src="{{industry_icon2}}" data-node="industry_icon2" data-node-type="file" data-node-label="Industry Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956695/seltrix/templates/ss-technology-template/Polygon2.png" class="w-3 h-3 mr-3">
            <span data-node="industry_2" data-node-type="text" data-node-default="E-commerce">{{industry_2}}</span>
         </div>
          <!-- Industry Item 3 -->
        <div class="flex items-center text-[#0A2519] font-medium text-base">
           <img src="{{industry_icon3}}" data-node="industry_icon3" data-node-type="file" data-node-label="Industry Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956693/seltrix/templates/ss-technology-template/Polygon.png" class="w-3 h-3 mr-3">
            <span data-node="industry_3" data-node-type="text" data-node-default="Tech">{{industry_3}}</span>
         </div>
          <!-- Industry Item 4 -->
        <div class="flex items-center text-[#0A2519] font-medium text-base">
           <img src="{{industry_icon4}}" data-node="industry_icon4" data-node-type="file" data-node-label="Industry Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956695/seltrix/templates/ss-technology-template/Polygon2.png" class="w-3 h-3 mr-3">
            <span data-node="industry_4" data-node-type="text" data-node-default="Healthcare">{{industry_4}}</span>
         </div>
          <!-- Industry Item 5 -->
        <div class="flex items-center text-[#0A2519] font-medium text-base">
           <img src="{{industry_icon5}}" data-node="industry_icon5" data-node-type="file" data-node-label="Industry Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956695/seltrix/templates/ss-technology-template/Polygon2.png" class="w-3 h-3 mr-3">
            <span data-node="industry_5" data-node-type="text" data-node-default="Education">{{industry_5}}</span>
         </div>
          <!-- Industry Item 6 -->
        <div class="flex items-center text-[#0A2519] font-medium text-base">
           <img src="{{industry_icon6}}" data-node="industry_icon6" data-node-type="file" data-node-label="Industry Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956693/seltrix/templates/ss-technology-template/Polygon.png" class="w-3 h-3 mr-3">
            <span data-node="industry_6" data-node-type="text" data-node-default="Logistics">{{industry_6}}</span>
         </div>
          <!-- Industry Item 7 -->
        <div class="flex items-center text-[#0A2519] font-medium text-base col-span-2 md:col-span-2">
           <img src="{{industry_icon7}}" data-node="industry_icon7" data-node-type="file" data-node-label="Industry Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956695/seltrix/templates/ss-technology-template/Polygon2.png" class="w-3 h-3 mr-3">
            <span data-node="industry_7" data-node-type="text" data-node-default="Retail & Wholesale">{{industry_7}}</span>
         </div>

      </div>
    </div>


    <div class="flex flex-col justify-end  items-start lg:pl-10 pb-4">
      <p class="text-[#4A736D] text-lg mb-10 leading-relaxed max-w-lg" data-node="business_desc" data-node-type="textarea" data-node-default="From startups to enterprises, our platform helps organizational teams manage their transactions, monitor their performance, and stay compliant while scaling faster and operating smarter.">
        {{business_desc}}
      </p>

       <a href="{{business_cta_link}}" class="inline-flex items-center justify-start items-start px-8 py-3 bg-[#01483D] hover:bg-[#003D33] text-white font-semibold rounded-lg transition-colors duration-200" data-node="business_cta_link" data-node-type="text" data-node-default="#">
        <span data-node="business_cta_text" data-node-type="text" data-node-default="Explore Business Features">{{business_cta_text}}</span>
      </a>
      
     
    </div>
    

    

  </div>

   </div>
</section>