solution_category

  <section class="fw-sticky fw-searchbar-wrapper">
    <div class="container">
      <div class="row align-items-center py-8">
        <div class="col-md-6">
          {% element 'secondary_nav' %}
           {
             "breadcrumbs": [{ "label":"{{ 'portal_translations.header.tabs.home' | t }}", "url":"{{portal.home_url}}" },
                             { "label":"{{ 'portal_translations.header.tabs.solutions' | t }}", "url":"{{portal.solutions_home_url}}" },
                             { "label":"{{ category.name | escape_once }}", "url":"{{category.url}}" }]
           }
         {% endelement %}
        </div>
        <div class="col-md-4 ms-auto">
          {{ portal | search_element }}
        </div>
      </div>
    </div>
  </section>
  <section class="container-fluid px-0 fw-page-title-wrapper">
    <div class="container">
      <div class="py-24 py-lg-60 mx-0 fw-search-meta-info g-0">
        {% if category.icon %}
          <div class="fw-fig">
            <img src="{{category.icon}}" class="img-fluid" alt="category image">
          </div>
        {% else %}
          <div class="fw-icon-holder pe-8">
            <span class="icon-category"></span>
          </div>
        {% endif %}
        <div class="text-start">
          <h1 class="fw-page-title">{{ category.name }} ({{ category.folders_count }})</h1>
          <p>{{ category.description }}</p>
        </div>
      </div>
    </div>
  </section>

  <section class="container-fluid px-0 py-24">
    <div class="container">
      {{ page_message }}
      <section class="row box-shadow br-12 fw-category-wrapper mx-0 g-0 bg-dark">
        <div class="row mx-0 fw-section-content g-0">
          {% for folder in category.folders %}
              <div class="col-md-6 fw-folder">
                <div class="fs-20 mb-24 semi-bold">
                 {% element 'link' %}
                  {
                   "url": "{{ folder.url }}",
                   "class": "fw-heading d-flex",
                   "content": "{% if folder.icon %}<div class='fw-folder-icon text-center me-8'><img src='{{folder.icon}}' class='img-fluid'></div>{% else %}<div class='fw-folder-icon text-center pt-4 me-8'><span class='icon-folder'></span></div>{% endif %}<div class='line-clamp-2'> {{ folder.name | escape_once }} ({{ folder.entity_collection.size }})</div>",
                   "other_attributes": [{ "key":"role", "value":"heading" }]
                  }
                 {% endelement %}
                </div>
                <ul class="fw-no-bullet ms-36">
                  {% for entity in folder.entity_collection limit:3 %}
                   <li>
                    {% element 'link' %}
                     {
                      "url": "{{ entity.url }}",
                      "class": "d-flex",
                      "content": "{% if entity.icon %}<div class='fw-folder-icon fw-subfolder-icon text-center me-8'><img src='{{entity.icon}}' class='img-fluid'></div>{% else %}<div class='pe-8'><span class='icon-{{entity.source_type}}'></span></div>{% endif %}<div class='line-clamp-2'>{{ entity.name | escape_once }}</div>"
                     }
                    {% endelement %}
                   </li>
                  {% endfor %}
                </ul>
                {% if folder.entity_collection.size > 3 %}
                 {% element 'link' %}
                  {
                   "url": "{{ folder.url }}",
                   "content": "{{ 'portal_translations.view_all' | t }} {{folder.entity_collection.size}}",
                   "class": "ms-36 my-16 d-block"
                  }
                 {% endelement %}
                {% endif %}
              </div>
          {% endfor %}
        </div>
      </section>
    </div>
  </section>