{{-- Block --}}
<div class="c-bg c-bg--ice c-bg--cards-desktop js-animated">
    <div class="o-content-block o-content-block--1066 appear-in appear-in-top">
        <div class="o-content-block--left o-content-block--right">
            <h2 class="o-ttl-title">Valores</h2>

            <div class="o-grid o-grid__values">
               
                @foreach ($values as $item)
                    <div class="c-card c-card--secondary c-card--values">
                        <picture class="c-card__svg">
                            <img src="{{ $item->getIcon() }}" alt="{{ $item->title }}" height="60">
                        </picture>
                        <h3 class="o-ttl--18 o-ttl--brand-secondary o-ttl--center">{!! $item->title !!}</h3>
                        <p class="o-ttl--center">{!! $item->description !!}</p>
                    </div>
                @endforeach
               
            </div>
        </div>
    </div>
</div>
{{-- End: Block --}}