.ul {
  &__li {
    position: relative;
    padding-left: 14px;
    list-style-type: none;
    margin-bottom: 9px;
    &--no-dot{
      &:before{
        display: none;
      }
    }
    &:before {
      content: '';
      position: absolute;
      top: 11px;
      left: 0px;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: $brown;
    }
    &:last-of-type {
      margin-bottom: 0;
    }
  }
}