.login {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px #423d3d36;
}

.login .login-left {
    background-image: url('../images/auth/login.jpg');
    background-size:cover;
    background-position: center center;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
}

.login .login-left .typography {
    backdrop-filter: blur(100px);
    border-radius: 10px;
}

.login .login-left .typography * {
    text-align: center;
    color: #ffffff;

}

.login .login-right .typography .heading {
    color: #2196F3;
}

.login .login-right .social-login a {
    color: #2196F3;
    transition: 0.3s ease-in-out;
}

.login .login-right .social-login a:hover {
    background: #2196F3;
    color: #ffffff;
    transition: 0.3s ease-in-out;
}

.login .input-group {
    border-bottom: 1px solid #cccccc;
}

.login .input-group-text {
    background: transparent;
}

.login .input-group input:focus {
    box-shadow: none !important;
}

.login button {
    background: #2196F3;
}