@php
    $howWeWorkContent = getContent('how_we_work.content', true);
    $howWeWorkElements = getContent('how_we_work.element', orderById: true);
@endphp

<!--<section class="pt-120 pb-120 section--bg">-->
<!--    <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">{{ __(@$howWeWorkContent->data_values->heading) }}</h2>-->
<!--                    <p>{{ __(@$howWeWorkContent->data_values->subheading) }}</p>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div><!-- row end -->
<!--        <div class="row justify-content-center mb-none-30">-->
<!--            @foreach (@$howWeWorkElements ?? [] as $element)-->
<!--                <div class="col-lg-4 col-md-6 mb-30 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">-->
<!--                    <div class="work-card text-center h-100">-->
<!--                        <span class="step-number">{{ $loop->iteration }}</span>-->
<!--                        <div class="work-card__icon">-->
<!--                            @php echo @$element->data_values->icon @endphp-->
<!--                        </div>-->
<!--                        <div class="work-card__content">-->
<!--                            <h3 class="base--color mb-3">{{ __(@$element->data_values->title) }}</h3>-->
<!--                            <p>{{ __(@$element->data_values->description) }}</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            @endforeach-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->