<section class="bg-cover bg-center pb-[30px] md:pb-[40px] px-[30px] lg:p-[10px]" data-component-type="Content" data-component-slug="sports-template-setting">

  <div>

    <!-- Section Title -->
    <div class="lg:max-w-[90%] max-w-full mx-auto">
      <h1 class="text-[#0C0A0A] lg:text-[28px] mb-[32px]" data-node="setting_title" data-node-type="text" data-node-label="Setting Section Title" data-node-default="SETTING THE MOOD WITH INCENSE">
        <b>{{setting_title}}</b>
      </h1>
    </div>

    <!-- Content Grid -->
    <div class="lg:max-w-[90%] max-w-full lg:mx-auto
      grid grid-cols-1 md:grid-cols-2 lg:grid-cols-[1fr_2fr]
      lg:gap-20 gap-6 mt-[10px] lg:mt-[10px]">

      <!-- Left Image -->
      <div class="w-full relative flex items-start justify-center">
        <div class="w-full relative flex items-center justify-center h-auto">
          <div class="grid grid-cols-1 gap-5 w-full">

            <a class="block">
              <div class="shadow-lg shadow-gray-300 overflow-hidden lg:mb-[15px]">
                <img data-node="setting_image" data-node-type="file" data-node-label="Setting Section Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767338067/seltrix/templates/sports-template/setting/image1.png" src="{{setting_image}}" class="w-full" alt="image">
              </div>
            </a>

          </div>
        </div>
      </div>

      <!-- Right Content -->
      <div class="w-full relative flex items-start justify-start md:h-auto lg:h-auto">
        <div class="items-start">
          <div class="mb-[15px]">

            <p class="lg:text-[16px] text-[#666666] text-[12px]" data-node="setting_description" data-node-type="text" data-node-label="Setting Section Description" data-node-default="Lorem ipsum dolor sit amet consectetur. Et lectus aliquet ipsum amet tempor pellentesque Lorem ipsum dolor sit amet consectetur. Et lectus aliquet ipsum amet tempor pellentesque. Nunc erat eu faucibus adipiscing dignissim lectus. Fermentum auctor malesuada vel auctor magna cursus in. In purus sed odio mauris erat libero potenti. Dolor turpis proin pharetra a nec massa. Et hendrerit volutpat enim lectus sed suscipit eleifend montes morbi. Nec vitae mauris cras odio p">
              {{setting_description}}
            </p>

          </div>
        </div>
      </div>

    </div>
  </div>

</section>