html[dir="ltr"] {

  @font-face {
    font-family: 'GemunuLibre';
    src: url("./GemunuLibre-Light.ttf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'GemunuLibre';
    src: url("./GemunuLibre-Medium.ttf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }


  @font-face {
    font-family: 'GemunuLibre';
    src: url("./GemunuLibre-Bold.ttf");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }

  body, *, html {
    font-family: "GemunuLibre", sans-serif;
  }
}

html[dir="rtl"] {

  @font-face {
    font-family: 'Almarai';
    src: url("./Almarai/Almarai-Regular.ttf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Almarai';
    src: url("./Almarai/Almarai-Bold.ttf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }


  @font-face {
    font-family: 'Almarai';
    src: url("./Almarai/Almarai-ExtraBold.ttf");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }

  body, *, html {
    font-family: "Almarai", sans-serif;
  }
}