.service-page--content {
  color: white;
  font-family: Inter;

  border-radius: 7px;

  border-radius: var(--Dimensions-Corner-Radius-radius-l, 7px);
  background: rgba(0, 0, 0, 0.5);
  background: var(--color-grayscale-black-75, rgba(0, 0, 0, 0.5));
  /* Panel Background Blur */
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

  .service-page--content a {
    color: #4d93d6;
  }

  .service-page--content a:hover {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

  .service-page--content h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    margin-top: 24px;
  }

  @media screen and (min-width: 750px) {

  .service-page--content h1 {
      font-size: 32px
  }
    }

  .service-page--content h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 24px;
    margin-top: 24px;
  }

  @media screen and (min-width: 750px) {

  .service-page--content h2 {
      font-size: 20px
  }
    }

  .service-page--content h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 16px;
  }

  .service-page--content {
  counter-reset: section-counter h2-counter ol-counter letter-counter roman-counter;
}

  /* Main sections (h1) */

  .service-page--content h1 {
    counter-increment: section-counter;
    counter-reset: h2-counter ol-counter letter-counter roman-counter;
  }

  /* Counter setup for Notion-style numbering */

  .service-page--content h1::before {
    content: counter(section-counter) ". ";
    font-weight: 700;
    color: white;
  }

  /* Subsections (h2) - auto-numbered within main sections */

  .service-page--content h2 {
    counter-increment: h2-counter;
  }

  .service-page--content h2::before {
    content: counter(section-counter) "." counter(h2-counter) ". ";
    font-weight: 700;
    color: white;
  }

  /* Ordered lists - use separate counter for list items */

  .service-page--content ol {
    counter-reset: ol-counter;
    list-style: none;
    padding-left: 0;
  }

  .service-page--content ol li {
    counter-increment: ol-counter;
    position: relative;
    margin-bottom: 16px;
  }

  /* Add section.item numbering before each ol li */

  .service-page--content ol li::before {
    content: counter(section-counter) "." counter(ol-counter) ". ";
    font-weight: 700;
    color: white;
  }

  /* Nested lists within ol li - use letters */

  .service-page--content ol li ol {
    counter-reset: letter-counter roman-counter;
    margin-top: 8px;
    padding-left: 20px;
  }

  .service-page--content ol li ol li {
    counter-increment: letter-counter;
    counter-reset: roman-counter;
  }

  .service-page--content ol li ol li::before {
    content: counter(letter-counter, lower-alpha) ". ";
    font-weight: 400;
    color: #acacac;
  }

  /* Third level nested lists - use lowercase roman numerals */

  .service-page--content ol li ol li ol {
    counter-reset: roman-counter;
    margin-top: 8px;
    padding-left: 20px;
  }

  .service-page--content ol li ol li ol li {
    counter-increment: roman-counter;
  }

  .service-page--content ol li ol li ol li::before {
    content: "(" counter(roman-counter, lower-roman) ") ";
    font-weight: 400;
    color: #acacac;
  }

  .service-page--content p,
  .service-page--content ul {
    font-size: 14px;
    margin-bottom: 16px;
    margin-top: 16px;
    color: #acacac;
    font-weight: 400;
  }

  .service-page--content p strong, .service-page--content ul strong {
      color: white;
      font-weight: 700;
    }

  .service-page--content p li, .service-page--content ul li {
      list-style: circle;
      margin-left: 16px;
    }

  .service-page--content figure {
    margin: 16px 0;
  }

.service-page--content-wrapper {
  min-height: calc(100vh - 179px);
  padding-bottom: 48px;
}

.service-page--bg-wrapper {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
}

.service-page--bg-wrapper .blur {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(7.5px);
            backdrop-filter: blur(7.5px);
    background: rgba(0, 0, 0, 0.5);
  }