Dúvida no css bootstrap

[rcsbnu27]

Estou começando para css e não estou conseguindo mudar a cor da letra, sei que é muito básico. 

Código css:

.text-muted {
    color:red;
}
 

 

Código HTML:

<section>

            <form class="form-signin" action="">

                <div class="text-center mb-4 bg-primary">

                    <img src="imagens/topo.png" class="justify-content-center img-fluid img-thumbnail mt-2" />

                    <hr color="white" size="5">

                    <p class="mt-5 mb-3 text-muted text-center">© 2022</p>

                </div>

               

            </form>

        </section>

[lowys]

.text-muted já existe no bootstrap.
crie uma class com outro nome.
ou estude as ordens de precedência/especificidade de regras css para conseguir sobrescrever as classes existentes do bootstrap.

Aqui tem um material em português pra você compreender melhor:
https://developer.mozilla.org/pt-BR/docs/Web/CSS/Specificity