.scroll{
    overflow: hidden;
}
.scroll .program-item{
    position: relative;
    transform: translateY(200px);
    opacity: 0;
    transition-duration: 0.7s;
    transition-delay: var(--t);
}
.scrollin .program-item{
    transform: translateY(0);
    opacity: 1;
}
.scroll .accre-item{
    position: relative;
    transform: translateX(100px);
    opacity: 0;
    transition-duration: 0.7s;
    transition-delay: var(--t);
}
.scrollin .accre-item{
    transform: translateY(0);
    opacity: 1;
}
.scroll .addoe-content{
    position: relative;
    transform: scale(0);
    transform-origin: center;
    opacity: 0;
    transition-duration: 0.7s;
    transition-delay: var(--t);
}
.scrollin .addoe-content{
    transform: scale(1);
    opacity: 1;
}
.scroll .why-item{
    position: relative;
    transform: scale(0);
    transform-origin: center;
    opacity: 0;
    transition-duration: 0.5s;
    transition-delay: var(--t);
}
.scrollin .why-item{
    transform: scale(1);
    opacity: 1;
}