<section class="hero-section">
    <svg width="0" height="0" class="position-absolute d-none">
      <defs>
        <clipPath id="hero-curve" clipPathUnits="objectBoundingBox">
          <path d="M 0.05,0 Q 0.55,0.45 0.40,1 L 1,1 L 1,0 Z" />
        </clipPath>
      </defs>
    </svg>

    <div class="hero-image-bg"></div>

    <div class="hero-gradient-line">
      <img src="{ASSET}academics/images/gradient-line.png}" alt="Decorative line" class="gradient-line-img">
    </div>

    <div class="container position-relative z-1">
      <div class="row align-items-center hero-row">
        <div class="col-lg-6">
          <div class="hero-content">
            <div>
              <h1>AI Artificial Intelligence<br>Course in {location}</h1>
              <p class="hero-description">
                Looking for the best AI Artificial Intelligence Course in {location}? BSEtec Training Center offers
                industry-focused AI training with hands-on projects, expert mentors, live sessions, and career support
                to help you become job-ready.
              </p>
              <a href="#" class="btn-enroll">
                <span class="hero-enroll-icon">
                  <img src="{ASSET}public/academics/icons/rocket-icon.png" alt="Enroll Icon" class="me-2">
                </span> Enroll Now
              </a>
            </div>
          </div>
        </div>
        <div class="col-lg-6 d-none d-lg-block"></div>
      </div>
    </div>
  </section>