:root{--primary-color:#4f46e5;--secondary-color:#7c3aed;--accent-color:#06b6d4;--gradient-primary:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);--gradient-secondary:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);--gradient-light:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);--gradient-card:linear-gradient(135deg,#fff 0%,#f1f5f9 100%)}body{font-family:'Inter',sans-serif;overflow-x:hidden}.hero-section{background: 
                /* SVG wave (top layer) */
                url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,213.3C672,192,768,128,864,128C960,128,1056,192,1152,192C1248,192,1344,128,1392,96L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat center bottom / cover,
                /* Gradient overlay with transparency to see image */
                linear-gradient(135deg, rgba(79, 70, 229, 0.85) 0%, rgba(124, 58, 237, 0.85) 100%),
                /* Background image (bottom layer) */
                url('../images/herosection-banner.png') no-repeat center center / cover;position:relative;overflow:hidden}.hero-section::before{display:none}.min-vh-50{min-height:50vh}.knolwbox{transition:all .4s ease;background:var(--gradient-card);border-radius:16px;overflow:hidden;position:relative}.knolwbox::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-secondary);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.knolwbox:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.knolwbox:hover::before{transform:scaleX(1)}.feature-icon{transition:transform .4s ease}.knolwbox:hover .feature-icon{transform:scale(1.1)}.workboxarea{transition:all .4s ease;background:var(--gradient-card);border-radius:16px;overflow:hidden}.workboxarea:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.bluebg{background:var(--gradient-primary);color:#fff}.btn-primary{background:var(--gradient-primary);border:none;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(79,70,229,.3)}.btn-light{transition:all .3s ease}.btn-light:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.floating-elements{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1}.floating-element{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:float 20s infinite linear}@keyframes float {
            0% {
                transform: translateY(0) rotate(0deg);
                opacity: 1;
            }
            100% {
                transform: translateY(-1000px) rotate(720deg);
                opacity: 0;
            }
        }.particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.content-wrapper{position:relative;z-index:1}.section-title{position:relative;display:inline-block;margin-bottom:3rem}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--gradient-primary);border-radius:2px}.scroll-to-top{background:var(--gradient-primary);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;right:20px;z-index:1000;opacity:0;transition:all .3s ease;box-shadow:0 5px 15px rgba(79,70,229,.3)}.scroll-to-top.visible{opacity:1}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(79,70,229,.4)}.pulse-animation{animation:pulse 2s infinite}@keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.7);
            }
            70% {
                box-shadow: 0 0 0 15px rgba(79, 70, 229, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(79, 70, 229, 0);
            }
        }.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.counter-item{text-align:center;padding:20px}.counter-number{font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.counter-text{font-size:1.1rem;color:#64748b}.stats-section{background:var(--gradient-light)}.parallax-section{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.progress-bar{background:var(--gradient-primary)}.package-card{transition:all .4s ease;border-radius:16px;overflow:hidden;background:var(--gradient-card)}.package-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.package-header{color:#fff;padding:2rem;text-align:center}.package-popular{transform:scale(1.05);border:3px solid;border-image:var(--gradient-primary) 1}@media (max-width:768px){.package-popular{transform:scale(1)}}.minimage{padding-right:0;margin-right:-30px;z-index:2}.minimage img{border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);transform:perspective(1000px) rotateY(-5deg);transition:all .4s ease}.minimage:hover img{transform:perspective(1000px) rotateY(0deg)}.steps-container{position:relative;padding-left:30px;z-index:1}.minimagedataarea{background:var(--gradient-card);border-radius:16px;padding:20px;margin-left:-20px;transition:all .3s ease;border-left:4px solid transparent;box-shadow:0 5px 15px rgba(0,0,0,.05)}.minimagedataarea:hover{transform:translateX(10px);border-left:4px solid var(--primary-color);box-shadow:0 10px 25px rgba(0,0,0,.1)}.step-indicator{position:relative;z-index:3;transition:all .3s ease}.minimagedataarea:hover .step-indicator{transform:scale(1.1);box-shadow:0 8px 20px rgba(79,70,229,.3)}.connection-line{position:absolute;background:var(--gradient-primary);height:3px;border-radius:2px;opacity:.3;z-index:1;transition:all .3s ease}.line-1{top:25%;right:-30px;width:130px;transform:rotate(-10deg)}.line-2{top:40%;right:-30px;width:130px;transform:rotate(-5deg)}.line-3{top:55%;right:-30px;width:130px;transform:rotate(0deg)}.line-4{top:70%;right:-30px;width:130px;transform:rotate(5deg)}.minimagedataarea:hover ~ .connection-line,
        .minimagedataarea:hover .connection-line {opacity:.7;width:40px}@media (max-width:991px){.minimage{margin-right:0;margin-bottom:40px;text-align:center}.minimage img{transform:none;max-width:80%}.steps-container{padding-left:0}.minimagedataarea{margin-left:0}.connection-line{display:none}}@media (max-width:768px){.minimage img{max-width:100%}.minimagedataarea{padding:15px}.menimgdatanum.me-4{margin-right:15px!important}}@keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }.minimagedataarea{animation:fadeInUp .6s ease forwards;opacity:0}.minimagedataarea:nth-child(1) {animation-delay:.1s}.minimagedataarea:nth-child(2) {animation-delay:.2s}.minimagedataarea:nth-child(3) {animation-delay:.3s}.minimagedataarea:nth-child(4) {animation-delay:.4s}.stat-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;padding:2.5rem 1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);height:100%}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4e54c8,#8f94fb);transform:scaleX(0);transition:transform .4s ease}.stat-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 20px 40px rgba(0,0,0,.15)}.stat-card:hover::before{transform:scaleX(1)}.stat-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 20px rgba(102,126,234,.3);transition:all .4s ease}.stat-card:hover .stat-icon{transform:rotate(360deg) scale(1.1);background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.counter-container{position:relative;margin-bottom:1rem}.counter{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:inline-block;transition:all .3s ease}.stat-card:hover .counter{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.counter-plus,.counter-percent,.counter-weeks{font-size:2rem;font-weight:700;color:#6c757d;margin-left:.25rem}.stat-title{font-size:1.25rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;transition:color .3s ease}.stat-card:hover .stat-title{color:#e74c3c}.stat-subtitle{font-size:.9rem;color:#6c757d;font-style:italic;margin-bottom:1.5rem;min-height:2.5rem}.stat-progress{background:#e9ecef;border-radius:10px;height:6px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#4e54c8,#8f94fb);border-radius:10px;transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.65,0,.35,1)}.stat-card:hover .progress-bar{transform:scaleX(1)}.floating-elementss{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-item{position:absolute;font-size:2rem;color:rgba(102,126,234,.1);animation:floatAround 8s ease-in-out infinite}.floating-item:nth-child(1) {animation-delay:0s}.floating-item:nth-child(2) {animation-delay:2s}.floating-item:nth-child(3) {animation-delay:4s}.floating-item:nth-child(4) {animation-delay:6s}@keyframes floatAround {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(10px, -15px) rotate(5deg);
  }
  50% {
    transform: translate(-5px, 10px) rotate(-5deg);
  }
  75% {
    transform: translate(15px, 5px) rotate(3deg);
  }
}@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}.counter.animating{animation:pulse .5s ease}@media (max-width:768px){.stat-card{padding:2rem 1rem;margin-bottom:1.5rem}.counter{font-size:2.5rem}.stat-icon{width:60px;height:60px;font-size:1.5rem}}[data-aos]{opacity:0;transition-property:transform , opacity}[data-aos].aos-animate{opacity:1}[data-aos="fade-up"]{transform:translate3d(0,100px,0)}[data-aos="fade-up"].aos-animate{transform:translate3d(0,0,0)}