/* Style for validation-error class */
.validation-error {
    border: 2px solid red; /* Red border to indicate error */
    background-color: #fdd; /* Light red background color */
    color: red; /* Red text color */
}

    /* Optional: Add more styles for better visibility */
    .validation-error::placeholder {
        color: red; /* Red color for placeholder text */
    }

    .validation-error:focus {
        outline: none; /* Remove default focus outline */
        box-shadow: 0 0 5px red; /* Red shadow on focus */
    }

/* Optional: Add error message styles */
.error-message {
    color: red; /* Red text color for error messages */
    font-size: 0.9em; /* Smaller font size */
    margin-top: 5px; /* Space above the error message */
    display: none; /* Hide by default */
}

/* Show error message when input has validation-error class */
.validation-error + .error-message {
    display: block;
}
.pass-eye-toggle {
    position: absolute;
    margin-left: -25px; /* Adjust based on your design */
  
}

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