.bold {
    font-weight: var(--jm-font-bold) !important;
}

.medium {
    font-weight: 500;
}

.underline {
    text-decoration-line: underline;
}

.line-through {
    text-decoration-line: line-through;
}

h2,
.h2 {
    font-style: normal;
    font-weight: var(--jm-font-bold);
    font-size: 24px;
    line-height: 40px;
    margin-bottom: unset;
}

h3,
.h3 {
    font-style: normal;
    font-weight: var(--jm-font-bold);
    font-size: 20px;
    line-height: 33px;
    margin-bottom: unset;
}

h4,
.h4 {
    font-style: normal;
    font-weight: var(--jm-font-bold);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: unset;
}

.t-sub-title {
    font-size: 18px;
    font-style: normal;
    font-weight: var(--jm-font-bold);
}

.t-body {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.t-body.bold {
    font-weight: var(--jm-font-bold);
}

.t-label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.t-label.bold {
    font-weight: var(--jm-font-bold);
}

.t-label.medium {
    font-weight: 600;
}

.t-caption {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.link {
    --icon-primary: var(--accent-color);
    color: var(--accent-color);
    text-decoration-line: underline;
    cursor: pointer;
}

.link:hover {
    --icon-primary: var(--orange-300);
    color: var(--orange-300);
}

.link-secondary {
    --icon-primary: var(--blue-500);
    color: var(--blue-500) !important;
    text-decoration-color: var(--blue-500) !important;
    text-decoration-line: underline;
    cursor: pointer;
}

.link-secondary:hover {
    --icon-primary: var(--blue-400);
    color: var(--blue-400) !important;
    text-decoration-color: var(--blue-400) !important;
}

.link-text,
.link-text:hover {
    --icon-primary: var(--icon-primary);
    color: var(--text-primary);
    text-decoration-line: none;
    cursor: pointer;
}

.bfc-link,
.bfc-link:hover {
    color: var(--accent-color);
    text-decoration-line: underline;
    cursor: pointer;
}

.link-primary,
.link-primary:hover {
    -webkit-text-decoration-color: var(--primary-text) !important;
    text-decoration-color: var(--primary-text) !important;
    color: var(--primary-text) !important;
    text-decoration-line: underline;
    cursor: pointer;
}