h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: var(--kt-headings-color);
    outline: 0;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1.2;
    color: #181C32;
}

h1, .h1 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 1.75rem;
    }
}

h2, .h2 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 1.5rem;
    }
}

h3, .h3 {
    font-size: calc(1.26rem + 0.12vw);
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.35rem;
    }
}

h4, .h4 {
    font-size: 1.25rem;
}

h5, .h5 {
    font-size: 1.15rem;
}

h6, .h6 {
    font-size: 1.075rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}