/**
  Usage:

  @font-face {
    font-family: "FontName";
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
    src: url("/assets/fonts/FontName.woff") format("woff"),
         url("/assets/fonts/FontName.woff2") format("woff2");
  }
 */

/*  EXPO SANS STD */
@font-face {
  font-family: 'ExpoSans';
  font-weight: bold;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoSansStd-Bold.woff2') format('woff2'),
       url('ExpoSansStd-Bold.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoSansStd-Light.woff2') format('woff2'),
       url('ExpoSansStd-Light.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoSansStd-Black.woff2') format('woff2'),
       url('ExpoSansStd-Black.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoSansStd-Medium.woff2') format('woff2'),
       url('ExpoSansStd-Medium.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoSansStd-Book.woff2') format('woff2'),
       url('ExpoSansStd-Book.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: normal;
  font-style: italic;
  font-display: fallback;
  src: url('ExpoSansStd-BookItalic.woff2') format('woff2'),
       url('ExpoSansStd-BookItalic.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: bold;
  font-style: italic;
  font-display: fallback;
  src: url('ExpoSansStd-BoldItalic.woff2') format('woff2'),
       url('ExpoSansStd-BoldItalic.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: 900;
  font-style: italic;
  font-display: fallback;
  src: url('ExpoSansStd-BlackItalic.woff2') format('woff2'),
       url('ExpoSansStd-BlackItalic.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: 300;
  font-style: italic;
  font-display: fallback;
  src: url('ExpoSansStd-LightItalic.woff2') format('woff2'),
       url('ExpoSansStd-LightItalic.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: 100;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoSansStd-Thin.woff2') format('woff2'),
       url('ExpoSansStd-Thin.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: 600;
  font-style: italic;
  font-display: fallback;
  src: url('ExpoSansStd-SemiBoldItalic.woff2') format('woff2'),
       url('ExpoSansStd-SemiBoldItalic.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoSansStd-SemiBold.woff2') format('woff2'),
       url('ExpoSansStd-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: 100;
  font-style: italic;
  font-display: fallback;
  src: url('ExpoSansStd-ThinItalic.woff2') format('woff2'),
       url('ExpoSansStd-ThinItalic.woff') format('woff');
}

@font-face {
  font-family: 'ExpoSans';
  font-weight: 500;
  font-style: italic;
  font-display: fallback;
  src: url('ExpoSansStd-MediumItalic.woff2') format('woff2'),
       url('ExpoSansStd-MediumItalic.woff') format('woff');
}

/* EXPO OFFICE */
@font-face {
  font-family: 'ExpoOffice';
  font-weight: bold;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoOffice-Bold.woff2') format('woff2'),
       url('ExpoOffice-Bold.woff') format('woff');
}

@font-face {
  font-family: 'ExpoOffice';
  font-weight: bold;
  font-style: italic;
  font-display: fallback;
  src: url('ExpoOffice-BoldItalic.woff2') format('woff2'),
       url('ExpoOffice-BoldItalic.woff') format('woff');
}

@font-face {
  font-family: 'ExpoOffice';
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoOffice-Regular.woff2') format('woff2'),
       url('ExpoOffice-Regular.woff') format('woff');
}

@font-face {
  font-family: 'ExpoOffice';
  font-weight: normal;
  font-style: italic;
  font-display: fallback;
  src: url('ExpoOffice-RegularItalic.woff2') format('woff2'),
       url('ExpoOffice-RegularItalic.woff') format('woff');
}

/* EXPO ARABIC */
@font-face {
  font-family: 'ExpoArabic';
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoArabic-Medium.woff2') format('woff2'),
       url('ExpoArabic-Medium.woff') format('woff');
}

@font-face {
  font-family: 'ExpoArabic';
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoArabic-Black.woff2') format('woff2'),
       url('ExpoArabic-Black.woff') format('woff');
}

@font-face {
  font-family: 'ExpoArabic';
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoArabic-Book.woff2') format('woff2'),
       url('ExpoArabic-Book.woff') format('woff');
}

@font-face {
  font-family: 'ExpoArabic';
  font-weight: 100;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoArabic-Thin.woff2') format('woff2'),
       url('ExpoArabic-Thin.woff') format('woff');
}

@font-face {
  font-family: 'ExpoArabic';
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoArabic-SemiBold.woff2') format('woff2'),
       url('ExpoArabic-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'ExpoArabic';
  font-weight: bold;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoArabic-Bold.woff2') format('woff2'),
       url('ExpoArabic-Bold.woff') format('woff');
}

@font-face {
  font-family: 'ExpoArabic';
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
  src: url('ExpoArabic-Light.woff2') format('woff2'),
       url('ExpoArabic-Light.woff') format('woff');
}

/* TAJAWAL */
@font-face {
  font-family: 'Tajawal';
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
  src: url('Tajawal-Regular.woff2') format('woff2'),
       url('Tajawal-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Tajawal';
  font-weight: bold;
  font-style: normal;
  font-display: fallback;
  src: url('Tajawal-Bold.woff2') format('woff2'),
       url('Tajawal-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Tajawal';
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
  src: url('Tajawal-Black.woff2') format('woff2'),
       url('Tajawal-Black.woff') format('woff');
}

@font-face {
  font-family: 'Tajawal';
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url('Tajawal-Medium.woff2') format('woff2'),
       url('Tajawal-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Tajawal';
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
  src: url('Tajawal-ExtraBold.woff2') format('woff2'),
       url('Tajawal-ExtraBold.woff') format('woff');
}

@font-face {
  font-family: 'Tajawal';
  font-weight: 200;
  font-style: normal;
  font-display: fallback;
  src: url('Tajawal-ExtraLight.woff2') format('woff2'),
       url('Tajawal-ExtraLight.woff') format('woff');
}

@font-face {
  font-family: 'Tajawal';
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
  src: url('Tajawal-Light.woff2') format('woff2'),
       url('Tajawal-Light.woff') format('woff');
}

/* Raleway */
@font-face {
  font-family: 'Raleway';
  font-weight: 200;
  font-style: normal;
  font-display: fallback;
  src: url('Raleway-Thin.woff2') format('woff2'),
       url('Raleway-Thin.woff') format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
  src: url('Raleway-Light.woff2') format('woff2'),
       url('Raleway-Light.woff') format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
  src: url('Raleway-Regular.woff2') format('woff2'),
       url('Raleway-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url('Raleway-Medium.woff2') format('woff2'),
       url('Raleway-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
  src: url('Raleway-SemiBold.woff2') format('woff2'),
       url('Raleway-SemiBold.woff') format('woff');
}

/* Raleway Dots */
@font-face {
  font-family: 'Raleway Dots';
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
  src: url('Raleway-Dots-Regular.woff2') format('woff2'),
       url('Raleway-Dots-Regular.woff') format('woff');
}