.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================================
   JAHASOFT AUTHENTIC DESIGN TOKENS & TYPOGRAPHY (MATCHING JAHASOFT.PK)
   ========================================================================== */

:root {
  --jaha-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  --jaha-primary-cyan: #00ADEF;
  --jaha-sky-blue: #78D2F4;
  --jaha-brand-dark: #000000;
  --jaha-charcoal: #1e293b;
  --jaha-body-text: #1e293b;
  --jaha-muted: #64748b;
}

/* 1. UNIVERSAL FONT FAMILY (POPPINS ACROSS ENTIRE SITE) */
html, body, p, span, a, input, select, textarea, button, 
h1, h2, h3, h4, h5, h6,
.elementor, .elementor-widget, .elementor-heading-title {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 2. UNIVERSAL HIGH-CONTRAST HEADINGS & PARAGRAPHS */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.hero-clean-title {
  color: #000000 !important;
  font-weight: 700;
  line-height: 1.25;
}

p,
.hero-clean-desc {
  color: #1e293b !important;
  font-size: 16px;
  line-height: 1.65;
}

/* Accent highlight */
.hero-clean-title span.hl,
span.hl,
.text-cyan {
  color: #00ADEF !important;
}

/* Only CTA Banner & dark-specific sections have white text */
.cta-band h2, .cta-band h3,
.cta-band p, .cta-band span,
.dark-section h1, .dark-section h2, .dark-section h3,
.dark-section p {
  color: #ffffff !important;
}

/* Badges */
.hero-badge-pill,
[class*="badge-pill"],
.hero-clean-section .pill {
  color: #0369a1 !important;
  background: #e0f2fe !important;
  border: 1px solid #bae6fd !important;
}

/* 3. LIGHT THEME CANVAS */
body {
  background-color: #ffffff !important;
  color: #1e293b !important;
}

/* 4. UNIVERSAL BUTTONS (PILL FORMAT MATCHING JAHASOFT.PK) */
.elementor-button, .jaha-btn-pill {
  font-family: 'Poppins', Sans-serif !important;
  font-weight: 600 !important;
  border-radius: 25px !important;
  letter-spacing: 0.5px !important;
}

/* Primary WhatsApp Pill Button (Solid Green) */
.btn-whatsapp-green,
.hero-clean-btn-primary,
.jaha-btn-primary,
.hero-clean-btn-wa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #25D366 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  padding: 13px 28px !important;
  border-radius: 25px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 18px rgba(37, 211, 102, 0.35) !important;
  transition: all 0.25s ease !important;
  border: none !important;
}

.btn-whatsapp-green *,
.hero-clean-btn-primary *,
.jaha-btn-primary *,
.hero-clean-btn-wa * {
  color: #ffffff !important;
}

.btn-whatsapp-green:hover,
.hero-clean-btn-primary:hover,
.jaha-btn-primary:hover,
.hero-clean-btn-wa:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5) !important;
  color: #ffffff !important;
  background: #20bd5a !important;
}

/* Secondary Request Demo Button (Solid Cyan Pill with White Text) */
.jaha-btn-secondary,
.hero-clean-btn-secondary,
.hero-clean-btn-quote,
.cta-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #00ADEF !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  padding: 13px 28px !important;
  border-radius: 25px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0, 173, 239, 0.3) !important;
  transition: all 0.25s ease !important;
}

.jaha-btn-secondary *,
.hero-clean-btn-secondary *,
.hero-clean-btn-quote *,
.cta-btn-secondary * {
  color: #ffffff !important;
}

.jaha-btn-secondary:hover,
.hero-clean-btn-secondary:hover,
.hero-clean-btn-quote:hover,
.cta-btn-secondary:hover {
  background: #0098d4 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(0, 173, 239, 0.45) !important;
}

/* 5. FULL-WIDTH WEBSITE CONTENT (EXCEPT HEADER & FOOTER) */
body, #page, #content, .site-content, main, .site-main,
div[data-elementor-type="wp-page"] {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow-x: hidden !important;
}

/* Full width for page sections */
div[data-elementor-type="wp-page"] .elementor-section,
div[data-elementor-type="wp-page"] .elementor-section.elementor-section-boxed,
div[data-elementor-type="wp-page"] .elementor-section.elementor-section-full_width,
main .elementor-section,
.site-main .elementor-section {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Full width section backgrounds & wrappers */
.jaha-block-wrap,
div.jaha-block-wrap,
div[data-elementor-type="wp-page"] .elementor-section.elementor-section-stretched > .elementor-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* ==========================================================================
   GLOBAL CONTAINER ALIGNMENT & WIDTH STANDARDIZATION (JAHASOFT SERVICES BENCHMARK)
   ========================================================================== */
.elementor-section.elementor-section-boxed > .elementor-container,
.e-con.e-con-boxed,
.jaha-container,
.site-content .container {
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-page .elementor-section,
.elementor-page .e-con {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure inner wrappers do not stretch unexpectedly */
.elementor-widget-wrap {
    width: 100% !important;
}

/* Content containers inside full-width pages expand gracefully to 1200px */
/* Standardized content wrappers at 1140px */
.hero-clean-wrap,
.trust-card-wrapper,
.what-we-do-container,
.industries-container,
.csl-container,
.products-container,
.locations-container,
.stats-container,
.fbr-urgency-card {
  max-width: 1140px !important;
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* 6. STRICTLY PRESERVE BOXED LAYOUT FOR HEADER & FOOTER (1140px) */
div[data-elementor-type="header"],
.elementor-location-header,
.site-header,
.elementor-32 {
  background: #ffffff !important;
  background-color: #ffffff !important;
  width: 100% !important;
}

div[data-elementor-type="header"] .elementor-section > .elementor-container,
div[data-elementor-type="footer"] .elementor-section > .elementor-container,
.elementor-location-header .elementor-section > .elementor-container,
.elementor-location-footer .elementor-section > .elementor-container,
header.site-header .elementor-section > .elementor-container,
footer.site-footer .elementor-section > .elementor-container,
.elementor-32 .elementor-section > .elementor-container,
.elementor-34 .elementor-section > .elementor-container {
  max-width: 1140px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

.elementor-32 a,
.elementor-32 .elementor-item,
.elementor-32 .elementor-nav-menu a {
  color: #000000 !important;
}

.elementor-32 .elementor-item.elementor-item-active {
  color: #00ADEF !important;
}

/* 7. SERVICE & INDUSTRY SUB-PAGES COMPONENT CLEAN LIGHT STYLING */
html body .jaha-proof-callout {
  background: #F0F9FF !important;
  border: 1.5px solid #BAE6FD !important;
  border-left: 5px solid #00ADEF !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  padding: 20px 24px !important;
}
html body .jaha-proof-callout-text {
  color: #1e293b !important;
  font-weight: 600 !important;
  font-style: italic !important;
}

html body .jaha-highlight-grid {
  border-top: 1px solid #e2e8f0 !important;
}
html body .jaha-highlight-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  padding: 16px 18px !important;
}
html body .jaha-highlight-title {
  color: #0284c7 !important;
  font-weight: 700 !important;
}
html body .jaha-highlight-desc {
  color: #334155 !important;
  font-weight: 500 !important;
}

html body .jaha-compliance-card {
  background: #FEF2F2 !important;
  border: 1.5px solid #FECACA !important;
  border-left: 5px solid #EF4444 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(239, 68, 68, 0.06) !important;
}
html body .jaha-compliance-badge {
  color: #DC2626 !important;
  font-weight: 800 !important;
}
html body .jaha-compliance-h2,
html body .jaha-compliance-title {
  color: #000000 !important;
  font-weight: 800 !important;
}
html body .jaha-compliance-desc {
  color: #334155 !important;
  font-weight: 500 !important;
}
html body .jaha-compliance-icon {
  background: #FEE2E2 !important;
  border: 1px solid #FCA5A5 !important;
  color: #EF4444 !important;
}

html body .jaha-problem-card {
  background: #FFFBEB !important;
  border: 1.5px solid #FDE68A !important;
  border-left: 5px solid #D97706 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(217, 119, 6, 0.06) !important;
}
html body .jaha-problem-badge {
  color: #B45309 !important;
  font-weight: 800 !important;
}
html body .jaha-problem-h2 {
  color: #000000 !important;
  font-weight: 800 !important;
}
html body .jaha-problem-text,
html body .jaha-problem-desc {
  color: #334155 !important;
  font-weight: 500 !important;
}
html body .jaha-problem-icon {
  background: #FEF3C7 !important;
  border: 1px solid #FCD34D !important;
  color: #D97706 !important;
}

html body .jaha-commitment-card {
  background: #F0F9FF !important;
  border: 1.5px solid #BAE6FD !important;
  border-left: 5px solid #00ADEF !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(0, 173, 239, 0.06) !important;
}
html body .jaha-commitment-badge {
  color: #0369A1 !important;
  font-weight: 800 !important;
}
html body .jaha-commitment-h3 {
  color: #000000 !important;
  font-weight: 800 !important;
}
html body .jaha-commitment-text {
  color: #334155 !important;
  font-weight: 500 !important;
}

html body .jaha-rtl-box {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
}
html body .jaha-rtl-sample {
  color: #1E293B !important;
}

/* ==========================================================================
   8. PROFESSIONAL COMPACT SPACING & REFINED LAYOUT (CLEAN SAAS POLISH)
   ========================================================================== */

/* Hero Section Tightening */
.jaha-trust-bar {
  padding: 8px 0 !important;
  font-size: 11.5px !important;
}

.jaha-hero-section {
  padding: 45px 0 38px 0 !important;
}

.jaha-badge-pill {
  margin-bottom: 14px !important;
  padding: 5px 14px !important;
  font-size: 11px !important;
}

.jaha-hero-h1 {
  font-size: 38px !important;
  line-height: 1.22 !important;
  margin: 0 0 16px 0 !important;
}

.jaha-answer-first {
  padding: 18px 24px !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin: 0 auto 22px auto !important;
}

.jaha-hero-actions {
  margin-bottom: 26px !important;
  gap: 14px !important;
}

.jaha-hero-features {
  gap: 12px !important;
}

.jaha-feature-pill {
  padding: 10px 14px !important;
}

/* Sections Global Vertical Rhythm (50px / 45px) */
.jaha-pain-section,
.jaha-proof-section,
.jaha-cap-section,
.jaha-faq-section,
.jaha-custom-dev-hero,
.jaha-what-we-build-wrap,
.jaha-process-wrap,
.jaha-pricing-teaser-wrap {
  padding: 48px 0 45px 0 !important;
}

.jaha-cta-section {
  padding: 52px 0 52px 0 !important;
}

.jaha-section-header,
.jaha-pain-header,
.jaha-proof-header,
.jaha-cap-header,
.jaha-faq-header {
  margin-bottom: 30px !important;
}

.jaha-section-h2,
.jaha-pain-h2,
.jaha-proof-h2,
.jaha-cap-h2,
.jaha-faq-h2 {
  font-size: 30px !important;
  line-height: 1.25 !important;
  margin-bottom: 10px !important;
}

.jaha-section-eyebrow,
.jaha-pain-eyebrow,
.jaha-proof-eyebrow,
.jaha-cap-eyebrow,
.jaha-faq-eyebrow {
  font-size: 11px !important;
  margin-bottom: 8px !important;
}

/* Grids & Cards Spacing */
.jaha-pain-grid,
.jaha-proof-grid,
.jaha-cap-grid {
  gap: 18px !important;
}

.jaha-pain-card,
.jaha-cap-card,
.jaha-proof-card {
  padding: 20px 20px !important;
  border-radius: 10px !important;
}

/* FAQ list tight gap */
.jaha-faq-list {
  gap: 10px !important;
}

.jaha-faq-summary {
  padding: 16px 20px !important;
  font-size: 15.5px !important;
}

.jaha-faq-content {
  padding: 0 20px 16px 20px !important;
  font-size: 14px !important;
}

/* CTA band typography & spacing */
.jaha-cta-h2 {
  font-size: 32px !important;
  margin: 0 0 12px 0 !important;
}

.jaha-cta-p {
  font-size: 15.5px !important;
  margin: 0 auto 24px auto !important;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
  .jaha-hero-section {
    padding: 34px 0 28px 0 !important;
  }
  .jaha-hero-h1 {
    font-size: 26px !important;
  }
  .jaha-answer-first {
    font-size: 14.5px !important;
    padding: 15px 16px !important;
    margin-bottom: 18px !important;
  }
  .jaha-pain-section,
  .jaha-proof-section,
  .jaha-cap-section,
  .jaha-faq-section {
    padding: 36px 0 32px 0 !important;
  }
  .jaha-cta-section {
    padding: 40px 0 40px 0 !important;
  }
  .jaha-section-h2,
  .jaha-pain-h2,
  .jaha-proof-h2,
  .jaha-cap-h2,
  .jaha-faq-h2 {
    font-size: 23px !important;
  }
  .jaha-cta-h2 {
    font-size: 24px !important;
  }
}

/* CTA Banner White Pill Button (Request Demo in CTA Section) */
.jaha-cta-btn-white,
.cta-band .jaha-cta-btn-white,
.jaha-cta-actions .jaha-cta-btn-white,
.cta-btn-white {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #ffffff !important;
  color: #00ADEF !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  padding: 13px 28px !important;
  border-radius: 25px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.25s ease !important;
  border: none !important;
}

.jaha-cta-btn-white *,
.cta-band .jaha-cta-btn-white *,
.jaha-cta-actions .jaha-cta-btn-white *,
.cta-btn-white * {
  color: #00ADEF !important;
}

.jaha-cta-btn-white:hover,
.cta-band .jaha-cta-btn-white:hover,
.jaha-cta-actions .jaha-cta-btn-white:hover,
.cta-btn-white:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.22) !important;
  background: #f8fafc !important;
  color: #0098d4 !important;
}

/* ==========================================================================
   9. MEGA MENU 2-COLUMN DROPDOWNS FOR SERVICES AND INDUSTRIES
   ========================================================================== */

/* Fix Parent Links Clickability & Alignment */
.elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children {
  position: relative !important;
}

/* Services Dropdown - 2 Columns */
.elementor-nav-menu--main .menu-item-30 > ul.sub-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 620px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;
  padding: 14px !important;
  z-index: 99999 !important;
  box-sizing: border-box !important;
}

.elementor-nav-menu--main .menu-item-30:hover > ul.sub-menu {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 4px 12px !important;
}

/* Industries Dropdown - 2 Columns with Scroll */
.elementor-nav-menu--main .menu-item-5533 > ul.sub-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 720px !important;
  max-height: 540px !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;
  padding: 14px !important;
  z-index: 99999 !important;
  box-sizing: border-box !important;
}

.elementor-nav-menu--main .menu-item-5533:hover > ul.sub-menu {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 4px 12px !important;
}

/* Custom Scrollbar for Dropdown */
.elementor-nav-menu--main .menu-item-5533 > ul.sub-menu::-webkit-scrollbar {
  width: 6px;
}
.elementor-nav-menu--main .menu-item-5533 > ul.sub-menu::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}
.elementor-nav-menu--main .menu-item-5533 > ul.sub-menu::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
.elementor-nav-menu--main .menu-item-5533 > ul.sub-menu::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Submenu List Items & Links */
.elementor-nav-menu--main .menu-item-30 > ul.sub-menu li,
.elementor-nav-menu--main .menu-item-5533 > ul.sub-menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.elementor-nav-menu--main .menu-item-30 > ul.sub-menu li a,
.elementor-nav-menu--main .menu-item-5533 > ul.sub-menu li a {
  display: block !important;
  padding: 7px 12px !important;
  font-family: 'Poppins', Sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  line-height: 1.4 !important;
  white-space: normal !important;
}

.elementor-nav-menu--main .menu-item-30 > ul.sub-menu li a:hover,
.elementor-nav-menu--main .menu-item-5533 > ul.sub-menu li a:hover {
  background-color: #f0f9ff !important;
  color: #00ADEF !important;
  padding-left: 16px !important;
}/* End custom CSS */