.dark-login {
    background-image: url('../images/bg-image-dark.png'), linear-gradient(180deg, #122837 0%, #000E1B 68.02%);
}

.dark-login .login-logo img {
    width: 180px;
}

.dark-login .login-logo p {
    color: #C7C7C7;
}

.dark-login .login-left-image img {
    width: 100%;
}

.dark-login .form-bg {
    background-color: #06182B;
    border: 1px solid #2A384A;
}

.dark-login .form-bg .form-control {
    border-radius: 15px;
    border: 1px solid #2A384A;
    /* background: #0E2132 */
}

.dark-login .form-bg .email-icon {
    display: none;
}

.dark-login .form-bg h2,
.dark-login .form-bg p,
.dark-login .form-bg label {
    color: #fff;
}

.dark-login .sign-in-btn {
    border-radius: 15px;
    background: linear-gradient(180deg, #E8B952 0%, #D09A3E 100%);
    color: #000;
}

/* responsive CSS */

@media only screen and (max-width: 992px) {

    .dark-login .login-logo {
        text-align: center;
    }

    .dark-login {
        height: 100%;
    }

}

@media only screen and (max-width: 550px) {

    .dark-login .login-left-image img {
        display: none;
    }

    .dark-login {
        padding: 20px;
        height: 100vh;
    }

    .dark-login .form-bg {
        padding: 20px;
        margin-top: 60px;
    }
}