@if(isset($data) && is_array($data) && !empty($data))
<section class="border-top border-color-extra-medium-gray py-0 overflow-hidden">
    <div class="container-fluid">
        <div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center"
            data-anime='{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 600, "delay":100, "staggervalue": 150, "easing": "easeOutQuad" }'>
            <!-- start features box item -->
            @foreach($data['footer_above'] as $footer_above_item)
            <div
                class="col d-flex justify-content-center icon-with-text-style-08 text-center border-end md-border-bottom xs-border-end-0 border-color-extra-medium-gray pt-45px pb-45px">
                <div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
                    <div class="feature-box-content">
                        <span class="alt-font fw-600 text-dark-gray d-block lh-24 fs-17">{{ $footer_above_item['title'] }}</span>
                        <span>{{ $footer_above_item['subtitle'] }}</span>
                    </div>
                </div>
            </div>
            @endforeach
            <!-- end features box item -->
        </div>
    </div>
</section>
@endif