.elementor-12 .elementor-element.elementor-element-b8ab0f1{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0982676 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Arial", Sans-serif;font-size:16px;}.elementor-12 .elementor-element.elementor-element-0982676 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-12 .elementor-element.elementor-element-0982676 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Arial", Sans-serif;font-size:18px;font-weight:600;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-0982676 */.elementor-12 .elementor-element.elementor-element-0982676 .woocommerce form.login,
.woocommerce form.register {
    border: none !important;
}

/* ✅ Add border and shadow to both columns */
.elementor-12 .elementor-element.elementor-element-0982676 .woocommerce .u-column1.col-1,
.woocommerce .u-column2.col-2 {
    border: 1px solid #cfc8d8 !important;
    padding: 30px !important;
    border-radius: 10px !important; /* optional for smooth corners */
}

/* ✅ Center only the headings (Login & Register) */
.elementor-12 .elementor-element.elementor-element-0982676 .woocommerce .u-column1.col-1 h2,
.woocommerce .u-column2.col-2 h2 {
    text-align: center !important;
    font-weight: 600;
    margin-bottom: 20px;
}

/* 🎯 Remove border only from WooCommerce address sections */
.woocommerce .u-column1.col-1.woocommerce-Address address,
.woocommerce .u-column2.col-2.woocommerce-Address address {
    border: none !important;
    box-shadow: none !important; /* optional if there's a shadow */
}/* End custom CSS */