@props([
    'data' => null,
])

<div class="row clearfix">
    @foreach ($data['cards'] as $card)
        <div class="approach-block col-lg-4 col-md-6 col-sm-12">
            <div class="inner-box card-dark-text wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">

                @if (!empty($card['card_image']))
                    <div class="image">
                        <img src="{{ Storage::url($card['card_image']) }}" alt="" />
                    </div>
                @endif

                <div class="lower-content p-2">
                    <div class="text text-dark tiptap-content">
                        {!! tiptap_converter()->asHTML(translate_data($card['card_content'])) !!}
                    </div>
                </div>

            </div>
        </div>
    @endforeach
</div>