<div class="row clearfix quotes-04">
    <div class="col-12" style="text-align:center">
        <h2>TESTIMONIALS</h2>
        <p class="h5">Hear the interesting stories from our lovely customers.</p>
        <div class="spacer height-40"></div>
    </div>
</div>
<div class="row clearfix quotes-04">
    <div class="col-12 col-md-6 d-flex" style="text-align: center;">
        <div class="card bg-light mx-auto" style="max-width: 400px;">
            <div class="image-wrapper image-ratio-4-3">
                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                     alt="" class="card-img-top"
                />
            </div>
            <div class="card-body p-4">
                <p class="h3 mb-2 text-muted">
                    <i class="icon fas fa-comment-dots"></i>
                </p>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <p class="small">by Your Name</p>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-6 d-flex" style="text-align: center;">
        <div class="card bg-light mx-auto" style="max-width: 400px;">
            <div class="image-wrapper image-ratio-4-3">
                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                     alt="" class="card-img-top"
                />
            </div>
            <div class="card-body p-4">
                <p class="h3 mb-2 text-muted">
                    <i class="icon fas fa-comment-dots"></i>
                </p>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <p class="small">by Your Name</p>
            </div>
        </div>
    </div>
</div>
