<div class="flex-1 overflow-hidden"> <div class="react-scroll-to-bottom--css-teicn-79elbk h-full"> <div class="react-scroll-to-bottom--css-teicn-1n7m0yu"> <div> <div class="flex flex-col text-sm pb-9"> <div class="w-full text-token-text-primary" dir="auto" data-testid="conversation-turn-267"> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 juice:gap-4 juice:md:gap-6 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]"> <div class="relative flex w-full flex-col agent-turn"> <div class="flex-col gap-1 md:gap-3"> <div class="flex flex-grow flex-col max-w-full"> <div class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto" dir="auto" data-message-author-role="assistant" data-message-id="f7d306eb-b0db-4812-b954-ec2a4c96dd19"> <div class="markdown prose w-full break-words dark:prose-invert light"> Explore the technology in marketing category, where Compass Marketing Group highlights the digital tools and innovations transforming marketing. Learn how AI, data analytics, CRM systems, and more can enhance your strategies and operations. This section is perfect for businesses and non-profits looking to gain a competitive edge through technology. </div> </div> </div> </div> <div class="absolute"> <div class="flex w-full gap-2 items-center justify-center"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full pt-2 md:pt-0 dark:border-white/20 md:border-transparent md:dark:border-transparent md:w-[calc(100%-.5rem)]"> <div class="relative flex h-full flex-1 flex-col"> <div class="absolute bottom-full left-0 right-0"></div> <div class="flex w-full items-center"></div> </div> </div>