.animateContain {
    overflow-x: hidden;
}

.animateContain .animateStart-1,
.animateContain .animateStart-2,
.animateContain .animateStart-3,
.animateContain .animateStart-4 {
    transform: translateX(-100%);
    opacity: 0;
}

.animateContain .animateEnd-1,
.animateContain .animateEnd-2,
.animateContain .animateEnd-3,
.animateContain .animateEnd-4 {
    transform: translateX(100%);
    opacity: 0;
}
    
.animateContain .scal-1,
.animateContain .scal-2,
.animateContain .scal-3,
.animateContain .scal-4 {
    transform: scale(0.8);
    opacity: 0;
}

.animateStart-1, .animateEnd-1, .scal-1 { 
    transition: all 0.8s ease-out; 
}
.animateStart-2, .animateEnd-2, .scal-2 { 
    transition: all 1.0s ease-out; 
}
.animateStart-3, .animateEnd-3, .scal-3 { 
    transition: all 1.2s ease-out; 
}
.animateStart-4, .animateEnd-4, .scal-4 { 
    transition: all 1.4s ease-out; 
}

.animateContain.show-animation .animateStart-1,
.animateContain.show-animation .animateStart-2,
.animateContain.show-animation .animateStart-3,
.animateContain.show-animation .animateStart-4,
.animateContain.show-animation .animateEnd-1,
.animateContain.show-animation .animateEnd-2,
.animateContain.show-animation .animateEnd-3,
.animateContain.show-animation .animateEnd-4 {
    transform: translateX(0);
    opacity: 1;
}

.animateContain.show-animation .scal-1,
.animateContain.show-animation .scal-2,
.animateContain.show-animation .scal-3,
.animateContain.show-animation .scal-4 {
    transform: scale(1);
    opacity: 1;
}
    
.footerIcon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}
.topArrow {
    display: none; 
    width: 40px;
    height: 40px;
    background-color: #0066FF;
    color: white;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 24px;
    text-decoration: none;
}
.topArrow:hover {
    background-color: #004ac2;
    color: white;
}