CSS custom font not working in accordion feature on mobile

Hi there. I have a problem with my custom fonts. Everywhere they work good. Only on the mobile version the discription of the accordion feature is a random font. 

I tried to put this:

}

div.accordion-item__description * {
    font-family: 'basier-square-regular' !important;
}

But it doesnt seem to work.

I also have this code:

// Paragraphs

// Paragraph 1
.sqsrte-large {
   font-family: 'basier-square-regular';
  font-weight: 600;

  font-style: regular;

  font-size: 19px;

  letter-spacing: 0.1em;

  text-transform: lowercase;

  line-height: 1em;
}

// Paragraph 2
p {
   font-family: 'basier-square-regular';
    font-weight: 700;

  font-style: regular;

  font-size: 25px;

  letter-spacing: 0.1em;

  text-transform: lowercase;

  line-height: 1em;
}

// Paragraph 3
.sqsrte-small {
   font-family: 'basier-square-regular';
  font-weight: 700;

  font-style: regular;

  font-size: 40px;

  letter-spacing: 0.1em;

  text-transform: lowercase;

  line-height: 1em;
}

Can anyone help me out? Thx! 

Can you share your website URL and the page with an accordion?

Sure: https://www.brandbites.be/

The accordion is on the homepage at 'our expertise'.

Have you added this font to your website?

basier-square-regular

Yes, I did. It's visible at the bottom of the website. But for some reason it's not working in the accordion feature. I see on the web version it has also stopped working & changed to the default font now. 

From the bits I can see it looks like your setup is good.

It also looks like the font is being applied, but if there's a problem with the font file, it may be defaulting to a random font. This is what I see:

Yeah online it seems to work, but on the mobile version it changes to this font.