Grid Flex JS

1. Was my approach of using an extra class, 'span-red', on a common parent element ('service-text') the right one? To make the custom underline I used ::after, but then couldn't see another way to differentiate the two spans for their different colours.

2. I couldn't figure out how to alter the footer logo to be dark-cyan instead of the original white. I tried inserting the SVG code into the HTML and setting 'Fill' but couldn't get it to take on the new fill. I couldn't see a way to do this using 'Filter' either, so I assume the SVG/Fill method is the correct method?

3. Any feedback on my JavaScript setup for the interactive elements would be appreciated.

Many thanks!