/* Start Slider Animation */

@keyframes slider-text {
    0% {
        opacity: 0;
        transform: translate3d(0, 80%, 0);
        -webkit-transform: translate3d(0, 80%, 0);
        -ms-transform: translate3d(0, 80%, 0);
        -moz-transform: translate3d(0, 80%, 0);
        -o-transform: translate3d(0, 80%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}

/* End Slider Animation */

/* Start Services Animation */

.services-section .services-content .cards .card {
    opacity: 0;
}

.services-section .services-content .cards .card.active {
    animation: services-card-anim 0.5s ease forwards;
    -webkit-animation: services-card-anim 0.5s ease forwards;
    animation-delay: calc(0.20s * var(--delay));
}

@keyframes services-card-anim {
    0% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

/* End Services Animation */

/* Start Products Animation */

.products-section .cards .card {
    opacity: 0;
}

.products-section .cards .card.active {
    animation: products-card-anim 0.5s ease forwards;
    -webkit-animation: products-card-anim 0.5s ease forwards;
    animation-delay: calc(0.15s * var(--delay));
}

@keyframes products-card-anim {
    0% {
        opacity: 0;
        transform: translateX(100px);
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

/* End Products Animation */

/* Start Projects Animation */

.projects-section .cards .card {
    opacity: 0;
}

.projects-section .cards .card.active {
    animation: projects-card-anim 0.5s ease forwards;
    -webkit-animation: projects-card-anim 0.5s ease forwards;
    animation-delay: calc(0.15s * var(--delay));
}

@keyframes projects-card-anim {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

/* End Projects Animation */

/* Start Portfolios Animation */

.portfolios-section .cards .card {
    opacity: 0;
}

.portfolios-section .cards .card.active {
    animation: portfolios-card-anim 0.5s ease forwards;
    -webkit-animation: portfolios-card-anim 0.5s ease forwards;
    animation-delay: calc(0.15s * var(--delay));
}

@keyframes portfolios-card-anim {
    0% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

/* End Portfolios Animation */

/* Start News Animation */

.news-section .cards .card {
    opacity: 0;
}

.news-section .cards .card.active {
    animation: news-card-anim 0.5s ease forwards;
    -webkit-animation: news-card-anim 0.5s ease forwards;
    animation-delay: calc(0.15s * var(--delay));
}

@keyframes news-card-anim {
    0% {
        opacity: 0;
        transform: translateX(100px);
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

/* End News Animation */

/* Start Branches Animation */

.branches-section .branch {
    opacity: 0;
}

.branches-section .branch.active {
    animation: branches-card-anim 0.5s ease forwards;
    -webkit-animation: branches-card-anim 0.5s ease forwards;
    animation-delay: calc(0.15s * var(--delay));
}

@keyframes branches-card-anim {
    0% {
        opacity: 0;
        transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

/* End Branches Animation */

/* Start Gallery Animation */

.gallery-section .cards .card {
    opacity: 0;
}

.gallery-section .cards .card.active {
    animation: gallery-card-anim 0.5s ease forwards;
    -webkit-animation: gallery-card-anim 0.5s ease forwards;
    animation-delay: calc(0.1s * var(--delay));
}

@keyframes gallery-card-anim {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

/* End Gallery Animation */

/* Start Clients Animation */

.clients-section .cards .card {
    opacity: 0;
}

.clients-section .cards .card.active {
    animation: clients-card-anim 0.5s ease forwards;
    -webkit-animation: clients-card-anim 0.5s ease forwards;
    animation-delay: calc(0.1s * var(--delay));
}

@keyframes clients-card-anim {
    0% {
        opacity: 0;
        transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

/* End Clients Animation */

/* Start Partners Animation */

.partners-section .cards .card {
    opacity: 0;
}

.partners-section .cards .card.active {
    animation: partners-card-anim 0.5s ease forwards;
    -webkit-animation: partners-card-anim 0.5s ease forwards;
    animation-delay: calc(0.1s * var(--delay));
}

@keyframes partners-card-anim {
    0% {
        opacity: 0;
        transform: translateX(100px);
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

/* End Partners Animation */

/* Start Plans Animation */

.plans-section .cards .card {
    opacity: 0;
}

.plans-section .cards .card.active {
    animation: plans-card-anim 0.5s ease forwards;
    -webkit-animation: plans-card-anim 0.5s ease forwards;
    animation-delay: calc(0.15s * var(--delay));
}

@keyframes plans-card-anim {
    0% {
        opacity: 0;
        transform: translateX(100px);
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

/* End Plans Animation */

/* Start Team Animation */

.team-section .team-card {
    opacity: 0;
}

.team-section .team-card.active {
    animation: team-card-anim 0.5s ease forwards;
    -webkit-animation: team-card-anim 0.5s ease forwards;
    animation-delay: calc(0.1s * var(--delay));
}

@keyframes team-card-anim {
    0% {
        opacity: 0;
        transform: translateX(100px);
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

/* End Team Animation */