/* Login page */

body {
    padding: 32px 32px 32px 60px;
}

section.content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 25px;
}
section.content .form-block {
    max-width: calc(100% - 803px);
    width: 100%;
}
section.content .form-block .form-block-content {
    max-width: 488px;
    width: 100%;
    margin: 133px auto 143px;
}
section.content .form-block .form-title {
    color: var(--plgchk-black-3);
    font-size: 34px;
    font-family: 'Euclid Curcilar A', sans-serif;
    font-weight: 500;
    line-height: 120%;
    margin: 0 0 12px;
}
section.content .form-block .form-subtitle {
    color: var(--plgchk-black-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    margin: 0 0 32px;
}
section.content .form-block .continue-with-google {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--plgchk-white-4);
    margin: 0 0 32px;
    text-decoration: none;
}
section.content .form-block .continue-with-google span {
    color: var(--plgchk-black);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
section.content .form-block .or-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 0 0 32px;
}
section.content .form-block .or-block .line {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: var(--plgchk-white-3);
}
section.content .form-block .or-block .text {
    color: var(--plgchk-black-4);
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}
section.content .form-block form .actions-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}
section.content .form-block form .actions-row .forgot-password {
    color: var(--plgchk-green-3);
    font-size: 15px;
    line-height: 140%;
    font-weight: 500;
}
section.content .form-block form button[type="submit"] {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 16px;
    margin: 0 0 32px;
}
section.content .form-block .terms,
section.content .form-block .already-have-account,
section.content .form-block .dont-have-account {
    color: var(--plgchk-black-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
}
section.content .form-block .terms a,
section.content .form-block .already-have-account a,
section.content .form-block .dont-have-account a {
    color: var(--plgchk-green-3);
    font-weight: 500;
    text-decoration: none;
}
section.content .form-block .terms {
    margin: 0 0 32px;
}
section.content .form-block .copyright {
    color: var(--plgchk-black-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
}
section.content .illustration-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 793px;
    max-height: 936px;
    width: 100%;
    background:
        url('../images/login-illustration-bottom-left.png'),
        url('../images/login-illustration-center.png'),
        url('../images/login-illustration-top-right.png'),
        url('../images/login-illustration-center-bg.png'),
        url('../images/login-illustration-top-left.png'),
        url('../images/login-illustration-top-right-bg.png'),
        #fdfdfd;
    background-position: 0 100%, 0 100px, 100% 0, 120px 80px, 0 0, 100% 50px;
    background-repeat: no-repeat;
    padding: 32px;
    border-radius: 30px;
    border:1px solid #eff7ec;
}
section.content .illustration-block .top-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
}
section.content .illustration-block .bottom-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    gap: 10px;
}
section.content .illustration-block .already-have-an-account-block {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}
section.content .already-have-an-account-block .text {
    color: var(--plgchk-black-2);
    font-size: 15px;
    line-height: 140%;
    font-weight: 400;
}
section.content .already-have-an-account-block a {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    padding: 8px 16px;
}
section.content .illustration-block .scan-daily {
    max-width: 311px;
}
section.content .illustration-block .scan-daily img {
    display: block;
    margin: 0 0 24px;
}
section.content .illustration-block .scan-daily .block-title {
    color: var(--plgchk-black);
    font-size: 24px;
    line-height: 120%;
    font-weight: 400;
    margin: 0 0 16px;
}
section.content .illustration-block .scan-daily .block-title span {
    font-weight: 600;
}
section.content .illustration-block .scan-daily .block-subtitle {
    color: var(--plgchk-black-2);
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    margin: 0;
}

/* END Login page */

@media (max-width: 1399px) {
    section.content .illustration-block {
        max-width: 500px;
        padding: 15px;
    }
}
@media (max-width: 1199px) {
    body {
        padding: 40px 20px;
    }
    section.content {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    section.content .illustration-block {
        display: none;
    }
    section.content .form-block {
        max-width: 100%;
    }
    section.content .form-block .form-block-content {
        margin: 70px auto 96px;
    }
}