@keyframes zoomOut {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes wind {
    0% {
        transform: rotate( 0deg);
    }
    25% {
        transform: rotate( 1deg);
    }
    75% {
        transform: rotate( -1deg);
    }
}

@keyframes lightSpeedRight {
    from {
        transform: translate3d(50%, 0, 0) skewX(-20deg);
        opacity: 0;
    }
    60% {
        transform: skewX(10deg);
        opacity: 1;
    }
    80% {
        transform: skewX(-2deg);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideRight {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    10% {
        transform: scale(1.1);
    }
    30% {
        transform: scale(1);
    }
    40% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes lightSpeedLeft {
    from {
        transform: translate3d(-50%, 0, 0) skewX(20deg);
        opacity: 0;
    }
    60% {
        transform: skewX(-10deg);
        opacity: 1;
    }
    80% {
        transform: skewX(2deg);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes floating {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}


/* static-website */

svg#freepik_stories-static-website:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-static-website.animated #freepik--Floor--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) zoomOut, 1.5s Infinite linear wind;
    animation-delay: 0s, 1s;
}

svg#freepik_stories-static-website.animated #freepik--Shadows--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) lightSpeedRight;
    animation-delay: 0s;
}

svg#freepik_stories-static-website.animated #freepik--Plants--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideRight, 1.5s Infinite linear wind;
    animation-delay: 0s, 1s;
}

svg#freepik_stories-static-website.animated #freepik--Files--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) lightSpeedRight, 3s Infinite linear heartbeat;
    animation-delay: 0s, 1s;
}

svg#freepik_stories-static-website.animated #freepik--Cloud--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideDown, 6s Infinite linear shake;
    animation-delay: 0s, 1s;
}

svg#freepik_stories-static-website.animated #freepik--Server--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft, 6s Infinite linear shake;
    animation-delay: 0s, 1s;
}

svg#freepik_stories-static-website.animated #freepik--Conection--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) fadeIn, 1.5s Infinite linear wind;
    animation-delay: 0s, 1s;
}

svg#freepik_stories-static-website.animated #freepik--Boxes--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) lightSpeedLeft, 3s Infinite linear heartbeat;
    animation-delay: 0s, 1s;
}

svg#freepik_stories-static-website.animated #freepik--Gears--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideRight, 1.5s Infinite linear wind;
    animation-delay: 0s, 1s;
}

svg#freepik_stories-static-website.animated #freepik--Device--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft, 3s Infinite linear floating;
    animation-delay: 0s, 1s;
}

svg#freepik_stories-static-website.animated #freepik--window-2--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) zoomOut, 1.5s Infinite linear floating;
    animation-delay: 0s, 1.5s;
}

svg#freepik_stories-static-website.animated #freepik--window-1--inject-2 {
    animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) lightSpeedLeft, 1.5s Infinite linear floating;
    animation-delay: 0s, 1s;
}


/* seo-analytics-team */

svg#freepik_stories-seo-analytics-team:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--Floor--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--Plants--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--Gears--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--tab-2--inject-2 {
    animation: 3s Infinite linear floating;
    animation-delay: 0s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--tab-1--inject-2 {
    animation: 1.5s Infinite linear floating;
    animation-delay: 0.5s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--Image--inject-2 {
    animation: 6s Infinite linear shake;
    animation-delay: -0.5s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--chart-2--inject-2 {
    animation: 1.5s Infinite linear floating;
    animation-delay: 0s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--Browser--inject-2 {
    animation: 6s Infinite linear shake;
    animation-delay: 0s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--chart-1--inject-2 {
    animation: 3s Infinite linear shake;
    animation-delay: 0.5s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--character-3--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--character-2--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--character-1--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--speech-bubble--inject-2 {
    animation: 3s Infinite linear heartbeat;
    animation-delay: 0s;
}

svg#freepik_stories-seo-analytics-team.animated #freepik--Text--inject-2 {
    animation: 1.5s Infinite linear heartbeat;
    animation-delay: 0s;
}


/* digital-marketing */

svg#freepik_stories-generating-new-leads:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-generating-new-leads.animated #freepik--Floor--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-generating-new-leads.animated #freepik--Plant--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-generating-new-leads.animated #freepik--Device--inject-2 {
    animation: 3s Infinite linear floating;
    animation-delay: 0s;
}

svg#freepik_stories-generating-new-leads.animated #freepik--Magnet--inject-2 {
    animation: 1.5s Infinite linear shake;
    animation-delay: 0s;
}

svg#freepik_stories-generating-new-leads.animated #freepik--Coins--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-generating-new-leads.animated #freepik--Target--inject-2 {
    animation: 1.5s Infinite linear heartbeat;
    animation-delay: 0s;
}

svg#freepik_stories-generating-new-leads.animated #freepik--Icons--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-generating-new-leads.animated #freepik--Hearts--inject-2 {
    animation: 1.5s Infinite linear heartbeat;
    animation-delay: 0s;
}

svg#freepik_stories-generating-new-leads.animated #freepik--character-3--inject-2 {
    animation: 1.5s Infinite linear floating;
    animation-delay: 0s;
}

svg#freepik_stories-generating-new-leads.animated #freepik--character-2--inject-2 {
    animation: 1.5s Infinite linear floating;
    animation-delay: 0s;
}

svg#freepik_stories-generating-new-leads.animated #freepik--character-1--inject-2 {
    animation: 1.5s Infinite linear floating;
    animation-delay: 0s;
}


/* automation */

svg#freepik_stories-usability-testing:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-usability-testing.animated #freepik--Floor--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-usability-testing.animated #freepik--Shadows--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-usability-testing.animated #freepik--Plant--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-usability-testing.animated #freepik--Gears--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-usability-testing.animated #freepik--Device--inject-2 {
    animation: 3s Infinite linear shake;
    animation-delay: 0s;
}

svg#freepik_stories-usability-testing.animated #freepik--Windows--inject-2 {
    animation: 1.5s Infinite linear floating;
    animation-delay: 0s;
}

svg#freepik_stories-usability-testing.animated #freepik--Icons--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-usability-testing.animated #freepik--character-2--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-usability-testing.animated #freepik--character-1--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: -0.5s;
}

svg#freepik_stories-usability-testing.animated #freepik--speech-bubbles--inject-2 {
    animation: 3s Infinite linear heartbeat;
    animation-delay: 0s;
}


/* application */

svg#freepik_stories-mobile-ui-ux:not(.animated) .animable {
    opacity: 0;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Floor--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Shadows--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--frames-2--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--magnifying-glass--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Device--inject-2 {
    animation: 1.5s Infinite linear floating;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Screen--inject-2 {
    animation: 3s Infinite linear floating;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Gears--inject-2 {
    animation: 3s Infinite linear floating;
    animation-delay: -0.5s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--frames-1--inject-2 {
    animation: 3s Infinite linear floating;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Code--inject-2 {
    animation: 1.5s Infinite linear heartbeat;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Image--inject-2 {
    animation: 3s Infinite linear shake;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Typography--inject-2 {
    animation: 3s Infinite linear shake;
    animation-delay: -0.5s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Tool--inject-2 {
    animation: 3s Infinite linear shake;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--speech-bubble--inject-2 {
    animation: 1.5s Infinite linear heartbeat;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Colors--inject-2 {
    animation: 1.5s Infinite linear floating;
    animation-delay: 0s;
}

svg#freepik_stories-mobile-ui-ux.animated #freepik--Character--inject-2 {
    animation: 1.5s Infinite linear wind;
    animation-delay: 0s;
}