You cannot directly style or manipulate the contents of an iframe with CSS or JS if it’s from a different origin (the embedded HubSpot form in your website is from a different origin, look up CORS policy).
You can control the parent node in your website that the HubSpot form is embedded in though. For example, call the parent wrapper with a CSS class then give it negative margins like this:
.hubspot-iframe-wrapper{
margin-left: -40px;
margin-right: -40px;
}