Fix Bugs and Design Issues in FAQs Section #132

Issue Description:

Current State:
The FAQs section contains multiple bugs and design issues that need attention for an improved user experience.

Issue Details:

1. Image Background:

   • The image used in the FAQs section has a white background, disrupting the visual flow. Consider replacing it with an image or icon with a transparent background.

2. Inconsistent Title Style:

   • The title in the FAQs section does not align with the consistent title style used throughout the website. Harmonize the title to maintain visual consistency. Meanwhile, also fix the title style in Feedback section also.

3. Unsmooth Transformation:

   • Clicking the plus icon to reveal the answers in the FAQs section lacks a smooth transition. Implement a smoother animation to enhance the user experience.

4. Close Icon Functionality:

   • Once an answer is opened, there is a bug where clicking the close icon does not close the answer. Add functionality to the close button to address this issue.

Testing:
Test the FAQs section after implementing the changes to ensure the design issues are resolved and that the section functions seamlessly.

Deadline:
The resolution of this issue is expected within 2 days of assignment.