.elementor-widget-flavor-heading {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.flavor-heading {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

.flavor-heading p {
    margin: 0;
    padding: 0;
}

.flavor-heading:after,
.flavor-heading:before {
    margin: 0;
    padding: 0;
    background: 0 0;
    height: 0;
    width: 0;
    border: none;
    content: '';
    max-width: 100%;
}

.flavor-heading.flavor-gradient-heading {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: rgba(0, 0, 0, .2);
    display: block;
}

/* Gradient Mask Skin */
.flavor-heading-skin-gradient-mask span {
    background: var(--flavor-heading-gradient, linear-gradient(to right, #30CFD0 0%, #330867 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* Neon Glow Skin */
.flavor-heading-skin-neon-glow span {
    color: var(--flavor-neon-core, #fff);
    text-shadow:
        0 0 5px var(--flavor-neon-core, #fff),
        0 0 10px var(--flavor-neon-core, #fff),
        0 0 20px var(--flavor-neon-glow, #0073aa),
        0 0 40px var(--flavor-neon-glow, #0073aa),
        0 0 80px var(--flavor-neon-glow, #0073aa);
}

/* Glitch Effect Skin */
.flavor-heading-skin-glitch span {
    position: relative;
    color: var(--flavor-glitch-text, inherit);
}

.flavor-heading-skin-glitch span::before,
.flavor-heading-skin-glitch span::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flavor-heading-skin-glitch span::before {
    left: 2px;
    text-shadow: -1px 0 var(--flavor-glitch-color-1, #ff00c1);
    clip: rect(44px, 450px, 56px, 0);
    animation: glitch-anim 5s infinite linear alternate-reverse;
}

.flavor-heading-skin-glitch span::after {
    left: -2px;
    text-shadow: -1px 0 var(--flavor-glitch-color-2, #00fff9);
    clip: rect(44px, 450px, 56px, 0);
    animation: glitch-anim2 5s infinite linear alternate-reverse;
}

@keyframes glitch-anim {
    0% { clip: rect(14px, 9999px, 87px, 0); }
    20% { clip: rect(2px, 9999px, 5px, 0); }
    40% { clip: rect(68px, 9999px, 11px, 0); }
    60% { clip: rect(77px, 9999px, 53px, 0); }
    80% { clip: rect(9px, 9999px, 3px, 0); }
    100% { clip: rect(52px, 9999px, 70px, 0); }
}

@keyframes glitch-anim2 {
    0% { clip: rect(52px, 9999px, 1px, 0); }
    20% { clip: rect(71px, 9999px, 90px, 0); }
    40% { clip: rect(13px, 9999px, 72px, 0); }
    60% { clip: rect(37px, 9999px, 54px, 0); }
    80% { clip: rect(25px, 9999px, 19px, 0); }
    100% { clip: rect(4px, 9999px, 36px, 0); }
}