@php
$data     = get_setting('about');
@endphp
<section class="section">
  <div class="empty-lg-50 empty-md-30 empty-sm-20 empty-xs-20"></div>
  <div class="custome-container">
    <div class="row vertical-wrap item-animation scroll-type-1">
      <div class="col-md-3 col-sm-12 col-xs-12 md-hide">
        <div class="simple-item-style-2 simple-item">
          <span class="page-span-1 page-span"></span>
          <span class="page-span-2 page-span type-2"></span>
          <img src="{!! asset(@$data['photo']) !!}" alt="{!! @$data['title'] !!}" class="resp-img">
        </div>
        <div class="empty-lg-0 empty-md-0 empty-sm-60 empty-xs-40"></div>
      </div>
      <div class="col-md-6 col-sm-12 col-xs-12">
        <div class="main-caption text-center item-padd-30">
          <h2 class="h2 title main-col"> {!! @$data['title'] !!} </h2>
          <div class="clearfix"></div>
          <div class="simple-text md simple-sub-text">
            <p>{!! @$data['subtitle'] !!}</p>
          </div>
          <div class="clearfix"></div>
          <div class="simple-text lines-9">
            {!! @$data['content'] !!}
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-12 col-xs-12 md-hide">
        <div class="simple-item-style-2 simple-item">
          <span class="page-span-1 page-span type-2"></span>
          <span class="page-span-2 page-span"></span>
          <img src="{!! asset(@$data['photo_left']) !!}" alt="{!! @$data['title'] !!}" class="resp-img">
        </div>
      </div>
    </div>
  </div>
  <div class="empty-lg-20 empty-md-20 empty-sm-20 empty-xs-20"></div>
</section>