@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #0a2540;
  font-weight: 500;
}

h1,
h2,
h3 {
  font-size: 2.25rem;
  line-height: 2.75rem;
}
h4,
h5 {
  font-size: 2rem;
  line-height: 2.5rem;
}
h6 {
  line-height: 2rem;
  font-size: 1.25rem;
}

p,
span {
  margin: 0;
  font-size: 1rem;
  color: #425466;
  font-weight: 400;
  line-height: 1.5rem;
}

.text-white {
  color: #fff;
}
.text-black {
  color: #000;
}
.text-primary {
  color: #0a2540;
}
.text-secondary {
  color: #425466;
}
.bg-white {
  background: #fff;
}
.bg-black {
  background: #000;
}

.ehr-btn {
  color: #f6f9fc;
  font-weight: 500;
  line-height: 2rem;
  font-size: 1.5rem;
  text-align: center;
  border-radius: 5px;
  white-space: nowrap;
  background: #0a2540;
  padding: 1.25rem 1.75rem;
  border: 1px solid #0a2540;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ehr-btn:hover {
  z-index: 1;
  color: #0a2540;
  background: #fff;
  position: relative;
  border: 1px solid #0a2540;
  outline: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.ehr-btn-dragon {
  color: #0a2540;
  background: transparent;
}
.ehr-btn-dragon:hover {
  color: #fff;
  background: #0a2540;
  border: 1px solid #0a2540;
}

header {
  background: transparent;
}
header.sticky {
  background: #fff;
}
header .custom-logo-link {
  display: none;
}
header .navbar-brand {
  display: block;
}
header
  .navbar-expand-lg
  .navbar-nav
  .nav-item:last-child
  .nav-link.request-link-hyper {
  font-size: 1rem;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 5px;
  line-height: 1.5rem;
  background: #0a2540;
  border: 1px solid #0a2540;
}
header
  .navbar-expand-lg
  .navbar-nav
  .nav-item:last-child
  .nav-link.request-link-hyper:hover {
  color: #fff;
  background: #0a2540;
  border: 1px solid #0a2540;
  -webkit-box-shadow: 0px 0px 10px 2px #d3d3d3 !important;
  -moz-box-shadow: 0px 0px 10px 2px #d3d3d3 !important;
  box-shadow: 0px 0px 10px 2px #d3d3d3 !important;
}

.scroll-top-arrow {
  padding: 8px 10px;
  background-color: #0a2540;
}
.scroll-top-arrow:hover {
  background-color: #0a2540;
}

.bh-ehr-banner {
  padding-top: 14rem;
  padding-bottom: 9.5rem;
}
.bh-ehr-banner .bbrx-banner-card {
  width: 100%;
  display: flex;
  margin: 0 auto;
  text-align: center;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.bh-ehr-banner .bbrx-banner-card .title-text-large {
  font-weight: 600;
  font-size: 4.5rem;
  line-height: 5.5rem;
}
.bbehr-common-header h2,
.bh-ehr-banner .bbrx-banner-card .title-text-medium {
  font-weight: 500;
  font-size: 3.25rem;
  line-height: 3.75rem;
}
.bbehr-common-header p,
.bh-ehr-banner .bbrx-banner-card p {
  color: #0a2540;
  font-weight: 400;
  line-height: 2rem;
  font-size: 1.25rem;
  margin-top: 2.5rem;
}
.bbehr-common-header .banner-btn-group,
.bh-ehr-banner .banner-btn-group {
  display: flex;
  column-gap: 1.5rem;
  margin-top: 7rem;
  position: relative;
  justify-content: center;
}
.bh-ehr-banner .banner-btn-group a {
  z-index: 1;
}
.bh-ehr-banner .banner-btn-group::before {
  content: "";
  width: 304px;
  height: 224px;
  background: url(../images/bhEHR-banner-line.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: -208px;
  top: 35px;
}
.bbehr-common-header {
  text-align: center;
}
.bbehr-common-header .banner-btn-group {
  margin-top: 3.5rem;
}

.solve-problem-section {
  padding-top: 0;
  text-align: center;
  padding-bottom: 8.75rem;
}
.solve-problem-container {
  display: flex;
  width: 1016px;
  margin: 0 auto;
  column-gap: 4rem;
}
.solve-problem-row {
  row-gap: 4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
.solve-problem-card {
  z-index: 1;
  padding: 2.5rem;
  overflow: hidden;
  text-align: left;
  position: relative;
  border-radius: 10px;
  padding-bottom: 3.75rem;
}
.solve-problem-card img {
  margin-bottom: 1.5rem;
}
.solve-problem-card h4 {
  font-size: 2rem;
  font-weight: 600;
  max-width: 310px;
  line-height: 2.5rem;
  margin-bottom: 1rem;
}
.solve-problem-card h5 {
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  line-height: 2.25rem;
}
.solve-problem-row .solve-problem-card:first-child {
  background: #fff9f8;
  padding-bottom: 3.25rem;
}
.solve-problem-row .solve-problem-card:last-child {
  background: #f8faff;
}
.solve-problem-row + .solve-problem-row .solve-problem-card:first-child {
  padding-bottom: 5rem;
  background: #f8fff8;
}
.solve-problem-row + .solve-problem-row .solve-problem-card:last-child {
  background: #faf8ff;
}
.solve-section-line-container {
  width: 100%;
  display: flex;
  padding: 0 1rem;
  justify-content: center;
  position: absolute;
  margin: 0 auto;
  bottom: -25px;
}

.pain-points-section {
  padding: 8.75rem 0;
}
.pain-points-section .bbehr-common-header {
  position: relative;
}
.pain-points-section .bbehr-common-header h2 {
    width: 865px;
    margin: 0 auto;
    font-weight: 400;
    line-height: 4.25rem;
}
.pain-points-section .bbehr-common-header h2 b {
    font-weight: 600;
}
.pain-points-section .bbehr-common-header::before {
  content: "";
  width: 166px;
  height: 813px;
  background: url(../images/bhEHR-pain-points-top-line-sm.png) no-repeat;
  position: absolute;
  left: -60px;
  top: -256px;
}
.pain-points-section .bbehr-common-header p {
  margin: 0 auto;
  max-width: 938px;
  margin-top: 2.5rem;
}
.pain-points-tab-container {
  z-index: 1;
  position: relative;
  margin-top: 5.75rem;
  border-radius: 1.25rem;
  padding: 4.5rem 4.25rem 4.25rem 3.75rem;
  background: linear-gradient(289.56deg, #ffffff -36.91%, #f5f9ff 46.82%);
}
.pain-points-tab .nav {
  width: 288px;
}
.pain-points-tab .nav-pills .nav-link {
  color: #425466;
  text-align: left;
  font-weight: 400;
  line-height: 2rem;
  font-size: 1.25rem;
  border-radius: 5px;
  padding: 11px 1rem;
}
.pain-points-tab .nav-pills .nav-link + .nav-link {
  margin-top: 10px;
}
.pain-points-tab .nav-pills .nav-link.active,
.pain-points-tab .nav-pills .show > .nav-link {
  color: #0a2540;
  font-weight: 600;
  background-color: #fff;
  -webkit-box-shadow: 0px 7px 70px 0px #00000026;
  -moz-box-shadow: 0px 7px 70px 0px #00000026;
  box-shadow: 0px 7px 70px 0px #00000026;
  white-space: nowrap !important;
}
.pain-points-tab .tab-content {
  flex: 1;
}
.pain-points-tab .tab-content > .tab-pane {
  padding-left: 4.5rem;
}
.pain-points-tab-content {
  display: flex;
  row-gap: 2.5rem;
  flex-direction: column;
}
.pain-points-tab-card-row {
  display: flex;
  column-gap: 5.5rem;
}
.pain-points-tab-content .pain-points-tab-card-row:first-child {
  align-items: center;
  column-gap: 2.25rem;
}
.pain-points-tab-card-row .pain-points-tab-card {
  width: 50%;
}
.pain-points-tab-card h3 {
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 3.25rem;
}
.pain-points-tab-card h6 {
  font-weight: 600;
  line-height: 1.75rem;
}
.pain-points-tab-card p {
  margin-top: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.pain-points-tab-container.v-pills-scheduling-tab,
.pain-points-tab-container.v-pills-patient-intake-tab {
  background: linear-gradient(289.56deg, #ffffff -36.91%, #f5f9ff 46.82%);
}
.pain-points-tab-container.v-pills-clinical-care-tab,
.pain-points-tab-container.v-pills-risk-stratification-tab {
  background: #ecf2ff;
}
.pain-points-tab-container.v-pills-assessment-tools-tab,
.pain-points-tab-container.v-pills-configurable-care-plan-tab {
  background: #ecfcff;
}
.pain-points-tab-container.v-pills-ondemand-telehealth-tab,
.pain-points-tab-container.v-pills-care-plan-execution-tab {
  background: #f3f6ed;
}
.pain-points-tab-container.v-pills-robust-billing-tab,
.pain-points-tab-container.v-pills-monitoring--compliance--tab {
  background: #fffbee;
}
.pain-points-tab-container.v-pills-advanced-analytics-tab,
.pain-points-tab-container.v-pills-reporting--integration-tab {
  background: #ffeeee;
}
.pain-points-tab-container.v-pills-patient-engagement-tab {
  background: #ffeef9;
}
.pain-points-tab-container.v-pills-artificial-intelligence-tab {
  background: #faffee;
}
.pain-points-tab-container.v-pills-integrations-tab {
  background: #fff3ee;
}
.bh-ehr-accordion {
  margin-top: 5.75rem;
}
.bh-ehr-accordion .accordion-item {
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #d1d3d680;
}
.bh-ehr-accordion .accordion-item + .accordion-item {
  margin-top: 1.25rem;
}
.bh-ehr-accordion .accordion-button {
  color: #0a2540;
  font-weight: 500;
  column-gap: 1.5rem;
  line-height: 1.75rem;
  padding: 1.25rem 1.75rem;
}
.bh-ehr-accordion .accordion-button:not(.collapsed) {
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bh-ehr-accordion .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bh-ehr-accordion .accordion-body {
  padding: 3rem 1.75rem;
  border-top: 1px solid #d1d3d680;
}
.pain-points-section .bh-ehr-accordion {
  display: none;
}
.now-container {
  display: flex;
  margin-top: 9rem;
  position: relative;
  align-items: center;
  column-gap: 2.25rem;
}
.now-container .now-info {
  z-index: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}
.now-container .now-info h2 {
  width: 222px;
  height: 121px;
  font-weight: 600;
  font-size: 4.5rem;
  line-height: 8.5rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  background: url("../images/bhEHR-now-bg.png") no-repeat;
  background-size: cover;
}
.now-container .now-info h3 {
  font-weight: 600;
  font-size: 3.25rem;
  line-height: 3.75rem;
  margin-bottom: 1.75rem;
}
.now-container .now-info p {
  color: #0a2540;
  line-height: 2rem;
  font-size: 1.25rem;
}
.now-container .now-info a {
  margin-top: 3.5rem;
}
.now-container .now-image {
  min-width: 504px;
}
.now-container .now-bg-line {
  position: absolute;
  bottom: -254px;
  right: -40px;
}

.use-bluebriX-section {
  padding: 8.75rem 0;
}
.use-bluebriX-section .bbehr-common-header p {
  width: 960px;
  margin: 0 auto;
  margin-top: 1.25rem;
}
.use-bluebriX-container {
  display: flex;
  row-gap: 1rem;
  margin-top: 7rem;
  flex-direction: column;
}
.use-bluebriX-card {
  display: flex;
  padding: 4.5rem;
  border-radius: 1rem;
  background: #f0f4f8;
  justify-content: space-between;
}
.use-bluebriX-card-info {
  width: 550px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.use-bluebriX-card-info span {
  font-weight: 600;
  line-height: 2rem;
  margin-bottom: 10px;
}
.use-bluebriX-card-info h5 {
  font-size: 1.5rem;
  line-height: 2rem;
}
.use-bluebriX-card-info h5 a {
  color: #0a2540;
}
.use-bluebriX-card-info .ehr-btn,
.use-bluebriX-card-link .ehr-btn {
  font-size: 1rem;
  color: #0a2540;
  margin-top: 2rem;
  padding: 5px 12px;
  line-height: 1.5rem;
  background: transparent;
}
.use-bluebriX-card-info .ehr-btn:hover,
.use-bluebriX-card-link .ehr-btn:hover {
  color: #fff;
  background: #0a2540;
  border-color: #0a2540;
}
.use-bluebriX-card-content {
  width: 400px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 3.25rem;
  column-gap: 5.75rem;
}
.use-bluebriX-count {
  width: 140px;
  display: flex;
  flex-direction: column;
}
.use-bluebriX-count h6 {
  font-weight: 600;
  line-height: 3rem;
}
.use-bluebriX-count p {
  width: 110px;
}
.use-bluebriX-row + .use-bluebriX-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
}
.use-bluebriX-row + .use-bluebriX-row .use-bluebriX-card {
  width: calc(50% - 8px);
  flex-direction: column;
}
.use-bluebriX-card-link {
  display: flex;
}
.use-bluebriX-row + .use-bluebriX-row .use-bluebriX-card-info {
  width: 100%;
  margin-bottom: 1.75rem;
}
.use-bluebriX-container .use-bluebriX-row:first-child .use-bluebriX-card-link {
  display: none;
}
.use-bluebriX-row + .use-bluebriX-row .use-bluebriX-card-content {
  row-gap: 2rem;
}
.use-bluebriX-row + .use-bluebriX-row .use-bluebriX-card-link .ehr-btn {
  margin-top: 3rem;
}
.use-bluebriX-row + .use-bluebriX-row .use-bluebriX-count p {
  width: 130px;
}
.use-bluebriX-row + .use-bluebriX-row .use-bluebriX-card:first-child {
  background: #f3f6ed;
}
.use-bluebriX-row + .use-bluebriX-row .use-bluebriX-card:last-child {
  background: #fdf3ef;
}

.bh-ehr-use-cases-section {
  padding: 8.75rem 0;
  background: #f9fafb;
}
.bh-ehr-use-cases-container {
  display: flex;
  column-gap: 2rem;
  align-items: center;
}
.bh-ehr-use-cases-container .variable-width-slider {
  width: 788px;
}
.bh-ehr-use-cases-container .bbehr-common-header {
  text-align: left;
}
.bh-ehr-use-cases-container .bbehr-common-header p {
  margin-top: 1rem;
}
.bbehr-common-header .slider-controls {
  display: flex;
  column-gap: 1rem;
  margin-top: 2.5rem;
}
.bbehr-common-header .slider-controls button {
  font-size: 2rem;
  color: #0a2540;
  border-radius: 1rem;
  padding: 1px 2.5rem;
  line-height: 2.75rem;
  background: transparent;
  border: 1px solid #425466;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bbehr-common-header .slider-controls button:hover {
  color: #fff;
  background: #0a2540;
  border: 1px solid #0a2540;
}
.bbehr-common-header .slider-controls button:disabled,
.bbehr-common-header .slider-controls button:disabled:hover {
  color: #e3e6e9;
  padding: 1px 15px;
  background: transparent;
  border: 1px solid #e3e6e9;
}
.bh-ehr-use-cases-container .slick-slide {
  width: 425px;
  margin-right: 1.5rem;
}
.bh-ehr-use-cases-container .slick-track .slick-slide:last-child {
  margin-right: 0;
}
.bh-ehr-use-cases-container .slick-slider-item {
  height: 450px;
  overflow: hidden;
  background: #fff;
  border-radius: 1rem;
}
.bh-ehr-use-cases-container .slider-item-header {
  display: flex;
  min-height: 224px;
  align-items: center;
  padding: 4rem 2.75rem;
}
.bh-ehr-use-cases-container .slider-item-header h6 {
  font-size: 1.5rem;
  line-height: 2rem;
}
.bh-ehr-use-cases-container
  .slick-track
  .slick-slide:nth-child(odd)
  .slick-slider-item
  .slider-item-header {
  background: #f0f4f8;
}
.bh-ehr-use-cases-container
  .slick-track
  .slick-slide:nth-child(even)
  .slick-slider-item
  .slider-item-header {
  background: #ecf1ff;
}
.bh-ehr-use-cases-container .slider-item-footer {
  padding: 3rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bh-ehr-use-cases-container .slider-item-footer span {
  color: #0a2540;
  font-weight: 400;
  margin-top: 1.25rem;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bh-ehr-use-cases-container .slick-slider-item:hover .slider-item-footer span {
  color: #2f2ff7;
}

.bh-ehr-faq-section {
  padding: 8.75rem 0;
}
.bh-ehr-faq-section .bbehr-common-header p {
  width: 950px;
  margin: 0 auto;
  margin-top: 1rem;
}
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body {
  padding: 2rem 1.75rem;
}

.solve-section-line-container-mobile,
.now-bg-line-mobile {
  display: none;
}
.use-bluebriX-section .bbehr-common-header h2 {
  font-weight: 600;
}
.bh-ehr-use-cases-section .slick-dots {
  display: none;
}
.pain-points-tab-btn {
  width: 100%;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 500;
  color: #ffff;
  padding: 7px 20px;
  text-align: center;
  border-radius: 5px;
  line-height: 1.5rem;
  background: #0a2540;
  border: 1px solid #0a2540;
}
.pain-points-tab-btn:hover {
  color: #fff;
  background: #0a2540;
  border: 1px solid #0a2540;
}
.pain-points-tab-card-read-more {
  width: 100%;
  display: flex;
  column-gap: 1.25rem;
  align-items: center;
}
.pain-points-tab-card-read-more a {
  display: flex;
  color: #0a2540;
  font-size: 1rem;
  font-weight: 500;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  line-height: 1.5rem;
  align-items: center;
  justify-content: center;
  padding-right: 1.25rem;
  border: 1px solid #0a2540;
}
.pain-points-tab-card-read-more a:hover {
  color: #fff;
  background: #0a2540;
}
.pain-points-tab-card-read-more .read-more-arrow {
  color: #fff;
  font-size: 1rem;
  padding: 7px 12px;
  margin-right: 1.25rem;
  background: #0a2540;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pain-points-tab-card-read-more a:hover span {
  color: #0a2540;
  background: #fff;
}
.pain-points-tab-card-read-more .read-more-line {
  flex: 1;
  height: 1px;
  background: rgba(0, 0, 0, 0.5);
}
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ol,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ul {
  margin: 0;
  padding: 0;
  color: #425466;
  padding-left: 1rem;
}
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ol,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ul {
  font-size: 1rem;
  line-height: 1.5rem;
}
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body p + p,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body p + ul,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body p + ol,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ul + p,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ol + p,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ul + ul,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ol + ol,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ul + ol,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ol + ul,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ul ul,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ol ol,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ul ol,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ol ul,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ul li + li,
.bh-ehr-faq-section .bh-ehr-accordion .accordion-body ol li + li {
  margin-top: 1.25rem;
}

.ent-to-end-section {
  background: #0a2540 url("../images/ai-marketplace-transform-section-bg.png")
    no-repeat;
  background-position: center bottom;
  background-size: contain;
  padding: 8.75rem 0;
}
.discover-container {
  display: flex;
  align-items: center;
  column-gap: 12rem;
}
.discover-container .bbehr-common-header {
  width: 530px;
}
.discover-container .bbehr-common-header h2,
.discover-container .bbehr-common-header h6,
.discover-container .bbehr-common-header-action p {
  color: #fff;
  text-align: left;
}
.discover-container .bbehr-common-header h2 {
  width: 525px;
  height: 122px;
  display: flex;
  font-size: 4.5rem;
  line-height: 5rem;
  padding-top: 12px;
  margin-bottom: 6px;
  align-items: center;
  justify-content: center;
  background: url("../images/bluebrix-care-coordiantion-one-platform-header-bg.png")
    no-repeat;
  background-size: cover;
}
.discover-container .bbehr-common-header h6 {
  font-weight: 600;
  font-size: 3.25rem;
  line-height: 4.25rem;
}
.discover-container .bbehr-common-header-action {
  display: flex;
  row-gap: 2.75rem;
  flex-direction: column;
  align-items: flex-start;
}
.discover-container .bbehr-common-header-action p {
  font-weight: 300;
  line-height: 2rem;
  font-size: 1.25rem;
}
.discover-container .bbehr-common-header-action .ehr-btn {
  color: #0a2540;
  background: #fff;
  border: 1px solid #fff;
}
.discover-container .bbehr-common-header-action .ehr-btn:hover {
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
}

.closing-care-gaps-section {
  padding: 8.75rem 0;
  background: #f6f9fc url("../images/bluebrix-use-case-discover-bg.png")
    no-repeat;
  background-position: bottom center;
  background-size: contain;
}
.closing-care-gaps-container {
  display: flex;
  column-gap: 6.25rem;
  align-items: center;
  justify-content: space-between;
}
.closing-care-gaps-container .bbehr-common-header {
  width: 745px;
  display: flex;
  text-align: left;
  flex-direction: column;
}
.closing-care-gaps-container .bbehr-common-header h2 {
  font-weight: 600;
  font-size: 4.5rem;
  line-height: 5.75rem;
}
.closing-care-gaps-container .bbehr-common-header h6 {
  font-weight: 600;
  font-size: 3.25rem;
  line-height: 3.5rem;
  margin-top: 1.25rem;
}
.closing-care-gaps-container .bbehr-common-header-links {
  display: flex;
  margin-top: 3rem;
  column-gap: 2.5rem;
}
.closing-care-gaps-container .bbehr-common-header-links .ehr-btn-dragon {
  background: #fff;
}
.closing-care-gaps-container .bbehr-common-header-links .ehr-btn-dragon:hover {
  background: #0a2540;
}

.we-serve-section {
  padding: 0;
  background: #0a2540;
}
.we-serve-container {
  padding: 8.75rem 0;
  border-left: 1px solid #7b8998;
  border-right: 1px solid #7b8998;
}
.we-serve-container .bbehr-common-header {
  width: 720px;
  margin: 0 auto;
}
.we-serve-container .bbehr-common-header h2 {
  color: #fff;
}
.we-serve-container .bbehr-common-header p {
  color: rgba(255, 255, 255, 0.8);
}
.we-serve-container .bbehr-common-header h2 {
  font-weight: 400;
}
.we-serve-container .bbehr-common-header h2 b {
  font-weight: 600;
}
.we-serve-row {
  display: flex;
  margin-top: 8.75rem;
  align-items: stretch;
  border-top: 1px solid #7b8998;
  border-bottom: 1px solid #7b8998;
}
.we-serve-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4.75rem 3.25rem;
  justify-content: flex-start;
}
.we-serve-box + .we-serve-box {
  border-left: 1px dashed transparent;
  border-image: repeating-linear-gradient(
      to bottom,
      #e3e6e9 0,
      #e3e6e9 8px,
      transparent 8px,
      transparent 16px
    )
    1 100%;
}
.we-serve-box h4 {
  color: #fff;
  font-weight: 600;
  line-height: 2rem;
  font-size: 1.25rem;
}
.we-serve-box p {
  color: #f6f9fc;
  margin-top: 1.75rem;
}

/* (larger desktops, 1700px and up) */
@media (min-width: 1700px) {
  .pain-points-section .bbehr-common-header::before {
    top: -290px;
    left: -166px;
  }
  .now-container .now-bg-line {
    right: -162px;
    bottom: -287px;
  }
  .bh-ehr-use-cases-container {
    column-gap: 3rem;
  }
  .bh-ehr-use-cases-container .variable-width-slider {
    width: 888px;
  }
}

/* (larger desktops, 1600px and up) */
@media (min-width: 1600px) {
  .now-container .now-bg-line {
    right: -27px;
    bottom: -264px;
  }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  .bh-ehr-banner {
    padding-top: 10rem;
  }
  .bh-ehr-banner .banner-btn-group {
    margin-top: 5rem;
  }
  .pain-points-section {
    padding-bottom: 9rem;
  }
  .pain-points-tab .tab-content > .tab-pane {
    padding-left: 4.5rem;
  }
  .pain-points-tab-card-row {
    column-gap: 1.5rem;
  }
  .pain-points-tab-content .pain-points-tab-card-row:first-child {
    margin-bottom: 0;
  }
  .bh-ehr-use-cases-container .slick-slide {
    width: 410px;
  }
  .discover-container {
    column-gap: 4rem;
  }
  .closing-care-gaps-container {
    column-gap: 2rem;
  }
  .closing-care-gaps-container .bbehr-common-header {
    width: 745px;
  }
  .closing-care-gaps-container .bbehr-common-header h2 {
    font-size: 4.25rem;
    line-height: 5.5rem;
  }
  .closing-care-gaps-container .bbehr-common-header-links .ehr-btn {
    font-size: 1.25rem;
  }
  .we-serve-box {
    padding: 3.75rem 1.75rem;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  header
    #mega-menu-wrap-header-menu
    #mega-menu-header-menu
    > li.mega-menu-item
    > a.mega-menu-link {
    padding: 0px 10px 0px 10px;
  }
  .ehr-btn {
    font-size: 1.25rem;
    padding: 1rem 1.75rem;
  }
  .bbehr-common-header h2,
  .bh-ehr-banner .bbrx-banner-card .title-text-medium {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
  .bh-ehr-banner .bbrx-banner-card .title-title-text-large {
    font-size: 4rem;
    line-height: 5rem;
  }
  .bbehr-common-header p,
  .bh-ehr-banner .bbrx-banner-card p {
    margin-top: 2rem;
  }
  .bbehr-common-header .banner-btn-group,
  .bh-ehr-banner .banner-btn-group {
    margin-top: 5rem;
  }
  .bh-ehr-banner {
    padding-top: 14rem;
  }
  .solve-problem-container,
  .bh-ehr-banner .bbrx-banner-card,
  .use-bluebriX-section .bbehr-common-header p,
  .bh-ehr-faq-section .bbehr-common-header p,
  .pain-points-section .bbehr-common-header p {
    width: 100%;
  }
  .solve-problem-row .solve-problem-card:first-child {
    padding-bottom: 2.25rem;
  }
  .solve-problem-row + .solve-problem-row .solve-problem-card:first-child {
    padding-bottom: 7rem;
  }
  .now-container .now-image {
    min-width: 400px;
  }
  .use-bluebriX-card {
    padding: 2.5rem;
  }
  .use-bluebriX-card-content {
    row-gap: 2.25rem;
    column-gap: 3.75rem;
  }
  .bh-ehr-use-cases-container .variable-width-slider {
    width: 600px;
  }
  .pain-points-section {
    padding: 6rem 0;
  }
  .now-container {
    margin-top: 6rem;
  }
  .pain-points-tab-container {
    margin-top: 4.75rem;
    padding: 2.5rem 3.25rem 3.25rem 2.75rem;
  }
  .pain-points-tab .tab-content > .tab-pane {
    padding-top: 0;
    padding-left: 2.5rem;
  }
  .pain-points-tab-card h3 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .pain-points-tab-card p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .pain-points-section .bbehr-common-header::before {
    left: -23px;
  }
  .now-container .now-bg-line {
    right: -15px;
  }
  .use-bluebriX-section,
  .bh-ehr-faq-section {
    padding-top: 5.25rem;
    padding-bottom: 7rem;
  }
  .bh-ehr-use-cases-section {
    padding: 6.5rem 0;
  }
  .now-container .now-info h2 {
    width: 202px;
    font-size: 4rem;
    line-height: 7.5rem;
    background-size: contain;
  }
  .now-container .now-info h3 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .end-to-end-row-scrollable {
    width: 900px;
    overflow: auto;
    margin: 0 auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .end-to-end-row-scrollable::-webkit-scrollbar {
    display: none;
  }
  .end-to-end-row {
    min-width: 1129px;
  }
  .discover-container {
    column-gap: 4rem;
    flex-direction: column;
  }
  .discover-container .bbehr-common-header-action {
    margin-top: 2rem;
    align-items: center;
  }
  .discover-container .bbehr-common-header h2,
  .discover-container .bbehr-common-header h6,
  .discover-container .bbehr-common-header-action p {
    text-align: center;
  }
  .closing-care-gaps-container .bbehr-common-header h2 {
    font-size: 3.75rem;
    line-height: 4.5rem;
  }
  .closing-care-gaps-container .bbehr-common-header h6 {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
  .closing-care-gaps-container .bbehr-common-header-links {
    column-gap: 2rem;
  }
  .we-serve-row {
    flex-wrap: wrap;
  }
  .we-serve-box {
    flex: auto;
    width: 50%;
    position: relative;
    padding: 4.75rem 3.75rem;
  }
  .we-serve-row .we-serve-box:nth-child(3) {
    border-left: none;
    border-image: repeating-linear-gradient(
        to bottom,
        #e3e6e9 0,
        #e3e6e9 8px,
        transparent 8px,
        transparent 16px
      )
      1 100%;
  }
  .we-serve-row .we-serve-box:nth-child(3) {
    border-left: none;
  }
  .we-serve-box:nth-child(3)::before,
  .we-serve-box:last-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-image: repeating-linear-gradient(
      to right,
      #e3e6e9 0,
      #e3e6e9 8px,
      transparent 8px,
      transparent 16px
    );
  }
  .we-serve-box h4 {
    max-width: 226px;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .pain-points-section .bbehr-common-header::before,
  .now-container .now-bg-line,
  .now-container .now-image,
  .use-bluebriX-card-info .ehr-btn,
  .end-to-end-line {
    display: none;
  }
  .bh-ehr-banner .banner-btn-group::before {
    top: 4px;
    left: -114px;
  }
  .solve-section-line-container {
    bottom: -14px;
  }
  .bbehr-common-header .banner-btn-group,
  .bh-ehr-banner .banner-btn-group {
    margin-top: 3rem;
  }
  .solve-problem-card,
  .solve-problem-row .solve-problem-card:first-child,
  .solve-problem-row + .solve-problem-row .solve-problem-card:first-child {
    padding: 1.75rem;
  }
  .solve-problem-container {
    column-gap: 1.5rem;
  }
  .solve-problem-row {
    row-gap: 1.5rem;
  }
  .pain-points-tab {
    flex-direction: column;
  }
  .pain-points-tab .nav {
    width: 100%;
    margin-bottom: 2rem;
    justify-content: center;
    flex-direction: row !important;
  }
  .pain-points-tab .tab-content > .tab-pane {
    padding-left: 0;
  }
  .pain-points-tab .nav-pills .nav-link {
    margin-right: 12px;
    margin-bottom: 12px;
    background: #e7ecf1;
  }
  .pain-points-tab .nav-pills .nav-link + .nav-link {
    margin-top: 0;
  }
  .pain-points-tab .nav-pills .nav-link.active,
  .pain-points-tab .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0a2540;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .now-container .now-info {
    text-align: center;
    align-items: center;
  }
  .end-to-end-row-scrollable,
  .use-bluebriX-row + .use-bluebriX-row .use-bluebriX-card,
  .bh-ehr-use-cases-container .variable-width-slider,
  .bbrx-home-devops-card,
  .we-serve-container .bbehr-common-header {
    width: 100%;
  }
  .use-bluebriX-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .use-bluebriX-container
    .use-bluebriX-row:first-child
    .use-bluebriX-card-link {
    display: flex;
  }
  .use-bluebriX-container
    .use-bluebriX-row:first-child
    .use-bluebriX-card-info {
    margin-bottom: 1.75rem;
  }
  .use-bluebriX-card-info .ehr-btn,
  .use-bluebriX-card-link .ehr-btn {
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
  .use-bluebriX-card-link .ehr-btn {
    margin-bottom: 0;
  }
  .use-bluebriX-card-info span {
    margin-bottom: 10px;
  }
  .use-bluebriX-row + .use-bluebriX-row {
    row-gap: 1rem;
  }
  .bh-ehr-use-cases-container {
    row-gap: 4.25rem;
    flex-direction: column;
  }
  .bh-ehr-use-cases-container .bbehr-common-header {
    text-align: center;
  }
  .now-container,
  .bh-ehr-accordion,
  .use-bluebriX-container {
    margin-top: 4.75rem;
  }
  .now-container .now-info h2 {
    width: 183px;
    height: 102px;
    padding-left: 0;
    font-size: 3rem;
    line-height: 6.5rem;
  }
  .pain-points-tab-container {
    padding: 0;
  }
  .pain-points-tab-content {
    padding: 2.5rem;
    border-radius: 1.25rem;
  }
  .pain-points-tab-container.v-pills-scheduling-tab,
  .pain-points-tab-container.v-pills-patient-intake-tab,
  .pain-points-tab-container.v-pills-clinical-care-tab,
  .pain-points-tab-container.v-pills-risk-stratification-tab,
  .pain-points-tab-container.v-pills-assessment-tools-tab,
  .pain-points-tab-container.v-pills-configurable-care-plan-tab,
  .pain-points-tab-container.v-pills-ondemand-telehealth-tab,
  .pain-points-tab-container.v-pills-care-plan-execution-tab,
  .pain-points-tab-container.v-pills-robust-billing-tab,
  .pain-points-tab-container.v-pills-monitoring--compliance--tab,
  .pain-points-tab-container.v-pills-advanced-analytics-tab,
  .pain-points-tab-container.v-pills-reporting--integration-tab,
  .pain-points-tab-container.v-pills-patient-engagement-tab,
  .pain-points-tab-container.v-pills-artificial-intelligence-tab,
  .pain-points-tab-container.v-pills-integrations-tab {
    background: transparent;
  }
  .pain-points-tab-container.v-pills-scheduling-tab .pain-points-tab-content,
  .pain-points-tab-container.v-pills-patient-intake-tab
    .pain-points-tab-content {
    background: linear-gradient(289.56deg, #ffffff -36.91%, #f5f9ff 46.82%);
  }
  .pain-points-tab-container.v-pills-clinical-care-tab .pain-points-tab-content,
  .pain-points-tab-container.v-pills-risk-stratification-tab
    .pain-points-tab-content {
    background: #ecf2ff;
  }
  .pain-points-tab-container.v-pills-assessment-tools-tab
    .pain-points-tab-content,
  .pain-points-tab-container.v-pills-configurable-care-plan-tab
    .pain-points-tab-content {
    background: #ecfcff;
  }
  .pain-points-tab-container.v-pills-ondemand-telehealth-tab
    .pain-points-tab-content,
  .pain-points-tab-container.v-pills-care-plan-execution-tab
    .pain-points-tab-content {
    background: #f3f6ed;
  }
  .pain-points-tab-container.v-pills-robust-billing-tab
    .pain-points-tab-content,
  .pain-points-tab-container.v-pills-monitoring--compliance--tab
    .pain-points-tab-content {
    background: #fffbee;
  }
  .pain-points-tab-container.v-pills-advanced-analytics-tab
    .pain-points-tab-content,
  .pain-points-tab-container.v-pills-reporting--integration-tab
    .pain-points-tab-content {
    background: #ffeeee;
  }
  .pain-points-tab-container.v-pills-patient-engagement-tab
    .pain-points-tab-content {
    background: #ffeef9;
  }
  .pain-points-tab-container.v-pills-artificial-intelligence-tab
    .pain-points-tab-content {
    background: #faffee;
  }
  .pain-points-tab-container.v-pills-integrations-tab .pain-points-tab-content {
    background: #fff3ee;
  }
  .bh-ehr-use-cases-section .slick-dots li button:before,
  .bbehr-common-header .slider-controls {
    display: none;
  }
  .bh-ehr-use-cases-container .variable-width-slider {
    margin-bottom: 0;
  }
  .bh-ehr-use-cases-section .slick-dots {
    display: block;
  }
  .bh-ehr-use-cases-section .slick-dots {
    bottom: 0;
    margin-top: 2rem;
    position: relative;
  }
  .bh-ehr-use-cases-section .slick-dots li {
    width: 5px;
    height: 5px;
    margin: 0 2px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .bh-ehr-use-cases-section .slick-dots li button {
    padding: 0;
    width: 5px;
    height: 5px;
    overflow: hidden;
    border-radius: 100%;
    background: #16487b;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .bh-ehr-use-cases-section .slick-dots li button {
    background: #d6e3f1;
  }
  .bh-ehr-use-cases-section .slick-dots li.slick-active {
    width: 14px;
  }
  .bh-ehr-use-cases-section .slick-dots li.slick-active button {
    width: 14px;
    background: #fff;
    border-radius: 10px;
  }
  .bh-ehr-use-cases-section .slick-dots li.slick-active button {
    background: #0a2540;
  }
  .end-to-end-row {
    padding-top: 0;
    min-width: 100%;
    row-gap: 1.5rem;
    flex-direction: column;
  }
  .end-to-end-card {
    padding: 0;
    height: 232px;
    border-radius: 10px;
  }
  .end-to-end-row .end-to-end-card:first-child,
  .end-to-end-row .end-to-end-card:nth-child(2),
  .end-to-end-row .end-to-end-card:nth-child(3),
  .end-to-end-row .end-to-end-card:nth-child(4),
  .end-to-end-row .end-to-end-card:last-child {
    width: 100%;
  }
  .end-to-end-card-header {
    top: 0;
    text-align: left;
    border-radius: 0;
    column-gap: 1rem;
    position: relative;
    border-radius: 10px 10px 0 0;
    justify-content: space-between;
  }
  .end-to-end-row .end-to-end-card:first-child .end-to-end-card-header,
  .end-to-end-row .end-to-end-card:nth-child(2) .end-to-end-card-header,
  .end-to-end-row .end-to-end-card:nth-child(3) .end-to-end-card-header,
  .end-to-end-row .end-to-end-card:nth-child(4) .end-to-end-card-header,
  .end-to-end-row .end-to-end-card:last-child .end-to-end-card-header {
    top: 0;
    height: 50px;
  }
  .end-to-end-card-header h6,
  .end-to-end-row .end-to-end-card:nth-child(2) .end-to-end-card-header h6,
  .end-to-end-row .end-to-end-card:nth-child(3) .end-to-end-card-header h6,
  .end-to-end-row .end-to-end-card:nth-child(4) .end-to-end-card-header h6 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
  .end-to-end-card-list {
    padding: 1.5rem;
  }
  .end-to-end-card-list ul li {
    font-weight: 500;
  }
  .end-to-end-card-list ul li + li {
    margin-top: 10px;
  }
  .end-to-end-card-header:after {
    content: "";
    width: 1rem;
    height: 1rem;
    display: flex;
    border-radius: 100%;
    background: #0a2540;
  }
  .end-to-end-card::before {
    content: "";
    width: 1px;
    height: 282px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 27px;
    z-index: 1;
    left: auto;
    top: 0;
  }
  .end-to-end-row .end-to-end-card:last-child::before,
  .closing-care-gaps-container .bbehr-common-header-action {
    display: none;
  }
  .closing-care-gaps-container .bbehr-common-header {
    width: 100%;
    text-align: center;
  }
  .closing-care-gaps-container .bbehr-common-header-links {
    justify-content: center;
  }
  .we-serve-container .bbehr-common-header {
    padding: 0 2rem;
  }
  .we-serve-box {
    padding: 4rem 2.75rem;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  html {
    font-size: 12px;
  }
  .bbehr-common-header h2,
  .bh-ehr-banner .bbrx-banner-card .title-text-medium {
    font-size: 2.25rem;
    line-height: 3.25rem;
  }
  .bh-ehr-banner .bbrx-banner-card .title-title-text-large {
    font-size: 3.25rem;
    line-height: 4.25rem;
  }
  .bh-ehr-banner {
    padding-top: 12rem;
    padding-bottom: 7rem;
  }
  .bh-ehr-banner .banner-btn-group::before {
    top: 6px;
    left: -63px;
    width: 207px;
  }
  .pain-points-tab-card h3 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .now-container .now-info h2 {
    width: 149px;
    height: 82px;
  }
  .use-bluebriX-card-info,
  .use-bluebriX-count p,
  .use-bluebriX-row + .use-bluebriX-row .use-bluebriX-count p,
  .discover-container .bbehr-common-header {
    width: 100%;
  }
  .use-bluebriX-card-content {
    width: 100%;
    column-gap: 1.75rem;
    justify-content: center;
  }
  .use-bluebriX-count {
    width: calc(50% - 1.25rem);
  }
  .bh-ehr-use-cases-container .slick-slide {
    width: 360px;
  }
  .solve-problem-card h4 {
    max-width: 100%;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .solve-problem-card h5 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .end-to-end-card {
    height: 206px;
  }
  .end-to-end-card::before {
    right: 23px;
    height: 250px;
  }
  .discover-container .bbehr-common-header h2 {
    width: 404px;
    height: 94px;
    margin: 0 auto;
    margin-bottom: 6px;
  }
  .closing-care-gaps-container .bbehr-common-header-links {
    column-gap: 1.5rem;
  }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  html {
    font-size: 12px;
  }
  .solve-section-line-container,
  .bh-ehr-banner .banner-btn-group::before,
  .solve-problem-row:after,
  .solve-problem-row + .solve-problem-row .solve-problem-card:last-child:before,
  .solve-problem-row + .solve-problem-row .solve-problem-card:last-child:after {
    display: none;
  }
  .bh-ehr-banner {
    padding-top: 10rem;
    padding-bottom: 6rem;
  }
  .bh-ehr-banner .bbrx-banner-card .title-text-large {
    font-size: 2.25rem;
    line-height: 3.75rem;
  }
  .bbehr-common-header h2,
  .bh-ehr-banner .bbrx-banner-card .title-text-medium {
    font-size: 1.75rem;
    line-height: 2rem;
  }
  .bbehr-common-header p,
  .bh-ehr-banner .bbrx-banner-card p {
    font-size: 1rem;
    margin-top: 2.75rem;
    line-height: 1.5rem;
  }
  .bbehr-common-header .banner-btn-group,
  .bh-ehr-banner .banner-btn-group {
    margin-top: 4rem;
  }
  .ehr-btn {
    font-size: 1rem;
    padding: 5px 18px;
    white-space: normal;
  }
  .solve-problem-card h4 {
    font-size: 2rem;
    line-height: 2.75rem;
  }
  .solve-problem-container
    .solve-problem-row:first-child
    .solve-problem-card:first-child
    h4 {
    width: 200px;
  }
  .solve-problem-card h5 {
    font-size: 1.65rem;
    line-height: 2.25rem;
  }
  .solve-problem-section {
    padding-bottom: 6rem;
  }
  .solve-problem-row {
    row-gap: 1.5rem;
    position: relative;
  }
  .solve-problem-container .solve-problem-row + .solve-problem-row:after {
    bottom: 0;
  }
  .solve-problem-container {
    flex-direction: column;
  }
  .solve-problem-row + .solve-problem-row {
    margin-top: 1.5rem;
  }
  .solve-problem-card img {
    max-height: 87px;
  }
  .solve-problem-card,
  .solve-problem-row .solve-problem-card:first-child,
  .solve-problem-row + .solve-problem-row .solve-problem-card:first-child {
    padding: 2.75rem;
  }
  .solve-problem-row + .solve-problem-row .solve-problem-card:last-child {
    overflow: visible;
    position: relative;
  }
  .ent-to-end-section,
  .use-bluebriX-section,
  .bh-ehr-faq-section,
  .bh-ehr-use-cases-section,
  .closing-care-gaps-section,
  .we-serve-container {
    padding: 6rem 0;
  }
  .pain-points-tab-card img,
  .pain-points-section:after {
    display: none;
  }
  .pain-points-tab-card-row .pain-points-tab-card,
  .we-serve-box {
    width: 100%;
  }
  .pain-points-tab-content {
    row-gap: 3.75rem;
    padding: 3.5rem 2rem;
  }
  .pain-points-tab-card-row {
    row-gap: 2.5rem;
    flex-direction: column;
  }
  .pain-points-tab-content .pain-points-tab-card-row:first-child {
    row-gap: 0;
  }
  .now-container .now-info h2 {
    width: 102px;
    height: 55px;
    font-size: 2.25rem;
    line-height: 4.75rem;
    margin-bottom: 1.25rem;
  }
  .now-container .now-info h3 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .now-container .now-info p {
    max-width: 90%;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .now-container .now-info a {
    min-width: 227px;
  }
  .bh-ehr-accordion,
  .use-bluebriX-container {
    margin-top: 4.5rem;
  }
  .use-bluebriX-container {
    row-gap: 1.5rem;
  }
  .now-container {
    margin-top: 6rem;
  }
  .pain-points-tab .nav-pills .nav-link {
    font-weight: 500;
    font-size: 1rem;
    padding: 7px 12px;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 1.5rem;
  }
  .pain-points-section .bbehr-common-header p {
    margin-top: 1.75rem;
  }
  .pain-points-tab-container {
    margin-top: 2rem;
  }
  .pain-points-tab-card h3 {
    line-height: 2.75rem;
  }
  .use-bluebriX-section .bbehr-common-header p {
    margin-top: 2rem;
  }
  .bh-ehr-use-cases-container .slick-slide {
    width: 288px;
  }
  .bh-ehr-use-cases-container .slick-slider-item {
    height: 305px;
  }
  .bh-ehr-use-cases-container .slider-item-header {
    min-height: 150px;
    padding: 2rem 2.75rem;
  }
  .bh-ehr-use-cases-container .slider-item-header h6 {
    line-height: 2rem;
    font-size: 1.25rem;
  }
  .bh-ehr-use-cases-container .slider-item-footer {
    padding: 2rem 2.75rem;
  }
  .bh-ehr-faq-section .bbehr-common-header p,
  .we-serve-container .bbehr-common-header p {
    margin-top: 2rem;
  }
  .bh-ehr-accordion .accordion-button {
    column-gap: 1.5rem;
    line-height: 1.5rem;
  }
  .pain-points-section .bbehr-common-header {
    width: 90%;
    margin: 0 auto;
  }
  .pain-points-tab .nav {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 2rem;
  }
  .use-bluebriX-section .bbehr-common-header h2 {
    width: 255px;
    margin: 0 auto;
  }
  .discover-container .bbehr-common-header h2 {
    width: 197px;
    height: 46px;
    font-size: 2rem;
    padding-top: 4px;
    line-height: 2.25rem;
  }
  .discover-container .bbehr-common-header h6 {
    width: 240px;
    color: #fff;
    margin: 0 auto;
    font-weight: 500;
    line-height: 2rem;
    font-size: 1.75rem;
  }
  .discover-container .bbehr-common-header-action {
    margin-top: 1.75rem;
  }
  .discover-container .bbehr-common-header-action p {
    font-size: 1rem;
    color: #f6f9fc;
    font-weight: 400;
    line-height: 1.5rem;
  }
  .closing-care-gaps-container .bbehr-common-header h2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }
  .closing-care-gaps-container .bbehr-common-header h6 {
    margin-top: 1rem;
    font-weight: 500;
    line-height: 2rem;
    font-size: 1.75rem;
  }
  .closing-care-gaps-container .bbehr-common-header p {
    margin-top: 1.75rem;
  }
  .closing-care-gaps-container .bbehr-common-header-links {
    column-gap: 8px;
    margin-top: 2.75rem;
  }
  .closing-care-gaps-container .bbehr-common-header-links .ehr-btn {
    font-size: 1rem;
    padding: 5px 12px;
  }
  .we-serve-row {
    margin-top: 6rem;
  }
  .we-serve-box {
    text-align: center;
    padding: 3.5rem 2.5rem;
  }
  .we-serve-box h4 {
    max-width: 100%;
    margin: 0 auto;
  }
  .we-serve-box p {
    margin-top: 1.5rem;
  }
  .we-serve-row .we-serve-box:nth-child(2),
  .we-serve-box:last-child {
    border-left: none;
  }
  .we-serve-box:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-image: repeating-linear-gradient(
      to right,
      #e3e6e9 0,
      #e3e6e9 8px,
      transparent 8px,
      transparent 16px
    );
  }
}

/* X-Small devices (portrait phones, less than 480px) */
@media (max-width: 480.98px) {
  .pain-points-tab-card h6 {
    text-align: left;
  }
}

@media (prefers-color-scheme: dark) {
  .dark-mode p,
  .dark-mode span {
    color: #e1e8f0;
  }
  .dark-mode .bh-ehr-banner .banner-btn-group::before,
  .dark-mode .solve-section-line-container,
  .dark-mode .now-bg-line,
  .dark-mode .magic {
    display: none;
  }
  .dark-mode .end-to-end-line::before,
  .dark-mode .end-to-end-line::after {
    background: #c6c6c6;
  }
  .dark-mode .pain-points-tab .nav-pills .nav-link {
    color: #e2ecf6;
  }
  .dark-mode .now-container .now-info h2 {
    filter: brightness(0) invert(1);
  }

  @media (max-width: 991.98px) {
    .dark-mode .end-to-end-card::before {
      top: 17px;
      height: 271px;
    }
  }

  @media (max-width: 575.98px) {
    .solve-problem-row:after,
    .solve-problem-row
      + .solve-problem-row
      .solve-problem-card:last-child:before {
      background: #c6c6c6;
    }
    .dark-mode .end-to-end-card::before {
      height: 238px;
    }
  }
}