Funcionamento do ID em CSS e HTML

Olá, minha dúvida pode parecer boba mas vou deixar ela aqui. Queria saber por que diabos o primeiro elemento da minha lista não obdece o meu "font-weight: bold;"

            <section class="benefícios">
                <h3 class="titulo-principal">Benefícios</h3>

                <div class="conteudo-beneficios">
                    <ul class="lista-beneficios"> 
                        <li id="primeiroelemento" >Atendimento aos clientes</li>
                        <li class="itens">Espaço especializado</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="assets/beneficios.jpg" class="imagembeneficios">
                </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>

.conteudo-beneficios {
    width: 640px;
    margin: 0 auto;
}

#primeiroelemento {
    font-weight: bold;
}

.itens {
    line-height: 1.5;
}