/* Default state (hidden) */
.aos-fade-up, 
.aos-fade-down, 
.aos-fade-right, 
.aos-fade-left {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Apply specific animations when in viewport */
.aos-fade-up.in-viewport {
    opacity: 1;
    transform: translateY(0);
}

.aos-fade-down.in-viewport {
    opacity: 1;
    transform: translateY(0);
}

.aos-fade-right.in-viewport {
    opacity: 1;
    transform: translateX(0);
}

.aos-fade-left.in-viewport {
    opacity: 1;
    transform: translateX(0);
}

/* Starting positions */
.aos-fade-up {
    transform: translateY(128px);
}

.aos-fade-down {
    transform: translateY(-128px);
}

.aos-fade-right {
    transform: translateX(128px);
}

.aos-fade-left {
    transform: translateX(-128px);
}