/*======================================
ANIMATION.CSS
Digital Ebuyroo
======================================*/

/* Loader */

#loader{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:#ffffff;

display:flex;

align-items:center;

justify-content:center;

z-index:999999;

transition:.5s;

}

.loader-box{

text-align:center;

}

.loader-logo{

font-size:38px;

font-weight:700;

color:#0d6efd;

animation:pulse 1.5s infinite;

}

.loader-text{

margin-top:15px;

font-size:16px;

color:#777;

letter-spacing:1px;

}

/* Fade */

.fade-up{

animation:fadeUp .8s ease forwards;

}

.fade-left{

animation:fadeLeft .8s ease forwards;

}

.fade-right{

animation:fadeRight .8s ease forwards;

}

/* Floating */

.float{

animation:floating 4s ease-in-out infinite;

}

/* Image Hover */

.hero-image img,
.script-card,
.gallery-card,
.feature-card,
.include-card{

transition:.4s;

}

.hero-image img:hover{

transform:scale(1.03);

}

.script-card:hover,
.gallery-card:hover,
.feature-card:hover,
.include-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,0,0,.15);

}

/* Button Animation */

.btn,
.buy-btn,
.header-btn{

transition:.3s;

}

.btn:hover,
.buy-btn:hover,
.header-btn:hover{

transform:translateY(-3px);

}

/* Keyframes */

@keyframes pulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.08);

}

100%{

transform:scale(1);

}

}

@keyframes floating{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

@keyframes fadeLeft{

from{

opacity:0;

transform:translateX(-40px);

}

to{

opacity:1;

transform:translateX(0);

}

}

@keyframes fadeRight{

from{

opacity:0;

transform:translateX(40px);

}

to{

opacity:1;

transform:translateX(0);

}

}

/* Scroll Bar */

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#f1f1f1;

}

::-webkit-scrollbar-thumb{

background:#0d6efd;

border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

background:#084298;

}