Выбрасывайте обертки span, кто их туда понаставил?
В строке 24 стилей для тега А указаны стили: color: green; замените на color: rgb(238, 29, 36); и добавьте font-size: 20px; font-weight: bold;
Вбросив из заголовка теги SPAN, должно быть:
<h2 class="acc_trigger"><a href="#">SMART WATCH GT08</a></h2>
Из элементов LI также выбросить лишнее, должен быть только тег LI и текст в нем:
<li>Индикация уровня заряда: Есть</li>
Цвет и размер, и имя шрифта у них будет от родителя, тот что задан для BODY. Если не походит, тогда пропишите в CSS. Не надо пихать этот мусор через теги в верстку.