1. Select "Accordion" for adding FAQs.

2. Initially you will get 3 "Accordion items" added. Click on the first item to add the FAQ.

3. To configure the FAQ settings, hover over the Accordion  and click on the pencil icon.

4. You will get the "Accordion Settings" window. Let's explore it one by one.

5. Define the visual appearance of the accordion.

6. Determine the initial state of accordion items when the page loads. All Closed: All accordion items remain closed initially. First Opened: Only the first accordion item is expanded.

7. Control the text alignment within accordion items.

8. Defines the Font style, size , boldness and text color.

9. Define the type of icon used for opening and closing accordion items.

10. Control the alignment of the opener icon relative to the accordion title text.

11. Let's move to "Content" section.

12. Defines the Font style, size, boldness and color of the content.

13. To learn more about "Design Options" search for the video "Design Options Of Elements".

14. After configuring each setting, click on "Save Changes."

15. Click "Accordion title"

16. This is the title or question that appears on the FAQ header. It is what users will click on to expand or collapse the section.

17. Allows you to choose the type of content to display inside the FAQ. You can add a text or can use the HTML Block content.

18. This is where you add the detailed content that will be displayed when the FAQ is expanded.

19. Select how the list items will appear.

20. Choose the source or library for selecting icons.

21. Select a specific icon to display next to the list items. Clicking the arrow allows you to browse and choose from the icons available in the selected library.

22. Click "Save changes"

23. Similarly, I have added 2 more FAQ's to display.

24. Click "Elements Demo Home » Elements Demo Explore our exquisite collection,..."