@layer components {
.text-style-card-heading {
    font-family: var(--font-family-primary);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: 0;
}

.text-style-card-body {
    font-family: var(--font-family-primary);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: 0;
}

.text-style-body-13-relaxed {
    font-family: var(--font-family-primary);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .text-style-card-heading {
        font-size: 18px;
    }
}

}