.fzt-heading-container {    
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    position: relative;
    gap: 10px;
    width: 100%;
}

.fzt-heading-container .fzt-heading-intro-title {
    font-family: var(--kidizro-h2-font-family);
    font-size: var(--kidizro-h5-font-size);
    font-weight: 500;
    line-height: 1.1;
    color: var(--kidizro-primary-color);
    display: inline-flex;
    justify-content: inherit;
    align-items: inherit;
    text-align: inherit;
    text-wrap: balance;
    width: 100%;
}

.fzt-heading-container .fzt-heading-title {
    font-family: var(--kidizro-h2-font-family);
    font-size: var(--kidizro-h2-font-size);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.6px;
    text-align: inherit;
    text-wrap: balance;
    color: var(--kidizro-heading-color);
    display: inline-flex;
    justify-content: inherit;
    align-items: inherit;
    width: 100%;
    text-shadow: 0px 3px 8px rgba(var(--kidizro-heading-color-rgb), 0.1);
}

.fzt-heading-container .fzt-heading-intro-title:empty,
.fzt-heading-container .fzt-heading-title:empty {
    display: none;
}

/* Responsive */

/* Laptop, 1281px and up */
@media (min-width: 1281px) and (max-width: 1440px) {
    .fzt-heading-container .fzt-heading-title {
        font-size: var(--kidizro-h3-font-size);
    }
}

/* Tablets - Landscape, 1025px and up */
@media (min-width: 1025px) and (max-width: 1280px) {
    .fzt-heading-container .fzt-heading-title {
        font-size: var(--kidizro-h3-font-size);
    }
}

/* Tablets - Portrait, 768px and up */
@media (min-width: 768px) and (max-width: 1024px) {
    .fzt-heading-container .fzt-heading-title {
        font-size: var(--kidizro-h3-font-size);
    }
}

/* Mobile - Landscape, less than 767px */
@media (min-width: 576px) and (max-width: 767px) {
    .fzt-heading-container .fzt-heading-title {
        font-size: calc(var(--kidizro-h3-font-size) - 10px);
    }
}

/* Mobile - Portrait, less than 575px */
@media (max-width: 575px) {
    .fzt-heading-container .fzt-heading-title {
        font-size: calc(var(--kidizro-h3-font-size) - 10px);
    }
}

/* Small Mobile - Portrait, less than 479px */
@media (max-width: 479px) {
    .fzt-heading-container .fzt-heading-title {
        font-size: var(--kidizro-h4-font-size);
    }
}