@if ($section->title && $section->title !== 'no_title')
    <h2 class="mb-[2.4rem]">{{ $section->title }}</h2>
@endif
<section class="section-spacing py-8 px-12 rounded-xl bg-infobox xl:py-6 xl:px-8 lg:py-4 lg:px-6 md:py-[3.2rem] md:px-[3.2rem] xs:px-[1.6rem]">
    @php
        $sectionElementsCount = $section->sectionElements->count();
    @endphp
  <div class="grid grid-cols-{{ $sectionElementsCount }} gap-2 subtitle lg:grid-cols-1 {{ $sectionElementsCount >= 4 ? 'xl:grid-cols-2 lg:grid-cols-2 md:grid-cols-1' : '' }} md:gap-1">
    @foreach ($section->sectionElements as $element)
        @if ($element->sectElType->type == 'emphasys_three_columns_item')
            <div>
                @if (isset($element->title) && $element->title !== 'no_title')
                    <h4>{{ $element->title }}</h4>
                @endif
                @if (isset($element->description) && $element->description !== 'no_description')
                    <p>{{ $element->description }}</p>
                @endif
            </div>
        @endif
    @endforeach
  </div>
</section>