@extends('partials.components.section', ['header' => false, 'ctaAfter' => false])

@section('section')
    <div class="{{ $grid }} z-10 items-start">
        <div
            class="col-span-12 flex min-h-full flex-col items-start justify-center md:col-span-7 lg:col-span-6 lg:col-start-2">
            @include('partials.components.section-header')
            <ul class="flex flex-col !gap-y-5 overflow-hidden">
                @foreach ($section['section_fields_list_icons'] as $item)
                    <li class="js-appear relative z-0 -mb-1 flex h-full translate-y-1 items-center gap-4 border-b pb-5">
                        @include('partials.items.list-icon')
                    </li>
                @endforeach
            </ul>
            @if ($section['section_fields_buttons'] ?? false)
                @include('partials.components.ctas', ['ctas' => $section['section_fields_buttons']])
            @endif
        </div>
        @include('partials.components.blockquote')

    </div>
@overwrite