/* ===== StrongSuit Header Polish — added via Customizer Additional CSS ===== */

/* A11y: visible focus rings for header interactive elements (not Book Demo button) */
html body.page-id-3619 .header_cs:not(#_zzz), html body.page-id-3619 header:not(#_zzz):not(#wpadminbar) > .header_cs, html body.page-id-3569 .header_cs:not(#_zzz), html body.page-id-3569 header:not(#_zzz):not(#wpadminbar) > .header_cs, html body.page-id-3429 .header_cs:not(#_zzz), html body.page-id-3429 header:not(#_zzz):not(#wpadminbar) > .header_cs {
    z-index: 1000;
    position: relative;
    box-shadow:rgba(255, 255, 255, 0.06) 0px 1px 0px, rgba(0, 0, 0, 0.28) 0px 6px 24px !important;
    background: rgba(10, 10, 20, 0.5) !important;
}
 
html body.page-id-3619 header:not(#_zzz):not(#wpadminbar) > .top_bar_cs, html body.page-id-3569 header:not(#_zzz):not(#wpadminbar) > .top_bar_cs, html body.page-id-3429 header:not(#_zzz):not(#wpadminbar) > .top_bar_cs  {z-index: 10000;position: relative;background: rgba(10,10,20)!important;}


.header_cs a:focus-visible,
.header_cs button:focus-visible,
.right_menu_cs .nav-links a:focus-visible,
.head_btn_one:focus-visible,
.menu-toggle:focus-visible,
.logo a:focus-visible {
  outline: 2px solid #4ea8ff;
  outline-offset: 3px;
  border-radius: 4px;
}
.single-post ul,.single-post ol{
  font-size: 16px;
}
/* Nav link hover/active underline indicator */
.right_menu_cs .nav-links > li > a {
  position: relative;
  transition: color .18s ease;
}
.right_menu_cs .nav-links > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  background: var(--color1, #4ea8ff);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .2s ease;
  pointer-events: none;
}
.right_menu_cs .nav-links > li > a:hover::after,
.right_menu_cs .nav-links > li.current-menu-item > a::after,
.right_menu_cs .nav-links > li.current-menu-parent > a::after,
.right_menu_cs .nav-links > li > a:focus-visible::after {
  transform: scaleX(1);
}

/* CTA: smooth transitions for Try It Free (Book Demo untouched) */
.head_btn_one {
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .12s ease;
}
.head_btn_one:active { transform: translateY(1px); }

/* Sticky header: soft shadow + subtle bottom border */
body.sticky-cs .header_cs {
  box-shadow: 0 4px 14px rgba(0,0,0,.28);
  border-bottom: 1px solid rgba(255,255,255,.08);
  transition: box-shadow .25s ease, padding .25s ease;
}
.cross{
  display:none !important;
}
/* Tighten desktop header height */
@media (min-width: 1200px) {
  .header_cs { padding: 28px 0; }
}

/* Mobile tap targets + scroll lock + backdrop */
@media (max-width: 1199px) {
 
  html body header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu {
    box-shadow: none !important;
    border: none !important;
}
  body .header_cs .nav-links>.nav-item.has-submenu::after{
    display:none !important;
  }
  .right_menu_cs .nav-links li { padding: 14px 16px; }
  .right_menu_cs .nav-links a { font-size: 15px; letter-spacing: .4px; }
  .menu-toggle { padding: 8px; margin: -8px; }

  body:has(.right_menu_cs ul.nav-links.active)::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 8;
    pointer-events: none;
  }
  html:has(.right_menu_cs ul.nav-links.active),
  body:has(.right_menu_cs ul.nav-links.active) {
    overflow: hidden;
  }
  .right_menu_cs {
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease !important;
    transform: translateY(-6px);
  }
  .right_menu_cs:has(ul.nav-links.active) {
    transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .header_cs { padding: 12px 0; }
  .header_cs .logo img { max-width: 170px; }
}
   
/* Keyboard-openable sub-menus */
.right_menu_cs .nav-links li.has-submenu:focus-within > .submenu,
.right_menu_cs .nav-links li.has-submenu:focus-within > ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* ===== FOOTER POLISH ===== */

/* Restore left-alignment in footer columns (override conflicting text-align: center) */
.footer_sec_cs,
footer.footer_sec_cs,
.footer_sec_cs .container_cs,
.footer_sec_cs .footer_wrapper,
.footer_sec_cs .navigation_cs,
.footer_sec_cs .left_logo_footer,
.footer_sec_cs nav,
.footer_sec_cs ul.menu,
.footer_sec_cs ul.footer_links,
.footer_sec_cs ul.get_started_links,
.footer_sec_cs .email-footer {
  text-align: left !important;
}

/* Reduce excessive vertical padding/margin on home (was 140/140/40 = 320px) */
.page-template-NewHomepageCallidusai .footer_sec_cs,
.page-template-NewHomepageCallidusaiUpdates .footer_sec_cs,
.home .footer_sec_cs {
  margin-top: 80px !important;
  padding-top: 80px !important;
}
body .footer_sec_cs {
  padding-bottom: 48px;
}

/* Column header typography: brighter blue for AA contrast on dark navy, tighter spacing */
.footer_sec_cs h3,
.footer_sec_cs .navigation_cs h3,
.footer_sec_cs .PrimaryColor1 {
  color: #5BAAFF !important;            /* higher contrast than #2181FF */
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: .2px !important;
  margin: 0 0 14px !important;
  font-family: var(--font1) !important;
  text-transform: none;
}

/* Link typography: readable size + consistent rhythm */
.footer_sec_cs .menu li a,
.footer_sec_cs ul.footer_links li a,
.footer_sec_cs ul.get_started_links li a,
.footer_sec_cs .email-footer p,
.footer_sec_cs .email-footer p a {
  font-size: 19px !important;
  line-height: 2 !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.88) !important;
  transition: color .18s ease, padding-left .18s ease;
}
.footer_sec_cs ul.get_started_links li a {
  font-weight: 600 !important;
}

/* Hover: brighten + small left shift (keeps existing padding-left behavior but anchored) */
.footer_sec_cs .menu li a:hover,
.footer_sec_cs ul.footer_links li a:hover,
.footer_sec_cs ul.get_started_links li a:hover,
.footer_sec_cs .email-footer p a:hover {
  color: #ffffff !important;
  padding-left: 4px !important;
  text-decoration: none !important;
}

/* Focus-visible for keyboard a11y */
.footer_sec_cs a:focus-visible {
  outline: 2px solid #5BAAFF;
  outline-offset: 3px;
  border-radius: 3px;
}

/* List spacing */
.footer_sec_cs .navigation_cs ul,
.footer_sec_cs ul.footer_links,
.footer_sec_cs ul.get_started_links {
  margin-top: 10px !important;
  padding-left: 0;
  list-style: none;
}
.footer_sec_cs .navigation_cs ul li { margin: 0 !important; }

/* Email row tightening */
footer .email-footer { margin-top: 14px !important; }
.footer_sec_cs .email-footer p { margin: 0 !important; }

/* Social icon treatment: size bump, spacing, subtle hover */
.footer_sec_cs .left_logo_footer a[href*="linkedin"],
.footer_sec_cs .left_logo_footer a[href*="x.com"],
.footer_sec_cs .left_logo_footer a[href*="facebook"],
.footer_sec_cs .left_logo_footer a[href*="instagram"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px !important;
  height: 36px !important;
  margin: 0 10px 0 0 !important;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  transition: background .18s ease, transform .18s ease;
}
.footer_sec_cs .left_logo_footer a[href*="linkedin"] img,
.footer_sec_cs .left_logo_footer a[href*="x.com"] img,
.footer_sec_cs .left_logo_footer a[href*="facebook"] img,
.footer_sec_cs .left_logo_footer a[href*="instagram"] img {
  width: 18px !important;
  height: 18px !important;
}
.footer_sec_cs .left_logo_footer a[href*="linkedin"]:hover,
.footer_sec_cs .left_logo_footer a[href*="x.com"]:hover,
.footer_sec_cs .left_logo_footer a[href*="facebook"]:hover,
.footer_sec_cs .left_logo_footer a[href*="instagram"]:hover {
  background: rgba(91,170,255,.22);
  transform: translateY(-1px);
  padding-left: 0 !important;
}

/* Logo sizing restraint */
.footer_sec_cs .left_logo_footer img[src*="strongsuit-logo"] {
  max-width: 200px !important;
  height: auto !important;
}

/* Column gap rhythm */
.footer_wrapper { gap: 40px !important; }

/* Reveal a clean legal row above the section bottom padding */
.footer_sec_cs .container_cs::after {
  content: "(c) " counter(year) " StrongSuit AI, Inc. All rights reserved." !important;
  counter-reset: year 2026;
  display: block;
  margin-top: 44px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.10);
  font-size: 13px;
  color: rgba(255,255,255,.55);
  text-align: left;
  letter-spacing: .2px;
}

/* Litigation-bar CTA spacing + button polish */
section.footer.litigation-bar { padding: 48px 0 !important; }
section.footer.litigation-bar h2 {
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
  letter-spacing: -.2px;
}
section.footer.litigation-bar p {
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,.82) !important;
  margin: 0 0 16px !important;
}

/* Tablet (768-1024): tidy gaps + wrap */
@media (min-width: 768px) and (max-width: 1024px) {
  .footer_sec_cs .footer_wrapper {
    flex-wrap: wrap !important;
    gap: 32px !important;
  }
  .footer_sec_cs .left_logo_footer { width: 100% !important; }
  .footer_sec_cs .navigation_cs {
    width: calc(33.333% - 22px) !important;
  }
}

/* Mobile (<=767): comfortable stacking */
@media (max-width: 767px) {
  .page-template-NewHomepageCallidusai .footer_sec_cs,
  .page-template-NewHomepageCallidusaiUpdates .footer_sec_cs,
  .home .footer_sec_cs {
    margin-top: 40px !important;
    padding-top: 40px !important;
  }
  .footer_sec_cs { padding-bottom: 32px !important; }
  .footer_sec_cs,
  .footer_sec_cs ul.menu,
  .footer_sec_cs ul.footer_links,
  .footer_sec_cs ul.get_started_links { text-align: left !important; }
  .footer_sec_cs .footer_wrapper {
    flex-direction: column !important;
    gap: 28px !important;
  }
  .footer_sec_cs .footer_wrapper > * { width: 100% !important; }
  .footer_sec_cs h3 { font-size: 16px !important; margin-bottom: 8px !important; }
  .footer_sec_cs .menu li a,
  .footer_sec_cs ul.footer_links li a,
  .footer_sec_cs ul.get_started_links li a { font-size: 19px !important; line-height: 2 !important; }
  section.footer.litigation-bar { padding: 36px 16px !important; }
  section.footer.litigation-bar h2 { font-size: 19px !important; }
  .footer_sec_cs .container_cs::after {
    margin-top: 32px;
    text-align: center;
  }
}
 

/* ===== TASTE FIXES (footer headers + home cards) ===== */
/* Footer column headers: pure white, uppercase, refined letter-spacing.
   Uses elevated specificity to beat an earlier !important blue rule. */
footer.footer_sec_cs h3,
.footer_sec_cs .navigation_cs h3,
.footer_sec_cs .widget h3,
.footer_sec_cs h3.PrimaryColor1,
.footer_sec_cs .PrimaryColor1, .footer_sec_cs .navigation_cs p, .footer_sec_cs .widget p, .footer_sec_cs p.PrimaryColor1, .footer_sec_cs .PrimaryColor1 {
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Home product feature cards: match page bg, subtle border, soft shadow */
body .feature_sec_sec .feature_wrapper_cs .feature_left_right,
body .feature_sec_sec .feature_wrapper_cs .feature_left_right:nth-child(2n),
html body .feature_wrapper_cs .feature_left_right,
html body section .feature_wrapper_cs .feature_left_right {
  background: #111110 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* ===== TWEAKS (entity name + card contrast + investors dedupe) ===== */

/* Tweak 1: Update legal-line entity name to "StrongSuit AI, Inc." */


/* Tweak 2: Home product-feature cards — lifted dark surface with more contrast */
body .feature_sec_sec .feature_wrapper_cs .feature_left_right,
body .feature_sec_sec .feature_wrapper_cs .feature_left_right:nth-child(2n),
html body .feature_wrapper_cs .feature_left_right,
html body section .feature_wrapper_cs .feature_left_right {
  background: #1A1D27 !important;
  background-image: linear-gradient(180deg, #1C2030 0%, #151825 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Tweak 3: Remove duplicative purple "INVESTORS" eyebrow above "Backed by..." */
.callidus_models_sec.logos-slider-sec .heading_cs.heading_h2::before,
html body .callidus_models_sec.logos-slider-sec .heading_cs.heading_h2::before {
  content: none !important;
  display: none !important;
}

/* ===== MOBILE POLISH ===== */

/* Hamburger: upsize tap target to >=44x44 without changing visual icon */
@media (max-width: 1024px) {
  .header_cs .menu-toggle,
  header .menu-toggle {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Mobile nav: roomier sub-menu links when expanded */
@media (max-width: 767px) {
  .nav-links li ul li a,
  .right_menu_cs .nav-links li ul li a {
    font-size: 19px !important;
    padding: 12px 14px !important;
    line-height: 1.35 !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }
  .nav-links > li > a,
  .right_menu_cs .nav-links > li > a {
    font-size: 16px !important;
    padding: 14px 10px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }
  /* Divider lines between items for legibility */
  .nav-links > li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }
}

/* Footer column headers: bump legibility on mobile */
@media (max-width: 767px) {
  html body .footer_sec_cs h3.PrimaryColor1,
  html body footer h3.PrimaryColor1 {
    font-size: 19px !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
  }
  /* Footer link list: better line-height + tap area */
  .footer_sec_cs .menu a,
  .footer_sec_cs ul li a,
  footer .menu a,
  footer ul li a {
    line-height: 1.6 !important;
    padding: 6px 0 !important;
    display: inline-block !important;
    min-height: 36px !important;
  }
  /* Legal pseudo-element: center alignment on mobile */
  .footer_sec_cs .container_cs::after {
    text-align: center !important;
    margin-top: 32px !important;
  }
}

/* Home product-feature cards: ensure padding and image fit on very narrow screens */
@media (max-width: 480px) {
  .feature_left_right {
    padding: 24px 18px !important;
  }
  .feature_left_right img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
  }
}

/* Defensive: no horizontal overflow anywhere on mobile */
@media (max-width: 767px) {
  html, body { overflow-x: hidden !important; }
  img, video, iframe { max-width: 100% !important; height: auto; }
}

/* Kill sticky hover states on touch devices (iOS Safari) */
@media (hover: none) {
  a:hover, button:hover, .cs-btn:hover, [class*="btn"]:hover {
    background-color: inherit;
  }
}

/* Primary CTAs: guarantee 44px tap target on mobile */
@media (max-width: 767px) {
  .cs-btn, a.btn, button.btn, .wp-block-button__link {
    min-height: 44px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ===== MERGED HERO+TRUSTED WASH — shared canvas via main#main-content ===== */
body.page-template-NewHomepageCallidusai-php main#main-content {
  background-color: #04070e !important;
  background-image:
    radial-gradient(ellipse 40% 12% at 82% 840px, rgba(0, 94, 184, 0.11) 0%, rgba(0, 94, 184, 0.03) 55%, rgba(0,0,0,0) 85%) !important;
  background-repeat: no-repeat !important;
}
body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs {
  background-color: transparent !important;
}
/* ===== END MERGED WASH ===== */

/* ===== HERO CONSTELLATION + TRUSTED-BY STRIP — staging home ===== */

/* Hero: dark-navy blue wash (not pure black), per Legora v2 palette */
body.home section.heroBanner {
  position: relative;
  overflow: hidden;
  background-color: #05080f;
  background-image:
    radial-gradient(ellipse 70% 60% at 78% 55%, rgba(0, 94, 184, 0.22) 0%, rgba(0, 94, 184, 0.08) 40%, rgba(0, 0, 0, 0) 70%),
    linear-gradient(180deg, #05080f 0%, #05080f 100%);
}


body.home section.heroBanner .hero_sec_cs,
body.home section.heroBanner .container_cs,
body.home section.heroBanner .hero-inner-wrapper,
body.home section.heroBanner .hero-left {
  position: relative;
  z-index: 1;
}

@media (max-width: 900px) {
  body.home section.heroBanner::before {
    width: 100%;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.35) 45%, #000 75%);
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.35) 45%, #000 75%);
  }
}

/* ===== Trusted-by strip — logos blend into grayish band (Legora v2 --bg-2 #0A0A0A) ===== */

body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs {
  background-color: transparent !important;
  padding: 45px 0 !important;
  margin: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  position: relative;
}

/* Subtle brand-blue hairline glow at the top edge, echoing v2 */
body.page-template-NewHomepageCallidusai-php body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .container_cs {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 28px;
}

/* White small-caps label */
body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .heading {
  text-align: center;
  margin-bottom: 22px;
}

body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .heading_cs,
body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .heading h2 {
  max-width: none !important;
  width: 100% !important;
  color: #ffffff !important;
  font-family: "Source Sans Pro", "Inter", Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Logo row — no card, logos blend on grayish band, unified white via invert filter */
body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 48px !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 auto !important;
  box-shadow: none !important;
  width: 100% !important;
}

body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 44px !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Unify: any colored logo becomes muted white so they blend into the dark band */
body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg img {
  max-height: 36px !important;
  max-width: 130px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: invert(1) grayscale(1) !important;
  mix-blend-mode: lighten !important;
  opacity: 0.85 !important;
  transition: opacity 200ms ease !important;
  display: block !important;
}

body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg:hover img { opacity: 1; }

@media (max-width: 1100px) {
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs { padding: 36px 0 38px; }
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg {
    min-width: 110px;
    height: 48px;
  }
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg img {
    max-height: 34px;
  }
}

@media (max-width: 700px) {
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs { padding: 30px 0 32px; }
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .heading_cs,
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .heading h2 {
    font-size: 15px !important;
    letter-spacing: 0.22em !important;
  }
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer {
    gap: 14px 18px !important;
  }
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg {
    flex: 1 1 28%;
    min-width: 0;
    height: 40px;
  }
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg img {
    max-height: 28px;
  }
}

/* Kill theme's white card on each .logoImg wrapper + any inline theme bg on .clientlogo */
body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg,
body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}

/* ===== END HERO CONSTELLATION + TRUSTED-BY STRIP ===== */

/* ===== FAQ REDESIGN — dark cards, sharp type, smooth chevron ===== */
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs {
  background: transparent !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .accordion-outer {
  max-width: 880px !important;
  margin: 0 auto !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .accordion-wrapper {
  background: rgba(20, 24, 32, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 12px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 6px 20px rgba(0, 0, 0, 0.18) !important;
  transition: border-color 220ms ease, background-color 220ms ease !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .accordion-wrapper:hover {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(26, 30, 38, 0.88) !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .accordion-wrapper:has(.acc-head.active) {
  border-color: rgba(0, 94, 184, 0.35) !important;
  background: rgba(22, 28, 38, 0.78) !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .acc-head {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.95) !important;
  padding: 22px 64px 22px 26px !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: "Source Sans Pro", "Inter", system-ui, -apple-system, sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.003em !important;
  cursor: pointer !important;
  position: relative !important;
  transition: color 200ms ease, background 200ms ease !important;
  user-select: none !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .acc-head h3,
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .acc-head .heading_h6 {
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .acc-head::after {
  content: "" !important;
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  left: auto !important;
  bottom: auto !important;
  width: 10px !important;
  height: 10px !important;
  margin-top: -8px !important;
  border-right: 2px solid rgba(196, 203, 214, 0.9) !important;
  border-bottom: 2px solid rgba(196, 203, 214, 0.9) !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
  transition: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .acc-head.active::after {
  transform: rotate(225deg) !important;
  animation: none !important;
  transition: none !important;
  margin-top: -4px !important;
  border-color: #ffffff !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .acc-body {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.78) !important;
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  font-family: "Source Sans Pro", "Inter", system-ui, -apple-system, sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.005em !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .acc-head.active + .acc-body {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  padding: 14px 26px 22px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
  animation: none !important;
  transition: none !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .acc-head:not(.active) + .acc-body {
  display: none !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .acc-body * {
  color: rgba(255, 255, 255, 0.78) !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec.home-faqs .acc-head.active {
  color: #ffffff !important;
}

/* ===== END FAQ REDESIGN ===== */

/* ===== StrongSuit Product Feature Icons — modernized chip look ===== */
body.page-template-NewHomepageCallidusai-php .callidus_models_sec:not(.home-faqs):not(.logos-slider-sec) .model_boxes_cs img {
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto 28px !important;
  display: block !important;
  border-radius: 50% !important;
  filter: hue-rotate(-14deg) saturate(0.2) brightness(0.82) contrast(1.08) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07), 0 10px 28px rgba(0, 0, 0, 0.45) !important;
  transition: filter 320ms ease, transform 320ms ease, box-shadow 320ms ease !important;
}
body.page-template-NewHomepageCallidusai-php .callidus_models_sec:not(.home-faqs):not(.logos-slider-sec) .model_boxes_cs:hover img {
  filter: hue-rotate(-14deg) saturate(0.38) brightness(0.96) contrast(1.12) !important;
  transform: translateY(-2px) scale(1.04) !important;
  box-shadow: 0 0 0 1px rgba(140, 180, 220, 0.22), 0 16px 34px rgba(0, 0, 0, 0.55), 0 0 36px rgba(90, 140, 200, 0.18) !important;
}

/* ===== StrongSuit Header — sharper type + cooler dropdown ===== */

/* Inter across the header nav, with proper antialiasing */
body .header_cs .nav-links,
body .header_cs .nav-links .nav-item > a,
body .header_cs .nav-links .sub-menu,
body .header_cs .nav-links .sub-menu a {
  font-family: Inter, "Söhne", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  font-feature-settings: "ss01", "cv11" !important;
}

/* Top-level nav link — lighter weight, tighter tracking, soft white */
body .header_cs .nav-links > .nav-item > a {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  color: rgba(255, 255, 255, 0.82) !important;
  position: relative !important;
  padding: 8px 2px !important;
  transition: color 220ms ease !important;
  text-decoration: none !important;
}

body .header_cs .nav-links > .nav-item:hover > a,
body .header_cs .nav-links > .nav-item:focus-within > a {
  color: rgba(255, 255, 255, 1) !important;
}

/* Underline reveal on hover — subtle gradient line */
body .header_cs .nav-links > .nav-item > a::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  right: 2px !important;
  bottom: 2px !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(160, 190, 225, 0), rgba(200, 220, 245, 0.85), rgba(160, 190, 225, 0)) !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 280ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  pointer-events: none !important;
}

body .header_cs .nav-links > .nav-item:hover > a::after,
body .header_cs .nav-links > .nav-item:focus-within > a::after {
  transform: scaleX(1) !important;
}

/* Chevron for items with submenu — rotates on hover */
body .header_cs .nav-links > .nav-item.has-submenu > a {
  padding-right: 18px !important;
}

body .header_cs .nav-links > .nav-item.has-submenu > a::before {
  content: "" !important;
  position: absolute !important;
  right: 4px !important;
  top: 50% !important;
  width: 5px !important;
  height: 5px !important;
  border-right: 1.5px solid currentColor !important;
  border-bottom: 1.5px solid currentColor !important;
  transform: translateY(-70%) rotate(45deg) !important;
  transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 220ms ease !important;
  opacity: 0.75 !important;
}

body .header_cs .nav-links > .nav-item.has-submenu:hover > a::before,
body .header_cs .nav-links > .nav-item.has-submenu:focus-within > a::before {
  transform: translateY(-30%) rotate(-135deg) !important;
  opacity: 1 !important;
}

/* ===== Dropdown panel — frosted glass, smooth reveal ===== */
body .header_cs .nav-links .sub-menu {
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-8px) scale(0.985) !important;
  transform-origin: top center !important;
  transition:
    opacity 240ms cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1),
    visibility 0s linear 240ms !important;

  background: linear-gradient(180deg, rgba(22, 30, 40, 0.92) 0%, rgba(14, 20, 28, 0.96) 100%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 10px !important;
  top: 52px !important;
  min-width: 260px !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.55),
    0 6px 18px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* Show on hover of the parent */
body .header_cs .nav-links .nav-item.has-submenu:hover > .sub-menu,
body .header_cs .nav-links .nav-item.has-submenu:focus-within > .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  transition:
    opacity 240ms cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1),
    visibility 0s linear 0s !important;
}

/* Submenu items */
body .header_cs .nav-links .sub-menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .header_cs .nav-links .sub-menu a {
  display: block !important;
  padding: 9px 14px 9px 16px !important;
  margin: 1px 0 !important;
  font-size: 13px !important;
  font-weight: 450 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  position: relative !important;
  text-decoration: none !important;
  transition:
    background-color 180ms ease,
    color 180ms ease,
    padding-left 220ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

body .header_cs .nav-links .sub-menu a::before {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  top: 50% !important;
  width: 2px !important;
  height: 0 !important;
  background: linear-gradient(180deg, rgba(140, 180, 220, 0.9), rgba(140, 180, 220, 0.35)) !important;
  border-radius: 2px !important;
  transform: translateY(-50%) !important;
  transition: height 220ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

body .header_cs .nav-links .sub-menu a:hover {
  color: rgba(255, 255, 255, 1) !important;
  background: linear-gradient(90deg, rgba(110, 150, 200, 0.14), rgba(110, 150, 200, 0.03)) !important;
  padding-left: 22px !important;
}

body .header_cs .nav-links .sub-menu a:hover::before {
  height: 58% !important;
}

/* Make sure transitions aren't clobbered on mobile toggles */
@media (max-width: 991px) {
  body .header_cs .nav-links .sub-menu {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
    transition: opacity 200ms ease, visibility 0s !important;
  }
}

/* ===== StrongSuit Header — v2 fixes: spacing, chevron, hover bridge, Log In ===== */

/* Even horizontal spacing — unified gap, zero inline padding */
body .header_cs .nav-links {
  gap: 36px !important;
  align-items: center !important;
}
body .header_cs .nav-links > .nav-item {
  padding: 0 !important;
  margin: 0 !important;
}

/* Refined chevron (thinner 1px stroke, 7px, cleaner) */
body .header_cs .nav-links > .nav-item.has-submenu > a {
  padding-right: 16px !important;
}
body .header_cs .nav-links > .nav-item.has-submenu > a::before {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 1px solid currentColor !important;
  border-bottom: 1px solid currentColor !important;
  border-top: 0 !important;
  border-left: 0 !important;
  background: transparent !important;
  transform: translateY(-75%) rotate(45deg) !important;
  transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 220ms ease !important;
  opacity: 0.7 !important;
}
body .header_cs .nav-links > .nav-item.has-submenu:hover > a::before,
body .header_cs .nav-links > .nav-item.has-submenu:focus-within > a::before {
  transform: translateY(-20%) rotate(-135deg) !important;
  opacity: 1 !important;
}

/* Hover bridge — invisible strip covers the gap so dropdown stays open */
body .header_cs .nav-links > .nav-item.has-submenu::after {
  content: "" !important;
  position: absolute !important;
  left: -18px !important;
  right: -18px !important;
  top: 100% !important;
  height: 22px !important;
  background: transparent !important;
  pointer-events: auto !important;
  z-index: 99 !important;
  display:none !important;
}

/* Bring dropdown closer + ensure it stacks above neighbors */
body .header_cs .nav-links .sub-menu {
  top: 34px !important;
  z-index: 100 !important;
}

/* Login → "Log In" (CSS rename; link href intact) */
body .header_cs .nav-links > .nav-item > a[href*="app.strongsuit.com"] {
  font-size: 0 !important;
  letter-spacing: 0 !important;
}
body .header_cs .nav-links > .nav-item > a[href*="app.strongsuit.com"]::before {
  content: "Log In" !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: inherit !important;
  position: static !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  background: none !important;
  transition: none !important;
}

/* ===== StrongSuit Header — v3 chevron fix (inline, aligned to text) ===== */

/* 1) Retire old absolute ::after underline reveal on ALL nav items */
body .header_cs .nav-links > .nav-item > a::after {
  content: none !important;
}

/* 2) Replace with background-gradient underline (animates width on hover) */
body .header_cs .nav-links > .nav-item > a {
  background-image: linear-gradient(90deg, rgba(160, 190, 225, 0), rgba(200, 220, 245, 0.85), rgba(160, 190, 225, 0)) !important;
  background-position: 50% calc(100% - 2px) !important;
  background-size: 0% 1px !important;
  background-repeat: no-repeat !important;
  transition: color 220ms ease, background-size 300ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
body .header_cs .nav-links > .nav-item:hover > a,
body .header_cs .nav-links > .nav-item:focus-within > a {
  background-size: 100% 1px !important;
}

/* 3) Retire old absolute ::before chevron on has-submenu items */
body .header_cs .nav-links > .nav-item.has-submenu > a::before {
  content: none !important;
}

/* 4) Kill the extra padding-right that was reserved for the absolute chevron */
body .header_cs .nav-links > .nav-item.has-submenu > a {
  padding-right: 2px !important;
}

/* 5) New inline chevron via ::after — flows with text, truly centered */
body .header_cs .nav-links > .nav-item.has-submenu > a::after {
  content: "" !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-right: 1.25px solid currentColor !important;
  border-bottom: 1.25px solid currentColor !important;
  background: transparent !important;
  vertical-align: middle !important;
  transform: translateY(-2px) rotate(45deg) !important;
  transform-origin: 50% 50% !important;
  opacity: 0.7 !important;
  transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 220ms ease !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
}
body .header_cs .nav-links > .nav-item.has-submenu:hover > a::after,
body .header_cs .nav-links > .nav-item.has-submenu:focus-within > a::after {
  transform: translateY(1px) rotate(-135deg) !important;
  opacity: 1 !important;
}

/* ===== Header v4: suppress theme's built-in .submenu-toggle chevron ===== */
body .header_cs .nav-links .nav-item.has-submenu a .submenu-toggle,
body .header_cs .nav-links .nav-item .submenu-toggle {
  display: none !important;
}

/* Testimonials spacing (v16) — beat strongsuit-home-overrides specificity */
html body.home .callidus_slide_sec,
html body .callidus_slide_sec.global-cs {
  padding-top: 72px !important;
}
html body.home .callidus_slide_sec .callidus_slide_box,
html body .callidus_slide_sec.global-cs .callidus_slide_box {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

/* Solutions pages (v1) — dark noir hero + laptop-screen video positioning */
body.page-template-NewHomepageCallidusai-php:not(.home) section.heroBanner {
  position: relative;
  overflow: hidden;
  background-color: #05080f;
  background-image:
    radial-gradient(ellipse 70% 60% at 78% 32%, rgba(0, 94, 184, 0.18) 0%, rgba(0, 94, 184, 0.06) 40%, rgba(0, 0, 0, 0) 70%),
    radial-gradient(ellipse 80% 70% at 50% 50%, rgba(0, 94, 184, 0.04) 0%, rgba(0, 0, 0, 0.55) 75%),
    linear-gradient(180deg, #05090f 0%, #070a14 50%, #04070e 100%);
}
body.page-template-NewHomepageCallidusai-php:not(.home) section.heroBanner .hero_sec_cs,
body.page-template-NewHomepageCallidusai-php:not(.home) section.heroBanner .container_cs,
body.page-template-NewHomepageCallidusai-php:not(.home) section.heroBanner .hero-inner-wrapper,
body.page-template-NewHomepageCallidusai-php:not(.home) section.heroBanner .hero-left {
  position: relative;
  z-index: 1;
}

/* Solutions pages — add TESTIMONIALS purple eyebrow (matches home aesthetic) */
body.page-template-NewHomepageCallidusai-php:not(.home) .callidus_slide_sec {
  position: relative !important;
}
body.page-template-NewHomepageCallidusai-php:not(.home) .callidus_slide_sec::before {
  content: "TESTIMONIALS" !important;
  display: block !important;
  color: rgb(159, 125, 223) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1.96px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding-top: 8px !important;
  margin-bottom: 14px !important;
  line-height: 23.8px !important;
}

/* Solutions pages (SingleHomePageTemplate) — dark noir hero + laptop/video like home */
body.page-template-SingleHomePageTemplate-php .hero_sec_cs.global-cs {
  position: relative !important;
  overflow: hidden !important;
  background-color: #05080f !important;
  background-image:
    radial-gradient(ellipse 70% 60% at 78% 32%, rgba(0, 94, 184, 0.18) 0%, rgba(0, 94, 184, 0.06) 40%, rgba(0, 0, 0, 0) 70%),
    radial-gradient(ellipse 80% 70% at 50% 50%, rgba(0, 94, 184, 0.04) 0%, rgba(0, 0, 0, 0.55) 75%),
    linear-gradient(180deg, #05090f 0%, #070a14 50%, #04070e 100%) !important;
}
body.page-template-SingleHomePageTemplate-php .hero_sec_cs.global-cs .container_cs,
body.page-template-SingleHomePageTemplate-php .hero_sec_cs.global-cs .hero-inner-wrapper,
body.page-template-SingleHomePageTemplate-php .hero_sec_cs.global-cs .hero-left {
  position: relative !important;
  z-index: 1 !important;
}

/* Constellation ::before (same as home) */
body.page-template-SingleHomePageTemplate-php .hero_sec_cs.global-cs::before { content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 72%;
  pointer-events: none;
  z-index: 0;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201920%20800'%20preserveAspectRatio%3D'xMaxYMid%20slice'%3E%3Cdefs%3E%3CradialGradient%20id%3D'g1'%20cx%3D'50%25'%20cy%3D'50%25'%20r%3D'50%25'%3E%3Cstop%20offset%3D'0%25'%20stop-color%3D'%23cfe4ff'%20stop-opacity%3D'0.9'%2F%3E%3Cstop%20offset%3D'35%25'%20stop-color%3D'%237bb6ff'%20stop-opacity%3D'0.35'%2F%3E%3Cstop%20offset%3D'70%25'%20stop-color%3D'%232a6bbd'%20stop-opacity%3D'0.08'%2F%3E%3Cstop%20offset%3D'100%25'%20stop-color%3D'%23000'%20stop-opacity%3D'0'%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cline%20x1%3D'1080'%20y1%3D'95'%20x2%3D'1320'%20y2%3D'45'%20stroke%3D'%237bb6ff'%20stroke-opacity%3D'0.14'%20stroke-width%3D'0.8'%2F%3E%3Cline%20x1%3D'1320'%20y1%3D'45'%20x2%3D'1580'%20y2%3D'130'%20stroke%3D'%237bb6ff'%20stroke-opacity%3D'0.14'%20stroke-width%3D'0.8'%2F%3E%3Cline%20x1%3D'1450'%20y1%3D'220'%20x2%3D'1680'%20y2%3D'340'%20stroke%3D'%237bb6ff'%20stroke-opacity%3D'0.14'%20stroke-width%3D'0.8'%2F%3E%3Cline%20x1%3D'1290'%20y1%3D'480'%20x2%3D'1540'%20y2%3D'410'%20stroke%3D'%237bb6ff'%20stroke-opacity%3D'0.14'%20stroke-width%3D'0.8'%2F%3E%3Cline%20x1%3D'1540'%20y1%3D'410'%20x2%3D'1790'%20y2%3D'500'%20stroke%3D'%237bb6ff'%20stroke-opacity%3D'0.14'%20stroke-width%3D'0.8'%2F%3E%3Cline%20x1%3D'1380'%20y1%3D'570'%20x2%3D'1620'%20y2%3D'660'%20stroke%3D'%237bb6ff'%20stroke-opacity%3D'0.14'%20stroke-width%3D'0.8'%2F%3E%3Cline%20x1%3D'1320'%20y1%3D'770'%20x2%3D'1560'%20y2%3D'710'%20stroke%3D'%237bb6ff'%20stroke-opacity%3D'0.14'%20stroke-width%3D'0.8'%2F%3E%3Cline%20x1%3D'1050'%20y1%3D'740'%20x2%3D'1150'%20y2%3D'620'%20stroke%3D'%237bb6ff'%20stroke-opacity%3D'0.14'%20stroke-width%3D'0.8'%2F%3E%3Ccircle%20cx%3D'1080'%20cy%3D'95'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1320'%20cy%3D'45'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1580'%20cy%3D'130'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1820'%20cy%3D'75'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1180'%20cy%3D'280'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1450'%20cy%3D'220'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1680'%20cy%3D'340'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1880'%20cy%3D'250'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1080'%20cy%3D'450'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1290'%20cy%3D'480'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1540'%20cy%3D'410'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1790'%20cy%3D'500'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1150'%20cy%3D'620'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1380'%20cy%3D'570'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1620'%20cy%3D'660'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1870'%20cy%3D'600'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1050'%20cy%3D'740'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1320'%20cy%3D'770'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1560'%20cy%3D'710'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1850'%20cy%3D'780'%20r%3D'34'%20fill%3D'url(%23g1)'%2F%3E%3Ccircle%20cx%3D'1080'%20cy%3D'95'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1320'%20cy%3D'45'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1580'%20cy%3D'130'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1820'%20cy%3D'75'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1180'%20cy%3D'280'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1450'%20cy%3D'220'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1680'%20cy%3D'340'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1880'%20cy%3D'250'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1080'%20cy%3D'450'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1290'%20cy%3D'480'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1540'%20cy%3D'410'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1790'%20cy%3D'500'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1150'%20cy%3D'620'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1380'%20cy%3D'570'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1620'%20cy%3D'660'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1870'%20cy%3D'600'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1050'%20cy%3D'740'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1320'%20cy%3D'770'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1560'%20cy%3D'710'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3Ccircle%20cx%3D'1850'%20cy%3D'780'%20r%3D'2.4'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.95'%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 100% 100%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent 18%, rgba(0,0,0,0.55) 40%, #000 70%);
  mask-image: linear-gradient(to right, transparent 0%, transparent 18%, rgba(0,0,0,0.55) 40%, #000 70%);
  opacity: 0.95; }

/* Swap the transparent placeholder image to the real laptop mockup */


/* TESTIMONIALS eyebrow for SingleHomePageTemplate pages */
body.page-template-SingleHomePageTemplate-php .callidus_slide_sec {
  position: relative !important;
}
body.page-template-SingleHomePageTemplate-php .callidus_slide_sec::before {
  content: "TESTIMONIALS" !important;
  display: block !important;
  color: rgb(159, 125, 223) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1.96px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding-top: 8px !important;
  margin-bottom: 14px !important;
  line-height: 23.8px !important;
}



/* ===== STRONGSUIT-HOME-OVERRIDES MIRRORED TO ALL PAGES ===== */

/* STRONGSUIT_HOME_STYLE_INJECT v13 */
.hero_logo_cs { padding-bottom: 0 !important; display: block !important; text-align: left !important; position: relative !important; }
.hero_logo_cs img.logobanner { max-width: 320px !important; display: inline-block !important; }
.hero_logo_cs::after { content: none !important; display: none !important; background: none !important; }
.header_btns { gap: 14px !important; column-gap: 14px !important; }
.header_btns #openModalBtn { margin-left: 0 !important; }
.header_btns .head_btn_one { margin-right: 0 !important; }
.enterprise_grade_sec .exceptional_box_cs > img, .enterprise_grade_sec .exceptional_wrapper .exceptional_box_cs img { filter: brightness(0) invert(1) !important; }
.enterprise_grade_sec.grade_level_last img.newEnterSection, .grade_white_bg > img.newEnterSection { display: block !important; margin: 28px auto 0 !important; max-width: 192px !important; width: 192px !important; height: auto !important; filter: drop-shadow(0 4px 14px rgba(125,85,199,0.30)) !important; opacity: 1 !important; }
.footer.litigation-bar { padding-top: 60px !important; padding-bottom: 60px !important; }
.enterprise_grade_sec.grade_level_last, .enterprise_grade_sec.grade_level_last.pt-0 { margin-top: 0 !important; padding-top: 20px !important; }
.bubbule_bg .enterprise_grade_sec.enterprise_grade_white:not(.grade_level_last) { padding-top: 80px !important; padding-bottom: 20px !important; }
.bubbule_bg .exceptional_productivity_cs > .container_cs > h2, .bubbule_bg .exceptional_productivity_cs > .container_cs > .heading_cs, .bubbule_bg .enterprise_grade_sec .heading_cs.heading_h2 { padding-top: 30px !important; margin-top: 0 !important; margin-bottom: 36px !important; }
.clientlogo_sec_cs, .client_logo_sec_cs, .clientlogo, [class*='clientlogo'] { padding-top: 60px !important; padding-bottom: 30px !important; }
a.head_btn_one, a.head_btn_two, .header_btns a, .footer_btns a, .hero_btns_inner a, .litigation-bar a { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; text-align: center !important; }
.header_btns a.head_btn_one, .header_btns a.head_btn_two { padding-top: 15px !important; padding-bottom: 15px !important; }
.heroBanner a.head_btn_one, .heroBanner a.head_btn_two, .heroBanner .head_btn_one, .heroBanner .head_btn_two { padding-top: 18px !important; padding-bottom: 18px !important; }
#cs-play-video { display: none !important; visibility: hidden !important; }
.footer_sec_cs, footer.footer_sec_cs, .footer_sec_cs .container_cs { text-align: center !important; }
.footer_sec_cs > .container_cs, footer .container_cs { margin-left: auto !important; margin-right: auto !important; float: none !important; }
.footer_sec_cs { display: block !important; width: 100% !important; }
/* v13a: Body font (Inter) */
body, p, li, td, th, input, textarea, select, button, .container_cs, .callidus_slide_sec, .callidus_models_sec, .feature_sec_sec, .bubbule_bg, .enterprise_grade_sec, .clientlogo, .platform_offer_sec { font-family: 'Inter', 'Söhne', system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important; }
body { font-feature-settings: 'ss01', 'cv11' !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; }
p, li, .subtext, .heroBanner p, .callidus_slide_sec p, .feature_sec_sec p, .bubbule_bg p, .platform_offer_sec p { line-height: 1.5 !important; font-weight: 400 !important; letter-spacing: -0.003em !important; }
h1, h2, h3, .heading_cs, .heading_h2, .inner_h2, .heroBanner h1, .heroBanner h2, .heading_cs.heading_h2 { font-family: 'Publico Banner', 'Rhymes Display', Georgia, 'Times New Roman', serif !important; }
/* v13b: Lighter, tighter headlines */
.heroBanner h1, .heroBanner h2, .heroBanner .heading_cs.heading_h1 { font-weight: 300 !important; letter-spacing: -0.018em !important; line-height: 1.04 !important; }
h2.heading_cs, .heading_cs.heading_h2, h2.inner_h2, .inner_h2 { font-weight: 300 !important; letter-spacing: -0.014em !important; line-height: 1.08 !important; }
h3, .heading_h3 { font-weight: 400 !important; letter-spacing: -0.008em !important; }
/* v13c: Warm body bg */
html, html body, body.home, body.page, body.home.page, body[class], main#main-content, .site, .site-content { background-color: #111110 !important; background-image: none !important; }
.bubbule_bg, .feature_sec_sec, .platform_offer_sec, .callidus_slide_sec, .callidus_models_sec, .heroBanner { background-color: transparent !important; }
.footer.litigation-bar { background-color: #1B1B1A !important; }

/* v14: TESTIMONIALS navy bg + 20% less space + hide CUSTOMERS eyebrow */
body .callidus_slide_sec { background-color: #101820 !important; padding-top: 96px !important; }
.callidus_slide_sec .callidus_slide_wpapper { background-color: transparent !important; }
.clientlogo.global-cs h2.heading_cs::before, .clientlogo h2.heading_cs.heading_h2::before { content: none !important; display: none !important; }

/* STRONGSUIT_HOME_STYLE_INJECT v19: ghost hide + SOC2 reorder + investors + capabilities bg + difference headline (replaces v18) */

/* === Section visibility: selective hide + show === */
/* Hide the standalone ghost "Exceptional Productivity" section (3 empty icon cards) */
.exceptional_productivity_cs.hide-with-js-onload:not(.enterprise_grade_sec),
.enterprise_grade_sec.exceptional_productivity_cs.enterprise_grade_white.hide-with-js-onload,
.article_featuring_sec.hide-with-js-onload,
.better_outcomes_sec.hide-with-js-onload { display: none !important; }

/* Show legit sections that were being hidden by the theme's js-onload */
.feature_sec_sec.hide-with-js-onload,
.platform_offer_sec.hide-with-js-onload,
.callidus_models_sec.hide-with-js-onload:not(.logos-slider-sec),
.callidus_models_sec.hide-with-js-onload.logos-slider-sec { display: block !important; }

/* === Section backgrounds === */
.exceptional_productivity_cs,
.enterprise_grade_sec,
.feature_sec_sec,
.platform_offer_sec,
.home-faqs,
.callidus_models_sec,
.clientlogo { background-color: transparent !important; }
.callidus_slide_sec { background-color: #101820 !important; padding-top: 96px !important; }
.callidus_slide_sec .callidus_slide_wpapper { background-color: transparent !important; }

/* === Capabilities cards — refined midnight+subtle purple gradient === */
.feature_sec_sec { padding-top: 96px !important; }
.feature_sec_sec .feature_wrapper_cs .feature_left_right,
.feature_sec_sec .feature_wrapper_cs .feature_left_right:nth-child(2n) {
  background: linear-gradient(135deg, #0F1624 0%, #1A1330 55%, #0F1624 100%) !important;
  border: 1px solid rgba(159, 125, 223, 0.14) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important;
  border-radius: 20px !important;
}

/* === 2x3 grid: The StrongSuit Difference === */
.enterprise_grade_sec.pt-0 .exceptional_wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}
@media (max-width: 900px) {
  .enterprise_grade_sec.pt-0 .exceptional_wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .enterprise_grade_sec.pt-0 .exceptional_wrapper {
    grid-template-columns: 1fr !important;
  }
}
.enterprise_grade_sec.pt-0 .exceptional_box_cs { width: auto !important; margin: 0 !important; }

/* === SOC 2 badge: visually above TRY IT FREE via flex order === */
.enterprise_grade_sec.pt-0 .grade_white_bg {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.enterprise_grade_sec.pt-0 .grade_white_bg .heading_cs.heading_h2 { order: 1 !important; }
.enterprise_grade_sec.pt-0 .grade_white_bg .exceptional_wrapper { order: 2 !important; width: 100% !important; }
.enterprise_grade_sec.pt-0 .grade_white_bg .newEnterSection { order: 3 !important; margin: 32px auto 16px !important; max-width: 220px !important; }
.enterprise_grade_sec.pt-0 .grade_white_bg .exceptional_btn_demo { order: 4 !important; }

/* === Frosted-glass cards === */
.exceptional_productivity_cs .exceptional_box_cs,
.enterprise_grade_sec .exceptional_box_cs {
  background-color: rgba(255, 255, 255, 0.035) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.015) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.20) !important;
}
.enterprise_grade_sec .exceptional_box_cs h3,
.enterprise_grade_sec .exceptional_box_cs h3.heading_h5,
.exceptional_productivity_cs .exceptional_box_cs h3,
.exceptional_productivity_cs .exceptional_box_cs h3.heading_h5 { color: #ffffff !important; }
.enterprise_grade_sec .exceptional_box_cs p,
.exceptional_productivity_cs .exceptional_box_cs p { color: rgba(255,255,255,0.80) !important; }
.enterprise_grade_sec .exceptional_box_cs img,
.exceptional_productivity_cs .exceptional_box_cs img { filter: brightness(0) invert(1) !important; max-width: 40px !important; margin-bottom: 14px !important; }

/* === Investors section styling === */
.callidus_models_sec.logos-slider-sec {
  padding: 72px 0 64px !important;
  background-color: transparent !important;
}
.callidus_models_sec.logos-slider-sec .heading_cs.heading_h2 {
  color: #ffffff !important;
  text-align: center !important;
  font-size: 36px !important;
  margin-bottom: 40px !important;
}
.callidus_models_sec.logos-slider-sec img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.75 !important;
  max-height: 48px !important;
  object-fit: contain !important;
}

/* === Testimonial 28px quote === */
html body .callidus_slide_sec h3,
html body .callidus_slide_sec .quote,
html body .callidus_slide_sec blockquote,
html body .callidus_slide_sec .callidus_slide_box h3,
html body .callidus_slide_sec .callidus_slide_box .quote,
html body .callidus_slide_sec .callidus_slide_box blockquote,
html body .callidus_slide_sec .testimonial_text { font-size: clamp(15px, 1.15vw, 21px) !important; line-height: 1.4 !important; font-weight: 400 !important; }

/* === Purple eyebrows (14px / 600 / #9F7DDF / uppercase) === */
.feature_sec_sec .heading_cs.heading_h2::before,
.enterprise_grade_sec .heading_cs.heading_h2::before,
.platform_offer_sec .heading_cs.heading_h2::before,
.callidus_models_sec:not(.logos-slider-sec):not(.home-faqs) .heading_cs.heading_h2::before,
.callidus_models_sec.logos-slider-sec .heading_cs.heading_h2::before,
.home-faqs .heading_cs.heading_h2::before {
  display: block !important;
  color: #9F7DDF !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
  content: "" ;
}
.feature_sec_sec .heading_cs.heading_h2::before { content: "CAPABILITIES" !important; }
.enterprise_grade_sec .heading_cs.heading_h2::before { content: "THE STRONGSUIT DIFFERENCE" !important; }
.platform_offer_sec .heading_cs.heading_h2::before { content: "PROVEN IMPACT" !important; }
.callidus_models_sec:not(.logos-slider-sec):not(.home-faqs) .heading_cs.heading_h2::before { content: "SOLUTIONS" !important; }
.callidus_models_sec.logos-slider-sec .heading_cs.heading_h2::before { content: "INVESTORS" !important; }
.home-faqs .heading_cs.heading_h2::before { content: "FAQ" !important; }

/* Testimonial eyebrow via section ::before (no heading_cs H2 in that section) */
.callidus_slide_sec::before {
  content: "TESTIMONIALS" !important;
  display: block !important;
  color: #9F7DDF !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding-top: 8px !important;
  margin-bottom: 14px !important;
}

/* === H2s: white on dark === */
.feature_sec_sec .heading_cs,
.enterprise_grade_sec .heading_cs,
.platform_offer_sec .heading_cs,
.callidus_slide_sec .heading_cs,
.callidus_models_sec .heading_cs,
.home-faqs .heading_cs { color: #ffffff !important; }
.feature_sec_sec p { color: rgba(255, 255, 255, 0.72) !important; }
.home-faqs .accordion-header,
.home-faqs .accordion-button,
.home-faqs .faq-question { color: #ffffff !important; }

/* === PROVEN IMPACT section padding so heading sits well inside the bg === */
.platform_offer_sec { padding: 96px 0 64px !important; }
.platform_offer_sec .container_cs { padding-left: 24px !important; padding-right: 24px !important; }
.platform_offer_sec .heading_cs.heading_h2 { text-align: center !important; padding-top: 16px !important; max-width: 960px !important; margin-left: auto !important; margin-right: auto !important; }

/* === Hero video: overlay iframe onto laptop screen === */
.laptop-container { position: relative !important; display: block !important; width: 100% !important; }
.laptop-container > img.laptop-image,
.laptop-container > .laptop-image { width: 100% !important; height: auto !important; display: block !important; position: relative !important; z-index: 1 !important; }
.laptop-container > .video-container {
  position: absolute !important;
  top: 3.6% !important;
  left: 12.2% !important;
  right: 12.2% !important;
  bottom: 15.9% !important;
  width: auto !important;
  height: auto !important;
  z-index: 2 !important;
  overflow: hidden !important;
  border-radius: 4px !important;
}
.laptop-container > .video-container > #youtube-video,
.laptop-container > .video-container > .video-wrapper,
.laptop-container > .video-container > .video-wrapper > div {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.laptop-container #youtube-video-ifrm,
.laptop-container iframe#youtube-video-ifrm {
  aspect-ratio: unset !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  min-height: 0 !important;
}

/* ===== END MIRRORED ===== */

/* Override ssho transparent .heroBanner — restore dark noir on home + Solutions (New template) */
html body.home section.heroBanner,
html body.page-template-NewHomepageCallidusai-php:not(.home) section.heroBanner,
html body.page-template-SingleHomePageTemplate-php .hero_sec_cs.global-cs {
  background-color: #05080f !important;
  background-image:
    radial-gradient(ellipse 70% 60% at 78% 55%, rgba(0, 94, 184, 0.18) 0%, rgba(0, 94, 184, 0.06) 40%, rgba(0, 0, 0, 0) 70%),
    linear-gradient(180deg, #05080f 0%, #05080f 100%) !important;
}

/* ===== 2026-04-20: remove constellations + sticky header + reorder + logo ticker (v2, animation fix) ===== */


html body.page-template-SingleHomePageTemplate-php .hero_sec_cs.global-cs::before {
  background-image: none !important;
  content: none !important;
  display: none !important;
}

/* (b) Reorder #main-content children via CSS grid + class-based grid-row */
body.home #main-content,
body.page-template-NewHomepageCallidusai-php #main-content {
  display: grid !important;
  grid-template-columns: 1fr !important;
}
body.home #main-content > *,
body.page-template-NewHomepageCallidusai-php #main-content > * {
  min-width: 0 !important;
}
body.home #main-content > section.heroBanner,
body.page-template-NewHomepageCallidusai-php #main-content > section.heroBanner { grid-row: 1 !important; }
body.home #main-content > .clientlogo { grid-row: 2 !important; }
body.home #main-content > .platform_offer_sec,
body.page-template-NewHomepageCallidusai-php #main-content > .platform_offer_sec { grid-row: 3 !important; }
body.home #main-content > .exceptional_productivity_cs,
body.page-template-NewHomepageCallidusai-php #main-content > .exceptional_productivity_cs { grid-row: 4 !important; }
body.home #main-content > .feature_sec_sec,
body.page-template-NewHomepageCallidusai-php #main-content > .feature_sec_sec { grid-row: 5 !important; }
body.home #main-content > .bubbule_bg:not(.hide-with-js-onload),
body.page-template-NewHomepageCallidusai-php #main-content > .bubbule_bg:not(.hide-with-js-onload) { grid-row: 6 !important; }
body.home #main-content > .callidus_models_sec.logos-slider-sec,
body.page-template-NewHomepageCallidusai-php #main-content > .callidus_models_sec.logos-slider-sec { grid-row: 7 !important; }
body.home #main-content > .callidus_slide_sec,
body.page-template-NewHomepageCallidusai-php #main-content > .callidus_slide_sec { grid-row: 10 !important; }
body.home #main-content > .callidus_models_sec:not(.logos-slider-sec):not(.home-faqs),
body.page-template-NewHomepageCallidusai-php #main-content > .callidus_models_sec:not(.logos-slider-sec):not(.home-faqs) { grid-row: 11 !important; }
body.home #main-content > .home-faqs { grid-row: 12 !important; }
body.home #main-content > .bubbule_bg.hide-with-js-onload,
body.page-template-NewHomepageCallidusai-php #main-content > .bubbule_bg.hide-with-js-onload { grid-row: 13 !important; }
body.home #main-content > .better_outcomes_sec,
body.page-template-NewHomepageCallidusai-php #main-content > .better_outcomes_sec { grid-row: 8 !important; }
body.home #main-content > .two-blogs,
body.page-template-NewHomepageCallidusai-php #main-content > .two-blogs { grid-row: 9 !important; }

body.home #main-content > script,
body.page-template-NewHomepageCallidusai-php #main-content > script { grid-row: 99 !important; }

/* (c) Pin the site header transparent + unchanging on scroll */
html body header.header_cs,
html body > header,
html body header:not(#wpadminbar):first-of-type {
  /* position: sticky !important; */
  top: 0 !important;
  z-index: 9999 !important;
  background-color: rgb(5, 8, 15) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: none !important;
  transition: none !important;
}

/* Unify body/html/main base color so transparent regions match the hero */
html, body.home, body.page-template-NewHomepageCallidusai-php, body.page-template-SingleHomePageTemplate-php {
  background-color: rgb(5, 8, 15) !important;
}
body.home main, body.home #main-content,
body.page-template-NewHomepageCallidusai-php main,
body.page-template-NewHomepageCallidusai-php #main-content,
body.page-template-SingleHomePageTemplate-php main,
body.page-template-SingleHomePageTemplate-php #main-content {
  background-color: rgb(5, 8, 15) !important;
}

/* (d) Customer logo ticker — CSS-only marquee (v2: no !important on animated props) */
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer {
  display: block !important;
  position: relative !important;
  height: 88px !important;
  overflow: hidden !important;
  width: 100% !important;
  padding: 0 !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 6%, black 94%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, black 6%, black 94%, transparent 100%) !important;
}
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg {
  position: absolute !important;
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  margin: 0 !important;
  padding: 0 40px !important;
  animation: ss-logo-marquee 35s linear infinite;
}
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg img {
  max-height: 42px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  filter: brightness(0.95) contrast(1.05);
}
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg:nth-child(1) { animation-delay: 0s; }
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg:nth-child(2) { animation-delay: -4.375s; }
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg:nth-child(3) { animation-delay:-8.75s; }
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg:nth-child(4) { animation-delay:  -13.125s; }
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg:nth-child(5) { animation-delay: -17.5s; }
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg:nth-child(6) { animation-delay: -21.875s; }
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg:nth-child(7) { animation-delay: -26.25s; }
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg:nth-child(8) { animation-delay: -30.625s; }

@keyframes ss-logo-marquee {
  from { transform: translate(0, -50%); left: 100%; }
  to   { transform: translate(-100%, -50%); left: 0%; }
}

html { background-color: #111110 !important; }

body:not(.home) section.titleinnnrbannr {
  background: transparent !important;
}
html body.page-template-NewHomepageCallidusai .clientlogo.global-cs:not(#_glassy) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 100%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.8) !important;
    backdrop-filter: blur(24px) saturate(1.8) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.30), inset 0 -1px 0 rgba(0, 0, 0, 0.10), 0 8px 32px rgba(0, 0, 0, 0.18) !important;
}
html body.page-template-NewHomepageCallidusai .clientlogo.global-cs:not(#_flushbot) {
    position: relative !important;
    z-index: 5 !important;
}
/* --- About page --- */
body.page-template-about-new :is(
    .description p,
    .tech-content > h2,
    .tech-content > h3,
    .team-card h3,
    .team-card span
) {
  color: #ffffff !important;
}

/* --- Case article template (Search Cases, Topical Expertise, Help Documents) --- */
article.single-area h3.inner_h6,
article.single-area h4.heading_cs,
article.single-area h4.heading_h5,
article.single-area h3,
article.single-area h4 {
  color: #ffffff !important;
}

/* --- Contact page --- */

body.page-template-ContactPage .headingrowcombo p a {
  color: #4da3ff !important;
}

/* --- FAQ page --- */
body.page-template-faqs-new .main-head h2.inner_h2,
body.page-template-faqs-new .category_info h3.inner_h5,
body.page-template-faqs-new .lit-btn a.head_btn_one {
  color: #ffffff !important;
}

/* --- Referral program page --- */
.tech-content.herodescription h2,
.tech-content.herodescription h3,
.tech-content.herodescription p,
.tech-content.herodescription li {
  color: #ffffff !important;
}

/* --- Blog page --- */
body.page-template-custom-blog .latest-blog-heading,
body.page-template-custom-blog .content-wrapper p,
body.page-template-custom-blog .latest-posts h3,
body.page-template-custom-blog .latest-posts span,
body.page-template-custom-blog .blog-content p,
body.page-template-custom-blog a h3.inner_h4,
body.page-template-custom-blog a h2.inner_h2,
body.page-template-custom-blog a > span {
  color: #ffffff !important;
}

/* force both pricing cards to white so dark-text bullets stay legible */
body.page-id-328 .pricing-card {
    background-color: #1a1d24 !important;
}

/* ====== END INNER-PAGE FIX ====== */

/* ====== INNER-PAGE FIX PATCH v2 ====== */
/* Dark "Our Team" section (transparent bg, sits on html #111110) */
body:not(.home) section.our-team-sec h1,
body:not(.home) section.our-team-sec h2,
body:not(.home) section.our-team-sec h3,
body:not(.home) section.our-team-sec h4,
body:not(.home) section.our-team-sec p,
body:not(.home) section.our-team-sec .team-card h3,body:not(.home) section.our-team-sec .team-card p,
body:not(.home) section.our-team-sec .team-card span {
  color: #ffffff !important;
}

/* Dark CTA bar "cta-sec-dark" (transparent bg, sits on html #111110) */
body:not(.home) section.cta-sec-dark h1,
body:not(.home) section.cta-sec-dark h2,
body:not(.home) section.cta-sec-dark h3,
body:not(.home) section.cta-sec-dark p,
body:not(.home) section.cta-sec-dark li,
body:not(.home) section.cta-sec-dark span {
  color: #ffffff !important;
}

/* Dark testimonial slide section (explicit dark bg) */
body:not(.home) div.callidus_slide_sec h1,
body:not(.home) div.callidus_slide_sec h2,
body:not(.home) div.callidus_slide_sec h3, body:not(.home) div.callidus_slide_sec blockquote,
body:not(.home) div.callidus_slide_sec p,
body:not(.home) div.callidus_slide_sec span,
body:not(.home) div.callidus_slide_sec li {
  color: #ffffff !important;
}

/* Footer CTA outline button (e.g. FAQ "TRY IT FREE") */
section.footer.litigation-bar a.head_btn_one {
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
section.footer.litigation-bar a.head_btn_one:hover {
  background-color: #ffffff !important;
  color: #101820 !important;
}
/* ====== END INNER-PAGE FIX PATCH v2 ====== */


/* ----- Pricing cards: clean white (the SaaS-standard for dark pages) ----- */
body.page-id-328 .pricing-card {
  border: 1px solid #fff !important;
  box-shadow: 0 20px 50px -15px rgba(0,0,0,0.5), 0 8px 20px rgba(0,0,0,0.25) !important;
  padding: 40px 36px !important;
}



body.page-id-328 .pricing-card:nth-of-type(2) {
  border: 1.25px solid rgb(77,163,255) !important;
  box-shadow: 0 0 0 1px rgba(77,163,255,0.2), 0 25px 60px -15px rgba(0,0,0,0.55), 0 10px 25px rgba(0,0,0,0.3) !important;
}


/* === PRICING CTA BOX CENTERING START === */
/* Neutralize the broad top-padding rule's leak onto the CTA box, and flex-center the content. */
body.page-id-328 article.post-328 .entry-content > div > div[style*="linear-gradient"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
/* === PRICING CTA BOX CENTERING END === */
body.page-id-2465 section.ContUs p,
body.page-id-2465 section.ContUs p.labeltitle,
body.page-id-2465 section.ContUs .container p,
body.page-id-2465 section.contact_cs p,
body.page-id-2465 section.contact_cs p.labeltitle,
body.page-id-2465 section.ContUs .labeltitle,
body.page-id-2465 section.contact_cs .labeltitle {
  color: rgb(16, 24, 32) !important;
}
body.page-id-2465 section.ContUs a[href^="mailto:"],
body.page-id-2465 section.contact_cs a[href^="mailto:"] {
  color: rgb(0, 94, 184) !important;
  text-decoration: underline !important;
}
/* === CONTACT US LEGIBILITY END === */


/* === LOGO TICKER: SIERRA + KLINEDINST WHITE-BG -> TRANSPARENT START === */
/* Logos have native white backgrounds. Ticker parent has a transform-animation which
   creates an isolated stacking context, so mix-blend-mode cannot reach the page bg.
   Use an SVG feColorMatrix filter (URL-encoded to satisfy WP CSS validator) that
   re-paints white to transparent and dark content to opaque white. */
body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg img[src*="Klinedinst"],
body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg img[src*="SIERRA"],
body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg img[src*="sierra"],
body.home .clientlogo .clientLogoContainer .logoImg img[src*="Klinedinst"],
body.home .clientlogo .clientLogoContainer .logoImg img[src*="SIERRA"],
body.home .clientlogo .clientLogoContainer .logoImg img[src*="sierra"] {
  filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='w'%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  -1 -1 -1 3 0'/%3E%3C/filter%3E%3C/svg%3E#w") !important;
  mix-blend-mode: normal !important;
  opacity: 0.85 !important;
}

body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer { container-type: inline-size; }
body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg {
  left: 0 !important;
  will-change: transform !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  animation-name: ss-logo-marquee-gpu !important;
  transform: translate3d(100cqw, -50%, 0);
}
@keyframes ss-logo-marquee-gpu {
  0%   { transform: translate3d(100cqw, -50%, 0); }
  100% { transform: translate3d(-100%, -50%, 0); }
}
@supports not (width: 100cqw) {
  body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer .logoImg { transform: translate3d(100vw, -50%, 0); }
  @keyframes ss-logo-marquee-gpu {
    0%   { transform: translate3d(100vw, -50%, 0); }
    100% { transform: translate3d(-100%, -50%, 0); }
  }
}
html body.home section.heroBanner {
  position: relative !important;
  min-height: clamp(560px, 88vh, 720px) !important;
  padding: 0 !important;
  background-color: #05080f !important;
  overflow: hidden !important;
  isolation: isolate;
}
img.hero-banner-image {
    position: absolute !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    object-fit: cover;
}
html body.home section.heroBanner .hero_sec_cs,
html body.home section.heroBanner .hero_sec_cs.global-cs {
  position: relative !important;
  z-index: 20 !important;
  min-height: inherit !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: transparent !important;
}

html body.home section.heroBanner .container_cs {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: clamp(72px, 12vh, 140px) 24px !important;
  position: relative;
}

html body.home section.heroBanner .hero-inner-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  gap: 34px !important;
}

html body.home section.heroBanner .hero-left {
  width: 100% !important;
  max-width: 960px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  text-align: center !important;
  flex: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 30px !important;
}

html body.home section.heroBanner h1.main-h1 {
  color: #ffffff !important;
  font-size: clamp(40px, 5.8vw, 82px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.022em !important;
  margin: 0 !important;
  text-shadow: 0 2px 28px rgba(0,0,0,0.55) !important;
  max-width: 18ch !important;
  font-weight: 400 !important;
}

html body.home section.heroBanner .hero_btns {
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin: 4px 0 0 0 !important;
  padding: 0 !important;
}

html body.home section.heroBanner .hero_btns > a, html body.home section.heroBanner .hero_btns > button,
html body.home section.heroBanner .hero_btns a.head_btn_one,
html body.home section.heroBanner .hero_btns a.head_btn_two {
  padding: 15px 30px !important;
  font-size: 15px !important;
  letter-spacing: 0.06em !important;
  border-radius: 4px !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

html body.home section.heroBanner .hero_btns > a:first-child {
  background-color: #ffffff !important;
  color: #0a0e1a !important;
  border: 1px solid #ffffff !important;
  box-shadow: 0 2px 14px rgba(0,0,0,0.35) !important;
}
html body.home section.heroBanner .hero_btns > a:first-child:hover {
  background-color: #f0efe9 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.5) !important;
}

html body.home section.heroBanner .hero_btns > button {
  background-color: rgba(255,255,255,0.04) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
html body.home section.heroBanner .hero_btns > button:hover {
  background-color: rgba(255,255,255,0.10) !important;
  border-color: #ffffff !important;
  transform: translateY(-1px) !important;
}

html body.home section.heroBanner .hero_logo_cs {
  margin: 6px 0 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  opacity: 0.95 !important;
}

html body.home section.heroBanner .hero_logo_cs img {
  height: 62px !important;
  width: auto !important;
  max-width: 260px !important;
  filter: brightness(1.06) drop-shadow(0 2px 8px rgba(0,0,0,0.4)) !important;
}
button.head_btn_two {
    background-color: transparent;
}
@media (max-width: 768px) {
  html body.home section.heroBanner .container_cs {
    padding: 64px 20px !important;
  }
  html body.home section.heroBanner h1.main-h1 {
    font-size: clamp(32px, 8.2vw, 44px) !important;
    max-width: 16ch !important;
  }
  html body.home section.heroBanner .hero_btns {
    gap: 10px !important;
  }
  html body.home section.heroBanner .hero_btns > a {
    padding: 13px 24px !important;
    font-size: 13.5px !important;
  }
  html body.home section.heroBanner .hero_logo_cs img {
    height: 50px !important;
    max-width: 220px !important;
  }
  html body.home section.heroBanner .hero-inner-wrapper {
    gap: 28px !important;
  }
  html body.home section.heroBanner .hero-left {
    gap: 24px !important;
  }
  html body.home section.heroBanner{
    min-height: unset !important;
  }
   html body.page-template-NewHomepageCallidusai .clientlogo .clientLogoContainer:not(#x), html body.page-template-NewHomepageCallidusai .clientlogo.global-cs .clientLogoContainer:not(#x) {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 18px 24px !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        width: 100% !important;
    }
        html body.page-template-NewHomepageCallidusai .clientlogo.global-cs .clientLogoContainer .logoImg:not(#_grid) {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        flex: 0 0 auto !important;
        width: auto !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
        html body.page-template-NewHomepageCallidusai .clientlogo.global-cs .clientLogoContainer .logoImg img:not(#_grid) {
        max-width: 100px !important;
        max-height: 32px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}


html body .top_bar_cs:not(#_pb1) {
  height: auto !important;
  min-height: 40px !important;
  max-height: none !important;
  padding-block: 12px !important;
  overflow: visible !important;
}
html body .top_bar_cs:not(#_pb1) .top_bar_content,
html body .top_bar_cs:not(#_pb1) .textwidget,
html body .top_bar_cs:not(#_pb1) p {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Bug B - kill horizontal scroll shift */
html { overflow-x: clip !important; scrollbar-gutter: stable !important; }
html body { overflow-x: clip !important; }

/* Slick carousel paint containment */
.slick-list { contain: paint !important; }
.slick-track { will-change: transform !important; backface-visibility: hidden !important; }

/* Header frost backing div - WITH blur, GPU layer pre-created so opacity transitions are clean */
header > .ss-hdr-bg {
  background-color: rgba(10,10,20,0.85) !important;
  backdrop-filter: blur(14px) saturate(1.6) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.6) !important;
  contain: paint !important;
  will-change: opacity, transform !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  opacity: 0.001;
  transition: opacity 0.18s linear !important;
}
.blog-main-cs .feature-img img {max-width: 100% !important;}

html body.sticky-cs header > .ss-hdr-bg { opacity: 1 !important; }

/* Pin header + logo dimensions to defeat the theme's sticky-shrink */
html body header,
html body.sticky-cs header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transform: none !important;
}
html body header img.custom-logo,
html body header .logo img,
html body header a.custom-logo-link img,
html body header img[src*='strongsuit-logo'],
html body.sticky-cs header img.custom-logo,
html body.sticky-cs header .logo img,
html body.sticky-cs header a.custom-logo-link img,
html body.sticky-cs header img[src*='strongsuit-logo'] {
  width: 270px !important;
  height: 58px !important;
  max-width: 270px !important;
  max-height: 58px !important;
  transform: none !important;
}

/* Terms of Service / Privacy / other ContentDefault pages: white text on dark bg */
body.page-template-ContentDefault,
body.page-template-ContentDefault-php {
  background-color: #111110;
}
body.page-template-ContentDefault :is(h1, h2, h3, h4, h5, h6, p, li, strong, em, td, th, label, dd, dt), 
body.page-template-ContentDefault span:not(.try_it_btn_text):not(.try_it_btn_text_inner) {
  color: #f0f0f0 !important;
}
body.page-template-ContentDefault a:not(.btn):not([class*='_btn']) {
  color: #4da3ff !important;
}
body.page-template-ContentDefault a:not(.btn):not([class*='_btn']):hover {
  color: #82c0ff !important;
}
.cross{
	display:none !important;
}
button.hubspotBtn,
.head_btn_two.hubspotBtn,
.head_btn_two .hubspotBtn,
a.hubspotBtn,
.hubspotBtn {
font-family: var(--font1) !important;
  font-weight: 600 !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
}
.head_btn_one, .head_btn_two.hubspotBtn { font-size: 14px !important; letter-spacing: normal !important; }


/* Mobile submenu inline (added programmatically) */
@media (max-width: 1199px) {
	 .cross{
      display:block !important;
      position: absolute;
    right: 10px;
    top: 10px;
}
  html body header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin: 8px 0 0 0 !important;
    padding-left: 16px !important;
    background: transparent !important;
  }
  html body header .right_menu_cs .nav-links .nav-item.has-submenu > a {
    pointer-events: auto;
  }
  html body header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin: 8px 0 0 0 !important;
    padding-left: 16px !important;
    background: transparent !important;
  }
  html body header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu a,
  html body header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu li,
  html body header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu .nav-item a {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html body header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu a:hover {
    color: #82c0ff !important;
  }
  html body header .right_menu_cs {
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 8px 0 24px !important;
		border-radius:0 !important;
  }
  html body header .right_menu_cs .nav-links {
		padding-top:50px !important;
    align-items: flex-start !important;
		gap:0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  html body header .right_menu_cs .nav-links > li,
  html body header .right_menu_cs .nav-links > .nav-item {
    text-align: left !important;
    align-self: stretch !important;
    width: 100% !important;
  }
  html body header .right_menu_cs .nav-links > li > a,
  html body header .right_menu_cs .nav-links > .nav-item > a {
    display: block !important;
    text-align: left !important;
    padding-left: 16px !important;
  }
	body .header_cs .nav-links>.nav-item.has-submenu::after{
		display:none;
	}
  html body header .right_menu_cs {
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-height: none !important;
    height: auto !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html body header .right_menu_cs .nav-links {
    min-height: 100% !important;
    padding-bottom: 80px !important;
  }
  /* Submenu fully hidden when parent not .active (no height leak) */
  html body header .right_menu_cs .nav-links .nav-item.has-submenu:not(.active) > .sub-menu {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    visibility: hidden !important;
  }
  /* Tighten top-level item spacing */
  html body header .right_menu_cs .nav-links > li,
  html body header .right_menu_cs .nav-links > .nav-item {
    padding: 0 !important;
    margin: 0 !important;
  }
  html body header .right_menu_cs .nav-links > li > a,
  html body header .right_menu_cs .nav-links > .nav-item > a {
    padding: 12px 16px !important;
    line-height: 1.3 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  /* Submenu items - tight, no extra padding */
  html body header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu li {
    padding: 0 !important;
    margin: 0 !important;
  }
  html body header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu a {
    padding: 8px 16px 8px 32px !important;
    line-height: 1.3 !important;
    display: block !important;
  }
}

/* pricing-card-btn-font: match Try It Free to Book a Demo (Zalando uppercase) */
.pricing-card a,
.pricing-card .hubspotBtn,
.pricing-card button {
  font-family: "Zalando Sans Expanded", sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

/* header-btn-unify: Try It Free + Book a Demo header buttons match exactly on all pages */
header .head_btn_one,
header .head_btn_two,
header .head_btn_two.hubspotBtn,
header a.head_btn_one,
header button.head_btn_two {
  font-family: "Zalando Sans Expanded", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  padding: 14px 22px !important;
  border-radius: 50px !important;
}

/* litigation-page-text-scoped v2: white text only in dark/transparent-bg sections (audited per-class) */
:is(
body.page-template-litigation-page section.titleinnnrbannr,
body.page-template-litigation-page section.litigation-banner,
body.page-template-litigation-page section.litigation-firms,
body.page-template-litigation-page section.litigation-works,
body.page-template-litigation-page section.litigation-technology.reverse:not(.light-bg),
body.page-template-litigation-page section.litigation-bar
) :is(h1,h2,h3,h4,h5,h6,p,li,span,td,th) {
  color: #f0f0f0 !important;
}
:is(
body.page-template-litigation-page section.titleinnnrbannr,
body.page-template-litigation-page section.litigation-banner,
body.page-template-litigation-page section.litigation-firms,
body.page-template-litigation-page section.litigation-works,
body.page-template-litigation-page section.litigation-technology.reverse:not(.light-bg),
body.page-template-litigation-page section.litigation-bar
) a:not(.btn):not([class*="_btn"]) {
  color: #4da3ff !important;
}

/* dedupe-cta-topical: topical-authority template has 2 free-trial CTAs (body + footer). Hide the body one. */
body.page-template-topical-authority > section.litigation-bar:not(.footer_cs),
body.page-template-topical-authority main > section.litigation-bar:not(.footer_cs),
body.page-template-topical-authority main section.litigation-bar:not(.footer_cs) {
  display: none !important;
}

/* litigation-page-cta-dedupe v1: litigation-page template has 2 free-trial CTAs (body + footer). Hide the body one. */
body.page-template-litigation-page section.litigation-bar:not(.footer_cs) {
  display: none !important;
}

.ss-hdr-bg{
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background-color:rgba(10,10,20,0);
    backdrop-filter:blur(0) saturate(1);
    -webkit-backdrop-filter:blur(0) saturate(1);
    box-shadow:0 0 0 rgba(0,0,0,0);
    transition:
        background-color .28s ease,
        backdrop-filter .28s ease,
        -webkit-backdrop-filter .28s ease,
        box-shadow .28s ease;
}

header.ss-scrolled .ss-hdr-bg{
    background-color:rgba(10,10,20,.72);
    backdrop-filter:blur(14px) saturate(1.6);
    -webkit-backdrop-filter:blur(14px) saturate(1.6);
    box-shadow:
        0 1px 0 rgba(255,255,255,.06),
        0 6px 24px rgba(0,0,0,.28);
}
/* Mobile: remove hero negative-margin overlap so multi-line promo banner doesn't cover hero image */
@media (max-width: 767px) {
  html body section.heroBanner:not(#_zzz),
  html body.home.home section.heroBanner {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
   html body.home.home section.heroBanner{
    margin-top: -170px;
   }

  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg img[src*="Klinedinst"],
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg img[src*="SIERRA"],
  body.page-template-NewHomepageCallidusai-php .clientlogo.global-cs .clientLogoContainer .logoImg img[src*="sierra"],
  body.home .clientlogo .clientLogoContainer .logoImg img[src*="Klinedinst"],
  body.home .clientlogo .clientLogoContainer .logoImg img[src*="SIERRA"],
  body.home .clientlogo .clientLogoContainer .logoImg img[src*="sierra"] {
    filter: invert(1) grayscale(1) !important;
    mix-blend-mode: lighten !important;
  }
  html body.home.home .clientlogo .clientLogoContainer:not(#x),
  html body.home.home .clientlogo.global-cs .clientLogoContainer:not(#x) {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px 24px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }
  html body.home.home .clientlogo .clientLogoContainer .logoImg:not(#x),
  html body.home.home .clientlogo.global-cs .clientLogoContainer .logoImg:not(#x),
  html body.home.home .clientlogo .clientLogoContainer .logoImg:nth-child(n):not(#x),
  html body.home.home .clientlogo.global-cs .clientLogoContainer .logoImg:nth-child(n):not(#x) {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    animation: none !important;
    animation-name: none !important;
    animation-delay: 0s !important;
    will-change: auto !important;
    backface-visibility: visible !important;
    flex: 0 0 auto !important;
  }
}