Change sub sub menu items colors using css

#top-menu .sub-menu li:hover a{
color: #ffffff!important;

/*color: #005199;*/
}

#top-menu .sub-menu li:hover li a {
color: #005199!important;

/*color: #005199;*/
}

#top-menu .sub-menu li:hover li:hover a {
color: #fff!important;

/*color: #005199;*/
}

// different submenu and sub sub menu icons in css

.sub-menu li a:not(:last-child):hover:before,.sub-menu li a:hover:before
{
content: “■ “;
font-size: 16px!important;
/* vertical-align: middle!important; */
margin-left: -15px;
color:#ffffff!important;

}

#top-menu .sub-menu li >.sub-menu a::before{
content: “\2022 “;
font-size: 18px!important;
/* vertical-align: middle!important; */
margin-left: -15px;
}