/* Login Container */

.background-image {
    position: relative;
    background-image: url('../images/thumbnail_image001.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    /* Enable flexbox */
    justify-content: center;
    /* Horizontally center */
    align-items: center;
    /* Vertically center */
}

.login-container {
    position: relative;
    /* Remove absolute positioning here */
    max-width: 900px;
    width: 550px;
    padding: 35px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.9);
    /* Optional: Semi-transparent background */
}

.login-container h2 {
    text-align: center;
    color: #000033;
}

.loginform {
    margin: auto;
}

.login-form {
    margin: auto;
    width: 500px;
    /* Fixed width for larger screens */
    height: 100%;
    margin-top: 200px;
}


/* Adjustments for custom input */

.custom-input {
    width: 200px;
}


/* Header for login form */

.login-form h4 {
    margin: auto;
}