{% assign section_data = page.ai_scheduling_works %}

<section class="ai_scheduling_works container py-5">
<div class="row justify-content-center text-center mb-5 asw-header-container">
    <div class="col-lg-7 col-md-9">
        <h2 class="d-block asw-title-serif fs-2 fs-md-1">{{ section_data.t_subtitle }}</h2>
        <h3 class="d-block asw-title-sans fs-2 fs-md-1">{{ section_data.t_title }}</h3>
      <p class="asw-description">{{ section_data.t_description }}</p>
    </div>
  </div>

  <!-- Cards Grid -->
  <div class="row g-4 asw-grid-container">
    {% for card in section_data.cards %}
      <div class="col-12 col-sm-6 col-lg-3 asw-card-col">
        <div class="p-4 asw-card d-flex flex-column justify-content-between">
          <div>
            <div class="asw-icon-badge mb-5">
              {{ card.svg }}
            </div>
            <h3 class="asw-card-title">{{ card.t_title }}</h3>
            <p class="asw-card-text mb-0">{{ card.t_description }}</p>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>
</section>