I am having trouble with a snippet of code in my French website. I want to ensure that the text "Join the Movement" appears in French on the site. While everything else is being translated correctly, I need help figuring out what additional code I can add to ensure this specific line is displayed in the desired language.
<div class="hero-unit">
<div class="container">
<div class="row">
<div class="col-sm-12">
{% if hero_graphic or hero_text %}
<div class="hero-text">
{% if options.pledge_now_url %}
<div class="hero-pledge-button">
<a href="{{options.pledge_now_url}}" style="background-image: url('{{site.theme.link}}/assets/dist/img/arrow-right.png');font-size: 22px;">Rejoignez le Mouvement</a>
</div>
{% endif %}
{% if constant('ICL_LANGUAGE_CODE') == 'fr' %}
<style type='text/css'>@media (min-width: 769px) { .hero-unit .hero-text-plain { font-size: 60px; } .hero-unit .hero-text-formatted .line { font-size: 30px; }}</style>
{% endif %}
{% if hero_text and post.get_field('hero_text_smart_formatting') %}
<div class="hero-text-formatted">
{{ hero_text|smart_hero_formatting }}
</div>
{% elseif hero_graphic and hero_text %}
<img src="{{hero_graphic['url']}}" alt="{{hero_text}}" />
{% elseif hero_graphic %}
<img src="{{hero_graphic['url']}}" alt="{{hero_graphic["alt"]}}" />
{% elseif hero_text %}
<span class="hero-text-plain">{{hero_text}}</span>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</div>