.scroll-effect {
    opacity: 0!important;
    transform: translateY(40px) !important;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out!important;
    visibility: hidden!important;
}

.scroll-effect.visible {
    opacity: 1!important;
    transform: translateY(0) !important;
    visibility: visible!important;
}

.scale-effect {
    transform: scale(0.7)!important;
    opacity: 0!important;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out!important;
}

.scale-effect.visible {
    transform: scale(1)!important;/* Full scale */
    opacity: 1!important; /* Fully visible */
}