Contact Form Not Being Centered

I am trying different way to center the form including centering the shortcode in the page which the form is added to.

I used many pieces of CSS, some I wrote, some from the plugin support and some from other places on the internet, but nothing really working. These are some examples: (with div & without)

.wpcf7 {
background-color: #d2ae6d;
width: 50%;
align-self:center!important;
text-align: center!important;
}

#wpcf7-f3934-p3945-o1 {

align-self:center!important;

}

Could someone help to center it?

Thanks,