/* =====================================================
   Theme2026 Animation.css
===================================================== */

/* Fade In */
.fade-in{
    animation:fadeIn .5s ease-in-out;
}

@keyframes fadeIn{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

/* Slide Up */
.slide-up{
    animation:slideUp .5s ease;
}

@keyframes slideUp{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Scale In */
.scale-in{
    animation:scaleIn .35s ease;
}

@keyframes scaleIn{
    from{
        opacity:0;
        transform:scale(.95);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}

/* Hover Lift */
.hover-lift{
    transition:.3s ease;
}

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

/* Button Animation */
.btn{
    transition:all .25s ease;
}

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

/* Card Animation */
.card{
    transition:.3s ease;
}

.card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 30px rgba(0,0,0,.18);
}

/* Progress */
.progress-bar{
    transition:width .2s linear;
}

/* Loader */
.loader{
    animation:spin 1s linear infinite;
}

@keyframes spin{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

/* Scroll Top */
.scroll-top{
    transition:.3s ease;
}

.scroll-top:hover{
    transform:translateY(-3px);
}