.title {
    font-size: 24px;
    font-weight: 700;
    color: var(--darkBlue);
}

.titleGreen {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary);
}

.titleThin {
    font-size: 24px;
    font-weight: 400;
    color: var(--darkBlue);
}

.subTitle {
    font-size: 18px;
    font-weight: 700;
    color: var(--darkBlue);
}

.text {
    font-size: 16px;
    font-weight: 400;
    color: var(--darkGray);
}

.textSmall {
    font-size: 14px;
    font-weight: 400;
    color: var(--darkGray);
}

.textSmallBold {
    font-size: 14px;
    font-weight: 700;
    color: var(--darkGray);
}

.textBold {
    font-size: 16px;
    font-weight: 700;
    color: var(--darkBlue);
}

.disclaimer {
    font-size: 12px;
    font-weight: 700;
    color: var(--darkGray);
}

.hint {
    font-size: 12px;
    font-weight: 400;
    color: var(--darkGray);
}

.hint.error {
    font-size: 12px;
    font-weight: 400;
    color: var(--red);
}

.sectionTitle {
    font-size: 14px;
    font-weight: 700;
    color: var(--darkBlue);
    text-transform: uppercase;
}

.sectionSubTitle {
    font-size: 14px;
    font-weight: 400;
    color: var(--darkGray);
    text-transform: uppercase;
}

.fieldLabel {
    font-size: 14px;
    font-weight: 400;
    color: var(--darkGray);
}

.fieldLabelSmall {
    font-size: 12px;
    font-weight: 400;
    color: var(--darkGray);
}

.fieldError {
    font-size: 12px;
    font-weight: 400;
    color: var(--red);
}