@if(!empty($list))
    <div class="values fw fw-container {{ $addclass ?? '' }}" id="{{ $id ?? 'nos-valeurs' }}">
        <div class="values__wrapper wrapper">
            <h2 class="values__title title">
                <span class="title-text">{{ $title }}</span>
            </h2>
            <div class="values__list values-list list-items">
                @foreach($list as $l)
                    <div class="list-item">
                        <div class="list-item__image image-border-wrap">
                            <img src="{{ asset($l['image_visual']) }}" alt="{{ $l['string_alt'] }}" />
                            <x-front.borders :borders="[
                                'desktop' => [
                                    'left' => false,
                                    'right' => false,
                                    'top' => false,
                                    'bottom' => true,
                                ],
                                'mobile' => [
                                    'left' => false,
                                    'right' => false,
                                    'top' => false,
                                    'bottom' => true,
                                ],
                            ]" />
                        </div>
                        <div class="list-item__description description">
                            <div class="list-item__title subtitle">{{ $l['string_title'] }}</div>
                            <div class="list-item__text description">{{ $l['textarea_description'] }}</div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endif