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

@endphp
          <!-- Who we are -->
          <section class="ttm-row about-section clearfix">
            <div class="container">
               <div class="row">
                  <div class="col-lg-6 col-md-12 col-sm-12">
                     <div class="ttm_single_image-wrapper">
                        @if(!empty($parent))
                        <img class="img-fluid auto_size" width="569" height="655" src="{{asset('images/'.$parent['bg image'])}}" alt="single-03">
                        @endif
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-12 col-xs-12">
                     <div class="margin_top40">
                        <!-- section title -->
                        <div class="section-title">
                            @if(!empty($parent))
                            <div class="title-header">
                                <h3>{{ $parent['title'] }}</h3>
                                <h2 class="title">{{ $parent['heading'] }}</h2>
                             </div>
                             <div class="title-desc">
                                <p> {{ $parent['description'] }} </p>
                             </div>
                            @endif
                        
                        </div>
                        <!-- section title end -->
                        <div class="row">
                            @foreach($child as $value)
                            <div class="col-sm-6">
                                <ul class="ttm-list ttm-bordered-lists ttm-list-style-icon ttm-list-icon-color-skincolor ttm-textcolor-darkgrey">
                                   <li><i class="ti ti-check"></i><span class="ttm-list-li-content">{{$value['title']}}</span></li>
                                  
                                </ul>
                             </div>
                            @endforeach
   
                        </div>
                        @if(!empty($parent))
                        <div class="margin_top35 res-767-margin_top20">
                            <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor margin_right20 margin_top15" href="{{$parent['btn1 url']}}">{{$parent['btn1']}}</a>
                            <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-border ttm-btn-color-dark  margin_top15" href="{{$parent['btn2 url']}}">{{$parent['btn2']}}</a>
                         </div>
                        @endif
                      
                     </div>
                  </div>
               </div>
               <!-- row end -->
            </div>
         </section>
         <!-- Who we are -->
             
             </section>