@if(count($carousel) > 0)
    <section class="carousel" data-total="{{count($carousel)}}">
        <div class="carousel__item-container">
            @foreach ($carousel as $index => $item)
                @include('sections.banner', $item)
                    <div class="dynamic-container pb2">
                        <div class="dynamic-col-1">
                            <a href="/news-hub" class="btn -sm">{{showSnippet("news_section", "context_title")}}</a>
                        </div>
                    </div>

                    @include('atoms.heading_group', $item)

                    <div class="dynamic-container">
                        <div class="dynamic-col-1">
                            <div class="sm-col-12 md-col-8 mt2">
                                @include('atoms.button_group',  $item)
                            </div>
                        </div>
                    </div>
                @include('sections.banner_CLOSE', $item)
            @endforeach
        </div>
        {{-- <div class="dynamic-container"> --}}
            <div class="carousel__controller sm-table fill-x">
                @foreach ($carousel as $index => $item)
                <div class="sm-table-cell center">
                    <a href="{{ $item['title_link'] }}" data-select="{{$index}}">
                        {{ $item['title'] }}
                    </a>
                </div>
                @endforeach
            </div>
        {{-- </div> --}}
    </section>
@endif