@media all {
  .text ul,
  .list ul {
    padding-left: 30px; } }
  @media all and (min-width: 768px) {
    .text ul,
    .list ul {
      padding-left: 46px; } }

@media all {
    .text ul li,
    .list ul li {
      list-style-type: none;
      padding-left: 18px;
      position: relative; }
      .text ul li:before,
      .list ul li:before {
        content: "";
        top: 11px;
        width: 5px;
        height: 5px;
        background-color: #d1d1d1;
        position: absolute;
        left: 0; }
      .text ul li:not(:last-child),
      .list ul li:not(:last-child) {
        margin-bottom: 0.5rem; }
  .text ol,
  .list ol {
    counter-reset: item;
    padding-left: 24px; } }
  @media all and (min-width: 768px) {
    .text ol,
    .list ol {
      padding-left: 42px; } }

@media all {
    .text ol > li,
    .list ol > li {
      font-family: "Poppins", sans-serif;
      counter-increment: item;
      padding-left: 25px;
      list-style-type: none;
      position: relative; }
      .text ol > li:before,
      .list ol > li:before {
        content: counter(item) ".";
        position: absolute;
        left: -24px;
        top: 0;
        text-align: right;
        color: #838383;
        font-weight: 700;
        width: 40px; }
      .text ol > li:not(:last-child),
      .list ol > li:not(:last-child) {
        margin-bottom: 0.5rem; }
  .text--no-bullets ul,
  .list--no-bullets ul {
    padding-left: 0 !important; }
  .text--no-bullets ul > li,
  .list--no-bullets ul > li {
    padding-left: 0 !important; }
  .text--no-bullets ul > li:before,
  .list--no-bullets ul > li:before {
    content: none; }
  .text--2-column ul,
  .list--2-column ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .text--2-column ul li,
    .list--2-column ul li {
      width: 100%; } }
    @media all and (min-width: 768px) {
      .text--2-column ul li,
      .list--2-column ul li {
        width: 50%; } }

@media all {
  .text--3-column ul,
  .list--3-column ul {
    padding-left: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .text--3-column ul li,
    .list--3-column ul li {
      width: 100%; } }
    @media all and (min-width: 768px) {
      .text--3-column ul li,
      .list--3-column ul li {
        width: 50%; } }
    @media all and (min-width: 992px) {
      .text--3-column ul li,
      .list--3-column ul li {
        width: 33.3%; } }