* {
    padding: 0;
    margin: 0;
    font-family: "Noto Sans", sans-serif;
}



.login-page {
    /* background-image: url('../img/mw-bg.png'); */
    background-image: url('../img/mw-bg-2.png');
    /* background-size: 100% auto; */
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 8px;
    min-height: 100vh;
    align-content: center;
}

.login-content-box {
    max-width: 580px;
}

.login-content-box h2 {
    font-size: 70px;
    color: #fff;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 3px;
}

.login-content-box p {
    font-size: 18px;
    color: #fff;
    margin: 0;
}

.login-card {
    max-width: 594px;
    background-color: #fff;
    border-radius: 50px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(29, 17, 0, 0.12);
    /* padding: 60px 70px; */
        padding: 50px 60px;
    margin-left: auto;
}

.logo-box {
    text-align: center;
}

.logo-box img {
    /* max-width: 286px; */
    max-width: 230px;
    width: 100%;
}

.card-heading {
    /* color: #4E97BD; */
    color: #1D2A5B;
    font-size: 32px;
    font-weight: 500;
    /* margin: 40px 0 20px; */
     margin: 30px 0 20px;

}

.card-heading span {
    color: #1D2A5B;
}

.label-lgn-form {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 9px;
}

input.input-lgn-form {
    border-radius: 8px;
    border: 1px solid #AFAFAF;
    background-color: #fff;
    min-height: 46px;
}

input.input-lgn-form:focus {
    border-color: #0A76C0;
    box-shadow: unset;
}

.icon-input-password {
    position: relative;
}

.icon-input-password .input-lgn-form {
    padding-right: 40px;
}

.eyeIcon {
    position: absolute;
    top: 13px;
    right: 10px;
    color: #152D53;
}

.eyeIcon:hover {
    cursor: pointer;
    color: #4E97BD;
}

.checkRembr-lgn-form .form-check-input {
    border-radius: 3px;
    border: 1px solid #AFAFAF;
}

.checkRembr-lgn-form .form-check-label {
    color: #464646;
    font-size: 16px;
    font-weight: 400;
}

.otp-field {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.otp-field .input-lgn-form {
    width: 46px;
    height: 46px;
}

.forgot-text-link {
    color: #2B8EAF;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    margin-left: auto;
}

.btn.btn-lgn-submit {
    border-radius: 56px;
    background: linear-gradient(90deg, #388DB4 0%, #152D53 100%);
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    padding: 13px 15px;
    background-repeat: no-repeat;
}

.btn.btn-lgn-submit:hover {
    /* background: linear-gradient(90deg, #152D53 0%, #388DB4 100%); */
    background: linear-gradient(180deg, #388DB4 -90%, #152D53 100%);
    transition: all .3s ease-in-out;
}

.info-text-account {
    color: #303030;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.text-link-acount {
    text-decoration: none;
    color: #2B8EAF;
}

.eyeClose {
    display: none;
}

.eyeIcon.active .eyeClose {
    display: block;
}

.eyeIcon.active .eyeOpen {
    display: none;
}


@media(max-width:1199px) {
    .mob-hide-signup {
        display: none;
    }

    .login-card.signup-Card {
        margin: 0 auto;
    }
}

@media(max-width:991px) {
    .mob-hide {
        display: none;
    }

    .login-card {
        margin: 0 auto;
    }

    /* font size 16 */
    .login-content-box p,
    .info-text-account {
        font-size: 16px;
    }
}

@media(max-width:767px) {
    .logo-box img {
        max-width: 160px;
    }

    .login-card {
        padding: 20px 24px 30px;
        border-radius: 20px;
    }

    .card-heading {
        font-size: 24px;
        margin: 24px 0 14px;
    }

    .checkRembr-lgn-form .form-check-label,
    .forgot-text-link {
        font-size: 14px;
    }
}


/* Password Suggestions Styling */
.password-suggestions {
    background: #f9fafb;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #d1d5db;
    font-size: 13px;
}

.password-suggestions b {
    color: var(--text-main);
    display: block;
    margin-bottom: 8px;
}

.password-suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.password-suggestions li {
    margin-bottom: 4px;
    color: var(--error-color);
    display: flex;
    align-items: center;
}

.password-suggestions li::before {
    content: "○";
    margin-right: 8px;
    font-weight: bold;
}

.password-suggestions li.req-valid {
    color: var(--success-color);
}

.password-suggestions li.req-valid::before {
    content: "✓";
}

.eyeIcon .eyeClose {
    display: none;
}

.eyeIcon.active .eyeOpen {
    display: none;
}

.eyeIcon.active .eyeClose {
    display: inline;
}


.input-error-border {
    border: 1px solid red !important;
}

/* Reset Password Suggestions Styling */
.reset-password-suggestions {
    background: #f9fafb;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #d1d5db;
    font-size: 13px;
}

.reset-password-suggestions b {
    color: var(--text-main);
    display: block;
    margin-bottom: 8px;
}

.reset-password-suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.reset-password-suggestions li {
    margin-bottom: 4px;
    color: var(--error-color);
    display: flex;
    align-items: center;
}

.reset-password-suggestions li::before {
    content: "○";
    margin-right: 8px;
    font-weight: bold;
}

.reset-password-suggestions li.req-valid {
    color: var(--success-color);
}

.reset-password-suggestions li.req-valid::before {
    content: "✓";
}

.eyeIcon .eyeClose {
    display: none;
}

.eyeIcon.active .eyeOpen {
    display: none;
}

.eyeIcon.active .eyeClose {
    display: inline;
}


.input-error-border {
    border: 1px solid red !important;
}

/* 05-01-2025 new css  */
.custm-mfaChoiceForm input[type="radio"]:checked + label{
    border-color: #0A76C0 !important;
    box-shadow: unset;
}
.user-dProfile img{
max-width:140px;
width:100%;
height: 140px;
border-radius: 50%;
}