.custom-heading-widget {
    display: block;
    text-align: inherit; /* Inherit alignment */
}

.animated-gradient-text {
    display: inline-block;
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientAnimation 4s infinite linear; /* Default animation speed */
}

/* Keyframes for animating the gradient */
@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}