Embedded Form is not centered when viewed on mobile

Hello, I have a form embedded in a slider on a site that is running the DIVI theme. It displays well everywhere except on mobile.

On mobile it is a bit narrower than the screen and it is aligned more to the right. I would either like to center it or even better yet make it a bit wider and center it. Here is the URL, any ideas. Thank you

https://www.getsolarmax.com/

I can see that you already used custom CSS codes to position your form when embedded. You can try adjusting the margin-left property. Try to lower it to 0px and adjust if necessary:

Thank you for trying, but that made no difference. Do you have any other
ideas?
...

You may try editing your web page CSS and add this CSS

@media (max-width: 480px){

div.et_pb_slide_content{
margin-left: -60px !important;
}

}

Please give it a try and let us know how it goes.