@isset ($counters) 
    <section class="border-bottom border-color-extra-medium-gray pt-40px pb-40px overflow-hidden">
        <div class="container">
            <div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center align-items-center"
                data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [-15, 0], &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
                @foreach ($counters as $counter)
                    <div class="col icon-with-text-style-08 md-mb-30px text-center text-sm-start">
                        <div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
                            <div class="feature-box-icon me-10px">
                                <i class="{{ $counter->icon }} icon-very-medium text-base-color"></i>
                            </div>
                            <div class="feature-box-content">
                                <span class="alt-font fw-500 text-dark-gray d-block lh-26">{{ $counter->title }}</span>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endisset