<section class="bg-[#E2FC80] py-24 relative overflow-hidden" data-component-type="Content" data-component-slug="ss-technology-template-partner_banner">
  
  <!-- Background Circles (Decorative) -->
  <div class="absolute top-1/2 left-0 -translate-y-1/2 -translate-x-1/2 w-[600px] h-[600px] rounded-full border-[60px] border-[#96D649]/20 pointer-events-none"></div>
  <div class="absolute top-0 right-0 -translate-y-1/2 translate-x-1/3 w-[500px] h-[500px] rounded-full border-[50px] border-[#96D649]/20 pointer-events-none"></div>

  <div class="max-w-[90%] mx-auto px-6 sm:px-12 relative z-10 flex flex-col md:flex-row items-center justify-between gap-12">
    
    <!-- LEFT WIDGET (Decorative) -->
    <div class="hidden lg:block w-1/4 relative">
       <div class="bg-white p-4 rounded-3xl shadow-xl transform -rotate-6 transition hover:rotate-0 duration-500">
          <img src="{{partner_left_image}}" data-node="partner_left_image" data-node-type="file" data-node-label="Left Widget Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956725/seltrix/templates/ss-technology-template/widget_left.png" class="w-full h-auto object-cover rounded-xl" alt="Financial Widget">
       </div>
    </div>

    <!-- CENTER CONTENT -->
    <div class="md:w-2/3 lg:w-1/2 text-center mx-auto">
      <h2 class="text-4xl md:text-5xl font-bold text-[#0A2519] mb-6 leading-tight" data-node="partner_heading" data-node-type="textarea" data-node-label="Heading" data-node-default="Your Trusted Partner in Banking & Finance">
        {{partner_heading}}
      </h2>

      <p class="text-lg text-[#1F3D2F] mb-10 leading-relaxed max-w-xl mx-auto" data-node="partner_description" data-node-type="textarea" data-node-label="Description" data-node-default="With bank-grade security, regulatory compliance, and transparent systems, we act as a long-term financial partner, not just a tech provider.">
        {{partner_description}}
      </p>

      <div class="flex justify-center">
         <a data-node="partner_cta_link" data-node-type="text" data-node-label="CTA Link" href="{{partner_cta_link}}" data-node-default="#">
            <span class="bg-[#064E3B] text-white px-8 py-4 rounded-lg font-bold text-lg hover:bg-[#022c22] transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1" data-node="partner_cta_text" data-node-type="text" data-node-label="CTA Text" data-node-default="Start Your Free Account">
              {{partner_cta_text}}
         </span>
          </a>
      </div>
    </div>

    <!-- RIGHT WIDGET (Decorative) -->
     <div class="hidden lg:block w-1/4 relative">
       <div class="bg-white p-4 rounded-3xl shadow-xl transform rotate-6 transition hover:rotate-0 duration-500">
          <img src="{{partner_right_image}}" data-node="partner_right_image" data-node-type="file" data-node-label="Right Widget Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956726/seltrix/templates/ss-technology-template/widget_right.png" class="w-full h-auto object-cover rounded-xl" alt="Growth Widget">
       </div>
    </div>

  </div>
</section>