#login .login_box .form_box {
    background-color: #fff;
    padding: 40px 34px;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 4px 50px #ddd;
    border-radius: 8px;
    flex: 0 0 468px;
    max-width: 468px
}

    #login .login_box .form_box .google_box {
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        padding: 12px;
        justify-content: center
    }

    #login .login_box .form_box .svg_icon {
        width: 100%
    }

#login .login_box .OTP_screen .form-group {
    display: flex;
    justify-content: space-between
}

    #login .login_box .OTP_screen .form-group .form-control {
        background: #f5f6fa;
        width: 58px;
        height: 66px;
        font-size: 40px;
        color: #2a3250;
        text-align: center
    }

#login .login_box .OTP_screen .otp_lal {
    color: #2a3250;
    opacity: .5
}

#login .login_box .OTP_screen .otp_time {
    color: rgba(0,0,0,.4)
}

#login .login_box .OTP_screen .Resend_otp {
    color: #c81a1a
}

#login .login_box .OTP_screen .disabled_cta {
    background-color: #eaeaea;
    color: #2a3250;
    opacity: .5
}

#login .login_box .OTP_screen .cta_border {
    background-color: rgba(0,0,0,0);
    border: 1px solid #faae1b
}

@media screen and (max-width: 991px) {
    #login .login_box .form_box {
        width: 400px;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 991px) {
    .OTP_screen .form-control {
        width: 48px !important;
        height: 56px !important;
        font-size: 25px !important
    }
}

@media screen and (max-width: 768px) {
    #login .mtop115 {
        margin-top: 40px
    }

    #login .login_box .form_box {
        width: 100%;
        padding: 24px 20px
    }

        #login .login_box .form_box .f32 {
            font-size: 26px
        }

        #login .login_box .form_box .form-control {
            padding: 10px
        }

        #login .login_box .form_box .open_Acc {
            display: block
        }
}
/*# sourceMappingURL=login.css.map */