/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 31 2026 | 04:33:54 */
/* =========================================
   AR CRAFTIX - SAFE WIDGET HEADING ANIMATION
========================================= */

h2.widget-title.arc-special-heading {
    position: relative !important;
    overflow: visible !important;
}

/* DEFAULT = ALWAYS VISIBLE */
h2.widget-title.arc-special-heading > span {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none;
    filter: none;
}

/* Animation only when JS adds this class */
h2.widget-title.arc-special-heading.arc-animate > span {
    animation: arcHeadingReveal 1s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

@keyframes arcHeadingReveal {

    0% {
        opacity: 0;
        transform: translateY(45px) scale(0.94);
        filter: blur(6px);
    }

    55% {
        opacity: 1;
        transform: translateY(-5px) scale(1.015);
        filter: blur(0);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

/* Blue animated underline */
h2.widget-title.arc-special-heading > span::after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    margin: 9px auto 0;
    background: #003da3;
    border-radius: 50px;
}

h2.widget-title.arc-special-heading.arc-animate > span::after {
    animation: arcHeadingLine 0.65s ease 0.55s forwards;
}

@keyframes arcHeadingLine {
    from {
        width: 0;
        opacity: 0;
    }

    to {
        width: 75px;
        opacity: 1;
    }
}