@php
    @$contactContent = getContent('choose_us.content', true);
    $contactElements = getContent('choose_us.element', orderById: true);
@endphp

<!--<section class="pt-120 pb-120 overlay--radial bg_img"-->
<!--    style="background-image: url('{{ frontendImage('choose_us', @$contactContent->data_values->background_image, '1600x900') }}');">-->
<!--    <div class="container">-->
<!--        <div class="row justify-content-center">-->
<!--            <div class="col-lg-6 text-center">-->
<!--                <div class="section-header">-->
<!--                    <h2 class="section-title text--base">{{ __(@$contactContent->data_values->heading) }}</h2>-->
<!--                    <p>{{ __(@$contactContent->data_values->subheading) }}</p>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="row justify-content-center mb-none-30">-->
<!--            @foreach (@$contactElements ?? [] as $element)-->
<!--                <div class="col-xl-4 col-md-6 mb-30 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">-->
<!--                    <div class="choose-card border-radius--5">-->
<!--                        <div class="choose-card__icon">-->
<!--                            @php echo @$element->data_values->icon @endphp-->
<!--                        </div>-->
<!--                        <h4 class="choose-card__title base--color">{{ __(@$element->data_values->title) }}</h4>-->
<!--                        <p>{{ __(@$element->data_values->description) }}</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            @endforeach-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->