Menu not working in multilingual singe page site

support
1

Hi, I have three language site in Hugo.

My site is single page site. When I click on link in menu it should just scroll me down to selected part.
When is on my default set language it works fine. So that is when URL looks like this:

http://localhost:1313/

But foe example when I change language to swedish

http://localhost:1313/swe/
all my text changes correctly to swedish but when I click link in menu it resets site to default language and then scrolls down to selected part.

My menu looks like this:

 <div class="collapse navbar-collapse" id="ftco-nav">
        <ul class="navbar-nav nav ml-auto">
          {{- $currentPage := . -}}
          <li class="nav-item"><a href="/#home-section" class="nav-link"><span>{{ i18n "home" }}</span></a></li>
          <li class="nav-item"><a href="/#services-section" class="nav-link"><span>{{ i18n "services" }}</span></a></li>
          <li class="nav-item"><a href="/#about-section" class="nav-link"><span>{{ i18n "about" }}</span></a></li>
          <li class="nav-item"><a href="/#destination-section" class="nav-link"><span>{{ i18n "tours" }}</span></a></li>
          <!-- <li class="nav-item"><a href="/#blog-section" class="nav-link"><span>{{ i18n "blog" }}</span></a></li> -->
          <li class="nav-item"><a href="/#contact-section" class="nav-link"><span>{{ i18n "contact" }}</span></a></li>
          {{ range $.Site.Home.AllTranslations }}
          <li class="no_margin flag"><a href="{{ .Permalink }}"><img src="/images/flags/{{.Language.LanguageName}}.png" /></a></li>
          {{ end }}
        </ul>
      </div>

I am not sure why is this happening.
Here is my live site on Netlify

https://cvitproba.netlify.app/