/* General Styles for the User Registration Form */
#user-registration .user-registration-form {
    max-width: 600px; /* Increased width */
    margin: 0 auto;
    padding: 30px;
    background-color: #fff; /* Change to match your theme */
    xborder: 1px solid #ddd; /* Border color */
    xborder-radius: 5px;
    xbox-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Style for Form Titles */
#user-registration .user-registration-login-title {
    display: block;
    text-align: left; /* Align title to the left */
    margin-bottom: 20px;
    font-size: 1.5em;
    color: #333; /* Title color */
}

/* Form Rows */
#user-registration .user-registration-form-row {
    margin-bottom: 15px;
    text-align: left; /* Align form rows to the left */
}

/* Labels */
#user-registration label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    width:200px;
}

/* Input Fields */
#user-registration .user-registration-Input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box; /* Ensure padding doesn't affect width */
}

/* Submit Button */
#user-registration .user-registration-Button {
    width: 100%;
    padding: 10px;
    background-color: #0073aa; /* Button background color */
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#user-registration .user-registration-Button:hover {
    background-color: #005077; /* Button hover color */
}

/* Lost Password Link */
#user-registration .user-registration-LostPassword a {
    color: #0073aa; /* Link color */
    text-decoration: none;
}

#user-registration .user-registration-LostPassword a:hover {
    text-decoration: underline;
}

/* Checkbox and Label */
#user-registration .user-registration-form__label-for-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#user-registration .user-registration-form__input-checkbox {
    margin-right: 5px;
}

.breadcumb-area {
    display:none;
    
}

/* Hide the original text */
.submit input[type="submit"][name="signup_submit"] {
    font-size: 20px; /* Hide text */
    color: white;
    position: relative;
    background-color: #0073aa; /* You can change the button color */
    border: 1px solid #005077;
    padding: 10px 20px;
    border-radius: 5px;
}

/* Create a pseudo-element to show the new text */
.submit input[type="submit"][name="signup_submit"]::after {
    content: "Register"; /* New text you want to display */
    font-size: 26px; /* Set font size */
    color: white; /* Text color */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Disable pointer events on the pseudo-element */
}

    .container {
            max-width:100%;
        }
        
        .logo {
            max-width:150px;
            margin:10px;
        }
        
        .astute_nav_area > .container {
            max-width:fit-content;
        }
        
        h2 {
            text-align:center;
        }