

.comm-section-container {
  .slds-rich-text-editor__output,
  .cb-outputRichText-container,
  .cb-outputRichText-container.ql-editor {
    p, div {
        font-family: "Graphik Compact", sans-serif;
        font-style: normal;
        font-weight: 500;
        color: currentcolor;
        margin: 0px 0px clamp(1rem, 0.67rem + 0.69vw, 1.5rem);
        font-size: clamp(1.38rem, 1.29rem + 0.17vw, 1.5rem);
        line-height: clamp(1.63rem, 1.54rem + 0.17vw, 1.75rem);

    }

    p span {
      font-family: "Graphik Compact", sans-serif;
      font-style: normal;
      font-weight: 500;
    }

    a,
    a:link:not(.slds-button, .slds-dropdown__item > a),
    a:visited {
      text-decoration: underline 1px currentcolor;
      text-underline-offset: 2px;
      color: var(--dxp-g-root-contrast);

      transition-duration: 0.35s;
      transition-property: text-decoration-color;
      transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
      will-change: text-decoration-color;
    }

    h2 {
      font-family: "Graphik Compact", sans-serif;
      font-style: normal;
      font-weight: 600;
      color: currentcolor;
      margin: 0px 0px var(--dxp-style-c-margin-bottom);
      font-size: clamp(1.75rem, 1.42rem + 0.69vw, 2.25rem);
      line-height: clamp(2.25rem, 1.67rem + 1.22vw, 3.13rem);
      grid-column: 1 / span 12;
    }

    h4 {
      color: currentcolor;
      margin: 0px 0px clamp(1.13rem, 0.79rem + 0.69vw, 1.63rem);
      font-family: "Graphik Compact", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: clamp(1.38rem, 1.29rem + 0.17vw, 1.5rem);
      line-height: clamp(1.88rem, 1.71rem + 0.35vw, 2.13rem);
    }

    ol, ul {
      margin: 0px 0px clamp(1.5rem, 1.17rem + 0.69vw, 2rem);
      padding-left: 1.5em;
      list-style: none !important;

      li,
      li:not(.ql-direction-rtl) {
        font-family: "Graphik Compact", sans-serif;
        font-style: normal;
        font-weight: 400;
        color: currentcolor;
        font-size: clamp(1.13rem, 1.04rem + 0.17vw, 1.25rem);
        line-height: clamp(1.63rem, 1.54rem + 0.17vw, 1.75rem);
        margin: 0px 0px clamp(0.75rem, 0.25rem + 1.04vw, 1.5rem);
        position: relative;
        padding-left: 0px;

        &::before {
          content: "";
          position: absolute;
          left: -1.2em;
          top: 0.7em;
          height: 2px;
          width: 10px;
          background-color: var(--dxp-g-root-contrast); 
          margin:0;
        }
      }
    }
  }

  .formatted-rich-text {
    div {
      
    }
  }
}