.mobile-text-align-center {
    @media (width < 800px) {
        text-align: center;
        width: 100%;
    }
}

.paint {
    contain: paint;
}

.image-full-width {
    > img {
        width: 100% !important;
    }
}

.x-small-wrap {
    &.wp-block-group {
        max-width: var(--wp--style--global--x-small-size);
    }
}

.heading_small_span {
    display: grid;
    gap: 0.1em;

    span {
        font-size: var(--wp--preset--font-size--medium);
        color: var(--wp--preset--color--primary-navy-700);

        &::after {
            content: ":";
        }
    }
}