.aos-animate .gradient-border-bottom:after{animation: animatedgradient 2s linear alternate;}
.aos-animate .gradient-border-top:after{animation: animatedgradient 2s linear alternate;}
.ds-btn-arrow .ds-icon{animation: arrowDance 1.5s ease-in-out infinite}

.full-width-slider .swiper-slide {transition:opacity 1.4s linear}

.full-width-slider .swiper-wrapper .swiper-slide.swiper-slide-visible .gradient-border-top:after{animation: animatedgradient-top 2s linear 1s alternate;}

.card-C .img-area{transition:opacity .4s linear;}
.card-C .img-area:after{top:0;transition:top .4s linear}
.card-C .card-el:hover .img-area{opacity:1}
.card-C .card-el .text-area{transition:all .6s linear;}
.card-C .card-el:hover .text-area{height:auto}
.card-C .card-el .text-area p {transition:all .6s linear;overflow:hidden;opacity:1;height:fit-content;}
.card-C .card-el:hover .text-area p{transition:all .4s linear;height:0;opacity:0;padding-bottom:0;}
.card-C .card-el:hover .text-area *{color:#fff;transition:color .4s linear}
.card-C .card-el .text-area .ds-icon{transition:right .4s linear}
.card-C.card-C-var1 .card-el .text-area p{transition:max-height .6s linear, opacity .4s ease-out;overflow:hidden;opacity:0;max-height:0;height:fit-content;}
.card-C.card-C-var1 .card-el .text-area .ds-btn{max-height:0;transition:max-height .4s linear}
.card-C.card-C-var1 .card-el:hover .text-area p{max-height:100%;transition:all .6s linear, opacity .4s ease-out .2s;opacity:1;}
.card-C.card-C-var1 .card-el:hover .text-area .ds-btn{max-height:100%;transition:all .4s linear,opacity .4s linear .2s}
.card-C.card-C-var1 .card-el .img-area:before{transition:all .4s linear;}
.card-C.card-C-var2 .card-el{transition:background .4s linear}
.card-C.card-C-var2 .card-el .text-area{position:relative;}
.card-C.card-C-var2 .card-el .text-area p{transition:all .6s linear}
.card-C.card-C-var2 .card-el .text-area .wrap-text{transition:margin .6s linear}
.card-C.card-C-var2 .card-el:hover .text-area{height:100%}
.card-C.card-C-var2 .card-el:hover .text-area p{height:fit-content;}

.landing-page.card-C.card-C-var1.card-C-var1-landing .card-el .text-area span{transition:all .4s linear}
.landing-page.card-C.card-C-var1.card-C-var1-landing .card-el .text-area span:hover{transition:all .6s linear}
.landing-page.card-C.card-C-var1.card-C-var1-landing .card-el .icon-highlight{transition:opacity .6s linear 0s}
.landing-page.card-C.card-C-var1.card-C-var1-landing .card-el:hover .icon-highlight{transition:opacity .6s linear .3s}
.landing-page.card-C.card-C-var1.card-C-var2-landing .card-el .text-area span{transition:all .4s linear}
.landing-page.card-C.card-C-var1.card-C-var2-landing .card-el .text-area span:hover{transition:all .6s linear}
.landing-page.card-C.card-C-var1.card-C-var2-landing .card-el:hover .icon-highlight{transition:opacity .6s linear .3s}

.im-card-product .carousel-swiper .swiper-slide .card-el img{transition: all .4s linear}
.im-card-product .card-el:hover .img-area img{transform:translateY(-20px)!important}

.ds-component.text-component .text-block .img-area img{transition:transform .5s ease}
.ds-component.text-component .text-block .img-area img:hover{transform:scale(1.05)}
.carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .img-area img, .card-A .card-el .img-area img{transition:transform .5s ease}
.carousel-component .carousel-swiper .swiper-slide .wrap-slide-el:hover .img-area img, .card-A .card-el:hover .img-area img{transform:scale(1.05)}


.aos-animate .card-el.gradient-border-bottom:after{animation:none}
.card-el.gradient-border-bottom:hover:after{animation: animatedgradient 2s linear alternate;}

.expand-el-container .expand-el{transition:flex-grow 400ms ease}
/*.expand-el-container .expand-el:hover .text-area .wrap-text{width:calc(100% - 140px);}*/
.expand-el-container .expand-el .text-area .wrap-text{opacity:0;transform:translateX(-100px);transition:transform 400ms ease,opacity 400ms linear;}
.expand-el-container .expand-el .text-area .ds-btn{opacity:0;display:flex;}
.expand-el-container .expand-el:hover .text-area .wrap-text{opacity:1;transform:translateX(0);transition:transform 400ms ease,opacity 400ms linear .4s;}
.expand-el-container .expand-el:hover .text-area .ds-btn{opacity:1;transition:opacity .4s linear .4s}
.expand-el-container .expand-el:after{transition:background .4s linear}

.ds-component.ds-tab .tab-list li.tab-active:after{animation: animatedgradient-tab .6s linear alternate;}
.ds-component.ds-tab .tab-container .tab-content{transition:opacity 1s linear}

.im-wrap-slider-prodotto .group-navigation .swiper-pagination .swiper-pagination-bullet .animaElem{max-width:0}
.im-wrap-slider-prodotto .group-navigation .swiper-pagination .swiper-pagination-bullet-active .animaElem{max-width:100%;transition:max-width .5s linear}

@keyframes arrowDance {
    0%,
    100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(5px, 0);
    }
}

@keyframes animatedgradient {
    0% {
        background-size: 0% 4px;opacity:.6;
    }
    50% {
       background-size: 100% 4px;opacity:.8;
    }
    100% {
        background-size: 100% 100%;opacity:1;
    }
}

@keyframes animatedgradient-top {
    0% {
        background-size:4px 0%;opacity:.6;
    }
    50% {
       background-size: 4px 100%;opacity:.8;
    }
    100% {
        background-size: 100% 100%;opacity:1;
    }
}

@keyframes animatedgradient-tab {
    0% {
        height:0;opacity:0;
    }
    50% {
       height:50%;opacity:.5;
    }
    100% {
        height:100%;opacity:1;
    }
}