Crear dos columnas en la página de Finalizar pedido Woocomerce

Existe un problema con Woocoomerce en la página del pedido, no sé si es algo relacionado con DIVI, pero ya lo he visto en más tiendas online sin Divi.

La idea es poner dos columnas una a la izquierda con los datos que rellena el cliente y otra a la derecha con el resumen de compra y los métodos de pago.

Algo así:

Adjunto el siguiente código.

• Indica que coloque en dos columnas para pantallas de más de 900px
• Está preparado para un tamaño del contenedor… Si tenéis un padding o margin laterales quizás tengas que bajar un poco el ancho de alguna parte (48% poner algo menos)

/*PAGINA DE PAGO EN DOS COLUMNAS*/
@media (min-width: 900px) {
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
float: left;
width: 100%;}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: left;
width: 100%;}

#customer_details,
#order_review_heading,
#order_review {
width: 48%;}

#customer_details {
float: left;}

#order_review_heading,
#order_review {
float: right;}

#order_review_heading {
clear: none;
padding-top: 0;}

}