.login__page {
    background: var(--white-color);
}

.login__cards {
    min-height: 100vh;
}

.login__content {
    border-radius: 16px;
    border: 0px solid #E5E7EB;
    background: #FFF;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.10), 0px 20px 25px 0px rgba(0, 0, 0, 0.10);
}

.form__login {
    display: flex;
    padding: 48px 48px 14px 48px !important;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 32px;
    border: 0px solid #E5E7EB;
    background: rgba(0, 0, 0, 0.00);
}

.divider {
    background: #D1D5DB;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
    width: 2px;
    height: 20px;
    flex-shrink: 0;
}

.languages {
    gap: 20px;
    padding: 0 35px;
    margin-bottom: 40px;
}

.active {
    color: var(--primary-color);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: not-allowed;
}

.not_active {
    color: #9CA3AF;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer !important;
}

.form__title {
    color: #111827;
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 100% */
    margin-bottom: 10px;
}

.form__subtitle {
    color: #4B5563;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
    margin-bottom: 34px;
}

.logo_card {
    border-radius: 0px 16px 16px 0px;
    background: rgba(229, 231, 235, 0.22);
    height: 628px;
}

form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form_input_field {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
    justify-content: center;
    position: relative;
}

.form_input_label {
    color: #374151;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.form_input {
    border-radius: 8px !important;
    border: 1px solid #D1D5DB !important;
    background: #FFF !important;
    display: flex !important;
    /*width: 464px !important;*/
    height: 50px !important;
    padding: 0px 16px 0px 16px !important;
    align-items: center !important;
}

.eye-icon {
    position: absolute;
    inset-inline-end: 17px; /* "right" in LTR, "left" in RTL */
    top: 45px;
}

.open-eye {
    display: none !important;
}

.forget_password a {
    color: var(--primary-color);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 100% */
    text-decoration: none;
}

.form-check-label {
    color: #4B5563;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 100% */
}

.login_btn {
    border-radius: 8px !important;
    border: 0px solid #E5E7EB !important;
    background: var(--primary-color) !important;
    color: #FFF !important;
    text-align: center !important;
    font-family: Inter !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    display: flex !important;
    height: 48px !important;
    padding: 14px 0px !important;
    justify-content: center !important;
    align-items: center !important;
}

.login__footer {
    gap: 17px;
}

.social_media {
    gap: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social_media img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    cursor: pointer;
}

.copyrights {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4B5563;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 100% */
}

.disabled {
    cursor: not-allowed !important;
}

.logo_container {
    width: 373.746px;
    height: 373.746px;
    border-radius: 373.746px;
    background: #f2f4f6;
    background-blend-mode: multiply;
}

.logo_container img {
    width: 237px;
    height: 233px;
    flex-shrink: 0;
    aspect-ratio: 237/233;
}