*{
    margin:0;
    padding:0;
}
body {
    font-family: 'Segoe UI', sans-serif;
}
/*.container {
    max-width: 1140px;
    display: flex;
    justify-content: center;
    align-items: center;
}*/
.login-background {
    min-height: 100vh;
    background-size:cover;
    background-position : center;
    background-repeat:no-repeat;
}

@media (min-width: 992px) {
    .header-text {
        flex: 0 0 auto;
        width: auto;
    }
}

.login-glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 2rem;
    color: #fff;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

.login-label {
    font-weight: 600;
}

.login-input {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
}

    .login-input::placeholder {
        color: gray!important; /* Or any color you want */
        opacity: 1!important; /* Optional: ensures full color visibility */
    }
input::-webkit-input-placeholder {
    color: gray !important; /* Or any color you want */
    opacity: 1 !important; /* Optional: ensures full color visibility */
}

input:-moz-placeholder {
    color: gray !important; /* Or any color you want */
    opacity: 1 !important; /* Optional: ensures full color visibility */
}

input::-moz-placeholder {
    color: gray !important; /* Or any color you want */
    opacity: 1 !important; /* Optional: ensures full color visibility */
}

input:-ms-input-placeholder {
    color: gray !important; /* Or any color you want */
    opacity: 1 !important; /* Optional: ensures full color visibility */
}

.btn-orange {
    background-color: #e8b008;
    border: none;
}

    .btn-orange:hover {
        background-color: #b38808;
    }

.title-highlight {
    color: #e8b008;
    font-weight: bold;
}

.password-wrapper {
    position: relative;
}

    .password-wrapper input {
        padding-right: 40px; /* Space for the icon */
    }

/* Custom eye icon styling */
.password-container {
    position: relative;
}

    .password-container input {
        padding-right: 40px;
    }

.toggle-eye {
    position: absolute;
    top: 32%;
    right: 12px;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
    color: #666;
    float: right;/* Adjust if needed */
}
.fa-solid fa-eye-slash {
    float: right;
    top: -10px;
}
/* Hide browser default reveal icon */
input::-ms-reveal,
input::-webkit-credentials-auto-fill-button,
input::-webkit-clear-button,
input::-webkit-password-toggle-button {
    display: none !important;
}




/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .login-container {
        max-width: 500px;
        width: 100%;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .login-container {
        max-width: 500px;
        width: 100%;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .login-container {
        max-width: 500px;
        width: 100%;
    }
}

/*// X-Large devices (large desktops, 1200px and up)
*/@media (min-width: 1200px) {
    .login-container {
        max-width: 500px;
       width:100%;
    }
}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .login-container {
        max-width: 500px;
        width: 100%;
    }
}