Почему не изменяется цвет последнего слова?

<ul class="menu">
                <li><a href="#">Главная</a></li>
                <li><a href="#">О нас</a></li>
                <li><a href="#">Наши проекты</a></li>
                <li><a href="#">Цены на ремонт</a></li>
                <li><a href="#">Отзывы клиентов</a></li>
                <li><a href="#">Расчет стоимости</a></li>
                <li><a href="#">Контакты</a></li>
                <p class="set-question">Задать вопрос</p>
                <div class="svg-icons">
                <img src="img/Vector(4).svg" alt="">
                <img src="img/Vector(1)(1).svg" alt="">
                <img src="img/Vector(2)(1).svg" alt="">
                <img src="img/Vector(3)(1).svg" alt="">
                </div>
            </ul>

.set-question {
    position: relative;
    color: #000000;
    top: 10%;
    font-size: 18px;
}

.menu li:last-child{
    color: #F05A26;
}


@media screen and (max-width: 1920px) {
    .burger-menu {
        display: flex;
    }

    .menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 50px;
        left: 20px;
        background-color: #00000010;
        padding: 10px;
        height: 60%;
    }

    .menu.active {
        display: flex;
    }

}