/* ===== Checkout Page Css ===== */
.woocommerce-checkout .techbeeps-wrapper {
    max-width: 1200px;
    padding: 0 15px;
}

.woocommerce-checkout .site-content {
    margin: 50px 0;
}

.woocommerce-checkout .checkout #order_review_heading {
    width: 40%;
    float: right;
}

.woocommerce-checkout .checkout #customer_details {
    width: 55%;
    float: left;
}

.woocommerce-checkout .checkout #customer_details .col-2,
.woocommerce-checkout .checkout #customer_details .col-1 {
    width: 100%;
}

.wc-block-components-totals-wrapper .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
    padding: 0;
}

.woocommerce-checkout .checkout .woocommerce-checkout-review-order {
    width: 40%;
    float: right;
    clear: right;
}

.woocommerce-checkout footer.entry-footer {
    clear: both;
}

.woocommerce-checkout .woocommerce form .form-row label {}

.woocommerce-checkout .woocommerce-info {
    border-top-color: var(--techbeeps-primary-color);
}

.woocommerce-checkout .woocommerce-info::before {
    color: var(--techbeeps-primary-color);
}

.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input textarea,
.woocommerce-checkout .checkout .form-row input[type],
.woocommerce form .form-row .input-text,
.woocommerce-checkout .checkout .form-row .select2-selection {
    border-color: #D1D5DB;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    height: 50px;
    border-radius: 8px;

}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-title.wc-block-components-title,
.woocommerce-checkout .checkout h3 {
    font-size: 30px;
    margin: 0;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-checkbox__input[type],
.woocommerce-checkout .wc-block-checkout__form .wc-block-components-radio-control__input[type] {
    height: auto;
    border-radius: 4px;

}

.woocommerce-info {
    border-top-color: #1e85be;
}


.woocommerce-checkout .woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    width: 100%;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
    text-align: left;
}

.woocommerce-checkout .techbeeps-wrapper .password-input .show-password-input {
    background-color: transparent;
    padding: 0;
}

.woocommerce-checkout .wc-block-checkout__form .wp-block-woocommerce-checkout-contact-information-block,
.woocommerce-checkout .wc-block-checkout__form .wp-block-woocommerce-checkout-billing-address-block,
.woocommerce-checkout .wc-block-checkout__form .wc-block-checkout__payment-method,
.woocommerce-checkout .wc-block-components-sidebar-layout .wp-block-woocommerce-checkout-order-summary-block,
.woocommerce-checkout .checkout .woocommerce-billing-fields,
.woocommerce-checkout .checkout .woocommerce-additional-fields,
.woocommerce-checkout .checkout .shop_table,
.woocommerce-checkout .checkout #payment.woocommerce-checkout-payment,
.woocommerce form.checkout_coupon {
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
    border: none;
}

div.wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill {
    border: none;
}

div.is-mobile .wc-block-components-form .wc-block-components-checkout-step,
div.is-small .wc-block-components-form .wc-block-components-checkout-step {
    padding-left: 20px;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-radio-control--highlight-checked:after {
    display: none;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option {
    box-shadow: none;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option:after {
    display: none;
}

.woocommerce-checkout .checkout .woocommerce-billing-fields {
    margin-bottom: 48px;
}

.woocommerce-checkout .checkout .form-row {
    padding: 0;
}

/* ===== Checkout Page Responsive Css ===== */
@media (max-width: 991px) {

    .woocommerce-checkout .checkout #customer_details,
    .woocommerce-checkout .checkout .woocommerce-checkout-review-order,
    .woocommerce-checkout .checkout #order_review_heading {
        width: 100%;
    }
}