Feature 🌟: "Scroll to Top" Button and "AI-Chat-Bot" Are Overlapping.

[Tejashri-Taral]

Is your feature request related to a problem? Please describe.

Steps to See the Issue:

Scroll down the page until the "Scroll to Top" button appears. Observe the overlap between the "Scroll to Top" button and the AI-Chat bot. The Expected Behavior for this is - The "Scroll to Top" button and the AI-Chat bot should not overlap. Both elements should be easily accessible without interfering with each other.

Describe the solution you'd like.

I would like to contribute by adjusting the positioning or z-index of the elements to ensure they do not overlap. This can be done by modifying the CSS styles for these components.

Describe alternatives you've considered.

No response

Additional context.

I noticed that the "Scroll to Top" button and the AI-chat bot are overlapping on the website. This overlap affects the usability and accessibility of both features, making it difficult for users to effectively interact with the AI-Chat bot and the scroll top button.

Show us the magic with screenshots

so,before opening Chat-Bot:

After opening Chat-Bot:

Checklist

• [X] I have checked the existing issues
• [X] I have read the Contributing Guidelines
• [X] I want to work on this issue. (optional)