FAQ Two

<div
  class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
  <div
    class="ml-auto mr-auto mx-auto max-w-screen-2xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div class="mb-10 md:mb-16">
      <h2
        class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-6 lg:text-3xl"
      >
        Need some clarity? We&#x2019;ve got answers
      </h2>
      <p
        class="ml-auto mr-auto mx-auto max-w-screen-md text-center text-gray-500 md:text-lg"
      >
        Browse through common questions our users ask. From setup to advanced
        features, we aim to help you get the most out of your experience.
      </p>
    </div>
    <div class="ml-auto mr-auto mx-auto flex max-w-screen-sm flex-col border-t">
      <div class="border-b">
        <div
          class="cursor-pointer active:text-indigo-600 flex justify-between gap-2 pt-4 pb-4 py-4 text-black hover:text-indigo-500"
        >
          <span class="transition duration-100 font-semibold md:text-lg">
            How is this platform used in practice?
          </span>
          <span class="text-indigo-500">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              class="h-6 w-6"
              fill="none"
              viewBox="0 0 24 24"
              stroke="currentColor"
            >
              <path
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                d="M19 9l-7 7-7-7"
              ></path>
            </svg>
          </span>
        </div>
        <p class="hidden mb-4 text-gray-500">
          Once registered, users can create custom dashboards, track performance
          metrics, and collaborate with their teams in real-time via a clean and
          intuitive interface.
        </p>
      </div>
      <div class="border-b">
        <div
          class="cursor-pointer active:text-indigo-600 flex justify-between gap-2 pt-4 pb-4 py-4 text-black hover:text-indigo-500"
        >
          <span class="transition duration-100 font-semibold md:text-lg">
            Which tools come included?
          </span>
          <span class="text-indigo-500">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              class="h-6 w-6"
              fill="none"
              viewBox="0 0 24 24"
              stroke="currentColor"
            >
              <path
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                d="M19 9l-7 7-7-7"
              ></path>
            </svg>
          </span>
        </div>
        <p class="hidden mb-4 text-gray-500">
          The suite includes a visual editor, task automation system, reporting
          engine, and secure file sharing. Each feature is designed to
          streamline your daily operations.
        </p>
      </div>
      <div class="border-b">
        <div
          class="cursor-pointer active:text-indigo-600 flex justify-between gap-2 pt-4 pb-4 py-4 text-black hover:text-indigo-500"
        >
          <span class="transition duration-100 font-semibold md:text-lg">
            Can I connect with third-party services?
          </span>
          <span class="text-indigo-500">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              class="h-6 w-6"
              fill="none"
              viewBox="0 0 24 24"
              stroke="currentColor"
            >
              <path
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                d="M19 9l-7 7-7-7"
              ></path>
            </svg>
          </span>
        </div>
        <p class="hidden mb-4 text-gray-500">
          Yes, we offer integrations with tools like Slack, Zapier, Google
          Drive, and more. You can link your accounts from the settings panel
          within your dashboard.
        </p>
      </div>
      <div class="border-b">
        <div
          class="cursor-pointer active:text-indigo-600 flex justify-between gap-2 pt-4 pb-4 py-4 text-black hover:text-indigo-500"
        >
          <span class="transition duration-100 font-semibold md:text-lg">
            Is there customer support if I get stuck?
          </span>
          <span class="rotate-180 text-indigo-500">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              class="h-6 w-6"
              fill="none"
              viewBox="0 0 24 24"
              stroke="currentColor"
            >
              <path
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                d="M19 9l-7 7-7-7"
              ></path>
            </svg>
          </span>
        </div>
        <p class="mb-4 text-gray-500">
          Absolutely. Our team is available 7 days a week via live chat and
          email. We also have a knowledge base with step-by-step guides and
          video tutorials.
        </p>
      </div>
    </div>
  </div>
</div>