@isset($testimonials)
    <section id="reviews" class="overflow-hidden bg-gradient-very-light-gray">
        <div class="container-fluid">
            <div class="row justify-content-center mb-1">
                <div class="col-lg-7 text-center">
                    <span class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Why Raffles Educare?</span>
                    <h3 class="fw-500 alt-font text-dark-gray text-uppercase ls-minus-2px">Our Students Voices</h2>
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-12 position-relative">
                    <div
                        class="outside-box-right-15 outside-box-left-15 lg-outside-box-right-30 lg-outside-box-left-30 md-outside-box-right-40 md-outside-box-left-40 sm-outside-box-right-0 sm-outside-box-left-0">
                        <div class="swiper magic-cursor"
                            data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false },  &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-1&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1200&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 3 } }, &quot;effect&quot;: &quot;slide&quot; }">
                            <div class="swiper-wrapper pt-20px pb-20px">

                                @foreach ($testimonials as $testimonial)
                                    <div class="swiper-slide">
                                        <div class="review-style-05">
                                            <div
                                                class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
                                                <div
                                                    class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
                                                    <img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px"
                                                        src="{{ $testimonial->image }}" alt />
                                                    <p>{{ $testimonial->description }}</p>
                                                </div>
                                                <div
                                                    class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
                                                    <span
                                                        class="fs-17 fw-500 text-dark-gray ms-auto xs-fs-15">{{ $testimonial->designation }},
                                                        {{ $testimonial->company }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-12 text-center">
                    <div
                        class="d-inline-block bg-dark-gray text-white border-radius-4px ps-15px pe-15px fs-15 lh-36 ls-minus-1px me-15px sm-m-10px align-middle">
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                        <i class="bi bi-star-fill"></i>
                    </div>
                    <h6 class="text-dark-gray fw-400 mb-0 d-inline-block align-middle ls-minus-1px">Two Decades of<span
                            class="fw-700"> Success</span> Stories <a href="javascript:void(0)" target="_blank"><img
                                src="{{ asset(setting('logo')) }}" alt="{{ setting('title') }}" /></a></h6>
                </div>
            </div>
        </div>
    </section>
@endisset