.login-box {
    width: 860px;
}
.login-flex {
    display: flex;
    align-items: center;
    height: 100vh;
}
.login-flex-2 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background: white;
}
.login-logo, .register-logo {
    font-size: 1.6rem;
    font-weight: 300;
    margin-bottom: .9rem;
    text-align: center;
}
.card-information {
    min-height: 290px;
    .card-header {
        border-bottom: 0px;
    }
}
.card-login {
    min-width: 380px;
    max-width: 440px;
}
.div-word {
    text-align: left;
    margin-bottom: 1.5rem;
    .div-title {
        font-size: 1.2rem;
        margin-top: 20px;
        font-weight: 600;
    }
    .div-subtitle {
        font-size: 1.3rem;
        margin-top: 5px;
        font-weight: 400;
    }
}
#remember {
    font-size: small;
}
.icheck-primary {
    font-size: 14px;
    font-weight: 600;
}
.btn-pill {
    border-radius: 50px; /* Adjust the value for the desired pill shape */
    padding-left: 20px; /* Add padding for better appearance */
    padding-right: 20px; /* Add padding for better appearance */
  }
.btn-primary-madani {
    color: #fff;
    background-color: rgb(63, 209, 180);
}
.text-primary-madani {
    color: rgb(45, 151, 130);
}

@media (max-width: 991px) {
    .login-box {
        width: 100%;
    }
    .login-flex-2 {
        flex-direction: column;
        align-items: stretch;
        gap: 0px;
    }
    .login-logo {
        margin: 10px 0px;
        a {
            font-size: 1.4rem;
        }
        img {
            width: 20%;
        }
    }
    .card-login {
        min-width: 240px;
    }
    .div-word {
        display: none;
    }
}