Describe the bug

On small screens, FAQ headings are too close to the text that follows, making the layout feel cramped and reducing readability.

Steps to reproduce

1. Open the FAQ page on a mobile device or resize the browser window to a small width.
2. Scroll through the questions.
3. Observe that headings are visually too close to the following text.

Expected behavior

There should be clear, consistent spacing after FAQ headings for better readability on small screens.

Actual Behavior:

FAQ headings have minimal spacing after them, making the layout look crowded.

Suggested Fix:

Add responsive CSS to increase bottom margin or padding after FAQ headings on smaller viewports.

Screenshots