.heading1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2
}
@media (min-width: 1024px) {
    .heading1 {
        font-size: 60px
    }
}
.heading2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2
}
.heading3 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2
}
.body1 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.67
}
.body2 {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.25
}
.c-nav-item {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.c-nav-item:hover {
    --tw-text-opacity: 1;
    color: rgb(0 82 224 / var(--tw-text-opacity))
}
@media (min-width: 640px) {
    .c-nav-item {
        font-size: 1rem;
        line-height: 1.5rem
    }
}