/* scroll fedein with transform position */
@keyframes sclupanim{
    0%{
       transform: translateY(2em);
    }
    100%{
        transform: translateY(0);
    }
}
.sclup,
.sclstart{
    opacity:0;
    transform: translateY(2em);
}
.sclup.on,
.sclstart.on{
    opacity:1;
    transform: translateY(0);
    transition: transform 1s ease, opacity 1s ease;
 
}



.scup{
    opacity:0;
    transform: translateY(2em);
    transition: transform 1s ease, opacity 1s ease;
}
.scup.on{
    opacity:1;
    transform: translateY(0em);
    transition: transform 1s 0.2s ease, opacity 1s 0.2s ease;
}

.sclup.on a h4,
.sclup.on a table,
.sclup.on a p{
  color: #000;
}

@media screen and (max-width: 767px) {
.checkpoint.sclup.on a{
  width: 100%;
  display: flex;
 -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
}