/* Bullet List Vertical With Circle Check Icon */
ul {
  display: table;
  margin: 0 auto;
  text-align: left;
  font-size: 18px;
  list-style: none;
  padding-left: 0;
}

ul li {
  position: relative;
  padding-left: 30px;
  text-align: left!important;
}

ul li ~ li {
 margin-top: 24px;
}

ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-color: var(--color-primary);
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTkuNTYgMTIuMy0xLjc4LTEuNzhhMS4yMiAxLjIyIDAgMCAwLS45LS4zNiAxLjIyIDEuMjIgMCAwIDAtMS4yNSAxLjI2YzAgLjM2LjEyLjY2LjM2LjlsMi42MyAyLjYyYTEuMyAxLjMgMCAwIDAgMS44OCAwbDUuNDQtNS40NGMuMjQtLjI0LjM2LS41My4zNi0uODkgMC0uMzUtLjEyLS42NS0uMzYtLjg5YTEuMjIgMS4yMiAwIDAgMC0uOS0uMzZjLS4zNiAwLS42Ni4xMi0uOS4zNmwtNC41OCA0LjU5Wk0xMSAyMS40OWExMC41NiAxMC41NiAwIDAgMS05LjY2LTYuMzhBMTAuMjMgMTAuMjMgMCAwIDEgLjUyIDExIDEwLjU2IDEwLjU2IDAgMCAxIDYuOSAxLjM0QzguMTguOCA5LjU0LjUyIDExIC41MmExMC41NiAxMC41NiAwIDAgMSA5LjY2IDYuMzhjLjU1IDEuMjguODIgMi42NC44MiA0LjFhMTAuNTYgMTAuNTYgMCAwIDEtNi4zOCA5LjY2Yy0xLjI4LjU1LTIuNjQuODItNC4xLjgyWiIgZmlsbD0iI0M4MTAyRSIvPjwvc3ZnPg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTkuNTYgMTIuMy0xLjc4LTEuNzhhMS4yMiAxLjIyIDAgMCAwLS45LS4zNiAxLjIyIDEuMjIgMCAwIDAtMS4yNSAxLjI2YzAgLjM2LjEyLjY2LjM2LjlsMi42MyAyLjYyYTEuMyAxLjMgMCAwIDAgMS44OCAwbDUuNDQtNS40NGMuMjQtLjI0LjM2LS41My4zNi0uODkgMC0uMzUtLjEyLS42NS0uMzYtLjg5YTEuMjIgMS4yMiAwIDAgMC0uOS0uMzZjLS4zNiAwLS42Ni4xMi0uOS4zNmwtNC41OCA0LjU5Wk0xMSAyMS40OWExMC41NiAxMC41NiAwIDAgMS05LjY2LTYuMzhBMTAuMjMgMTAuMjMgMCAwIDEgLjUyIDExIDEwLjU2IDEwLjU2IDAgMCAxIDYuOSAxLjM0QzguMTguOCA5LjU0LjUyIDExIC41MmExMC41NiAxMC41NiAwIDAgMSA5LjY2IDYuMzhjLjU1IDEuMjguODIgMi42NC44MiA0LjFhMTAuNTYgMTAuNTYgMCAwIDEtNi4zOCA5LjY2Yy0xLjI4LjU1LTIuNjQuODItNC4xLjgyWiIgZmlsbD0iI0M4MTAyRSIvPjwvc3ZnPg==");
  background-size: contain;
  background-repeat: no-repeat;
}

/* Desktop */
@media screen and (min-width: 992px) {
 /* Bullet List Vertical With Circle Check Icon */
 ul {
  font-size: 24px;
 }
}