.elementor-12 .elementor-element.elementor-element-b98cd56{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-d230eb6 *//*==================================================
        PREMIUM WOOCOMMERCE CHECKOUT
        Elementor Global Color Compatible
==================================================*/

:root{
    --primary: var(--e-global-color-primary,#00A651);
    --secondary: var(--e-global-color-secondary,#0F4C81);
    --accent: var(--e-global-color-accent,#2D9CDB);
    --text: var(--e-global-color-text,#222);

    --white:#fff;
    --bg:#f7f9fc;
    --border:#e5e7eb;

    --radius:18px;
    --shadow:0 10px 35px rgba(0,0,0,.08);
}

/*------------------------------------
Background
------------------------------------*/

.woocommerce-checkout{
    background:var(--bg);
}

/*------------------------------------
Columns
------------------------------------*/

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{
    background:var(--white);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:35px;
    border:1px solid var(--border);
}

/*------------------------------------
Titles
------------------------------------*/

.woocommerce-checkout h3,
.woocommerce-checkout h2{
    color:var(--secondary);
    font-size:26px;
    font-weight:700;
    margin-bottom:25px;
    position:relative;
    padding-bottom:15px;
}

.woocommerce-checkout h3:after,
.woocommerce-checkout h2:after{
    content:"";
    width:70px;
    height:4px;
    background:var(--primary);
    border-radius:20px;
    position:absolute;
    left:0;
    bottom:0;
}

/*------------------------------------
Labels
------------------------------------*/

.woocommerce-checkout label{
    color:var(--secondary);
    font-weight:600;
    margin-bottom:8px;
}

/*------------------------------------
Inputs
------------------------------------*/

.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea{
    background:#fff!important;
    border:2px solid var(--border)!important;
    border-radius:12px!important;
    min-height:54px;
    color:var(--text)!important;
    transition:.3s;
    padding:0 18px!important;
    box-shadow:none!important;
}

.woocommerce-checkout textarea{
    padding:15px!important;
    min-height:130px;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus{
    border-color:var(--primary)!important;
    box-shadow:0 0 0 4px rgba(0,166,81,.12)!important;
}

/*------------------------------------
Select2
------------------------------------*/

.select2-container--default .select2-selection--single{
    border:2px solid var(--border)!important;
    border-radius:12px!important;
    height:54px!important;
}

.select2-selection__rendered{
    line-height:52px!important;
}

.select2-selection__arrow{
    height:54px!important;
}

/*------------------------------------
Order Review
------------------------------------*/

#order_review table{
    border:none!important;
}

#order_review table th{
    color:var(--secondary);
    font-weight:700;
    border-bottom:1px solid var(--border);
    padding:16px 0;
}

#order_review table td{
    border-bottom:1px solid #f3f4f6;
    padding:16px 0;
}

#order_review .amount{
    color:var(--primary);
    font-weight:700;
}

/*------------------------------------
Coupon Box
------------------------------------*/

.woocommerce-form-coupon-toggle .woocommerce-info{
    background:#fff;
    border-left:4px solid var(--primary);
    border-radius:12px;
    box-shadow:var(--shadow);
    padding:18px 22px;
}

.woocommerce-form-coupon-toggle a{
    color:var(--primary);
    font-weight:600;
}

/*------------------------------------
Payment Box
------------------------------------*/

#payment{
    background:#fff!important;
    border:1px solid var(--border)!important;
    border-radius:16px!important;
    box-shadow:var(--shadow);
    overflow:hidden;
}

#payment ul.payment_methods{
    border:none!important;
}

#payment div.payment_box{
    background:#f8fafc!important;
    border-radius:12px;
    border:1px solid var(--border);
    margin-top:15px;
}

#payment div.payment_box:before{
    display:none;
}

/*------------------------------------
Radio
------------------------------------*/

input[type=radio]{
    accent-color:var(--primary);
}

/*------------------------------------
Privacy
------------------------------------*/

.woocommerce-privacy-policy-text{
    color:#666;
    font-size:14px;
    line-height:1.8;
}

.woocommerce-privacy-policy-text a{
    color:var(--primary);
}

/*------------------------------------
Place Order Button
------------------------------------*/

#place_order{
    width:100%!important;
    height:60px;
    background:var(--primary)!important;
    color:#fff!important;
    border:none!important;
    border-radius:60px!important;
    font-size:18px!important;
    font-weight:700!important;
    letter-spacing:.5px;
    transition:.35s;
    box-shadow:0 12px 25px rgba(0,0,0,.15);
}

#place_order:hover{
    background:var(--secondary)!important;
    transform:translateY(-3px);
}

/*------------------------------------
Required *
------------------------------------*/

.required{
    color:#ef4444!important;
}

/*------------------------------------
Mobile
------------------------------------*/

@media(max-width:767px){

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{
    padding:20px;
    border-radius:14px;
}

.woocommerce-checkout h3,
.woocommerce-checkout h2{
    font-size:22px;
}

#place_order{
    height:56px;
    font-size:16px!important;
}

}/* End custom CSS */