.bot-theme-control{position:fixed;z-index:1002;top:0;left:28px;display:flex;flex-direction:column;align-items:center}.bot-theme-rope{width:4px;height:78px;background:#555;transition:height .3s ease}.bot-theme-rope.stretched{height:112px}.bot-theme-bulb{position:relative;width:39px;height:50px;border:0;border-radius:50% 50% 45% 45%;background:#333;box-shadow:0 10px 15px rgba(0,0,0,.2);cursor:pointer;transition:background-color .35s ease,box-shadow .35s ease}.bot-theme-bulb::before{content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:10px;height:20px;border-radius:50%;background:#555}.bot-theme-bulb.on{background:#ffeb3b;box-shadow:0 18px 42px rgba(255,235,59,.55)}.bot-theme-bulb:focus-visible{outline:3px solid #2387f7;outline-offset:4px}.bot-theme-hint{position:fixed;z-index:1001;top:88px;left:84px;pointer-events:none}.bot-theme-hint img{display:block;width:130px;animation:bot-theme-bounce 2s infinite ease-in-out}.bot-theme-hint #pullheredark{display:none}@keyframes bot-theme-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}html[dir="rtl"] .bot-theme-control{left:auto;right:28px}html[dir="rtl"] .bot-theme-hint{left:auto;right:84px}body.dark-mode{background-color:#15191f;color:#eef2f7}body.dark-mode #header{background-color:#15191f}body.dark-mode #header .lefthead p,body.dark-mode #header .righthead>a,body.dark-mode #header .others-btn{color:#fff!important}body.dark-mode #header .lefthead p span{color:#2387f7!important}body.dark-mode .professional-footer{background:#0b1728;color:#fff}
/* ERPNext had no page-level dark palette; keep its sections and content cards readable. */
body.dark-mode .hero,body.dark-mode .colored-section,body.dark-mode .tabs-section,body.dark-mode .nexterpsercon,body.dark-mode .indsupport,body.dark-mode .bookameeting,body.dark-mode .bottomformsel{background-color:#15191f;color:#eef2f7}body.dark-mode .colored-section,body.dark-mode .nexterpsercon,body.dark-mode .bookameeting,body.dark-mode .bottomformsel{background-color:#1c222c}body.dark-mode .erpbox,body.dark-mode .erptab,body.dark-mode .indsuppbox,body.dark-mode .bookrightbox,body.dark-mode .faq-item,body.dark-mode .tab-content{background-color:#222a35;color:#eef2f7;border-color:#354153}body.dark-mode .hero h1,body.dark-mode .section-title h2,body.dark-mode .erpbox h3,body.dark-mode .erptab h3,body.dark-mode .indsuppbox h3,body.dark-mode .bookrightbox h3,body.dark-mode .faq-question{color:#fff}body.dark-mode .hero p,body.dark-mode .section-title p,body.dark-mode .erpbox p,body.dark-mode .erptab p,body.dark-mode .indsuppbox p,body.dark-mode .bookrightbox p,body.dark-mode .faq-answer,body.dark-mode .tab-content p,body.dark-mode .tab-content li{color:#c8d1dc}

/* Shared dark surfaces for legacy pages without a complete page-level palette. */
body.dark-mode main,
body.dark-mode main section,
body.dark-mode .data-protection,
body.dark-mode .terms-content{background-color:#15191f!important;color:#eef2f7}
body.dark-mode main section{background-color:#15191f!important}
body.dark-mode main section:nth-of-type(even),body.dark-mode main .section.alt,body.dark-mode main .alt{background-color:#1c222c!important}
body.dark-mode main :where(h1,h2,h3,h4,h5,h6,strong,label),
body.dark-mode .terms-content :where(h1,h2,h3,h4,h5,h6,strong,label),
body.dark-mode .data-protection :where(h1,h2,h3,h4,h5,h6,strong,label){color:#f7f9fc}
body.dark-mode main :where(p,li,small),
body.dark-mode .terms-content :where(p,li,small),
body.dark-mode .data-protection :where(p,li,small){color:#c8d1dc}
body.dark-mode main a:not(.pf-button),body.dark-mode .terms-content a,body.dark-mode .data-protection a{color:#79b9ff}
body.dark-mode>.container,body.dark-mode .terms-content,body.dark-mode .data-protection .container{background:#1c222c!important;color:#eef2f7;border-color:#354153;box-shadow:0 12px 32px rgba(0,0,0,.28)}
body.dark-mode main :where(article,.industry,.feature,.card,.service-card,.feature-card,.resource-card,.core-card,.industry-card,.faq-item,.tab-content,.erpbox,.erptab,.indsuppbox,.bookrightbox,.note,.scope,.relationship,.commitment,.step),body.dark-mode .data-protection .feature{background-color:#222a35!important;color:#eef2f7;border-color:#354153}
body.dark-mode main :where(.products-floating-card,.products-fit-card){background:#222a35!important;color:#eef2f7;border-color:#354153}
body.dark-mode main :where(.note,.scope,.relationship,.commitment,.step) :where(h2,h3,h4,strong,p,span){color:#d8e0e9}
body.dark-mode :where(input,textarea,select){background:#202733;color:#f4f7fb;border-color:#455268}
body.dark-mode :where(input,textarea)::placeholder{color:#9eabba}
body.dark-mode .mobile-sidebar-menu{background:#171d26}
body.dark-mode .mobile-sidebar-menu :where(a,h3){color:#f4f7fb}
body.dark-mode .mobile-sidebar-menu .logo-container h3 span{color:#2387f7}
@media(max-width:980px){#header .righthead,#header .lasthead{display:none!important}#header .mobile-menu-toggle{display:block!important}}
@media(max-width:700px){.bot-theme-control{left:18px}.bot-theme-hint{display:none}html[dir="rtl"] .bot-theme-control{right:18px}}
/* Final solid-surface contrast corrections; keep the brand blue for accents. */
body.dark-mode .evidence-band strong{color:#f7f9fc!important}
body.dark-mode .evidence-band span{color:#c8d1dc!important}
body.dark-mode #intro span{color:#f7f9fc!important}
body.dark-mode .mobile-sidebar-menu .copyright{color:#c8d1dc}
body.dark-mode .hero-conton{background:#15191f!important}
body.dark-mode .pf-trust p{color:#c8d1dc!important}
body.dark-mode :is(.ind-eyebrow,.eyebrow,.hc-comment){color:#a3caff!important}
:is(.pf-button,.connected-cta,.ind-btn:not(.secondary),.bot-btn:not(.secondary),.consultation-btn,.careers-btn,.primary-btn,.popup-trigger:not(.apply-btn)){background-color:#1a6dc3!important;color:#fff!important}
body.dark-mode main a:is(.btn,.bot-btn):not(.secondary){background-color:#1a6dc3!important;color:#fff!important}
:is(.ind-btn,.bot-btn).secondary{background:#fff!important;color:#1a6dc3!important}
body.dark-mode :is(.ind-btn,.bot-btn).secondary{background:#222a35!important;color:#a3caff!important;border-color:#79b7ff}
body.dark-mode .apply-btn{color:#1a6dc3!important}
/* Audit remediation: legacy pages place their sections outside <main> and
   page-local rules otherwise override the shared low-specificity palette. */
body.dark-mode :is(.support-note a,.careers-section a[href^="mailto:"],a[href^="mailto:"]){color:#a3caff!important}
body.dark-mode :is(.section-title h2,.withtop h2,.faq-title,.faq-question,.faq-question strong,.tab-text h3){color:#f7f9fc!important}
body.dark-mode :is(.section-title h2,.withtop h2,.faq-title,.faq-question) span{color:#a3caff!important}
body.dark-mode :is(.tab-content,.tab-text,.withus,.withuscont,.apps-section,.faq-section){background-color:#1c222c!important}
body.dark-mode .withbox{background-color:#222a35!important;border-color:#354153!important}
body.dark-mode .appscontain{background-color:#1c222c!important}
body.dark-mode .nexterpmain{background-color:#1c222c!important}
body.dark-mode :is(.erpbox,.erptab,.indsuppbox,.bookrightbox,.bookameeting,.indsupport) :is(h2,h3,h4){color:#f7f9fc!important}
body.dark-mode #header .lefthead>a{color:#fff!important}
body.dark-mode :is(.chooosehead,.carousel-head,.faq-container,.nexterpbox,.scheduleboterp,.bottomformsel) h2{color:#f7f9fc!important}
body.dark-mode :is(.scheduleboterp,.bottomformsel) p{color:#d8e0e9!important}
body.dark-mode .bottomformsel .contact-form-title{color:#f7f9fc!important}
/* Navy proof/CTA panels remain navy in both themes. */
.ind-proof-panel h3,.scheduleboterp h2{color:#f7f9fc!important}
.scheduleboterp p{color:#d8e0e9!important}
body.home-reframed:not(.dark-mode) .contact-form-section :is(.contact-title,.contact-label){color:#263142!important}
body.light-mode .creativedesigncont .portfol-white-hero-main h3{color:#f7f9fc!important}
body.bs-contact-root .lefthead>a{color:#fff!important}
/* Header wordmark: white/dark BOT with the established blue Solutions. */
body.dark-mode #header .lefthead p span{color:#2387f7!important}
body:not(.dark-mode) #header .lefthead p span{color:#2387f7!important}
body .mobile-sidebar-menu :is(.logo-container h3,.sidebar-logo) span{color:#2387f7!important}
body.dark-mode .mobile-sidebar-menu .logo-container h3 span{color:#2387f7!important}
/* A background-color override does not remove a light background-image. */
body.dark-mode main>.hero{background:linear-gradient(135deg,#111d2c,#15191f)!important}
body.dark-mode section.hero{background:linear-gradient(135deg,#111d2c,#15191f)!important}
body.dark-mode main>section:is(.hero-a3,.hero-support,.hero-contract,.hero-contracting){background:linear-gradient(135deg,#111d2c,#15191f)!important}
body.dark-mode #header{border-color:#354153!important}
.hamburger-line{background-color:#2387f7!important}
.hamburger-line{height:3px!important;min-height:3px!important;flex-shrink:0!important}
body:has(.portfol-white-hero){font-family:'DM Sans',sans-serif!important}
html:has(.portfol-white-hero){height:auto!important;overflow-x:hidden;overflow-y:auto!important}
body:has(.portfol-white-hero):not(.mobile-menu-open):not(.intro-lock){height:auto!important;overflow-x:hidden;overflow-y:auto!important}
body:has(.portfol-white-hero) .swiper-container{height:100svh!important}
body.lang-ar:has(.portfol-white-hero){font-family:'Noto Sans Arabic',sans-serif!important}
.portfol-white-hero-main :is(h1,h2,h3,p,a,span){font-family:inherit!important}
@media(min-width:1101px) and (max-width:1280px){
  #header{padding:14px 50px!important;gap:14px!important}
  #header .lefthead{flex-shrink:0!important}
  #header .lefthead p{font-size:24px!important}
  #header .righthead{width:auto!important;gap:12px!important;flex-wrap:nowrap!important}
  #header .righthead>a,#header .others-btn{font-size:12px!important;margin:0!important;padding:0!important;white-space:nowrap}
  #header .lasthead{flex-shrink:0!important}
  #header .lasthead>a{font-size:12px!important;padding:11px 14px!important;white-space:nowrap}
}
@media(max-width:1100px){#header .righthead,#header .lasthead{display:none!important}#header .mobile-menu-toggle{display:block!important}}
/* Contact navigation is wider in Arabic and cannot fit cleanly at common
   1366px laptop widths. Use the established sidebar before it collides. */
@media(max-width:1390px){
  body.bs-contact-root #header{justify-content:space-between!important;padding:14px 50px!important;min-height:72px!important}
  body.bs-contact-root #header .lefthead p{margin:0!important;line-height:1.2!important}
  body.bs-contact-root #header .righthead,body.bs-contact-root #header .lasthead{display:none!important}
  body.bs-contact-root #header .mobile-menu-toggle{display:block!important}
  body.bs-contact-root .bot-theme-control{top:72px!important;left:20px!important;right:auto!important}
  body.bs-contact-root .bot-theme-hint{display:none!important}
  html[dir="rtl"] body.bs-contact-root .bot-theme-control{left:20px!important;right:auto!important}
}
@media(max-width:700px){
  body.bs-contact-root #header{padding:12px 18px!important;min-height:64px!important}
}
.industry-lang{left:25px!important;right:auto!important;bottom:25px!important;width:60px!important;height:60px!important;font-size:11px!important;font-weight:700!important}
html[dir="rtl"] .industry-lang{right:25px!important;left:auto!important}
body.dark-mode #intro-curtain{background:#15191f!important}
/* Legacy bulb wrappers must not acquire the legal-page container surface. */
body>.container:has(#bulb){background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:700px){
  /* Keep the control out of the mobile wordmark and heading text column. */
  #bulb{position:fixed!important;top:78px!important;right:10px!important;left:auto!important;width:24px!important;height:32px!important;margin:0!important;z-index:1002}
  html[dir="rtl"] #bulb{left:10px!important;right:auto!important}
  #bulb::before{width:6px!important;height:12px!important;top:-12px!important}
  #rope{display:none!important}
  .bot-theme-hint,#pullheredark,#pullherelight{display:none!important}
}
body.dark-mode main>.hero .directory{color:#c8d1dc!important}
@media(min-width:1101px){#header .righthead[data-shared-desktop-nav]{display:flex!important;align-items:center!important;gap:12px!important;white-space:nowrap!important}}
body.bs-contact-root{font-family:'DM Sans',sans-serif!important;overflow-x:hidden;margin:0!important}
body.bs-contact-root #header{box-sizing:border-box!important}
body.bs-contact-root:not(.dark-mode){background:#fff!important;color:#202833!important}
body.bs-contact-root:not(.dark-mode) #header{background:#fff!important}
body.bs-contact-root:not(.dark-mode) #header :is(.lefthead p,.lefthead h1,.lefthead h2,.lefthead a,.others-dropdown>a){color:#202833!important}
body.bs-contact-root:not(.dark-mode) .bs-contact-info-section :is(h4,span,div,p){color:#202833!important}
body.bs-contact-root:not(.dark-mode) :is(.bs-contact-heading,.bs-contact-subheading,.bs-contact-form-section label,.bs-contact-info-section h3,.bs-contact-info-section p){color:#202833!important}
body.bs-contact-root:not(.dark-mode) #header .lefthead,body.bs-contact-root:not(.dark-mode) #header .righthead>a{color:#202833!important}
body.bs-contact-root:not(.dark-mode) :is(.bs-contact-form-section,.bs-contact-info-section){background:#f5f7fa!important;border-color:#d5dce5!important}
body.bs-contact-root:not(.dark-mode) :is(input,textarea,select){background:#fff!important;color:#202833!important;border-color:#bac7d6!important}
/* Contact page omits the shared design-system sheet: pin its WhatsApp action explicitly. */
body.bs-contact-root .floating-whatsapp{position:fixed!important;inset:auto 25px 25px auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:60px!important;height:60px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#25d366!important;color:#fff!important;box-shadow:0 5px 15px #0003!important;z-index:1050!important}
html[dir="rtl"] body.bs-contact-root .floating-whatsapp{right:auto!important;left:25px!important}
@media(max-width:700px){body.bs-contact-root .floating-whatsapp{right:20px!important;bottom:20px!important;width:56px!important;height:56px!important}html[dir="rtl"] body.bs-contact-root .floating-whatsapp{right:auto!important;left:20px!important}}
body.dark-mode main>.hero .directory a{color:#a3caff!important}
body.dark-mode main>.hero .btn.outline{background:#222a35!important;color:#a3caff!important;border-color:#79b7ff!important}
body.dark-mode :is(.withbox p,.withtop p,.tab-text p,.tab-text li,.hero p,.colored-section p,.colored-section li){color:#d8e0e9!important}
body.dark-mode :is(.hero,.colored-section,.tabs-section,.withus,.apps-section,.faq-section) :is(h1,h2,h3,h4){color:#f7f9fc!important}
body.dark-mode :is(.hero,.colored-section,.tabs-section,.withus,.apps-section,.faq-section) a:not(.btn):not(.popup-trigger):not(.bot-btn):not(.ind-btn){color:#a3caff!important}
/* Website-development hero CTAs follow the shared blue/white action language. */
body.light-mode:has(.portfol-white-hero) .port-white-btn a{background:#2387f7!important;color:#fff!important;border:1px solid #2387f7!important;box-shadow:0 8px 20px rgba(35,135,247,.22)!important}
body.light-mode:has(.portfol-white-hero) .port-white-btn a:hover{background:#1a6dc3!important;border-color:#1a6dc3!important;color:#fff!important}