@font-face {
  font-family: 'Neue Haas Grotesk';
  src: url('NeueHaasGrotText-55Roman-Trial.woff2') format('woff2'),
       url('NeueHaasGrotText-55Roman-Trial.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk';
  src: url('NeueHaasGrotText-56Italic-Trial.woff2') format('woff2'),
       url('NeueHaasGrotText-56Italic-Trial.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk';
  src: url('NeueHaasGrotText-65Medium-Trial.woff2') format('woff2'),
       url('NeueHaasGrotText-65Medium-Trial.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk';
  src: url('NeueHaasGrotText-66MediumItalic-Trial.woff2') format('woff2'),
       url('NeueHaasGrotText-66MediumItalic-Trial.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk';
  src: url('NeueHaasGrotText-75Bold-Trial.woff2') format('woff2'),
       url('NeueHaasGrotText-75Bold-Trial.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk';
  src: url('NeueHaasGrotText-76BoldItalic-Trial.woff2') format('woff2'),
       url('NeueHaasGrotText-76BoldItalic-Trial.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}