fix: Negative margin causing overflow and horizontal scroll on mobile

[msaeedsaeedi]

Bug Description

On mobile devices, there is a negative margin on the right side of the website which causes layout overflow and enables unwanted horizontal scrolling.

Steps to Reproduce

1. Open the website on a mobile device or use device emulation in the browser.
2. Notice the horizontal scroll caused by layout overflow on the right edge.

Expected Behavior

The page content should fit within the viewport without requiring any horizontal scroll and no negative margin should be present.

Screenshots / Console Logs

N/A

Environment Details

• OS: Android, iOS
• Browser: Chrome
• Version: N/A
• Device (if mobile): N/A

Additional Context

This impacts user experience on small screens. Please inspect main layout containers and review recent CSS changes.