<section class="py-5 mb-4">
    <div class="fui-container px-1">
      <div class="row text-center">

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
          <div class="fui-card bg-primary text-white mb-2">
            <div class="fui-card-body block-1">
              <h3 class="fui-card-title h4 weight-600">Special title</h3>
              <p class="fui-card-text text-white ">With supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
        </div>

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
          <div class="fui-card bg-primary text-white mb-2">
            <div class="fui-card-body block-2">
              <h3 class="fui-card-title h4 weight-600">Special title</h3>
              <p class="fui-card-text text-white ">With supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
        </div>

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
          <div class="fui-card bg-primary text-white mb-2">
            <div class="fui-card-body block-3">
              <h3 class="fui-card-title h4 weight-600">Special title</h3>
              <p class="fui-card-text text-white ">With supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>