/* 
PARAMS
gap 1 = 0.2s = 2.76%
gap 2 = 0.3s = 4.14%
duration = 1s = 13.79%

*/

/* SLIDE 1 ANIMATION */

:root {
    --anim: 7.25s ease;
}

@keyframes slide-1-step-1 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    2.76% {
        transform: translateX(18%);
        opacity: 0;
    }
    16.55% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-image--robot1 {
    animation: slide-1-step-1 var(--anim);
}

@keyframes slide-1-step-2 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(18%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: .72;
    }
    100% {
        transform: translateX(0);
        opacity: .72;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-image--robot2 {
    animation: slide-1-step-2 var(--anim);
}

@keyframes slide-1-step-3 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: .22;
    }
    100% {
        transform: translateX(0);
        opacity: .22;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-image--robot3 {
    animation: slide-1-step-3 var(--anim);
}

@keyframes slide-1-step-4 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(-18%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-title--robot {
    animation: slide-1-step-4 var(--anim);
}

@keyframes slide-1-step-5 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    13.8% {
        transform: translateX(18%);
        opacity: 0;
    }
    27.59% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-subTitle--robot {
    animation: slide-1-step-5 var(--anim);
}

@keyframes slide-1-step-6 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(-18%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-subTitle--robot .skewSubstrate-wrapper {
    animation: slide-1-step-6 var(--anim);
}

@keyframes slide-1-step-7 {
    0% {
        transform: translateX(37%);
        opacity: 0;
    }
    20.7% {
        transform: translateX(37%);
        opacity: 0;
    }
    34.49% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-subTitle--robot .glowStroke-wrapper {
    animation: slide-1-step-7 var(--anim);
}

@keyframes slide-1-step-8 {
    0% {
        transform: translateX(-17%);
        opacity: 0;
    }
    24.84% {
        transform: translateX(-17%);
        opacity: 0;
    }
    38.63% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-description--robot {
    animation: slide-1-step-8 var(--anim);
}

@keyframes slide-1-step-9 {
    0% {
        transform: translateX(-58%);
        opacity: 0;
    }
    60% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-circle--robot {
    animation: slide-1-step-9 var(--anim);
}

/* SLIDE 2 ANIMATION */

@keyframes slide-2-step-1 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    2.76% {
        transform: translateX(-18%);
        opacity: 0;
    }
    16.55% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"] .advantageSlide-image--box1 {
    animation: slide-2-step-1 var(--anim);
}

@keyframes slide-2-step-2 {
    0% {
        transform: translateX(-48%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(-48%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: .15;
    }
    100% {
        transform: translateX(0);
        opacity: .15;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"] .advantageSlide-image--box2 {
    animation: slide-2-step-2 var(--anim);
}

@keyframes slide-2-step-3 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"] .advantageSlide-title--box {
    animation: slide-2-step-3 var(--anim);
}

@keyframes slide-2-step-4 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(-18%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"] .advantageSlide-subTitle--box {
    animation: slide-2-step-4 var(--anim);
}

@keyframes slide-2-step-5 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    13.8% {
        transform: translateX(18%);
        opacity: 0;
    }
    27.59% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"] .advantageSlide-subTitle--box .skewSubstrate-wrapper {
    animation: slide-2-step-5 var(--anim);
}

@keyframes slide-2-step-6 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(-18%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"] .advantageSlide-subTitle--box .glowStroke-wrapper {
    animation: slide-2-step-6 var(--anim);
}

@keyframes slide-2-step-7 {
    0% {
        transform: translateX(-37%);
        opacity: 0;
    }
    20.7% {
        transform: translateX(-37%);
        opacity: 0;
    }
    34.49% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"] .advantageSlide-description--box {
    animation: slide-2-step-7 var(--anim);
}

@keyframes slide-2-step-9 {
    0% {
        transform: translateX(58%);
        opacity: 0;
    }
    60% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"] .advantageSlide-circle--box {
    animation: slide-2-step-9 var(--anim);
}

/* SLIDE 3 ANIMATION */

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-image--tech {
    animation: slide-2-step-1 var(--anim);
}

@keyframes slide-3-step-2 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(-18%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-title--tech {
    animation: slide-3-step-2 var(--anim);
}

@keyframes slide-3-step-3 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(-18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-subTitle--tech {
    animation: slide-3-step-3 var(--anim);
}

@keyframes slide-3-step-4 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(18%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-subTitle--tech .skewSubstrate-wrapper {
    animation: slide-3-step-4 var(--anim);
}

@keyframes slide-3-step-5 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    15.18% {
        transform: translateX(18%);
        opacity: 0;
    }
    28.97% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-subTitle--tech .glowStroke-wrapper {
    animation: slide-3-step-5 var(--anim);
}

@keyframes slide-3-step-6 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(18%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-description--tech {
    animation: slide-3-step-6 var(--anim);
}

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-circle--tech {
    animation: slide-2-step-9 var(--anim);
}

/* SLIDE 4 ANIMATION */

@keyframes slide-4-step-1 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    2.76% {
        transform: translateX(18%);
        opacity: 0;
    }
    16.55% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-image--board1 {
    animation: slide-4-step-1 var(--anim);
}

@keyframes slide-4-step-2 {
    0% {
        transform: translateX(38%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(38%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: .1;
    }
    100% {
        transform: translateX(0);
        opacity: .1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-image--board2 {
    animation: slide-4-step-2 var(--anim);
}

@keyframes slide-4-step-3 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(-18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-title--board {
    animation: slide-4-step-3 var(--anim);
}

@keyframes slide-4-step-4 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(18%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-subTitle--board {
    animation: slide-4-step-4 var(--anim);
}

@keyframes slide-4-step-5 {
    0% {
        transform: translateX(24%);
        opacity: 0;
    }
    13.8% {
        transform: translateX(24%);
        opacity: 0;
    }
    27.59% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-subTitle--board .skewSubstrate-wrapper {
    animation: slide-4-step-5 var(--anim);
}

@keyframes slide-4-step-6 {
    0% {
        transform: translateX(-38%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(-38%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-subTitle--board .glowStroke-wrapper {
    animation: slide-4-step-6 var(--anim);
}

@keyframes slide-4-step-7 {
    0% {
        transform: translateX(37%);
        opacity: 0;
    }
    20.7% {
        transform: translateX(37%);
        opacity: 0;
    }
    34.49% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-description--board {
    animation: slide-4-step-7 var(--anim);
}

@keyframes slide-4-step-8 {
    0% {
        transform: translateX(-58%);
        opacity: 0;
    }
    60% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-circle--board {
    animation: slide-4-step-8 var(--anim);
}

/* SLIDE 5 ANIMATION */

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-image--coin {
    animation: slide-2-step-1 var(--anim);
}

@keyframes slide-5-step-2 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(18%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-title--coin {
    animation: slide-5-step-2 var(--anim);
}

@keyframes slide-5-step-3 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(-18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-subTitle--coin {
    animation: slide-5-step-3 var(--anim);
}

@keyframes slide-5-step-4 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(-18%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-subTitle--coin .skewSubstrate-wrapper {
    animation: slide-5-step-4 var(--anim);
}

@keyframes slide-5-step-5 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    13.8% {
        transform: translateX(18%);
        opacity: 0;
    }
    27.59% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-subTitle--coin .glowStroke-wrapper {
    animation: slide-5-step-5 var(--anim);
}

@keyframes slide-5-step-6 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(18%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-description--coin {
    animation: slide-5-step-6 var(--anim);
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-circle--coin {
    animation: slide-2-step-9 var(--anim);
}

/* SLIDE 6 ANIMATION */

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-image--hand1 {
    animation: slide-2-step-1 var(--anim);
}

@keyframes slide-6-step-2 {
    0% {
        transform: translateX(-28%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(-28%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: 0.1;
    }
    100% {
        transform: translateX(0);
        opacity: 0.1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-image--hand2 {
    animation: slide-6-step-2 var(--anim);
}

@keyframes slide-6-step-3 {
    0% {
        transform: translateX(18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-title--hand {
    animation: slide-6-step-3 var(--anim);
}

@keyframes slide-6-step-4 {
    0% {
        transform: translateX(38%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(38%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-subTitle--hand {
    animation: slide-6-step-4 var(--anim);
}

@keyframes slide-6-step-5 {
    0% {
        transform: translateX(-18%);
        opacity: 0;
    }
    13.8% {
        transform: translateX(-18%);
        opacity: 0;
    }
    27.59% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-subTitle--hand .skewSubstrate-wrapper {
    animation: slide-6-step-5 var(--anim);
}

@keyframes slide-6-step-6 {
    0% {
        transform: translateX(30%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(30%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-subTitle--hand .glowStroke-wrapper {
    animation: slide-6-step-6 var(--anim);
}

@keyframes slide-6-step-7 {
    0% {
        transform: translateX(37%);
        opacity: 0;
    }
    20.7% {
        transform: translateX(37%);
        opacity: 0;
    }
    34.49% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-description--hand {
    animation: slide-6-step-7 var(--anim);
}

@keyframes slide-6-step-8 {
    0% {
        transform: translateX(58%);
        opacity: 0;
    }
    60% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-circle--hand {
    animation: slide-6-step-8 var(--anim);
}