@php
    $whyChooseCaption = getContent('why_choose.content', true);
    $whyChooseElements = getContent('why_choose.element', null, false, true);
@endphp
<section class="pt-120 pb-120 overlay--radial bg_img" data-background="{{ frontendImage('why_choose', @$whyChooseCaption->data_values->image, '1920x1281') }}">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6 text-center">
                <div class="section-header">
                    <h2 class="section-title"><span class="font-weight-normal">{{ __(@$whyChooseCaption->data_values->heading_w) }}</span> <b class="base--color">{{ __(@$whyChooseCaption->data_values->heading_c) }}</b></h2>
                    <p>{{ __(@$whyChooseCaption->data_values->sub_heading) }}</p>
                </div>
            </div>
        </div><!-- row end -->
        <div class="row justify-content-center gy-4">
            @foreach ($whyChooseElements as $whyChooseElement)
                <div class="col-xl-4 col-md-6">
                    <div class="choose-card border-radius--5">
                        <div class="choose-card__header mb-3">
                            <div class="choose-card__icon base--color">
                                @php echo @$whyChooseElement->data_values->icon @endphp
                            </div>
                            <h4 class="choose-card__title base--color">{{ __(@$whyChooseElement->data_values->title) }}</h4>
                        </div>
                        <p>{{ __(@$whyChooseElement->data_values->content) }}</p>
                    </div><!-- choose-card end -->
                </div>
            @endforeach
        </div>
    </div>
</section>
