{% set chaineCategory = getCategories(1)|first %}{% set translate = translate|default %}{% if chaineCategory %} <section class=" position-relative zi-9"> <div class="container container-cat text-center bgc-15683A {{ translate ? "uuccfk" : "umfnrb" }} position-relative"> <img src="{{ asset('assets/img/catmid.svg') }}" alt="Facomia" class="wi-50 position-absolute t-0 b-0 my-auto l--15 " data-aos="fade-right" data-aos-duration="700" data-aos-delay="400"/> <div class="row align-items-center rgbnbd"> <h2 class="col-lg-3 mat-30 mab-0-lg mab-20 mat-0-lg vprkae mab-0" data-aos="fade-right" data-aos-duration="700" > {{ chaineCategory.title }} </h2> {% for key, subCategory in getSubCategories(chaineCategory.id)|slice(0, 3) %} <div class="col-lg-3 col-4 position-relative pax-0" data-aos="fade-in" data-aos-duration="700" data-aos-delay="200"> {% if not loop.last %} <div class="position-absolute t-0 b-0 my-auto r--1 he-70 bgc-white wi-2 he-70 skew"></div> {% endif %} <div data-link class="pointer pay-45-lg pay-20-md pay-30 zjiujc"> <div class="mtegcj pax-30-lg pax-20 pax-10"> <div class="jrgsfp"> {% if subCategory.subCategoryFileName %} <img src="{{ asset(vich_uploader_asset(subCategory, 'subCategoryFile')) }}" alt="{{ subCategory.title }}" class="he-45"/> {% endif %} </div> <h3 class="mab-0"> <a href="{{ path('front_products', {'catSlug':chaineCategory.slug, "subCatSlug":subCategory.slug}) }}" class="olipsm may-5"> {{ subCategory.listingTitle }} </a> </h3> <div class="rhaebo d-none d-sm-block"> {{ subCategory.intro|raw }} </div> </div> </div> </div> {% endfor %} </div> </div> </section>{% endif %}