/* Global premium CTA button animation start */
:root {
    --global-cta-hover-bg: linear-gradient(135deg, #8a8a8a 0%, #595959 46%, #343434 100%);
}

:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn) {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transform-origin: center;
    transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease, border-color 0.24s ease;
    animation: globalCtaIdle 2.8s ease-in-out infinite;
    will-change: transform;
}

:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn)::before {
    content: "";
    position: absolute;
    inset: -45% auto -45% -68%;
    width: 50%;
    z-index: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.48), transparent);
    transform: skewX(-18deg);
    pointer-events: none;
}

:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn)::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border-radius: inherit;
    background: radial-gradient(circle at 25% 20%, rgba(255, 255, 255, 0.28), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 48%);
    opacity: 0;
    transform: scale(0.82);
    transition: opacity 0.28s ease, transform 0.28s ease;
    pointer-events: none;
}

:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn):hover,
:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn):focus-visible {
    animation: globalCtaHover 0.82s cubic-bezier(0.16, 0.9, 0.24, 1.18) both;
    background: var(--global-cta-hover-bg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 22px 42px rgba(0, 0, 0, 0.34), 0 0 0 7px rgba(255, 255, 255, 0.08);
}

:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn):hover::before,
:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn):focus-visible::before {
    animation: globalCtaSweep 0.9s ease-out both;
}

:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn):hover::after,
:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn):focus-visible::after {
    opacity: 1;
    transform: scale(1);
}

:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn):hover :is(i, span),
:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn):focus-visible :is(i, span) {
    position: relative;
    z-index: 1;
    animation: globalCtaIconRing 0.86s ease both;
}

:where(
    a[class*="btn"],
    a[class*="call"],
    a[class*="contact"],
    a[class*="cta"],
    a.nume-rous,
    a.trusted,
    button[class*="btn"],
    button[class*="call"],
    button[class*="contact"],
    button[class*="cta"]
):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn):active {
    transform: translateY(0) scale(0.97);
}

@keyframes globalCtaIdle {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2px);
    }
}

@keyframes globalCtaHover {
    0% {
        transform: translateY(0) scale(1);
    }

    34% {
        transform: translateY(-7px) scale(1.075);
    }

    58% {
        transform: translateY(-2px) scale(1.025);
    }

    78% {
        transform: translateY(-4px) scale(1.05);
    }

    100% {
        transform: translateY(-3px) scale(1.045);
    }
}

@keyframes globalCtaSweep {
    0% {
        left: -68%;
        opacity: 0;
    }

    18% {
        opacity: 1;
    }

    100% {
        left: 132%;
        opacity: 0;
    }
}

@keyframes globalCtaIconRing {
    0%,
    100% {
        transform: rotate(0deg) scale(1);
    }

    18% {
        transform: rotate(-18deg) scale(1.16);
    }

    38% {
        transform: rotate(16deg) scale(1.18);
    }

    58% {
        transform: rotate(-10deg) scale(1.1);
    }

    78% {
        transform: rotate(6deg) scale(1.04);
    }
}

@media (prefers-reduced-motion: reduce) {
    :where(
        a[class*="btn"],
        a[class*="call"],
        a[class*="contact"],
        a[class*="cta"],
        a.nume-rous,
        a.trusted,
        button[class*="btn"],
        button[class*="call"],
        button[class*="contact"],
        button[class*="cta"]
    ):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn),
    :where(
        a[class*="btn"],
        a[class*="call"],
        a[class*="contact"],
        a[class*="cta"],
        a.nume-rous,
        a.trusted,
        button[class*="btn"],
        button[class*="call"],
        button[class*="contact"],
        button[class*="cta"]
    ):not(.btn-close):not(.nav-link):not(.owl-dot):not(.accordion-button):not([class*="tab"]):not([class*="arrow-btn"]):not([class*="arrow_btn"]):not(.arvr-hero-btn):not(.client-project-call):not(.delivered-btn):not(.career-hero-btn) :is(i, span) {
        animation: none;
        transition: none;
    }
}
/* Global premium CTA button animation end */