/* English Headline */

@font-face {
    font-family: 'OFF-H';
    src: url('../fonts/H/OFF-H.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

/* Arabic Headline */

@font-face {
    font-family: 'OFF-H-AR';
    src: url('../fonts/H-AR/OFF-H-AR.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
  }

/* Arabic */

@font-face {
    font-family: 'OFF-AR';
    src: url('../fonts/AR/OFF-AR-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

@font-face {
    font-family: 'OFF-AR';
    src: url('../fonts/AR/OFF-AR-500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }

@font-face {
    font-family: 'OFF-AR';
    src: url('../fonts/AR/OFF-AR-600.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }

@font-face {
    font-family: 'OFF-AR';
    src: url('../fonts/AR/OFF-AR-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

/* English Normal */

  @font-face {
    font-family: 'OFF-EN';
    src: url('../fonts/EN/OFF-EN-200.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN';
    src: url('../fonts/EN/OFF-EN-300.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN';
    src: url('../fonts/EN/OFF-EN-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN';
    src: url('../fonts/EN/OFF-EN-500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN';
    src: url('../fonts/EN/OFF-EN-600.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN';
    src: url('../fonts/EN/OFF-EN-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN';
    src: url('../fonts/EN/OFF-EN-800.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN';
    src: url('../fonts/EN/OFF-EN-900.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
  }

/* English Italic */

@font-face {
    font-family: 'OFF-EN-Italic';
    src: url('../fonts/EN/OFF-EN-200-Italic.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN-Italic';
    src: url('../fonts/EN/OFF-EN-300-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN-Italic';
    src: url('../fonts/EN/OFF-EN-400-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN-Italic';
    src: url('../fonts/EN/OFF-EN-500-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN-Italic';
    src: url('../fonts/EN/OFF-EN-600-Italic.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN-Italic';
    src: url('../fonts/EN/OFF-EN-700-Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN-Italic';
    src: url('../fonts/EN/OFF-EN-800-Italic.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
  }

  @font-face {
    font-family: 'OFF-EN-Italic';
    src: url('../fonts/EN/OFF-EN-900-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
  }