/* Preserve original service photography and change only small symbols. */
.jala-service-emblem{width:64px!important;height:64px!important;display:block;overflow:visible;filter:drop-shadow(0 4px 7px #172a4a18);transition:transform .3s ease,filter .3s ease;animation:iconEntrance .65s ease both}.jala-service-emblem g,.jala-service-emblem g *{stroke:white}.jala-service-emblem>circle{stroke:none}.mini-service i,.service-card>i,.services-page-cards a>i,[data-icon],#serviceIcon{background:transparent!important;border:0!important;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center}.service-card:hover .jala-service-emblem,.mini-service:hover .jala-service-emblem,[data-icon]:hover .jala-service-emblem{transform:translateY(-4px) scale(1.08);filter:drop-shadow(0 8px 10px #172a4a30)}.app-service-chip .jala-service-emblem{width:44px!important;height:44px!important}@keyframes iconEntrance{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.jala-service-emblem{width:56px!important;height:56px!important}}@media(prefers-reduced-motion:reduce){.jala-service-emblem{animation:none;transition:none}.service-card:hover .jala-service-emblem,.mini-service:hover .jala-service-emblem{transform:none}}
/* Final portal symbols override legacy icon containers. */
html body :is(main,section,div,article) :is(i[data-icon],.mini-service i,.service-card i,.service-type-tabs i,.overview-icons i,.family-grid i,.counter-row i,.benefit-row i,.benefit-grid i,.services-page-cards i,#serviceIcon){width:64px!important;height:64px!important;min-width:64px!important;flex:0 0 64px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;background-image:none!important;border-radius:50%!important;box-shadow:none!important;color:white!important;overflow:visible!important;animation:portalIconFloat 3.5s ease-in-out infinite!important;transform:none!important}
html body :is(main,section,div,article) :is(i[data-icon],.mini-service i,.service-card i,.service-type-tabs i,.overview-icons i,.family-grid i,.counter-row i,.benefit-row i,.benefit-grid i,.services-page-cards i,#serviceIcon)::after,html body :is(i[data-icon],.mini-service i,.service-card i,.overview-icons i)::before{content:none!important;display:none!important}
html body :is(main,section,div,article) svg.jala-service-emblem{width:64px!important;height:64px!important;min-width:64px!important;max-width:none!important;max-height:none!important;flex:0 0 64px!important;fill:none!important;stroke:none!important;filter:none!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;animation:none!important;transform:none!important}
html body :is(main,section,div,article) svg.jala-service-emblem circle{stroke:none!important}
html body :is(main,section,div,article) svg.jala-service-emblem g,html body :is(main,section,div,article) svg.jala-service-emblem g path{stroke:white!important;fill:none!important;stroke-width:1.7!important}
@keyframes portalIconFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
html body .mini-service:nth-child(2n) i{animation-delay:-1.2s!important}
@media(prefers-reduced-motion:reduce){html body :is(main,section,div,article) :is(i[data-icon],.mini-service i,.service-card i){animation:none!important}}

html body i:has(>svg.jala-service-emblem):not(#portal-a):not(#portal-b):not(#portal-c){background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:50%!important;width:64px!important;height:64px!important;padding:0!important}html body svg.jala-service-emblem:not(#portal-a):not(#portal-b):not(#portal-c){width:64px!important;height:64px!important;stroke:none!important;fill:none!important}html body i:has(>svg.jala-service-emblem):not(#portal-a):not(#portal-b):after{display:none!important;content:none!important}/* Complete category strip on small screens. */
@media(max-width:760px){
html body .overview-icons:not(#responsive-a):not(#responsive-b){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:22px 8px!important;overflow:visible!important;width:100%!important;padding:12px 0!important;max-width:100%!important}
html body .overview-icons>button:not(#responsive-a):not(#responsive-b){grid-column:span 2!important;min-width:0!important;width:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;padding:0!important;white-space:normal!important}
html body .overview-icons>button:nth-child(4){grid-column:2 / span 2!important}
html body .overview-icons>button:nth-child(5){grid-column:4 / span 2!important}
html body .overview-icons>button b{font-size:12px!important;line-height:1.4!important;display:block!important}
html body .business-growth-copy h2{font-size:25px!important;line-height:1.25!important;height:auto!important;margin:12px 0!important;max-height:none!important}
html body .business-growth-copy>p{line-height:1.6!important;margin:12px 0 18px!important;height:auto!important;max-height:none!important}
html body .business-growth-panel{height:auto!important;min-height:580px!important}
html body .business-growth-copy{position:relative!important;z-index:2!important}
}
html body svg.jala-service-emblem g circle{stroke:white!important;fill:none!important}

html body .services-menu .mega-service-card{display:flex!important;align-items:center!important;gap:12px!important}html body .mega-service-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;background:transparent;animation:portalIconFloat 3.5s ease-in-out infinite}html body .mega-service-icon svg.jala-service-emblem:not(#a):not(#b):not(#c):not(#d){width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important}.mega-service-copy{min-width:0}

.services-menu>.mega-home{grid-column:1 / -1;display:block;padding:12px 16px;background:#f2f5fb;border-radius:9px;color:#132d50;font-weight:700;text-decoration:none}.services-menu>.mega-home:hover{background:#fff1e6;color:#df650b}
/* Inner-page mobile header: Home and logo only. */
@media(max-width:760px){html body .detail-menu-button{display:none!important}}

/* Compact service navigation; explanations live on detail pages. */
html body .site-header .services-menu .mega-service-copy small{display:none!important}
@media(max-width:760px){
html body .site-header .left-nav.open:not(#scroll-a):not(#scroll-b){max-height:calc(100dvh - 88px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
html body .site-header .left-nav .nav-services.open>.services-menu:not(#scroll-a):not(#scroll-b){max-height:none!important;overflow:visible!important;height:auto!important;touch-action:pan-y;padding:12px!important;gap:12px!important}
html body .services-menu .mega-group a.mega-service-card{padding:8px!important;min-height:60px!important}
}
@media(max-width:760px){
html body .site-header .left-nav.open:not(#ios-a):not(#ios-b):not(#ios-c){position:fixed!important;top:var(--mobile-menu-top,84px)!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:var(--mobile-menu-height,calc(100dvh - 84px))!important;max-height:var(--mobile-menu-height,calc(100dvh - 84px))!important;min-height:0!important;box-sizing:border-box!important;overflow-y:scroll!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:8px!important;padding:14px 16px calc(24px + env(safe-area-inset-bottom))!important;margin:0!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;touch-action:pan-y!important;transform:none!important;z-index:9999!important;scroll-behavior:auto!important}
html body .site-header .left-nav.open>*{flex-shrink:0!important}
html body.mobile-navigation-open{overflow:hidden!important;overscroll-behavior:none!important}
html body .site-header .left-nav .services-menu{overflow:visible!important;max-height:none!important;height:auto!important;touch-action:pan-y!important}
}
@media(max-width:760px){
html body .site-header .services-menu .partner-mega-group:not(#partner-a):not(#partner-b){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important;justify-items:stretch!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:16px 0 4px!important;margin:0!important}
html body .site-header .services-menu .partner-mega-group h3{margin:0 0 4px!important;padding:0 4px!important;line-height:1.4!important;font-size:16px!important}
html body .site-header .services-menu .partner-mega-group a:not(#partner-a):not(#partner-b){display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;font-size:13px!important;line-height:1.5!important;border:1px solid #e4eaf4!important;border-radius:9px!important;background:#f6f8fc!important}
html body .site-header .services-menu .partner-mega-group a.partner-mega-whatsapp:not(#partner-a):not(#partner-b){background:#f3fcf7!important;border-color:#a9dbbd!important;color:#147d48!important}
html body .site-header .services-menu .partner-mega-group a.partner-mega-apply:not(#partner-a):not(#partner-b){background:#fd6101!important;color:white!important;border-color:#fd6101!important}
}