.elementor-11 .elementor-element.elementor-element-418df540{--display:flex;--background-transition:0.3s;}/* Start custom CSS for text-editor, class: .elementor-element-2ab2e318 *//* Apply consistent width and box-sizing to form fields */
.woocommerce-form-register .acf-field,
.woocommerce-form-register .woocommerce-form-row {
    width: 100%; /* Ensures the fields take up the full container width */
    box-sizing: border-box; /* Prevents padding from affecting the width */
    margin-bottom: 1rem; /* Adds space between the fields */
}

/* Optionally: Add some styling to make both field types visually similar */
.woocommerce-form-register .acf-field .acf-input-wrap,
.woocommerce-form-register .woocommerce-form-row .woocommerce-Input {
    width: 100%; /* Ensures the input fields take up 100% of their container */
    padding: 0.8em; /* Adds some padding to the fields for better readability */
    margin: 0; /* Resets any extra margins */
   
}


/* Apply flexbox to the container to align the fields side by side */
.acf-fields.acf-form-fields.-top {
    display: flex;
    gap: 10px; /* Space between input fields */
    flex-wrap: wrap; /* Allows the elements to wrap onto the next line if needed */
}

/* Style individual field containers */
.acf-field {
    flex: 1 1 45%; /* Each input takes up 45% of the container width */
}

/* Ensure inputs are larger */
.acf-input-wrap input {
    width: 100%; /* Makes input boxes take full width of their container */
    padding: 10px; /* Increases input padding to make it larger */
    font-size: 16px; /* Optional: increases font size inside input fields */
}
/* Optional: Adding label margin for better spacing */
.acf-label {
    margin-bottom: 5px; /* Space between the label and the input box */
}

/* Flexbox styling for all screen sizes */
.acf-fields.acf-form-fields.-top {
    display: flex;
    gap: 20px; /* Default gap */
    flex-wrap: wrap;
    width: 100%; /* Default width */
}
.woocommerce-form-register .acf-field .acf-input-wrap, .woocommerce-form-register .woocommerce-form-row .woocommerce-Input {
    width: 100%;
     padding: 0em; 
    margin: 0;
}







/* Apply flexbox to the form container */
form.woocommerce-form {
    display: flex;
    flex-wrap: wrap; /* Allows elements to wrap onto the next line if necessary */
}

/* Style the p tags to display side by side */
form.woocommerce-form p.woocommerce-form-row {
    flex: 1 1 45%;
    margin-right: 3%;
}


/* Remove the margin for the last <p> to avoid extra space */
form.woocommerce-form p.woocommerce-form-row:last-child {
    margin-right: 0;
}

/* Style the input container */

.password-input {
    position: relative;
    display: inline-block;
}


.woocommerce-form-login.woocommerce-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

/* Form row container */
.woocommerce-form-login .woocommerce-form-row {
    width: 100%;
    margin-bottom: 15px;
}

/* Input fields styling */
.woocommerce-form-login .woocommerce-Input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Adjust password input */
.woocommerce-form-login .password-input {
    position: relative;
}

.woocommerce-form-login .show-password-input {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

.woocommerce .woocommerce-form-login {
    text-align: left; /* Align contents to the left */
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    float: left;
    margin-right: 19em;
    text-align: left;
    /*    position: relative;*/
    /*left: -140px;*/
    
}

/* Remember me and Lost password section */
.woocommerce-form-login .rememberme-lost_password {
    width: 100%;
    display: flex;
    justify-content: space-between;
  align-items: center;
    margin-top: 10px; /* Add space between Remember me and Lost password */
}

/* Add some space between the Remember me checkbox and the Lost password link */
.woocommerce-form-login .woocommerce-form__label {
    display: inline-flex;
    align-items: center;
}

.woocommerce-form-login .woocommerce-form__input-checkbox {
    margin-right: 8px;
}

/* Lost password link */
.woocommerce-form-login .woocommerce-LostPassword a {
    font-size: 14px;
    color: #007cba;
    text-decoration: none;
}

.woocommerce-form-login .woocommerce-LostPassword a:hover {
    text-decoration: underline;
}

/* Responsive behavior */
@media (max-width: 600px) {
    .woocommerce-form-login.woocommerce-form {
        padding: 20px;
    }
}/* End custom CSS */