.welcome-page li {
    list-style: none;
    padding: 4px;
}

.logged-out-page iframe {
    display: none;
    width: 0;
    height: 0;
}

.grants-page .card {
    margin-top: 20px;
    border-bottom: 1px solid lightgray;
}

.grants-page .card .card-title {
    font-size: 120%;
    font-weight: bold;
}

.grants-page .card .card-title img {
    width: 100px;
    height: 100px;
}

.grants-page .card label {
    font-weight: bold;
}
.left-pane{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lead {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 2rem;
}

.iti {
    width: 100%;
}

.login-page {
    font-size: 18px !important;
    
    .left-pane {
        padding-top: 6%;

        .card {
            min-width: 25vw;
            border: none;
            font-size: 18px;
            font-weight: 400;

            .card-body {
                font-weight: 500;

                .form-control {
                    font-weight: 500;
                    padding: 24px 12px;
                }                

                .forgot-password-link {
                    color: #6366f1
                }

                .btn {
                    background-color: #4f46e5;
                    color: #ffffff;
                    font-size: 18px;
                    font-weight: 500;
                    width: 100%;
                    height: 48px;
                    padding: 0 20px;
                    border-radius: 25px;
                    margin-top: 1.5rem;
                }
            }
        }
    }
    
    .right-pane {
        display: flex !important;
        min-height: 100vh;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 27px !important;
        max-width: 50%;
        padding-left: 8.1rem;
        padding-right: 8.1rem;

        background-color: #1F293B;
        
        .dots {
            position: absolute;
            top: -4.5rem !important;
            right: -4.5rem !important;
        }
        
        .content {
            width: 100%;
            
            .title-text {
                font-size: 54px;
                font-weight: 700;
                line-height: 1;
                color: #F1F5F9;
            }

            .sub-title-text {
                /*font-size: 18px;*/
                color: #94A3B8;
            }
        }
    }
}

div.iti__selected-dial-code {
    /*color: red !important*/
    font-size: 1em !important;
}

.phoneNumber {
    font-size: 1em;
    /*color: blue;*/
}
.reset-header {
    padding-bottom: 60px;
    font-weight: 800;
    font-size: 36px;
}
.position-absolute, .absolute{
    position: absolute !important;
}
.p-16{
    padding: 4rem !important;
}

.inset-0{
    top: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
}
.w-1\/2 {
    width: 50% !important;
}

@media only screen and (max-width: 575px) {
    .right-pane {
        min-height: 20% !important;
        max-height: 28% !important;
        max-width: 100% !important;
        padding: 1.5rem !important;
    }
    .left-pane {
        max-height: 80% !important;
    }
    .row{
        flex-wrap: nowrap !important;
        flex-direction: column-reverse !important;
    }
    .m-hide {
        display:none;
    }
    .title-text, .m-center{
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .m-center{
        margin-top: 8px !important;
    }
    .reset-header {
        padding-bottom: 40px;
        text-align: center;
        font-size:28px;
        font-weight: 700;
    }
}
.password-toggle-icon {
    transform: translatex(-150%);
    cursor: pointer;
}

.password-toggle-icon i {
    font-size: 18px;
    line-height: 1;
    color: #333;
    transition: color 0.3s ease-in-out;
    margin-bottom: 20px;
}

.password-toggle-icon i:hover {
    color: #000;
}
.password-toggle-icon2 {
     transform: translatex(-150%);
     cursor: pointer;
 }

.password-toggle-icon2 i {
    font-size: 18px;
    line-height: 1;
    color: #333;
    transition: color 0.3s ease-in-out;
    margin-bottom: 20px;
}

.password-toggle-icon2 i:hover {
    color: #000;
}

.reset-input-group{
    display: flex;
    align-items: center;
    .form-control{
        padding-right: 30px !important; 
    }    
}

input::-ms-reveal {
    display: none;
}