.elementor-41 .elementor-element.elementor-element-33e0248{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}body.elementor-page-41:not(.elementor-motion-effects-element-type-background), body.elementor-page-41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-41 .elementor-element.elementor-element-33e0248{--content-width:706px;--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;--flex-wrap:nowrap;}}@media(min-width:768px){.elementor-41 .elementor-element.elementor-element-33e0248{--content-width:1110px;}}/* 1. Force the Main Wrapper to be Full Width & Side-by-Side */
.elementor-41 .elementor-element.elementor-element-1f06cc1 #customer_login,
.elementor-41 .elementor-element.elementor-element-1f06cc1 .u-columns.col2-set {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 40px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

/* 2. Strip leftover theme borders from the individual boxes */
.elementor-41 .elementor-element.elementor-element-1f06cc1 .u-columns .col-1, 
.elementor-41 .elementor-element.elementor-element-1f06cc1 .u-columns .col-2,
.elementor-41 .elementor-element.elementor-element-1f06cc1 .u-column1,
.elementor-41 .elementor-element.elementor-element-1f06cc1 .u-column2,
.elementor-41 .elementor-element.elementor-element-1f06cc1 .woocommerce-form-login,
.elementor-41 .elementor-element.elementor-element-1f06cc1 .woocommerce-form-register {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Left Column (Login) */
.elementor-41 .elementor-element.elementor-element-1f06cc1 .u-columns .col-1,
.elementor-41 .elementor-element.elementor-element-1f06cc1 .u-column1 {
    width: 50% !important;
    padding-right: 40px !important;
    border-right: 1px solid #e5e7eb !important; /* The middle divider */
}

/* 4. Right Column (Register) */
.elementor-41 .elementor-element.elementor-element-1f06cc1 .u-columns .col-2,
.elementor-41 .elementor-element.elementor-element-1f06cc1 .u-column2 {
    width: 50% !important;
    padding-left: 40px !important;
}

/* 5. Center the Titles */
.elementor-41 .elementor-element.elementor-element-1f06cc1 .u-columns h2 {
    text-align: center !important;
    font-weight: 500 !important;
    margin-bottom: 30px !important;
    font-size: 28px !important;
    color: #000 !important;
}

/* 6. Style the Input Fields */
.elementor-41 .elementor-element.elementor-element-1f06cc1 .woocommerce form .form-row input.input-text {
    background-color: #f3f4f6 !important; 
    border: 1px solid #f3f4f6 !important; 
    border-radius: 6px !important;
    padding: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #333 !important;
}

.elementor-41 .elementor-element.elementor-element-1f06cc1 .woocommerce form .form-row input.input-text:focus {
    border-color: #0f529e !important; 
    background-color: #ffffff !important;
    outline: none !important;
}

/* 7. Buttons */
.elementor-41 .elementor-element.elementor-element-1f06cc1 .woocommerce form.login .button {
    background-color: #000000 !important;
    color: #ffffff !important;
    width: 100% !important; 
    border-radius: 6px !important;
    padding: 15px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

.elementor-41 .elementor-element.elementor-element-1f06cc1 .woocommerce form.register .button {
    background-color: #f3f4f6 !important;
    color: #ff0000 !important;
    width: auto !important; 
    display: block !important;
    margin: 20px auto 0 !important;
    border-radius: 6px !important;
    padding: 12px 30px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* 8. Mobile Responsiveness */
@media (max-width: 768px) {
    .elementor-41 .elementor-element.elementor-element-1f06cc1 #customer_login,
    .elementor-41 .elementor-element.elementor-element-1f06cc1 .u-columns.col2-set {
        flex-direction: column !important;
        padding: 20px !important;
    }
    .elementor-41 .elementor-element.elementor-element-1f06cc1 .u-columns .col-1,
    .elementor-41 .elementor-element.elementor-element-1f06cc1 .u-column1 {
        width: 100% !important;
        padding-right: 0 !important;
        border-right: none !important; 
        border-bottom: 1px solid #e5e7eb !important; 
        padding-bottom: 30px !important;
        margin-bottom: 30px !important;
    }
    .elementor-41 .elementor-element.elementor-element-1f06cc1 .u-columns .col-2,
    .elementor-41 .elementor-element.elementor-element-1f06cc1 .u-column2 {
        width: 100% !important;
        padding-left: 0 !important;
    }
}