/* ==================================================
   EarthPower Agro - animations.css
   Premium Motion Library
   ================================================== */

/* Global */
.reveal{
    opacity:0;
    transform:translateY(40px);
    transition:all .8s ease;
}
.reveal.active{
    opacity:1;
    transform:translateY(0);
}

/* Floating */
.float{
    animation:float 5s ease-in-out infinite;
}
@keyframes float{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-14px)}
}

/* Pulse */
.pulse{
    animation:pulse 2s infinite;
}
@keyframes pulse{
    0%{box-shadow:0 0 0 0 rgba(67,160,71,.45)}
    70%{box-shadow:0 0 0 18px rgba(67,160,71,0)}
    100%{box-shadow:0 0 0 0 rgba(67,160,71,0)}
}

/* Shine */
.shine{
    position:relative;
    overflow:hidden;
}
.shine::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:70%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
    transform:skewX(-20deg);
}
.shine:hover::before{
    animation:shineMove .9s linear;
}
@keyframes shineMove{
    from{left:-120%}
    to{left:140%}
}

/* Lift */
.lift{
    transition:transform .35s ease,box-shadow .35s ease;
}
.lift:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.18);
}

/* Rotate */
.rotate-hover img{
    transition:transform .45s ease;
}
.rotate-hover:hover img{
    transform:rotate(-2deg) scale(1.04);
}

/* Glow */
.glow{
    transition:box-shadow .35s ease;
}
.glow:hover{
    box-shadow:0 0 35px rgba(249,168,37,.45);
}

/* Scroll Indicator */
.scroll-indicator{
    animation:bounce 2s infinite;
}
@keyframes bounce{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(10px)}
}

/* Loader Spin */
.spin{
    animation:spin 1.2s linear infinite;
}
@keyframes spin{
    to{transform:rotate(360deg)}
}

/* Gradient Flow */
.gradient-flow{
    background-size:200% 200%;
    animation:gradientFlow 8s ease infinite;
}
@keyframes gradientFlow{
    0%{background-position:0 50%}
    50%{background-position:100% 50%}
    100%{background-position:0 50%}
}

/* Fade Scale */
.fade-scale{
    opacity:0;
    transform:scale(.92);
    transition:.7s ease;
}
.fade-scale.active{
    opacity:1;
    transform:scale(1);
}

/* Decorative Leaves */
.leaf{
    position:absolute;
    pointer-events:none;
    opacity:.25;
    animation:leafFloat 12s linear infinite;
}
@keyframes leafFloat{
    0%{transform:translateY(0) rotate(0deg)}
    50%{transform:translateY(-30px) rotate(12deg)}
    100%{transform:translateY(-60px) rotate(-8deg)}
}