/*========================================
SCROLL ANIMATIONS
========================================*/

.hidden-section{
    opacity:1; /* was 0 — was hiding all content */
    transform:translateY(0);
    transition:all .8s ease;
}

/* Optional: only if you add class animate-on-scroll later */
section.animate-on-scroll.hidden-section{
    opacity:0;
    transform:translateY(60px);
}

section.animate-on-scroll.show-section{
    opacity:1;
    transform:translateY(0);
}

.show-section{
    opacity:1;
    transform:translateY(0);
}

/* Hero Buttons */

.btn{
    transition:.3s;
}

.btn:hover{
    transform:translateY(-4px);
}

/* Cards */

.service-card,
.product-card,
.project-card,
.feature-box,
.featured-product-card,
.project-showcase,
.testimonial-box{

transition:.4s;

}

.service-card:hover,
.product-card:hover,
.project-card:hover,
.feature-box:hover,
.featured-product-card:hover,
.project-showcase:hover,
.testimonial-box:hover{

transform:translateY(-8px);

}