.elementor-4481 .elementor-element.elementor-element-4b13391{--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;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4481 .elementor-element.elementor-element-4b13391:not(.elementor-motion-effects-element-type-background), .elementor-4481 .elementor-element.elementor-element-4b13391 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050914;}.elementor-4481 .elementor-element.elementor-element-4b13391::before, .elementor-4481 .elementor-element.elementor-element-4b13391 > .elementor-background-video-container::before, .elementor-4481 .elementor-element.elementor-element-4b13391 > .e-con-inner > .elementor-background-video-container::before, .elementor-4481 .elementor-element.elementor-element-4b13391 > .elementor-background-slideshow::before, .elementor-4481 .elementor-element.elementor-element-4b13391 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4481 .elementor-element.elementor-element-4b13391 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#150202;--background-overlay:'';}.elementor-4481 .elementor-element.elementor-element-4b13391.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button,
							.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button,
							.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce #order_review button,
							.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small,
							.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
							.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button,
							.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button,
							.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
							.elementor-4481 .elementor-element.elementor-element-3e249fd .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:var( --e-global-color-8c368e4 );}.elementor-4481 .elementor-element.elementor-element-3e249fd{width:100%;max-width:100%;}.elementor-4481 .elementor-element.elementor-element-3e249fd > .elementor-widget-container{background-color:#1F2937;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form,
						.elementor-4481 .elementor-element.elementor-element-3e249fd .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:#FB7300;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus,
						.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus,
						.elementor-4481 .elementor-element.elementor-element-3e249fd .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 #FB7300;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-one.wcf-current:before,
						.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-two.wcf-current:before{background-color:#FB7300;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before{border-top-color:#FB7300;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
						.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note,
						.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
						.elementor-4481 .elementor-element.elementor-element-3e249fd .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:#FB7300;border-color:#FB7300;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form,
						.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form-modern-checkout{--wcf-text-color:#000000;--wcf-link-color:#000000;--wcf-payment-section-label-color:#FFFFFF;--wcf-payment-section-bg-color:#F4F4F4;--wcf-payment-section-desc-bg-color:#FFFFFF;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form, .elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#000000;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button,
								.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce #order_review button,
								.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small,
								.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
								.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button,
								.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button,
								.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button,
								.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
								.elementor-4481 .elementor-element.elementor-element-3e249fd .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:0px 0px 0px 0px;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form,
						 .elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form-modern-checkout{--wcf-payment-section-desc-text-color:#F6F6F6;}.elementor-4481 .elementor-element.elementor-element-3e249fd .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}body.elementor-page-4481{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-4481 .elementor-element.elementor-element-4b13391{--width:500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-4481 .elementor-element.elementor-element-4b13391{--width:106.667%;}}/* Start custom CSS *//* পুরো পেজের ব্যাকগ্রাউন্ড ডার্ক করা */
body, .elementor-page, .elementor-section-wrap {
    background-color: #050914 !important;
}

/* যদি এলিমেন্টরের কোনো সেকশনে সাদা ব্যাকগ্রাউন্ড থাকে সেটা রিমুভ করা */
.elementor-section, .elementor-container {
    background: transparent !important;
}


/* ১. পুরো চেকআউট ব্যাকগ্রাউন্ড ডার্ক */
.wcf-embed-checkout-form {
    background-color: #0d1428 !important;
    border-radius: 15px !important;
    padding: 30px !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

/* ২. পেমেন্ট সেকশনের সাদা বক্স রিমুভ (Force Dark) */
.woocommerce-checkout-payment, 
.woocommerce-checkout-payment ul.payment_methods, 
.woocommerce-checkout-payment li,
.woocommerce-checkout-payment div.payment_box {
    background-color: #080d1a !important;
    background: #080d1a !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    color: #ffffff !important;
}

/* ৩. ডান পাশের 'Your Order' সেকশন ডার্ক */
#order_review, .wcf-order-review, .shop_table {
    background-color: #080d1a !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

/* ৪. সব টেক্সট সাদা এবং দামগুলো হলুদ */
.wcf-embed-checkout-form label, .wcf-embed-checkout-form h3, .product-name {
    color: #ffffff !important;
}

.product-total, .order-total .amount, .cart-subtotal .amount, .woocommerce-Price-amount {
    color: #facc15 !important;
    font-weight: bold !important;
}

/* ৫. অরেঞ্জ গ্রেডিয়েন্ট বাটন (বজ্রপাতসহ) */
#place_order {
    background: linear-gradient(90deg, #FF2B00 0%, #FF2B00 100%) !important;
    color: #000000 !important;
    font-weight: 800 !important;
    font-size: 19px !important;
    padding: 18px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100% !important;
    border: none !important;
}

#place_order::before {
    content: '⚡' !important;
    font-size: 22px !important;
}

/* ৬. ইনপুট ফিল্ড ডার্ক */
.wcf-embed-checkout-form input {
    background-color: #FF2B00 !important;
    border: 1px solid #1e293b !important;
    color: #ffffff !important;
}
/* চেকআউট টাইটেলগুলো সাদা ও বড় করা */
.wcf-embed-checkout-form h3, 
.wcf-cust-tg-title,
#ship-to-different-address span,
#order_review_heading {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-top: 15px !important;
    display: block !important;
}
/* ১. Ship to a different address এবং অতিরিক্ত তথ্য পুরোপুরি রিমুভ */
#ship-to-different-address, 
.shipping_address,
.woocommerce-additional-fields {
    display: none !important;
}

/* ২. টাইটেল বা টেক্সট বাংলায় করার 'ম্যাজিক' কোড */
/* আপনি যদি সেটিংস থেকে চেঞ্জ করতে না পারেন, তবে এই কোডটি সেই নামগুলো বাংলায় বদলে দেবে */

.wcf-cust-tg-title:contains("Customer information"),
h3#order_review_heading:contains("Your order") {
    visibility: hidden;
}

/* টাইটেলগুলো সুন্দর করে সাজানো */
.wcf-embed-checkout-form h3 {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* চেকআউট ফরমটাকে মাঝখানে এনে ছোট করা */
.wcf-embed-checkout-form {
    max-width: 1200px !important; /* আপনি চাইলে এটা বাড়িয়ে- কমিয়ে সাইজ ঠিক করতে পারেন */
    margin: 0 auto !important; /* ফরমটাকে মাঝখানে রাখার জন্য */
    background-color: #0d1428 !important;
    border-radius: 15px !important;
    padding: 30px !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: 0 15px 50px rgba(0,0,0,0.6) !important;
}

/* পুরো পেজ কালো রাখা */
body, .elementor-page {
    background-color: #050914 !important;
}

/* জেদি লোডারগুলোকে পুরোপুরি ভ্যানিশ করা */
.wcf-skeleton-loader, 
.wcf-loader-overlay, 
.blockOverlay, 
.woocommerce-checkout-payment-skeleton, 
.woocommerce-checkout-review-order-skeleton {
    display: none !important;
}

/* আসল ফরমকে সবসময় দৃশ্যমান রাখা */
#order_review, 
#payment, 
.woocommerce-checkout-review-order-table {
    opacity: 1 !important;
    visibility: visible !important;
    display: table !important; /* টেবিলের জন্য */
}

/* মোবাইলের জেদি সাদা অর্ডার সামারি চিরতরে বিদায় */
.wcf-show-order-review-wrap, 
.wcf-show-order-review-text,
.wcf-order-review-toggle,
.wcf-mobile-order-review-toggle {
    display: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* নিচের সেকশনটা যেন ঠিক থাকে */
.wcf-order-review-wrap {
    display: block !important;
    margin-top: 20px !important;
}
 
    background: linear-gradient(90deg, #2563eb, #7c3aed) !important; /* নীল থেকে বেগুনী গ্রেডিয়েন্ট */
    border: none !important;
    border-radius: 12px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4) !important;
    padding: 15px !important;
}

#place_order:hover {
    transform: translateY(-2px); /* মাউস নিলে একটু উপরে উঠবে */
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.6) !important;
}

/* ১. ইনপুট ফিল্ডগুলোকে আরও ডার্ক ও আধুনিক করা */
.woocommerce-checkout input[type="text"], 
.woocommerce-checkout input[type="email"], 
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout select {
    background:#111827 !important; /* বক্সের ভেতরটা এখন গাঢ় ডার্ক দেখাবে */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 12px 15px !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

/* ৩. অর্ডার রিভিউ সেকশনকে হালকা ডার্ক লুক দেওয়া */
#order_review, 
#payment, 
.woocommerce-checkout-payment {
    background: #111827 !important; 
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
    padding: 25px !important;
    margin-bottom: 20px !important;
}

/* ৪. পেমেন্ট মেথডের ভেতরের কালো বক্সটি ফিক্স করা */
.woocommerce-checkout-payment div.payment_box {
    background: #111827 !important; /* এটি আরও একটু লাইট */
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 15px !important;
}

/* ৫. বর্ডার-বটম রিমুভ (পরিষ্কার লুকের জন্য) */
.shop_table tr, .shop_table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* ৫. প্লেস অর্ডার বাটনকে আরও বোল্ড এবং শ্যাডো দেওয়া */
#place_order {
    background: linear-gradient(90deg, #d97706, #b45309) !important; /* ছবির মতো সুন্দর কমলা-হলুদ গ্রেডিয়েন্ট */
    color: #000000 !important; /* ডার্ক টেক্সট ছবির মতো */
    border: none !important;
    border-radius: 12px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    padding: 18px !important;
    box-shadow: 0 4px 15px rgba(217, 119, 6, 0.4) !important; /* হালকা কমলার আভা */
    transition: all 0.3s ease;
}

#place_order:hover {
    background: linear-gradient(90deg, #b45309, #92400e) !important;
    box-shadow: 0 6px 20px rgba(217, 119, 6, 0.6) !important;
    transform: translateY(-2px);
}
    border: none !important;
    border-radius: 12px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4) !important;
    padding: 15px !important;
}

#place_order:hover {
    transform: translateY(-2px); /* মাউস নিলে একটু উপরে উঠবে */
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.6) !important;
}

/* পেমেন্ট আইকনগুলো বড় করা */
@media (max-width: 768px) {
    .woocommerce-checkout-payment ul.payment_methods li img {
        max-width: 100% !important; /* ইমেজকে স্বাভাবিক সাইজে আনা */
        height: auto !important;
        width: 180px !important; /* আপনি চাইলে এই মানটি বাড়িয়ে কমিয়ে আইকন বড় করতে পারেন */
        display: block !important;
        margin: 10px 0 !important;
    }

    /* পেমেন্ট লিস্টের গ্যাপ বাড়ানো */
    .woocommerce-checkout-payment ul.payment_methods li {
        padding: 10px 0 !important;
    }
    
    
}/* মোবাইল ভিউতে ফুল উইডথ করার ম্যাজিক কোড */
@media (max-width: 768px) {
    /* মেইন কন্টেইনারের গ্যাপ রিমুভ */
    .elementor-container, 
    .elementor-column-wrap, 
    .elementor-widget-wrap {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* চেকআউট ফরমের দুই পাশের খালি জায়গা কমানো */
    .wcf-embed-checkout-form {
        padding: 10px !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important; /* স্ক্রিনের সাথে মিশিয়ে দেওয়ার জন্য */
    }

    /* অর্ডার সামারি এবং পেমেন্ট সেকশন ফুল উইডথ */
    #order_review, 
    #payment, 
    .woocommerce-checkout-payment {
        width: 100% !important;
        padding: 15px !important;
        margin: 10px 0 !important;
        box-sizing: border-box !important;
        border-left: none !important;
        border-right: none !important;
    }

    /* পেমেন্ট ইনফো বক্স ঠিক করা */
    .payment_box {
        width: 100% !important;
        margin: 0 !important;
    }
}
/* বাটনটি স্মার্ট এবং স্লিম করার কোড */
@media (max-width: 768px) {
    #place_order {
        padding: 12px 20px !important; /* ওপর-নিচে হাইট কমানো হয়েছে */
        font-size: 16px !important; /* টেক্সট সাইজ কিছুটা ছোট করা হয়েছে */
        border-radius: 50px !important; /* বাটনটি পিল (Pill) শেপ বা আরও রাউন্ডেড হবে */
        width: 90% !important; /* একদম দুই পাশ পর্যন্ত না ঠেকিয়ে সামান্য গ্যাপ রাখা হয়েছে */
        margin: 20px auto !important;
        display: flex !important;
        line-height: 1.2 !important;
        height: auto !important;
        min-height: 50px !important; /* অতিরিক্ত মোটা হওয়া ঠেকাবে */
    }
    
    /* বাটনের ভেতরের আইকন সাইজ ঠিক করা */
    #place_order::before {
        font-size: 18px !important;
    }
}
/* বাটনের টেক্সট এক লাইনে রাখার কোড */
@media (max-width: 768px) {
    #place_order {
        white-space: nowrap !important; /* টেক্সট ভেঙে নিচে নামা বন্ধ করবে */
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 15px !important; /* এক লাইনে আটানোর জন্য সাইজ সামান্য কমানো হয়েছে */
        width: 100% !important; /* পুরো স্ক্রিন জুড়ে জায়গা নেবে যেন লেখা আটে */
        padding: 15px 10px !important;
        letter-spacing: 0px !important; /* অক্ষরের মাঝের গ্যাপ কমিয়ে জায়গা বাড়ানো */
    }
}

/* ১. ইনপুট বক্সে স্থায়ী নীল আভা রাখা */
.woocommerce-checkout input {
    border-color: #3b82f6 !important; /* বর্ডারের কালার স্থায়ী নীল */
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.4) !important; /* স্থায়ী নীল গ্লো */
    transition: all 0.3s ease;
}

 
}

/* ৩. ক্লিক করলে আভা আরও উজ্জ্বল হবে */
.woocommerce-checkout input:focus {
    box-shadow: 0 0 18px rgba(59, 130, 246, 0.7) !important;
    border-color: #60a5fa !important;
}

#place_order:hover {
box-shadow: 0 0 30px rgba(59, 130, 246, 0.9) !important;
    transform: scale(1.02); /* সামান্য বড় হবে মাউস নিলে */
}/* End custom CSS */