:root {
  --tdl-scope-green: #006039;
  --tdl-scope-green-dark: #05251d;
  --tdl-scope-green-soft: #70cdb0;
  --tdl-scope-mint: #e8f5ee;
  --tdl-scope-paper: #f7f6f2;
  --tdl-scope-paper-deep: #eef3f0;
  --tdl-scope-ink: #19191d;
  --tdl-scope-muted: rgba(25, 25, 29, 0.68);
  --tdl-scope-line: rgba(5, 37, 29, 0.12);
}

html body.service-scope-page {
  background: var(--tdl-scope-paper) !important;
  color: var(--tdl-scope-ink) !important;
}

html body.service-scope-page main {
  background: var(--tdl-scope-paper) !important;
  overflow: clip;
}

html body.service-scope-page .v1-common-hero-section {
  background:
    radial-gradient(ellipse 58% 70% at 84% 18%, rgba(112, 205, 176, 0.22), transparent 68%),
    linear-gradient(180deg, #fff 0%, #fbfbf8 64%, var(--tdl-scope-paper) 100%) !important;
}

html body.service-scope-page #scope-hero-kicker.tdl-about-hero-kicker {
  border-color: rgba(0, 96, 57, 0.22) !important;
  background: linear-gradient(135deg, var(--tdl-scope-green-dark), var(--tdl-scope-green)) !important;
  box-shadow: 0 16px 34px rgba(5, 37, 29, 0.2) !important;
  color: #fff !important;
}

html body.service-scope-page #scope-hero-kicker.tdl-about-hero-kicker::after {
  background: #fff !important;
}

html body.service-scope-page h1,
html body.service-scope-page h2,
html body.service-scope-page h3,
html body.service-scope-page h4,
html body.service-scope-page h5,
html body.service-scope-page h6,
html body.service-scope-page .h4-heading,
html body.service-scope-page .h6-heading {
  color: var(--tdl-scope-ink) !important;
}

html body.service-scope-page .v1-service-hero-paragraph,
html body.service-scope-page .v1-service-paragraph,
html body.service-scope-page .v1-process-paragraph,
html body.service-scope-page .v1-testimonial-paragraph {
  color: var(--tdl-scope-muted) !important;
}

html body.service-scope-page .button {
  border-color: var(--tdl-scope-green) !important;
  background: var(--tdl-scope-green) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(5, 37, 29, 0.16) !important;
}

html body.service-scope-page .button:hover,
html body.service-scope-page .button:focus-visible {
  border-color: var(--tdl-scope-green-dark) !important;
  background: var(--tdl-scope-green-dark) !important;
  box-shadow: 0 16px 34px rgba(5, 37, 29, 0.24) !important;
}

html body.service-scope-page a:focus-visible,
html body.service-scope-page button:focus-visible,
html body.service-scope-page .button:focus-visible,
html body.service-scope-page .accordion-card:focus-visible {
  outline-color: rgba(0, 96, 57, 0.42) !important;
}

html body.service-scope-page .v1-service-hero-image-div {
  border: 1px solid var(--tdl-scope-line) !important;
  border-radius: 18px !important;
  background: var(--tdl-scope-paper-deep) !important;
  box-shadow: 0 30px 74px rgba(5, 37, 29, 0.13) !important;
}

html body.service-scope-page .section {
  background-color: #fff !important;
}

html body.service-scope-page .section.background-gray {
  background:
    radial-gradient(circle at 84% 12%, rgba(112, 205, 176, 0.1), transparent 30rem),
    var(--tdl-scope-paper) !important;
}

html body.service-scope-page .common-heading-div > .large-paragraph.black-500-text,
html body.service-scope-page #scope-insights-kicker,
html body.service-scope-page #scope-communication-kicker,
html body.service-scope-page #scope-faq-kicker {
  color: var(--tdl-scope-green) !important;
}

html body.service-scope-page .tdl-scope-cards-pin {
  --tdl-card-bg: #fff !important;
  --tdl-card-ink: var(--tdl-scope-ink) !important;
  --tdl-card-muted: var(--tdl-scope-muted) !important;
  --tdl-card-line: var(--tdl-scope-line) !important;
  --tdl-card-tint: #f1f7f4 !important;
  --tdl-card-tint-strong: #e3f1e8 !important;
  --tdl-card-accent: var(--tdl-scope-green) !important;
  --tdl-card-accent-soft: rgba(0, 96, 57, 0.14) !important;
  --tdl-card-bg-tint: linear-gradient(180deg, #f8fbf9 0%, #fff 62%) !important;
  background: #fff !important;
}

html body.service-scope-page .tdl-scope-cards-pin .tdl-scope-cards-stage::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.96), transparent) !important;
}

html body.service-scope-page .tdl-scope-cards-pin .tdl-scope-cards-stage::after {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.96), transparent) !important;
}

html body.service-scope-page .tdl-scope-cards-pin .v1-service-card.is-active {
  box-shadow: 0 60px 140px -30px rgba(0, 96, 57, 0.24), 0 18px 40px -12px rgba(5, 37, 29, 0.16) !important;
}

html body.service-scope-page .tdl-scope-cards-pin .v1-service-card .v1-service-image-div {
  background: var(--tdl-scope-paper-deep) !important;
}

html body.service-scope-page .tdl-scope-cards-pin .v1-service-card .v1-service-image-div::after {
  background: linear-gradient(135deg, rgba(0, 96, 57, 0.08), rgba(112, 205, 176, 0.04)) !important;
}

html body.service-scope-page .tdl-scope-cards-pin .tdl-scope-cards-progress span.is-active {
  background: linear-gradient(90deg, var(--tdl-scope-green-dark), var(--tdl-scope-green-soft)) !important;
}

html body.service-scope-page .w-layout-grid.v1-process-grid .v1-process-line {
  background: var(--tdl-scope-green) !important;
}

html body.service-scope-page .w-layout-grid.v1-process-grid.is-visible .v1-process-dot {
  background: var(--tdl-scope-green-dark) !important;
}

html body.service-scope-page .w-layout-grid.v1-process-grid .v1-process-list-icon {
  color: color-mix(
    in srgb,
    var(--tdl-scope-green) calc(var(--tdl-process-icon-progress, 0) * 100%),
    #c9d1cc
  ) !important;
}

html body.service-scope-page .tdl-trace-record,
html body.service-scope-page .tdl-trace-side,
html body.service-scope-page .tdl-comm-panel,
html body.service-scope-page .tdl-comm-flow-card,
html body.service-scope-page .faq-contact-card {
  border-color: var(--tdl-scope-line) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 20px 54px rgba(5, 37, 29, 0.07) !important;
}

html body.service-scope-page .tdl-trace-step,
html body.service-scope-page .tdl-comm-method,
html body.service-scope-page .tdl-trace-note,
html body.service-scope-page .tdl-comm-note {
  border-color: var(--tdl-scope-line) !important;
  background: #f1f7f4 !important;
}

html body.service-scope-page .tdl-trace-chip,
html body.service-scope-page .tdl-comm-chip,
html body.service-scope-page .faq-contact-badge {
  background: var(--tdl-scope-mint) !important;
  color: var(--tdl-scope-green) !important;
}

html body.service-scope-page .tdl-trace-step-index,
html body.service-scope-page .faq-contact-glass-label {
  color: var(--tdl-scope-green) !important;
}

html body.service-scope-page .tdl-trace-rule::before,
html body.service-scope-page .tdl-comm-flow-number,
html body.service-scope-page .faq-contact-glass-icon {
  background: var(--tdl-scope-green) !important;
}

html body.service-scope-page .tdl-comm-note {
  border-left-color: var(--tdl-scope-green) !important;
}

html body.service-scope-page .faq-contact-glasscard {
  border-color: rgba(0, 96, 57, 0.16) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(232, 245, 238, 0.82)) !important;
  box-shadow: 0 14px 34px rgba(5, 37, 29, 0.1) !important;
}

html body.service-scope-page .faq-contact-glasscard::before {
  background: linear-gradient(90deg, rgba(0, 96, 57, 0.12), rgba(112, 205, 176, 0.12)) !important;
}

html body.service-scope-page .accordion-card {
  border-color: var(--tdl-scope-line) !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

html body.service-scope-page .accordion-card.w--current {
  border-color: rgba(0, 96, 57, 0.28) !important;
  background: var(--tdl-scope-mint) !important;
  color: var(--tdl-scope-green-dark) !important;
}

html body.service-scope-page .accordion-card.w--current .accordion-heading-div {
  color: var(--tdl-scope-green-dark) !important;
}

html body.service-scope-page .accordion-card.w--current .accordion-icon-box {
  background: var(--tdl-scope-green) !important;
  color: #fff !important;
}

html body.service-scope-page .tdl-cta-section {
  border-color: var(--tdl-scope-line) !important;
  background: var(--tdl-scope-paper-deep) !important;
}

html body.service-scope-page .tdl-cta-card {
  border-color: var(--tdl-scope-line) !important;
  box-shadow: 0 28px 74px rgba(5, 37, 29, 0.13) !important;
}

html body.service-scope-page .tdl-cta-eyebrow-dot,
html body.service-scope-page .tdl-cta-heading-mark {
  background: var(--tdl-scope-green) !important;
  color: var(--tdl-scope-green) !important;
}

html body.service-scope-page .tdl-cta-button {
  border-color: var(--tdl-scope-green) !important;
  background: var(--tdl-scope-green) !important;
}

html body.service-scope-page .tdl-cta-button:hover,
html body.service-scope-page .tdl-cta-button:focus-visible {
  border-color: var(--tdl-scope-green-dark) !important;
  background: var(--tdl-scope-green-dark) !important;
}

html body.service-scope-page .tdl-cta-secondary:hover,
html body.service-scope-page .tdl-cta-secondary:focus-visible {
  border-color: rgba(0, 96, 57, 0.3) !important;
  background: var(--tdl-scope-mint) !important;
  color: var(--tdl-scope-green) !important;
}

html body.service-scope-page #scope-ongoing-summary {
  background:
    radial-gradient(circle at 18% 14%, rgba(112, 205, 176, 0.14), transparent 32rem),
    var(--tdl-scope-green-dark) !important;
}

html body.service-scope-page #scope-ongoing-summary h2,
html body.service-scope-page #scope-ongoing-summary .white-text {
  color: #fff !important;
}

html body.service-scope-page .footer {
  position: relative;
  z-index: 1;
  background: #000 !important;
}

@media screen and (max-width: 767px) {
  html body.service-scope-page .w-layout-grid.v1-process-grid {
    border-color: var(--tdl-scope-line) !important;
    box-shadow: 0 18px 44px rgba(5, 37, 29, 0.07) !important;
  }

  html body.service-scope-page .w-layout-grid.v1-process-grid .v1-process-detail-div > .paragraph:first-child,
  html body.service-scope-page .w-layout-grid.v1-process-grid .v1-process-list-div {
    background: #f1f7f4 !important;
  }

  html body.service-scope-page .w-layout-grid.v1-process-grid .v1-process-detail-div > .paragraph:first-child,
  html body.service-scope-page .w-layout-grid.v1-process-grid .v1-process-list-icon {
    color: var(--tdl-scope-green) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.service-scope-page .w-layout-grid.v1-process-grid .v1-process-list-icon {
    color: var(--tdl-scope-green) !important;
  }
}