.elementor-18646 .elementor-element.elementor-element-ecbffab{--display:flex;}body.elementor-page-18646:not(.elementor-motion-effects-element-type-background), body.elementor-page-18646 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FCFF;}@media(max-width:767px){.elementor-18646 .elementor-element.elementor-element-8fcf707{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18646 .elementor-element.elementor-element-cb67966{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18646 .elementor-element.elementor-element-4eeda05{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for checkout-form, class: .elementor-element-92e488d *//* ১. "Billing details" লেখাটি পরিবর্তন করে নতুন টাইটেল মাঝে আনা */
.woocommerce-billing-fields h3 {
    font-size: 0 !important; /* আগের লেখাটি হাইড করার জন্য */
    text-align: center !important; /* টাইটেলটি মাঝে নেওয়ার জন্য */
}

.woocommerce-billing-fields h3::before {
    content: "অর্ডার করতে নিচের ফরম টি পূরণ করুন" !important;
    font-size: 22px !important; /* নতুন লেখার সাইজ */
    color: #1b5e20 !important; /* সুন্দর ভেষজ সবুজ কালার */
    font-weight: 800 !important;
    display: block;
    margin-bottom: 20px;
    text-align: center !important; /* ভেতরের টেক্সট মাঝে নেওয়ার জন্য */
}

/* "Your order" বা অন্য হেডিংগুলোর স্টাইল */
.woocommerce-checkout #order_review_heading {
    font-size: 20px !important;
    color: #1b5e20 !important;
    font-weight: 700 !important;
    margin-top: 25px !important;
    margin-bottom: 18px !important;
}

/* ২. ইনপুট বক্সের ডিজাইন (নাম, ঠিকানা, মোবাইল নম্বর) */
.woocommerce-checkout input.input-text, 
.woocommerce-checkout textarea,
.elementor-widget-cf-checkout-form input.input-text {
    border: 1px solid #c8e6c9 !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    font-size: 15px !important;
    background-color: #fbfdfb !important;
    color: #333 !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* ৩. ইনপুট বক্সে ক্লিক করলে বা ফোকাস হলে এফেক্ট */
.woocommerce-checkout input.input-text:focus, 
.woocommerce-checkout textarea:focus {
    border-color: #2e7d32 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.15) !important;
    outline: none !important;
}

/* ৪. অর্ডার রিভিউ টেবিল ও শিপিং বক্স */
.woocommerce-checkout-review-order-table {
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: #ffffff !important;
}

.woocommerce-checkout-review-order-table th {
    background-color: #f1f8e9 !important;
    color: #2e7d32 !important;
    font-weight: bold !important;
    padding: 12px !important;
}

/* ৫. অর্ডার প্লেস করার বড় আকর্ষণীয় বাটন (Place Order) */
.woocommerce-checkout #place_order,
.elementor-widget-cf-checkout-form #place_order {
    background: linear-gradient(180deg, #ff6d00 0%, #e65100 100%) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 16px 20px !important;
    border-radius: 30px !important;
    border: none !important;
    width: 100% !important;
    box-shadow: 0 5px 15px rgba(230, 81, 0, 0.4) !important;
    cursor: pointer !important;
    display: block !important;
}

.woocommerce-checkout #place_order:hover {
    background: linear-gradient(180deg, #e65100 0%, #bf360c 100%) !important;
    box-shadow: 0 7px 20px rgba(230, 81, 0, 0.6) !important;
}/* End custom CSS */