@font-face {
    font-family: 'heading-en';
    src: url('../fonts/heading-en.otf') format('OpenType');
  }
  @font-face {
    font-family: 'text-en';
    src: url('../fonts/text-en.ttf') format('TrueType');
  }
  @font-face {
    font-family: 'heading-ar';
    src: url('../fonts/heading-ar.ttf') format('TrueType');
  }
  @font-face {
    font-family: 'text-ar';
    src: url('../fonts/text-ar.ttf') format('TrueType');
  }