@font-face {

  font-family: "Publico Banner";

  src: url("fonts/PublicoBannerWeb-Roman.woff2") format("woff2");

  font-weight: normal;

  font-style: normal;

  font-display: swap;

  ascent-override: 90%;

  descent-override: 22%;

  line-gap-override: 0%;

  size-adjust: 100%;

}

:root {

  --color1: #005eb8;

  --color2: #113b75;

  --font1: "Publico Banner", Arial, sans-serif;

  --font2: "Arial";

  --font3: "Zalando Sans Expanded", sans-serif;

  --link-color: #7d55c7;

  --dark-blue: #101820;

  --heading-color: #051630;

  --paragraph-color: #3f3f3f;

  --light-grey: #e6e6e6;

  --error-color: #dc3232;

  --border-color: #e2e2e2;

  --light-color: #f5f5f5;

  /* Color Structure */

  --e-global-color-primary1: #2181ff;

  --e-global-color-primary2: #f9fbff;

  --e-global-color-primary3: #ffffff;

  --e-global-color-Black: #000000;

  --e-global-color-Hover: #00439b;

  --e-global-color-GradiantShades: linear-gradient(180deg,

      #69aaff 0%,

      #0f3566 100%);

  --e-global-color-LightShade: linear-gradient(123.62deg,

      #f5faff 0.37%,

      #fdf1f1 100%);

}

body {

  margin: 0px;

  padding: 0px;

  font-family: var(--font2) !important;

}

h1,

h2 {

  font-family: var(--font1) !important;

}

.PrimaryColor1 {

  color: var(--e-global-color-primary1);

}

.PrimaryColor3 {

  color: var(--e-global-color-primary3);

}

section {

  overflow: hidden !important;

}

@keyframes imagezoom {

  from {

    transform: scale(1);

  }

  to {

    transform: scale(1.6);

  }

}

.headingrowcombo h2 {

  margin-bottom: 0px;

}

.submitcolmain .submtibtn p {

  margin-bottom: 0px;

}

.copyrightdivsec {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 50px;

  padding-top: 50px;

  position: relative !important;

  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;

}

.copyrightdivsec .copyrightart {

  width: 100% !important;

}

body.home,

.page-template-NewHomepageCallidusaiUpdates,

.page-template-NewHomepageCallidusai,

.page-template-SingleHomePageTemplate {

  width: 100%;

  background-size: 100%;

  background-repeat: no-repeat;

  background-color: rgb(16, 24, 32) !important;

}

.top_bar_cs,

.header_cs {

  background: var(--dark-blue);

}

.header_cs {

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}

.home .top_bar_cs,

.page-template-NewHomepageCallidusai .header_cs,

.home .header_cs,

.page-template-NewHomepageCallidusaiUpdates .top_bar_cs,

.page-template-NewHomepageCallidusaiUpdates .header_cs {

  background: transparent;

}

.home .header_cs,

.page-template-NewHomepageCallidusai .header_cs,

.page-template-NewHomepageCallidusaiUpdates .header_cs {

  border-bottom: none;

}

ul,

li,

p {

  font-family: var(--font2) !important;

}

a {

  transition: 0.5s;

  color: var(--color1);

}

.top_bar_cs p {

  margin: 0px;

  color: var(--e-global-color-primary3);

  font-family: var(--font2);

  font-size: 14px;

  line-height: 1.85em;

  font-weight: 400;

  letter-spacing: 0.5px;

}

.top_bar_cs {

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

  text-align: center;

  padding: 15px 0px;

}

.top_bar_cs p a {

  color: var(--e-global-color-primary3);

}

.top_bar_cs p a:hover {

  color: var(--color1);

}

.header_cs {

  padding: 45px 0px;

}

.container_cs {

  max-width: 1720px;

  margin: 0px auto;

  padding: 0px 15px;

}

.nav-links {

  display: flex;

  list-style: none;

  margin: 0px;

  padding: 0px;

}

.right_menu_cs .nav-links li:first-of-type {

  margin-left: 0px;

}

.right_menu_cs .nav-links li {

  margin-left: 28px;

}

.right_menu_cs .nav-links a {

  color: var(--e-global-color-primary3);

  text-decoration: none;

  font-size: 14px;

  font-weight: 700;

  font-family: var(--font2);

  text-transform: uppercase;

  line-height: 1.45em;

  letter-spacing: 0.5px;

}

.menu-toggle {

  display: none;

  flex-direction: column;

  cursor: pointer;

}

.menu-toggle div {

  width: 25px;

  height: 3px;

  background-color: var(--e-global-color-primary3);

  margin: 4px 0px;

}

.header_wrapper {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

}

/* .header_wrapper .logo, .header_wrapper .header_btns {

    width: 25%;

} */

.right_menu_cs {

  display: flex;

  align-items: center;

  gap: 50px;

  width: calc(50% - 20px);

  justify-content: center;

}

.header_wrapper .header_btns {

  display: flex;

  justify-content: end;

}

.head_btn_one,

.blogfree_trial .btndualcombo a.ButtonLarge.SolidBase {

  background: var(--e-global-color-primary3);

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 1.6;

  text-decoration: none;

  padding: 12px 24px;

  border-radius: 50px;

  border: 2px solid var(--e-global-color-primary3);

  display: inline-block;

  text-transform: uppercase;

  font-family: var(--font1);

  color: var(--e-global-color-Black) !important;

}

.head_btn_two {

  background: transparent;

  font-family: var(--font3);

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 1.6;

  text-decoration: none;

  padding: 12px 24px;

  border-radius: 50px;

  border: 2px solid var(--e-global-color-primary3);

  margin-left: 10px;

  display: inline-block;

  text-transform: uppercase;

  cursor: pointer;

  color: var(--e-global-color-primary3) !important;

}

.head_btn_one:hover,

.blogfree_trial .btndualcombo a.ButtonLarge.SolidBase:hover {

  background: var(--color1);

  border-color: var(--color1);

  color: var(--e-global-color-primary3) !important;

}

.head_btn_two:hover {

  background: var(--color1);

  color: var(--e-global-color-primary3) !important;

  border-color: var(--color1) !important;

}

.right_menu_cs .nav-links a:hover {

  color: var(--color1);

}

.hero_sec_cs {

  padding: 120px 0px;

  text-align: center;

  position: relative;

}

/* .hero_sec_cs::before { content: ""; background: url("/wp-content/uploads/2025/11/background-overlay-scaled-1.webp") center center / cover no-repeat; position: absolute; inset: 0px; width: 100%; height: 1500px; z-index: -1; } */

img.bgBanner {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  max-width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: -1;

}

.hero_sec_cs h1 {

  color: var(--e-global-color-primary3);

  font-size: 114px;

  line-height: 140px;

  max-width: 1200px;

  font-weight: 400;

  margin: 0px auto !important;

}

body:has(.header_cs) h1,

body:has(.header_cs) h2,

body:has(.header_cs) h3,

body:has(.header_cs) h4,

body:has(.header_cs) h5,

body:has(.header_cs) h6 {

  font-family: var(--font1);

  margin: 0px;

}

.hero_btns {

  padding: 70px 0px 0px;

  display: flex;

  justify-content: center;

  gap: 23px;

}

.hero_btns a {

  margin: 0px;

}

.hero-inner-wrapper {

  display: flex;

  gap: 50px;

  justify-content: space-between;

}

.hero-inner-wrapper .hero-left {

  display: flex;

  flex-direction: column;

  align-items: start;

  justify-content: center;

  text-align: start;

  width: calc(45% - 50px);

  flex: 0 0 auto;

}

.hero-inner-wrapper .hero-right {

  width: 100%;

}

.hero_btns .head_btn_two {

  color: var(--e-global-color-primary3);

  display: flex;

  align-items: center;

  gap: 10px;

}

.hero-inner-wrapper .hero-left .main-h1 {

  margin: 0px auto !important;

}

.hero_img_cs img {

  width: 100%;

  max-width: 100%;

}

.feature_left_right {

  display: flex;

  gap: 16px;

  align-items: center;

  background: linear-gradient(90deg, rgb(6, 43, 70) 0%, rgb(4, 13, 30) 100%);

  border-radius: 15px;

  padding: 100px;

}

.feature_wrapper_cs {

  max-width: 1440px;

  margin: 0px auto;

}

.page-template-NewHomepageCallidusai .feature_left_right .feature_img_cs img {
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: unset !important;
  height: auto !important;
  object-fit: cover;
}

.page-template-NewHomepageCallidusai .feature_left_right .feature_content_cs {
  width: 30%;
  flex: 0 0 auto;
}

.page-template-NewHomepageCallidusai .feature_left_right .feature_img_cs {
  width: calc(70% - 16px);
  flex: 0 0 auto;
}

.page-template-NewHomepageCallidusai .feature_left_right .feature_img_cs iframe {
  max-height: 100% !important;
  height: 100% !important;
  aspect-ratio: 16 / 9;
}

.feature_left_right>div {

  width: 50%;

}

.feature_img_cs img {

  width: 100%;

  min-height: 400px;

  border-radius: 10px;

  object-fit: cover;

}

h3.heading_cs {

  font-size: 40px;

  line-height: 40px;

  color: var(--e-global-color-primary3);

  font-weight: 400;

}

.feature_content_cs ul,

.feature_content_cs ol {

  padding-left: 20px;

  margin: 16px 0px 37px;

}

.feature_content_cs ul li,

.feature_content_cs ol li {

  font-size: 16px;

  line-height: 32px;

  color: var(--e-global-color-primary3);

  letter-spacing: 0.5px;

}

.feature_content_cs>a {

  color: var(--e-global-color-primary3);

  text-decoration: none;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.6;

  font-family: var(--font3);

  letter-spacing: 0.25px;

}

.feature_content_cs>a:hover {

  text-decoration: underline;

}

.feature_wrapper_cs .feature_left_right:not(:last-child) {

  margin-bottom: 30px;

}

.feature_wrapper_cs .feature_left_right:nth-child(2n) {

  flex-direction: row-reverse;

  background: linear-gradient(90deg,

      rgb(4, 13, 30) 0%,

      rgb(6, 43, 70) 100%) !important;

}

.feature_content_cs {

  padding-right: 30px;

}

.feature_wrapper_cs .feature_left_right:nth-child(2n) .feature_content_cs {

  padding-right: 0px;

  padding-left: 30px;

}

.exceptional_productivity_cs {

  padding: 0px 0px 140px;

  text-align: center;

}

.exceptional_wrapper {

  display: flex;

  gap: 30px;

}

h2.heading_cs {

  color: var(--e-global-color-primary3);

  font-size: 56px;

  font-weight: 400;

  line-height: 72px;

  max-width: 1440px;

  margin-inline: auto !important;

}

.exceptional_wrapper .exceptional_box_cs {

  width: 33%;

}

.exceptional_wrapper .exceptional_box_cs img {

  margin-bottom: 27px;

  max-height: 74px;

  aspect-ratio: 1 / 1;

  max-width: 74px;

  object-fit: contain;

}

.exceptional_wrapper .exceptional_box_cs h4 {

  font-family: var(--font2);

  color: var(--e-global-color-primary3);

  font-size: 24px;

  font-weight: 700;

  line-height: 40px;

}

.exceptional_wrapper .exceptional_box_cs p,

.home-faqs h3.heading_h6 {

  font-size: 16px;

  font-weight: 400;

  line-height: 1.5em;

  margin: 10px 0px 0px;

  letter-spacing: 0.5px;

}

body p {

  font-size: 16px;

  font-weight: 400;

  line-height: 1.5em;

  margin: 10px 0px 0px;

  letter-spacing: 0.5px;

}

.home-faqs h3.heading_h6 {

  margin: 0px;

  font-family: var(--font2);

  letter-spacing: 0.5px;

  color: var(--dark-blue) !important;

  font-weight: 700 !important;

}

.exceptional_box_cs a {

  color: inherit !important;

  font-weight: 600;

}

.exceptional_productivity_cs h2.heading_cs {

  margin-bottom: 40px !important;

}

.better_outcomes_wrapper {

  display: flex;

  align-items: center;

  gap: 50px;

}

.better_outcomes_content {

  width: 40%;

}

.better_outcomes_img {

  width: 60%;

}

.better_outcomes_img img {

  width: 100%;

}

.better_outcomes_sec h2.heading_cs {

  margin-bottom: 40px;

}

.better_outcomes_box {

  display: flex;

  gap: 30px;

  margin-bottom: 50px;

}

h5.heading_cs {

  font-size: 24px;

  font-weight: 400;

  line-height: 40px;

}

.better_outcomes_box h5.heading_cs,

.better_outcomes_box h3.heading_cs {

  color: var(--e-global-color-primary3);

}

p.paragraph_cs {

  margin: 0px;

  font-size: 16px;

  font-weight: 400;

  line-height: 1.6;

  letter-spacing: 0.5px;

}

body .global-cs .better_outcomes_wrapper h4.heading_h5 {

  font-size: 24px;

}

.better_outcomes_box p.paragraph_cs {

  color: var(--e-global-color-primary3);

  max-width: 480px;

}

.funding_logo_sec {

  padding-top: 100px;

  display: flex;

  gap: 30px;

  align-items: center;

}

.platform_offer_sec {

  padding: 0px 0px 140px;

  position: relative;

}

.platform_offer_sec::before {

  content: "";

  background: linear-gradient(180deg,

      rgb(16 24 32) 5%,

      #12213f,

      rgba(255, 255, 255, 0) 100%);

  height: 900px;

  width: 100%;

  position: absolute;

  top: -530px;

  z-index: -1;

}

.platform_offer_sec::after {

  content: "";

  background: linear-gradient(90deg,

      rgb(57, 33, 99) 0%,

      rgb(33, 23, 67) 49.04%,

      rgb(4, 12, 28) 100%) 0% 0% / cover;

  position: absolute;

  height: 1650px;

  width: 100%;

  inset: -470px 0 0;

  z-index: -2;

}

.platform_offer_sec h2.heading_cs {

  color: var(--e-global-color-primary3);

  text-align: center;

  margin-bottom: 50px;

}

.platform_wrapper_cs {

  display: flex;

  flex-wrap: wrap;

  gap: 80px;

  text-align: center;

}

.platform_wrapper_cs .platform_boxes_sec {

  width: calc(33% - 50px);

}

body .platform_boxes_sec h3 {

  font-family: var(--font2);

  font-size: 56px;

  font-style: normal;

  font-weight: 400;

  line-height: 56px;

  margin-bottom: 18px;

  color: var(--e-global-color-primary3) !important;

}

.platform_boxes_sec h5.heading_cs,

body .global-cs h4.heading_h5 {

  font-size: 32px;

  line-height: 35px;

  color: var(--color2);

}

.platform_boxes_sec p.heading_cs {

  font-size: 24px;

  font-weight: 400;

  line-height: 32px;

  color: var(--e-global-color-primary3);

  max-width: 350px;

  margin: 20px auto 0px;

}

.platform_btn_cs {

  margin-top: 42px;

  text-align: center;

}

.callidus_slide_box {

  text-align: center;

  padding: 100px 120px;

}

.callidus_slide_box img {

  width: 100px;

  margin: auto;

}

.callidus_slide_sec .callidus_slide_box h3 {

  font-family: var(--font2);

  font-size: 40px;

  font-weight: 400;

  line-height: 48px;

  color: var(--e-global-color-Black);

  margin: 26px 0px 48px !important;

}

.callidus_slide_box h4 {

  color: var(--e-global-color-primary3);

  font-size: 32px;

  font-weight: 400;

  line-height: 32px;

  margin-bottom: 12px !important;

}

.callidus_slide_box p {

  margin: 0px;

  font-size: 24px;

  font-weight: 400;

  line-height: 24px;

  color: var(--e-global-color-Black);

}

.callidus_slide_wpapper {

  border-radius: 6px;

  background: var(--dark-blue);

  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 26px 0px;

  margin-bottom: 0px !important;

}

.callidus_slide_sec ul.slick-dots {

  bottom: 30px;

}

.callidus_slide_sec .slick-dots li button::before {

  opacity: 1;

  font-size: 20px;

}

.callidus_slide_sec .slick-dots li.slick-active button::before {

  color: var(--color1);

}

.callidus_models_sec {

  padding: 140px 0px;

}

.callidus_models_sec h2.heading_cs {

  color: var(--e-global-color-primary3);

  text-align: center;

  max-width: 1315px;

  margin: auto;

}

.model_wrapper_cs {

  margin-top: 80px;

  display: grid;

  gap: 30px;

  grid-template-columns: 31.9% 31.9% 31.9%;

}

.model_wrapper_cs .model_boxes_cs {

  text-align: center;

  border-radius: 6px;

  background: transparent;

  padding: 20px 50px;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  display: flex !important;

}

.model_btn_cs {

  text-align: center;

  margin-top: 80px;

}

.feature_img_cs:has(iframe) {

  aspect-ratio: 16 / 9;

}

.model_wrapper_cs .model_boxes_cs img {

  margin-bottom: 37px;

}

.model_wrapper_cs .model_boxes_cs h5,

body .model_boxes_cs h3.heading_h5 {

  font-size: 32px;

  font-weight: 400;

  line-height: 40px;

  color: var(--color2);

  margin-bottom: 11px;

}

body .global-cs h3.heading_h5 {

  margin-bottom: 11px;

}

.legal_efficiency_wrapper {

  display: flex;

  gap: 30px;

  align-items: center;

}

.legal_efficiency_img {

  width: 55%;

}

.legal_efficiency_content {

  width: 45%;

  text-align: center;

}

.legal_efficiency_img img {

  width: 112%;

}

.legal_efficiency_sec {

  padding: 100px 0px 130px;

  display: none;

}

.legal_logo {

  padding-top: 20px;

  position: relative;

  top: 20px;

  z-index: 1;

}

.legal_icon_box h5.heading_cs {

  font-size: 32px;

  line-height: 32px;

  color: var(--color2);

}

.legal_icon_box img {

  padding-bottom: 30px;

}

.legal_icon_box {

  padding-top: 60px;

  position: relative;

}

.legal_icon_box p.paragraph_cs {

  margin: 10px auto 20px;

  color: var(--e-global-color-Black);

  max-width: 460px;

}

.legal_icon_box::after {

  content: "";

  position: absolute;

  background: white;

  width: 100%;

  height: 84%;

  left: 0px;

  bottom: -54px;

  z-index: -1;

  border-radius: 25px;

}

.legal_efficiency_content .legal_icon_box:last-child {

  margin-top: 40px;

}

.legal_efficiency_sec h2.heading_cs {

  text-align: center;

}

.legal_icon_box a {

  font-size: 16px;

  font-style: normal;

  font-weight: 800;

  line-height: 15px;

  color: var(--color1);

  text-decoration: none;

}

.legal_icon_box a:hover {

  text-decoration: underline;

}

.legal_icon_box::before {

  content: "";

  position: absolute;

  width: 3px;

  height: 60px;

  background: var(--color1);

  left: 0px;

  right: 0px;

  margin: auto;

  top: 14px;

  z-index: -1;

}

.legal_icon_box:nth-child(4) {

  margin-top: 40px;

}

.enterprise_grade_sec {

  padding-top: 40px;

}

.enterprise_grade_sec .exceptional_wrapper {

  column-gap: 90px;

}

.footer_wrapper {

  display: flex;

  gap: 30px;

  justify-content: space-between;

}

.footer_wrapper #menu-quick-links {

  column-count: 1;

  column-gap: 30px;

}

/* .footer_wrapper .left_logo_footer,

.footer_wrapper .navigation_cs:nth-of-type(4) {

  width: 25%;

} */

/* .footer_wrapper .navigation_cs:nth-of-type(3) {

  width: calc(50% - 30px);

} */

.footer_sec_cs {

  padding: 67px 0px;

  background-image: url("/wp-content/uploads/2024/07/footer-bg-1.webp");

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  background-position: center bottom;

}

.home .footer_sec_cs,

.page-template-NewHomepageCallidusaiUpdates .footer_sec_cs,

.page-template-NewHomepageCallidusai .footer_sec_cs {

  padding-top: 380px;

  margin-top: -285px;

}

/* .left_logo_footer {

  width: 50%;

} */

/* .navigation_cs {

  width: 20%;

}

.navigation_cs:last-child {

  width: 25%;

} */

.left_logo_footer img {

  width: 100%;

  max-width: 445px;

}

.navigation_cs h5 {

  color: var(--e-global-color-primary3);

  font-size: 34px;

  font-weight: 400;

  line-height: 32px;

}

.navigation_cs ul {

  padding-left: 0px;

  list-style: none;

  margin-top: 20px;

  margin-bottom: 0px;

}

ul.footer_links li a {

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 40px;

  color: var(--e-global-color-primary3);

  text-decoration: none;

}

ul.footer_links li a:hover {

  color: var(--color1);

}

ul.get_started_links li a {

  font-size: 24px;

  font-weight: 800;

  line-height: 40px;

  text-decoration: none;

  color: var(--e-global-color-primary3);

}

ul.get_started_links li a:hover {

  text-decoration: underline;

}

ul.get_started_links li:first-child a {

  color: var(--e-global-color-primary3);

}

.feature_sec_sec,

.better_outcomes_sec,

.legal_efficiency_sec {

  overflow: hidden;

}

.main-div-flex {

  width: 100%;

}

.feature_img_cs {

  border-radius: 8px;

  overflow: hidden;

}

.exceptional_btn_demo {

  margin-top: 44px;

}

.enterprise_grade_sec.exceptional_productivity_cs {

  padding-top: 120px;

}

.grade_white_bg {

  padding: 120px 100px;

  background-color: var(--e-global-color-Black);

  border-radius: 15px;

}

.grade_white_bg h2.heading_cs,

.enterprise_grade_sec .grade_white_bg .exceptional_wrapper .exceptional_box_cs h4 {

  color: rgb(17, 59, 117);

}

.enterprise_grade_sec.exceptional_productivity_cs.grade_level_last h2.heading_cs,

.enterprise_grade_sec.exceptional_productivity_cs.grade_level_last h4,

.enterprise_grade_sec.exceptional_productivity_cs.grade_level_last p {

  color: var(--e-global-color-primary3) !important;

}

.grade_white_bg .exceptional_wrapper .exceptional_box_cs p {

  color: var(--e-global-color-Black);

}

.enterprise_grade_sec.exceptional_productivity_cs.grade_level_last {

  padding-top: 0px;

  padding-bottom: 0px;

  position: relative;

  z-index: 1;

}

.article_featuring_sec {

  text-align: center;

  padding-bottom: 100px;

}

.page-template-NewHomepageCallidusai .article_featuring_sec {

  padding-bottom: 50px;

}

.feature_sec_sec {

  padding-bottom: 120px;

}

.article_wrapper {

  display: flex;

  justify-content: center;

  gap: 50px;

  max-width: 1460px;

  margin: auto;

  align-items: center;

}

.better_outcomes_content .better_left_icon {

  max-width: 68px;

}

.article_box_cs {

  width: 33%;

}

.article_box_cs img {

  width: 100%;

}

.enterprise_grade_white .exceptional_btn_demo {

  display: flex;

  justify-content: center;

  gap: 15px;

}

.enterprise_grade_white .exceptional_btn_demo a.head_btn_two {

  margin: 0px;

}

.demo_modal {

  display: none;

  position: fixed;

  z-index: 9;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0, 0, 0, 0.4);

  animation-name: fadeIn;

  animation-duration: 0.5s;

  align-items: center;

}

.demo_modal .modal-content {

  max-width: 60%;

  padding: 30px 50px;

  border-radius: 10px;

  margin: 30px auto;

  animation-duration: 0.5s;

  background: var(--e-global-color-primary3);

  width: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.demo_modal .close {

  color: var(--e-global-color-Black);

  float: right;

  font-size: 37px;

  position: absolute;

  right: 25px;

  top: 10px;

  cursor: pointer;

  transition: 0.5s;

}

.demo_modal .close:hover {

  color: var(--color1);

}

/* Animations */

@keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes fadeOut {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}

@keyframes slideIn {

  from {

    transform: translateY(-100px);

  }

  to {

    transform: translateY(0);

  }

}

@keyframes slideOut {

  from {

    transform: translateY(0);

  }

  to {

    transform: translateY(-100px);

  }

}

.demo_modal .mainheadinsec h2 {

  font-family: var(--font1);

  font-size: 40px;

  line-height: 40px;

  color: var(--color2);

  font-weight: 400;

  text-align: center;

}

.demo_modal .mainheadinsec {

  width: 100%;

  margin-bottom: 30px;

}

.demo_modal .mainheadinsec p {

  text-align: center;

  font-size: 16px;

  line-height: 25px;

  max-width: 600px;

  margin: 15px auto 0px;

}

.demo_modal .mainform {

  display: flex;

  flex-wrap: wrap;

  padding: 0px;

  width: 100%;

  gap: 2%;

  justify-content: flex-start;

}

.new-contact-formm {

  justify-content: space-between !important;

}

.demo_modal .mainheadinsec p a {

  color: rgb(40, 48, 61);

}

.demo_modal .threecolsec {

  width: 32%;

}

.demo_modal .mainform input,

.demo_modal .mainform textarea {

  width: -webkit-fill-available;

  border: 1px solid var(--border-color);

  padding: 7px;

  line-height: 1.7;

  font-size: 16px;

  margin: 0px 2px;

  font-family: var(--font2);

  outline: none;

  border-radius: 3px !important;

}

.demo_modal .mainform p.labeltitle {

  line-height: 19px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0px;

  font-family: var(--font2);

  margin-bottom: 10px;

  font-size: 14px !important;

}

.demo_modal .mainheadinsec {

  margin: 0px 0px 30px;

}

.demo_modal .TxtBox select {

  border: 1px solid var(--border-color);

  padding: 7px;

  height: 43px;

  width: 100% !important;

  border-radius: 3px !important;

}

.demo_modal .twocolsec {

  width: 49%;

}

.demo_modal .innercolsingle span {

  display: block;

}

.demo_modal .innercolsingle.singlecolsec {

  width: 100%;

}

.demo_modal .mainform textarea {

  height: 100px;

}

.demo_modal .submtibtn {

  position: relative;

}

.demo_modal .submtibtn span.wpcf7-spinner {

  position: absolute;

  top: 0px;

  bottom: 0px;

  margin: auto;

}

.demo_modal .submtibtn input {

  font-style: normal;

  font-weight: 800;

  text-decoration: none;

  display: inline-block;

  text-transform: uppercase;

  cursor: pointer;

  transition: 0.5s;

  background: var(--color1) !important;

  color: var(--e-global-color-primary3) !important;

  font-size: 16px !important;

  line-height: 24px !important;

  padding: 15px 32px !important;

  border-radius: 50px !important;

  border: 2px solid var(--color1) !important;

}

.demo_modal .submtibtn input:hover {

  background: transparent;

  color: var(--color1) !important;

}

.innercolsingle {

  margin-bottom: 20px;

}

.demo_modal .submtibtn input:hover {

  background: var(--e-global-color-primary3) !important;

}

div.hero_modal_video {

  position: absolute;

  top: 0px;

}

div.hero_modal_video iframe.cs-video-frame {

  border: none;

  width: 100% !important;

  height: 100% !important;

  max-height: 499px !important;

}

div.hero_modal_video span.cs_close {

  position: absolute;

  right: -25px;

  top: -25px;

  font-weight: 500;

  line-height: 0px;

  border-radius: 500px;

  width: 50px;

  height: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: var(--dark-blue) !important;

  padding: 20px 20px 16px !important;

  color: var(--e-global-color-primary3) !important;

}

.hero_modal_video .cs_modal_content {

  background: rgba(0, 0, 0, 0.42);

}

.callidus_slide_sec .slick-dots li button {

  background: transparent !important;

}

.wpcf7 form .wpcf7-response-output {

  text-align: center;

}

.funding_logo_sec a:last-child img {

  max-width: 210px;

}

.bubbule_bg:has(.legal_efficiency_sec) {

  background-image: none;

}

div#custom_html-9 {

  padding-top: 40px;

  display: none;

}

.feature_sec_sec h2.heading_cs {

  text-align: center;

  margin-bottom: 35px;

}

.enterprise_grade_white h2.heading_cs,

.enterprise_grade_white h4 {

  color: var(--e-global-color-primary3) !important;

}

body .feature_sec_sec {

  padding-bottom: 0px !important;

}

.enterprise_grade_white p {

  color: var(--e-global-color-primary3) !important;

}

.container_cs a {

  text-decoration: none;

}

.new-contact-formm .innercolsingle {

  width: 48%;

}

.new-contact-formm .wpcf7-checkbox>span {

  align-items: center;

  margin-left: 0px;

  display: flex !important;

}

.new-contact-formm .wpcf7-checkbox>span input {

  height: 20px;

  width: 20px !important;

  margin-right: 15px !important;

}

.new-contact-formm .submitcolmain {

  width: 100%;

  display: flex;

  justify-content: center;

}

span.cs_close_new {

  color: var(--e-global-color-Black);

  float: right;

  font-size: 37px;

  position: absolute;

  right: 25px;

  top: 10px;

  cursor: pointer;

  transition: 0.5s;

}

.formm-checkbox p label {

  display: flex;

  flex-direction: row-reverse;

  align-items: center;

  justify-content: flex-end;

}

.formm-checkbox br {

  display: none;

}

.formm-checkbox {

  width: 100% !important;

}

.cs-submitcolmain {

  display: flex;

  align-items: center;

  gap: 20px;

}

.submitcolmain.cs-submitcolmain p {

  margin-bottom: 0px !important;

}

a.cs-booking-form {

  border: 2px solid var(--color1);

  padding: 15px 32px;

  border-radius: 50px;

  text-decoration: none;

  font-weight: 700;

}

a.cs-booking-form:hover {

  background: var(--color1);

  color: var(--e-global-color-primary3);

}

.cs-submtibtn {

  margin-top: 0px !important;

}

.submtibtn {

  margin-top: 10px;

}

@keyframes pulse {

  0% {

    transform: scale(1);

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);

  }

  70% {

    transform: scale(1.9);

    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);

  }

  100% {

    transform: scale(1);

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

  }

}

@-webkit-keyframes bouncee {

  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

  }

}

@-moz-keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -moz-transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

  }

}

@-o-keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -o-transform: translateY(0);

  }

  40% {

    -o-transform: translateY(-30px);

  }

  60% {

    -o-transform: translateY(-15px);

  }

}

@keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    transform: translateY(0);

  }

  40% {

    transform: translateY(-30px);

  }

  60% {

    transform: translateY(-15px);

  }

}

ul li {

  font-family: var(--e-global-typography-text-font-family), Sans-serif;

  font-size: var(--e-global-typography-pmain-font-size);

  line-height: var(--e-global-typography-pmain-line-height);

  font-weight: var(--e-global-typography-pmain-font-weight);

  text-transform: var(--e-global-typography-pmain-text-transform);

  letter-spacing: var(--e-global-typography-pmain-letter-spacing);

  font-style: var(--e-global-typography-pmain-font-style);

  text-decoration: var(--e-global-typography-pmain-text-decoration);

}

.popup_overflow {

  display: none;

  position: fixed;

  z-index: 9;

  padding-top: 0px;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0, 0, 0, 0.42);

}

.cs_modal_content {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100vh;

  width: 100%;

  position: fixed;

  z-index: 999999 !important;

}

.cs_modal_box {

  background-color: rgb(254, 254, 254);

  margin: auto;

  padding: 20px;

  border: 1px solid rgb(136, 136, 136);

  position: fixed;

  width: 60% !important;

  z-index: 999999 !important;

}

.cs_close {

  color: rgb(170, 170, 170);

  float: right;

  font-size: 28px;

  font-weight: bold;

}

.cs_close:hover,

.cs_close:focus {

  color: var(--e-global-color-Black);

  text-decoration: none;

  cursor: pointer;

}

.cs_modal_box,

.page-id-1243 .cs_modal_box {

  padding: 0px;

  z-index: 5;

  width: 100%;

  max-width: 750px;

  position: relative;

  aspect-ratio: 16 / 9;

}

.video_box,

.page-id-1243 .video_box {

  height: 100%;

  width: 100%;

}

.cs_popup_section,

.page-id-1243 .cs_popup_section {

  height: 100%;

  object-fit: contain;

}

.funding_logo_sec a {

  width: 28%;

}

.funding_logo_sec a img {

  width: 80px;

  object-fit: contain;

}

.full-width {

  max-width: 100% !important;

}

.full-width * {

  text-align: left;

}

.full-width {

  margin: 0px;

}

.section-padding {

  padding: 100px 0px;

}

.dark-bg {

  background: var(--dark-blue);

}

.dark-bg * {

  color: var(--e-global-color-primary3);

}

section.litigation-bar p {

  font-size: 19px;

  text-align: center;

  margin: 0px;

  color: var(--dark-blue);

}

.lit-btn {

  display: flex;

  justify-content: center;

  margin: 30px 0px 0px;

}

ul.footer_links a {

  cursor: pointer;

}

.callidus_slide_box img {

  height: 100px;

  width: 100px;

  border-radius: 50%;

  object-fit: cover;

  object-position: center top;

}

body .callidus_slide_sec .callidus_slide_box h3,
body .callidus_slide_sec .callidus_slide_box blockquote {

  font-size: 16px;

  font-weight: 400;

  line-height: 1.5em;

  letter-spacing: 0.5px;

  color: var(--e-global-color-primary3) !important;

  margin-bottom: 20px !important;

}

.callidus_slide_box h4 {

  font-size: 24px;

  font-weight: 600;

}

body .callidus_slide_box p {

  font-size: 14px;

  font-weight: 400;

  line-height: 1.5em;

  letter-spacing: 0.5px;

  color: var(--e-global-color-primary3) !important;

}

.callidus_slide_box {

  padding: 100px 140px;

}

body .callidus_slide_box img {

  height: 120px;

  width: 120px;

}

img.newEnterSection {

  max-width: 211px;

  margin: 30px 0px 0px;

}

.enterprise_grade_sec img.newEnterSection {

  margin-top: 50px;

  max-width: 240px;

}

.enterprise_grade_sec a,

.better_outcomes_sec a {

  text-decoration: none;

}

.exceptional_wrapper .exceptional_box_cs img {

  width: 100%;

}

header .sub-menu .nav-item a {

  color: var(--e-global-color-primary3);

  text-decoration: none;

  font-size: 14px;

  font-family: var(--font2);

  font-weight: 700;

  text-transform: uppercase;

  line-height: 1.45em;

  letter-spacing: 0.5px;

}

header ul.sub-menu {

  display: none;

  position: absolute;

  background: var(--dark-blue);

  color: var(--e-global-color-Black);

  left: 50%;

  transform: translateX(-50%);

  margin: 0px;

  width: max-content;

  padding: 20px;

  list-style: none;

  border-radius: 4px;

  top: 45px;

  z-index: 99;

  box-shadow: rgba(38, 38, 38, 0.26) 5px 5px 10px 0px;

  border: 1px solid var(--e-global-color-primary3) fff2b;

}

header li.nav-item.has-submenu {

  position: relative;

  list-style: none;

  padding-right: 30px;

}

header .sub-menu li.nav-item {

  width: 100%;

  padding-bottom: 12px;

}

header .nav-item a {

  color: var(--e-global-color-primary3);

  text-decoration: none;

  font-size: 16px;

  line-height: 15px;

  font-weight: 600;

  font-family: var(--font2);

  text-transform: uppercase;

}

header .sub-menu li.nav-item:last-child {

  padding-bottom: 0px;

}

header span.submenu-toggle {

  position: relative;

}

header ul.sub-menu .nav-item {

  margin: 0px;

}

header span.submenu-toggle::before {

  content: "▾";

  height: 30px;

  width: 30px;

  position: absolute;

  right: -30px;

  z-index: 1111;

  top: 50%;

  transform: translateY(-50%);

  filter: invert(0);

  transition: all 0.3s ease;

  display: flex;

  justify-content: center;

  align-items: center;

}

.global-cs h1.main-h1 {

  font-size: 70px;

  line-height: 1.15;

  font-family: var(--font1) !important;

}

.global-cs h2.heading_h2,

body .platform_boxes_sec h3 {

  font-size: 46px;

  line-height: 1.4;

  font-family: var(--font1) !important;

}

.global-cs h3.heading_h3,

body .enterprise_grade_sec .exceptional_wrapper .exceptional_box_cs h3,

body .global-cs h3.heading_h4,

body .global-cs .better_outcomes_box h3.heading_cs,

body .global-cs .platform_boxes_sec .heading_h5,

body .global-cs .callidus_slide_box h4.heading_h4,

body .global-cs.enterprise_grade_sec h3.heading_h5,

body .global-cs .model_boxes_cs h3.heading_h5 {

  font-size: 28px;

  line-height: 1.3;

  letter-spacing: 1px;

}

body .global-cs .model_boxes_cs h3.heading_h5 {

  color: var(--e-global-color-primary3);

}

body .global-cs .callidus_slide_box h4.heading_h4 {

  font-family: var(--font1);

  margin-top: 35px;

}

.model_wrapper_cs .model_boxes_cs p.paragraph_cs {

  color: var(--e-global-color-primary3) !important;

}

body .platform_boxes_sec .heading_h5,
body .platform_boxes_sec .heading_h3 {

  color: var(--e-global-color-primary3) !important;

}

.model_wrapper_cs-slider .slick-dots li button::before,

.callidus_slide_sec .slick-dots li button::before {

  opacity: 1;

  font-size: 35px !important;

  color: rgba(255, 255, 255, 0.847) !important;

}

.model_wrapper_cs-slider .slick-dots li.slick-active button::before,

.callidus_slide_sec .slick-dots li.slick-active button::before {

  color: var(--color1) !important;

  opacity: 1;

}

.model_wrapper_cs-slider .slick-dots li,

.callidus_slide_sec .slick-dots li {

  margin: 0px 2px;

}

.global-cs .platform_boxes_sec .heading_h3 {

  font-size: 60px;

  line-height: 1.4;

  margin: 0px;

  font-family: var(--font1) !important;

}

body .global-cs h4.heading_h4,

body .enterprise_grade_sec .exceptional_wrapper .exceptional_box_cs h4 {

  font-size: 24px;

  line-height: 1.3;

  font-family: var(--font2);

  letter-spacing: 1.25px;

}

body .global-cs h5.heading_h5,

body .global-cs h3.heading_h5,

body .global-cs h4.heading_h5 {

  font-size: 22px;

  font-weight: 400;

  line-height: 1.4;

}

.enterprise_grade_sec h5.heading_h5,

.relevant-solutions .inner_h2,

.litigation-works h2.inner_h2,

.pricingchtmain .card-title,

body .global-cs .better_outcomes_wrapper h4.heading_h5,

body .enterprise_grade_sec h3.heading_h5 {

  color: var(--e-global-color-primary3);

}

body .platform_boxes_sec p.heading_cs {

  font-size: 16px;

  line-height: 1.5;

  margin: 5px auto 0px;

}

.inner-template .inner_h2,

body .inner-template h2 {

  font-size: 35px;

  line-height: 1.4;

  margin-bottom: 15px;

  color: var(--dark-blue);

}

.inner-template.litigation-bar h2 {

  text-align: center;

  margin: 0px auto 15px;

}

.footer_sec_cs .menu li a,

.footer_sec_cs ul.footer_links li a {

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 2.4;

  color: var(--e-global-color-primary3);

  text-decoration: none;

  transition: 0.3s;

  width: fit-content !important;

}

.footer_sec_cs .menu li a:hover,

.footer_sec_cs ul.footer_links li a:hover {

  padding-left: 5px;

}

.footer_sec_cs .navigation_cs ul {

  margin-top: 20px;

}

.footer_sec_cs {

  overflow: hidden;

}

.footer_sec_cs .footer_wrapper>* {

  width: calc(calc(100% / 4) - 22.5px);

  flex: 0 0 auto;

}

.footer_sec_cs .left_logo_footer img {

  width: 100%;

  max-width: 230px;

}

body .footer_sec_cs {

  padding: 70px 0px 40px;

}

.footer_sec_cs .copyrightdivsec {

  margin-top: 50px;

  padding-top: 40px;

}

.footer_sec_cs .copyrightart p {

  margin: 0px;

  text-align: center;

}

.footer_sec_cs ul.get_started_links li a {

  font-family: var(--font2);

  font-size: 16px;

  line-height: 1.6;

  font-style: normal;

  font-weight: 400;

  color: var(--e-global-color-primary3);

  text-decoration: none;

  text-transform: capitalize;

  transition: 0.3s;

}

.footer_sec_cs ul.get_started_links li a:hover {

  padding-left: 5px;

}

.footer_sec_cs ul.get_started_links li {

  margin-bottom: 10px;

}

.section-padding {

  padding: 100px 0px;

}

.pt-0 {

  padding-top: 0px;

}

.home-faqs .accordion-wrapper {

  position: relative;

  margin-bottom: 20px;

  overflow: hidden;

  border-radius: 8px;

  border: 1px solid var(--e-global-color-primary3);

}

.home-faqs .acc-head::after,

.accr-main .question p::before {

  content: "❯";

  position: absolute;

  top: 14px;

  right: 22px;

  color: rgb(8, 22, 49);

  transform: rotate(90deg);

  transition: 0.4s;

}

.home-faqs .acc-body p {

  margin: 0px;

  color: var(--dark-blue) !important;

}

.page-template-NewHomepageCallidusai .footer_sec_cs {

  background: linear-gradient(90deg, rgb(6, 43, 70) 0%, rgb(4, 13, 30) 100%);

  margin: 140px 0px 0px !important;

  padding-top: 140px !important;

}

.footer_sec_cs {

  background: linear-gradient(90deg, rgb(6, 43, 70) 0%, rgb(4, 13, 30) 100%);

}

.home-faqs .contentWrapper {

  display: flex;

  gap: 30px;

  justify-content: space-between;

  align-items: center;

}

.home-faqs .accordion-outer {

  max-width: 1000px;

  width: 100%;

}

.home-faqs h2.heading_cs {

  text-align: left !important;

}

.home-faqs .acc-head {

  position: relative;

  padding-top: 14px;

  padding-bottom: 14px;

  padding-left: 22px;

  background: var(--e-global-color-primary3);

  cursor: pointer;

  padding-right: 45px !important;

}

.home-faqs .acc-body {

  padding: 14px 22px;

  display: none;

  background: var(--e-global-color-primary3);

}

body .global-cs h6.heading_h6,

body .global-cs h3.heading_h6,

.faqs-new.global-cs .heading_h6 {

  font-size: 18px;

  font-weight: 400;

  line-height: 1.4;

}

.global-cs.article_featuring_sec p.heading_h4 {

  font-size: 34px;

  line-height: 1.8;

  color: var(--e-global-color-primary3);

  margin-bottom: 25px;

  font-family: var(--font1) !important;

}

body.sticky-cs .header_cs {

  position: sticky;

  top: 0px;

}

body.sticky-cs header {

  position: sticky;

  top: 0;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  z-index: 999;

  background-color: var(--dark-blue);

}

header .sub-menu li.nav-item {

  margin-left: 0 !important;

}

.header_cs {

  transition: 0.3s;

}

body.sticky-cs .header_cs {

  padding-block: 15px;

}

body.sticky-cs .header_cs .right_menu_cs .nav-links a {

  font-size: 12px;

}

body.sticky-cs .header_cs .head_btn_one,

body.sticky-cs .header_cs .head_btn_two {

  font-size: 12px;

  padding: 10px 14px;

}

.header_cs .logo img {

  max-width: 270px;

  transition: 0.5s;

}

body.sticky-cs .header_cs .logo img {

  max-width: 200px;

  transition: 0.5s;

}

body.sticky-cs .header_cs {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  z-index: 999;

  background-color: var(--dark-blue);

}

.model_wrapper_cs-slider ul.slick-dots li button {

  height: 5px;

  width: 5px;

  background-color: transparent !important;

}

.better_outcomes_content .funding_logo_sec {

  display: none;

}

.logos-slider-sec h3,

.logos-slider-sec p {

  display: none;

}

.logos-slider-sec .model_wrapper_cs .model_boxes_cs {

  height: auto;

}

.logos-slider-sec {

  padding: 30px 0px 100px;

}

.logos-slider-sec .slick-track {

  display: flex;

  justify-content: center;

  align-items: center;

}

.logos-slider-sec .model_btn_cs {

  display: none;

}

.logos-slider-sec .model_wrapper_cs .model_boxes_cs img {

  max-height: 100px;

  max-width: 150px;

  height: 100%;

  margin: 0px;

  object-fit: contain;

}

.footer_wrapper .navigation_cs:nth-of-type(2) {

  display: none;

}

.callidus_slide_wpapper:not(.slick-initialized) {

  visibility: hidden;

}

.main-div-flex {

  row-gap: 22px;

}

.exceptional_btn_demo .btn-text {

  display: flex;

  flex-direction: column;

  gap: 12px;

}

.exceptional_btn_demo .btn-text span {

  font-size: 12px;

  font-weight: 400;

  line-height: 1.5em;

  letter-spacing: 0.5px;

  color: var(--e-global-color-primary3) !important;

}

.footer_cs.litigation-bar h2,

.footer_cs.litigation-bar p {

  color: rgb(255, 255, 255);

}

.home .logos-slider-sec {

  padding: 50px 0px 100px;

}

.footer_cs.litigation-bar .inner_h2 {
  color: #fff;
  text-align: center;
}

.logos-slider-sec-wrapper {

  margin-top: 26px;

}

.home .platform_offer_sec {

  padding: 0px 0px 140px;

}

.hero_logo_cs img {

  max-width: 350px;

  width: 100%;

  height: 100%;

}

.home .platform_offer_sec {

  content-visibility: unset !important;

}

.hero-inner-wrapper .paragraph_cs {

  color: var(--e-global-color-primary3);

  margin-top: 20px;

}

.page-id-8796 .hero_logo_cs {

  display: none;

}


.page-id-8796 .platform_wrapper_cs .platform_boxes_sec {

  width: calc(25% - 60px);

}

footer .left_logo_footer .custom-html-widget {

  display: flex;

  flex-direction: column;

  height: 100%;

}

footer .left_logo_footer .widget_text.col-12 {

  height: 100%;

}

@keyframes textanimation {

  from {

    opacity: 0;

    transform: translate(0, 25px);

  }

  to {

    opacity: 1;

    transform: translate(0, 0);

  }

}

.mainIframe {

  padding-top: 50px;

  scroll-margin-top: 100px;

}

.mainIframe iframe {

  border-radius: 10px;

  min-height: 364px;

}

.heroBanner:after {

  background: linear-gradient(0deg,

      rgb(16 24 32) 5%,

      #12213f,

      rgba(255, 255, 255, 0) 100%);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  max-width: 100%;

  height: 100%;

  z-index: -1;

  content: "";

}

body:has(.showHub) {

  overflow: hidden;

}

h3.loadingContent {

  text-align: center;

  padding: 50px 0;

  font-size: 24px;

  line-height: 1.3;

  font-family: var(--font2) !important;

  letter-spacing: 1.25px;

}

footer .social-container {

  margin-top: 32px;

}

footer .social-container .social-icons {

  padding: 0;

  list-style: none;

  display: flex;

  gap: 10px;

  margin-top: 10px;

}

footer .social-container .social-icons img {

  max-width: 24px;

  width: 100%;

  transform: scale(1);

  transition: all .3s ease;

}

footer .social-container .social-icons a:hover img {

  transform: scale(1.1);

}

footer .email-footer {

  margin-top: 10px;

}

footer .email-footer p a:hover {

  color: var(--color1);

}

footer .email-footer p,
.email-footer p a {

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 2.4;

  color: var(--e-global-color-primary3);

  text-decoration: none;

  transition: 0.3s;

  margin: 0 !important;

}

footer h3.PrimaryColor1 {

  font-size: 24px;

}

.page-id-3491 .better_outcomes_sec.hide-with-js-onload,
.page-id-3569 .better_outcomes_sec.hide-with-js-onload {

  display: block !important;

}

.accordion-wrapper blockquote:before {

  display: none;

}

@media (max-width: 1470px) {

  .logos-slider-sec {

    padding: 30px 0px 0px !important;

  }

  .page-id-3429 .logos-slider-sec {

    padding-bottom: 100px !important;

  }

  .header_cs .logo img {

    max-width: 220px;

  }

  .head_btn_one,

  .blogfree_trial .btndualcombo a.ButtonLarge.SolidBase,

  .head_btn_two {

    padding: 12px 20px;

    font-size: 12px;

  }

  .exceptional_productivity_cs {

    padding: 0px 0px 100px;

  }

  .global-cs h1.main-h1 {

    font-size: 60px;

  }

  .global-cs h2.heading_h2,

  body .platform_boxes_sec h3 {

    font-size: 35px;

  }

  .global-cs h3.heading_h3,

  body .enterprise_grade_sec .exceptional_wrapper .exceptional_box_cs h3,

  body .global-cs h3.heading_h4,

  body .global-cs .better_outcomes_box h3.heading_cs,

  body .global-cs .platform_boxes_sec .heading_h5,

  body .global-cs .callidus_slide_box h4.heading_h4,

  body .global-cs.enterprise_grade_sec h3.heading_h5,

  body .global-cs .model_boxes_cs h3.heading_h5,

  .global-cs.article_featuring_sec p.heading_h4,

  .navigation_cs h5 {

    font-size: 28px;

  }

  .model_wrapper_cs .model_boxes_cs img {

    max-width: 120px;

  }

  .model_btn_cs {

    margin-top: 70px;

  }

  .callidus_models_sec {

    padding: 100px 0px;

  }

  .platform_offer_sec {

    padding-top: 100px;

  }

  .feature_left_right {

    padding: 50px;

  }

  .page-template-NewHomepageCallidusai .footer_sec_cs {

    padding-top: 100px !important;

    margin-top: 100px !important;

  }

  .article_wrapper {

    max-width: 1200px;

  }

  .enterprise_grade_sec.exceptional_productivity_cs {

    padding-top: 100px;

  }

  .platform_offer_sec {

    padding-bottom: 100px;

  }

  .grade_white_bg {

    padding: 100px 80px;

  }

  .page-id-3429 .callidus_models_sec {

    padding-top: 0 !important;

  }

}

.formPopup {

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.5);

  z-index: 10000;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  opacity: 0;

  visibility: hidden;

  transition: all 0.1s linear;

}

.formPopup.showHub {

  visibility: visible;

  opacity: 1;

}

.mainFormcontain {

  max-height: 80vh;

  overflow: auto;

}

.formModalHub {

  width: 80%;

  background: #fff;

  position: relative;

  max-width: 1200px;

}

.formModalHub span.cs_close {

  position: absolute;

  right: -25px;

  top: -25px;

  font-weight: 500;

  line-height: 0px;

  border-radius: 500px;

  width: 50px;

  height: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: var(--dark-blue) !important;

  padding: 20px 20px 16px !important;

  color: var(--e-global-color-primary3) !important;

}

.better_outcomes_img {

  border-radius: 10px;

  overflow: hidden;

}

/* new logo section */

.clientLogoContainer {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 20px;

  max-width: 1500px;

  margin: 0 auto;

}

.clientLogoContainer>* {

  width: calc(20% - 16.5px);

  position: relative;

  padding: 15px 25px;

  background-color: #fff;

  border-radius: 10px;

  height: 130px;

  box-shadow: 0px 3px 15px 0px rgba(255, 255, 255, 0);

  transition: box-shadow 0.2s linear;

}

.clientLogoContainer>*:hover {

  box-shadow: 0px 3px 15px 0px rgba(255, 255, 255, 0.3);

}

.clientLogoContainer>* img {

  height: 100%;

  width: 100%;

  object-fit: contain;

  transition: all 0.2s linear;

}

.clientLogoContainer>*:last-child::before {

  display: none;

}

.clientLogoContainer>*:last-child::before {

  display: none;

}

.clientlogo h2.heading_cs {

  text-align: center;

  margin: 0 0 40px 0;

}

.clientLogoContainer>*:hover img {

  opacity: 1;

}

.clientlogo {

  padding: 30px 0 00px 0;

  margin-top: 50px;

}

@media (max-width: 1280px) {

  .formModalHub {

    width: 90%;

  }

  .footer_wrapper {

    gap: 15px;

    justify-content: space-between;

  }

  .global-cs h1.main-h1 {

    font-size: 60px;

  }

  body.sticky-cs .header_cs .head_btn_one,

  body.sticky-cs .header_cs .head_btn_two {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .footer_wrapper .left_logo_footer {

    width: 100% !important;

  }

  .footer_wrapper #menu-quick-links {

    column-count: 1;

  }

  .footer_wrapper .navigation_cs:nth-of-type(3),

  .footer_sec_cs .navigation_cs:nth-child(4) {

    width: calc(calc(100% / 3) - 30px);

  }

  .grade_white_bg {

    padding: 50px 30px;

  }

  .callidus_models_sec {

    padding: 70px 0px;

  }

  .page-template-NewHomepageCallidusai .footer_sec_cs {

    padding-top: 70px !important;

    margin-top: 70px !important;

  }

  .model_wrapper_cs .model_boxes_cs img {

    max-width: 85px;

  }

  .global-cs h2.heading_h2,

  body .platform_boxes_sec h3,

  .global-cs .platform_boxes_sec .heading_h3 {

    font-size: 40px;

  }

  body .callidus_slide_sec .callidus_slide_box h3,
  body .callidus_slide_sec .callidus_slide_box blockquote {

    font-size: 14px;

  }

  .feature_left_right {

    padding: 40px;

  }

  .exceptional_productivity_cs {

    padding: 0px 0px 70px;

  }

  body .global-cs h4.heading_h4,

  body .enterprise_grade_sec .exceptional_wrapper .exceptional_box_cs h4 {

    font-size: 20px;

  }

  .global-cs h1.main-h1 {

    font-size: 52px !important;

  }

  .hero_btns {

    padding: 25px 0px 0px !important;

  }

  .callidus_slide_box {

    padding: 50px;

  }

  .platform_offer_sec::before {

    height: 320px;

  }

  .page-id-8796 .platform_wrapper_cs {

    gap: 40px;

  }

  .page-id-8796 .platform_wrapper_cs .platform_boxes_sec {

    width: calc(50% - 20px);

  }

  .enterprise_grade_sec img.newEnterSection {

    max-width: 180px;

    margin-top: 30px;

  }

}

@media (max-width: 767px) {

  .clientLogoContainer {

    flex-direction: row;

    flex-wrap: wrap;

    gap: 15px;

  }

  .clientLogoContainer>* {

    width: calc(50% - 7.5px);

    height: 45px;

  }

  .formModalHub {

    width: calc(100% - 40px);

  }

  .mainFormcontain {

    overflow: auto;

  }

  .formModalHub span.cs_close {

    top: 10px;

    right: 10px;

    width: 20px;

    height: 20px;

    padding: 17px !important;

  }

  .hero_btns a {

    min-width: 223px;

  }

  .logos-slider-sec .model_wrapper_cs .model_boxes_cs {

    padding: 0px 15px 30px;

  }

  .footer_wrapper .navigation_cs:nth-of-type(3),

  .footer_sec_cs .navigation_cs:nth-child(4) {

    width: 100%;

  }

  .funding_logo_sec {

    align-items: center !important;

  }

  .page-template-NewHomepageCallidusai .funding_logo_sec .main-div-flex {

    justify-content: center !important;

  }

  .callidus_models_sec .model_btn_cs {

    margin-top: 60px;

  }

  .feature_img_cs img {

    min-height: 100%;

  }

  .footer_sec_cs .left_logo_footer img {

    max-width: 200px;

  }

  .footer_sec_cs .copyrightdivsec {

    margin-top: 20px;

    padding-top: 25px;

  }

  .page-template-NewHomepageCallidusai .footer_sec_cs .copyrightdivsec {

    margin-top: 18px;

    padding-top: 26px;

  }

  div#custom_html-9 {

    padding-top: 15px;

  }

  .page-id-8796 .platform_wrapper_cs .platform_boxes_sec {

    width: 100%;

  }

  .page-id-8796 .platform_wrapper_cs {

    gap: 25px;

  }

  .page-id-8796 .hero-inner-wrapper {

    gap: 0;

  }

  .page-id-3429 .logos-slider-sec {

    padding-bottom: 50px !important;

  }

  footer .social-container .social-icons {

    gap: 8px;

    margin-top: 6px;

  }

  footer .left_logo_footer {

    margin-bottom: 5px;

  }

}

/* Close Landing-page-V2 */

/*start-media*/

@media (min-width: 1800px) {

  .right_menu_cs {

    width: calc(50% - 20px);

    justify-content: center;

  }

}

@media (min-width: 1600px) {

  .page-id-3429 .platform_offer_sec {

    padding-top: 100px;

  }

  .page-id-3429 .sectionEl-list_with_image {

    padding-bottom: 0 !important;

  }

}

@media (min-width: 1200px) {

  .page-template-NewHomepageCallidusai .article_featuring_sec {

    padding-bottom: 0px;

  }

  .page-id-3429 .article_featuring_sec {

    padding-bottom: 100px;

  }

}

@media (min-width: 1200px) and (max-width: 1300px) {}

@media (min-width: 1200px) and (max-width: 1440px) {

  .container_cs {

    max-width: 100%;

    padding: 0px 50px;

  }

  .right_menu_cs .nav-links a,

  .head_btn_one,

  .head_btn_two {

    font-size: 12px;

  }

  .head_btn_one,

  .head_btn_two {

    padding: 10px 14px;

  }

  body.sticky-cs .header_cs .right_menu_cs .nav-links a,

  body.sticky-cs .header_cs .head_btn_one,

  body.sticky-cs .header_cs .head_btn_two {

    font-size: 12px;

  }

  .header_cs {

    padding: 20px 0px;

  }

}

@media (min-width: 1200px) and (max-width: 1300px) {

  .right_menu_cs .nav-links a,

  .head_btn_one,

  .head_btn_two {

    font-size: 10px;

  }

}

@media (min-width: 1333px) and (max-width: 1352px) {

  .head_btn_one,

  .blogfree_trial .btndualcombo a.ButtonLarge.SolidBase,

  .head_btn_two {

    padding: 10px 20px;

    font-size: 11px;

  }

  .right_menu_cs .nav-links a,

  .head_btn_one,

  .head_btn_two {

    font-size: 11px;

  }

}

@media (min-width: 1367px) and (max-width: 1400px) {

  .right_menu_cs .nav-links li {

    margin-left: 35px;

  }

}

@media (min-width: 1366px) {

  .footer_sec_cs .navigation_cs:nth-child(4) {

    display: flex;

  }

  .footer_sec_cs div#custom_html-9 {

    padding-top: 0px;

  }

}

@media (min-width: 1470px) and (max-width: 1600px) {

  .right_menu_cs .nav-links li {

    margin-left: 20px;

  }

  .head_btn_one,

  .blogfree_trial .btndualcombo a.ButtonLarge.SolidBase,

  .head_btn_two {

    padding: 12px 15px;

    font-size: 12px;

  }

  .container_cs {

    max-width: 1400px;

  }

}

@media (min-width: 1200px) and (max-width: 1332px) {

  .right_menu_cs .nav-links li {

    margin-left: 17px !important;

  }

  .right_menu_cs {

    gap: 20px;

  }

  .right_menu_cs .nav-links a {

    font-size: 11px;

  }

}

@media (min-width: 1025px) and (max-width: 1400px) {

  .demo_modal .modal-content {

    transform: translate(-50%, 0);

    top: 0px;

  }

}

@media (max-width: 1366px) {

  .right_menu_cs .nav-links li {

    margin-left: 20px;

  }

}

@media (min-width: 1025px) and (max-width: 1199px) {

  .platform_wrapper_cs .platform_boxes_sec {

    width: calc(32% - 50px);

  }

  .model_wrapper_cs .model_boxes_cs {

    padding: 40px;

  }

}

@media (max-width: 1200px) {

  header ul.sub-menu {

    position: relative;

    background: transparent;

    padding: 0px;

    left: 20px;

    transform: none;

    margin: 10px 0px;

    border-radius: 0px;

    top: 0px;

    box-shadow: none;

    border: none;

  }

}

@media (max-width: 1199px) {

  .nav-links {

    flex-direction: column;

    width: 100%;

  }

  .nav-links li {

    margin: 0px;

  }

  .nav-links a {

    padding: 10px;

    border-bottom: 1px solid rgb(68, 68, 68);

  }

  .menu-toggle {

    display: flex;

  }

  .header_wrapper .header_btns {

    display: none;

  }

  .right_menu_cs {

    position: absolute;

    background: var(--dark-blue);

    width: 100%;

    left: 0px;

    top: 50px;

    z-index: 9;

    border-radius: 10px;

    opacity: 0;

    transition: 0.5s;

    visibility: hidden;

  }

  .right_menu_cs:has(.active) {

    opacity: 1;

    visibility: visible;

  }

  .header_wrapper {

    position: relative;

  }

  .right_menu_cs .nav-links li {

    margin-left: 0px;

    padding: 10px;

  }

  .right_menu_cs .nav-links a {

    border-bottom: 0px;

  }

  .right_menu_cs .nav-links a:hover {

    color: var(--color1);

  }

  .right_menu_cs ul.nav-links {

    padding: 15px 0px;

  }

  .right_menu_cs:has(ul.nav-links.active)+.menu-toggle div:last-child {

    display: none;

  }

  .right_menu_cs:has(ul.nav-links.active)+.menu-toggle div:first-child {

    transform: rotate(45deg);

    position: relative;

    top: 6px;

  }

  .right_menu_cs:has(ul.nav-links.active)+.menu-toggle div:nth-child(2) {

    transform: rotate(-45deg);

    position: relative;

    top: -5px;

  }

  .hero-inner-wrapper {

    flex-direction: column;

  }

  .hero-inner-wrapper .hero-left {

    align-items: center;

    justify-content: center;

    text-align: center;

  }

  .hero_btns {

    padding: 35px 0px 0px;

  }

  .hero-inner-wrapper .hero-left {

    width: 100%;

  }

  .hero-inner-wrapper .hero-right {

    width: 100%;

  }

}

@media (min-width: 768px) and (max-width: 1024px) {

  .footer_sec_cs .navigation_cs:nth-child(4) {

    display: flex;

    gap: 50px;

  }

  .footer_wrapper {

    row-gap: 30px;

  }

  .footer_sec_cs div#custom_html-9 {

    padding-top: 0px;

  }

  .demo_modal .mainform {

    justify-content: center;

  }

  .demo_modal .modal-content {

    max-width: 80%;

  }

  .model_wrapper_cs {

    grid-template-columns: 48% 48%;

  }

  .model_wrapper_cs .model_boxes_cs {

    padding: 40px;

  }

  .hero_sec_cs h1 {

    font-size: 46px;

    line-height: 65px;

  }

  .hero_sec_cs {

    padding: 60px 0px 100px;

  }

  .hero_btns {

    padding: 40px 0px 60px;

  }

  .platform_wrapper_cs {

    gap: 30px;

  }

  .platform_wrapper_cs .platform_boxes_sec {

    width: calc(50% - 30px);

  }

  .enterprise_grade_sec .exceptional_wrapper {

    column-gap: 30px;

  }

  .footer_wrapper {

    flex-wrap: wrap;

  }

  .left_logo_footer {

    width: 100%;

    margin-bottom: 30px;

  }

  .navigation_cs {

    width: 44%;

  }

  body:has(.HeroSection) .cs_modal_box {

    height: 35vh !important;

    width: 80% !important;

  }

  .cs_modal_box,

  .page-id-1243 .cs_modal_box {

    width: 80% !important;

  }

  .global-cs h1.main-h1 {

    font-size: 46px;

  }

  /* .footer_sec_cs .footer_wrapper > * {

    width: calc(50% - 25px);

  } */

}

@media (max-width: 1024px) {

  .clientlogo h2.heading_cs {

    font-size: 40px;

  }

  .clientLogoContainer>* {

    height: 90px;

  }

  @media (orientation: landscape) {

    .cs_modal_box {

      width: 50% !important;

    }

  }

  @media (orientation: portrait) {

    .cs_modal_box {

      width: 80% !important;

    }

    /* .clientlogo {

      padding: 70px 0;

    } */

  }

  .new-contact-formm h2 {

    font-size: 29px !important;

  }

  .demo_modal .mainform p.labeltitle {

    font-size: 10px !important;

  }

  .feature_left_right {

    flex-direction: column-reverse;

    gap: 30px;

  }

  .feature_left_right>div {

    width: 100%;

    padding: 0px;

  }

  .feature_wrapper_cs .feature_left_right:nth-child(2n) {

    flex-direction: column-reverse;

  }

  .feature_wrapper_cs .feature_left_right:nth-child(2n) .feature_content_cs {

    padding-left: 0px;

  }

  .better_outcomes_wrapper {

    flex-direction: column;

    gap: 50px;

  }

  .better_outcomes_content {

    width: 100%;

  }

  .better_outcomes_img {

    width: 100%;

  }

  .legal_efficiency_wrapper {

    flex-direction: column;

    gap: 50px;

  }

  .legal_efficiency_img {

    width: 100%;

  }

  .legal_efficiency_img img {

    width: 100%;

  }

  .legal_efficiency_content {

    width: 100%;

  }

  .funding_logo_sec {

    gap: 20px;

  }

  .home .platform_offer_sec {

    padding: 30px 0px 60px;

  }

  .page-template-NewHomepageCallidusai .feature_left_right .feature_content_cs,
  .page-template-NewHomepageCallidusai .feature_left_right .feature_img_cs {
    width: 100%;
  }

}

@media (max-width: 991px) {

  .copyrightdivsec {

    flex-wrap: wrap;

    justify-content: center !important;

  }

}

@media (max-width: 980px) {

  .page-template-NewHomepageCallidusai .footer_sec_cs {

    margin-top: 0px;

  }

}

@media (max-width: 820px) {

  .home-faqs h2.heading_cs {
    text-align: center !important;
  }

  body .section-padding {

    padding: 70px 0px;

  }

  .home-faqs .contentWrapper {

    flex-direction: column;

  }

  .clientLogoContainer>* {

    height: 70px;

  }

}

@media (max-width: 767px) {

  body .callidus_slide_sec .callidus_slide_box h3,
  body .callidus_slide_sec .callidus_slide_box blockquote {

    font-size: 16px;

    line-height: 1.5;

  }

  .new-contact-formm .innercolsingle {

    width: 100%;

  }

  .head_btn_one {

    font-size: 13px;

    padding: 12px 20px;

  }

  .new-contact-formm h2 {

    max-width: 85%;

    margin: auto !important;

    font-size: 22px !important;

    line-height: 1 !important;

  }

  div.hero_modal_video span.cs_close {

    right: -20px;

    top: -20px;

    width: 40px;

    height: 40px;

    padding: 16px 18px 12px 20px !important;

  }

  .demo_modal .mainform p.labeltitle {

    font-size: 13px !important;

  }

  .demo_modal .modal-content {

    transform: translate(-50%, 0px);

    padding: 10px;

    max-width: 90%;

    top: 0px;

  }

  .demo_modal .mainheadinsec h2 {

    font-size: 24px;

    line-height: 35px;

    margin: 20px 0px 0px;

  }

  .demo_modal .threecolsec,

  .demo_modal .twocolsec {

    width: 100%;

  }

  .article_wrapper {

    flex-direction: column;

    gap: 20px;

    align-items: center;

  }

  .article_box_cs {

    width: 60%;

  }

  .top_bar_cs p {

    font-size: 14px;

    line-height: 1.6;

  }

  .hero_sec_cs h1 {

    font-size: 32px;

    line-height: 50px !important;

  }

  .hero_btns .head_btn_two {

    justify-content: center;

  }

  .model_wrapper_cs {

    grid-template-columns: 100%;

    margin-top: 30px;

  }

  .hero_btns {

    padding: 40px 0 0 0 !important;

    text-align: center;

    flex-direction: column;

  }

  .hero_logo_cs {

    margin-top: 60px;

  }

  .hero_btns {

    gap: 35px;

  }

  .hero_sec_cs {

    padding: 60px 0px 40px 0;

    margin-bottom: 20px;

  }

  .exceptional_wrapper {

    flex-direction: column;

  }

  .exceptional_wrapper .exceptional_box_cs {

    width: 100%;

  }

  .platform_offer_sec {

    padding: 50px 0px;

  }

  .platform_offer_sec::before {

    top: -200px;

  }

  .platform_offer_sec::after {

    height: 1500px;

    top: -100px;

  }

  h2.heading_cs {

    font-size: 32px;

    line-height: 46px;

  }

  .better_outcomes_sec h2.heading_cs {

    text-align: center;

  }

  .exceptional_productivity_cs {

    padding: 50px 0px;

  }

  .exceptional_wrapper .exceptional_box_cs h4 {

    font-size: 26px;

    line-height: 34px;

  }

  .funding_logo_sec {

    flex-direction: column;

    gap: 10px;

  }

  .better_outcomes_sec {

    padding-bottom: 30px;

  }

  .platform_wrapper_cs {

    flex-direction: column;

    gap: 40px;

  }

  .platform_wrapper_cs .platform_boxes_sec {

    width: 100%;

  }

  body .platform_boxes_sec h3 {

    font-size: 40px;

    line-height: 50px;

  }

  .platform_boxes_sec p.heading_cs {

    font-size: 20px;

    line-height: 26px;

    margin-top: 10px;

  }

  .callidus_slide_box {

    padding: 30px 15px 70px;

  }

  .callidus_slide_sec .callidus_slide_box h3 {

    font-size: 24px;

    line-height: 36px;

    margin-bottom: 30px !important;

  }

  .callidus_slide_box h4 {

    font-size: 26px;

  }

  .callidus_slide_box p {

    font-size: 20px;

    line-height: 26px;

  }

  .left_logo_footer {

    margin-bottom: 22px;

  }

  .callidus_models_sec {

    padding: 50px 0px;

  }

  .home-faqs .acc-head::after {

    top: 15px;

  }

  .footer_sec_cs .navigation_cs ul {

    margin-top: 5px;

  }

  .footer_sec_cs {

    padding-top: 50px !important;

    margin-top: 50px !important;

  }

  .model_wrapper_cs .model_boxes_cs {

    padding: 30px 15px;

  }

  body .global-cs h6.heading_h6,

  body .global-cs h3.heading_h6,

  .faqs-new.global-cs .heading_h6 {

    font-size: 18px;

  }

  .exceptional_wrapper .exceptional_box_cs p,

  body p,

  .home-faqs h3.heading_h6,

  .footer_sec_cs .menu li a,

  .footer_sec_cs ul.footer_links li a,

  .footer_sec_cs ul.get_started_links li a,

  body .callidus_slide_sec .callidus_slide_box h3,

  body .platform_boxes_sec p.heading_cs,

  .feature_content_cs ul li,

  .feature_content_cs ol li,
  body .callidus_slide_sec .callidus_slide_box blockquote {

    font-size: 14px;

  }

  .model_wrapper_cs .model_boxes_cs img {

    width: 120px;

    margin-bottom: 20px;

  }

  .model_btn_cs {

    margin-top: 40px;

  }

  .legal_efficiency_sec {

    padding: 70px 0px 120px;

  }

  .legal_icon_box h5.heading_cs {

    font-size: 26px;

  }

  .enterprise_grade_sec.exceptional_productivity_cs {

    padding-top: 0px;

  }

  .footer_wrapper {

    flex-direction: column;

  }

  .footer_wrapper>div {

    width: 100%;

  }

  ul.footer_links li a {

    font-size: 20px;

  }

  .navigation_cs:last-child {

    width: 100%;

  }

  ul.get_started_links li a {

    font-size: 20px;

    font-weight: 600;

  }

  .left_logo_footer img {

    max-width: 260px;

  }

  h3.heading_cs {

    font-size: 26px;

    line-height: 34px;

  }

  .feature_wrapper_cs .feature_left_right:not(:last-child) {

    margin-bottom: 30px;

  }

  .feature_left_right {

    padding: 30px 15px;

  }

  .feature_sec_sec {

    padding-bottom: 70px;

  }

  .grade_white_bg {

    padding: 40px 15px;

  }

  .enterprise_grade_sec.exceptional_productivity_cs.enterprise_grade_white {

    padding-top: 70px;

  }

  .article_featuring_sec {

    padding-top: 20px;

    padding-bottom: 50px;

  }

  p.paragraph_cs {

    font-size: 14px;

  }

  .funding_logo_sec {

    padding-top: 50px;

  }

  .global-cs h3.heading_h3,

  body .enterprise_grade_sec .exceptional_wrapper .exceptional_box_cs h3,

  body .global-cs h3.heading_h4,

  body .global-cs .better_outcomes_box h3.heading_cs,

  body .global-cs .platform_boxes_sec .heading_h5,

  body .global-cs .callidus_slide_box h4.heading_h4,

  body .global-cs.enterprise_grade_sec h3.heading_h5,

  body .global-cs .model_boxes_cs h3.heading_h5,

  .global-cs.article_featuring_sec p.heading_h4,

  .navigation_cs h5 {

    font-size: 22px;

  }

  .enterprise_grade_white .exceptional_btn_demo {

    flex-flow: wrap;

  }

  .funding_logo_sec a {

    width: 50%;

    display: flex;

    justify-content: center;

    margin-bottom: 10px;

  }

  .section-padding {

    padding: 50px 0px;

  }

  .callidus_slide_box {

    padding: 30px 15px 70px;

  }

  .callidus_slide_sec .callidus_slide_box h3 {

    font-size: 18px;

  }

  .global-cs h1.main-h1 {

    font-size: 40px !important;

    line-height: 1.3 !important;

  }

  .hero-inner-wrapper {

    gap: 130px;

  }

  .global-cs h2.heading_h2 {

    font-size: 30px !important;

    line-height: 1.5 !important;

  }

  .global-cs h3.heading_h3 {

    font-size: 28px;

    line-height: 1.5;

  }

  body .global-cs h4.heading_h4,

  body .global-cs h3.heading_h4,

  .global-cs.article_featuring_sec p.heading_h4 {

    font-size: 20px !important;

    line-height: 1.5 !important;

  }

  .exceptional_productivity_cs {

    padding: 50px 0px;

  }

  .enterprise_grade_sec.exceptional_productivity_cs.enterprise_grade_white {

    padding-top: 50px;

  }

  body .inner-template h2.inner_h2,

  body .inner-template h2,

  body .inner-template .inner_h2 {

    font-size: 28px !important;

    line-height: 1.4 !important;

  }

  .footer_sec_cs .footer_wrapper>* {

    width: calc(50% - 25px);

  }

  .footer_sec_cs .menu-company-footer-container {

    margin-top: 0;

  }

  body .inner-template p {

    font-size: 14px;

  }

  .footer_sec_cs .footer_wrapper>* {

    width: 100%;

  }

  body .section-padding {

    padding: 50px 0px;

  }

  .home-faqs h2.heading_cs {

    text-align: center !important;

  }

  .home-faqs .contentWrapper {

    gap: 20px;

  }

  .home-faqs .acc-body,

  .home-faqs .acc-head {

    padding: 15px;

  }

  .home-faqs .acc-head .heading_h6::after {

    top: 30px;

  }

  .header_cs {

    padding: 15px 0px;

  }

  .header_cs .logo img {

    max-width: 200px;

  }

  .menu-toggle div {

    width: 20px;

    height: 2px;

    margin: 2px 0px;

  }

  .right_menu_cs:has(ul.nav-links.active)+.menu-toggle div:first-child {

    top: 1px;

  }

  .funding_logo_sec a img {

    height: 20px !important;

  }

  .better_outcomes_wrapper {

    gap: 30px;

  }

  .main-div-flex {

    margin-top: 15px;

    gap: 15px !important;

  }

  #cs-video-section1 iframe {

    aspect-ratio: 16 / 9;

    height: 100%;

  }

}

@media (max-width: 600px) {

  h1 {

    line-height: 65px !important;

  }

  h2 {

    font-size: 24px !important;

    line-height: 34px !important;

  }

  h4 {

    font-size: 18px !important;

    line-height: 24px !important;

  }

}

.video-wrapper {

  position: relative;

  width: 100%;

}

.thmb-hero-video-image {

  width: 100%;

  height: auto;

  display: block;

}

.video-play-btn {

  padding: 0;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 70px;

  height: 70px;

  border-radius: 50%;

  border: none;

  background: rgb(18 32 62);

  color: #fff;

  font-size: 28px;

  cursor: pointer;

  z-index: 2;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0;

}

button.video-play-btn span {

  transform: translate(2px, -1px);

}

iframe#youtube-video-ifrm {

  aspect-ratio: 1.766;

  height: auto;

}

.video-play-btn:hover {

  background: rgb(18 32 62);

  color: #fff;

  font-size: 28px;

}

.funding_logo_sec {

  align-items: flex-start;

}

.main-div-flex {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  gap: 30px;

}

.hero_logo_cs img {

  max-width: 350px;

}

.hero_logo_cs {

  margin-top: 40px;

}

.better_left_icon img {

  width: 40px;

  object-fit: contain;

}

.laptop_video_play #youtube-video>div {

  height: 100%;

  width: 100%;

}

iframe#youtube-video-ifrm {

  aspect-ratio: unset;

  height: 100%;

}

@media (max-width: 767px) {

  .clientlogo {

    padding: 0 0 15px;

    margin-top: 20px;

  }

  .video-play-btn,

  .video-play-btn:hover {

    height: 50px;

    width: 50px;

    font-size: 21px;

  }

  .funding_logo_sec a img {

    height: 50px;

    object-fit: contain;

  }

  .hero_logo_cs img {

    max-width: 310px;

  }

  .top_bar_cs {

    padding: 25px 0;

  }

}

/* Safari-specific styling */

@supports (-webkit-touch-callout: none) {

  /* iOS Safari specific styles */

  .iframe-container {

    -webkit-overflow-scrolling: touch;

    /* Enable smooth scrolling on iOS */

  }

}

@keyframes textanimation {

  from {

    opacity: 0;

    transform: translate(0, 25px);

  }

  to {

    opacity: 1;

    transform: translate(0, 0);

  }

}

@media screen and (max-width: 766px) and (min-height: 820px) {

  .hero-inner-wrapper .hero-left {

    min-height: 72dvh;

  }

  .hero_sec_cs {

    padding: 0 0 0 0;

  }

}

html body.home.home section.heroBanner .hero_logo_cs {
  margin-top: 40px !important;
}

html body.home.home section.heroBanner .hero_logo_cs img {
  height: 93px !important;
  max-width: 390px !important
}

/* HEADER TRANSPARENT OVER HERO — home only — 2026-04-22 */

html body.home.home>header:not(#_ss1),

html body.home.home>header:not(#_ss1)>.header_cs,

html body.home.home>header:not(#_ss1)>.top_bar_cs {

  background: transparent !important;

  background-color: transparent !important;

  background-image: none !important;

  box-shadow: none !important;

  border-bottom: 0 !important;

}

/* Pull hero up so it sits under the transparent header */

html body.home.home section.heroBanner {

  margin-top: -126px !important;

  padding-top: 126px !important;

}

/* Ensure header floats above hero */

html body.home.home>header:not(#_ss1) {
  z-index: 9999 !important;
}

/* HERO TEXT CONTRAST — darken hero behind headline + strong text-shadow — 2026-04-22 */

html body.home.home section.heroBanner {
  position: relative !important;
}

html body.home.home section.heroBanner>* {
  position: relative;
  z-index: 2;
}

html body.home.home section.heroBanner h1.main-h1 {

  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9), 0 4px 30px rgba(0, 0, 0, 0.75), 0 0 80px rgba(0, 0, 0, 0.55) !important;

}

/* NAV POP — strong contrast for top-level nav over hero — 2026-04-22 */

html body.home.home header .nav-links>.nav-item>a,

html body.home.home header .nav-links>li>a {

  color: #ffffff !important;

  opacity: 1 !important;

  font-weight: 600 !important;

  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;

  letter-spacing: 0.01em !important;

}

html body.home.home .top_bar_cs,

html body.home.home .top_bar_cs * {

  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;

}

/* TRUSTED BY GLASS — frosted glass panel overlapping hero — 2026-04-22 */

html body.home.home section.heroBanner {

  margin-bottom: -110px !important;

  padding-bottom: 110px !important;

}

html body.home.home .clientlogo.global-cs {

  background: rgba(255, 255, 255, 0.035) !important;

  background-color: rgba(255, 255, 255, 0.035) !important;

  backdrop-filter: blur(14px) saturate(130%) !important;

  -webkit-backdrop-filter: blur(14px) saturate(130%) !important;

  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;

  position: relative !important;

  z-index: 2 !important;

  margin-top: 0px !important;

}

html body.home.home .clientlogo.global-cs h2 {

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 4px 24px rgba(0, 0, 0, 0.6) !important;

}

/* GLASS PANEL SHRINK + LOWER — 2026-04-22 */

html body.home.home .clientlogo.global-cs {

  padding-top: 28px !important;

  padding-bottom: 28px !important;

  margin-top: 0 !important;

}

/* GLASS TUNE + NAV +6 — 2026-04-22 */

html body.home.home .clientlogo.global-cs {

  background: rgba(255, 255, 255, 0.02) !important;

  background-color: rgba(255, 255, 255, 0.02) !important;

  backdrop-filter: blur(9px) saturate(120%) !important;

  -webkit-backdrop-filter: blur(9px) saturate(120%) !important;

  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;

  margin-top: 90px !important;

}

html body.home.home header .nav-links>.nav-item>a,

html body.home.home header .nav-links>li>a {

  font-size: 18.5px !important;

}

/* NAV 17 + LOGIN FIX + GLASS 50% — 2026-04-22 */

/* Nav size */

html body.home.home header .nav-links>.nav-item>a,

html body.home.home header .nav-links>li>a {

  font-size: 17px !important;

}

/* Fix Login duplication: hide actual 'Login' text, keep ::before 'Log In' */

html body.home.home header .nav-links>.nav-item>a[href*="app.strongsuit.com"] {

  font-size: 16px !important;

  line-height: 1.45em !important;

}

html body.home.home header .nav-links>.nav-item>a[href*="app.strongsuit.com"]::before {

  font-size: 17px !important;

  line-height: normal !important;

  font-weight: 600 !important;

  color: #ffffff !important;

  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;

  letter-spacing: 0.01em !important;

  display: inline !important;

}

/* Glass heavier (50% back toward prior) */

html body.home.home .clientlogo.global-cs {

  background: rgba(255, 255, 255, 0.0275) !important;

  background-color: rgba(255, 255, 255, 0.0275) !important;

  backdrop-filter: blur(11.5px) saturate(125%) !important;

  -webkit-backdrop-filter: blur(11.5px) saturate(125%) !important;

  border-top: 1px solid rgba(255, 255, 255, 0.065) !important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;

  margin-top: 70px !important;

}

/* Award image swap + glass 20% heavier — 2026-04-22 */

html body.home.home .hero_logo_cs img.logobanner,

html body.home.home .hero_logo_cs img {

  content: url("/wp-content/uploads/2026/04/award1.png") !important;

}

html body.home.home .clientlogo.global-cs {

  background: rgba(255, 255, 255, 0.033) !important;

  background-color: rgba(255, 255, 255, 0.033) !important;

  backdrop-filter: blur(13.8px) saturate(135%) !important;

  -webkit-backdrop-filter: blur(13.8px) saturate(135%) !important;

  border-top: 1px solid rgba(255, 255, 255, 0.078) !important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;

}

/* Award v2: clean PNG + 20% smaller — 2026-04-22 */

html body.home.home .hero_logo_cs img.logobanner,

html body.home.home .hero_logo_cs img {

  content: url("/wp-content/uploads/2026/04/award1-clean.png") !important;

  max-width: 312px !important;

  width: 312px !important;

  height: auto !important;

}

html body.home.home .hero_logo_cs {

  max-width: 312px !important;

}

/* Award v3: fix aspect ratio for wider clean PNG — 2026-04-22 */

html body.home.home .hero_logo_cs img.logobanner,

html body.home.home .hero_logo_cs img {

  width: 312px !important;

  height: auto !important;

  max-height: none !important;

  aspect-ratio: 988 / 184 !important;

  object-fit: contain !important;

}

html body.home.home .hero_logo_cs {

  max-width: 312px !important;

  height: auto !important;

  min-height: 0 !important;

}

/* Award v4: beat section.heroBanner specificity, 20% smaller with correct aspect — 2026-04-22 */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_ss1),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_ss1) {

  width: 312px !important;

  max-width: 312px !important;

  height: 58px !important;

  max-height: 58px !important;

  min-height: 0 !important;

  object-fit: contain !important;

  object-position: left center !important;

}

/* REVERT award — back to original LegalTech-Breakthrough.webp at original size — 2026-04-22 */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_revert1),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_revert1) {

  content: normal !important;

  width: 390px !important;

  max-width: 390px !important;

  height: 93px !important;

  max-height: 93px !important;

  min-height: 0 !important;

  aspect-ratio: auto !important;

  object-fit: fill !important;

  object-position: initial !important;

}

/* Award v5: swap to user's freshly uploaded award1.png as raw badge — 2026-04-22 */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_ss5),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_ss5) {

  content: url("/wp-content/uploads/2026/04/award1.png") !important;

  width: 340px !important;

  max-width: 340px !important;

  height: auto !important;

  max-height: none !important;

  min-height: 0 !important;

  aspect-ratio: 1024 / 258 !important;

  object-fit: contain !important;

  object-position: left center !important;

  border-radius: 6px !important;

}

html body.home.home section.heroBanner .hero_logo_cs:not(#_ss5) {

  max-width: 340px !important;

  width: auto !important;

  height: auto !important;

  min-height: 0 !important;

}

/* Award v6: transparent award1-trans.png, smaller + contrast boost — 2026-04-22 */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_ss6),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_ss6) {

  content: url("/wp-content/uploads/2026/04/award1-trans.png") !important;

  width: 260px !important;

  max-width: 260px !important;

  height: auto !important;

  max-height: none !important;

  min-height: 0 !important;

  aspect-ratio: 1024 / 232 !important;

  object-fit: contain !important;

  object-position: left center !important;

  border-radius: 0 !important;

  filter: brightness(1.35) contrast(1.1) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6)) !important;

}

html body.home.home section.heroBanner .hero_logo_cs:not(#_ss6) {

  max-width: 260px !important;

  width: auto !important;

  height: auto !important;

  min-height: 0 !important;

}

/* Award v7: new gold badge designed from scratch for dark hero — 2026-04-22 */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_ss7),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_ss7) {

  content: url("/wp-content/uploads/2026/04/award-badge-gold.png") !important;

  width: 300px !important;

  max-width: 300px !important;

  height: auto !important;

  max-height: none !important;

  min-height: 0 !important;

  aspect-ratio: 1024 / 232 !important;

  object-fit: contain !important;

  object-position: left center !important;

  border-radius: 0 !important;

  filter: none !important;

}

html body.home.home section.heroBanner .hero_logo_cs:not(#_ss7) {

  max-width: 300px !important;

  width: auto !important;

  height: auto !important;

  min-height: 0 !important;

}

/* Award FINAL revert: back to original LegalTech-Breakthrough.webp — 2026-04-22 */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_final1),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_final1) {

  content: normal !important;

  width: 390px !important;

  max-width: 390px !important;

  height: 93px !important;

  max-height: 93px !important;

  min-height: 0 !important;

  aspect-ratio: auto !important;

  object-fit: fill !important;

  object-position: initial !important;

  filter: none !important;

  border-radius: 0 !important;

}

html body.home.home section.heroBanner .hero_logo_cs:not(#_final1) {

  max-width: 390px !important;

  width: auto !important;

  height: auto !important;

  min-height: 0 !important;

}

/* Award v8: clean off-white badge, matches original look, fits original 390x93 slot — 2026-04-22 */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_v8),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_v8) {

  content: url("/wp-content/uploads/2026/04/award-badge-v8.png") !important;

  width: 390px !important;

  max-width: 390px !important;

  height: 93px !important;

  max-height: 93px !important;

  min-height: 0 !important;

  aspect-ratio: auto !important;

  object-fit: fill !important;

  object-position: initial !important;

  filter: none !important;

  border-radius: 0 !important;

}

html body.home.home section.heroBanner .hero_logo_cs:not(#_v8) {

  max-width: 390px !important;

  width: auto !important;

  height: auto !important;

  min-height: 0 !important;

}

/* Award v9: laurel-framed badge in off-white, fully transparent — 2026-04-22 */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_v9),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_v9) {

  content: url("/wp-content/uploads/2026/04/award-badge-v9.png") !important;

  width: 390px !important;

  max-width: 390px !important;

  height: 93px !important;

  max-height: 93px !important;

  min-height: 0 !important;

  aspect-ratio: auto !important;

  object-fit: fill !important;

  object-position: initial !important;

  filter: none !important;

  border-radius: 0 !important;

}

html body.home.home section.heroBanner .hero_logo_cs:not(#_v9) {

  max-width: 390px !important;

  width: auto !important;

  height: auto !important;

  min-height: 0 !important;

}

/* Award v10: narrower (312w), bigger subtitle, no italic, centered — 2026-04-22 */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_v10),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_v10) {

  content: url("/wp-content/uploads/2026/04/award-badge-v10.png") !important;

  width: 312px !important;

  max-width: 312px !important;

  height: 93px !important;

  max-height: 93px !important;

  min-height: 0 !important;

  aspect-ratio: auto !important;

  object-fit: fill !important;

  object-position: center center !important;

  filter: none !important;

  border-radius: 0 !important;

  display: block !important;

  margin-left: auto !important;

  margin-right: auto !important;

}

html body.home.home section.heroBanner .hero_logo_cs:not(#_v10) {

  max-width: 312px !important;

  width: auto !important;

  height: auto !important;

  min-height: 0 !important;

  text-align: center !important;

  margin-left: auto !important;

  margin-right: auto !important;

}

/* Glass section up 50px — 2026-04-22 */

html body.home.home .clientlogo.global-cs:not(#_glassup) {

  margin-top: -176px !important;

}

/* Award v11: WINNER + subtitle only, big readable text — 2026-04-22 */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_v11),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_v11) {

  content: url("/wp-content/uploads/2026/04/award-badge-v11.png") !important;

}

/* Glass butts exactly against hero bottom (no overlap, no gap) — 2026-04-22 */

html body.home.home section.heroBanner:not(#_flush) {

  margin-bottom: 0 !important;

}

html body.home.home .clientlogo.global-cs:not(#_flush) {

  margin-top: 0 !important;

}

/* Header nav -1px (17 → 16) — 2026-04-22 */

html body.home.home header .nav-links>.nav-item>a:not(#_nav16),

html body.home.home header .nav-links>.nav-item>a>span:not(#_nav16) {

  font-size: 16px !important;

}

/* === v12 (2026-04-22) === */

/* Award v12: WINNER -2px + subtitle +80% on 2 lines */

html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_v12),

html body.home.home section.heroBanner .hero_logo_cs img:not(#_v12) {

  content: url("/wp-content/uploads/2026/04/award-badge-v12.png") !important;

}

/* Glass bottom flush to hero bottom: pull up by its own height to overlap */

html body.home.home .clientlogo.global-cs:not(#_flushbot) {

  margin-top: -158px !important;

  position: relative !important;

  z-index: 5 !important;

}

/* More glassy: punchier background, blur, white highlight border, inner shadow */

html body.home.home .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;

}

/* Kill duplicate "Log In" ::before pseudo content on header login link */

html body.home.home header a[href*="app.strongsuit.com"]::before,

html body.home.home header .nav-item a[href*="app.strongsuit.com"]::before,

html body.home.home .header_wrapper a[href*="app.strongsuit.com"]::before {

  content: none !important;

  display: none !important;

}

/* Equalize hero buttons to same width (mid of 184/205) — 2026-04-22 */

html body.home.home section.heroBanner .hero_btns a.head_btn_one:not(#_eqw),

html body.home.home section.heroBanner .hero_btns button.head_btn_two:not(#_eqw) {

  width: 210px !important;

  min-width: 210px !important;

  max-width: 210px !important;

  justify-content: center !important;

  text-align: center !important;

}

/* Hero H1 forced break: "The Most Advanced" / "Legal AI Platform" — 2026-04-22 */

html body.home.home section.heroBanner h1.main-h1:not(#_brk) {

  max-width: 780px !important;

  margin-left: auto !important;

  margin-right: auto !important;

}

/* === Mobile guards (2026-04-22) === */

/* Don't overlap glass on tablet/mobile — the section is a different shape there */

@media (max-width: 991px) {

  html body.home.home .clientlogo.global-cs:not(#_flushbot) {

    margin-top: 0 !important;

  }

  /* Let headline flow naturally on mobile — max-width hack is desktop-only */

  html body.home.home section.heroBanner h1.main-h1:not(#_brk) {

    max-width: 100% !important;

  }

  /* Let hero buttons size to content, don't force 210 */

  html body.home.home section.heroBanner .hero_btns a.head_btn_one:not(#_eqw),

  html body.home.home section.heroBanner .hero_btns button.head_btn_two:not(#_eqw) {

    width: auto !important;

    min-width: 0 !important;

    max-width: 100% !important;

  }

}

/* Narrow phones: shrink the award so it doesn't dominate */

@media (max-width: 480px) {

  html body.home.home section.heroBanner .hero_logo_cs img.logobanner:not(#_v8),

  html body.home.home section.heroBanner .hero_logo_cs img:not(#_v8) {

    width: 240px !important;

    max-width: 240px !important;

    height: 72px !important;

    max-height: 72px !important;

  }

  html body.home.home section.heroBanner .hero_logo_cs:not(#_v8) {

    max-width: 240px !important;

  }

}

/* Safety: glassy gradient works on mobile, but temper the shadow a touch for perf */

@media (max-width: 767px) {

  html body.home.home .clientlogo.global-cs:not(#_glassy) {

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 4px 16px rgba(0, 0, 0, 0.15) !important;

  }

}

/* Prevent horizontal page scroll on narrow phones — slick-track overflow containment (2026-04-22) */

@media (max-width: 767px) {

  html,

  body.home.home {

    overflow-x: clip !important;

  }

  /* Safety for any slick-slider cloned slides */

  html body.home.home .slick-slider:not(#_clip),

  html body.home.home .slick-list:not(#_clip) {

    overflow: hidden !important;

    max-width: 100% !important;

  }

}

/* === v12.2 hard hscroll lockdown (slick-safe) === */

@media (max-width: 991px) {

  html:not(#_hs1),

  body.home.home:not(#_hs1) {

    overflow-x: clip !important;

    max-width: 100vw !important;

    width: 100% !important;

  }

  /* Clip only non-slick sections. Slick handles its own overflow — do NOT constrain its wrappers. */

  html body.home.home section:not(#_hs1):not(.callidus_slider_sec),

  html body.home.home main:not(#_hs1) {

    overflow-x: clip !important;

    max-width: 100vw !important;

  }

  /* HubSpot interactive modal overlay occasionally computes wider than viewport */

  html body.home.home #hs-interactives-modal-overlay:not(#_hs1) {

    max-width: 100vw !important;

    right: 0 !important;

    width: auto !important;

  }

}

/* === v12.3 mobile logo ticker grid === */

/* On narrow viewports, flatten the absolute-positioned marquee into a static wrapping grid */

@media (max-width: 767px) {

  html body.home.home .clientlogo.global-cs .clientLogoContainer:not(#_grid) {

    display: flex !important;

    flex-wrap: wrap !important;

    justify-content: center !important;

    align-items: center !important;

    gap: 18px 28px !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    padding: 18px 10px !important;

    overflow: visible !important;

    width: 100% !important;

  }

  html body.home.home .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.home.home .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;

  }

}

/* === v12.4 mobile menu submenu collapse === */

/* Fix: submenus were display:block + visibility:hidden, reserving ~450px of

   blank vertical space each and pushing Pricing/Company/Resources/Login below

   the viewport fold on phones. Collapse submenus by default; expose on .active

   (toggled by site JS when the submenu-toggle chevron is tapped). */

@media (max-width: 1199px) {

  html body.home.home header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu:not(#_v124),

  html body header .right_menu_cs .nav-links .nav-item.has-submenu .sub-menu:not(#_v124) {

    display: none !important;

    visibility: visible !important;

    opacity: 1 !important;

    pointer-events: auto !important;

    transform: none !important;

    transition: none !important;

    backdrop-filter: none !important;

    box-shadow: none !important;

    background: transparent !important;

    border: 0 !important;

    padding: 0 0 0 8px !important;

    margin: 6px 0 !important;

    min-width: 0 !important;

    top: auto !important;

  }

  html body.home.home header .right_menu_cs .nav-links .nav-item.has-submenu.active>.sub-menu:not(#_v124),

  html body header .right_menu_cs .nav-links .nav-item.has-submenu.active>.sub-menu:not(#_v124) {

    display: block !important;

  }

  html body header .right_menu_cs .nav-links .nav-item.has-submenu.active span.submenu-toggle::before {

    transform: translateY(-50%) rotate(180deg) !important;

  }

  html body header .right_menu_cs:not(#_v124) {

    max-height: calc(100vh - 70px) !important;

    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch !important;

  }

}

/* === v12.5 nav nowrap (prevent chevron from wrapping below at browser zoom) === */

/* Root cause: the <a> in each .has-submenu .nav-item has display: inline with

   white-space: normal and several chunks of HTML whitespace around the

   <span class="submenu-toggle"></span>. The designed chevron is rendered via

   a::after (inline-block, 6x6, margin-left:8px). At narrower widths (including

   browser zoom levels like 150-200%), the text + whitespace + ::after exceeds

   the <a>'s line width and the ::after wraps to a second line — so the chevron

   appears below the text and the has-submenu items become ~2x taller than the

   plain items, throwing off vertical alignment and apparent spacing. */

@media (min-width: 1200px) {

  html body header .right_menu_cs .nav-links .nav-item>a:not(#_v125),

  html body.home.home header .right_menu_cs .nav-links .nav-item>a:not(#_v125) {

    white-space: nowrap !important;

    display: inline-flex !important;

    align-items: center !important;

  }

  html body header .right_menu_cs .nav-links .nav-item>a::after:not(#_v125) {

    flex: 0 0 auto !important;

    white-space: nowrap !important;

  }

  /* Keep nav row from ever wrapping items and enforce consistent row alignment */

  html body header .right_menu_cs .nav-links:not(#_v125) {

    flex-wrap: nowrap !important;

    align-items: center !important;

  }

  html body header .right_menu_cs .nav-links>.nav-item:not(#_v125) {

    flex: 0 0 auto !important;

    white-space: nowrap !important;

  }

}

/* === v12.6 keep desktop nav visible down to 992px === */

/* Original CSS hides .right_menu_cs (position:absolute; visibility:hidden; opacity:0)

   and shows the hamburger at max-width: 1199px. At moderate browser zoom (e.g. 125-150%

   on a 1920 screen) the effective viewport drops below 1199px and the top nav

   "disappears completely". Push the hamburger trigger down to 991px so the desktop

   horizontal nav stays visible under normal zoom. Between 992-1199px we also reduce

   gaps and font-size to avoid overflow, extend v12.5 nowrap behavior, and hide the

   CTA buttons which take up too much room. */

@media (min-width: 992px) and (max-width: 1199px) {

  /* Keep the top menu visible inline (override the mobile-menu rule) */

  html body header .right_menu_cs:not(#_v126) {

    position: static !important;

    visibility: visible !important;

    opacity: 1 !important;

    width: auto !important;

    max-height: none !important;

    overflow: visible !important;

    background: transparent !important;

    left: auto !important;

    top: auto !important;

    z-index: auto !important;

    border-radius: 0 !important;

    transform: none !important;

    transition: none !important;

    display: flex !important;

    align-items: center !important;

    gap: 20px !important;

    flex-direction: row !important;

  }

  /* Hide the hamburger at this width */

  html body header .menu-toggle:not(#_v126) {

    display: none !important;

  }

  /* Nav-links back to horizontal flex (base mobile CSS makes them column) */

  html body header .right_menu_cs .nav-links:not(#_v126) {

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: center !important;

    width: auto !important;

    gap: 24px !important;

    padding: 0 !important;

    background: transparent !important;

  }

  html body header .right_menu_cs .nav-links>.nav-item:not(#_v126) {

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    white-space: nowrap !important;

    flex: 0 0 auto !important;

  }

  html body header .right_menu_cs .nav-links>.nav-item>a:not(#_v126) {

    display: inline-flex !important;

    align-items: center !important;

    white-space: nowrap !important;

    padding: 10px 0 !important;

    border: 0 !important;

    font-size: 12px !important;

  }

  /* Show the CTA buttons group (was hidden below 1199px) */

  html body header .header_wrapper .header_btns:not(#_v126) {

    display: flex !important;

  }

  html body header .header_wrapper .header_btns a:not(#_v126) {

    font-size: 11px !important;

    padding: 8px 12px !important;

  }

  /* Restore desktop submenu positioning (mobile made them relative) */

  html body header ul.sub-menu:not(#_v126) {

    position: absolute !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    top: 52px !important;

    padding: 10px !important;

    margin: 0 !important;

    background: linear-gradient(rgba(22, 30, 40, 0.92) 0%, rgba(14, 20, 28, 0.96) 100%) !important;

    border: 1px solid rgba(255, 255, 255, 0.08) !important;

    border-radius: 12px !important;

    min-width: 220px !important;

  }

}

/* Hero background image on Solutions pages */

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

  background: none !important;

  background-color: #05080f !important;

  background-image: url("/wp-content/uploads/2026/04/hero21-scaled-2048.webp") !important;

  background-size: cover !important;

  background-position: 50% 38% !important;

  background-repeat: no-repeat !important;

  position: relative !important;

  overflow: hidden !important;

}

/* Neutralize any inherited ::before gradients that would muddy the image */

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner::before {

  background: none !important;

  background-image: none !important;

  content: none !important;

  display: none !important;

}

/* Add a dark gradient vignette (::after) for text readability — same shape as home */

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner::after {

  content: "" !important;

  display: block !important;

  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  right: 0 !important;

  bottom: 0 !important;

  width: 100% !important;

  height: 100% !important;

  pointer-events: none !important;

  z-index: 0 !important;

  background: linear-gradient(0deg, rgb(16, 24, 32) 5%, rgb(18, 33, 63) 50%, rgba(255, 255, 255, 0) 100%) !important;

  opacity: 0.78 !important;

}

/* Keep hero inner content above the vignette */

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner>.hero_sec_cs,

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner>*:not(script):not(style) {

  position: relative !important;

  z-index: 2 !important;

}

/* Header transparent over hero on Solutions pages (mirror home) */

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php>header:not(#_v129),

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php>header:not(#_v129)>.top_bar_cs,

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php>header:not(#_v129) .header_cs {

  background: transparent !important;

  background-color: transparent !important;

  background-image: none !important;

  box-shadow: none !important;

}

/* Hide the laptop/video block that was in the hero — user asked to move it "down" */

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner .laptop-container:not(#_v129),

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner .laptop_video_play:not(#_v129),

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner .hero_img_cs:not(#_v129) {

  display: none !important;

}

/* END v12.9 */

/* === Solutions sub-pages: hero height + per-page images (added 2026-04-28) === */

/* Match all Solutions sub-pages to legal-research-ai hero height (853px desktop) */

html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

  min-height: 853px !important;

}

@media (max-width: 1200px) {

  html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

    min-height: 600px !important;

  }

}

@media (max-width: 767px) {

  html body.parent-pageid-806.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

    min-height: 500px !important;

  }

}

/* ai-litigation-drafting (page-id-3491) */

html body.page-id-3491.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

  background-image: url(/wp-content/uploads/2026/04/courtroom-scaled-2048.webp) !important;

}

/* ai-timelines-facts (page-id-3569) */

html body.page-id-3569.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

  background-image: url(/wp-content/uploads/2026/04/Person-on-phone-scaled-2048.webp) !important;

}

/* ai-legal-assistant (page-id-3567) */

html body.page-id-3567.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

  background-image: url(/wp-content/uploads/2026/04/desk-scaled-2048.webp) !important;

}

/* ai-contract-drafting (page-id-3573) */

html body.page-id-3573.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

  background-image: url(/wp-content/uploads/2026/04/Legal-Notepad-scaled-2048.webp) !important;

}

/* compare-contracts (page-id-3619) */

html body.page-id-3619.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

  background-image: url(/wp-content/uploads/2026/04/hero-redlining-scaled-2048.webp) !important;

}

/* ai-discovery-doc-review (page-id-3571) */

html body.page-id-3571.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

  background-image: url(/wp-content/uploads/2026/04/File-Room-scaled-2048.webp) !important;

}

/* word-add-in (page-id-3623) */

html body.page-id-3623.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

  background-image: url(/wp-content/uploads/2026/04/Contract-Comparison-scaled-2048.webp) !important;

}

/* ai-oral-arguments-simulator-with-case-coach (page-id-8796) */

html body.page-id-8796.page-template-NewHomepageCallidusai-php section.heroBanner:not(#_v129) {

  background-image: url(/wp-content/uploads/2026/04/Oral-Arg-scaled-2048.webp) !important;

}

/* === end Solutions sub-pages block === */

/* FAQ stray quote fix: ACF question text renders inside <blockquote class="heading_h6"> on home/landing FAQ — UA :before open-quote shows a stray. Suppress. */

.home-faqs .acc-head blockquote::before,
.home-faqs .acc-head blockquote::after,
.callidus_slide_sec blockquote::before {
  content: none !important;
}

.home-faqs .acc-head blockquote {
  quotes: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === Solutions sub-page nav font-size override (TASK 27) === */

html body .header_cs .right_menu_cs .nav-links li.nav-item>a:not(#_nav99),

html body .header_cs .right_menu_cs .nav-links>.nav-item>a:not(#_nav99),

html body .container_cs .header_wrapper .right_menu_cs .nav-links li.nav-item>a:not(#_nav99),

html body .container_cs .header_wrapper .right_menu_cs .nav-links>li>a:not(#_nav99) {

  font-size: 16px !important;

  font-weight: 600 !important;

  font-family: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;

  letter-spacing: 0.16px !important;

}

/* === Oral Arguments page: extra space before FAQ section (TASK 28) === */

body.page-id-8796 .home-faqs.callidus_models_sec.pt-0 {

  padding-top: 180px !important;

}

/* === STRONGSUIT_HEADER_TRANSPARENT_FIX (2026-04-29) ===

   Universal transparent header (matches home behavior) for all pages using this stylesheet. */

html body header:not(#_zzz):not(#wpadminbar) {

  position: sticky !important;

  top: 0 !important;

  z-index: 999;

}

/* === /STRONGSUIT_HEADER_TRANSPARENT_FIX === */

/* === Hero overlay + LOG IN fix (re-added) === */

html body section.heroBanner:not(#_zzz) {
  margin-top: -126px !important;
  padding-top: 126px !important;
}
html body .header_cs .nav-links>.nav-item>a[href*="app.strongsuit.com"]::before,
html body header .nav-links>.nav-item>a[href*="app.strongsuit.com"]::before {
  display: none !important;

}

html body .header_cs .nav-links>.nav-item>a,
html body header .nav-links>.nav-item>a {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;

}

.home-faqs {
  content-visibility: auto;
  contain-intrinsic-size: 1px 600px;
}

.mainIframe {
  content-visibility: auto;
  contain-intrinsic-size: 1px 423px;
}

/* PERF-AUDIT-2026-04-29 end */

/* webp-converted-marker-2026-04-29 */

/* Award hover state -- 2026-04-30 */

section.heroBanner .hero_logo_cs {
  cursor: pointer;
  transition: transform .25s ease;
}

section.heroBanner .hero_logo_cs:hover {
  transform: scale(1.04);
}

/* Solutions pages: replace LegalTech hexagon with WINNER laurel award */
html body.parent-pageid-806 .hero_logo_cs img.logobanner {
  opacity: 0 !important;
}

html body.parent-pageid-806 .hero_logo_cs {
  background-image: url('/wp-content/uploads/2026/04/award-badge-v12.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

button.head_btn_two:not(:hover):not(:active):not(.has-text-color) {
  background-color: transparent;
}