/*==========================================
        SCROLL REVEAL
==========================================*/

.reveal{

    opacity:0;
    transform:translateY(70px);

    transition:

    opacity .9s ease,

    transform .9s ease;

}

.reveal.active{

    opacity:1;

    transform:translateY(0);

}

/*==========================================
        IMAGE ZOOM
==========================================*/

.image-hover{

    overflow:hidden;

    border-radius:20px;

}

.image-hover img{

    transition:.8s ease;

}

.image-hover:hover img{

    transform:scale(1.08);

}

/*==========================================
        BUTTON HOVER
==========================================*/

.btn{

    transition:.35s ease;

}

.btn:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(116,27,42,.25);

}

/*==========================================
        CARD HOVER
==========================================*/

.hover-card{

    transition:.45s ease;

}

.hover-card:hover{

    transform:translateY(-12px);

}
/*==========================================
        STAGGERED ANIMATIONS
==========================================*/

.services-grid .service-card:nth-child(1){

    transition-delay:.1s;

}

.services-grid .service-card:nth-child(2){

    transition-delay:.2s;

}

.services-grid .service-card:nth-child(3){

    transition-delay:.3s;

}

.services-grid .service-card:nth-child(4){

    transition-delay:.4s;

}

.services-grid .service-card:nth-child(5){

    transition-delay:.5s;

}

.services-grid .service-card:nth-child(6){

    transition-delay:.6s;

}
.thematic-card:nth-child(1){transition-delay:.1s;}
.thematic-card:nth-child(2){transition-delay:.2s;}
.thematic-card:nth-child(3){transition-delay:.3s;}
.thematic-card:nth-child(4){transition-delay:.4s;}
.thematic-card:nth-child(5){transition-delay:.5s;}
.thematic-card:nth-child(6){transition-delay:.6s;}
.thematic-card:nth-child(7){transition-delay:.7s;}
.thematic-card:nth-child(8){transition-delay:.8s;}

.btn::after{

    content:"→";

    margin-left:8px;

    transition:.35s ease;

}

.btn:hover::after{

    margin-left:14px;

}