.hidden {
    opacity: 0;
    filter: blur(5px); 
    transition: all 0.5s ease-out;
}
  
.show {
    opacity: 1;
    filter: blur(0);  
    transform: translateX(0) translateY(0) !important; 
    transition: all 0.5s ease-out !important;
}
  
.from-left {
    transform: translateX(-75%); 
}
  
.from-right {
    transform: translateX(75%); 
}
  
.from-bottom {
    transform: translateY(60%);  
}

.delay-01 {
    transition-delay: 0.1s !important;
}

.delay-02 {
    transition-delay: 0.2s !important;
}

.delay-03 {
    transition-delay: 0.3s !important;
}

.delay-04 {
    transition-delay: 0.4s !important;
}