/*!
 * ========================================
 * ANIMATIONS
 * Khushboo Electronics
 * ========================================
 * 
 * Contents:
 * 1. Keyframe Definitions
 * 2. Utility Animation Classes
 * 3. Page Load Animations
 * 4. Section Animations
 * 5. Card Animations
 * 6. Hover Effects
 * 
 * Usage: Add animation classes to HTML elements
 * Example: <div class="fade-in-up">Content</div>
 */@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(37,211,102,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 15px rgba(37,211,102,0)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.fade-in-up{animation:fadeInUp .8s ease forwards}.fade-in-down{animation:fadeInDown .8s ease forwards}.fade-in-left{animation:fadeInLeft .8s ease forwards}.fade-in-right{animation:fadeInRight .8s ease forwards}.scale-in{animation:scaleIn .6s ease forwards}.slide-up{animation:slideUp .6s ease forwards}.reveal{opacity:0;transform:translateY(50px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.header{animation:fadeInDown .8s ease}.logo{animation:fadeInLeft .8s ease .2s backwards}.nav-menu{animation:fadeInRight .8s ease .3s backwards}.nav-cta{animation:fadeInRight .8s ease .4s backwards}.hero-badge{animation:fadeInDown .8s ease .2s backwards}.hero-title{animation:fadeInUp 1s ease .4s backwards}.hero-description{animation:fadeInUp 1s ease .6s backwards}.hero-features{animation:fadeInUp 1s ease .8s backwards}.hero-buttons{animation:fadeInUp 1s ease 1s backwards}.stats-box{animation:fadeInRight 1s ease .5s backwards}.stat-item{animation:scaleIn .6s ease forwards;opacity:0}.stat-item:nth-child(1){animation-delay:.8s}.stat-item:nth-child(2){animation-delay:1s}.stat-item:nth-child(3){animation-delay:1.2s}.section-badge{animation:fadeInDown .6s ease forwards;opacity:0}.section-title{animation:fadeInUp .8s ease .2s forwards;opacity:0}.section-description{animation:fadeInUp .8s ease .4s forwards;opacity:0}.service-card{animation:slideUp .8s ease forwards;opacity:0}.service-card:nth-child(1){animation-delay:.2s}.service-card:nth-child(2){animation-delay:.4s}.service-card:nth-child(3){animation-delay:.6s}.service-icon{transition:all .4s ease}.service-card:hover .service-icon{animation:bounce 1s ease infinite}.why-card{animation:scaleIn .6s ease forwards;opacity:0}.why-card:nth-child(1){animation-delay:.1s}.why-card:nth-child(2){animation-delay:.2s}.why-card:nth-child(3){animation-delay:.3s}.why-card:nth-child(4){animation-delay:.4s}.why-card:nth-child(5){animation-delay:.5s}.why-card:nth-child(6){animation-delay:.6s}.why-icon{animation:float 3s ease-in-out infinite}.testimonial-card{animation:fadeInUp .8s ease forwards;opacity:0}.testimonial-card:nth-child(1){animation-delay:.2s}.testimonial-card:nth-child(2){animation-delay:.4s}.testimonial-card:nth-child(3){animation-delay:.6s}.gallery-item{animation:zoomIn .6s ease forwards;opacity:0}.gallery-item:nth-child(1){animation-delay:.1s}.gallery-item:nth-child(2){animation-delay:.2s}.gallery-item:nth-child(3){animation-delay:.3s}.gallery-item:nth-child(4){animation-delay:.4s}.gallery-item:nth-child(5){animation-delay:.5s}.gallery-item:nth-child(6){animation-delay:.6s}.faq-item{animation:slideUp .6s ease forwards;opacity:0}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}.faq-item:nth-child(6){animation-delay:.6s}.info-card{animation:fadeInLeft .8s ease forwards;opacity:0}.info-card:nth-child(1){animation-delay:.2s}.info-card:nth-child(2){animation-delay:.3s}.info-card:nth-child(3){animation-delay:.4s}.info-card:nth-child(4){animation-delay:.5s}.contact-map{animation:fadeInRight .8s ease .3s backwards}.btn{position:relative;overflow:hidden}.btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:hover::before{width:300px;height:300px}.btn:active{transform:scale(.95)}.nav-link{position:relative}.nav-link:hover::before{width:120%;height:200%}@keyframes loadingBar{0%{width:0}100%{width:100%}}.loading-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));z-index:9999;animation:loadingBar 2s ease forwards}.counter{display:inline-block;transition:all .3s ease}.counter.animate{animation:scaleIn .5s ease}