<div class="cards-slider-boundary {{#if secondary}}cards-slider-boundary--secondary{{/if}}">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="cards-slider">
          <div class="cards-slider__header">
            {{#if secondary}}
              <h3 class="cards-slider__title">{{title}}</h3>
            {{else}}
              <h1 class="cards-slider__title">{{title}}</h1>
            {{/if}}
            <div class="cards-slider__controls">
              <div class="cards-slider__btn cards-slider__prev-btn">
                <span class="icon">
                  <i class="fas fa-chevron-left"></i>
                </span>
              </div>
              <div class="cards-slider__btn cards-slider__next-btn">
                <span class="icon">
                  <i class="fas fa-chevron-right"></i>
                </span>
              </div>
            </div>
          </div>
          <div class="swiper-container">
            <div class="cards-swiper-wrapper swiper-wrapper">
              {{#block "cards"}}{{/block}}
            </div>
            <div class="swiper-pagination swiper-pagination-bullets"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
