custom list

Hi,
I got some custom css to change the icons of my list using this code:

.list li {
  margin-bottom: 10px;
	position: relative;
  padding-left: 35px;
}
.list li::before {
  position: absolute;
	left: -5px;
	content: "\2726";
  margin-right: 5px;
  background-color: #F5F5F5;
  color: #EC6F74;
	font-size: 80%;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}

Now I would like to change the child element.
O tried this:

ul ul li::before {
	color: black;}

But not working, nothing changes.

I’m using elementor for my post template.
Thanks for your help!
Denise

The page I need help with: [log in to see the link]