<div class="toc-accordion" id="tablesOfContentAccordion">
    <div class="toc-accordion-item bg-gray-50 dark:bg-[#15203c] rounded-md text-black dark:text-white mb-[15px] last:mb-0">
        <button class="toc-accordion-button open text-base md:text-[15px] lg:text-md py-[13px] px-[20px] md:px-[25px] block w-full ltr:text-left rtl:text-right font-medium relative" type="button">
            What is Trezo?
            <i class="ri-arrow-down-s-line absolute top-1/2 -translate-y-1/2 ltr:right-[20px] rtl:left-[20px] md:ltr:right-[25px] md:rtl:left-[25px] text-[20px]"></i>
        </button>
        <div class="toc-accordion-collapse px-[20px] md:px-[25px] pb-[20px]" style="display: block;">
            <p class="text-gray-500 dark:text-gray-400 leading-[1.7]">
                Trezo is a comprehensive project management software designed to help teams streamline their workflow, collaborate effectively, and achieve project success.
            </p>
        </div>
    </div>
    <div class="toc-accordion-item bg-gray-50 dark:bg-[#15203c] rounded-md text-black dark:text-white mb-[15px] last:mb-0">
        <button class="toc-accordion-button text-base md:text-[15px] lg:text-md py-[13px] px-[20px] md:px-[25px] block w-full ltr:text-left rtl:text-right font-medium relative" type="button">
            What features does Trezo offer?
            <i class="ri-arrow-down-s-line absolute top-1/2 -translate-y-1/2 ltr:right-[20px] rtl:left-[20px] md:ltr:right-[25px] md:rtl:left-[25px] text-[20px]"></i>
        </button>
        <div class="toc-accordion-collapse px-[20px] md:px-[25px] pb-[20px] hidden">
            <p class="text-gray-500 dark:text-gray-400 leading-[1.7]">
                Trezo is a comprehensive project management software designed to help teams streamline their workflow, collaborate effectively, and achieve project success.
            </p>
            <ul class="list-disc ltr:pl-[17px] rtl:pr-[17px]">
                <li class="text-gray-500 dark:text-gray-400 leading-[1.6] mb-[7px] last:mb-0">
                    Pellentesque viverra lorem malesuada nunc tristique sapien.
                </li>
                <li class="text-gray-500 dark:text-gray-400 leading-[1.6] mb-[7px] last:mb-0">
                    Imperdiet sit hendrerit tincidunt bibendum donec adipiscing.
                </li>
                <li class="text-gray-500 dark:text-gray-400 leading-[1.6] mb-[7px] last:mb-0">
                    Tellus non morbi nascetur cursus etiam facilisis mi.
                </li>
                <li class="text-gray-500 dark:text-gray-400 leading-[1.6] mb-[7px] last:mb-0">
                    Imperdiet sit hendrerit tincidunt bibendum donec adipiscing.
                </li>
            </ul>
        </div>
    </div>
    <div class="toc-accordion-item bg-gray-50 dark:bg-[#15203c] rounded-md text-black dark:text-white mb-[15px] last:mb-0">
        <button class="toc-accordion-button text-base md:text-[15px] lg:text-md py-[13px] px-[20px] md:px-[25px] block w-full ltr:text-left rtl:text-right font-medium relative" type="button">
            How can Trezo benefit my team?
            <i class="ri-arrow-down-s-line absolute top-1/2 -translate-y-1/2 ltr:right-[20px] rtl:left-[20px] md:ltr:right-[25px] md:rtl:left-[25px] text-[20px]"></i>
        </button>
        <div class="toc-accordion-collapse px-[20px] md:px-[25px] pb-[20px] hidden">
            <p class="text-gray-500 dark:text-gray-400 leading-[1.7]">
                Trezo is a comprehensive project management software designed to help teams streamline their workflow, collaborate effectively, and achieve project success.
            </p>
        </div>
    </div>
    <div class="toc-accordion-item bg-gray-50 dark:bg-[#15203c] rounded-md text-black dark:text-white mb-[15px] last:mb-0">
        <button class="toc-accordion-button text-base md:text-[15px] lg:text-md py-[13px] px-[20px] md:px-[25px] block w-full ltr:text-left rtl:text-right font-medium relative" type="button">
            Is Trezo suitable for small businesses?
            <i class="ri-arrow-down-s-line absolute top-1/2 -translate-y-1/2 ltr:right-[20px] rtl:left-[20px] md:ltr:right-[25px] md:rtl:left-[25px] text-[20px]"></i>
        </button>
        <div class="toc-accordion-collapse px-[20px] md:px-[25px] pb-[20px] hidden">
            <p class="text-gray-500 dark:text-gray-400 leading-[1.7]">
                Trezo is a comprehensive project management software designed to help teams streamline their workflow, collaborate effectively, and achieve project success.
            </p>
        </div>
    </div>
    <div class="toc-accordion-item bg-gray-50 dark:bg-[#15203c] rounded-md text-black dark:text-white mb-[15px] last:mb-0">
        <button class="toc-accordion-button text-base md:text-[15px] lg:text-md py-[13px] px-[20px] md:px-[25px] block w-full ltr:text-left rtl:text-right font-medium relative" type="button">
            Can I customize Trezo to fit my team's specific needs?
            <i class="ri-arrow-down-s-line absolute top-1/2 -translate-y-1/2 ltr:right-[20px] rtl:left-[20px] md:ltr:right-[25px] md:rtl:left-[25px] text-[20px]"></i>
        </button>
        <div class="toc-accordion-collapse px-[20px] md:px-[25px] pb-[20px] hidden">
            <p class="text-gray-500 dark:text-gray-400 leading-[1.7]">
                Trezo is a comprehensive project management software designed to help teams streamline their workflow, collaborate effectively, and achieve project success.
            </p>
        </div>
    </div>
    <div class="toc-accordion-item bg-gray-50 dark:bg-[#15203c] rounded-md text-black dark:text-white mb-[15px] last:mb-0">
        <button class="toc-accordion-button text-base md:text-[15px] lg:text-md py-[13px] px-[20px] md:px-[25px] block w-full ltr:text-left rtl:text-right font-medium relative" type="button">
            Is Trezo cloud-based or on-premises?
            <i class="ri-arrow-down-s-line absolute top-1/2 -translate-y-1/2 ltr:right-[20px] rtl:left-[20px] md:ltr:right-[25px] md:rtl:left-[25px] text-[20px]"></i>
        </button>
        <div class="toc-accordion-collapse px-[20px] md:px-[25px] pb-[20px] hidden">
            <p class="text-gray-500 dark:text-gray-400 leading-[1.7]">
                Trezo is a comprehensive project management software designed to help teams streamline their workflow, collaborate effectively, and achieve project success.
            </p>
        </div>
    </div>
</div>