/*Checkout page css*/

        /* Custom focus ring */
        .focus-ring-orange:focus {
            --tw-ring-color: var(--accent-orange);
            border-color: var(--accent-orange);
        }
        
        /* Payment method selection */
        .payment-method-input:checked + label {
            border-color: var(--primary-blue);
            box-shadow: 0 0 0 2px var(--primary-blue);
        }

        /* Mobile sticky CTA bar */
        .mobile-sticky-cta-checkout {
            transition: transform 0.3s ease-in-out;
            transform: translateY(100%);
        }
        .mobile-sticky-cta-checkout.visible {
            transform: translateY(0);
        }

        /* Hides the default marker for <details> */
        details summary::-webkit-details-marker { display: none; }
        details summary { list-style: none; }
        
        /* Tooltip */
        .has-tooltip { position: relative; cursor: help; }
        .tooltip {
            position: absolute;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
            background-color: #334155;
            color: var(--white);
            padding: 0.75rem;
            border-radius: 0.5rem;
            font-size: 12px;
            line-height: 18px;
            width: 280px;
            text-align: left;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.2s, visibility 0.2s;
            z-index: 10;
        }
        .has-tooltip:hover .tooltip { visibility: visible; opacity: 1; }







/* checkout page */
.woocommerce-checkout .container {
    max-width: 1024px !important;
    padding: 0px 0px !important;
}

.woocommerce-checkout .checkout_content {
    padding: 40px 32px !important;
}

.woocommerce-checkout .container .woocommerce-billing-fields {
    flex-wrap: nowrap;
    gap: 32px;
    align-items: flex-start;
}

.woocommerce-checkout .container .woocommerce-billing-fields__field-wrapper_custom {
    width: 50% !important;
    box-shadow: unset;
    background: transparent;
}

.woocommerce-checkout .container .check_out-table {
    width: 50% !important;
    max-width: 50% !important;
    margin: unset !important;
    position: sticky;
    top: 20px;
}

.woocommerce-checkout .container .check_out-table .check_out-table {
    min-width: 100%;
    position: unset;
}

.woocommerce-checkout .container .woocommerce-billing-fields__field-wrapper1.woocommerce-billing-fields__field-wrapper_custom_1 {
    padding: 0px 0px;
    background-color: #f8fbfe !important;
    box-shadow: unset !important;
}

.woocommerce-checkout .container h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    margin: 0px 0px !important;
}

.woocommerce-checkout .container .account_details {
    padding: 0px;
    margin-top: 16px;
    border: unset;
    display: flex;
    /* grid-template-columns: 1fr 1fr; */
    gap: 16px 16px;
    flex-wrap: wrap;
}

.woocommerce-checkout .container .account_details .form-row {
    padding: 0px;
    width: calc(50% - 8px);
    margin: 0px;
}

.woocommerce-checkout .container .account_details .woocommerce-account-fields {
    width: 100%;
}

.woocommerce-checkout .container .account_details .form-row label {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 8px;
    color: #0f1f2e;
}

.woocommerce-checkout .container .account_details .form-row .input-text, .woocommerce-checkout .container .account_details .selection .select2-selection, .woocommerce-checkout .container .account_details select2 {
    height: 24px !important;
    border: 1px solid #0073aa2e;
    color: #0f1f2e;
}

.woocommerce-checkout .container .account_details .select2-selection__rendered {
    line-height: 9px;
}

.woocommerce-checkout .container .account_details .select2-selection__arrow {
    line-height: 9px;
    height: 19px;
}

.woocommerce-checkout .container .account_details .form-row.form-row-wide {
    width: 100%;
}

.woocommerce-checkout .container .account_details .form-row.kl_newsletter_checkbox_field {
    width: 100%;
}

.woocommerce-checkout .container .woocommerce-checkout-payment {
    margin-top: 24px;
    padding: 16px 16px !important;
    background: #ffffff !important;
    border: 1px solid #0073aa2e !important;
    border-radius: 12px !important;
}

.woocommerce-checkout .container .woocommerce-checkout-payment h2 {
    color: #0f1f2e;
    font-size: 20px !important;
    line-height: 28px !important;
    margin-bottom: 0px !important;
}

.woocommerce-checkout .container .account_details .woocommerce-account-fields .create-account {
    display: flex;
    flex-direction: column;
    gap: 16px 16px;
}

.woocommerce-checkout #payment div.payment_box input {
    font-size: 14px !important;
}

.woocommerce-checkout .container .woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods {
    margin-top: 16px !important;
    border: 1px solid rgba(0, 115, 170, 0.18) !important;
    border-radius: 12px;
    padding: 16px 16px 0px !important;
    box-shadow: rgb(0, 115, 170) 0px 0px 0px 2px;
}

.woocommerce-checkout .container .woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods label {
    color: rgb(15, 31, 46) !important;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 16px;
}

.woocommerce-checkout .container .woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods label img {
    width: 18px;
}

.woocommerce-checkout .container .check_out-table table.shop_table {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 20px;
}

.woocommerce-checkout .container .woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods label:before {
    border: 1px solid #045089;
}

.woocommerce-checkout .container .woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods label:after {
    background: #045089;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_stripe .payment_box {
    background-color: #ffffff;
    border: unset;
    padding: 0px 0px;
}

.woocommerce-checkout #payment div.payment_box p {
    font-size: 12px;
    line-height: 18px;
}

.woocommerce-checkout #payment div.payment_box p a {
    color: #045089;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_stripe label[for="payment_method_stripe"] {
    margin-bottom: 16px !important;
}

.woocommerce-checkout #payment div.payment_box .wc-credit-card-form .form-row.form-row-wide .stripe-card-group {
    width: 100%;
}

.woocommerce-checkout #payment div.payment_box .wc-credit-card-form .form-row.form-row-wide:after {
    height: 19px;
    position: unset;
    margin-top: 8px;
}

.woocommerce-checkout .container .woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods .wc-stripe-elements-field {
    margin: 0px 0px;
    padding: 12px 12px;
}

.woocommerce-checkout .container .woocommerce-terms-and-conditions-wrapper p {
    font-size: 12px;
    line-height: 18px;
}

.woocommerce-checkout .container .woocommerce-terms-and-conditions-wrapper p:nth-child(1) {
    margin-bottom: 10px;
}

.woocommerce-checkout .container .woocommerce-terms-and-conditions-wrapper p a,
.woocommerce-checkout .container .woocommerce-info a {
    color: #0073aa !important;
}

.woocommerce-checkout #payment #place_order {
    background-color: #ff5722 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    letter-spacing: normal !important;
    margin-bottom: 0px;
}

.woocommerce-checkout .container #payment .has-tooltip {
    margin-top: 12px;
}

.woocommerce-checkout .container .woocommerce-info {
    display: flex;
    gap: 5px;
    align-items: center;
    position: relative;
    justify-content: flex-end;
    top: -22px;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-terms-and-conditions-wrapper p.form-row.validate-required:nth-last-of-type(2) label {
    line-height: 1;
}

.woocommerce-checkout .container table.new_inner_table h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600 !important;
    margin: 0px 0px;
    color: #0f1f2e;
}

.woocommerce-checkout .container .check_out-table table.shop_table .new_inner_td {
    padding: 16px 16px;
    border-radius: 12px;
    border: 1px solid #0073aa2e;
}

.woocommerce-checkout .container table.shop_table table td {
    padding: 0px 0px;
}

.woocommerce-checkout .container .check_out-table ul.simple-order-summary-items.review-ul {
    margin-top: 16px;
    padding: 0px 0px;
}

.woocommerce-checkout .container .check_out-table ul.simple-order-summary-items.review-ul li span {
    color: #0f1f2e;
    font-size: 14px;
    line-height: 22px;
}

.woocommerce-checkout .container .check_out-table ul.simple-order-summary-items.review-ul li {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-checkout .container .check_out-table ul.simple-order-summary-items.review-ul li:last-child {
    margin-bottom: 14px;
}

.woocommerce-checkout .container .check_out-table ul.simple-order-summary-items.review-ul li:nth-child(1) {
    margin-top: 0px;
}

.woocommerce-checkout .container .check_out-table ul.simple-order-summary-items.review-ul li {
    margin-top: 8px;
}

.woocommerce-checkout .container .check_out-table ul.simple-order-summary-items.review-ul li svg {
    width: 16px;
    background-color: #0073aa;
    margin-right: 0px;
}

.woocommerce-checkout .container .check_out-table td.td_pay label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600 !important;
    margin: 0px 0px;
    color: #0f1f2e;
    text-transform: capitalize;
}

.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login p.form-row button.woocommerce-button.button.woocommerce-form-login__submit{
    background: #0073aa;
    margin-right: 0px;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    letter-spacing: normal !important;
}

.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login p.form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input#rememberme {
    margin-top: 0px;
}

.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login {
    margin: 0px 0px 0px;
}

.woocommerce-checkout .container .lost_password a {
    color: #0073aa !important;
}

.woocommerce-checkout .container .check_out-table .cart_item td {
    color: #0f1f2e !important;
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 0px 0px !important;
}

.woocommerce-checkout .container .check_out-table .cart-subtotal th,
.woocommerce-checkout .container .check_out-table .cart-subtotal td,
.woocommerce-checkout .container .check_out-table .tax-total th,
.woocommerce-checkout .container .check_out-table .tax-total td,
.woocommerce-checkout .container .check_out-table .cart-discount th,
.woocommerce-checkout .container .check_out-table .cart-discount td {
    padding: 10px 0px 10px !important;
    margin-top: 16px !important;
    color: rgb(15, 31, 46);
    font-size: 14px;
    line-height: 22px;
    border-bottom: 1px solid #0073aa2e;
}

.woocommerce-checkout .cart_item p.normal_monthly_price label {
    color: gray;
    font-weight: 400;
}

.woocommerce-checkout .cart_item p.normal_monthly_price>label:after {
    border-bottom: 2px solid red;
}

.woocommerce-checkout .container .check_out-table .cart-discount td a,
.woocommerce-checkout .container .check_out-table .cart-discount td a:hover {
    color: #0073aa !important;
}

.woocommerce-checkout .container .check_out-table .order-total th,
.woocommerce-checkout .container .check_out-table .order-total td {
    padding: 10px 0px 0px !important;
    margin-top: 16px !important;
    color: rgb(15, 31, 46);
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.woocommerce-checkout .container .has-tooltip,
.woocommerce-checkout .container .has-tooltip strong {
    text-align: center;
    padding-top: 8px;
    margin-top: 16px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500 !important;
    width: 100%;
    color: #0f1f2e;
}

.woocommerce-checkout .container .form-row.place-order {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.woocommerce-checkout .container .has-tooltip:hover .tooltip {
    visibility: visible;
    opacity: 1;
    bottom: 100%;
}

.woocommerce-checkout .container .has-tooltip p {
    margin-top: 16px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #0f1f2eb8;
    width: 431px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.woocommerce-checkout .container #payment .has-tooltip p {
    margin-top: 8px;
}

.woocommerce-checkout .container #mini-compare-container h3 {
    font-size: 16px !important;
}

.woocommerce-checkout .container #mini-compare-container button.js-mini-compare-toggle {
    font-size: 12px;
}

.woocommerce-checkout .container #mini-compare-container button.js-mini-compare-toggle:hover {
    text-decoration: underline !important;
}

.woocommerce-checkout .container #mini-compare-container .text-\[12px\].leading-\[18px\].text-\[\#5F6B76\] {
    font-size: 12px;
    line-height: 18px;
    color: #5f6b76;
}

.woocommerce-checkout .container #mini-compare-container .text-\[14px\].leading-\[22px\].font-semibold.text-\[\#0F1F2E\]{
    color: #0f1f2e;
}

.woocommerce-checkout .container #mini-compare-container span.mt-\[3px\].flex-shrink-0 {
    margin-top: 3px;
}

.woocommerce-checkout .container p.js-mini-compare-quote {
    font-size: 12px;
    line-height: 18px;
}

.woocommerce-checkout form .show-password-input::before, .woocommerce-checkout form .show-password-input::before {
    width: 14px;
    height: 14px;
}

.woocommerce-checkout .container p,
.woocommerce-checkout .container label,
.woocommerce-checkout .container a,
.woocommerce-checkout .container li,
.woocommerce-checkout .container th,
.woocommerce-checkout .container td,
.woocommerce-checkout .container h2,
.woocommerce-checkout .container h3,
.woocommerce-checkout .container h4,
.woocommerce-checkout .container span,
.woocommerce-checkout .container button,
.woocommerce-checkout .container strong,
.woocommerce-checkout .container div
 {
    font-family: 'Inter', sans-serif !important;
}

.woocommerce-checkout .content_inner {
    background-color: #f8fbfe;
}

.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login p.form-row label {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 8px;
    color: #0f1f2e;
}

.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login p {
    color: #0f1f2e;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}

.woocommerce-checkout form input {
    height: 24px !important;
    border: 1px solid #0073aa2e !important;
    color: #0f1f2e !important;
}
.woocommerce-order-pay.woocommerce-checkout form input#place_order {
    height: auto !important;
    color: #fff !important;
}
.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login p.form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-checkout p.u-lh.u-fs-sm.u-color-textSecondary.u-mt-2.p-TermsText.TermsText.Text--terms {
    font-size: 12px;
    line-height: 18px;
    margin-top: 0px;
}

.woocommerce-checkout #payment .wc_payment_methods.payment_methods li.woocommerce-SavedPaymentMethods-token,
.woocommerce-checkout #payment .wc_payment_methods.payment_methods li.woocommerce-SavedPaymentMethods-new {
    display: flex;
    align-items: flex-start;
}

.woocommerce-checkout #payment .wc_payment_methods.payment_methods li.woocommerce-SavedPaymentMethods-token:first-child {
    margin-top: 15px;
}

.woocommerce-checkout #payment .wc_payment_methods.payment_methods li.woocommerce-SavedPaymentMethods-new {
    margin-bottom: 15px;
}

.woocommerce-checkout #payment .wc_payment_methods.payment_methods li.woocommerce-SavedPaymentMethods-token label,
.woocommerce-checkout #payment .wc_payment_methods.payment_methods li.woocommerce-SavedPaymentMethods-new label {
    margin-bottom: 5px;
    font-size: 14px !important;
    font-weight: 400;
    color: #0f1f2e !important;
}

.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods.wc-saved-payment-methods li.woocommerce-SavedPaymentMethods-token input,
.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods.wc-saved-payment-methods li.woocommerce-SavedPaymentMethods-new input {
    margin-right: 5px;
}

.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods.wc-saved-payment-methods {
   margin-top: 10px;
}


@media (max-width:991px) {
    .woocommerce-checkout .container .woocommerce-billing-fields {
        flex-direction: column;
    }

    .woocommerce-checkout .container .check_out-table {
        width: 100% !important;
        max-width: 100% !important;
        position: unset;
    }

    .woocommerce-checkout .container .woocommerce-billing-fields__field-wrapper_custom {
        width: 100% !important;
    }

    .woocommerce-checkout .container table.new_inner_table {
        min-width: 100%;
    }

    .js-mini-compare-card.rounded-xl.border.border-\[rgba\(0\,115\,170\,\.18\)\].bg-\[\#F8FBFE\].p-3.overflow-hidden.max-w-xl.mx-auto {
        margin: unset;
        width: 100%;
        max-width: 100%;
    }

    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form .form-row.form-row-wide:after {
        height: 29px;
        width: 35%;
    }

    .woocommerce-checkout .container .has-tooltip p {
        width: 100%;
        white-space: normal;
    }

    .woocommerce-checkout .checkout_content {
        padding: 24px 16px !important;
    }
}

@media (max-width:640px) {
    .woocommerce-checkout .container .woocommerce-info {
        justify-content: flex-start;
        top: 6px;
    }

    .woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login {
        margin: 10px 0px 0px;
    }

    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form .form-row.form-row-wide:after {
        height: 19px;
        width: 52%;
    }

    .woocommerce-checkout .container #mini-compare-container .text-\[12px\].leading-\[18px\].text-\[\#5F6B76\] {
        white-space: normal;
    }

    .woocommerce-checkout .content_inner {
        padding-bottom: 0px;
    }

    .woocommerce-checkout #payment .wc_payment_methods.payment_methods li.woocommerce-SavedPaymentMethods-token label, .woocommerce-checkout #payment .wc_payment_methods.payment_methods li.woocommerce-SavedPaymentMethods-new label {
        font-size: 13px !important;
    }
}

@media (max-width:375px) {
    .woocommerce-checkout .container #mini-compare-container .js-mini-breadth-hint {
        margin-top: 20px !important;
    }
}


.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
    border-color: #00507C !important;
}

.simple-order-summary-items{
  border-bottom: 1px solid #0073aa2e;

}