@media (min-width: 768px) {
    .auth-logo {
        width: 100%;
    }
    .ict-btn {
        color: #fff !important;
    }
    .form-con {
        margin-top: 0%;
        padding: 2.5em;
    }
    .form-mt {
        margin-top: 6em;
    }
}
@media (max-width: 768px) {
    .auth-logo {
        width: 100%;
    }
    .form-con {
        margin-top: 0%;
        padding: 1em;
    }
}

/*==========================================
#auth form
===========================================*/
.login-con{
  height: 100vh;
  display: flex;
    justify-content: center;
    align-items: center;
}
.login-card{
    padding: 30px !important;
    border-radius: 15px;
    background: rgb(10, 171, 250, .8);
    border: 1px solid #eee;
}

.login-card img{
    width: 100%;
    margin-bottom: 15px;
}

.auth-hd {
    font-size: 25px;
    margin-bottom: 1em;
}
.auth-input {
    background-color: #eee !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    color: gray !important;
    opacity: 0.8 !important;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .login-con{
        height: 100%;
    }
    .login-card{
        background: var(--primary-color);
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        overflow: auto;
        border: 2px solid #fff;
    }
    .login-card img{
        padding: 0px;
    }
    .log-card-max-mt{
        margin-top: 170px
    }
    .auth-hd {
        text-align: center;
        margin-top: 1em;
        margin-bottom: 1em;
        font-size: 1.4em !important;
    }
    .auth-input {
        background-color: #eee !important;
        border-top: none !important;
        border-right: none !important;
        border-left: none !important;
        color: gray !important;
        opacity: 0.8 !important;
        margin-bottom: 15px;
    }
}