<div class="{{ block.settings.visibility }}"
  {{ block.shopify_attributes }}
  style="--margin-top: {{ block.settings.margin_top | divided_by: 10.0 }}rem; --margin-bottom: {{ block.settings.margin_bottom | divided_by: 10.0 }}rem;"
>
  <div class="key_points font--text-xs" style="background-color: {{ block.settings.checkmarkcolorbackground }}; border-radius: {{ block.settings.keybenefitsborderradius }}px;">
    
    <div class="key_points_wrapper {% if block.settings.two_per_row %}two-per-row-desktop{% endif %} {% if block.settings.two_per_row_mobile %}two-per-row-mobile{% endif %}">
      
      {% assign keys = '' %}
      {% if block.settings.key1 != blank %}{% assign keys = keys | append: block.settings.key1 | append: '||' %}{% endif %}
      {% if block.settings.key2 != blank %}{% assign keys = keys | append: block.settings.key2 | append: '||' %}{% endif %}
      {% if block.settings.key3 != blank %}{% assign keys = keys | append: block.settings.key3 | append: '||' %}{% endif %}
      {% if block.settings.key4 != blank %}{% assign keys = keys | append: block.settings.key4 | append: '||' %}{% endif %}
      {% if block.settings.key5 != blank %}{% assign keys = keys | append: block.settings.key5 | append: '||' %}{% endif %}
      {% assign keys_array = keys | split: '||' %}
      {% assign limit = keys_array.size %}
      {% for key in keys_array limit: limit %}
        {% if key != '' %}
        <div class="key_points-line_item">
          <div class="key_points_line_item_parent">
            <div class="key_points_line_item_icon">
              <i class="fa-{{ block.settings.filledincheckmark }} fa-circle-check" style="color:{{ block.settings.checkmarkcolor }}"></i>
            </div>
            <div class="key_points_line_item_text">
              <strong class="font--text-xs-regular">{{ key }}</strong>
            </div>
          </div>
        </div>
        {% endif %}
      {% endfor %}
      
    </div>
  </div>
</div>