[Dúvida] Minha classe no HTML não está podendo ser usada no CSS

/HTML/

<section class="beneficios"> 
                    <h3 class="titulo-principal">Beneficios</h3>

                <div class="conteudo-beneficios">
                        <ul class="lista-beneficios">
                            <li class="itens">Atendimento aos Clientes</li>
                            <li class="itens">Espaço diferenciado</li>
                            <li class="itens">Localização</li>
                            <li class="itens">Profissionais Qualificados</li>
                            <li class="itens">Pontualidade</li>
                            <li class="itens">Limpeza</li>
                        </ul><img src="beneficios.jpg" class="imagem-beneficios">
                </div>
                <div class="video">
                      <iframe width="560" height="315" src="https://www.youtube.com/embed/wcVVXUV0YUY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
            </section>

        /*CSS*/

.itens {
    vertical-align: top;
}