  <!-- Hero Section -->
	<section style="background: linear-gradient(90deg, var(--color-black) 0%, transparent 100%),
					url({{bg_image}});
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;"
			class="relative bg-primary mx-auto max-w-[1920px] text-body-bg py-20">
    <div class="container px-6 lg:px-20 md:w-1/2">
      <h1 class="text-5xl md:text-6xl font-extrabold mb-6">{{title}}</h1>
      <div class="text-lg md:text-xl max-w-2xl animate-fade">
        {{description}}
      </div>
    </div>
  </section>
