form.woocommerce-checkout {
  --wd-row-gap: 30px;
  --wd-col-gap: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--wd-row-gap) var(--wd-col-gap);
}
form.woocommerce-checkout > * {
  order: -1;
  flex: 1 1 100%;
  width: 100%;
}
form.woocommerce-checkout > :is(.customer-details, .checkout-order-review) {
  order: unset;
  flex: 1 0 0;
  width: auto;
  max-width: 50%;
}
:is(
    .woocommerce-checkout > .checkout-order-review,
    .woocommerce-order-pay #order_review
  ) {
  position: relative;
  padding: 30px;
  background-color: var(--bgcolor-gray-200);
}
:is(
    .woocommerce-checkout > .checkout-order-review,
    .woocommerce-order-pay #order_review
  ):before,
:is(
    .woocommerce-checkout > .checkout-order-review,
    .woocommerce-order-pay #order_review
  ):after {
  content: "";
  position: absolute;
  inset-inline: 0;
  height: 10px;
  background-image: radial-gradient(
    farthest-side,
    transparent 6px,
    var(--bgcolor-gray-200) 0
  );
  background-size: 15px 15px;
}
:is(
    .woocommerce-checkout > .checkout-order-review,
    .woocommerce-order-pay #order_review
  ):before {
  top: -10px;
  background-position: -2px -6px, 0 0;
}
:is(
    .woocommerce-checkout > .checkout-order-review,
    .woocommerce-order-pay #order_review
  ):after {
  bottom: -10px;
  background-position: -2px 1px, 0 0;
}
.woocommerce-order-pay #order_review {
  margin: 0 auto;
  max-width: 600px;
}
#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;
	margin-top: 0;
  padding: 5px 25px;
  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%;
}

/* =======================
Checkout Responsive */
@media (max-width: 1200px) {
  form.woocommerce-checkout {
    --wd-row-gap: 24px;
    --wd-col-gap: 24px;
  }
  :is(
      .woocommerce-checkout > .checkout-order-review,
      .woocommerce-order-pay #order_review
    ) {
    padding: 26px;
  }
  .checkout-order-review
    > .woocommerce-checkout-review-order
    .wd-table-wrapper {
    padding: 5px 20px;
  }
}

@media (max-width: 992px) {
  form.woocommerce-checkout {
    --wd-row-gap: 20px;
    --wd-col-gap: 20px;
  }
  form.woocommerce-checkout > .checkout-order-review {
    flex-grow: 1.2;
    max-width: 60%;
  }
  :is(
      .woocommerce-checkout > .checkout-order-review,
      .woocommerce-order-pay #order_review
    ) {
    padding: 24px;
  }
  .woocommerce-checkout > .customer-details .woocommerce-billing-fields {
    margin-top: 24px;
  }
  .checkout-order-review
    > .woocommerce-checkout-review-order
    .wd-table-wrapper {
    padding: 5px 18px;
    margin-bottom: 18px;
  }
  .woocommerce-order-pay #order_review {
    max-width: 550px;
  }
}

@media (max-width: 768px) {
  form.woocommerce-checkout {
    --wd-row-gap: 16px;
    --wd-col-gap: 16px;
  }
  form.woocommerce-checkout > :is(.customer-details, .checkout-order-review) {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  :is(
      .woocommerce-checkout > .checkout-order-review,
      .woocommerce-order-pay #order_review
    ) {
    padding: 22px;
  }
  .woocommerce-checkout > .customer-details .woocommerce-billing-fields {
    margin-top: 20px;
  }
  .checkout-order-review
    > .woocommerce-checkout-review-order
    .wd-table-wrapper {
    padding: 5px 15px;
    margin-bottom: 16px;
  }
  .woocommerce-order-pay #order_review {
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  form.woocommerce-checkout {
    --wd-row-gap: 12px;
    --wd-col-gap: 12px;
  }
  :is(
      .woocommerce-checkout > .checkout-order-review,
      .woocommerce-order-pay #order_review
    ) {
    padding: 16px;
  }
  .woocommerce-checkout > .customer-details .woocommerce-billing-fields {
    margin-top: 16px;
  }
  .checkout-order-review
    > .woocommerce-checkout-review-order
    .wd-table-wrapper {
    padding: 5px 12px;
    margin-bottom: 14px;
  }
  #order_review_heading {
    font-size: 18px;
  }
}