/* Exact Contact Products dropdown copied from the current About Products dropdown.
   Portable scope: set <body id="cbsi-navbar-handoff"> or replace that id. */

/* Contact Products dropdown copied from the current About Products dropdown. */
/* copied from About: cbsi-about-blog-products-one-box */

/* One unified Products dropdown box for About Us and Blog */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
  gap: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(46, 46, 46, 0.14) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(46, 46, 46, 0.18) !important;
  overflow: hidden !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link {
  min-height: 41px !important;
  height: 41px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:focus-visible,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:focus-visible {
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(46, 46, 46, 0.06) !important;
  box-shadow: none !important;
  transform: none !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:first-child,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:first-child {
  border-radius: 10px 10px 0 0 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:last-child,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:last-child {
  border-radius: 0 0 10px 10px !important;
}


/* copied from About: cbsi-about-blog-products-title */

/* Products dropdown heading */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-products-title,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-products-title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 12px 12px !important;
  color: #2e2e2e !important;
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  white-space: normal !important;
}


/* copied from About: cbsi-about-blog-products-two-columns */

/* Products dropdown: one box, title spanning both columns */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr !important;
  grid-auto-flow: row !important;
  column-gap: 18px !important;
  row-gap: 0 !important;
  width: min(720px, calc(100vw - 28px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 28px) !important;
  padding: 12px !important;
  border: 1px solid rgba(46, 46, 46, 0.14) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(46, 46, 46, 0.18) !important;
  overflow: hidden !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-products-title,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-products-title {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  padding: 2px 10px 14px !important;
  text-align: left !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-column,
#cbsi-navbar-handoff .cbsi-nav-products-column,
#cbsi-navbar-handoff .cbsi-nav-industry-column,
#cbsi-navbar-handoff .cbsi-nav-industry-column {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-column,
#cbsi-navbar-handoff .cbsi-nav-products-column {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

#cbsi-navbar-handoff .cbsi-nav-industry-column,
#cbsi-navbar-handoff .cbsi-nav-industry-column {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-column-title,
#cbsi-navbar-handoff .cbsi-nav-products-column-title,
#cbsi-navbar-handoff .cbsi-nav-industry-column-title,
#cbsi-navbar-handoff .cbsi-nav-industry-column-title {
  display: block !important;
  margin: 0 !important;
  padding: 0 10px 8px !important;
  color: #2e2e2e !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: left !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 41px !important;
  height: 41px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:focus-visible,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu a.cbsi-nav-product-link:focus-visible {
  background: rgba(46, 46, 46, 0.06) !important;
  box-shadow: none !important;
  transform: none !important;
}

#cbsi-navbar-handoff .cbsi-nav-industry-item,
#cbsi-navbar-handoff .cbsi-nav-industry-item {
  min-height: 41px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  color: #000000 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  text-align: left !important;
}

#cbsi-navbar-handoff .cbsi-nav-industry-item:hover,
#cbsi-navbar-handoff .cbsi-nav-industry-item:hover {
  background: rgba(46, 46, 46, 0.06) !important;
}

#cbsi-navbar-handoff .cbsi-nav-industry-icon,
#cbsi-navbar-handoff .cbsi-nav-industry-icon {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 2px !important;
  background: #123b78 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    width: min(330px, calc(100vw - 28px)) !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 0 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-column,
  #cbsi-navbar-handoff .cbsi-nav-products-column {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-industry-column,
  #cbsi-navbar-handoff .cbsi-nav-industry-column {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin-top: 12px !important;
  }
}


/* copied from About: cbsi-about-blog-products-light-gradient */

/* Light product-color gradient applied individually to each product row */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
  background: #ffffff !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="accounting-suite"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="accounting-suite"] {
  background: linear-gradient(100deg, rgba(248, 185, 0, 0.18), rgba(255, 255, 255, 0.96)) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="tagrain-pos"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="tagrain-pos"] {
  background: linear-gradient(100deg, rgba(36, 196, 230, 0.18), rgba(255, 255, 255, 0.96)) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="payfactor"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="payfactor"] {
  background: linear-gradient(100deg, rgba(12, 9, 114, 0.14), rgba(255, 255, 255, 0.97)) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="clasen-entry"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="clasen-entry"] {
  background: linear-gradient(100deg, rgba(246, 92, 5, 0.17), rgba(255, 255, 255, 0.96)) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="hansaworld"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="hansaworld"] {
  background: linear-gradient(100deg, rgba(215, 25, 32, 0.15), rgba(255, 255, 255, 0.96)) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus-visible,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus-visible {
  filter: saturate(1.08) !important;
}


/* copied from About: cbsi-about-blog-latest-vlog */

/* Replace the Industry column with the latest Vlog */
#cbsi-navbar-handoff .cbsi-nav-industry-column-title,
#cbsi-navbar-handoff .cbsi-nav-industry-column-title {
  font-size: 13px !important;
}

#cbsi-navbar-handoff .cbsi-nav-latest-vlog-item,
#cbsi-navbar-handoff .cbsi-nav-latest-vlog-item {
  min-height: 88px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(12, 9, 114, 0.14), rgba(36, 196, 230, 0.12), rgba(255, 255, 255, 0.94)) !important;
  color: #000000 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
}

#cbsi-navbar-handoff .cbsi-nav-latest-vlog-item:hover,
#cbsi-navbar-handoff .cbsi-nav-latest-vlog-item:focus,
#cbsi-navbar-handoff .cbsi-nav-latest-vlog-item:focus-visible,
#cbsi-navbar-handoff .cbsi-nav-latest-vlog-item:hover,
#cbsi-navbar-handoff .cbsi-nav-latest-vlog-item:focus,
#cbsi-navbar-handoff .cbsi-nav-latest-vlog-item:focus-visible {
  background: linear-gradient(135deg, rgba(12, 9, 114, 0.20), rgba(36, 196, 230, 0.18), rgba(255, 255, 255, 0.96)) !important;
  color: #000000 !important;
  box-shadow: none !important;
  transform: none !important;
}

#cbsi-navbar-handoff .cbsi-nav-latest-vlog-icon,
#cbsi-navbar-handoff .cbsi-nav-latest-vlog-icon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding-left: 2px !important;
  border-radius: 4px !important;
  background: #123b78 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

#cbsi-navbar-handoff .cbsi-nav-latest-vlog-copy,
#cbsi-navbar-handoff .cbsi-nav-latest-vlog-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  color: #000000 !important;
  font-family: "Inter", sans-serif !important;
  text-align: left !important;
}

#cbsi-navbar-handoff .cbsi-nav-latest-vlog-copy strong,
#cbsi-navbar-handoff .cbsi-nav-latest-vlog-copy strong {
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

#cbsi-navbar-handoff .cbsi-nav-latest-vlog-copy small,
#cbsi-navbar-handoff .cbsi-nav-latest-vlog-copy small {
  color: rgba(46, 46, 46, 0.76) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}


/* copied from About: cbsi-about-blog-accounting-suite-copy */

/* Accounting Suite product description in the About Us and Blog dropdowns */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] {
  min-height: 68px !important;
  height: auto !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 9px 10px !important;
  text-align: left !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-logo-wrap,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-logo-wrap {
  flex: 0 0 132px !important;
  width: 132px !important;
  min-width: 132px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-description {
  min-width: 0 !important;
  color: #000000 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-logo-wrap,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-logo-wrap {
    flex-basis: 108px !important;
    width: 108px !important;
    min-width: 108px !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-description,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-description {
    font-size: 11px !important;
  }
}


/* copied from About: cbsi-about-blog-accounting-suite-top */

/* Keep the Accounting Suite logo above its description */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] {
  min-height: 92px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 9px 10px !important;
  text-align: center !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-logo-wrap,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-logo-wrap {
  order: 1 !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-description {
  order: 2 !important;
  width: 100% !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
  text-align: center !important;
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"],
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] {
    min-height: 88px !important;
  }
}


/* copied from About: cbsi-about-blog-products-four-categories */

/* Three category columns with one full-width Latest Blog row below */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: auto auto auto !important;
  grid-auto-flow: row !important;
  column-gap: 14px !important;
  row-gap: 12px !important;
  width: min(860px, calc(100vw - 28px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 28px) !important;
  padding: 12px !important;
  border: 1px solid rgba(46, 46, 46, 0.14) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(46, 46, 46, 0.18) !important;
  overflow: hidden !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-products-title,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-products-title {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: auto !important;
  padding: 2px 10px 10px !important;
  text-align: left !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-products-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-products-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-category-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-category-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-column {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-pos-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-pos-column {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-solutions-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-solutions-column {
  grid-column: 3 !important;
  grid-row: 2 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  margin-top: 2px !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-products-column-title,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-products-column-title,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-industry-column-title,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-industry-column-title {
  display: block !important;
  margin: 0 !important;
  padding: 0 10px 8px !important;
  color: #2e2e2e !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: left !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column .cbsi-nav-latest-blog-item,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column .cbsi-nav-latest-blog-item {
  width: 100% !important;
}

@media (max-width: 720px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-column {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-pos-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-pos-column {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-solutions-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-solutions-column {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    width: min(360px, calc(100vw - 28px)) !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto auto !important;
    column-gap: 0 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-column {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-pos-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-pos-column {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-solutions-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-solutions-column {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
    grid-column: 1 !important;
    grid-row: 5 !important;
    margin-top: 2px !important;
  }
}


/* copied from About: cbsi-about-blog-product-brand-gradients */

/* Bolder coordinated brand gradients and product service descriptions */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="accounting-suite"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="accounting-suite"] {
  background: linear-gradient(115deg, #fff0a8 0%, #ffd166 48%, #f5a623 100%) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="tagrain-pos"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="tagrain-pos"] {
  background: linear-gradient(115deg, #b8f4ff 0%, #31d5e8 48%, #0879c9 100%) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="payfactor"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="payfactor"] {
  background: linear-gradient(115deg, #e4e1ff 0%, #9c8cf4 48%, #5b4ac4 100%) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="clasen-entry"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="clasen-entry"] {
  background: linear-gradient(115deg, #ffd0a3 0%, #ff8a4c 48%, #e94326 100%) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="hansaworld"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="hansaworld"] {
  background: linear-gradient(115deg, #ffd2d4 0%, #f26b72 48%, #c92e42 100%) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus-visible,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus-visible {
  filter: saturate(1.12) brightness(1.03) !important;
  box-shadow: 0 5px 14px rgba(46, 46, 46, 0.12) !important;
}

/* Keep the existing Accounting Suite text above its logo, and stack the
   other product descriptions below each product logo. */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:not([data-cbsi-nav-product="accounting-suite"]),
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:not([data-cbsi-nav-product="accounting-suite"]) {
  min-height: 82px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 8px 10px !important;
  text-align: center !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:not([data-cbsi-nav-product="accounting-suite"]) .cbsi-nav-product-logo-wrap,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:not([data-cbsi-nav-product="accounting-suite"]) .cbsi-nav-product-logo-wrap {
  order: 1 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

#cbsi-navbar-handoff .cbsi-nav-product-service-description,
#cbsi-navbar-handoff .cbsi-nav-product-service-description {
  order: 2 !important;
  display: block !important;
  width: 100% !important;
  max-width: 250px !important;
  margin: 0 !important;
  color: #202020 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.005em !important;
  text-align: center !important;
  white-space: normal !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-description {
  color: #202020 !important;
  font-weight: 800 !important;
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:not([data-cbsi-nav-product="accounting-suite"]),
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:not([data-cbsi-nav-product="accounting-suite"]) {
    min-height: 78px !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-product-service-description,
  #cbsi-navbar-handoff .cbsi-nav-product-service-description {
    font-size: 10.5px !important;
  }
}


/* copied from About: cbsi-about-blog-product-description-uniform-font */

/* Keep every product service description at one uniform readable size */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-product-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-product-service-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-product-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-product-service-description {
  font-size: 11px !important;
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-product-description,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-product-service-description,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-product-description,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-product-service-description {
    font-size: 11px !important;
  }
}


/* copied from About: cbsi-about-blog-products-five-categories */

/* HRIS & Payroll and Enterprise Resource Planning are the second-row categories */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
  grid-template-rows: auto auto auto auto !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-erp-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-erp-column {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column {
  grid-column: 1 !important;
  grid-row: 3 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-erp-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-erp-column {
  grid-column: 2 !important;
  grid-row: 3 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
}

@media (max-width: 720px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    grid-template-rows: auto auto auto auto auto !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-erp-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-erp-column {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
  }
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    grid-template-rows: auto auto auto auto auto auto auto !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column {
    grid-column: 1 !important;
    grid-row: 5 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-erp-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-erp-column {
    grid-column: 1 !important;
    grid-row: 6 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
    grid-column: 1 !important;
    grid-row: 7 !important;
  }
}


/* copied from About: cbsi-about-blog-products-erp-with-accounting */

/* Keep ERP inside Accounting System; place HRIS & Payroll in column two of row two */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
  grid-template-rows: auto auto auto auto !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column {
  grid-column: 2 !important;
  grid-row: 3 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
}

@media (max-width: 720px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    grid-template-rows: auto auto auto auto !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    grid-template-rows: auto auto auto auto auto auto !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column {
    grid-column: 1 !important;
    grid-row: 5 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
    grid-column: 1 !important;
    grid-row: 6 !important;
  }
}


/* copied from About: cbsi-about-blog-products-align-erp-hris */

/* Keep the ERP product with Accounting System and level it with HRIS & Payroll */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-erp-row,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-erp-row {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  grid-column: 1 !important;
  grid-row: 3 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column {
  grid-column: 2 !important;
  grid-row: 3 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
}

@media (max-width: 720px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    grid-template-rows: auto auto auto auto auto !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-erp-row,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-erp-row {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-solutions-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-solutions-column {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
  }
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    grid-template-rows: auto auto auto auto auto auto auto !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-erp-row,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-accounting-erp-row {
    grid-column: 1 !important;
    grid-row: 5 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-hris-column {
    grid-column: 1 !important;
    grid-row: 6 !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-column {
    grid-column: 1 !important;
    grid-row: 7 !important;
  }
}


/* copied from About: cbsi-about-blog-latest-blog-photo-layout */

/* Latest Blog: photo holder on the left, title and description on the right */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item {
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  text-align: left !important;
}

#cbsi-navbar-handoff .cbsi-nav-latest-blog-photo,
#cbsi-navbar-handoff .cbsi-nav-latest-blog-photo {
  flex: 0 0 132px !important;
  width: 132px !important;
  height: 74px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px dashed #315a9b !important;
  border-radius: 8px !important;
  background: #f3f6fb !important;
  color: #315a9b !important;
  font-family: "Inter", sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#cbsi-navbar-handoff .cbsi-nav-latest-blog-photo-label,
#cbsi-navbar-handoff .cbsi-nav-latest-blog-photo-label {
  display: block !important;
  color: #315a9b !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item .cbsi-nav-latest-vlog-copy,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item .cbsi-nav-latest-vlog-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-latest-blog-photo,
  #cbsi-navbar-handoff .cbsi-nav-latest-blog-photo {
    flex-basis: 96px !important;
    width: 96px !important;
    height: 60px !important;
  }
}


/* copied from About: cbsi-about-blog-latest-blog-photo-size */

/* Photo holder enlarged by 40 percent */
#cbsi-navbar-handoff .cbsi-nav-latest-blog-photo,
#cbsi-navbar-handoff .cbsi-nav-latest-blog-photo {
  flex-basis: 185px !important;
  width: 185px !important;
  height: 104px !important;
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-latest-blog-photo,
  #cbsi-navbar-handoff .cbsi-nav-latest-blog-photo {
    flex-basis: 134px !important;
    width: 134px !important;
    height: 84px !important;
  }
}


/* copied from About: cbsi-about-blog-latest-blog-extended-cell */

/* Expand the dropdown and give the enlarged Latest Blog photo holder room */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
  width: min(980px, calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item {
  min-height: 128px !important;
  height: auto !important;
  width: 100% !important;
}

@media (max-width: 720px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    width: min(680px, calc(100vw - 28px)) !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item {
    min-height: 128px !important;
  }
}

@media (max-width: 520px) {
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-dropdown-menu {
    width: min(390px, calc(100vw - 28px)) !important;
  }

  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item,
  #cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item {
    min-height: 108px !important;
  }
}


/* copied from About: cbsi-about-blog-product-dropdown-gradient-system */

/* Premium product-dropdown gradient system: each product has its own family */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="accounting-suite"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="accounting-suite"] {
  background:
    radial-gradient(circle at 8% 18%, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0) 42%),
    radial-gradient(circle at 92% 90%, rgba(234, 154, 0, 0.30) 0%, rgba(234, 154, 0, 0) 55%),
    linear-gradient(112deg, #fff3b0 0%, #ffd66b 46%, #edae2f 100%) !important;
  border-color: rgba(215, 155, 24, 0.42) !important;
  box-shadow: 0 8px 20px rgba(190, 133, 11, 0.12) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="tagrain-pos"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="tagrain-pos"] {
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0) 40%),
    radial-gradient(circle at 12% 86%, rgba(0, 111, 180, 0.22) 0%, rgba(0, 111, 180, 0) 56%),
    linear-gradient(142deg, #c8f7fb 0%, #43d3e1 46%, #137cc4 100%) !important;
  border-color: rgba(18, 139, 190, 0.42) !important;
  box-shadow: 0 8px 20px rgba(9, 128, 177, 0.13) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="payfactor"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="payfactor"] {
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.48) 0%, rgba(255, 255, 255, 0) 43%),
    radial-gradient(circle at 92% 88%, rgba(46, 39, 145, 0.26) 0%, rgba(46, 39, 145, 0) 58%),
    linear-gradient(78deg, #e9e7ff 0%, #a79cf5 48%, #6256cc 100%) !important;
  border-color: rgba(95, 82, 201, 0.40) !important;
  box-shadow: 0 8px 20px rgba(78, 68, 173, 0.13) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="clasen-entry"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="clasen-entry"] {
  background:
    radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 42%),
    radial-gradient(circle at 90% 85%, rgba(96, 165, 250, 0.22) 0%, rgba(96, 165, 250, 0) 56%),
    linear-gradient(118deg, #312E81 0%, #4F46E5 52%, #60A5FA 100%) !important;
  border-color: rgba(79, 70, 229, 0.52) !important;
  box-shadow: 0 9px 22px rgba(49, 46, 129, 0.22) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="hansaworld"],
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link[data-cbsi-nav-product="hansaworld"] {
  background:
    radial-gradient(circle at 94% 12%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0) 42%),
    radial-gradient(circle at 8% 88%, rgba(174, 30, 52, 0.22) 0%, rgba(174, 30, 52, 0) 58%),
    linear-gradient(156deg, #fff0f1 0%, #f48b95 48%, #d54857 100%) !important;
  border-color: rgba(197, 48, 70, 0.42) !important;
  box-shadow: 0 8px 20px rgba(180, 39, 58, 0.13) !important;
}

/* Keep each product identity readable over its own color family. */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="accounting-suite"] .cbsi-nav-product-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="tagrain-pos"] .cbsi-nav-product-service-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="tagrain-pos"] .cbsi-nav-product-service-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="payfactor"] .cbsi-nav-product-service-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="payfactor"] .cbsi-nav-product-service-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="hansaworld"] .cbsi-nav-product-service-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="hansaworld"] .cbsi-nav-product-service-description {
  color: #222044 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.30) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="clasen-entry"] .cbsi-nav-product-service-description,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="clasen-entry"] .cbsi-nav-product-service-description {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(17, 24, 39, 0.30) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="tagrain-pos"] .cbsi-nav-product-logo-caption,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="tagrain-pos"] .cbsi-nav-product-logo-caption {
  color: #075985 !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="payfactor"] .cbsi-nav-product-logo-caption,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="payfactor"] .cbsi-nav-product-logo-caption,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="hansaworld"] .cbsi-nav-product-logo-caption,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a[data-cbsi-nav-product="hansaworld"] .cbsi-nav-product-logo-caption {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(17, 24, 39, 0.24) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus-visible,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown a.cbsi-nav-product-link:focus-visible {
  filter: saturate(1.08) brightness(1.03) !important;
  box-shadow: 0 10px 24px rgba(46, 46, 46, 0.16) !important;
}

/* Latest Blog is intentionally neutral: no gradient in the Product dropdown. */
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item {
  background: #f7f9fc !important;
  background-image: none !important;
  border: 1px solid #d6deeb !important;
  box-shadow: 0 8px 20px rgba(46, 62, 91, 0.08) !important;
}

#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item:focus-visible,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item:hover,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item:focus,
#cbsi-navbar-handoff .cbsi-nav-products-dropdown .cbsi-nav-latest-blog-item:focus-visible {
  background: #f7f9fc !important;
  background-image: none !important;
  box-shadow: 0 10px 24px rgba(46, 62, 91, 0.12) !important;
}