{{-- about-section3 --}}
@php
  $element_seccion = $data->element_seccion;
@endphp

<section class="section-page-body about-section3">
  <div class="container content">
    <div class="row">
        <div class="col-md-12">
            <div class="center-title mb60">
                <h3>{!! $data->title->$localeSelected ?? '' !!}</h3>
            </div>
            <p>{!! $data->text->$localeSelected ?? '' !!}</p>
        </div>
    </div>
    <div class="row">
@foreach ($element_seccion as $item)
    @if (isset($item->is_active) && $item->is_active)
      <div class="card-item col-lg-4 col-md-6 col-sm-6 col-xs-12">
        <div class="card agent-card">
          <a {{ (isset($item->link) && $item->link != '' && !strpos($item->link, request()->getHost())) ? 'target="_blank" ':'' }}href="{{ $item->link ?? getLinkOrderOnline() }}" class="agent-hover">
            <img  alt="{{ $item->image->alt->$localeSelected ?? getAltImages() }}" src="{{ isset($item->image->url) ? asset_remote('sections/subsections').'/'.$item->image->url : '' }}" class="img-fluid">
          </a>
          <div class="card-body agent-desc">
            <h4 class="font500 text-uppercase text-primary">{!! $item->title->$localeSelected ?? '' !!}</h4>
            <p class="card-text">{!! $item->text->$localeSelected ?? '' !!}.</p>
            <hr>
          </div>
        </div>
      </div> {{-- ./item --}}
    @endif
@endforeach
    </div>
  </div>
</section>