.richtext {
    position: relative;
    display: block;
    margin-top: 24px;
    line-height: 2;
}

.richtext * {
    line-height: 1.75;
    color: inherit;
}
.richtext br,
.richtext p {
    display: block;
    margin-bottom: 16px;
}
.richtext h1, .richtext .h1,
.richtext h2, .richtext .h2,
.richtext h3, .richtext .h3 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.richtext h1, .richtext *:first-child {
    padding-top: 0;
}

.richtext h2, .richtext .h2,
.richtext h3, .richtext .h3 {
    font-weight: 600;
}

.richtext li {
    display: list-item;
    text-align: match-parent;
    /* margin-left: var(--px16); */
    padding-left: var(--px16);
}
.richtext li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--clr-2);
    font-weight: 900;
    font-size: var(--px20);
    /* margin-bottom: calc((-1) * var(--px24)); */
    line-height: 1.5;
    display: inline-block;
    padding-right: var(--px12);
    /* width: var(--px8);  */
    margin-right: 12px;
  }

.richtext b, .richtext strong {
    font-weight: 600;
}

.richtext img {
    width: 100% !important;
    height: auto !important;
    margin: 24px 0;
    border-radius: 4px;
}
p {
    line-height: 1.75;
    
}