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

@endphp


<section class="ttm-row padding_zero-section bg-layer-equal-height ttm-bgcolor-darkgrey clearfix">
    <div class="container">
       <div class="row">
        @if(!empty($parent))
          <div class="col-lg-12">
             <div class="row no-gutters">
                <div class="col-lg-7">
                   <div class="padding_top90 padding_right60 padding_bottom70 res-991-padding_right0 res-991-padding_top60 res-991-padding_bottom30">
                      <!-- section title -->
                      <div class="section-title">
                         <div class="title-header">
                          
                            <h2 class="title">{{$parent['title']}}</b></h2>
                         </div>
                         <div class="title-desc">
                            <p>{{$parent['description']}}</p>
                         </div>
                      </div>
                      <!-- section title end -->
                      <div class="ttm-horizontal_sep width-100 margin_top20 margin_bottom20"></div>
                   </div>
                </div>
                <div class="col-lg-5 col-md-12">
                   <div class="ttm-bg ttm-col-bgcolor-yes ttm-bgcolor-white ttm-right-span p-30 margin_top80 res-991-margin_top0">
                      <div class="ttm-col-wrapper-bg-layer ttm-bg-layer"></div>
                      <div class="layer-content">
                         <!-- col-img-img-four -->
                         <div class="ttm-bg ttm-col-bgimage-yes col-bg-img-four ttm-right-span">
                            <div class="ttm-col-wrapper-bg-layer ttm-bg-layer" style="background-image: url('{{ asset('images/'. $parent['image']) }}')"></div>
                            <div class="layer-content"></div>
                         </div>
                         <!-- col-img-bg-img-four end-->
                         <img class="img-fluid ttm-equal-height-image w-100" src="{{ asset('images/'. $parent['image']) }}" alt="bg-image">
                      </div>
                   </div>
                </div>
             </div>
             <!-- row end -->
          </div>
          @endif
       </div>
    </div>
 </section>