.elementor-9 .elementor-element.elementor-element-115068a{--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;}/* Start custom CSS for container, class: .elementor-element-115068a *//* Style the Register button to match the Login button */
button.woocommerce-Button.button[name="register"] {
    background-color: #83B735 !important;
    color: white !important;
    border: none !important;
    padding: 20px !important;
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    width: 40% !important;
    height: 18px !important;
    font-size: 12px !important;
    text-align: center !important;
    line-height: 18px !important;
}



/* Mobile-specific styles for login and register sections */
@media only screen and (max-width: 768px) {
    /* Apply padding to the sections, background, and border radius */
    #customer_login .col-login,
    #customer_login .col-register {
        padding: 40px !important; /* Padding inside the background */
        border-radius: 8px !important; /* Rounded corners for the background */
        background-color: #f0f0f0 !important; /* Light grey background for both sections */
        margin: px !important; /* Margin outside the section to push it away from screen border */
    }

    /* Add a gap between the Login and Register sections */
    #customer_login {
        gap: 20px !important; /* Adjust the gap between the sections */
    }
}

.woocommerce-privacy-policy-text p {
    text-align: justify !important; /* Justify the text */
}/* End custom CSS */