/* DealGram runtime performance trims for decorative motion. */

:root {
    --dg-bg-gradient-duration: 90s;
    --dg-bg-shape-duration: 70s;
    --dg-bg-particle-duration: 60s;
    --dg-bg-particle-duration-mobile: 120s;
}

html:not(.aos-enabled) [data-aos],
html.aos-fallback-visible [data-aos] {
    opacity: 1 !important;
    transform: none !important;
}

.gradient-bg,
.l-bg-gradient {
    animation-duration: var(--dg-bg-gradient-duration) !important;
    animation-timing-function: steps(90, end) !important;
}

.shape,
.l-bg-shape,
.l-hero::before,
.l-hero::after,
.l-problems::before,
.l-problems::after,
.l-search::before,
.l-search::after,
.l-profiler::before,
.l-profiler::after,
.l-features::before,
.l-features::after,
.l-why::before,
.l-why::after,
.l-pricing::before,
.l-pricing::after,
.l-faq::before,
.l-faq::after {
    animation-duration: var(--dg-bg-shape-duration) !important;
}

.particles span,
.l-bg-particles span {
    animation-duration: var(--dg-bg-particle-duration) !important;
}

.dg-tab-hidden .gradient-bg,
.dg-tab-hidden .l-bg-gradient,
.dg-tab-hidden .shape,
.dg-tab-hidden .l-bg-shape,
.dg-tab-hidden .particles span,
.dg-tab-hidden .l-bg-particles span,
.dg-tab-hidden .l-hero::before,
.dg-tab-hidden .l-hero::after,
.dg-tab-hidden .l-problems::before,
.dg-tab-hidden .l-problems::after,
.dg-tab-hidden .l-search::before,
.dg-tab-hidden .l-search::after,
.dg-tab-hidden .l-profiler::before,
.dg-tab-hidden .l-profiler::after,
.dg-tab-hidden .l-features::before,
.dg-tab-hidden .l-features::after,
.dg-tab-hidden .l-why::before,
.dg-tab-hidden .l-why::after,
.dg-tab-hidden .l-pricing::before,
.dg-tab-hidden .l-pricing::after,
.dg-tab-hidden .l-faq::before,
.dg-tab-hidden .l-faq::after {
    animation-play-state: paused !important;
}

@media (max-width: 1100px) {
    .particles span,
    .l-bg-particles span {
        animation-duration: var(--dg-bg-particle-duration-mobile) !important;
    }
}