{{# Two Column Text Section #}}
<section class="py-16 full-bleed {{ bg_color == 'light' ? 'bg-[#f7f8fa]' : 'bg-white' }}">
    <div class="max-w-6xl mx-auto">
        <div class="flex flex-col md:flex-row items-start gap-10 lg:gap-16">
            {{ if left_body }}
            <div class="md:w-1/2" data-aos="fade-right">
                <div class="text-[#696687] leading-relaxed space-y-4">
                    {{ left_body }}
                </div>
            </div>
            {{ /if }}
            <div class="hidden md:block w-px bg-black self-stretch"></div>
            <div class="md:w-1/2" data-aos="fade-left">
                {{ if right_body }}
                <div class="text-[#696687] leading-relaxed space-y-4 mb-6">
                    {{ right_body }}
                </div>
                {{ /if }}
                {{ if right_items }}
                <ul class="space-y-3">
                    {{ right_items }}
                    <li class="flex items-start gap-3">
                        <i class="fa-solid fa-check text-[#ffc70a] mt-1 shrink-0"></i>
                        <span class="text-[#696687] leading-relaxed">{{ text }}</span>
                    </li>
                    {{ /right_items }}
                </ul>
                {{ /if }}
            </div>
        </div>
    </div>
</section>