.elementor-7437 .elementor-element.elementor-element-3612a17{--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;}.elementor-7437 .elementor-element.elementor-element-61324712{text-align:center;}.elementor-7437 .elementor-element.elementor-element-61324712 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:56px;}.elementor-7437 .elementor-element.elementor-element-3e84a76f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-7437 .elementor-element.elementor-element-3e84a76f .elementor-divider-separator{width:41%;margin:0 auto;margin-center:0;}.elementor-7437 .elementor-element.elementor-element-3e84a76f .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}/* Start custom CSS *//* =========================================================
   WOOCOMMERCE CHECKOUT — FULL WIDTH FIX
   Elementor / Blocksy compatible
========================================================= */

/* ---------- PAGE / ELEMENTOR WRAPPERS ---------- */

body.woocommerce-checkout .site-main,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout main,
body.woocommerce-checkout article,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .elementor,
body.woocommerce-checkout .elementor-section-wrap,
body.woocommerce-checkout .elementor-widget-woocommerce-checkout-page,
body.woocommerce-checkout .elementor-widget-woocommerce-checkout-page > .elementor-widget-container,
body.woocommerce-checkout .elementor-widget-shortcode,
body.woocommerce-checkout .elementor-widget-shortcode > .elementor-widget-container,
body.woocommerce-checkout .woocommerce {
    width: 100% !important;
    max-width: none !important;
}


/* Elementor container যেন checkout কে narrow না করে */
body.woocommerce-checkout .e-con,
body.woocommerce-checkout .e-con-inner {
    width: 100% !important;
    max-width: 1320px !important;
}


/* Main WooCommerce area */
body.woocommerce-checkout .woocommerce {
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}


/* =========================================================
   CHECKOUT FORM
========================================================= */

body.woocommerce-checkout form.checkout.woocommerce-checkout {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(420px, 0.88fr) !important;

    column-gap: 55px !important;
    row-gap: 18px !important;

    align-items: start !important;
}


/* =========================================================
   LEFT COLUMN — BILLING
========================================================= */

body.woocommerce-checkout #customer_details {
    width: 100% !important;
    max-width: none !important;

    float: none !important;

    margin: 0 !important;

    grid-column: 1 !important;
    grid-row: 1 / span 20 !important;
}


body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    max-width: none !important;

    float: none !important;

    padding: 0 !important;
}


/* Billing box */
body.woocommerce-checkout .woocommerce-billing-fields {
    width: 100% !important;
    max-width: none !important;
}


/* =========================================================
   RIGHT COLUMN
========================================================= */

body.woocommerce-checkout #order_review_heading {
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 12px !important;

    float: none !important;

    grid-column: 2 !important;
}


body.woocommerce-checkout #order_review {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    float: none !important;

    grid-column: 2 !important;
}


/* =========================================================
   ORDER TABLE
========================================================= */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table {
    width: 100% !important;

    table-layout: auto !important;
}


body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.product-name {
    width: auto !important;

    min-width: 250px !important;

    white-space: normal !important;

    word-break: normal !important;

    overflow-wrap: normal !important;
}


body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.product-total {
    width: 100px !important;

    text-align: right !important;

    white-space: nowrap !important;
}


/* =========================================================
   COUPON
========================================================= */

body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout form.checkout_coupon {
    width: 100% !important;
    max-width: none !important;
}


body.woocommerce-checkout form.checkout_coupon {
    box-sizing: border-box !important;
}


/* Coupon input + button */
body.woocommerce-checkout form.checkout_coupon .form-row-first {
    width: calc(100% - 130px) !important;

    float: left !important;
}


body.woocommerce-checkout form.checkout_coupon .form-row-last {
    width: 115px !important;

    float: right !important;
}


body.woocommerce-checkout form.checkout_coupon button {
    width: 100% !important;
    min-height: 44px !important;
}


/* =========================================================
   PAYMENT
========================================================= */

body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-payment {
    width: 100% !important;
    max-width: none !important;

    clear: both !important;
}


body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout #payment .payment_box,
body.woocommerce-checkout #payment .place-order {
    width: 100% !important;
    max-width: none !important;
}


/* Place Order */
body.woocommerce-checkout #place_order {
    width: 100% !important;
}


/* =========================================================
   BILLING FIELDS
========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper {
    width: 100% !important;
}


body.woocommerce-checkout
.form-row {
    box-sizing: border-box !important;
}


/* First + last name */
body.woocommerce-checkout #billing_first_name_field,
body.woocommerce-checkout #billing_last_name_field {
    width: calc(50% - 8px) !important;
    clear: none !important;
}


body.woocommerce-checkout #billing_first_name_field {
    float: left !important;
}


body.woocommerce-checkout #billing_last_name_field {
    float: right !important;
}


/* Full width fields */
body.woocommerce-checkout #billing_company_field,
body.woocommerce-checkout #billing_country_field,
body.woocommerce-checkout #billing_address_1_field,
body.woocommerce-checkout #billing_address_2_field,
body.woocommerce-checkout #billing_city_field,
body.woocommerce-checkout #billing_state_field,
body.woocommerce-checkout #billing_postcode_field,
body.woocommerce-checkout #billing_phone_field,
body.woocommerce-checkout #billing_email_field {
    width: 100% !important;

    float: none !important;
    clear: both !important;
}


/* Inputs */
body.woocommerce-checkout
.form-row input.input-text,
body.woocommerce-checkout
.form-row textarea,
body.woocommerce-checkout
.form-row select,
body.woocommerce-checkout
.select2-container {
    width: 100% !important;
    max-width: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    body.woocommerce-checkout .woocommerce {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.woocommerce-checkout
    form.checkout.woocommerce-checkout {

        grid-template-columns:
            minmax(0, 1fr)
            minmax(360px, .9fr) !important;

        column-gap: 30px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    body.woocommerce-checkout .woocommerce {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }


    body.woocommerce-checkout
    form.checkout.woocommerce-checkout {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
    }


    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review_heading,
    body.woocommerce-checkout #order_review {

        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    body.woocommerce-checkout #order_review_heading {
        margin-top: 35px !important;
    }


    body.woocommerce-checkout #billing_first_name_field,
    body.woocommerce-checkout #billing_last_name_field {

        width: 100% !important;

        float: none !important;

        clear: both !important;
    }


    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    .product-name {

        min-width: 0 !important;
    }


    body.woocommerce-checkout
    form.checkout_coupon
    .form-row-first,
    body.woocommerce-checkout
    form.checkout_coupon
    .form-row-last {

        width: 100% !important;

        float: none !important;
    }

}
/* =========================================================
   FINAL CHECKOUT WIDTH + CENTER ALIGNMENT FIX
========================================================= */

body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout form.woocommerce-checkout {
    width: 100% !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* Main 2-column layout */
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout form.woocommerce-checkout {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr) !important;

    column-gap: 36px !important;

    justify-content: center !important;
    align-items: start !important;
}


/* LEFT COLUMN */
body.woocommerce-checkout #customer_details {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    grid-column: 1 !important;

    margin: 0 !important;
}


body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    width: 100% !important;
    max-width: none !important;
}


/* RIGHT COLUMN */
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    grid-column: 2 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* All right-side boxes */
body.woocommerce-checkout #order_review > *,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout .woocommerce-checkout-payment,
body.woocommerce-checkout #payment {
    width: 100% !important;
    max-width: none !important;
}


/* Product table */
body.woocommerce-checkout
.woocommerce-checkout-review-order-table {
    width: 100% !important;
}


/* Product title gets enough space */
body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.product-name {
    width: auto !important;
    min-width: 260px !important;

    word-break: normal !important;
    overflow-wrap: break-word !important;
}


/* First + Last Name */
body.woocommerce-checkout #billing_first_name_field,
body.woocommerce-checkout #billing_last_name_field {
    width: calc(50% - 9px) !important;
}


/* Inputs fill available space */
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .select2-container {
    width: 100% !important;
    max-width: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    body.woocommerce-checkout .woocommerce,
    body.woocommerce-checkout form.checkout,
    body.woocommerce-checkout form.woocommerce-checkout {
        max-width: 920px !important;
    }

    body.woocommerce-checkout form.checkout,
    body.woocommerce-checkout form.woocommerce-checkout {
        column-gap: 25px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    body.woocommerce-checkout form.checkout,
    body.woocommerce-checkout form.woocommerce-checkout {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
    }


    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review_heading,
    body.woocommerce-checkout #order_review {
        width: 100% !important;
        max-width: 100% !important;
    }


    body.woocommerce-checkout #order_review_heading {
        margin-top: 35px !important;
    }


    body.woocommerce-checkout #billing_first_name_field,
    body.woocommerce-checkout #billing_last_name_field {
        width: 100% !important;
        float: none !important;
    }

}
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout form.checkout_coupon {
    display: none !important;
}/* End custom CSS */