<section class="pt-10 md:pt-[100px] pb-5 text-white" section-shade="dark"> <div class="container"> <div class="flex flex-col sm:flex-row lg:justify-between gap-6 lg:gap-12 xl:pr-32"> <h2 class="h2 sm:w-1/2 shrink-0 xl:max-w-2xl" split-direction="top" split-trigger="scroll"> {{ content.title }} </h2> <div class="max-w-md text-sm xs:text-base sm:text-sm lg:text-base" fade fade-trigger="scroll"> {{ content.description|raw }} </div> </div> </div></section>