<section data-component-type="Content" class="w-full bg-[#FAFAF5]" data-component-slug="history-template-heart-of-ancient">
  

  <!-- HEADER -->
  <div class="w-full px-[16px] sm:px-[24px] lg:px-[96px] pt-[120px] pb-[80px]">
    <div class="max-w-[1728px] mx-auto">
      <h2 class="font-['Orbitron'] text-[48px] leading-[100%] mb-6" data-node="heart_title" data-node-type="text" data-node-default="HEART OF ANCIENT EGYPT">
        {{heart_title}}
      </h2>

      <p class="font-['Albert_Sans'] text-[24px] leading-[100%] max-w-[720px]" data-node="heart_desc" data-node-type="text" data-node-default="From monumental achievements to mystical traditions, Egypt’s history is a journey through some of humanity’s greatest breakthroughs.">
        {{heart_desc}}
      </p>
    </div>
  </div>

  <!-- GRID -->
  <div class="heart-grid max-w-[1728px] mx-auto">
    <!-- 01 IMAGE -->
    <img src="{{heart_img_01}}" class="heart-img img-01" data-node="heart_img_01" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767699867/seltrix/templates/history-template/01-left.webp">

    <!-- 01 CONTENT -->
    <div class="heart-cell content-01">
      <div>
        <div class="heart-number" data-node="heart_number_01" data-node-type="text" data-node-default="01" data-node-label="Heart Number 01">
          {{heart_number_01}}
        </div>
        <div class="heart-text" data-node="heart_text_01" data-node-type="text" data-node-default="Preserved Mummies & Burial Rituals – Discover the science, spirituality, and mysteries.">
          {{heart_text_01}}
        </div>
      </div>
    </div>

    <!-- 02 IMAGE -->
    <img src="{{heart_img_02}}" class="heart-img img-02" data-node="heart_img_02" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767699868/seltrix/templates/history-template/02-left.webp">

    <!-- 02 CONTENT -->
    <div class="heart-cell content-02">
      <div>
        <div class="heart-number" data-node="heart_number_02" data-node-type="text" data-node-default="02" data-node-label="Heart Number 02">
          {{heart_number_02}}
        </div>
        <div class="heart-text" data-node="heart_text_02" data-node-type="text" data-node-default="The Great Pyramids & Royal Tombs – Witness the brilliance of ancient dynasties.">
          {{heart_text_02}}
        </div>
      </div>
    </div>

    <!-- 03 CONTENT -->
    <div class="heart-cell content-03">
      <div>
        <div class="heart-number" data-node="heart_number_03" data-node-type="text" data-node-default="03" data-node-label="Heart Number 03">
          {{heart_number_03}}
        </div>
        <div class="heart-text" data-node="heart_text_03" data-node-type="text" data-node-default="Temples of Gods & Goddesses – Explore realms dedicated to Ra, Isis, Horus, and more.">
          {{heart_text_03}}
        </div>
      </div>
    </div>

    <!-- 03 IMAGE -->
    <img src="{{heart_img_03}}" class="heart-img img-03" data-node="heart_img_03" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767699869/seltrix/templates/history-template/03-right.webp">

    <!-- 04 CONTENT -->
    <div class="heart-cell content-04">
      <div>
        <div class="heart-number" data-node="heart_number_04" data-node-type="text" data-node-default="04" data-node-label="Heart Number 04">
          {{heart_number_04}}
        </div>
        <div class="heart-text" data-node="heart_text_04" data-node-type="text" data-node-default="Hieroglyphic Art & Sacred Scripts – Decode the symbolic language of an ancient world.">
          {{heart_text_04}}
        </div>
      </div>
    </div>

    <!-- 04 IMAGE -->
    <img src="{{heart_img_04}}" class="heart-img img-04" data-node="heart_img_04" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767699871/seltrix/templates/history-template/04-right.webp">
  </div>
</section>