#login {
    font-family: sans-serif;
    /* position: relative; */
    min-height: 100vh;
    /* background: url('/images/login_combined_bg.png') no-repeat center center/cover; */
    background: url('../images/login_bg.png') no-repeat center center/cover;
    /* margin: 0px; */
    color: white;
}

/* Tablets (Portrait) and smaller */
@media (max-width: 768px) {
    .login {
        height: 80vh; /* Increase height for better visibility */
    }


    .row {
        margin-right: 0;
        margin-left: 0;
    }
}


.header-info {
    text-align: justify;
    font-family: sans-serif;
    font-size: 40px;
}

.login-box {
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    padding: 30px;
    border-radius: 10px;
    width: 282px;
    text-align: center;
}

.form-control {
    border-radius: 10px; /* Rounded inputs */
    text-align: center;
    border: none;
    padding: 10px;
    font-size: 13px;
}

.btn-gradient {
    /*    background: linear-gradient(90deg, #6A0572, #EA4C89);*/
    background: var(--theme-gradient);
    color: white;
    border: none;
    border-radius: 10px;
    padding: 10px;
    font-size: 15px;
    width: 100%;
}

    .btn-gradient:hover {
        /*        background: linear-gradient(90deg, #4B0082, #C71585);*/
        background: var(--theme-gradient);
        color: white;
    }

.captcha {
    width: 165px !important;
}