@php
    $bg = $section['section_settings_background'] ?? 'primary';
    $section['section_settings_background'] = null;
@endphp
@extends('partials.components.section', ['header' => false, 'ctaAfter' => false])
@section('section')

    <div
        class="bg-{{ $bg ?? 'primary' }} {{ $bg === 'primary' || $bg === 'dark' ? 'text-white' : '' }} flex items-center gap-x-10 gap-y-5 rounded-bl-lg rounded-tr-lg p-8 max-md:flex-wrap lg:p-16">
        {!! ResponsivePics::get_image($section['section_fields_image'], 'xs:200', 0, 'w-36 h-auto', false, true) !!}
        <div class="grow">
            @include('partials.components.section-header', ['section' => $section])
        </div>
        @if ($section['section_fields_buttons'] ?? false)
            @include('partials.components.ctas', [
                'ctas' => $section['section_fields_buttons'],
                'class' => 'whitespace-nowrap',
                'align' => $align ?? 'left',
            ])
        @endif
    </div>
@overwrite