@if (isset($profession))
    <div class="professions-list__item professions-item">
        <div class="professions-item__image">
            <div class="image-border-wrap">
                <img src="{{ asset($profession['image_image']) }}" alt="{{ $profession['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>
        <div class="professions-item__info">
            <h3 class="professions-item__title subtitle">{{ $profession['string_title'] }}</h3>
            <div class="professions-item__text description">
                <ul>
                    @foreach ($profession['list_descriptions'] as $item)
                        <li>{{ $item['string_text'] }}</li>
                    @endforeach
                </ul>
            </div>
        </div>
        @if (!empty($profession['list_cta']))
            <div class="professions-item__btn-wrap">
                <x-front.cta title="{{ $profession['list_cta'][0]['string_text'] }}" url="{{ $profession['list_cta'][0]['string_link'] }}"
                    class="anchor-scroll professions-item__btn" buttonIcon="btn__icon_arrow-right" />
            </div>
        @endif
    </div>
@endif