/* ==========================================================================
    About Us Page 
   ========================================================================== */

.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.75s ease, transform 0.75s ease;
}
.reveal.visible { 
    opacity: 1; 
    transform: translateY(0); 
}

.reveal-left {
    opacity: 0;
    transform: translateX(-32px);
    transition: opacity 0.75s ease, transform 0.75s ease;
}
.reveal-left.visible { 
    opacity: 1; 
    transform: translateX(0); 
}

.reveal-right {
    opacity: 0;
    transform: translateX(32px);    
    transition: opacity 0.75s ease, transform 0.75s ease;
}
.reveal-right.visible { 
    opacity: 1; 
    transform: translateX(0); 
}

.timeline-item {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.timeline-item.visible {
    opacity: 1;
    transform: translateY(0);
}

.value-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.value-card:hover {
    transform: translateY(-4px);
}

.difference-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.difference-card:hover {
    transform: translateY(-2px);
}