@if($mainPage->references == 1)
<!--====== Start Brands Area ======-->
<section class="st-brands wow fadeInUp" data-wow-delay=".1s">
    <!-- --- Line Space Start --- -->
    <div class="st-space space-100 wow fadeInLeft" data-wow-delay=".1s">
        <div class="shape">
            <img src="{{ asset('themes/smartblue/images/faq/shape.svg') }}" alt="parallelogram_bg_shape" />
        </div>

    </div>
    <!-- --- Line Space End --- -->
    <div class="container">
        <div class="row m-0">
            <div class="client_slider owl-carousel">
                @foreach($references->take(20) as $k => $reference)
                    <div class="item card wow fadeInUp" data-wow-delay=".{{$k+1}}s">
                        @if($logoThumbImage = $reference->getFirstMediaUrlTraitAttribute('logo', 'thumb_512x288'))
                            <img src="{{ $logoThumbImage }}" alt="{{ $reference->name }}">
                        @endif
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</section>
<!--====== End Brands Area ======-->
@endif