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

.hidden-section{
    opacity:0;
    transform:translateY(60px);
    transition:all .8s ease;
}

.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);

}