/* Almarai Font Faces */
    @font-face {
      font-family: 'Almarai';
      font-style: normal;
      font-weight: 300;
      /* Light */
      src: url('./Almarai,Cairo_Play,Noto_Kufi_Arabic/Almarai/Almarai-Light.ttf') format('truetype');
      font-display: swap;
    }

    @font-face {
      font-family: 'Almarai';
      font-style: normal;
      font-weight: 400;
      /* Regular */
      src: url('./Almarai,Cairo_Play,Noto_Kufi_Arabic/Almarai/Almarai-Regular.ttf') format('truetype');
      font-display: swap;
    }

    @font-face {
      font-family: 'Almarai';
      font-style: normal;
      font-weight: 700;
      /* Bold */
      src: url('./Almarai,Cairo_Play,Noto_Kufi_Arabic/Almarai/Almarai-Bold.ttf') format('truetype');
      font-display: swap;
    }

    @font-face {
      font-family: 'Almarai';
      font-style: normal;
      font-weight: 800;
      /* ExtraBold */
      src: url('./Almarai,Cairo_Play,Noto_Kufi_Arabic/Almarai/Almarai-ExtraBold.ttf') format('truetype');
      font-display: swap;
    }

    /* Cairo Play Variable Font Face */
    @font-face {
      font-family: 'Cairo Play';
      font-style: normal;
      /* Or 'oblique' if you intend to use the slnt axis */
      font-weight: 100 1000;
      /* Standard range for variable font weights */
      src: url('./Almarai,Cairo_Play,Noto_Kufi_Arabic/Cairo_Play/CairoPlay-VariableFont_slnt,wght.ttf') format('truetype-variations');
      font-display: swap;
    }

    /* Noto Kufi Arabic Variable Font Face */
    @font-face {
      font-family: 'Noto Kufi Arabic';
      font-style: normal;
      font-weight: 100 900;
      /* Standard range for Noto variable font weights */
      src: url('./Almarai,Cairo_Play,Noto_Kufi_Arabic/Noto_Kufi_Arabic/NotoKufiArabic-VariableFont_wght.ttf') format('truetype-variations');
      font-display: swap;
    }