Link dot current state

Hi Everybody,

new to webflow and no knowledge in Javascript. I am trying to create a navigation item where a dot that appears next to a link changes color when clicked/ is in current state.

Here is a read only link: https://preview.webflow.com/preview/yemimas-stunning-site-e672a9?utm_medium=preview_link&utm_source=designer&utm_content=yemimas-stunning-site-e672a9&preview=b85d51792101b895de6654432af49361&workflow=preview

I want:

  1. the dot to be highlighted in green only in current state.
  2. Text bold only in current state.

Thank you!