/* Healthcare industry page: light cyan theme for the whole page.
   GENERATED from the Pharma page's light teal theme
   (pharma-field-force-management-theme.css): every teal is re-hued to the
   healthcare cyan (#1ad8f0) at the same lightness and saturation, scoped
   to `.healthcare-page` so no other page changes. Loaded in place of the
   Pharma theme, before pharma-field-force-management.css (the shared pharma
   section rules) and healthcare-field-force-management.css (the
   hand-written healthcare rules, which also re-colour the few teal rules
   in the shared pharma file). */


.healthcare-page main,
.healthcare-page footer {
  --crm-blue: #19818f;
  --crm-blue-dark: #123e4d;
  --crm-pale: #f0f8fa;
  --crm-line: #d4e8eb;
}


/* --- from sales-crm-softwares.css --- */

.healthcare-page.sales-crm-softwares-page .crm-proof-demo-fallback:hover {
  background: #125b65;
}

.healthcare-page.sales-crm-softwares-page .crm-workflow {
  background: #f7fcfc;
}

.healthcare-page.sales-crm-softwares-page .crm-workflow-step {
  background: #f7fcfc;
}

.healthcare-page.sales-crm-softwares-page .crm-workflow-step:nth-child(even) {
  background: #eaf9fb;
}

.healthcare-page.sales-crm-softwares-page .crm-capability-list li {
  background: rgba(25, 129, 143, 0.045);
  border: 1px solid rgba(25, 129, 143, 0.2);
}

.healthcare-page.sales-crm-softwares-page .crm-communication-heading h2 span {
  background: linear-gradient(90deg, #197f8c 0%, #1a8592 100%);
}

.healthcare-page.sales-crm-softwares-page .crm-communication-visual {
  background: linear-gradient(145deg, #f1fcfd, #e9fafb);
  border: 1px solid #d9f4f8;
}

.healthcare-page.sales-crm-softwares-page .crm-communication-visual.crm-communication-module-visual {
  background: linear-gradient(145deg, #f1fcfd, #e9fafb);
}

.healthcare-page.sales-crm-softwares-page .crm-communication-tab {
  border-bottom: 1px solid #e2eff0;
}

.healthcare-page.sales-crm-softwares-page .crm-communication-tab:first-child {
  border-top: 1px solid #e2eff0;
}

.healthcare-page.sales-crm-softwares-page .crm-communication-tab-bar {
  background: #e5eff1;
}

.healthcare-page.sales-crm-softwares-page .crm-communication-tab.is-active .crm-communication-tab-bar {
  background: linear-gradient(180deg, #197f8c 0%, #1a8592 100%);
}

.healthcare-page.sales-crm-softwares-page .crm-get-started {
  background: #e2f8fa;
}

.healthcare-page.sales-crm-softwares-page .crm-get-started h2 span {
  background: linear-gradient(90deg, var(--crm-blue), #13646e);
}

.healthcare-page.sales-crm-softwares-page .crm-get-started-card {
  border: 1px solid #d9eaed;
}

.healthcare-page.sales-crm-softwares-page .crm-get-started-card:nth-child(2) h3 {
  color: #125c65;
}

.healthcare-page.sales-crm-softwares-page .crm-faq-item {
  border: 1px solid #d8e9ec;
}

.healthcare-page.sales-crm-softwares-page .crm-faq-item:has(.crm-faq-button:not(.collapsed)) {
  border-color: #b1e9f1;
  box-shadow: 0 12px 28px rgba(9, 50, 54, 0.08);
}

.healthcare-page.sales-crm-softwares-page .crm-faq-button:focus-visible {
  outline: 3px solid rgba(25, 129, 143, 0.3);
}

.healthcare-page.sales-crm-softwares-page .prod-task-capability-links a {
  color: #177682;
}

.healthcare-page.sales-crm-softwares-page .prod-task-capability-links a:hover {
  color: #125a64;
}

.healthcare-page.sales-crm-softwares-page .prod-task-capability-links a:focus-visible {
  outline: 3px solid rgba(26, 133, 146, 0.3);
}

@media (max-width: 900px) {
  .healthcare-page.sales-crm-softwares-page .crm-communication-tab {
    border: 1px solid #d7e8eb;
  }

  .healthcare-page.sales-crm-softwares-page .crm-communication-tab:first-child {
    border-top: 1px solid #d7e8eb;
  }
}

.healthcare-page.sales-crm-softwares-page .crm-customer-stories .prod-stories {
  background:
    radial-gradient(circle at 12% 18%, rgba(31, 158, 174, 0.2), transparent 30%),
    radial-gradient(circle at 88% 84%, rgba(26, 133, 146, 0.24), transparent 34%),
    linear-gradient(135deg, #061a35 0%, #0a363b 54%, #0e4850 100%);
}

.healthcare-page.sales-crm-softwares-page .crm-customer-stories .prod-stories-eyebrow {
  color: #e4f8fa;
  background: rgba(31, 158, 174, 0.1);
  border: 1px solid rgba(31, 158, 174, 0.35);
}

.healthcare-page.sales-crm-softwares-page .crm-customer-stories .prod-stories-head h2 span {
  background: linear-gradient(90deg, #1f9eae 0%, #20a4b5 48%, #1a8592 100%);
}

.healthcare-page.sales-crm-softwares-page .crm-customer-stories .prod-story-company {
  background: linear-gradient(145deg, #f8fdfe 0%, #f0fafc 54%, #e3f7fa 100%);
  border: 1px solid rgba(26, 133, 146, 0.14);
}

.healthcare-page.sales-crm-softwares-page .crm-customer-stories .prod-story-company-glow {
  background: radial-gradient(circle, rgba(31, 158, 174, 0.3), transparent 68%);
}

.healthcare-page.sales-crm-softwares-page .crm-customer-stories .prod-story-logo-wrap {
  border-color: #e1f7fa;
}

.healthcare-page.sales-crm-softwares-page .crm-customer-stories .prod-story-company p {
  color: #18373b;
}

.healthcare-page.sales-crm-softwares-page .crm-customer-stories .prod-story-quote-mark {
  color: #1f9eae;
}

.healthcare-page.sales-crm-softwares-page .crm-customer-stories .prod-story-arrow:hover {
  color: #0a363b;
}

.healthcare-page.sales-crm-softwares-page .crm-customer-stories .prod-story-dot.is-active {
  background: linear-gradient(90deg, #1f9eae 0%, #1a8592 100%);
}

/* --- from products.css --- */

.healthcare-page .prod-hero {
  background:
    radial-gradient(circle at 88% 15%, rgba(31, 158, 174, 0.2), transparent 30%),
    radial-gradient(circle at 8% 90%, rgba(26, 133, 146, 0.25), transparent 34%),
    linear-gradient(125deg, #061a35 0%, #0a363b 38%, #10545c 72%, #1e727c 100%);
}

.healthcare-page .prod-hero-eyebrow {
  color: #e4f8fa;
  background: rgba(31, 158, 174, 0.12);
  border: 1px solid rgba(31, 158, 174, 0.34);
}

.healthcare-page .prod-hero .prod-blue {
  color: #1f9eae;
  background: linear-gradient(90deg, #1f9eae, #1a8592);
}

.healthcare-page .prod-hero .prod-btn-primary {
  background: linear-gradient(90deg, #1f9eae, #1a8592);
}

.healthcare-page .prod-hero .prod-btn-primary:hover {
  color: #1a8592;
}

.healthcare-page .prod-task-capabilities {
  --prod-task-warm: #1a8592;
  --prod-task-orange: #13646e;
  background: #f7fcfe;
}

.healthcare-page .prod-task-capability-panel {
  border: 1px solid rgba(26, 133, 146, 0.14);
}

.healthcare-page .prod-task-capability-visual {
  background: linear-gradient(135deg, #177682 0%, #1a8592 48%, var(--prod-task-orange) 100%);
}

.healthcare-page:is(.products-page, .ffm-page) .website-footer {
  background: #092e32;
}

.healthcare-page:is(.products-page, .ffm-page) .website-footer .footer-trial-btn {
  background: linear-gradient(90deg, #197f8c 0%, #1a8592 100%);
  box-shadow: 0 4px 12px rgba(26, 133, 146, 0.2);
}

.healthcare-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .footer-link-box a:hover,
.healthcare-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .web-footer-fourth-div a:hover,
.healthcare-page:is(.products-page, .ffm-page) .website-footer .link-container a:hover {
  color: #13646e !important;
}

@media (max-width: 770px) {
  .healthcare-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .accordion-button,
  .healthcare-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .accordion-button.collapsed,
  .healthcare-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .accordion-button:not(.collapsed) {
    background: #092e32 !important;
  }

  .healthcare-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .accordion-body {
    background: #092e32 !important;
  }
}

.healthcare-page .prod-stories {
  background: #f7fcfe;
}

.healthcare-page .prod-stories-eyebrow {
  color: #1a8592;
}

.healthcare-page .prod-stories-head h2 span {
  color: #1a8592;
  background: linear-gradient(90deg, #1a8592 0%, #1f9eae 100%);
}

.healthcare-page .prod-stories-stage {
  border: 1px solid rgba(26, 133, 146, 0.12);
}

.healthcare-page .prod-story-company {
  background: linear-gradient(145deg, #061a35 0%, #0a363b 52%, #10545c 100%);
}

.healthcare-page .prod-story-company-glow {
  background: radial-gradient(circle, rgba(31, 158, 174, 0.38), transparent 68%);
}

.healthcare-page .prod-story-quote-mark {
  color: #1f9eae;
}

.healthcare-page .prod-story-content blockquote p {
  color: #0c2a2e;
}

.healthcare-page .prod-story-arrow {
  color: #1a8592;
  border: 1px solid rgba(26, 133, 146, 0.3);
}

.healthcare-page .prod-story-arrow:hover {
  background: #1a8592;
}

.healthcare-page .prod-story-arrow:focus-visible,
.healthcare-page .prod-story-dot:focus-visible {
  outline: 3px solid rgba(26, 133, 146, 0.32);
}

.healthcare-page .prod-story-dot {
  background: #c2dfe2;
}

.healthcare-page .prod-story-dot.is-active {
  background: linear-gradient(90deg, #1a8592 0%, #1f9eae 100%);
}

.healthcare-page .prod-faq-accordion .accordion-button:not(.collapsed) {
  color: #1a8592;
}

.healthcare-page .prod-faq-accordion .accordion-button:focus {
  box-shadow: inset 0 0 0 3px rgba(26, 133, 146, 0.3);
}

.healthcare-page .prod-faq-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3e%3cpath d='m3 5 4 4 4-4' stroke='%231a8592' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  border: 2px solid #1a8592;
}

.healthcare-page .prod-faq-accordion .accordion-body {
  color: #274548;
}

.healthcare-page .prod-faq-accordion .accordion-body a {
  color: #1a8592;
}

.healthcare-page .prod-faq-accordion .accordion-body a:hover {
  color: #13646e;
}

/* --- from finances.css --- */

.healthcare-page.finances-page .crm-suite-hero .fin-hero-cta {
  background: linear-gradient(90deg, #1a8592 0%, #19818f 100%);
  box-shadow: 0 14px 30px rgba(25, 129, 143, 0.24);
}

.healthcare-page.finances-page .crm-suite-hero .fin-hero-cta:hover {
  background: linear-gradient(90deg, #177480 0%, #156e78 100%);
}

.healthcare-page.finances-page .fin-leaks {
  background:
    radial-gradient(circle at 0% 55%, rgba(255, 170, 130, 0.16), transparent 38%),
    radial-gradient(circle at 100% 55%, rgba(30, 156, 171, 0.13), transparent 38%),
    #fff;
}

.healthcare-page.finances-page .fin-section-tag,
.healthcare-page.finances-page .prod-task-capabilities-head .prod-task-capabilities-eyebrow {
  background: #f1fbfc;
  border: 1px solid rgba(25, 129, 143, 0.14);
  box-shadow: 0 6px 18px rgba(25, 129, 143, 0.1);
}

.healthcare-page.finances-page .fin-section-tag::before,
.healthcare-page.finances-page .prod-task-capabilities-head .prod-task-capabilities-eyebrow::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 15'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h9A1.5 1.5 0 0 1 12 1.5V15l-6-3.6L0 15z' fill='%2319818f'/%3E%3C/svg%3E") center / contain no-repeat;
}

.healthcare-page.finances-page .crm-customer-stories .prod-stories-eyebrow {
  color: #e4f8fa;
}

.healthcare-page.finances-page .fin-leaks-list--fix .fin-leaks-icon {
  background: #ebfafc;
}

.healthcare-page.finances-page .fin-leaks-list--fix .fin-leaks-card {
  color: rgba(25, 129, 143, 0.55);
}

.healthcare-page.finances-page .fin-leaks-visual::before {
  background:
    radial-gradient(circle, rgba(25, 129, 143, 0.16) 0 34%, transparent 34.5%),
    radial-gradient(circle, rgba(25, 129, 143, 0.08) 0 50%, transparent 50.5%),
    radial-gradient(circle, rgba(25, 129, 143, 0.05) 0 70%, transparent 70.5%);
}

.healthcare-page.finances-page .fin-compare-table {
  background: linear-gradient(125deg, #f5fcfd 0%, #fafdfe 42%, #fffaf5 72%, #fff3e9 100%);
}

.healthcare-page.finances-page .fin-compare-table th,
.healthcare-page.finances-page .fin-compare-table td {
  border-bottom: 1px solid #edf7f7;
}

.healthcare-page.finances-page .fin-compare-table thead th {
  background: linear-gradient(180deg, rgba(235, 250, 252, 0.9), rgba(242, 252, 253, 0.6));
}

.healthcare-page.finances-page .fin-compare-table .fin-compare-ours {
  background: #f5fcfd;
  border-right: 2px solid rgba(25, 129, 143, 0.22);
  border-left: 2px solid rgba(25, 129, 143, 0.22);
}

.healthcare-page.finances-page .fin-compare-table thead .fin-compare-ours {
  background: #edfbfc;
  border-top: 2px solid rgba(25, 129, 143, 0.22);
}

.healthcare-page.finances-page .fin-compare-table tbody tr:last-child .fin-compare-ours {
  border-bottom: 2px solid rgba(25, 129, 143, 0.22);
}

.healthcare-page.finances-page .fin-cta-form-card {
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.12), transparent 34%),
    linear-gradient(120deg, #146974 0%, var(--crm-blue) 55%, #1b8c9a 100%);
}

.healthcare-page.finances-page .fin-cta-form-card::before {
  background-image: linear-gradient(45deg, rgba(12, 59, 65, 0.28) 25%, transparent 25%, transparent 75%, rgba(12, 59, 65, 0.28) 75%),
    linear-gradient(45deg, rgba(12, 59, 65, 0.28) 25%, transparent 25%, transparent 75%, rgba(12, 59, 65, 0.28) 75%);
}

.healthcare-page.finances-page .fin-cta-form-copy h2 span {
  color: #d6f4f8;
}

.healthcare-page.finances-page .fin-hero-center .fin-hero-eyebrow {
  border: 1px solid rgba(25, 129, 143, 0.16);
  box-shadow: 0 8px 24px rgba(25, 129, 143, 0.08);
}

.healthcare-page.finances-page .fin-journey {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 183, 202, 0.4) 0%, rgba(96, 212, 227, 0.18) 50%, rgba(96, 212, 227, 0) 90%),
    linear-gradient(180deg, #ecfafc 0%, #f5fcfd 100%);
}

.healthcare-page.finances-page .fin-journey::before {
  background: repeating-linear-gradient(90deg, rgba(25, 129, 143, 0.07) 0 1px, transparent 1px 58px);
  border-right: 1px solid rgba(25, 129, 143, 0.07);
}

.healthcare-page.finances-page :is(.crm-integrations-copy h2, .crm-customer-stories .prod-stories-head h2) span {
  color: #40ccdd !important;
  -webkit-text-fill-color: #40ccdd !important;
}

.healthcare-page.finances-page .fin-results-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fdfe 100%);
  border: 1px solid rgba(25, 129, 143, 0.08);
}

.healthcare-page.finances-page .crm-suite-hero.fin-hero-center {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 183, 202, 0.42) 0%, rgba(121, 218, 231, 0.18) 50%, rgba(121, 218, 231, 0) 100%),
    linear-gradient(180deg, #eefafc 0%, #f5fcfd 45%);
}

.healthcare-page.finances-page .fin-hero-grid {
  background-image:
    linear-gradient(rgba(25, 129, 143, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 129, 143, 0.09) 1px, transparent 1px);
}

.healthcare-page.finances-page .crm-workflow,
.healthcare-page.finances-page .crm-workflow-step {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 183, 202, 0.42) 0%, rgba(121, 218, 231, 0.18) 50%, rgba(121, 218, 231, 0) 100%),
    linear-gradient(180deg, #eefafc 0%, #f5fcfd 45%);
}

.healthcare-page.finances-page .crm-workflow-step:nth-child(even) {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 183, 202, 0.4) 0%, rgba(96, 212, 227, 0.18) 50%, rgba(96, 212, 227, 0) 90%),
    linear-gradient(180deg, #ecfafc 0%, #f5fcfd 100%);
}

.healthcare-page.finances-page .crm-section.crm-communication {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 183, 202, 0.4) 0%, rgba(96, 212, 227, 0.18) 50%, rgba(96, 212, 227, 0) 90%),
    linear-gradient(180deg, #ecfafc 0%, #f5fcfd 100%);
}

.healthcare-page.finances-page .fin-results {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 183, 202, 0.42) 0%, rgba(121, 218, 231, 0.18) 50%, rgba(121, 218, 231, 0) 100%),
    linear-gradient(180deg, #eefafc 0%, #f5fcfd 45%);
}

.healthcare-page.finances-page .prod-task-capabilities {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 183, 202, 0.4) 0%, rgba(96, 212, 227, 0.18) 50%, rgba(96, 212, 227, 0) 90%),
    linear-gradient(180deg, #ecfafc 0%, #f5fcfd 100%);
}

.healthcare-page.finances-page .fin-compare {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 183, 202, 0.42) 0%, rgba(121, 218, 231, 0.18) 50%, rgba(121, 218, 231, 0) 100%),
    linear-gradient(180deg, #eefafc 0%, #f5fcfd 45%);
}

.healthcare-page.finances-page .crm-workflow {
  background:
    radial-gradient(ellipse 36% 620px at 50% 0%, rgba(36, 183, 202, 0.42) 0%, rgba(121, 218, 231, 0.18) 50%, rgba(121, 218, 231, 0) 100%) top center / 100% 1100px no-repeat,
    linear-gradient(180deg, #eefafc 0, #f5fcfd 500px) top center / 100% 1100px no-repeat,
    #f5fcfd;
}

.healthcare-page.finances-page .crm-section-heading.crm-workflow-heading::before {
  background-image:
    linear-gradient(rgba(25, 129, 143, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 129, 143, 0.09) 1px, transparent 1px);
}

.healthcare-page.finances-page .crm-section-heading.crm-communication-heading::before {
  background-image:
    linear-gradient(rgba(25, 129, 143, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 129, 143, 0.09) 1px, transparent 1px);
}

.healthcare-page.finances-page :is(
  .fin-results-heading,
  .prod-task-capabilities-head,
  .fin-compare-heading,
  .attendance-workforce-solutions-heading
)::before {
  background-image:
    linear-gradient(rgba(25, 129, 143, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 129, 143, 0.09) 1px, transparent 1px);
}

.healthcare-page.finances-page .crm-get-started {
  background: linear-gradient(180deg, #c7f0f5 0%, #d6f4f8 55%, #e2f8fa 100%);
}

/* --- from nbfc-field-force-management.css --- */

.healthcare-page.nbfc-page .crm-suite-hero.fin-hero-center .fin-hero-title-accent {
  color: #156e78;
  -webkit-text-fill-color: #156e78;
}

.healthcare-page.nbfc-page .fin-hero-center .prod-hero-headline::before,
.healthcare-page.nbfc-page .crm-section-heading.crm-workflow-heading::before,
.healthcare-page.nbfc-page .crm-section-heading.crm-communication-heading::before,
.healthcare-page.nbfc-page :is(.fin-results-heading, .prod-task-capabilities-head, .fin-compare-heading, .nbfc-modules-heading)::before {
  background-image:
    linear-gradient(rgba(25, 129, 143, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 129, 143, 0.09) 1px, transparent 1px);
}

.healthcare-page.nbfc-page .ffm-logo-section {
  background: #f5fcfd;
}

.healthcare-page.nbfc-page .crm-section.crm-communication,
.healthcare-page.nbfc-page .fin-results {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 183, 202, 0.42) 0%, rgba(121, 218, 231, 0.18) 50%, rgba(121, 218, 231, 0) 100%),
    linear-gradient(180deg, #eefafc 0%, #f5fcfd 45%);
}

.healthcare-page.nbfc-page .fin-compare,
.healthcare-page.nbfc-page .nbfc-modules {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 183, 202, 0.4) 0%, rgba(96, 212, 227, 0.18) 50%, rgba(96, 212, 227, 0) 90%),
    linear-gradient(180deg, #ecfafc 0%, #f5fcfd 100%);
}

.healthcare-page.nbfc-page .nbfc-answer {
  background:
    radial-gradient(ellipse 55% 80% at 0% 50%, rgba(203, 241, 246, 0.55) 0%, rgba(203, 241, 246, 0) 100%),
    linear-gradient(180deg, #f1fbfc 0%, #f8fdfe 100%);
}

.healthcare-page.nbfc-page .nbfc-answer .fin-journey-heading h2 span:not(.fin-journey-lead) {
  color: #156e78;
}

.healthcare-page.nbfc-page .nbfc-answer .fin-journey-heading h2 .fin-journey-lead .fin-journey-accent.fin-journey-accent.fin-journey-accent {
  color: #156e78 !important;
  -webkit-text-fill-color: #156e78 !important;
}

@media (min-width: 1101px) {
  .healthcare-page.nbfc-page .nbfc-layer-list {
    background:
      linear-gradient(rgba(25, 129, 143, 0.16), rgba(25, 129, 143, 0.16)) 16.667% 0 / 1px 100% no-repeat,
      linear-gradient(rgba(25, 129, 143, 0.16), rgba(25, 129, 143, 0.16)) 33.333% 0 / 1px 100% no-repeat,
      linear-gradient(rgba(25, 129, 143, 0.16), rgba(25, 129, 143, 0.16)) 50% 0 / 1px 100% no-repeat,
      linear-gradient(rgba(25, 129, 143, 0.16), rgba(25, 129, 143, 0.16)) 66.667% 0 / 1px 100% no-repeat,
      linear-gradient(rgba(25, 129, 143, 0.16), rgba(25, 129, 143, 0.16)) 83.333% 0 / 1px 100% no-repeat;
  }
}

.healthcare-page.nbfc-page .nbfc-layer-title::before {
  background: #19818f;
}

.healthcare-page.nbfc-page .nbfc-layer-title strong {
  color: #156e78;
}

.healthcare-page.nbfc-page .nbfc-layer-item + .nbfc-layer-item {
  border-left: 1px solid rgba(25, 129, 143, 0.16);
}

.healthcare-page.nbfc-page .nbfc-stories .prod-stories {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 183, 202, 0.4) 0%, rgba(96, 212, 227, 0.18) 50%, rgba(96, 212, 227, 0) 90%),
    linear-gradient(180deg, #ecfafc 0%, #f5fcfd 100%);
}

.healthcare-page.nbfc-page .nbfc-stories .prod-stories-head::before {
  background-image:
    linear-gradient(rgba(25, 129, 143, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 129, 143, 0.09) 1px, transparent 1px);
}

.healthcare-page.nbfc-page .nbfc-stories .prod-stories-eyebrow {
  background: #f1fbfc;
  border: 1px solid rgba(25, 129, 143, 0.14);
  box-shadow: 0 6px 18px rgba(25, 129, 143, 0.1);
}

.healthcare-page.nbfc-page .nbfc-stories .prod-stories-eyebrow::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 15'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h9A1.5 1.5 0 0 1 12 1.5V15l-6-3.6L0 15z' fill='%2319818f'/%3E%3C/svg%3E") center / contain no-repeat;
}

.healthcare-page.nbfc-page .nbfc-stories .prod-story-company {
  background: #156e78;
}

.healthcare-page.nbfc-page :is(.nbfc-answer, .nbfc-proof, .crm-workflow, .prod-task-capabilities, .nbfc-lending, .fin-compare, .fin-results, .nbfc-stories, .nbfc-modules, .crm-get-started, .crm-faq) h2 span:not(.fin-journey-lead):not(.fin-leaks-lead):not(.fin-workflow-lead):not(.fin-segments-lead):not(.nbfc-modules-line):not(.prod-task-capabilities-heading-primary) {
  color: #156e78 !important;
  -webkit-text-fill-color: #156e78 !important;
}

.healthcare-page.nbfc-page .website-footer {
  background:
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px) center top / 14px 14px repeat,
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px) center top / 14px 14px repeat,
    radial-gradient(ellipse 45% 70% at 0% 100%, rgba(27, 140, 154, 0.55) 0%, rgba(27, 140, 154, 0) 100%),
    radial-gradient(ellipse 45% 70% at 100% 100%, rgba(27, 140, 154, 0.55) 0%, rgba(27, 140, 154, 0) 100%),
    linear-gradient(180deg, #0b383e 0%, #0e4850 100%);
}

.healthcare-page.nbfc-page .nbfc-module-card a {
  background: linear-gradient(180deg, #ffffff 0%, #f8fdfe 100%);
  border: 1px solid rgba(25, 129, 143, 0.1);
}

.healthcare-page.nbfc-page .nbfc-module-card a:hover,
.healthcare-page.nbfc-page .nbfc-module-card a:focus-visible {
  border-color: rgba(25, 129, 143, 0.35);
  box-shadow: 0 22px 44px rgba(25, 129, 143, 0.14);
}

.healthcare-page.nbfc-page .nbfc-module-icon {
  background: #ebfafc;
}


/* --- hero, buttons, footer strip, chat, back-to-top, compare (from mfi-field-operations.css) --- */

/* Hero colour theme: the same light teal as the "How TrackOlap Runs a
   Pharma Field Day" heading (a teal glow at the top centre over a pale
   teal wash, with the teal grid texture behind the heading). Navy heading
   text and the white eyebrow pill stay as they are. (Hand-set: the MFI
   hero's mint greens re-hued past teal into blue.) */
.healthcare-page {
  --fin-hero-bg: #eefafc;
}

.healthcare-page.finances-page .crm-suite-hero.fin-hero-center {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 183, 202, 0.42) 0%, rgba(121, 218, 231, 0.18) 50%, rgba(121, 218, 231, 0) 100%),
    linear-gradient(180deg, #eefafc 0%, #f5fcfd 45%);
}

/* Customer logos follow the hero in one continuous colour (as on the NBFC
   page): the logo section uses the exact teal wash the hero ends on
   (#f5fcfd), so there is no visible band where the two meet. */
.healthcare-page.nbfc-page .ffm-logo-section {
  background: #f5fcfd;
}

/* Hero texture: the NBFC hero's small tile grid (14px cells) behind the
   heading, in the same place, size and fade-out mask, drawn in the page's
   teal instead of blue. */
.healthcare-page .fin-hero-center .prod-hero-headline::before {
  background-image:
    linear-gradient(rgba(25, 129, 143, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 129, 143, 0.09) 1px, transparent 1px);
  background-position: center top;
  background-repeat: repeat;
  background-size: 14px 14px;
}

/* Accent words in the hero heading: the leaf-green gradient. When the
   accent wraps onto two lines (phones), each line repaints the full
   gradient (box-decoration-break: clone) instead of one gradient being
   stretched over both lines, so the green matches desktop on every screen. */
.healthcare-page.nbfc-page .crm-suite-hero.fin-hero-center .fin-hero-title-accent {
  color: #1e919d;
  background: linear-gradient(180deg, #2eb8c0 0%, #1a8d9a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Demo buttons use the page's green theme: the top-right "Request a Demo"
   (matching the Finance rule it overrides) and the hero "Book Free Demo"
   button and its arrow, each a deeper green on hover. */
.healthcare-page.finances-page .ffm-nav-shell.main-container .header-container .header-container-box .top-buttons .start-trial-btn,
.healthcare-page.finances-page .ffm-nav-shell.main-container .header-container.header-on-scroll .header-container-box .top-buttons .start-trial-btn,
.healthcare-page.finances-page .ffm-nav-shell .top-buttons > #startTrial2,
.healthcare-page.finances-page .ffm-nav-shell .header-container.header-on-scroll .top-buttons > #startTrial2 {
  background: #19818f !important;
  border-color: #19818f !important;
  box-shadow: 0 6px 16px rgba(25, 129, 143, 0.24) !important;
}

.healthcare-page.finances-page .ffm-nav-shell.main-container .header-container .header-container-box .top-buttons .start-trial-btn:hover,
.healthcare-page.finances-page .ffm-nav-shell .top-buttons > #startTrial2:hover {
  background: #156e78 !important;
  border-color: #156e78 !important;
}

.healthcare-page .fin-hero-center .fin-hero-email button {
  background: #19818f;
}

.healthcare-page .fin-hero-center .fin-hero-email button:hover {
  background: #156e78;
}

.healthcare-page .fin-hero-center .fin-hero-email-arrow {
  color: #19818f;
}

.healthcare-page .fin-hero-center .fin-hero-email {
  box-shadow: 0 16px 40px rgba(25, 129, 143, 0.14);
}

/* Footer copyright strip: the NBFC page's darker navy band becomes a
   deeper shade of the footer's green (same transparency, so the footer's
   grid texture still shows through), with the same faint top hairline. */
.healthcare-page.nbfc-page .website-footer .copyright-strip {
  background: rgba(9, 42, 52, 0.72);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}


/* Live chat (Antrika) in the page's theme colour (Pharma teal, #19818f). The
   widget writes its colours as inline custom properties on <html> at
   runtime, derived from one brand colour; these declarations recompute the
   same three values from #19818f and win over the inline ones because they
   are !important. Scoped with :has() to this page's body only. */
html:has(> body.healthcare-page) {
  --widget-body-primary: rgb(27, 111, 121) !important;
  --widget-body-primary-10: rgb(34, 44, 46) !important;
  --widget-body-primary-dark: rgb(34, 43, 44) !important;
}

/* Chat launcher and greeting card in the same Pharma teal: the round chat
   button and the coloured bar on the "Hi there! How can I help you today?"
   card take the colour set in the widget's dashboard as inline styles, so
   they are overridden here with !important. Matched on the stable start of
   the widget's class names (the suffix is a build hash). */
body.healthcare-page [class*="antrika_chat_button-label"] {
  background-color: #19818f !important;
}

body.healthcare-page [class*="antrika_chat_button-label"]:hover {
  background-color: #156e78 !important;
}

body.healthcare-page [class*="antrika_chat_chat-initial-div"] > div:first-child {
  border-color: #19818f !important;
}

/* "Back to top" button in the page's theme colour (Pharma teal). */
body.healthcare-page {
  --back-to-top-bg: #19818f;
  --back-to-top-bg-hover: #156e78;
}

/* Comparison table (shared industry-compare.css) in the page's Pharma teal. */
body.healthcare-page .ind-compare {
  --ic-accent: #19818f;
  --ic-ours-bg: #eff9fa;
  --ic-ours-bg-alt: #dff3f5;
  --ic-value-bg: #e8f6f8;
}

/* "Swipe right" pill above the table on phones/tablets (shown by
   finances.css), in the page's green. */
body.healthcare-page .ind-compare .ind-compare-swipe {
  background: linear-gradient(90deg, #156e78 0%, #19818f 100%);
  box-shadow: 0 8px 22px rgba(21, 110, 120, 0.32);
  animation-name: pharma-compare-swipe-glow;
}

@keyframes pharma-compare-swipe-glow {
  0%, 100% { box-shadow: 0 8px 22px rgba(21, 110, 120, 0.32), 0 0 0 0 rgba(25, 129, 143, 0.35); }
  50% { box-shadow: 0 8px 22px rgba(21, 110, 120, 0.32), 0 0 0 8px rgba(25, 129, 143, 0); }
}

@media (prefers-reduced-motion: reduce) {
  body.healthcare-page .ind-compare .ind-compare-swipe {
    animation: none;
  }
}