<div class="cat_1 uk-container uk-margin-large-top uk-margin-large-bottom" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 100">

<div class="tas_heading uk-grid-collapse uk-flex uk-flex-middle uk-margin-medium-bottom" uk-grid>
        <div class="uk-width-expand">
            <h3 class="uk-heading-line uk-text-left">
                <span class="section-title-with-icon">
                    <span class="section-icon section-icon-small">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <line x1="8" y1="6" x2="21" y2="6"></line>
                            <line x1="8" y1="12" x2="21" y2="12"></line>
                            <line x1="8" y1="18" x2="21" y2="18"></line>
                            <line x1="3" y1="6" x2="3.01" y2="6"></line>
                            <line x1="3" y1="12" x2="3.01" y2="12"></line>
                            <line x1="3" y1="18" x2="3.01" y2="18"></line>
                        </svg>
                    </span>
                    <strong>Popular Categories</strong>
                </span>
            </h3>
        </div>
        <div class="uk-width-auto">
            <a href="<?php echo $urlPath->categories(); ?>" class="uk-button uk-button-default uk-border-pill btn">
                <?php echo echoOutput($translation['tr_21']); ?>
                <i class="ti ti-chevron-right"></i>
            </a>
        </div>
    </div>

    <div class="categories-slider-container">
        <div class="swiper categories-swiper">
            <div class="swiper-wrapper">
                <?php foreach($featuredCategories as $item): ?>
                <div class="swiper-slide">
                    <a href="<?php echo $urlPath->search(['category' => $item['category_slug']]); ?>">
                        <div class="card">
                            <div class="cover" style="background: url(<?php echo getImageUrl($item['category_image_cdn_url'], $item['category_use_cdn'], $item['category_image']); ?>)">
                            </div>
                            <h5 class="card-title uk-text-truncate"><?php echo echoOutput($item['category_title']); ?></h5>
                        </div>
                    </a>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </div>
</div>