Mobile view left space

Hi,

I have a problem with my website it’s showing a huge left side space when it’s loading on mobile phone, i tried everything from changing the theme and using the following css code, i thought that it might be from a plugin so i deactivated all the plugins but still the same problem
my website is in Arabic language so the text alignment is from the right side
here is the website https://www.shogolonline.com/

body {
width: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}

please help what


Here is my site Read-Only: LINK
(how to share your site Read-Only link)