@php
    $callToAction = getContent('call_to_action.content', true);
@endphp
<section class="callout--section pb-100">
    <div class="container">
        <div class="discover--box position-relative overflow-hidden base--radius z--1">
            <div class="row justify-content-center">
                <div class="col-xl-7 col-lg-10">
                    <div class="content--wrap d-flex flex-column justify-content-center align-items-center">
                        <p class="heading fs--20 fw--500 text-center text--black mb-30">{{__($callToAction->data_values->top_heading)}}</p>
                        <h6 class="title text-center fs--32 mb-30 fw--700">{{__($callToAction->data_values->heading)}}</h6>
                        <a href="{{$callToAction->data_values->button_link}}" class="btn btn--base btn--lg mb-40">{{__($callToAction->data_values->button_title)}} <i class="fa-solid fa-arrow-right"></i></a>
                        <ul class="key--wrap d-flex justify-content-center align-items-center flex-wrap gap--32">
                            <li class="d-flex justify-content-center align-items-center gap--8">
                                <i class="fa-regular fa-circle-check fs--18"></i>
                                <p class="key fs--18 text--black"> {{__($callToAction->data_values->rating)}} </p>
                            </li>
                            <li class="d-flex justify-content-center align-items-center gap--8">
                                <i class="fa-regular fa-circle-check fs--18"></i>
                                <p class="key fs--18 text--black"> {{__($callToAction->data_values->support)}} </p>
                            </li>
                            <li class="d-flex justify-content-center align-items-center gap--8">
                                <i class="fa-regular fa-circle-check fs--18"></i>
                                <p class="key fs--18 text--black"> {{__($callToAction->data_values->client)}} </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>