.heading-component.base-heading-styles {
    font-family: GaspoSlab, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 0 !important;
}
.heading-component.primary {
    color: #E76127;
}
.heading-component.secondary {
    color: #006680;
}
.heading-component.h1-style {
    text-align: center;
    font-size: var(--headings-h1, 40px);
    @media (min-width: 768px) {
        font-size: var(--headings-h1, 48px);
    }
    @media (min-width: 1200px) {
        font-size: var(--headings-h1, 64px);
    }
}
.heading-component.h2-style {
    font-size: var(--headings-h2, 24px);
    @media (min-width: 768px) {
        font-size: var(--headings-h2, 40px);
    }
    @media (min-width: 1200px) {
        font-size: var(--headings-h2, 48px);
    }
}
.heading-component.text-center {
    text-align: center;
}
.heading-component.text-left {
    text-align: left;
}
.heading-component.text-right {
    text-align: right;
}