@extends('partials.components.section', ['align' => 'center'])

@section('section')
    @if (!empty($section['cards']))
        <div class="{{ $margeAround }}">
            <div class="-mx-2.5 -mt-5 flex flex-wrap justify-center md:-mx-5 md:-mt-10">
                @foreach ($section['cards'] as $item)
                    <div
                        class="{{ count($section['cards']) % 4 == 0 ? 'xl:w-1/4' : 'xl:w-1/3' }} mt-5 w-full px-2.5 md:mt-10 md:w-1/2 md:px-5">
                        @include('partials.items.card')
                    </div>
                @endforeach
            </div>
        </div>
    @endif
@overwrite