@php
    $feature = getContent('feature.content', true);
    $features = getContent('feature.element', false, 3);
@endphp
<section class="why-choose py-100">
    <div class="container">
        <div class="row gy-5 justify-content-center">
            <div class="col-xl-7 col-lg-8 col-md-10">
                <div class="section-content d-flex justify-content-center flex-column align-items-center mb-60">
                    <div class="d-inline-flex heading--wrap">
                        <h6 class="heading text-center text--upper">{{__($feature->data_values->top_heading)}}</h6>
                    </div>
                    <h6 class="title wow animate__animated animate__fadeInUp text-center fs--40 fw--600 splite-text" data-splitting data-wow-delay="0.2s">{{__($feature->data_values->heading)}}</h6>
                    <p class="subtitle wow animate__animated animate__fadeInUp text-center fs-16 fw--400 w--80" data-wow-delay="0.3s">{{__($feature->data_values->subheading)}}</p>
                </div>
            </div>
        </div>
        <div class="row gy-5 justify-content-center">
            @forelse($features as $feature)
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="whychoose--card position-relative d-flex flex-column justify-content-center align-items-center gap--28">
                    <div class="icon--wrap d-flex justify-content-center align-items-center">
                        @php echo $feature->data_values->icon ?? ''; @endphp
                    </div>
                    <div class="title--wrap d-flex flex-column justify-content-center align-items-center gap--12">
                        <h6 class="title fs--20 fw--600 text-center mb-0">{{__($feature->data_values->title)}}</h6>
                        <p class="text-center"> 
                            @if (strlen(__($feature->data_values->short_description)) > 120)
                            {{ substr(__($feature->data_values->short_description), 0, 120) . '...' }}
                            @else
                                {{ __($feature->data_values->short_description) }}
                            @endif
                        </p>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>