.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2541 .elementor-element.elementor-element-7900926{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2541 .elementor-element.elementor-element-2d68691{--display:flex;}.elementor-2541 .elementor-element.elementor-element-2d68691:not(.elementor-motion-effects-element-type-background), .elementor-2541 .elementor-element.elementor-element-2d68691 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F0EC;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2541 .elementor-element.elementor-element-b89288b > .elementor-widget-container{margin:12px 0px 0px 0px;}.elementor-2541 .elementor-element.elementor-element-b89288b{text-align:center;}.elementor-2541 .elementor-element.elementor-element-b89288b .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:39px;font-weight:600;color:#206316;}.elementor-widget-checkout-form .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-checkout-form .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#FF0000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;}.elementor-2541 .elementor-element.elementor-element-c4db79a > .elementor-widget-container{margin:45px 0px 0px 0px;}.elementor-2541 .elementor-element.elementor-element-c4db79a .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-family:"Anek Bangla", Sans-serif;font-weight:500;}.elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row input.input-text::placeholder, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .col2-set .col-1, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .col2-set .col-2, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form p.form-row label, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not(:checked) + label, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row select{font-size:18px;}.elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type="text"], .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row select{border-style:solid;border-width:2px 2px 2px 2px;border-radius:10px 10px 10px 10px;}.elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form-modern-checkout{--wcf-field-border-color:#AB7171;}.elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-family:"Anek Bangla", Sans-serif;font-size:19px;font-weight:500;}.elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{border-radius:12px 12px 12px 12px;}.elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}body.elementor-page-2541{padding:0px 26px 26px 26px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2541 .elementor-element.elementor-element-b89288b .elementor-heading-title{font-size:27px;line-height:1.2em;}.elementor-2541 .elementor-element.elementor-element-c4db79a > .elementor-widget-container{margin:-34px 0px 0px 0px;}.elementor-2541 .elementor-element.elementor-element-c4db79a .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-size:14px;}.elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row input.input-text::placeholder, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .col2-set .col-1, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce .col2-set .col-2, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form p.form-row label, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not(:checked) + label, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row select{font-size:17px;}.elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type="text"], .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-2541 .elementor-element.elementor-element-c4db79a .wcf-embed-checkout-form .woocommerce form .form-row select{border-radius:5px 5px 5px 5px;}}/* Start custom CSS for checkout-form, class: .elementor-element-c4db79a *//* ========================================= CartFlows Modern Checkout Design - Bangla Theme ========================================= */ /* 1. General Typography & Container */ .wcf-checkout-form, .woocommerce-checkout { font-family: 'Hind Siliguri', sans-serif !important; background: #ffffff; padding: 20px; border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); } /* 2. Section Headings (Billing & Order) */ .woocommerce-billing-fields h3, #order_review_heading { font-size: 1.5rem !important; color: #2e7d32 !important; /* Product Green */ border-bottom: 2px dashed #81c784; padding-bottom: 10px; margin-bottom: 20px !important; font-weight: 700; } /* 3. Input Fields Styling (User Friendly) */ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container .select2-selection--single { border: 1px solid #e0e0e0 !important; border-radius: 8px !important; padding: 12px 15px !important; background-color: #f9fdf9 !important; /* Very light green tint */ color: #333 !important; font-size: 1rem !important; transition: all 0.3s ease; } /* Input Focus Effect */ .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { border-color: #2e7d32 !important; box-shadow: 0 0 8px rgba(46, 125, 50, 0.2) !important; outline: none; } /* Labels styling */ .woocommerce form .form-row label { color: #444; font-weight: 600; margin-bottom: 5px; } /* 4. Order Review Box (The Product Table) */ .woocommerce-checkout-review-order-table { background: #fff; border: 1px solid #eee; border-radius: 10px; margin-bottom: 20px !important; } .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { padding: 15px !important; border-bottom: 1px solid #f0f0f0; } .woocommerce-checkout-review-order-table tfoot th { color: #555; } .woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td { color: #d32f2f; /* Red for Total Price */ font-size: 1.2rem; font-weight: 800; background-color: #fff0f0; /* Light red bg for total */ } /* 5. Payment Section (Cash on Delivery) */ #payment { background: #f1f8e9 !important; /* Light Green background */ border-radius: 10px !important; padding: 20px !important; border: 1px solid #c8e6c9; } .wc_payment_method label { color: #1b5e20 !important; font-weight: 700 !important; font-size: 1.1rem !important; } .payment_box { background-color: #ffffff !important; color: #555 !important; padding: 10px !important; border-radius: 5px; margin-top: 10px !important; border-left: 3px solid #2e7d32; font-size: 0.9rem; } /* 6. The "Place Order" Button (High Conversion) */ #place_order { background-color: #d32f2f !important; /* Urgent Red */ color: #fff !important; font-size: 1.3rem !important; font-weight: 700 !important; padding: 18px 30px !important; border-radius: 50px !important; width: 100%; border: none !important; margin-top: 20px !important; cursor: pointer; text-transform: uppercase; box-shadow: 0 5px 15px rgba(211, 47, 47, 0.4); /* Pulse Animation included in previous code, applying here */ animation: pulse 2s infinite; transition: background 0.3s; } #place_order:hover { background-color: #b71c1c !important; /* Darker Red */ transform: translateY(-2px); } /* Button Icon (Optional checkmark) */ #place_order::before { content: ' '; /* Lock icon for trust */ margin-right: 8px; } /* 7. Mobile Adjustments */ @media (max-width: 767px) { .wcf-checkout-form, .woocommerce-checkout { padding: 15px; } #place_order { font-size: 1.1rem !important; } }/* End custom CSS */