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

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