Fix invisible text in the "Message" field on the Contact page

[Lokesh-Bijarniya]

Fixes Issue: #1555

Description of the bug

On the Contact page, when users type in the "Message" field, the input text does not appear. This lack of visibility prevents users from reviewing their message, which could lead to incomplete or incorrect submissions.

Steps to Reproduce

1. Go to the Contact page.
2. Click on the "Message" field and start typing.
3. Notice that the input text is not visible.

Expected Behavior

When typing in the "Message" field, the input text should appear, allowing users to see what they are typing.

Fix Details

This PR addresses the issue by ensuring that the textarea for the "Message" field has the correct styling. The color and background-color properties are updated to provide sufficient contrast. Additionally, any potential CSS overrides are managed with !important flags to prevent other styles from impacting the text visibility.

Screenshots

Pull Request Checklist

• I have added screenshots and videos to show before and after the working of my code.
• I have ensured that the screen size is set to 100% while making the video.
• I have synced the latest fork with my local repository and resolved any conflicts.
• I have mentioned the issue number which I created before making this PR .(format to mention issue number is : fixes #(issue number) )
• I understand that if any the above conditions are not met , my PR will not be MERGED .

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
word-wise	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 31, 2024 4:54pm

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #1588 has been merged! 🎉🎉