/**
 * @license
 *
 * Font Family: Clash Grotesk
 * Designed by: Indian Type Foundry
 * URL: https://www.fontshare.com/fonts/clash-grotesk
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Clash Grotesk Variable(Variable font)
 * Clash Grotesk Extralight
 * Clash Grotesk Light
 * Clash Grotesk Regular
 * Clash Grotesk Medium
 * Clash Grotesk Semibold
 * Clash Grotesk Bold
 *
*/


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0;
*
* available axes:

* 'wght' (range from 200.0 to 700.0)

*/

@font-face {
  font-family: 'clashgrotesk-variable';
  src: url('clashgrotesk-variable.woff2') format('woff2'),
       url('clashgrotesk-variable.woff') format('woff'),
       url('clashgrotesk-variable.ttf') format('truetype');
       font-weight: 200 300 400 500 600 700;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'clashgrotesk-extralight';
  src: url('clashgrotesk-extralight.woff2') format('woff2'),
       url('clashgrotesk-extralight.woff') format('woff'),
       url('clashgrotesk-extralight.ttf') format('truetype');
       font-weight: 200;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'clashgrotesk-light';
  src: url('clashgrotesk-light.woff2') format('woff2'),
       url('clashgrotesk-light.woff') format('woff'),
       url('clashgrotesk-light.ttf') format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'clashgrotesk-regular';
  src: url('clashgrotesk-regular.woff2') format('woff2'),
       url('clashgrotesk-regular.woff') format('woff'),
       url('clashgrotesk-regular.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'clashgrotesk-medium';
  src: url('clashgrotesk-medium.woff2') format('woff2'),
       url('clashgrotesk-medium.woff') format('woff'),
       url('clashgrotesk-medium.ttf') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'clashgrotesk-semibold';
  src: url('clashgrotesk-semibold.woff2') format('woff2'),
       url('clashgrotesk-semibold.woff') format('woff'),
       url('clashgrotesk-semibold.ttf') format('truetype');
       font-weight: 600;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'clashgrotesk-bold';
  src: url('clashgrotesk-bold.woff2') format('woff2'),
       url('clashgrotesk-bold.woff') format('woff'),
       url('clashgrotesk-bold.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}