.agreement {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
*   padding-top: 50px;
    padding-bottom: 50px;
}

.agreement > div {
    align-items: center;
    justify-content: center;
    width: var(--headerWidth);
}

.agreement h3,
.agreement h4,
.agreement p,
.agreement li {
    color: var(--colorGrayDark);
}

.agreement h3,
.agreement h4 {
    text-align: left;
    font-weight: 700;
}

.agreement p,
.agreement li {
    text-align: justify;
    text-align-last: left;
}

.agreement h4 {
    margin-top: 30px;
}

.agreement p {
    margin-top: 20px;
}

.agreement ul {
    list-style-type: none;
    list-style-position: outside;
    padding-left: 1em;
}

.agreement ul li {
    margin-top: 10px;
    list-style-type: disc;
    text-align: justify;
    line-height: 170%;
}

.agreement ul li::marker {
    color: var(--colorGrayDark);
}