.elementor-24 .elementor-element.elementor-element-4e2084f{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form,
						.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form-modern-checkout,
						.cartflows_step-template .select2-container--default .select2-results__option--highlighted[aria-selected],
						.cartflows_step-template .select2-container--default .select2-results__option--highlighted[data-selected]{--wcf-primary-color:#ED0079;}.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus,
						.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus,
						.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus{box-shadow:0 0 0 1px #ED0079;}.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-one.wcf-current:before,
						.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-two.wcf-current:before{background-color:#ED0079;}.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before{border-top-color:#ED0079;}.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
						.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note,
						.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
						.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form .woocommerce #order_review button,
						body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#ED0079;border-color:#ED0079;}.elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form, .elementor-24 .elementor-element.elementor-element-31d3158 .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#000000;}/* Start custom CSS for checkout-form, class: .elementor-element-31d3158 *//* =========================================================
CartFlows Bulletproof Checkout Design
Theme Colors: Light Pink Border (#fbcfe8), Dark Pink Text (#db2777), Orange Button (#f16334)
========================================================= */

/* --- গ্লোবাল ফন্ট --- */
body.woocommerce-checkout,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout .wcf-embed-checkout-form {
    font-family: 'Hind Siliguri', sans-serif !important;
}

/* ==========================================
   ১. বাম দিকের বক্স (Billing/Customer Details)
========================================== */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .wcf-checkout-form .wcf-col-1 {
    border: 2px solid #fbcfe8 !important;
    border-radius: 12px !important;
    padding: 30px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    margin-bottom: 30px !important;
    box-sizing: border-box !important;
}

body.woocommerce-checkout .woocommerce-billing-fields h3 {
    display: none !important; /* ডিফল্ট টাইটেল হাইড */
}

/* লেবেল এবং স্টার (*) */
body.woocommerce-checkout form.checkout label {
    color: #4b5563 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

body.woocommerce-checkout form.checkout label .required {
    color: #db2777 !important; /* ডার্ক পিংক */
    text-decoration: none !important;
}

/* ইনপুট ফিল্ড */
body.woocommerce-checkout form.checkout p.form-row {
    margin-bottom: 20px !important;
}

body.woocommerce-checkout form.checkout input.input-text,
body.woocommerce-checkout form.checkout input[type="email"],
body.woocommerce-checkout form.checkout input[type="tel"] {
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    background-color: #f9fafb !important;
    width: 100% !important;
    color: #374151 !important;
    box-shadow: none !important;
    outline: none !important;
}

body.woocommerce-checkout form.checkout input.input-text:focus {
    border-color: #db2777 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(219, 39, 119, 0.1) !important;
}

/* ==========================================
   ২. ডান দিকের বক্স (Your Order)
========================================== */

/* Your Order হেডিং */
body.woocommerce-checkout h3#order_review_heading {
    border: 2px solid #fbcfe8 !important;
    border-radius: 12px !important;
    padding: 15px 25px !important;
    color: #db2777 !important; /* ডার্ক পিংক */
    background-color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    text-transform: none !important;
}

/* অর্ডার সামারি বক্স */
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
    border: 2px solid #fbcfe8 !important;
    border-radius: 12px !important;
    padding: 25px !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
}

/* টেবিল ডিজাইন */
body.woocommerce-checkout table.shop_table {
    border: none !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
    border-top: none !important;
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 15px 0 !important;
    color: #374151 !important;
    font-weight: 600 !important;
    background: transparent !important;
}

/* টোটাল প্রাইস (Total) */
body.woocommerce-checkout tr.order-total th,
body.woocommerce-checkout tr.order-total td {
    border-bottom: none !important;
    padding-top: 20px !important;
    color: #db2777 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

body.woocommerce-checkout tr.order-total td bdi,
body.woocommerce-checkout tr.order-total td span.amount {
    color: #db2777 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

/* ==========================================
   ৩. কুপন সেকশন (Coupon)
========================================== */
body.woocommerce-checkout .checkout_coupon {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-bottom: 25px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    background: transparent !important;
}

body.woocommerce-checkout .checkout_coupon p.form-row-first {
    width: 70% !important;
    margin: 0 !important;
}

body.woocommerce-checkout .checkout_coupon p.form-row-last {
    width: 30% !important;
    margin: 0 !important;
}

body.woocommerce-checkout .checkout_coupon input.input-text {
    width: 100% !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    margin: 0 !important;
}

body.woocommerce-checkout .checkout_coupon button.button {
    width: 100% !important;
    background-color: #f16334 !important; /* Orange */
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 0 !important;
    font-weight: 600 !important;
    border: none !important;
    margin: 0 !important;
    text-align: center !important;
}

/* ==========================================
   ৪. Place Order Button (ফাইনাল বাটন)
========================================== */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .wcf-btn-checkout {
    background-color: #db2777 !important; /* ডার্ক পিংক */
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 18px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    width: 100% !important;
    border: none !important;
    text-transform: none !important;
    margin-top: 15px !important;
    cursor: pointer !important;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout .wcf-btn-checkout:hover {
    background-color: #be185d !important;
}

/* ==========================================
   ৫. পেমেন্ট মেথড এরিয়া ফিক্স
========================================== */
body.woocommerce-checkout #payment {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
body.woocommerce-checkout #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e2084f *//* =========================================================
CartFlows Custom Checkout Design - Perfect Spacing
Theme Colors: Light Pink Border (#fbcfe8), Dark Pink Text (#db2777), Orange Button (#f16334)
========================================================= */

/* --- গ্লোবাল ফন্ট --- */
.wcf-checkout-form, 
.wcf-order-review, 
.woocommerce-checkout {
    font-family: 'Hind Siliguri', sans-serif !important;
}

/* ==========================================
   বাম দিকের বক্স (Customer Details)
========================================== */
.wcf-checkout-form .woocommerce-billing-fields {
    border: 2px solid #fbcfe8 !important; /* হালকা পিংক বর্ডার */
    border-radius: 12px !important; /* গোলাকার কর্নার */
    padding: 35px 30px !important; /* ভেতরে পর্যাপ্ত স্পেস */
    background-color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important; /* বক্সের নিচে স্পেস */
}

/* বিলিং ফিল্ডের ডিফল্ট টাইটেল হাইড করা (স্ক্রিনশটে নেই বলে) */
.wcf-checkout-form .woocommerce-billing-fields h3 {
    display: none !important;
}

/* লেবেল এবং লাল/পিংক স্টার (*) */
.wcf-checkout-form .woocommerce-checkout label {
    color: #4b5563 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.wcf-checkout-form .woocommerce-checkout label .required {
    color: #db2777 !important; /* ডার্ক পিংক স্টার */
    text-decoration: none !important;
}

/* ইনপুট ফিল্ডের ডিজাইন এবং স্পেসিং */
.wcf-checkout-form .woocommerce-checkout p.form-row {
    margin-bottom: 20px !important; /* প্রতিটি ফিল্ডের মাঝে ফাঁকা জায়গা */
}

.wcf-checkout-form .woocommerce-checkout input.input-text,
.wcf-checkout-form .woocommerce-checkout input[type="email"],
.wcf-checkout-form .woocommerce-checkout input[type="tel"] {
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 14px 15px !important; /* ফিল্ডগুলো একটু বড় করা হয়েছে */
    background-color: #f9fafb !important;
    width: 100% !important;
    box-sizing: border-box !important; /* বক্সের বাইরে যেন না যায় */
    color: #374151 !important;
    box-shadow: none !important;
}

.wcf-checkout-form .woocommerce-checkout input.input-text:focus {
    border-color: #db2777 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(219, 39, 119, 0.1) !important;
    outline: none !important;
}

/* ==========================================
   ডান দিকের বক্স (Your Order & Payment)
========================================== */

/* Your Order হেডিং বক্স */
.wcf-checkout-form h3#order_review_heading {
    border: 2px solid #fbcfe8 !important;
    border-radius: 12px !important;
    padding: 20px 30px !important;
    color: #db2777 !important; /* ডার্ক পিংক টেক্সট */
    background-color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important; /* হেডিং এবং নিচের বক্সের মাঝে স্পেস */
    box-sizing: border-box !important;
}

/* অর্ডার রিভিউ / সামারি বক্স */
.wcf-checkout-form #order_review {
    border: 2px solid #fbcfe8 !important;
    border-radius: 12px !important;
    padding: 30px !important; /* ভেতরে সুন্দর স্পেস */
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
}

/* টেবিল ডিজাইন */
.wcf-checkout-form table.shop_table {
    border: none !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

.wcf-checkout-form table.shop_table th,
.wcf-checkout-form table.shop_table td {
    border-top: none !important;
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 18px 0 !important; /* রো-গুলোর মাঝে স্পেস */
    color: #374151 !important;
    font-weight: 600 !important;
    background: transparent !important;
}

.wcf-checkout-form table.shop_table thead th {
    color: #111827 !important;
    font-weight: 700 !important;
}

/* টোটাল (Total) রো ডিজাইন */
.wcf-checkout-form tr.order-total th,
.wcf-checkout-form tr.order-total td {
    border-bottom: none !important;
    padding-top: 25px !important; /* টোটাল প্রাইসের উপরে স্পেস */
}

.wcf-checkout-form tr.order-total th {
    color: #db2777 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

.wcf-checkout-form tr.order-total td bdi,
.wcf-checkout-form tr.order-total td span.amount {
    color: #db2777 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

/* ==========================================
   কুপন কোড (Coupon Area)
========================================== */
.wcf-checkout-form .checkout_coupon {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    padding-bottom: 30px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.wcf-checkout-form .checkout_coupon p.form-row-first {
    width: 70% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wcf-checkout-form .checkout_coupon p.form-row-last {
    width: 30% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wcf-checkout-form .checkout_coupon input.input-text {
    width: 100% !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 14px 15px !important;
    margin: 0 !important;
}

.wcf-checkout-form .checkout_coupon button.button {
    width: 100% !important;
    background-color: #f16334 !important; /* অরেঞ্জ/কমলা রঙ */
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 14px 0 !important;
    font-weight: 600 !important;
    border: none !important;
    margin: 0 !important;
}

/* ==========================================
   প্রাইভেসি পলিসি (Privacy Policy Text)
========================================== */
.wcf-checkout-form .woocommerce-privacy-policy-text {
    font-size: 13px !important;
    color: #6b7280 !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
    text-align: justify !important;
}

.wcf-checkout-form .woocommerce-privacy-policy-text a {
    color: #f16334 !important;
    text-decoration: none !important;
}

/* ==========================================
   Place Order Button (প্লেস অর্ডার বাটন)
========================================== */
.wcf-checkout-form #place_order,
.wcf-checkout-form .wcf-btn-checkout {
    background-color: #db2777 !important; /* ডার্ক পিংক */
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 20px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    width: 100% !important;
    border: none !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
}

.wcf-checkout-form #place_order:hover,
.wcf-checkout-form .wcf-btn-checkout:hover {
    background-color: #be185d !important;
    box-shadow: 0 5px 15px rgba(219, 39, 119, 0.3) !important;
}

/* পেমেন্ট সেকশনের স্পেসিং ফিক্স */
.wcf-checkout-form #payment {
    background: transparent !important;
    padding: 0 !important;
}
.wcf-checkout-form #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
}/* End custom CSS */