<!-- FAQs -->
<section class="mb-16 max-w-3xl">
  <h2 class="text-center mb-7 text-xl sm:text-3xl font-bold text-emerald-700">FAQs</h2>
  <div class="join join-vertical w-full">
    <div class="collapse collapse-arrow duration-500 join-item border bg-white border-emerald-700">
      <input type="radio" name="my-accordion-4" />
      <div class="collapse-title text-lg font-medium text-emerald-700">
        What is Tech School?
      </div>
      <div class="collapse-content">
        <p>
          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere omnis voluptas reiciendis fugit.
        </p>
      </div>
    </div>
    <div class="collapse collapse-arrow duration-500 join-item border bg-white border-emerald-900">
      <input type="radio" name="my-accordion-4" />
      <div class="collapse-title text-lg font-medium text-emerald-700">
        How do I register?
      </div>
      <div class="collapse-content">
        <p>
          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere omnis voluptas reiciendis fugit
          tenetur accusantium sapiente, magnam, error consectetur animi iusto cumque magni facilis officia rerum
          quis sint nostrum sunt.
          tenetur accusantium sapiente, magnam, error consectetur animi iusto cumque magni facilis officia rerum
          quis sint nostrum sunt.
        </p>
      </div>
    </div>
    <div class="collapse collapse-arrow duration-500 join-item border bg-white border-emerald-900">
      <input type="radio" name="my-accordion-4" />
      <div class="collapse-title text-lg font-medium text-emerald-700">
        How does Tech school work?
      </div>
      <div class="collapse-content">
        <p>
          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere omnis voluptas reiciendis fugit
          tenetur accusantium sapiente.
      </div>
    </div>
    <div class="collapse collapse-arrow duration-500 join-item border bg-white border-emerald-900">
      <input type="radio" name="my-accordion-4" />
      <div class="collapse-title text-lg font-medium text-emerald-700">
        What are the school terms and options?
      </div>
      <div class="collapse-content">
        <p>
          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere omnis voluptas reiciendis fugit
          tenetur accusantium sapiente, magnam, error consectetur animi iusto cumque magni facilis officia rerum
          quis sint nostrum sunt.
        </p>
      </div>
    </div>
    <div class="collapse collapse-arrow duration-500 join-item border bg-white border-emerald-900">
      <input type="radio" name="my-accordion-4" />
      <div class="collapse-title text-lg font-medium text-emerald-700">
        Click to open this one and close others
      </div>
      <div class="collapse-content">
        <p>
          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere omnis voluptas reiciendis fugit
          tenetur accusantium sapiente.
        </p>
      </div>
    </div>
    <div class="collapse collapse-arrow duration-500 join-item border bg-white border-emerald-900">
      <input type="radio" name="my-accordion-4" />
      <div class="collapse-title text-lg font-medium text-emerald-700">
        How do I make payment?
      </div>
      <div class="collapse-content">
        <p>
          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere omnis voluptas reiciendis fugit
          tenetur accusantium sapiente, magnam, error consectetur animi iusto cumque magni facilis officia rerum
          quis sint nostrum sunt.
          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere omnis voluptas reiciendis fugit
          tenetur accusantium sapiente, magnam, error consectetur animi iusto cumque magni facilis officia rerum
          quis sint nostrum sunt.
        </p>
      </div>
    </div>
    <div class="collapse collapse-arrow duration-500 join-item border bg-white border-emerald-900">
      <input type="radio" name="my-accordion-4" />
      <div class="collapse-title text-lg font-medium text-emerald-700">
        Can I pay in my local currency?
      </div>
      <div class="collapse-content">
        <p>
          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere omnis voluptas reiciendis fugit
          tenetur accusantium sapiente, magnam, error consectetur animi iusto cumque magni facilis officia rerum
          quis sint nostrum sunt.
        </p>
      </div>
    </div>
  </div>
</section>