@props(['data'])
@php
    $parent = reset($data);
    $child = array_values(array_slice($data, 1));

@endphp

@if(!empty($parent))
        <!--services-section-->
        <section class="ttm-row services-section ttm-bgcolor-grey clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="padding_top75 res-991-padding_top0"></div>
                        <!-- section title -->
                        <div class="section-title title-style-center_text">
                            <div class="title-header">
                                
                                <h2 class="title">{{$parent['title'] }}</h2>
								<p>{{$parent['description'] }}</p>
                            </div>
                        </div><!-- section title end -->
                    </div>
                </div>
                <!-- row -->
                <div class="row slick_slider mb_15  " data-slick='{"slidesToShow": 3, "slidesToScroll": 1, "arrows":false, "autoplay":false, "dots":false, "infinite":true, "responsive":[{"breakpoint":992,"settings":{"slidesToShow": 2}},{"breakpoint":840,"settings":{"slidesToShow": 2}},{"breakpoint":650,"settings":{"slidesToShow": 1}}]}'>
                    @foreach($child as $value)
                    <div class="col-md-4 col-sm-6">
                        <!--featured-imagebox-->
                        <div class="featured-imagebox featured-imagebox-services style1">
                            <!-- featured-thumbnail -->
                            <div class="featured-thumbnail">
                                <img class="img-fluid" src="{{asset('images/'.$value['image'])}}" alt="image">
                            </div><!-- featured-thumbnail end-->
                            <div class="featured-content">
                                <div class="featured-title">
                                    <h3>{{$value['title']}}</h3>
                                </div>
                                <div class="featured-desc">
                                    <p>{{ $value['sub title'] }} </p>
                                </div>
                            </div>
                        </div><!-- featured-imagebox end-->
                    </div>
                    
                 
                    @endforeach
                </div><!-- row end -->
              
            </div>
        </section>
        <!--services-section end -->
    @endif