/* Animation */

@media (min-width: 576px){

.frame-fullpagesection .frame-inner>.frame-header, .frame-fullpagesection .frame-inner>p, .frame-fullpagesection .frame-inner>ul{
    transform: translateY(50px);
    opacity: 0.01;
      transition: opacity 0.8s, transform 0.8s ease, line-height 0.8s ease;

}
    
    .frame-type-carousel_fullscreen.carousel-cases .carousel .carousel-content .carousel-content-inner {
    padding-top: 10vh;
}
    
    
    
    .frame-fullpagesection .frame-inner>.frame-header{ transform: translateY(100px);}
    
    .frame-fullpagesection .frame-inner>p{
        line-height: 2;
    }

.frame-fullpagesection.active .frame-inner>.frame-header, .frame-fullpagesection.active .frame-inner>p, .frame-fullpagesection.active .frame-inner>ul {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 0.8s, transform 0.8s ease, line-height 0.8s ease;
  
}
    
    .frame-fullpagesection.active .frame-inner>p{
        line-height: 1.8;
    }
    
    
    /* slider */
    
    .carousel-item .carousel-item-header,     .carousel-item .carousel-item-subheader,    .carousel-item  .carousel-item-bodytext{    
    transform: translateX(50px);
    opacity: 0.01;
    transition: opacity 0.6s, transform 0.6s ease}

        .carousel-item.active .carousel-item-header,     .carousel-item.active .carousel-item-subheader,    .carousel-item.active  .carousel-item-bodytext{    
    transform: translateX(0px);
    opacity: 1;
    transition: opacity 0.6s, transform 0.6s ease}
    
    .carousel-item.active .carousel-item-subheader{transition-delay:0.1s}
 .carousel-item.active .carousel-item-bodytext{transition-delay:0.2s}

:root {
    --index: 0;
}

*:nth-child(1) {
    --index: 1;
}

*:nth-child(2) {
    --index: 2;
}

*:nth-child(3) {
    --index: 3;
}

*:nth-child(4) {
    --index: 4;
}

*:nth-child(5) {
    --index: 5;
}

*:nth-child(6) {
    --index: 6;
}

*:nth-child(7) {
    --index: 7;
}

*:nth-child(8) {
    --index: 8;
}

*:nth-child(9) {
    --index: 9;
}

*:nth-child(10) {
    --index: 10;
}

*:nth-child(11) {
    --index: 11;
}

*:nth-child(12) {
    --index: 12;
}

*:nth-child(13) {
    --index: 13;
}

*:nth-child(14) {
    --index: 14;
}

*:nth-child(15) {
    --index: 15;
}

*:nth-child(16) {
    --index: 16;
}

*:nth-child(17) {
    --index: 17;
}

*:nth-child(18) {
    --index: 18;
}

*:nth-child(19) {
    --index: 19;
}

*:nth-child(20) {
    --index: 20;
}

*:nth-child(21) {
    --index: 21;
}

*:nth-child(22) {
    --index: 22;
}

*:nth-child(23) {
    --index: 23;
}

*:nth-child(24) {
    --index: 24;
}

*:nth-child(25) {
    --index: 25;
}

*:nth-child(3) {
    --index: 2;
}

*:nth-child(26) {
    --index: 26;
}

*:nth-child(27) {
    --index: 27;
}

*:nth-child(28) {
    --index: 28;
}

*:nth-child(29) {
    --index: 29;
}

*:nth-child(30) {
    --index: 30;
}


.frame-fullpagesection.active .frame-inner>*:nth-child(n) {
    transition-delay: calc(var(--index) * 0.3s);
}
    
    
 
    
}