:root{--p:#6366f1;--p2:#06b6d4;--p3:#f59e0b;--ink:#14213d;--muted:#667085;--soft:#f8fbff;--card:#ffffff}
body{background:linear-gradient(180deg,#f8fbff 0%,#ffffff 45%,#f7fcff 100%);color:var(--ink)}
#header,#header .header-inner{background:rgba(255,255,255,.92)!important;box-shadow:0 10px 35px rgba(99,102,241,.12);backdrop-filter:blur(12px)}
#header .logo a,#header .nav li a,#header .search li a{color:#14213d!important}.logo span{background:linear-gradient(135deg,var(--p),var(--p2));-webkit-background-clip:text;color:transparent!important}
#header .nav li:hover a,#header .nav li.active a{background:linear-gradient(135deg,#eef2ff,#ecfeff)!important;color:#4f46e5!important;box-shadow:0 8px 22px rgba(99,102,241,.16)}
#header .nav li .sub-menu{background:#fff;border-color:var(--p);box-shadow:0 18px 45px rgba(15,23,42,.12)}
#j-slider .single-slider:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(248,251,255,.94),rgba(236,254,255,.78),rgba(255,247,237,.70));z-index:0}#j-slider .single-slider{position:relative}.slide-text{position:relative;z-index:2}.slide-text h1{color:#111827!important;text-shadow:none!important;font-weight:800;letter-spacing:-1px}.slide-text h1 span{display:inline-block;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff!important;padding:8px 18px;border-radius:999px;font-size:18px;margin-bottom:12px}.slide-text p{color:#334155!important;font-size:18px;max-width:760px}.hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.hero-badges b{background:#fff;color:#334155;padding:10px 16px;border-radius:999px;box-shadow:0 10px 30px rgba(99,102,241,.16);border:1px solid #e0e7ff}.button,.button.primary{border-radius:999px!important;background:linear-gradient(135deg,#6366f1,#06b6d4)!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(6,182,212,.25)}.button.primary{background:linear-gradient(135deg,#f59e0b,#f97316)!important}.section{background:transparent}.section-title h2{color:#111827;font-weight:800}.section-title span{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-background-clip:text;color:transparent!important}.single-service,.single-table,.single-blog,.team-single,.single-project,.contact form,.feature-card{background:rgba(255,255,255,.92)!important;border:1px solid #e8eefc!important;border-radius:28px!important;box-shadow:0 18px 55px rgba(99,102,241,.12)!important;transition:.35s ease;overflow:hidden}.single-service:hover,.single-table:hover,.feature-card:hover,.single-blog:hover{transform:translateY(-10px);box-shadow:0 28px 75px rgba(6,182,212,.18)!important}.single-service .number p,.single-service.active .number p{background:linear-gradient(135deg,#6366f1,#06b6d4)!important;color:#fff!important}.single-service h4,.feature-card h4{color:#111827;font-weight:800}.single-service p,.feature-card p,.table-list li{color:#667085}.single-service .ico-bg{color:rgba(99,102,241,.07)!important}.premium-features{background:linear-gradient(135deg,#eef2ff,#ecfeff 55%,#fff7ed);padding-top:80px;padding-bottom:70px}.feature-card{padding:34px 24px;text-align:center;margin-bottom:25px}.feature-card i{font-size:46px;background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-background-clip:text;color:transparent;margin-bottom:16px}.feature-card.top{border:2px solid rgba(245,158,11,.4)!important;box-shadow:0 24px 70px rgba(245,158,11,.18)!important}.feature-card.top i{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;color:transparent}.table-head{background:linear-gradient(135deg,#eef2ff,#ecfeff)!important;border-radius:28px 28px 0 0!important}.single-table.active .table-head{background:linear-gradient(135deg,#fff7ed,#eef2ff)!important}.table-title{color:#111827!important}.price .ammount{color:#4f46e5!important;font-weight:800}.table-list li:before{color:#06b6d4!important}.progress{background:#eef2ff!important;border-radius:999px}.progress-bar{background:linear-gradient(135deg,#6366f1,#06b6d4)!important;border-radius:999px}#skills-experience:before,#call-to-action:before,#testimonial:before{background:linear-gradient(135deg,rgba(99,102,241,.88),rgba(6,182,212,.78))!important}.form input,.form textarea{border-radius:18px!important;border:1px solid #e2e8f0!important;background:#f8fbff!important}.contact-map{border-radius:28px;overflow:hidden;box-shadow:0 18px 55px rgba(99,102,241,.12)}#footer-top,#footer{background:linear-gradient(135deg,#f8fbff,#eef2ff)!important;color:#14213d!important}#footer-top h2,#footer-top p,#footer p{color:#14213d!important}#clients{background:#fff!important}.slicknav_menu{background:#fff!important}.slicknav_nav a{color:#14213d!important}
@media(max-width:767px){.slide-text h1{font-size:34px!important}.slide-text p{font-size:15px}.hero-badges{justify-content:center}#header .logo{text-align:center}.single-service,.feature-card,.single-table{margin-bottom:20px}}

/* ===== Enhanced pastel color combination + animations ===== */
:root{--p:#8b5cf6;--p2:#38bdf8;--p3:#fb7185;--p4:#34d399;--ink:#172033;--muted:#667085;--soft:#f9fbff;--cream:#fff8f1;--mint:#effdf7}
body{background:radial-gradient(circle at top left,#fff7ed 0,#f8fbff 34%,#eff6ff 68%,#ffffff 100%)!important;color:var(--ink)}
#header,#header .header-inner{background:rgba(255,255,255,.86)!important;border-bottom:1px solid rgba(56,189,248,.18);box-shadow:0 16px 45px rgba(139,92,246,.10)!important}
#j-slider .single-slider:before{background:linear-gradient(115deg,rgba(255,248,241,.94),rgba(239,246,255,.86),rgba(240,253,250,.78))!important}
.slide-text h1 span{background:linear-gradient(135deg,#fb7185,#8b5cf6)!important;box-shadow:0 12px 30px rgba(251,113,133,.22)}
.slide-text h1{animation:premiumFloat 4.5s ease-in-out infinite}.slide-text p{animation:softFadeUp .9s ease both}.hero-badges b{background:linear-gradient(135deg,#fff,#f0f9ff)!important;border:1px solid rgba(56,189,248,.20)!important;box-shadow:0 12px 32px rgba(56,189,248,.13)!important}
.button,.button.primary{background:linear-gradient(135deg,#8b5cf6,#38bdf8)!important;box-shadow:0 15px 36px rgba(56,189,248,.23)!important}.button.primary{background:linear-gradient(135deg,#fb7185,#f59e0b)!important}
.section-title span,.logo span{background:linear-gradient(135deg,#fb7185,#8b5cf6,#38bdf8)!important;-webkit-background-clip:text!important;color:transparent!important}
.single-service,.single-table,.single-blog,.team-single,.single-project,.contact form,.feature-card{border:1px solid rgba(139,92,246,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,249,255,.72))!important;box-shadow:0 18px 55px rgba(15,23,42,.08)!important;transform-style:preserve-3d}
.single-service:hover,.single-table:hover,.feature-card:hover,.single-blog:hover{transform:translateY(-12px) rotateX(3deg) rotateY(-3deg)!important;box-shadow:0 32px 90px rgba(139,92,246,.18)!important}.single-service:before,.feature-card:before,.single-table:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(251,113,133,.08),rgba(56,189,248,.08));opacity:0;transition:.35s;pointer-events:none}.single-service:hover:before,.feature-card:hover:before,.single-table:hover:before{opacity:1}
.single-service .number p,.single-service.active .number p,.feature-card i{background:linear-gradient(135deg,#8b5cf6,#38bdf8)!important;-webkit-background-clip:text;color:transparent}.single-service .number p{color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#fb7185)!important}
.premium-features{background:linear-gradient(135deg,#fff7ed 0%,#eff6ff 45%,#ecfdf5 100%)!important;position:relative;overflow:hidden}.premium-features:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(56,189,248,.16);right:-120px;top:-120px;filter:blur(5px)}
.erp-bus-stage{height:170px;position:relative;margin:5px auto 45px;max-width:920px;perspective:900px}.route-line{position:absolute;left:5%;right:5%;bottom:42px;height:8px;border-radius:999px;background:repeating-linear-gradient(90deg,#8b5cf6 0 45px,transparent 45px 70px);opacity:.38;box-shadow:0 16px 25px rgba(139,92,246,.12)}.bus-3d{position:absolute;left:3%;bottom:44px;width:178px;height:78px;animation:busDrive 6.5s ease-in-out infinite;transform-style:preserve-3d}.bus-body{position:absolute;inset:9px 30px 20px 4px;border-radius:22px 18px 16px 18px;background:linear-gradient(135deg,#8b5cf6,#38bdf8 55%,#34d399);box-shadow:inset -12px -14px 20px rgba(0,0,0,.12),0 24px 45px rgba(56,189,248,.25);transform:rotateY(-14deg) rotateX(5deg)}.bus-body span{display:inline-block;width:30px;height:20px;background:rgba(255,255,255,.72);border-radius:7px;margin:13px 3px 0 10px;box-shadow:inset 0 0 8px rgba(56,189,248,.24)}.bus-front{position:absolute;right:8px;top:18px;width:48px;height:42px;border-radius:8px 18px 18px 8px;background:linear-gradient(135deg,#fb7185,#f59e0b);transform:skewY(-8deg);box-shadow:0 12px 25px rgba(251,113,133,.22)}.wheel{position:absolute;bottom:6px;width:29px;height:29px;border:6px solid #172033;border-radius:50%;background:#fff;animation:wheelSpin .7s linear infinite;box-shadow:0 0 0 4px rgba(255,255,255,.8)}.wheel-left{left:30px}.wheel-right{right:38px}.bus-shadow{position:absolute;left:15px;right:15px;bottom:-16px;height:18px;border-radius:50%;background:rgba(15,23,42,.18);filter:blur(8px);animation:shadowPulse 1.2s ease-in-out infinite}.gps-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#fb7185;box-shadow:0 0 0 8px rgba(251,113,133,.16);animation:gpsPulse 1.7s ease-in-out infinite}.dot-one{left:18%;top:34px}.dot-two{left:51%;top:12px;animation-delay:.4s}.dot-three{right:16%;top:46px;animation-delay:.8s}
.reveal-on-scroll{opacity:0;transform:translateY(38px);transition:.8s ease}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}
@keyframes busDrive{0%{left:2%;transform:translateY(0) rotateY(-7deg)}45%{left:70%;transform:translateY(-8px) rotateY(-13deg)}55%{left:73%;transform:translateY(-4px) rotateY(180deg)}100%{left:2%;transform:translateY(0) rotateY(173deg)}}@keyframes wheelSpin{to{transform:rotate(360deg)}}@keyframes gpsPulse{0%,100%{transform:scale(.9);opacity:.65}50%{transform:scale(1.3);opacity:1}}@keyframes shadowPulse{50%{transform:scaleX(.82);opacity:.55}}@keyframes premiumFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes softFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.erp-bus-stage{height:140px}.bus-3d{width:140px;transform:scale(.82)}@keyframes busDrive{0%{left:0;transform:scale(.82) rotateY(-7deg)}45%{left:58%;transform:scale(.82) translateY(-8px) rotateY(-13deg)}55%{left:58%;transform:scale(.82) translateY(-4px) rotateY(180deg)}100%{left:0;transform:scale(.82) rotateY(173deg)}}}


/* ASWAVE Logo + Fresh Light Multi Color Palette */
.logo .aswave-logo-link{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;background:#ffffff;border-radius:18px;padding:6px 10px;box-shadow:0 12px 30px rgba(15,160,170,.16);border:1px solid rgba(20,184,166,.16);}
.logo .aswave-logo-link img{height:58px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.10));animation:logoFloat 4s ease-in-out infinite;}
.footer .logo .aswave-logo-link{padding:8px 12px;border-radius:20px;margin-top:10px;}
.footer .logo .aswave-logo-link img{height:82px;}
@keyframes logoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}
.header-inner{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);box-shadow:0 10px 35px rgba(15, 118, 110, .08)!important;}
.navbar-nav li a{color:#17424a!important;font-weight:700;}
.navbar-nav li a:hover,.navbar-nav li.active a{color:#06b6d4!important;}
.button,.btn,.single-pricing .button{background:linear-gradient(135deg,#14b8a6,#38bdf8,#a7f3d0)!important;color:#083344!important;border:none!important;box-shadow:0 16px 35px rgba(20,184,166,.24)!important;}
.button:hover,.btn:hover{transform:translateY(-3px);box-shadow:0 22px 45px rgba(56,189,248,.28)!important;}
.section-title h2 span,.single-feature i,.single-service i{color:#14b8a6!important;}
.single-service,.single-feature,.single-pricing,.single-widget,.blog-single{border:1px solid rgba(20,184,166,.13)!important;box-shadow:0 18px 45px rgba(15,118,110,.08)!important;background:linear-gradient(145deg,#ffffff,#f0fdfa)!important;}
.single-service:hover,.single-feature:hover,.single-pricing:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(20,184,166,.16)!important;}
#slider,.hero-area{background:radial-gradient(circle at 20% 20%,#ecfeff 0,#f0fdfa 36%,#ffffff 72%)!important;}
@media(max-width:767px){.logo .aswave-logo-link img{height:50px}.footer .logo .aswave-logo-link img{height:70px}}

/* ===== Header + Work Section Premium Redesign ===== */
#header{position:sticky!important;top:0;z-index:9999;background:transparent!important;}
#header .header-inner{margin:12px auto 0;width:94%;border-radius:26px!important;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(240,253,250,.88))!important;border:1px solid rgba(20,184,166,.18)!important;box-shadow:0 18px 50px rgba(15,118,110,.10)!important;backdrop-filter:blur(18px)!important;}
#header .row{display:flex;align-items:center;}
#header .logo{padding:4px 0!important;}
.logo .aswave-logo-link{border-radius:22px!important;padding:5px 12px!important;background:linear-gradient(145deg,#ffffff,#ecfeff)!important;border:1px solid rgba(20,184,166,.22)!important;box-shadow:0 12px 28px rgba(20,184,166,.13)!important;}
.logo .aswave-logo-link img{height:64px!important;}
.nav-area{display:flex!important;align-items:center;justify-content:flex-end;gap:16px;}
.mainmenu .navbar-nav{display:flex;align-items:center;gap:8px;}
.mainmenu .navbar-nav>li>a{border-radius:999px!important;padding:12px 15px!important;color:#155e63!important;font-size:14px!important;font-weight:800!important;letter-spacing:.2px;transition:.3s ease!important;}
.mainmenu .navbar-nav>li>a:before{display:none!important;}
.mainmenu .navbar-nav>li.active>a,.mainmenu .navbar-nav>li:hover>a{background:linear-gradient(135deg,#ccfbf1,#e0f2fe)!important;color:#0f766e!important;box-shadow:0 10px 26px rgba(20,184,166,.15)!important;transform:translateY(-2px);}
ul.search{display:none!important;}
.nav-area:after{content:'Start ₹10,000';display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#14b8a6,#38bdf8)!important;color:#ffffff;font-weight:900;box-shadow:0 15px 35px rgba(56,189,248,.26);animation:headerCtaPulse 2.2s ease-in-out infinite;}
@keyframes headerCtaPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

.premium-work-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fffd 0%,#eff6ff 48%,#fff7ed 100%)!important;padding-top:90px!important;padding-bottom:95px!important;}
.premium-work-section:before{content:"";position:absolute;width:430px;height:430px;left:-160px;top:80px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.16),transparent 68%);}
.premium-work-section:after{content:"";position:absolute;width:340px;height:340px;right:-130px;bottom:50px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%);}
.work-title{margin-bottom:36px!important;position:relative;z-index:2;}
.work-title .mini-title{display:inline-block;background:linear-gradient(135deg,#ccfbf1,#e0f2fe);color:#0f766e!important;padding:8px 18px;border-radius:999px;font-weight:900;margin-bottom:12px;box-shadow:0 10px 28px rgba(20,184,166,.13);}
.work-title p{max-width:720px;margin:14px auto 0;color:#64748b;font-size:16px;line-height:1.7;}
.premium-work-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:22px;}
.work-card{position:relative;overflow:hidden;border-radius:34px;background:#fff;box-shadow:0 24px 65px rgba(15,118,110,.12);border:1px solid rgba(20,184,166,.16);transform-style:preserve-3d;transition:.45s cubic-bezier(.2,.8,.2,1);}
.work-card-large{grid-column:span 2;grid-row:span 2;}
.work-card-wide{grid-column:span 2;}
.work-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.03);transition:.65s ease;}
.work-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(8,51,68,.70));z-index:1;opacity:.84;transition:.35s ease;}
.work-card:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.34);border-radius:26px;z-index:2;opacity:.85;pointer-events:none;}
.work-card:hover{transform:translateY(-12px) rotateX(3deg) rotateY(-3deg);box-shadow:0 36px 90px rgba(20,184,166,.22);}
.work-card:hover img{transform:scale(1.12) rotate(1.2deg);}
.work-card:hover:before{background:linear-gradient(180deg,rgba(20,184,166,.10),rgba(8,51,68,.78));}
.work-glass{position:absolute;left:24px;right:24px;bottom:24px;z-index:3;padding:18px 20px;border-radius:24px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.30);backdrop-filter:blur(12px);transform:translateY(8px);transition:.35s ease;}
.work-card:hover .work-glass{transform:translateY(0);background:rgba(255,255,255,.23);}
.work-glass b{display:inline-block;background:#ffffff;color:#0f766e;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:900;margin-bottom:8px;box-shadow:0 8px 20px rgba(255,255,255,.18);}
.work-glass h4{margin:0;color:#fff!important;font-size:22px;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.22);}
.work-glass p{color:rgba(255,255,255,.86);margin:8px 0 0;line-height:1.55;}
@media(max-width:991px){#header .row{display:block}.nav-area{justify-content:center;flex-wrap:wrap}.premium-work-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.work-card-large,.work-card-wide{grid-column:span 2}.nav-area:after{margin-bottom:10px}}
@media(max-width:767px){#header .header-inner{width:96%;border-radius:20px!important;margin-top:8px}.logo .aswave-logo-link img{height:54px!important}.mainmenu .navbar-nav{display:block}.nav-area:after{display:none}.premium-work-grid{display:block}.work-card{height:250px;margin-bottom:20px}.work-card-large{height:340px}.work-glass h4{font-size:19px}}


/* ===== Bigger premium logo visibility update ===== */
#header .header-inner{min-height:96px!important;padding:7px 0!important;}
#header .row{align-items:center!important;}
#header .logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:88px!important;overflow:visible!important;}
.logo .aswave-logo-link{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:245px!important;width:max-content!important;border-radius:26px!important;padding:8px 16px 8px 9px!important;background:linear-gradient(135deg,#ffffff 0%,#ecfeff 48%,#f0fdf4 100%)!important;border:2px solid rgba(20,184,166,.28)!important;box-shadow:0 18px 48px rgba(20,184,166,.18), inset 0 0 0 1px rgba(255,255,255,.75)!important;overflow:visible!important;}
.logo .aswave-logo-link:before{content:"";position:absolute;inset:-8px;border-radius:32px;background:linear-gradient(135deg,rgba(20,184,166,.24),rgba(56,189,248,.18),rgba(132,204,22,.18));filter:blur(14px);z-index:-1;animation:logoGlow 2.6s ease-in-out infinite;}
.logo .aswave-logo-link img{height:84px!important;width:84px!important;min-width:84px!important;object-fit:contain!important;border-radius:50%!important;background:#ffffff!important;padding:3px!important;box-shadow:0 10px 26px rgba(15,118,110,.18)!important;filter:none!important;animation:logoFloat 4s ease-in-out infinite!important;}
.logo .aswave-logo-link:after{content:"ASWAVE\A IT PVT LTD";white-space:pre-line;font-size:20px;line-height:1.02;font-weight:1000;letter-spacing:.7px;background:linear-gradient(135deg,#0891b2,#22c55e);-webkit-background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.65);}
.nav-area{min-height:88px!important;}
.mainmenu .navbar-nav>li>a{padding:12px 13px!important;}
@keyframes logoGlow{0%,100%{opacity:.62;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}
@media(max-width:991px){#header .logo{justify-content:center!important}.logo .aswave-logo-link{margin:0 auto 10px!important}.nav-area{min-height:auto!important}}
@media(max-width:767px){#header .header-inner{min-height:auto!important}.logo .aswave-logo-link{min-width:215px!important;padding:7px 13px 7px 8px!important}.logo .aswave-logo-link img{height:70px!important;width:70px!important;min-width:70px!important}.logo .aswave-logo-link:after{font-size:17px}.nav-area{display:block!important}}


/* ===== Final requested premium changes ===== */
/* Header logo: only logo image, no company name text */
#header .logo .aswave-logo-link,
.logo .aswave-logo-link{
    min-width:0!important;
    width:104px!important;
    height:104px!important;
    padding:8px!important;
    border-radius:50%!important;
    gap:0!important;
    justify-content:center!important;
    background:radial-gradient(circle at 35% 25%,#ffffff 0%,#ecfeff 52%,#dcfce7 100%)!important;
    border:2px solid rgba(20,184,166,.26)!important;
    box-shadow:0 18px 45px rgba(14,165,163,.18),0 6px 0 rgba(20,184,166,.06)!important;
}
#header .logo .aswave-logo-link:after,
.logo .aswave-logo-link:after{display:none!important;content:none!important;}
#header .logo .aswave-logo-link img,
.logo .aswave-logo-link img{
    height:88px!important;
    width:88px!important;
    min-width:88px!important;
    padding:0!important;
    border-radius:50%!important;
    object-fit:contain!important;
    background:#fff!important;
}
#header .header-inner{padding:8px 0!important;}

/* Slider text: keep all three banner slides on left */
#j-slider .slide-text.center,
#j-slider .slide-text.right,
#j-slider .slide-text.left{
    text-align:left!important;
    margin-left:0!important;
    margin-right:auto!important;
    float:left!important;
}
#j-slider .slide-text.center .slide-button,
#j-slider .slide-text.right .slide-button{text-align:left!important;justify-content:flex-start!important;}

/* Footer top cards: About, Contact, Newsletter */
#footer-top{
    background:linear-gradient(135deg,#f8fffe 0%,#eef9ff 45%,#f4fff3 100%)!important;
    padding:72px 0!important;
    position:relative!important;
    overflow:hidden!important;
}
#footer-top:before{
    content:"";position:absolute;inset:20px auto auto -80px;width:260px;height:260px;border-radius:50%;
    background:radial-gradient(circle,rgba(45,212,191,.20),transparent 66%);
}
#footer-top:after{
    content:"";position:absolute;right:-90px;bottom:-80px;width:320px;height:320px;border-radius:50%;
    background:radial-gradient(circle,rgba(59,130,246,.14),transparent 64%);
}
#footer-top .container{position:relative;z-index:2;}
#footer-top .single-widget{
    min-height:315px!important;
    background:rgba(255,255,255,.86)!important;
    border:1px solid rgba(20,184,166,.14)!important;
    border-radius:30px!important;
    padding:34px 28px!important;
    box-shadow:0 24px 60px rgba(15,23,42,.08)!important;
    backdrop-filter:blur(14px)!important;
    transition:.35s ease!important;
    position:relative!important;
    overflow:hidden!important;
}
#footer-top .single-widget:before{
    content:"";position:absolute;top:0;left:0;right:0;height:5px;
    background:linear-gradient(90deg,#14b8a6,#38bdf8,#84cc16);
}
#footer-top .single-widget:hover{
    transform:translateY(-10px)!important;
    box-shadow:0 34px 80px rgba(20,184,166,.14)!important;
}
#footer-top .single-widget h2{
    font-size:25px!important;
    font-weight:900!important;
    color:#0f766e!important;
    margin-bottom:18px!important;
    position:relative!important;
}
#footer-top .single-widget h2:after{
    content:"";display:block;width:54px;height:4px;border-radius:50px;margin-top:10px;
    background:linear-gradient(90deg,#14b8a6,#60a5fa);
}
#footer-top .single-widget p,
#footer-top .single-widget li,
#footer-top .single-widget a{color:#475569!important;font-size:15px!important;line-height:1.7!important;}
#footer-top .single-widget.contact .list li{
    background:#f8fafc!important;border:1px solid rgba(20,184,166,.10)!important;border-radius:16px!important;
    padding:12px 12px 12px 42px!important;margin-bottom:12px!important;position:relative!important;
}
#footer-top .single-widget.contact .list li i{
    position:absolute!important;left:14px!important;top:15px!important;color:#14b8a6!important;font-size:17px!important;
}
#footer-top .single-widget.newslatter form{display:flex!important;gap:10px!important;margin-top:22px!important;}
#footer-top .single-widget.newslatter input{
    height:54px!important;border-radius:18px!important;border:1px solid rgba(20,184,166,.18)!important;
    background:#fff!important;padding:0 16px!important;box-shadow:inset 0 2px 10px rgba(15,23,42,.04)!important;
}
#footer-top .single-widget.newslatter button{
    min-width:58px!important;height:54px!important;border-radius:18px!important;background:linear-gradient(135deg,#14b8a6,#38bdf8)!important;
    box-shadow:0 14px 28px rgba(20,184,166,.24)!important;
}
#footer-top .single-widget.about .logo .aswave-logo-link{margin-top:18px!important;width:86px!important;height:86px!important;padding:7px!important;}
#footer-top .single-widget.about .logo .aswave-logo-link img{width:72px!important;height:72px!important;min-width:72px!important;}
@media(max-width:991px){#footer-top .single-widget{margin-bottom:24px!important;min-height:auto!important}}
@media(max-width:767px){#header .logo .aswave-logo-link,.logo .aswave-logo-link{width:84px!important;height:84px!important}#header .logo .aswave-logo-link img,.logo .aswave-logo-link img{width:70px!important;height:70px!important;min-width:70px!important}}

/* ===== Requested update: half header height + ERP 3D + website animation ===== */
#header .header-inner{min-height:48px!important;padding:3px 0!important;margin-top:6px!important;border-radius:18px!important;}
#header .row{min-height:48px!important;align-items:center!important;}
#header .logo{min-height:48px!important;padding:0!important;}
#header .logo .aswave-logo-link,.logo .aswave-logo-link{width:54px!important;height:54px!important;padding:4px!important;box-shadow:0 10px 26px rgba(14,165,163,.14)!important;}
#header .logo .aswave-logo-link img,.logo .aswave-logo-link img{width:46px!important;height:46px!important;min-width:46px!important;}
#header .nav-area{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;}
#header .mainmenu .navbar-nav>li>a{padding:7px 10px!important;font-size:13px!important;line-height:18px!important;}
#header .search li a{width:34px!important;height:34px!important;line-height:34px!important;}
#j-slider{margin-top:-6px!important;}

.website-3d-service{perspective:900px!important;overflow:hidden!important;}
.website-3d-screen{width:132px;height:86px;margin:0 auto 18px;border-radius:18px;background:linear-gradient(135deg,#ffffff,#e0f2fe);border:1px solid rgba(56,189,248,.30);box-shadow:0 20px 45px rgba(56,189,248,.18);transform:rotateX(10deg) rotateY(-12deg);animation:web3dFloat 3.2s ease-in-out infinite;position:relative;padding:14px;}
.website-3d-screen:before{content:"";position:absolute;left:18px;right:18px;bottom:-12px;height:10px;border-radius:50%;background:rgba(14,165,233,.18);filter:blur(4px);}
.website-3d-screen span{display:block;height:9px;border-radius:99px;margin-bottom:9px;background:linear-gradient(90deg,#14b8a6,#38bdf8,#a7f3d0);animation:webLine 2.4s ease-in-out infinite;}
.website-3d-screen span:nth-child(2){width:74%;animation-delay:.25s}.website-3d-screen span:nth-child(3){width:52%;animation-delay:.5s}
.web-cursor{position:absolute;width:18px;height:18px;right:18px;bottom:16px;border-radius:5px;background:linear-gradient(135deg,#22c55e,#06b6d4);box-shadow:0 8px 18px rgba(6,182,212,.28);animation:cursorMove 2.6s ease-in-out infinite;}
@keyframes web3dFloat{0%,100%{transform:rotateX(10deg) rotateY(-12deg) translateY(0)}50%{transform:rotateX(14deg) rotateY(12deg) translateY(-10px)}}
@keyframes webLine{0%,100%{transform:scaleX(.78);opacity:.75}50%{transform:scaleX(1);opacity:1}}
@keyframes cursorMove{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-34px,-24px) rotate(12deg)}}

.erp-3d-section{background:linear-gradient(135deg,#f8fffe 0%,#eef9ff 45%,#f7fee7 100%)!important;position:relative!important;overflow:hidden!important;}
.erp-only-grid{display:flex;flex-wrap:wrap;justify-content:center;}
.erp-3d-card{min-height:235px!important;transform-style:preserve-3d!important;perspective:900px!important;border-radius:30px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(20,184,166,.16)!important;box-shadow:0 25px 65px rgba(15,23,42,.09)!important;transition:.45s ease!important;position:relative!important;overflow:hidden!important;}
.erp-3d-card:before{content:"";position:absolute;inset:-45% -20% auto auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.22),transparent 65%);animation:orbMove 4s ease-in-out infinite;}
.erp-3d-card i{display:inline-flex!important;width:74px;height:74px;border-radius:24px;align-items:center;justify-content:center;background:linear-gradient(135deg,#ccfbf1,#dbeafe)!important;color:#0f766e!important;font-size:34px!important;box-shadow:0 18px 35px rgba(20,184,166,.18)!important;transform:translateZ(35px);animation:iconPulse3d 2.8s ease-in-out infinite;}
.erp-3d-card:hover{transform:translateY(-14px) rotateX(7deg) rotateY(-7deg)!important;box-shadow:0 38px 85px rgba(20,184,166,.18)!important;}
.bus-card:after{content:"";position:absolute;left:30px;right:30px;bottom:24px;height:5px;border-radius:99px;background:repeating-linear-gradient(90deg,#14b8a6 0 22px,transparent 22px 36px);animation:roadMove 1.4s linear infinite;opacity:.55;}
.result-card:after{content:"▁ ▃ ▅ ▇";position:absolute;right:28px;bottom:20px;font-size:34px;color:rgba(20,184,166,.28);animation:chartBeat 1.7s ease-in-out infinite;}
.seat-card:after{content:"▦";position:absolute;right:30px;bottom:18px;font-size:70px;color:rgba(56,189,248,.20);animation:seatFlip 3s ease-in-out infinite;}
@keyframes orbMove{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-24px,26px) scale(1.12)}}
@keyframes iconPulse3d{0%,100%{transform:translateZ(35px) scale(1)}50%{transform:translateZ(48px) scale(1.08)}}
@keyframes roadMove{from{background-position:0 0}to{background-position:36px 0}}
@keyframes chartBeat{0%,100%{transform:scaleY(.85);opacity:.4}50%{transform:scaleY(1.18);opacity:.75}}
@keyframes seatFlip{0%,100%{transform:rotateY(0)}50%{transform:rotateY(180deg)}}
@media(max-width:991px){#header .row{display:block!important}.erp-only-grid{display:block}.erp-3d-card{margin-bottom:22px!important}}
@media(max-width:767px){#header .header-inner{width:96%!important;margin-top:5px!important}#header .logo{justify-content:center!important}.nav-area{display:block!important}.website-3d-screen{width:118px;height:78px}.erp-3d-card{min-height:210px!important}}

/* Scroll down premium reveal animations */
.scroll-reveal{
  opacity:0;
  transform:translate3d(0,55px,0) scale(.96);
  filter:blur(10px);
  transition:opacity .85s cubic-bezier(.22,1,.36,1), transform .85s cubic-bezier(.22,1,.36,1), filter .85s ease;
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform,filter;
}
.scroll-reveal.revealed{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
.reveal-left{transform:translate3d(-70px,25px,0) scale(.96)}
.reveal-right{transform:translate3d(70px,25px,0) scale(.96)}
.reveal-zoom{transform:translate3d(0,35px,0) scale(.88)}
.reveal-flip{transform:perspective(900px) rotateX(16deg) translateY(45px);transform-origin:top center}
.reveal-left.revealed,.reveal-right.revealed,.reveal-zoom.revealed,.reveal-flip.revealed{transform:translate3d(0,0,0) scale(1)}
.erp-3d-section .feature-card.revealed,.single-service.revealed,.single-project.revealed,.single-blog.revealed{
  animation:premiumFloatIn .95s cubic-bezier(.22,1,.36,1) both;
}
@keyframes premiumFloatIn{
  0%{opacity:0;transform:translateY(55px) scale(.92) rotateX(10deg);filter:blur(10px)}
  60%{opacity:1;transform:translateY(-8px) scale(1.02) rotateX(0);filter:blur(0)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@media (prefers-reduced-motion:reduce){.scroll-reveal,.reveal-on-scroll{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important}}

/* ===== Requested update: premium header tabs style + animation ===== */
#header .mainmenu .navbar-nav{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  perspective:900px!important;
}
#header .mainmenu .navbar-nav>li{
  position:relative!important;
  opacity:0;
  transform:translateY(-14px) rotateX(18deg);
  animation:headerTabDrop .7s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:calc(var(--tab-i,0) * 80ms);
}
#header .mainmenu .navbar-nav>li:nth-child(1){--tab-i:1}
#header .mainmenu .navbar-nav>li:nth-child(2){--tab-i:2}
#header .mainmenu .navbar-nav>li:nth-child(3){--tab-i:3}
#header .mainmenu .navbar-nav>li:nth-child(4){--tab-i:4}
#header .mainmenu .navbar-nav>li:nth-child(5){--tab-i:5}
#header .mainmenu .navbar-nav>li:nth-child(6){--tab-i:6}
#header .mainmenu .navbar-nav>li:nth-child(7){--tab-i:7}
#header .mainmenu .navbar-nav>li:nth-child(8){--tab-i:8}
#header .mainmenu .navbar-nav>li>a{
  position:relative!important;
  overflow:hidden!important;
  border-radius:14px!important;
  color:#0f172a!important;
  font-weight:700!important;
  letter-spacing:.2px!important;
  background:rgba(255,255,255,.42)!important;
  border:1px solid transparent!important;
  transition:transform .35s ease, color .35s ease, box-shadow .35s ease, background .35s ease, border-color .35s ease!important;
  z-index:1!important;
}
#header .mainmenu .navbar-nav>li>a:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(204,251,241,.95),rgba(219,234,254,.95),rgba(240,253,244,.95));
  opacity:0;
  transform:scale(.82);
  transition:.35s ease;
  z-index:-1;
}
#header .mainmenu .navbar-nav>li>a:after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:5px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#14b8a6,#38bdf8,#22c55e);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .35s ease;
  box-shadow:0 0 14px rgba(20,184,166,.45);
}
#header .mainmenu .navbar-nav>li:hover>a,
#header .mainmenu .navbar-nav>li.active>a{
  color:#0f766e!important;
  transform:translateY(-3px) scale(1.04)!important;
  border-color:rgba(20,184,166,.22)!important;
  box-shadow:0 14px 32px rgba(20,184,166,.14)!important;
}
#header .mainmenu .navbar-nav>li:hover>a:before,
#header .mainmenu .navbar-nav>li.active>a:before{opacity:1;transform:scale(1)}
#header .mainmenu .navbar-nav>li:hover>a:after,
#header .mainmenu .navbar-nav>li.active>a:after{transform:scaleX(1)}
#header .mainmenu .navbar-nav>li:hover{
  animation:tabMicroBounce .55s ease both;
}
#header .mainmenu .navbar-nav>li .sub-menu{
  border-radius:18px!important;
  padding:10px!important;
  border:1px solid rgba(20,184,166,.16)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.12)!important;
  transform-origin:top center!important;
}
#header .mainmenu .navbar-nav>li:hover .sub-menu{
  animation:subMenuPremium .35s cubic-bezier(.22,1,.36,1) both!important;
}
#header .search li a{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#ccfbf1,#dbeafe)!important;
  color:#0f766e!important;
  box-shadow:0 12px 26px rgba(20,184,166,.16)!important;
  transition:.35s ease!important;
}
#header .search li a:hover{transform:rotate(10deg) scale(1.1)!important;box-shadow:0 18px 38px rgba(56,189,248,.22)!important;}
@keyframes headerTabDrop{
  0%{opacity:0;transform:translateY(-16px) rotateX(20deg);filter:blur(6px)}
  70%{opacity:1;transform:translateY(3px) rotateX(0);filter:blur(0)}
  100%{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}
}
@keyframes tabMicroBounce{
  0%,100%{transform:translateY(0)}
  45%{transform:translateY(-3px)}
}
@keyframes subMenuPremium{
  0%{opacity:0;transform:translateY(12px) scale(.94) rotateX(-8deg);filter:blur(6px)}
  100%{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0)}
}
@media(max-width:991px){
  #header .mainmenu .navbar-nav{display:block!important;gap:0!important;}
  #header .mainmenu .navbar-nav>li>a{border-radius:12px!important;margin:3px 0!important;}
}

/* ===== Fix: header tab should not hide on hover ===== */
#header .mainmenu .navbar-nav>li,
#header .mainmenu .navbar-nav>li:hover,
#header .mainmenu .navbar-nav>li:focus-within{
  opacity:1!important;
  visibility:visible!important;
}
#header .mainmenu .navbar-nav>li:hover{
  animation:none!important;
  transform:translateY(-2px)!important;
}
#header .mainmenu .navbar-nav>li>a,
#header .mainmenu .navbar-nav>li:hover>a,
#header .mainmenu .navbar-nav>li:focus-within>a{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  z-index:5!important;
}
#header .mainmenu .navbar-nav>li>a span,
#header .mainmenu .navbar-nav>li:hover>a span{
  opacity:1!important;
  visibility:visible!important;
}
@keyframes tabMicroBounce{
  0%,100%{opacity:1;visibility:visible;transform:translateY(0)}
  45%{opacity:1;visibility:visible;transform:translateY(-3px)}
}

/* ===== Premium IT Services card look + text visibility fix ===== */
#service{
  background:linear-gradient(135deg,#f8fbff 0%,#ecfeff 48%,#fff7ed 100%)!important;
  padding-top:75px!important;
  padding-bottom:70px!important;
}
#service .section-title{
  margin-bottom:36px!important;
}
#service .section-title h2{
  display:inline-block!important;
  padding:12px 24px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(20,184,166,.14)!important;
  box-shadow:0 18px 50px rgba(15,118,110,.10)!important;
}
#service .single-service{
  min-height:315px!important;
  padding:34px 26px 32px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,253,250,.86))!important;
  border:1px solid rgba(20,184,166,.16)!important;
  box-shadow:0 20px 55px rgba(15,118,110,.10)!important;
  overflow:visible!important;
  isolation:isolate!important;
  transform-style:preserve-3d!important;
}
#service .single-service:before{
  border-radius:30px!important;
  z-index:-1!important;
}
#service .single-service:after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.74);
  pointer-events:none;
  z-index:-1;
}
#service .single-service .number,
#service .single-service h4,
#service .single-service p,
#service .single-service .website-3d-screen{
  position:relative!important;
  z-index:3!important;
  opacity:1!important;
  visibility:visible!important;
}
#service .single-service .number{
  background:linear-gradient(135deg,#14b8a6,#38bdf8)!important;
  box-shadow:0 14px 32px rgba(20,184,166,.24)!important;
}
#service .single-service .number p,
#service .single-service:hover .number p,
#service .single-service.active .number p{
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
#service .single-service h4,
#service .single-service:hover h4,
#service .single-service.active h4{
  color:#0f172a!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  line-height:1.35!important;
}
#service .single-service p,
#service .single-service:hover p,
#service .single-service.active p{
  color:#475569!important;
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  line-height:1.75!important;
  max-height:none!important;
  overflow:visible!important;
  margin-bottom:0!important;
}
#service .single-service:hover,
#service .single-service.active{
  background:linear-gradient(145deg,#ffffff,#f0fdfa)!important;
  transform:translateY(-12px) rotateX(3deg) rotateY(-3deg)!important;
  box-shadow:0 34px 85px rgba(20,184,166,.18)!important;
}
#service .single-service .ico-bg{
  z-index:1!important;
  opacity:.12!important;
  color:#14b8a6!important;
}
#service .single-service:hover .ico-bg,
#service .single-service.active .ico-bg{
  color:#38bdf8!important;
  opacity:.16!important;
}
#service .website-3d-service{
  overflow:visible!important;
}
@media(max-width:991px){
  #service .single-service{min-height:auto!important;margin-bottom:24px!important;}
}

/* ===== Requested update: remove 3D from Premium Website card + separate website 3D section ===== */
#service .premium-website-service .website-3d-screen,
#service .premium-website-service .web-cursor{display:none!important;}
#service .premium-website-service{overflow:visible!important;}
#service .premium-website-service:hover{transform:translateY(-12px)!important;}
.website-visual-section{
  background:linear-gradient(135deg,#f8fffe 0%,#eef9ff 46%,#fff7ed 100%)!important;
  position:relative!important;
  overflow:hidden!important;
  padding-top:80px!important;
  padding-bottom:85px!important;
}
.website-visual-section:before{content:"";position:absolute;left:-120px;top:55px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.20),transparent 68%);animation:webOrbSoft 6s ease-in-out infinite;}
.website-visual-section:after{content:"";position:absolute;right:-100px;bottom:60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%);animation:webOrbSoft 7s ease-in-out infinite reverse;}
.website-visual-section .section-title{position:relative;z-index:2;margin-bottom:42px!important;}
.website-visual-row{display:flex;align-items:center;flex-wrap:wrap;position:relative;z-index:2;}
.web-3d-stage{min-height:370px;position:relative;perspective:1100px;display:flex;align-items:center;justify-content:center;}
.web-browser-3d{width:430px;max-width:92%;height:275px;border-radius:28px;background:linear-gradient(145deg,#ffffff,#e0f7ff);border:1px solid rgba(20,184,166,.18);box-shadow:0 35px 90px rgba(15,23,42,.14);padding:18px;transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-14deg);animation:webFloatBig 4s ease-in-out infinite;position:relative;}
.web-browser-3d:before{content:"";position:absolute;left:35px;right:35px;bottom:-22px;height:18px;border-radius:50%;background:rgba(15,23,42,.13);filter:blur(8px);}
.browser-top{height:30px;border-radius:16px;background:rgba(255,255,255,.78);display:flex;align-items:center;gap:8px;padding:0 13px;margin-bottom:16px;box-shadow:inset 0 0 0 1px rgba(20,184,166,.10);}
.browser-top span{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#14b8a6,#38bdf8);display:block;}
.browser-hero{height:82px;border-radius:22px;background:linear-gradient(135deg,#14b8a6,#38bdf8,#a7f3d0);box-shadow:0 16px 35px rgba(20,184,166,.18);animation:webHeroGlow 2.8s ease-in-out infinite;}
.browser-lines{padding:18px 4px 8px;}
.browser-lines i{display:block;height:10px;border-radius:99px;margin-bottom:10px;background:linear-gradient(90deg,#bae6fd,#99f6e4,#e0f2fe);animation:webLineMove 2.4s ease-in-out infinite;}
.browser-lines i:nth-child(2){width:76%;animation-delay:.25s}.browser-lines i:nth-child(3){width:58%;animation-delay:.45s}
.browser-cards{display:flex;gap:12px;margin-top:8px;}
.browser-cards b{height:44px;flex:1;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid rgba(20,184,166,.12);box-shadow:0 10px 24px rgba(15,23,42,.06);animation:webCardPop 2.7s ease-in-out infinite;}
.browser-cards b:nth-child(2){animation-delay:.25s}.browser-cards b:nth-child(3){animation-delay:.5s}
.mobile-3d-phone{width:118px;height:220px;border-radius:28px;background:#fff;border:1px solid rgba(56,189,248,.22);box-shadow:0 28px 65px rgba(15,23,42,.15);position:absolute;right:8%;bottom:12px;padding:16px 12px;transform:rotateY(16deg) rotateZ(4deg);animation:phoneFloat 3.6s ease-in-out infinite;}
.mobile-3d-phone div{height:70px;border-radius:20px;background:linear-gradient(135deg,#ccfbf1,#bae6fd);margin-bottom:14px;}
.mobile-3d-phone span{display:block;height:8px;border-radius:99px;background:#dbeafe;margin-bottom:10px;}
.mobile-3d-phone span:nth-child(3){width:72%;}.mobile-3d-phone span:nth-child(4){width:52%;}
.website-feature-list{display:grid;gap:18px;}
.website-feature-card{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border-radius:26px;background:rgba(255,255,255,.86);border:1px solid rgba(20,184,166,.15);box-shadow:0 18px 45px rgba(15,118,110,.09);transition:.35s ease;}
.website-feature-card:hover{transform:translateX(10px);box-shadow:0 26px 65px rgba(20,184,166,.15);}
.website-feature-card i{min-width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14b8a6,#38bdf8);color:#fff;font-size:24px;box-shadow:0 16px 32px rgba(20,184,166,.22);}
.website-feature-card h4{margin:0 0 8px!important;color:#0f172a!important;font-weight:800!important;}
.website-feature-card p{margin:0!important;color:#475569!important;line-height:1.7!important;}
@keyframes webFloatBig{0%,100%{transform:rotateX(10deg) rotateY(-14deg) translateY(0)}50%{transform:rotateX(14deg) rotateY(10deg) translateY(-14px)}}
@keyframes webHeroGlow{0%,100%{filter:saturate(1);transform:translateZ(0)}50%{filter:saturate(1.22);transform:translateZ(22px)}}
@keyframes webLineMove{0%,100%{transform:scaleX(.72);opacity:.72;transform-origin:left}50%{transform:scaleX(1);opacity:1;transform-origin:left}}
@keyframes webCardPop{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes phoneFloat{0%,100%{transform:rotateY(16deg) rotateZ(4deg) translateY(0)}50%{transform:rotateY(-8deg) rotateZ(-2deg) translateY(-12px)}}
@keyframes webOrbSoft{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(34px,-18px) scale(1.12)}}
@media(max-width:991px){.website-visual-row{display:block}.web-3d-stage{margin-bottom:30px}.website-feature-card:hover{transform:translateY(-6px)}}
@media(max-width:767px){.web-3d-stage{min-height:320px}.web-browser-3d{height:235px}.mobile-3d-phone{width:92px;height:175px;right:4%;bottom:5px}.website-feature-card{padding:18px;}}

/* ===== Requested fix: Premium IT Services number look + visible 3D website text ===== */
#service .single-service .number{
  width:82px!important;
  height:82px!important;
  margin:-72px auto 22px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#ffffff,#ecfeff)!important;
  border:1px solid rgba(20,184,166,.20)!important;
  box-shadow:0 18px 45px rgba(20,184,166,.16)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:visible!important;
  z-index:5!important;
}
#service .single-service .number:before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:22px;
  background:linear-gradient(135deg,#14b8a6,#38bdf8)!important;
  transform:rotate(8deg);
  box-shadow:0 12px 28px rgba(56,189,248,.22)!important;
  z-index:1!important;
}
#service .single-service .number:after{
  content:"";
  position:absolute;
  width:42px;
  height:42px;
  right:-10px;
  bottom:-12px;
  border-radius:50%;
  background:linear-gradient(135deg,#a7f3d0,#dbeafe)!important;
  opacity:.95;
  z-index:0!important;
}
#service .single-service .number p,
#service .single-service:hover .number p,
#service .single-service.active .number p{
  background:none!important;
  -webkit-background-clip:initial!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:1!important;
  margin:0!important;
  position:relative!important;
  z-index:2!important;
  text-shadow:0 4px 12px rgba(15,23,42,.20)!important;
}
#service .single-service{padding-top:64px!important;margin-top:34px!important;}
#service .single-service:hover .number{transform:translateY(-4px) rotateX(8deg)!important;}
#service .single-service:hover .number:before{transform:rotate(-7deg) scale(1.05)!important;}

.web-browser-3d .browser-hero{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:14px 18px!important;
  color:#fff!important;
  text-align:left!important;
  overflow:hidden!important;
}
.web-browser-3d .browser-hero h3{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  letter-spacing:-.4px!important;
  text-shadow:0 4px 14px rgba(15,23,42,.18)!important;
}
.web-browser-3d .browser-hero p{
  margin:0!important;
  color:rgba(255,255,255,.92)!important;
  font-size:13px!important;
  font-weight:700!important;
}
.web-browser-3d .browser-lines i{
  height:auto!important;
  min-height:24px!important;
  padding:5px 12px!important;
  display:flex!important;
  align-items:center!important;
  background:linear-gradient(90deg,#ecfeff,#eff6ff,#ffffff)!important;
  border:1px solid rgba(20,184,166,.10)!important;
}
.web-browser-3d .browser-lines i em{
  font-style:normal!important;
  font-size:11px!important;
  color:#0f766e!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.web-browser-3d .browser-cards b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#0f172a!important;
  font-size:12px!important;
  font-weight:900!important;
  text-align:center!important;
}
@media(max-width:767px){
  #service .single-service .number{width:72px!important;height:72px!important;margin:-58px auto 18px!important;}
  #service .single-service .number p{font-size:25px!important;}
  .web-browser-3d .browser-hero h3{font-size:17px!important;}
  .web-browser-3d .browser-lines i em{font-size:10px!important;}
}


/* Equal footer card size + Bijnor map fix */
#footer-top .row{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;}
#footer-top .row > [class*="col-"]{display:flex!important;margin-bottom:24px!important;}
#footer-top .single-widget{width:100%!important;height:100%!important;min-height:360px!important;display:flex!important;flex-direction:column!important;}
#footer-top .single-widget.newslatter form{margin-top:auto!important;}
#footer-top .single-widget.about .logo{margin-top:auto!important;}
#footer-top .single-widget.contact .list{margin-bottom:0!important;}
.contact-map{height:430px!important;}
.contact-map .premium-location-map{width:100%!important;height:100%!important;border:0!important;display:block!important;border-radius:28px!important;}
@media(max-width:991px){#footer-top .row{display:block!important;}#footer-top .row > [class*="col-"]{display:block!important;}#footer-top .single-widget{height:auto!important;min-height:330px!important;}}

/* ===== ASWAVE compact premium statics v2: smaller, fresh colors, animated 3D effect ===== */
#statics{
  margin-top:-36px!important;
  padding:0!important;
  position:relative!important;
  z-index:9!important;
}
#statics:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:86%;
  height:110px;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,rgba(99,102,241,.16),rgba(236,72,153,.12),rgba(245,158,11,.14));
  filter:blur(28px);
  border-radius:999px;
  pointer-events:none;
}
#statics .container{position:relative!important;z-index:2!important;}
#statics .statics{
  width:86%!important;
  margin:0 auto!important;
  padding:12px!important;
  border-radius:28px!important;
  overflow:visible!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,250,252,.78))!important;
  border:1px solid rgba(99,102,241,.16)!important;
  box-shadow:0 20px 55px rgba(15,23,42,.13)!important;
  backdrop-filter:blur(14px)!important;
  display:flex!important;
  gap:12px!important;
}
#statics .static-single{
  padding:22px 10px 20px!important;
  min-height:154px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#ffffff,#f8fafc)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 35px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
  transform-style:preserve-3d!important;
  transition:all .42s cubic-bezier(.2,.8,.2,1)!important;
}
#statics .static-single:before{
  content:"";
  position:absolute;
  inset:-60% -30%;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.72),transparent 65%);
  transform:translateX(-70%) rotate(18deg);
  animation:statShine 4.2s ease-in-out infinite;
}
#statics .static-single:after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-44px;
  width:112px;
  height:112px;
  border-radius:32px;
  transform:rotate(22deg);
  background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(236,72,153,.12));
}
#statics .static-single:nth-child(2):after{background:linear-gradient(135deg,rgba(236,72,153,.14),rgba(245,158,11,.13));}
#statics .static-single:nth-child(3):after{background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(99,102,241,.13));}
#statics .static-single:hover{
  transform:translateY(-8px) rotateX(6deg)!important;
  box-shadow:0 24px 60px rgba(99,102,241,.18)!important;
}
#statics .static-single.active{
  background:linear-gradient(135deg,#4f46e5 0%,#9333ea 48%,#ec4899 100%)!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:0 22px 60px rgba(147,51,234,.28)!important;
}
#statics .static-single .icon{position:relative!important;z-index:3!important;}
#statics .static-single i{
  width:52px!important;
  height:52px!important;
  line-height:52px!important;
  font-size:22px!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#6366f1,#ec4899)!important;
  box-shadow:0 12px 26px rgba(99,102,241,.30)!important;
  transform:rotate(-8deg)!important;
  animation:statIconFloat 3s ease-in-out infinite;
}
#statics .static-single:nth-child(2) i{background:linear-gradient(135deg,#ec4899,#f59e0b)!important;box-shadow:0 12px 26px rgba(236,72,153,.28)!important;}
#statics .static-single:nth-child(3) i{background:linear-gradient(135deg,#f59e0b,#6366f1)!important;box-shadow:0 12px 26px rgba(245,158,11,.26)!important;}
#statics .static-single.active i{background:#fff!important;color:#9333ea!important;}
#statics .s-info{position:relative!important;z-index:4!important;}
#statics .number{margin:8px 0 2px!important;}
#statics .static-single span{
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#111827!important;
  letter-spacing:-1px!important;
  text-shadow:none!important;
}
#statics .static-single.active span{color:#fff!important;text-shadow:0 8px 22px rgba(15,23,42,.22)!important;}
#statics .static-single p{
  margin:7px 0 0!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:800!important;
  color:#475569!important;
  letter-spacing:.1px!important;
}
#statics .static-single.active p{color:rgba(255,255,255,.92)!important;}
@keyframes statShine{0%,60%,100%{transform:translateX(-75%) rotate(18deg);opacity:0}72%{opacity:1}88%{transform:translateX(75%) rotate(18deg);opacity:0}}
@keyframes statIconFloat{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(7deg) translateY(-5px)}}
@media(max-width:991px){
  #statics{margin-top:0!important;}
  #statics .statics{width:100%!important;display:block!important;padding:10px!important;}
  #statics .static-single{margin-bottom:12px!important;min-height:135px!important;}
}
@media(max-width:767px){
  #statics .static-single{padding:18px 10px!important;}
  #statics .static-single i{width:48px!important;height:48px!important;line-height:48px!important;font-size:20px!important;}
  #statics .static-single span{font-size:26px!important;}
}

/* ===== Final Fix: Same button color + Contact card icon/text alignment ===== */
:root{
  --aswave-btn-1:#14b8a6;
  --aswave-btn-2:#38bdf8;
  --aswave-btn-3:#0ea5e9;
}
.button,
.button.primary,
.btn,
button,
input[type="submit"],
input[type="button"],
#header .search button,
.slide-button .button,
.single-blog .button,
#contact .button,
#footer-top .single-widget.newslatter button,
.about-button .button,
.call-to-main .button,
.erp-cta .button{
  background:linear-gradient(135deg,var(--aswave-btn-1),var(--aswave-btn-2),var(--aswave-btn-3))!important;
  color:#ffffff!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:0 16px 36px rgba(14,165,233,.24)!important;
}
.button:hover,
.button.primary:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
#header .search button:hover,
#footer-top .single-widget.newslatter button:hover{
  background:linear-gradient(135deg,var(--aswave-btn-3),var(--aswave-btn-2),var(--aswave-btn-1))!important;
  color:#ffffff!important;
  transform:translateY(-3px)!important;
  box-shadow:0 22px 46px rgba(14,165,233,.30)!important;
}
.button i,
.button.primary i,
#contact .button i,
.single-blog .button i{color:#ffffff!important;margin-left:8px!important;vertical-align:middle!important;}
#footer-top .single-widget.contact .list{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:0!important;
  margin:0!important;
}
#footer-top .single-widget.contact .list li{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  background:#f8fafc!important;
  border:1px solid rgba(20,184,166,.12)!important;
  border-radius:16px!important;
  padding:13px 14px!important;
  margin:0!important;
  position:relative!important;
  color:#475569!important;
  line-height:1.65!important;
  min-height:52px!important;
}
#footer-top .single-widget.contact .list li i{
  position:static!important;
  left:auto!important;
  top:auto!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:2px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,var(--aswave-btn-1),var(--aswave-btn-2))!important;
  color:#ffffff!important;
  font-size:15px!important;
  box-shadow:0 10px 20px rgba(20,184,166,.18)!important;
}
#footer-top .single-widget.contact .list li a{
  display:inline!important;
  word-break:break-word!important;
  color:#0f766e!important;
  font-weight:700!important;
}


/* ===== FINAL FIX: Clean Login Dropdown ===== */
#header .mainmenu .navbar-nav > li.login-dropdown{
    position:relative!important;
    overflow:visible!important;
}
#header .mainmenu .navbar-nav > li.login-dropdown > a{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    white-space:nowrap!important;
}
#header .mainmenu .navbar-nav > li.login-dropdown > a i{
    margin-left:2px!important;
    font-size:13px!important;
}
#header .mainmenu .navbar-nav > li.login-dropdown > ul.aswave-dropdown-menu{
    position:absolute!important;
    top:calc(100% + 12px)!important;
    left:50%!important;
    right:auto!important;
    width:220px!important;
    min-width:220px!important;
    margin:0!important;
    padding:10px!important;
    list-style:none!important;
    display:block!important;
    background:#ffffff!important;
    border:1px solid rgba(20,184,166,.22)!important;
    border-radius:18px!important;
    box-shadow:0 22px 55px rgba(15,23,42,.18)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate(-50%,10px) scale(.96)!important;
    transition:all .25s ease!important;
    z-index:999999!important;
}
#header .mainmenu .navbar-nav > li.login-dropdown:hover > ul.aswave-dropdown-menu,
#header .mainmenu .navbar-nav > li.login-dropdown:focus-within > ul.aswave-dropdown-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0) scale(1)!important;
}
#header .mainmenu .navbar-nav > li.login-dropdown > ul.aswave-dropdown-menu:before{
    content:""!important;
    position:absolute!important;
    top:-8px!important;
    left:50%!important;
    width:16px!important;
    height:16px!important;
    background:#fff!important;
    border-left:1px solid rgba(20,184,166,.22)!important;
    border-top:1px solid rgba(20,184,166,.22)!important;
    transform:translateX(-50%) rotate(45deg)!important;
}
#header .mainmenu .navbar-nav > li.login-dropdown > ul.aswave-dropdown-menu > li{
    float:none!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    opacity:1!important;
    transform:none!important;
    animation:none!important;
}
#header .mainmenu .navbar-nav > li.login-dropdown > ul.aswave-dropdown-menu > li > a{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    padding:12px 14px!important;
    margin:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#0f172a!important;
    box-shadow:none!important;
    text-transform:none!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    transform:none!important;
}
#header .mainmenu .navbar-nav > li.login-dropdown > ul.aswave-dropdown-menu > li > a:before,
#header .mainmenu .navbar-nav > li.login-dropdown > ul.aswave-dropdown-menu > li > a:after{
    display:none!important;
}
#header .mainmenu .navbar-nav > li.login-dropdown > ul.aswave-dropdown-menu > li > a i{
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#0f766e!important;
    margin:0!important;
}
#header .mainmenu .navbar-nav > li.login-dropdown > ul.aswave-dropdown-menu > li > a:hover{
    background:linear-gradient(135deg,#ccfbf1,#e0f2fe)!important;
    color:#0f766e!important;
    transform:none!important;
}
@media(max-width:991px){
    #header .mainmenu .navbar-nav > li.login-dropdown > ul.aswave-dropdown-menu{
        position:static!important;
        left:auto!important;
        width:100%!important;
        min-width:100%!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:none!important;
        box-shadow:0 10px 25px rgba(15,23,42,.08)!important;
        margin-top:6px!important;
    }
    #header .mainmenu .navbar-nav > li.login-dropdown > ul.aswave-dropdown-menu:before{display:none!important;}
}