/*====================================================
        ANIMATIONS.CSS
        INDOVARIS TECHNOLOGIES PVT LTD
======================================================*/

/* Fade Up */

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(60px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/* Fade Down */

@keyframes fadeDown{

0%{

opacity:0;

transform:translateY(-60px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/* Fade Left */

@keyframes fadeLeft{

0%{

opacity:0;

transform:translateX(-60px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

/* Fade Right */

@keyframes fadeRight{

0%{

opacity:0;

transform:translateX(60px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

/* Zoom */

@keyframes zoomIn{

0%{

opacity:0;

transform:scale(.8);

}

100%{

opacity:1;

transform:scale(1);

}

}

/* Rotate */

@keyframes rotate{

0%{

transform:rotate(0deg);

}

100%{

transform:rotate(360deg);

}

}

/* Float */

@keyframes floating{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-18px);

}

100%{

transform:translateY(0);

}

}

/* Pulse */

@keyframes pulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.05);

}

100%{

transform:scale(1);

}

}

/* Shine */

@keyframes shine{

0%{

left:-120%;

}

100%{

left:120%;

}

}

/* Wave */

@keyframes wave{

0%{

transform:rotate(0deg);

}

25%{

transform:rotate(8deg);

}

50%{

transform:rotate(0deg);

}

75%{

transform:rotate(-8deg);

}

100%{

transform:rotate(0deg);

}

}

/* Gradient */

@keyframes gradient{

0%{

background-position:0% 50%;

}

50%{

background-position:100% 50%;

}

100%{

background-position:0% 50%;

}

}

/* Glow */

@keyframes glow{

0%{

box-shadow:0 0 5px #2563EB;

}

50%{

box-shadow:0 0 35px #2563EB;

}

100%{

box-shadow:0 0 5px #2563EB;

}

}

/* Hero Background */

.hero{

background-size:300% 300%;

animation:gradient 15s infinite linear;

}

/* Floating Icons */

.float{

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

}

/* Rotate */

.rotate{

animation:rotate 18s linear infinite;

}

/* Pulse */

.pulse{

animation:pulse 2s infinite;

}

/* Fade Classes */

.fade-up{

animation:fadeUp 1s ease both;

}

.fade-down{

animation:fadeDown 1s ease both;

}

.fade-left{

animation:fadeLeft 1s ease both;

}

.fade-right{

animation:fadeRight 1s ease both;

}

.zoom{

animation:zoomIn 1s ease both;

}

/* Delay */

.delay-1{

animation-delay:.2s;

}

.delay-2{

animation-delay:.4s;

}

.delay-3{

animation-delay:.6s;

}

.delay-4{

animation-delay:.8s;

}

.delay-5{

animation-delay:1s;

}

/* Buttons */

.btn-primary{

position:relative;

overflow:hidden;

}

.btn-primary::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:40%;

height:100%;

background:rgba(255,255,255,.35);

transform:skewX(-30deg);

}

.btn-primary:hover::before{

animation:shine .8s;

}

/* Cards */

.service-card,

.solution-card,

.portfolio-card,

.industry-card,

.why-card,

.tech-box,

.stat-card{

transition:.4s;

}

.service-card:hover,

.solution-card:hover,

.portfolio-card:hover,

.industry-card:hover,

.why-card:hover,

.tech-box:hover{

transform:translateY(-12px);

}

/* Image Zoom */

.portfolio-card{

overflow:hidden;

}

.portfolio-card img{

transition:.8s;

}

.portfolio-card:hover img{

transform:scale(1.1);

}

/* Logo */

.logo img{

transition:.4s;

}

.logo:hover img{

transform:scale(1.05);

}

/* Navigation */

.nav-links a{

transition:.3s;

}

.nav-links a:hover{

color:#2563EB;

}

/* Social Icons */

.social-icons a{

transition:.3s;

}

.social-icons a:hover{

transform:translateY(-6px);

}

/* Statistics */

.counter{

font-weight:700;

}

/* Glass Effect */

.glass{

background:rgba(255,255,255,.1);

backdrop-filter:blur(15px);

border:1px solid rgba(255,255,255,.2);

}

/* Scroll */

html{

scroll-behavior:smooth;

}

/* Selection */

::selection{

background:#2563EB;

color:#fff;

}