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)

[github-actions[bot]]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

[Yash636261]

assigning to you @Tejashri-Taral, you can start working on it.

[ThakurPrad33p]

@Tejashri-Taral let me fixed this issue.