[Style] Enhance the FAQ page

[Anushka-200617]

Description

@Rakesh9100 I would like to work on the following
Suggestions to Improve FAQ Section:

1-Reduce the background gradient's intensity to avoid overwhelming the text and make it more readable.
2-Increase text contrast, especially for the FAQ headings and questions, to improve clarity.
3-Make the "+" icon more prominent and visually consistent with the theme.
4-Add subtle animations for expanding and collapsing FAQs to improve user experience.
5-Ensure the "+" icon changes to a "-" when a question is expanded for better usability.
6-Include hover effects for questions to make them visually interactive.

kindly assign this issue to me under proper labels

Screenshots

Checklist

• I have checked the existing issues.
• I follow Contributing Guidelines of this project.
• I am a SWOC'25 contributor.
• I am a KWOC'24 contributor.

Code of Conduct

• I agree to follow this project's "Code of Conduct".

[github-actions]

Hey @Anushka-200617, Welcome to the project Beautiify! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[hirdeshds]

dear sir/mam please assign me this task under SWOC

[Rakesh9100]

Go ahead @Anushka-200617

You can open up new unique issues and get it assigned if you want to contribute @hirdeshds

[github-actions]

Hello @Anushka-200617! Your issue #1438 has been closed. Thank you for your contribution!! 🙌