Hello could you help me to change the CSS to get in a layout like in the attached print?

I added the following cosigo but I can not reach the layout attached.

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 993px) {

	    /* ---------------------
        WOOCOMMERCE
        --------------------- */
        body .woocommerce .col2-set .col-1{width:100%;}
        .woocommerce-billing-fields h3{margin-top:40px;}
        .woocommerce .col2-set, .woocommerce-page .col2-set{width:48%;float:left;}
        #order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review{float:left;width:48%;margin-left:2%;}

}

Can you help me make two columns as an attachment?