<div class="categories">
    {% for category in categories %}
    <a href="{{ 'category'|page({ slug: category.slug }) }}" class="cat_item wow fadeInUp"
        
        data-wow-duration=".5s"

        {% if loop.index > 5 %}
            {% if loop.index - 4 < 10 %}
                data-wow-delay=".{{ loop.index - 4 }}s"
            {% else %}
                data-wow-delay="{{ (loop.index - 4) / 10 }}s"
            {% endif %}
        {% else %}
            {% if loop.index < 10 %}
                data-wow-delay=".{{ loop.index }}s"
            {% else %}
                data-wow-delay="{{ loop.index / 10 }}s"
            {% endif %}
        {% endif %}

        
    >
        <div class="cat_photo">
            <img src="{{ category.icon|media }}" alt="Gurluşyk, Gurluşyk platform, bezeg gurluşyk, gipsler merkezi, {{ category.name }}">
        </div>
        <div class="cat_text">
            {{ category.name }}
        </div>
    </a>
    {% endfor %}
</div>