<div class="row row-cards d-flex align-items-stretch justify-content-center my-3">
    {{#each_row}}
  <div class="col-sm-6 col-lg-{{default size 3}} d-flex">
    <div class="card card-md flex-fill d-flex flex-column">
    {{#if icon}}
        <div class="ribbon ribbon-top ribbon-bookmark bg-{{default icon_color 'green'}}">
            {{~icon_img icon~}}
        </div>
    {{/if}}
      <div class="card-body d-flex flex-column justify-content-between">
        <div>
          <div class="text-uppercase text-secondary font-weight-medium text-center">{{title}}</div>
          <div class="my-3 text-center"><span class="display-5 fw-bold text-{{value_color}}">{{value}}</span> {{#if small_text}}<small class="fs-6">{{small_text}}</small>{{/if}}</div> 
          <ul class="list-unstyled lh-lg">
            <li class="mb-3">{{description}} {{#if description_md}}<small>{{{markdown description_md}}}</small>{{/if}}</li> 
            {{#each item}}
            {{#if (eq (typeof this) 'string')}}
            <li><span class="text-indigo me-2">{{icon_img 'arrow-narrow-right'}}</span> {{this}}</li>
            {{/if}}
            {{#if (eq (typeof this) 'object')}}
            <li class="d-flex">
              <span class="{{#if color}}text-{{color}}{{/if}} me-{{#if icon}}2{{else}}5{{/if}}">{{~icon_img icon~}}</span>
              {{#if link}}
                <p><a href="{{link}}" class="text-decoration-none">{{description}}</a></p>
              {{else}}
                <p>{{description}}</p>
              {{/if}}
              {{#if description_md}}{{{markdown description_md}}}{{/if}}
            </li>
            {{/if}}
            {{/each}}
          </ul>
        </div>
        {{#if button_text}}
        <div class="text-center">
          <a href="{{link}}" {{#if target}}target="{{target}}"{{/if}} class="btn w-100 {{#if button_color}}btn-{{button_color}}{{/if}}">{{button_text}}</a> 
        </div>
        {{/if}}
      </div>
    </div>
  </div>
  {{/each_row}}
</div>