Duda en la sección de diferenciales

Hice el cambio de .css de style-home a style. Sin embargo, los elementos de la lista me siguen apareciendo con un punto, incluso cuando ya agregué la estrella unicode que el instructor menciona en el vídeo de pseudo-elementos.

Mi duda es cómo podría quitar esos puntos en mi página para que se quede solo la estrella.

adjunto mi codigo html y css

                <h3 class="titulo-principal"> Diferenciales </h3>

                <div class="contenido-diferenciales">
                    <ul class="lista-diferenciales">
                        <li class="items">Atención personalizada a los clientes.</li>
                        <li class="items">Espacio diferenciado.</li>
                        <li class="items">Localización.</li>
                        <li class="items">Profesionales calificados.</li>
                        <li class="items">Puntualidad</li>
                        <li class="items">Limpieza</li>  
                    </ul><img src="diferenciales/diferenciales.jpg" class="imagen-diferenciales">
                </div>

.diferenciales{
    padding: 3em 0;
    background: #888888
}

.contenido-diferenciales{
    width: 640px;
    margin: 0 auto;
}

.lista-diferenciales{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.items{
    line-height: 1.5;
}

.items:before{
    content: "★";
}

.items:first-child{
    font-weight: bold;
}

Muchas gracias