.elementor-354 .elementor-element.elementor-element-368ef7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-354 .elementor-element.elementor-element-7d250fc{--spacer-size:2px;}.elementor-354 .elementor-element.elementor-element-d374fec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-354 .elementor-element.elementor-element-46f3b46{text-align:center;}.elementor-354 .elementor-element.elementor-element-d215d41{--spacer-size:2px;}.elementor-354 .elementor-element.elementor-element-f6f7eca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-354 .elementor-element.elementor-element-18a7e61{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-354 .elementor-element.elementor-element-626fba9{--spacer-size:20px;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-1c54bd0 *//* Change WooCommerce Place Order button color */
.woocommerce-checkout .button#place_order {
    background-color: #009FE3;
    color: #ffffff; /* text color */
    border: none; /* remove border if any */
    transition: background-color 0.3s ease; /* smooth hover transition */
}


/* ============================= */
/* WooCommerce Checkout Branding */
/* Strictly scoped to checkout page */
/* ============================= */

/* Scope everything to checkout only */
body.woocommerce-checkout {

    /* 1. General text color */
    color: #1E203A !important;

    /* 2. Section titles (My Contact, Shipping To, Order Summary, etc.) */
    h3,
    .woocommerce-checkout-review-order-table th,
    .woocommerce-billing-fields h3,
    .woocommerce-shipping-fields h3,
    .woocommerce-additional-fields h3 {
        color: #1E203A !important;
    }

    /* 3. Place Order button colors */
    .button#place_order {
        background-color: #009FE3;
        color: #ffffff;
        border: none;
        border-radius: 6px;
        padding: 12px 24px;
        font-size: 16px;
        transition: background-color 0.3s ease, transform 0.2s ease;
    }

    .button#place_order:hover {
        background-color: #1E203A;
        color: #ffffff;
        transform: scale(1.03);
    }

    /* 4. Input fields styling */
    input,
    select,
    textarea {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 10px;
        color: #1E203A;
    }

    /* 5. Checkbox and label (terms & conditions) - optional */
    #terms,
    label[for="terms"],
    .woocommerce-terms-and-conditions-checkbox-text {
        /* display: none !important; */ /* Uncomment to hide */
    }
}

/* ============================= */
/* WooCommerce Checkout Branding */
/* Fully scoped to checkout page */
/* ============================= */

body.woocommerce-checkout {

    /* 1. General text color */
    color: #1E203A !important;

    /* 2. Section titles (My Contact, Shipping To, Order Summary, etc.) */
    h3,
    .woocommerce-checkout-review-order-table th,
    .woocommerce-billing-fields h3,
    .woocommerce-shipping-fields h3,
    .woocommerce-additional-fields h3 {
        color: #1E203A !important;
    }

    /* 3. Place Order button colors */
    .button#place_order {
        background-color: #009FE3;
        color: #ffffff;
        border: none;
        border-radius: 6px;
        padding: 12px 24px;
        font-size: 16px;
        transition: background-color 0.3s ease, transform 0.2s ease;
    }

    .button#place_order:hover {
        background-color: #1E203A;
        color: #ffffff;
        transform: scale(1.03);
    }

    /* 4. Input fields styling */
    input,
    select,
    textarea {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 10px;
        color: #1E203A;
    }

    /* 5. Optional / collapsible toggle links (all 3 examples) */
    a.expansible-section__toggle-plus {
        color: #1E203A !important;
    }

    /* 6. Checkbox and label (terms & conditions) - optional */
    #terms,
    label[for="terms"],
    .woocommerce-terms-and-conditions-checkbox-text {
        /* display: none !important; */ /* Un*/* End custom CSS */