.woocommerce-checkout {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
   column-gap: 30px
}

.woocommerce-checkout>*:not(:is(.customer-details, .checkout-order-review)) {
   width: 100%
}

.woocommerce-checkout>*:not(:is(.customer-details, .checkout-order-review)) [role="alert"] {
   margin-bottom: 30px
}

.woocommerce-checkout>.checkout-order-review,
.woocommerce-order-pay #order_review {
   position: relative;
   margin-bottom: 40px;
   padding: 30px;
   background-color: var(--bgcolor-gray-200)
}

.woocommerce-checkout>.checkout-order-review:before,
.woocommerce-checkout>.checkout-order-review:after,
.woocommerce-order-pay #order_review:before,
.woocommerce-order-pay #order_review:after {
   content: "";
   position: absolute;
   left: 0;
   width: 100%;
   height: 10px;
   background-color: transparent;
   background-image: radial-gradient(farthest-side, transparent 6px, #f7f7f7 0);
   background-size: 15px 15px
}

.woocommerce-checkout>.checkout-order-review:before,
.woocommerce-order-pay #order_review:before {
   top: -10px;
   background-position: -3px -5px, 0 0
}

.woocommerce-checkout>.checkout-order-review:after,
.woocommerce-order-pay #order_review:after {
   bottom: -10px;
   background-position: -3px 2px, 0 0
}

.woocommerce-order-pay #order_review {
   margin: 0 auto;
   max-width: 600px
}

.global-color-scheme-light .checkout-order-review,
.global-color-scheme-light.woocommerce-order-pay #order_review {
   background-color: #141414
}

.global-color-scheme-light .checkout-order-review:before,
.global-color-scheme-light .checkout-order-review:after,
.global-color-scheme-light.woocommerce-order-pay #order_review:before,
.global-color-scheme-light.woocommerce-order-pay #order_review:after {
   background-image: radial-gradient(farthest-side, transparent 6px, #141414 0)
}

.woocommerce-checkout>.customer-details .woocommerce-billing-fields {
   margin-top: 0px;
   margin-bottom: 20px
}

#order_review_heading {
   text-align: center;
   text-transform: uppercase
}

.checkout-order-review>.woocommerce-checkout-review-order .wd-table-wrapper {
   overflow-x: auto;
   margin-bottom: 20px;
   padding: 5px 15px;
   border-radius: var(--wd-brd-radius);
   background-color: var(--bgcolor-white);
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05)
}

.wd-builder-off #place_order {
   width: 100%
}

@media (min-width: 769px) {
   .woocommerce-checkout>.customer-details {
      flex: 0 0 calc(41.666667% - 15px);
      max-width: calc(41.666667% - 15px)
   }

   .woocommerce-checkout>.checkout-order-review {
      flex: 0 0 calc(58.333333% - 15px);
      max-width: calc(58.333333% - 15px)
   }
}

@media (min-width: 1025px) {
   .woocommerce-checkout>:is(.customer-details, .checkout-order-review) {
      flex: 0 0 calc(50% - 15px);
      max-width: calc(50% - 15px)
   }
}

@media (max-width: 768.98px) {
   .woocommerce-checkout>:is(.customer-details, .checkout-order-review) {
      flex: 0 0 100%;
      max-width: 100%
   }

   .woocommerce-checkout>.customer-details .woocommerce-billing-fields {
      margin-top: 0;
      margin-bottom: 40px
   }

   .wd-builder-off .woocommerce-additional-fields {
      margin-bottom: 40px
   }
}

@media (max-width: 576px) {
   .woocommerce-checkout>.checkout-order-review {
      padding: 20px
   }

   .wd-table-wrapper {
      padding: 5px 10px
   }
}