.elementor-264 .elementor-element.elementor-element-5772fad{--display:flex;--min-height:178px;--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-264 .elementor-element.elementor-element-2312b81{--display:flex;}.elementor-264 .elementor-element.elementor-element-8bcf8f1{--display:flex;--min-height:670px;--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;--justify-content:center;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .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:#FF4400;border-style:none;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 > .elementor-widget-container{background-color:#FFFFFF;padding:50px 50px 50px 50px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0000002E;border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-family:"Noto Serif Bengali", Georgia,serif;font-size:18px;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3 span, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .cartflows-elementor__checkout-form .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-name, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .col2-set .col-1 h3, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .col2-set .col-2 h3{font-family:"Noto Serif Bengali", Georgia,serif;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text::placeholder, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .col2-set .col-1, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .col2-set .col-2, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form p.form-row label, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not(:checked) + label, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row select{font-family:"Tiro Bangla", Georgia,serif;font-size:18px;font-weight:500;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form-modern-checkout{--wcf-field-label-color:#000000;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type="text"], .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row select{border-style:solid;border-width:2px 2px 2px 2px;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form-modern-checkout{--wcf-field-border-color:#F25D27;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .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:"Tiro Bangla", Georgia,serif;font-size:18px;text-transform:uppercase;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .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:5px 5px 5px 5px;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form-modern-checkout{--wcf-payment-section-bg-color:#F25D270D;--wcf-payment-section-desc-bg-color:#FFECE5B8;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods{padding:5px 5px 3px 10px;margin:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-264 .elementor-element.elementor-element-eef4b12{--display:flex;}.elementor-264 .elementor-element.elementor-element-6e6b727{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-264 .elementor-element.elementor-element-5772fad{--min-height:111px;}.elementor-264 .elementor-element.elementor-element-8bcf8f1{--min-height:454px;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;border-width:4px 4px 4px 4px;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text::placeholder, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .col2-set .col-1, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .col2-set .col-2, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form p.form-row label, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not(:checked) + label, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row select{font-size:17px;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type="text"], .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce form .form-row select{border-radius:5px 5px 5px 5px;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .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-size:17px;}.elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-264 .elementor-element.elementor-element-cb0d7e4 .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:5px 5px 5px 5px;}.elementor-264 .elementor-element.elementor-element-6e6b727{--spacer-size:133px;}}/* Start custom CSS for checkout-form, class: .elementor-element-cb0d7e4 *//** * Advanced and Smooth Wobble Animation for "Place Order" button. * - Pure CSS, no JavaScript needed. * - Runs periodically with a built-in delay. * - Stops animation when the user hovers, focuses, or clicks the button. */ /* ধাপ ১: নতুন, মসৃণ ও সুন্দর একটি অ্যানিমেশন তৈরি করা */ @keyframes gentle-wobble { /* * অ্যানিমেশনের পুরো সময়কালের মধ্যে কখন কী ঘটবে তা নির্ধারণ করা। * প্রথম ১৫% সময়ের মধ্যে মূল অ্যানিমেশনটি ঘটবে। * বাকি ৮৫% সময় বাটনটি স্থির থাকবে, যা একটি প্রাকৃতিক বিরতি তৈরি করবে। */ 0%, 15%, 100% { transform: rotate(0deg); transform-origin: center; } 3% { transform: rotate(2deg); } 6% { transform: rotate(-4deg); } 9% { transform: rotate(4deg); } 12% { transform: rotate(-2deg); } } /* ধাপ ২: আপনার নির্দিষ্ট বাটনে অ্যানিমেশন প্রয়োগ করা */ /* WooCommerce-এর জন্য #place_order সিলেক্টরটি বেশি নির্ভরযোগ্য */ button#place_order { /* মূল অ্যানিমেশন প্রয়োগ */ /* মোট ৪ সেকেন্ডের একটি চক্র, যা বার বার চলবে */ animation: gentle-wobble 4s infinite ease-in-out; /* হোভার ইফেক্টের জন্য একটি মসৃণ ট্রানজিশন */ transition: transform 0.2s ease; } /* ধাপ ৩ (সবচেয়ে গুরুত্বপূর্ণ): ব্যবহারকারী যখনই বাটনের সাথে ইন্টারেক্ট করবে, তখন অ্যানিমেশন বন্ধ করা */ button#place_order:hover, button#place_order:focus, /* কি-বোর্ড ব্যবহারকারীদের জন্য */ button#place_order:active /* ক্লিক করার মুহূর্তে */ { /* চলমান অ্যানিমেশনটিকে পুরোপুরি বন্ধ করে দেওয়া */ animation: none; /* বোনাস: হোভার করলে বাটনটি সামান্য বড় হবে, যা চমৎকার ফিডব্যাক দেয় */ transform: scale(1.05); } .wcf-embed-checkout-form .woocommerce .wcf-product-name { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } button.quantity-button.quantity-plus, button.quantity-button.quantity-minus { width: 15px !important; height: 15px !important; display: flex; align-items: center; justify-content: center; padding: 13px !important; border-radius: unset !important; background: #404040 !important; } input.input-text.qty.text { all: unset; /* সব ডিফল্ট রিসেট করে */ width: auto; /* চাইলে fixed width দিতে পারো যেমন width: 50px; */ padding: 0; margin: 0; border: none; outline: none; box-sizing: border-box; } input.input-text.qty.text { width: 26px !important; text-align: center; padding: 0px !important; border-radius: unset !important; border: 1px solid black !important; } /* Chrome, Safari, Edge, Opera */ input.input-text.qty.text::-webkit-outer-spin-button, input.input-text.qty.text::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input.input-text.qty.text { -moz-appearance: textfield; } .wcf-embed-checkout-form .woocommerce .wcf-product-image img { border: 1px solid #ff4400; } .wcf-col-2.col-2 { display: none; } .wcf-col-1.col-1 { padding-bottom: 0 !important; } h3.wcf-shipping-methods-title { margin: 5px; } .wcf-order-wrap { padding-top: 0px !important; } h3#order_review_heading { margin-top: 0px !important; } .payment_box.payment_method_cod { margin: 0px !important; } .payment_box.payment_method_cod { padding: 3px 5px !important; } .payment_box.payment_method_cod p { font-size: 15px !important; font-weight: 500; }/* End custom CSS */