{% if page.lang == "en" and site.categoryTab %}
<div class="container" id="appscms-tools-section">
  <div class="row">
    <div class="col-md-10 mx-auto">
      <div class="row" id="appscms-tools-section-row">
        {% for product in pageData.features %} {%- for item in product.features
        -%}
        <div
          class="col-xl-4 col-lg-6 col-md-6 col-3 appscms-tool-container"
          data-category="{{product.category}}"
          style="display: {{product.display}};"
        >
          <a href="{{item.url}}">
            <div class="appscms-tool">
              <div class="tool-top" style="background: {{item.color}};">
                <div class="tool-img">
                  <img crossorigin="anonymous" src="{{item.icon}}" alt="img" />
                </div>
                <div class="tool-text">
                  {{item.description | truncate:67,'..'}}
                </div>
              </div>
              <div class="tool-heading">{{item.name | truncate: 33, '..'}}</div>
            </div>
          </a>
        </div>
        {%- endfor -%} {% endfor %}
      </div>
    </div>
  </div>
</div>
{%- else -%}
<div class="container" id="appscms-tools-section">
  <div class="row">
    <div class="col-md-10 mx-auto">
      <div class="row" id="appscms-tools-section-row">
        {% for item in pageData.features %}
        <div class="col-xl-4 col-lg-6 col-md-6 col-3 appscms-tool-container">
          <a href="{{item.url}}">
            <div class="appscms-tool">
              <div class="tool-top" style="background: {{item.color}};">
                <div class="tool-img">
                  <img crossorigin="anonymous" src="{{item.icon}}" alt="img" />
                </div>
                <div class="tool-text">
                  {{item.description | truncate:67,'..'}}
                </div>
              </div>
              <div class="tool-heading">{{item.name | truncate: 33, '..'}}</div>
            </div>
          </a>
        </div>
        {% endfor %}
      </div>
    </div>
  </div>
</div>
{%- endif -%}