<section class="py-[10px] bg-[#F6F6F6]" data-component-type="Content" data-component-slug="ss-education-template-table">


<section class="max-w-[85%] mx-auto px-5 py-16">
  <!-- Heading -->
  <div class="text-center lg:flex-row flex flex-col justify-between mb-12">
    <h2 data-node="pricing_heading" data-node-type="text" data-node-label="Heading Text" data-node-default="Compare Plans to Find Your Fit" class="text-3xl text-start md:text-4xl font-semibold text-[#151515]">
      {{pricing_heading}}
    </h2>
    <p data-node="pricing_subtext" data-node-type="textarea" data-node-label="Subtext" data-node-default="A quick breakdown of what each plan offers.  See which features align best with your learning goals." class="mt-3 text-[#4A6673] text-sm md:text-base lg:text-end text-start">
      {{pricing_subtext}}
    </p>
  </div>


  <img src="{{pricing_table}}" alt="pricing_table" data-node="pricing_table" data-node-type="file" data-node-label="Pricing Table Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767164013/seltrix/templates/ss-education-template/price_table.png" class="w-full h-auto">
</section>
  </section>