/**
* @license
*
* Font Family: Sharpie
* Designed by: Théo Guillard
* URL: https://www.fontshare.com/fonts/sharpie
* © 2025 Indian Type Foundry
*
* Sharpie Light 
* Sharpie Regular 
* Sharpie Bold 
* Sharpie Extrabold 
* Sharpie Black 
* Sharpie Variable (Variable font)

*
*/
@font-face {
  font-family: 'Sharpie-Light';
  src: url('../fonts/Sharpie-Light.woff2') format('woff2'),
       url('../fonts/Sharpie-Light.woff') format('woff'),
       url('../fonts/Sharpie-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sharpie-Regular';
  src: url('../fonts/Sharpie-Regular.woff2') format('woff2'),
       url('../fonts/Sharpie-Regular.woff') format('woff'),
       url('../fonts/Sharpie-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sharpie-Bold';
  src: url('../fonts/Sharpie-Bold.woff2') format('woff2'),
       url('../fonts/Sharpie-Bold.woff') format('woff'),
       url('../fonts/Sharpie-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sharpie-Extrabold';
  src: url('../fonts/Sharpie-Extrabold.woff2') format('woff2'),
       url('../fonts/Sharpie-Extrabold.woff') format('woff'),
       url('../fonts/Sharpie-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sharpie-Black';
  src: url('../fonts/Sharpie-Black.woff2') format('woff2'),
       url('../fonts/Sharpie-Black.woff') format('woff'),
       url('../fonts/Sharpie-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'Sharpie-Variable';
  src: url('../fonts/Sharpie-Variable.woff2') format('woff2'),
       url('../fonts/Sharpie-Variable.woff') format('woff'),
       url('../fonts/Sharpie-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}


/**
* @license
*
* Font Family: Supreme
* Designed by: Jérémie Hornus, Ilya Naumoff
* URL: https://www.fontshare.com/fonts/supreme
* © 2025 Indian Type Foundry
*
* Supreme Thin 
* Supreme ThinItalic 
* Supreme Extralight 
* Supreme ExtralightItalic 
* Supreme Light 
* Supreme LightItalic 
* Supreme Regular 
* Supreme Italic 
* Supreme Medium 
* Supreme MediumItalic 
* Supreme Bold 
* Supreme BoldItalic 
* Supreme Extrabold 
* Supreme ExtraboldItalic 
* Supreme Variable (Variable font)
* Supreme VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Supreme-Thin';
  src: url('../fonts/Supreme-Thin.woff2') format('woff2'),
       url('../fonts/Supreme-Thin.woff') format('woff'),
       url('../fonts/Supreme-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme-ThinItalic';
  src: url('../fonts/Supreme-ThinItalic.woff2') format('woff2'),
       url('../fonts/Supreme-ThinItalic.woff') format('woff'),
       url('../fonts/Supreme-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Supreme-Extralight';
  src: url('../fonts/Supreme-Extralight.woff2') format('woff2'),
       url('../fonts/Supreme-Extralight.woff') format('woff'),
       url('../fonts/Supreme-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme-ExtralightItalic';
  src: url('../fonts/Supreme-ExtralightItalic.woff2') format('woff2'),
       url('../fonts/Supreme-ExtralightItalic.woff') format('woff'),
       url('../fonts/Supreme-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Supreme-Light';
  src: url('../fonts/Supreme-Light.woff2') format('woff2'),
       url('../fonts/Supreme-Light.woff') format('woff'),
       url('../fonts/Supreme-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme-LightItalic';
  src: url('../fonts/Supreme-LightItalic.woff2') format('woff2'),
       url('../fonts/Supreme-LightItalic.woff') format('woff'),
       url('../fonts/Supreme-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Supreme-Regular';
  src: url('../fonts/Supreme-Regular.woff2') format('woff2'),
       url('../fonts/Supreme-Regular.woff') format('woff'),
       url('../fonts/Supreme-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme-Italic';
  src: url('../fonts/Supreme-Italic.woff2') format('woff2'),
       url('../fonts/Supreme-Italic.woff') format('woff'),
       url('../fonts/Supreme-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Supreme-Medium';
  src: url('../fonts/Supreme-Medium.woff2') format('woff2'),
       url('../fonts/Supreme-Medium.woff') format('woff'),
       url('../fonts/Supreme-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme-MediumItalic';
  src: url('../fonts/Supreme-MediumItalic.woff2') format('woff2'),
       url('../fonts/Supreme-MediumItalic.woff') format('woff'),
       url('../fonts/Supreme-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Supreme-Bold';
  src: url('../fonts/Supreme-Bold.woff2') format('woff2'),
       url('../fonts/Supreme-Bold.woff') format('woff'),
       url('../fonts/Supreme-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme-BoldItalic';
  src: url('../fonts/Supreme-BoldItalic.woff2') format('woff2'),
       url('../fonts/Supreme-BoldItalic.woff') format('woff'),
       url('../fonts/Supreme-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Supreme-Extrabold';
  src: url('../fonts/Supreme-Extrabold.woff2') format('woff2'),
       url('../fonts/Supreme-Extrabold.woff') format('woff'),
       url('../fonts/Supreme-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme-ExtraboldItalic';
  src: url('../fonts/Supreme-ExtraboldItalic.woff2') format('woff2'),
       url('../fonts/Supreme-ExtraboldItalic.woff') format('woff'),
       url('../fonts/Supreme-ExtraboldItalic.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 800.0;
*
* available axes:
'wght' (range from 100.0 to 800.0
*/
@font-face {
  font-family: 'Supreme-Variable';
  src: url('../fonts/Supreme-Variable.woff2') format('woff2'),
       url('../fonts/Supreme-Variable.woff') format('woff'),
       url('../fonts/Supreme-Variable.ttf') format('truetype');
  font-weight: 100 800;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 800.0;
*
* available axes:
'wght' (range from 100.0 to 800.0
*/
@font-face {
  font-family: 'Supreme-VariableItalic';
  src: url('../fonts/Supreme-VariableItalic.woff2') format('woff2'),
       url('../fonts/Supreme-VariableItalic.woff') format('woff'),
       url('../fonts/Supreme-VariableItalic.ttf') format('truetype');
  font-weight: 100 800;
  font-display: swap;
  font-style: italic;
}


/**
* @license
*
* Font Family: Switzer
* Designed by: Jérémie Hornus
* URL: https://www.fontshare.com/fonts/switzer
* © 2025 Indian Type Foundry
*
* Switzer Thin 
* Switzer ThinItalic 
* Switzer Extralight 
* Switzer ExtralightItalic 
* Switzer Light 
* Switzer LightItalic 
* Switzer Regular 
* Switzer Italic 
* Switzer Medium 
* Switzer MediumItalic 
* Switzer Semibold 
* Switzer SemiboldItalic 
* Switzer Bold 
* Switzer BoldItalic 
* Switzer Extrabold 
* Switzer ExtraboldItalic 
* Switzer Black 
* Switzer BlackItalic 
* Switzer Variable (Variable font)
* Switzer VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Switzer-Thin';
  src: url('../fonts/Switzer-Thin.woff2') format('woff2'),
       url('../fonts/Switzer-Thin.woff') format('woff'),
       url('../fonts/Switzer-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer-ThinItalic';
  src: url('../fonts/Switzer-ThinItalic.woff2') format('woff2'),
       url('../fonts/Switzer-ThinItalic.woff') format('woff'),
       url('../fonts/Switzer-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Switzer-Extralight';
  src: url('../fonts/Switzer-Extralight.woff2') format('woff2'),
       url('../fonts/Switzer-Extralight.woff') format('woff'),
       url('../fonts/Switzer-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer-ExtralightItalic';
  src: url('../fonts/Switzer-ExtralightItalic.woff2') format('woff2'),
       url('../fonts/Switzer-ExtralightItalic.woff') format('woff'),
       url('../fonts/Switzer-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Switzer-Light';
  src: url('../fonts/Switzer-Light.woff2') format('woff2'),
       url('../fonts/Switzer-Light.woff') format('woff'),
       url('../fonts/Switzer-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer-LightItalic';
  src: url('../fonts/Switzer-LightItalic.woff2') format('woff2'),
       url('../fonts/Switzer-LightItalic.woff') format('woff'),
       url('../fonts/Switzer-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Switzer-Regular';
  src: url('../fonts/Switzer-Regular.woff2') format('woff2'),
       url('../fonts/Switzer-Regular.woff') format('woff'),
       url('../fonts/Switzer-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer-Italic';
  src: url('../fonts/Switzer-Italic.woff2') format('woff2'),
       url('../fonts/Switzer-Italic.woff') format('woff'),
       url('../fonts/Switzer-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Switzer-Medium';
  src: url('../fonts/Switzer-Medium.woff2') format('woff2'),
       url('../fonts/Switzer-Medium.woff') format('woff'),
       url('../fonts/Switzer-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer-MediumItalic';
  src: url('../fonts/Switzer-MediumItalic.woff2') format('woff2'),
       url('../fonts/Switzer-MediumItalic.woff') format('woff'),
       url('../fonts/Switzer-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Switzer-Semibold';
  src: url('../fonts/Switzer-Semibold.woff2') format('woff2'),
       url('../fonts/Switzer-Semibold.woff') format('woff'),
       url('../fonts/Switzer-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer-SemiboldItalic';
  src: url('../fonts/Switzer-SemiboldItalic.woff2') format('woff2'),
       url('../fonts/Switzer-SemiboldItalic.woff') format('woff'),
       url('../fonts/Switzer-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Switzer-Bold';
  src: url('../fonts/Switzer-Bold.woff2') format('woff2'),
       url('../fonts/Switzer-Bold.woff') format('woff'),
       url('../fonts/Switzer-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer-BoldItalic';
  src: url('../fonts/Switzer-BoldItalic.woff2') format('woff2'),
       url('../fonts/Switzer-BoldItalic.woff') format('woff'),
       url('../fonts/Switzer-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Switzer-Extrabold';
  src: url('../fonts/Switzer-Extrabold.woff2') format('woff2'),
       url('../fonts/Switzer-Extrabold.woff') format('woff'),
       url('../fonts/Switzer-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer-ExtraboldItalic';
  src: url('../fonts/Switzer-ExtraboldItalic.woff2') format('woff2'),
       url('../fonts/Switzer-ExtraboldItalic.woff') format('woff'),
       url('../fonts/Switzer-ExtraboldItalic.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Switzer-Black';
  src: url('../fonts/Switzer-Black.woff2') format('woff2'),
       url('../fonts/Switzer-Black.woff') format('woff'),
       url('../fonts/Switzer-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer-BlackItalic';
  src: url('../fonts/Switzer-BlackItalic.woff2') format('woff2'),
       url('../fonts/Switzer-BlackItalic.woff') format('woff'),
       url('../fonts/Switzer-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 400.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Switzer-Variable';
  src: url('../fonts/Switzer-Variable.woff2') format('woff2'),
       url('../fonts/Switzer-Variable.woff') format('woff'),
       url('../fonts/Switzer-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 400.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Switzer-VariableItalic';
  src: url('../fonts/Switzer-VariableItalic.woff2') format('woff2'),
       url('../fonts/Switzer-VariableItalic.woff') format('woff'),
       url('../fonts/Switzer-VariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
}


/**
* @license
*
* Font Family: Tanker
* Designed by: Ruosi Huang
* URL: https://www.fontshare.com/fonts/tanker
* © 2025 Indian Type Foundry
*
* Tanker Regular 

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


/**
* @license
*
* Font Family: Telma
* Designed by: Jitka Janečková
* URL: https://www.fontshare.com/fonts/telma
* © 2025 Indian Type Foundry
*
* Telma Light 
* Telma Regular 
* Telma Medium 
* Telma Bold 
* Telma Black 
* Telma Variable (Variable font)

*
*/
@font-face {
  font-family: 'Telma-Light';
  src: url('../fonts/Telma-Light.woff2') format('woff2'),
       url('../fonts/Telma-Light.woff') format('woff'),
       url('../fonts/Telma-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Telma-Regular';
  src: url('../fonts/Telma-Regular.woff2') format('woff2'),
       url('../fonts/Telma-Regular.woff') format('woff'),
       url('../fonts/Telma-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Telma-Medium';
  src: url('../fonts/Telma-Medium.woff2') format('woff2'),
       url('../fonts/Telma-Medium.woff') format('woff'),
       url('../fonts/Telma-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Telma-Bold';
  src: url('../fonts/Telma-Bold.woff2') format('woff2'),
       url('../fonts/Telma-Bold.woff') format('woff'),
       url('../fonts/Telma-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Telma-Black';
  src: url('../fonts/Telma-Black.woff2') format('woff2'),
       url('../fonts/Telma-Black.woff') format('woff'),
       url('../fonts/Telma-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'Telma-Variable';
  src: url('../fonts/Telma-Variable.woff2') format('woff2'),
       url('../fonts/Telma-Variable.woff') format('woff'),
       url('../fonts/Telma-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}


/**
* @license
*
* Font Family: Zina
* Designed by: Théo Guillard
* URL: https://www.fontshare.com/fonts/zina
* © 2025 Indian Type Foundry
*
* Zina Regular 

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



/**
* @license
*
* Font Family: Hoover
* Designed by: Gaetan Baehr
* URL: https://www.fontshare.com/fonts/hoover
* © 2025 Indian Type Foundry
*
* Hoover Thin 
* Hoover Light 
* Hoover Regular 
* Hoover Medium 
* Hoover Bold 
* Hoover Variable (Variable font)

*
*/
@font-face {
  font-family: 'Hoover-Thin';
  src: url('../fonts/Hoover-Thin.woff2') format('woff2'),
       url('../fonts/Hoover-Thin.woff') format('woff'),
       url('../fonts/Hoover-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Hoover-Light';
  src: url('../fonts/Hoover-Light.woff2') format('woff2'),
       url('../fonts/Hoover-Light.woff') format('woff'),
       url('../fonts/Hoover-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Hoover-Regular';
  src: url('../fonts/Hoover-Regular.woff2') format('woff2'),
       url('../fonts/Hoover-Regular.woff') format('woff'),
       url('../fonts/Hoover-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Hoover-Medium';
  src: url('../fonts/Hoover-Medium.woff2') format('woff2'),
       url('../fonts/Hoover-Medium.woff') format('woff'),
       url('../fonts/Hoover-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Hoover-Bold';
  src: url('../fonts/Hoover-Bold.woff2') format('woff2'),
       url('../fonts/Hoover-Bold.woff') format('woff'),
       url('../fonts/Hoover-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control 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: 'Hoover-Variable';
  src: url('../fonts/Hoover-Variable.woff2') format('woff2'),
       url('../fonts/Hoover-Variable.woff') format('woff'),
       url('../fonts/Hoover-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}


/**
* @license
*
* Font Family: New Title
* Designed by: Julie Soudanne, Jérémie Hornus
* URL: https://www.fontshare.com/fonts/new-title
* © 2025 Indian Type Foundry
*
* New Title Extralight 
* New Title Light 
* New Title Regular 
* New Title Medium 
* New Title Bold 
* New Title Variable (Variable font)

*
*/
@font-face {
  font-family: 'NewTitle-Extralight';
  src: url('../fonts/NewTitle-Extralight.woff2') format('woff2'),
       url('../fonts/NewTitle-Extralight.woff') format('woff'),
       url('../fonts/NewTitle-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'NewTitle-Light';
  src: url('../fonts/NewTitle-Light.woff2') format('woff2'),
       url('../fonts/NewTitle-Light.woff') format('woff'),
       url('../fonts/NewTitle-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'NewTitle-Regular';
  src: url('../fonts/NewTitle-Regular.woff2') format('woff2'),
       url('../fonts/NewTitle-Regular.woff') format('woff'),
       url('../fonts/NewTitle-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'NewTitle-Medium';
  src: url('../fonts/NewTitle-Medium.woff2') format('woff2'),
       url('../fonts/NewTitle-Medium.woff') format('woff'),
       url('../fonts/NewTitle-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'NewTitle-Bold';
  src: url('../fonts/NewTitle-Bold.woff2') format('woff2'),
       url('../fonts/NewTitle-Bold.woff') format('woff'),
       url('../fonts/NewTitle-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 200.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
  font-family: 'NewTitle-Variable';
  src: url('../fonts/NewTitle-Variable.woff2') format('woff2'),
       url('../fonts/NewTitle-Variable.woff') format('woff'),
       url('../fonts/NewTitle-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}


/**
* @license
*
* Font Family: Nippo
* Designed by: Manushi Parikh
* URL: https://www.fontshare.com/fonts/nippo
* © 2025 Indian Type Foundry
*
* Nippo Extralight 
* Nippo Light 
* Nippo Regular 
* Nippo Medium 
* Nippo Bold 
* Nippo Variable (Variable font)

*
*/
@font-face {
  font-family: 'Nippo-Extralight';
  src: url('../fonts/Nippo-Extralight.woff2') format('woff2'),
       url('../fonts/Nippo-Extralight.woff') format('woff'),
       url('../fonts/Nippo-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Nippo-Light';
  src: url('../fonts/Nippo-Light.woff2') format('woff2'),
       url('../fonts/Nippo-Light.woff') format('woff'),
       url('../fonts/Nippo-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Nippo-Regular';
  src: url('../fonts/Nippo-Regular.woff2') format('woff2'),
       url('../fonts/Nippo-Regular.woff') format('woff'),
       url('../fonts/Nippo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Nippo-Medium';
  src: url('../fonts/Nippo-Medium.woff2') format('woff2'),
       url('../fonts/Nippo-Medium.woff') format('woff'),
       url('../fonts/Nippo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Nippo-Bold';
  src: url('../fonts/Nippo-Bold.woff2') format('woff2'),
       url('../fonts/Nippo-Bold.woff') format('woff'),
       url('../fonts/Nippo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control 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: 'Nippo-Variable';
  src: url('../fonts/Nippo-Variable.woff2') format('woff2'),
       url('../fonts/Nippo-Variable.woff') format('woff'),
       url('../fonts/Nippo-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}


/**
* @license
*
* Font Family: Outfit
* Designed by: On Brand Investments Pty Ltd, Rodrigo Fuenzalida
* URL: https://www.fontshare.com/fonts/outfit
* © 2025 Indian Type Foundry
*
* Outfit Thin 
* Outfit ExtraLight 
* Outfit Light 
* Outfit Regular 
* Outfit Medium 
* Outfit SemiBold 
* Outfit Bold 
* Outfit ExtraBold 
* Outfit Black 
* Outfit Variable (Variable font)

*
*/
@font-face {
  font-family: 'Outfit-Thin';
  src: url('../fonts/Outfit-Thin.woff2') format('woff2'),
       url('../fonts/Outfit-Thin.woff') format('woff'),
       url('../fonts/Outfit-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Outfit-ExtraLight';
  src: url('../fonts/Outfit-ExtraLight.woff2') format('woff2'),
       url('../fonts/Outfit-ExtraLight.woff') format('woff'),
       url('../fonts/Outfit-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Outfit-Light';
  src: url('../fonts/Outfit-Light.woff2') format('woff2'),
       url('../fonts/Outfit-Light.woff') format('woff'),
       url('../fonts/Outfit-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Outfit-Regular';
  src: url('../fonts/Outfit-Regular.woff2') format('woff2'),
       url('../fonts/Outfit-Regular.woff') format('woff'),
       url('../fonts/Outfit-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Outfit-Medium';
  src: url('../fonts/Outfit-Medium.woff2') format('woff2'),
       url('../fonts/Outfit-Medium.woff') format('woff'),
       url('../fonts/Outfit-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Outfit-SemiBold';
  src: url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
       url('../fonts/Outfit-SemiBold.woff') format('woff'),
       url('../fonts/Outfit-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Outfit-Bold';
  src: url('../fonts/Outfit-Bold.woff2') format('woff2'),
       url('../fonts/Outfit-Bold.woff') format('woff'),
       url('../fonts/Outfit-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Outfit-ExtraBold';
  src: url('../fonts/Outfit-ExtraBold.woff2') format('woff2'),
       url('../fonts/Outfit-ExtraBold.woff') format('woff'),
       url('../fonts/Outfit-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Outfit-Black';
  src: url('../fonts/Outfit-Black.woff2') format('woff2'),
       url('../fonts/Outfit-Black.woff') format('woff'),
       url('../fonts/Outfit-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 100.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Outfit-Variable';
  src: url('../fonts/Outfit-Variable.woff2') format('woff2'),
       url('../fonts/Outfit-Variable.woff') format('woff'),
       url('../fonts/Outfit-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}


/**
* @license
*
* Font Family: Pally
* Designed by: Indian Type Foundry
* URL: https://www.fontshare.com/fonts/pally
* © 2025 Indian Type Foundry
*
* Pally Regular 
* Pally Medium 
* Pally Bold 
* Pally Variable (Variable font)

*
*/
@font-face {
  font-family: 'Pally-Regular';
  src: url('../fonts/Pally-Regular.woff2') format('woff2'),
       url('../fonts/Pally-Regular.woff') format('woff'),
       url('../fonts/Pally-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Pally-Medium';
  src: url('../fonts/Pally-Medium.woff2') format('woff2'),
       url('../fonts/Pally-Medium.woff') format('woff'),
       url('../fonts/Pally-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Pally-Bold';
  src: url('../fonts/Pally-Bold.woff2') format('woff2'),
       url('../fonts/Pally-Bold.woff') format('woff'),
       url('../fonts/Pally-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 400.0 to 700.0
*/
@font-face {
  font-family: 'Pally-Variable';
  src: url('../fonts/Pally-Variable.woff2') format('woff2'),
       url('../fonts/Pally-Variable.woff') format('woff'),
       url('../fonts/Pally-Variable.ttf') format('truetype');
  font-weight: 400 700;
  font-display: swap;
  font-style: normal;
}


/**
* @license
*
* Font Family: Pencerio
* Designed by: Manushi Parikh
* URL: https://www.fontshare.com/fonts/pencerio
* © 2025 Indian Type Foundry
*
* Pencerio Hairline 

*
*/
@font-face {
  font-family: 'Pencerio-Hairline';
  src: url('../fonts/Pencerio-Hairline.woff2') format('woff2'),
       url('../fonts/Pencerio-Hairline.woff') format('woff'),
       url('../fonts/Pencerio-Hairline.ttf') format('truetype');
  font-weight: 50;
  font-display: swap;
  font-style: normal;
}


/**
* @license
*
* Font Family: Poppins
* Designed by: Jonny Pinhorn, Indian Type Foundry
* URL: https://www.fontshare.com/fonts/poppins
* © 2025 Indian Type Foundry
*
* Poppins Thin 
* Poppins ThinItalic 
* Poppins ExtraLight 
* Poppins ExtraLightItalic 
* Poppins Light 
* Poppins LightItalic 
* Poppins Regular 
* Poppins Italic 
* Poppins Medium 
* Poppins MediumItalic 
* Poppins SemiBold 
* Poppins SemiBoldItalic 
* Poppins Bold 
* Poppins BoldItalic 
* Poppins ExtraBold 
* Poppins ExtraBoldItalic 
* Poppins Black 
* Poppins BlackItalic 
* Poppins Variable (Variable font)
* Poppins VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Poppins-Thin';
  src: url('../fonts/Poppins-Thin.woff2') format('woff2'),
       url('../fonts/Poppins-Thin.woff') format('woff'),
       url('../fonts/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-ThinItalic';
  src: url('../fonts/Poppins-ThinItalic.woff2') format('woff2'),
       url('../fonts/Poppins-ThinItalic.woff') format('woff'),
       url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins-ExtraLight';
  src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
       url('../fonts/Poppins-ExtraLight.woff') format('woff'),
       url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-ExtraLightItalic';
  src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
       url('../fonts/Poppins-ExtraLightItalic.woff') format('woff'),
       url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins-Light';
  src: url('../fonts/Poppins-Light.woff2') format('woff2'),
       url('../fonts/Poppins-Light.woff') format('woff'),
       url('../fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-LightItalic';
  src: url('../fonts/Poppins-LightItalic.woff2') format('woff2'),
       url('../fonts/Poppins-LightItalic.woff') format('woff'),
       url('../fonts/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
       url('../fonts/Poppins-Regular.woff') format('woff'),
       url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Italic';
  src: url('../fonts/Poppins-Italic.woff2') format('woff2'),
       url('../fonts/Poppins-Italic.woff') format('woff'),
       url('../fonts/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins-Medium';
  src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
       url('../fonts/Poppins-Medium.woff') format('woff'),
       url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-MediumItalic';
  src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2'),
       url('../fonts/Poppins-MediumItalic.woff') format('woff'),
       url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
       url('../fonts/Poppins-SemiBold.woff') format('woff'),
       url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-SemiBoldItalic';
  src: url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
       url('../fonts/Poppins-SemiBoldItalic.woff') format('woff'),
       url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins-Bold';
  src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
       url('../fonts/Poppins-Bold.woff') format('woff'),
       url('../fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-BoldItalic';
  src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
       url('../fonts/Poppins-BoldItalic.woff') format('woff'),
       url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins-ExtraBold';
  src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
       url('../fonts/Poppins-ExtraBold.woff') format('woff'),
       url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-ExtraBoldItalic';
  src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
       url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff'),
       url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins-Black';
  src: url('../fonts/Poppins-Black.woff2') format('woff2'),
       url('../fonts/Poppins-Black.woff') format('woff'),
       url('../fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-BlackItalic';
  src: url('../fonts/Poppins-BlackItalic.woff2') format('woff2'),
       url('../fonts/Poppins-BlackItalic.woff') format('woff'),
       url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 100.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Poppins-Variable';
  src: url('../fonts/Poppins-Variable.woff2') format('woff2'),
       url('../fonts/Poppins-Variable.woff') format('woff'),
       url('../fonts/Poppins-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 100.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Poppins-VariableItalic';
  src: url('../fonts/Poppins-VariableItalic.woff2') format('woff2'),
       url('../fonts/Poppins-VariableItalic.woff') format('woff'),
       url('../fonts/Poppins-VariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
}


/**
* @license
*
* Font Family: Red Hat Display
* Designed by: MCKL, Jeremy Mickel
* URL: https://www.fontshare.com/fonts/red-hat-display
* © 2025 Indian Type Foundry
*
* Red Hat Display Light 
* Red Hat Display LightItalic 
* Red Hat Display Regular 
* Red Hat Display Italic 
* Red Hat Display Medium 
* Red Hat Display MediumItalic 
* Red Hat Display SemiBold 
* Red Hat Display SemiBoldItalic 
* Red Hat Display Bold 
* Red Hat Display BoldItalic 
* Red Hat Display ExtraBold 
* Red Hat Display ExtraBoldItalic 
* Red Hat Display Black 
* Red Hat Display BlackItalic 
* Red Hat Display Variable (Variable font)
* Red Hat Display VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'RedHatDisplay-Light';
  src: url('../fonts/RedHatDisplay-Light.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-Light.woff') format('woff'),
       url('../fonts/RedHatDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'RedHatDisplay-LightItalic';
  src: url('../fonts/RedHatDisplay-LightItalic.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-LightItalic.woff') format('woff'),
       url('../fonts/RedHatDisplay-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'RedHatDisplay-Regular';
  src: url('../fonts/RedHatDisplay-Regular.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-Regular.woff') format('woff'),
       url('../fonts/RedHatDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'RedHatDisplay-Italic';
  src: url('../fonts/RedHatDisplay-Italic.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-Italic.woff') format('woff'),
       url('../fonts/RedHatDisplay-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'RedHatDisplay-Medium';
  src: url('../fonts/RedHatDisplay-Medium.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-Medium.woff') format('woff'),
       url('../fonts/RedHatDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'RedHatDisplay-MediumItalic';
  src: url('../fonts/RedHatDisplay-MediumItalic.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-MediumItalic.woff') format('woff'),
       url('../fonts/RedHatDisplay-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'RedHatDisplay-SemiBold';
  src: url('../fonts/RedHatDisplay-SemiBold.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-SemiBold.woff') format('woff'),
       url('../fonts/RedHatDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'RedHatDisplay-SemiBoldItalic';
  src: url('../fonts/RedHatDisplay-SemiBoldItalic.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-SemiBoldItalic.woff') format('woff'),
       url('../fonts/RedHatDisplay-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'RedHatDisplay-Bold';
  src: url('../fonts/RedHatDisplay-Bold.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-Bold.woff') format('woff'),
       url('../fonts/RedHatDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'RedHatDisplay-BoldItalic';
  src: url('../fonts/RedHatDisplay-BoldItalic.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-BoldItalic.woff') format('woff'),
       url('../fonts/RedHatDisplay-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'RedHatDisplay-ExtraBold';
  src: url('../fonts/RedHatDisplay-ExtraBold.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-ExtraBold.woff') format('woff'),
       url('../fonts/RedHatDisplay-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'RedHatDisplay-ExtraBoldItalic';
  src: url('../fonts/RedHatDisplay-ExtraBoldItalic.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-ExtraBoldItalic.woff') format('woff'),
       url('../fonts/RedHatDisplay-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'RedHatDisplay-Black';
  src: url('../fonts/RedHatDisplay-Black.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-Black.woff') format('woff'),
       url('../fonts/RedHatDisplay-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'RedHatDisplay-BlackItalic';
  src: url('../fonts/RedHatDisplay-BlackItalic.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-BlackItalic.woff') format('woff'),
       url('../fonts/RedHatDisplay-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 400.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'RedHatDisplay-Variable';
  src: url('../fonts/RedHatDisplay-Variable.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-Variable.woff') format('woff'),
       url('../fonts/RedHatDisplay-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 400.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'RedHatDisplay-VariableItalic';
  src: url('../fonts/RedHatDisplay-VariableItalic.woff2') format('woff2'),
       url('../fonts/RedHatDisplay-VariableItalic.woff') format('woff'),
       url('../fonts/RedHatDisplay-VariableItalic.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}


/**
* @license
*
* Font Family: Rosaline
* Designed by: Jérémie Hornus
* URL: https://www.fontshare.com/fonts/rosaline
* © 2025 Indian Type Foundry
*
* Rosaline Regular 

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


/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2025 Indian Type Foundry
*
* Satoshi Light 
* Satoshi LightItalic 
* Satoshi Regular 
* Satoshi Italic 
* Satoshi Medium 
* Satoshi MediumItalic 
* Satoshi Bold 
* Satoshi BoldItalic 
* Satoshi Black 
* Satoshi BlackItalic 
* Satoshi Variable (Variable font)
* Satoshi VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Satoshi-Light';
  src: url('../fonts/Satoshi-Light.woff2') format('woff2'),
       url('../fonts/Satoshi-Light.woff') format('woff'),
       url('../fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-LightItalic';
  src: url('../fonts/Satoshi-LightItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-LightItalic.woff') format('woff'),
       url('../fonts/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Regular';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
       url('../fonts/Satoshi-Regular.woff') format('woff'),
       url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-Italic';
  src: url('../fonts/Satoshi-Italic.woff2') format('woff2'),
       url('../fonts/Satoshi-Italic.woff') format('woff'),
       url('../fonts/Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Medium';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
       url('../fonts/Satoshi-Medium.woff') format('woff'),
       url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-MediumItalic';
  src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-MediumItalic.woff') format('woff'),
       url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Bold';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
       url('../fonts/Satoshi-Bold.woff') format('woff'),
       url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-BoldItalic.woff') format('woff'),
       url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Black';
  src: url('../fonts/Satoshi-Black.woff2') format('woff2'),
       url('../fonts/Satoshi-Black.woff') format('woff'),
       url('../fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BlackItalic';
  src: url('../fonts/Satoshi-BlackItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-BlackItalic.woff') format('woff'),
       url('../fonts/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'Satoshi-Variable';
  src: url('../fonts/Satoshi-Variable.woff2') format('woff2'),
       url('../fonts/Satoshi-Variable.woff') format('woff'),
       url('../fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'Satoshi-VariableItalic';
  src: url('../fonts/Satoshi-VariableItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-VariableItalic.woff') format('woff'),
       url('../fonts/Satoshi-VariableItalic.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}



/**
* @license
*
* Font Family: Boska
* Designed by: Barbara Bigosinska
* URL: https://www.fontshare.com/fonts/boska
* © 2025 Indian Type Foundry
*
* Boska Extralight 
* Boska ExtralightItalic 
* Boska Light 
* Boska LightItalic 
* Boska Regular 
* Boska Italic 
* Boska Medium 
* Boska MediumItalic 
* Boska Bold 
* Boska BoldItalic 
* Boska Black 
* Boska BlackItalic 
* Boska Variable (Variable font)
* Boska VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Boska-Extralight';
  src: url('../fonts/Boska-Extralight.woff2') format('woff2'),
       url('../fonts/Boska-Extralight.woff') format('woff'),
       url('../fonts/Boska-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska-ExtralightItalic';
  src: url('../fonts/Boska-ExtralightItalic.woff2') format('woff2'),
       url('../fonts/Boska-ExtralightItalic.woff') format('woff'),
       url('../fonts/Boska-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska-Light';
  src: url('../fonts/Boska-Light.woff2') format('woff2'),
       url('../fonts/Boska-Light.woff') format('woff'),
       url('../fonts/Boska-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska-LightItalic';
  src: url('../fonts/Boska-LightItalic.woff2') format('woff2'),
       url('../fonts/Boska-LightItalic.woff') format('woff'),
       url('../fonts/Boska-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska-Regular';
  src: url('../fonts/Boska-Regular.woff2') format('woff2'),
       url('../fonts/Boska-Regular.woff') format('woff'),
       url('../fonts/Boska-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska-Italic';
  src: url('../fonts/Boska-Italic.woff2') format('woff2'),
       url('../fonts/Boska-Italic.woff') format('woff'),
       url('../fonts/Boska-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska-Medium';
  src: url('../fonts/Boska-Medium.woff2') format('woff2'),
       url('../fonts/Boska-Medium.woff') format('woff'),
       url('../fonts/Boska-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska-MediumItalic';
  src: url('../fonts/Boska-MediumItalic.woff2') format('woff2'),
       url('../fonts/Boska-MediumItalic.woff') format('woff'),
       url('../fonts/Boska-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska-Bold';
  src: url('../fonts/Boska-Bold.woff2') format('woff2'),
       url('../fonts/Boska-Bold.woff') format('woff'),
       url('../fonts/Boska-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska-BoldItalic';
  src: url('../fonts/Boska-BoldItalic.woff2') format('woff2'),
       url('../fonts/Boska-BoldItalic.woff') format('woff'),
       url('../fonts/Boska-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska-Black';
  src: url('../fonts/Boska-Black.woff2') format('woff2'),
       url('../fonts/Boska-Black.woff') format('woff'),
       url('../fonts/Boska-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska-BlackItalic';
  src: url('../fonts/Boska-BlackItalic.woff2') format('woff2'),
       url('../fonts/Boska-BlackItalic.woff') format('woff'),
       url('../fonts/Boska-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 200.0;
*
* available axes:
'wght' (range from 200.0 to 900.0
*/
@font-face {
  font-family: 'Boska-Variable';
  src: url('../fonts/Boska-Variable.woff2') format('woff2'),
       url('../fonts/Boska-Variable.woff') format('woff'),
       url('../fonts/Boska-Variable.ttf') format('truetype');
  font-weight: 200 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 200.0;
*
* available axes:
'wght' (range from 200.0 to 900.0
*/
@font-face {
  font-family: 'Boska-VariableItalic';
  src: url('../fonts/Boska-VariableItalic.woff2') format('woff2'),
       url('../fonts/Boska-VariableItalic.woff') format('woff'),
       url('../fonts/Boska-VariableItalic.ttf') format('truetype');
  font-weight: 200 900;
  font-display: swap;
  font-style: italic;
}

/**
* @license
*
* Font Family: Britney
* Designed by: Diana Ovezea & Sabina Chipară
* URL: https://www.fontshare.com/fonts/britney
* © 2025 Indian Type Foundry
*
* Britney Light 
* Britney Regular 
* Britney Bold 
* Britney Ultra 
* Britney Variable (Variable font)

*
*/
@font-face {
  font-family: 'Britney-Light';
  src: url('../fonts/Britney-Light.woff2') format('woff2'),
       url('../fonts/Britney-Light.woff') format('woff'),
       url('../fonts/Britney-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Britney-Regular';
  src: url('../fonts/Britney-Regular.woff2') format('woff2'),
       url('../fonts/Britney-Regular.woff') format('woff'),
       url('../fonts/Britney-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Britney-Bold';
  src: url('../fonts/Britney-Bold.woff2') format('woff2'),
       url('../fonts/Britney-Bold.woff') format('woff'),
       url('../fonts/Britney-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Britney-Ultra';
  src: url('../fonts/Britney-Ultra.woff2') format('woff2'),
       url('../fonts/Britney-Ultra.woff') format('woff'),
       url('../fonts/Britney-Ultra.ttf') format('truetype');
  font-weight: 1000;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'Britney-Variable';
  src: url('../fonts/Britney-Variable.woff2') format('woff2'),
       url('../fonts/Britney-Variable.woff') format('woff'),
       url('../fonts/Britney-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}

/**
* @license
*
* Font Family: Cabinet Grotesk
* Designed by: ITF
* URL: https://www.fontshare.com/fonts/cabinet-grotesk
* © 2025 Indian Type Foundry
*
* Cabinet Grotesk Thin 
* Cabinet Grotesk Extralight 
* Cabinet Grotesk Light 
* Cabinet Grotesk Regular 
* Cabinet Grotesk Medium 
* Cabinet Grotesk Bold 
* Cabinet Grotesk Extrabold 
* Cabinet Grotesk Black 
* Cabinet Grotesk Variable (Variable font)

*
*/
@font-face {
  font-family: 'CabinetGrotesk-Thin';
  src: url('../fonts/CabinetGrotesk-Thin.woff2') format('woff2'),
       url('../fonts/CabinetGrotesk-Thin.woff') format('woff'),
       url('../fonts/CabinetGrotesk-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'CabinetGrotesk-Extralight';
  src: url('../fonts/CabinetGrotesk-Extralight.woff2') format('woff2'),
       url('../fonts/CabinetGrotesk-Extralight.woff') format('woff'),
       url('../fonts/CabinetGrotesk-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'CabinetGrotesk-Light';
  src: url('../fonts/CabinetGrotesk-Light.woff2') format('woff2'),
       url('../fonts/CabinetGrotesk-Light.woff') format('woff'),
       url('../fonts/CabinetGrotesk-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'CabinetGrotesk-Regular';
  src: url('../fonts/CabinetGrotesk-Regular.woff2') format('woff2'),
       url('../fonts/CabinetGrotesk-Regular.woff') format('woff'),
       url('../fonts/CabinetGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'CabinetGrotesk-Medium';
  src: url('../fonts/CabinetGrotesk-Medium.woff2') format('woff2'),
       url('../fonts/CabinetGrotesk-Medium.woff') format('woff'),
       url('../fonts/CabinetGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'CabinetGrotesk-Bold';
  src: url('../fonts/CabinetGrotesk-Bold.woff2') format('woff2'),
       url('../fonts/CabinetGrotesk-Bold.woff') format('woff'),
       url('../fonts/CabinetGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'CabinetGrotesk-Extrabold';
  src: url('../fonts/CabinetGrotesk-Extrabold.woff2') format('woff2'),
       url('../fonts/CabinetGrotesk-Extrabold.woff') format('woff'),
       url('../fonts/CabinetGrotesk-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'CabinetGrotesk-Black';
  src: url('../fonts/CabinetGrotesk-Black.woff2') format('woff2'),
       url('../fonts/CabinetGrotesk-Black.woff') format('woff'),
       url('../fonts/CabinetGrotesk-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'CabinetGrotesk-Variable';
  src: url('../fonts/CabinetGrotesk-Variable.woff2') format('woff2'),
       url('../fonts/CabinetGrotesk-Variable.woff') format('woff'),
       url('../fonts/CabinetGrotesk-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

/**
* @license
*
* Font Family: Chillax
* Designed by: Manushi Parikh
* URL: https://www.fontshare.com/fonts/chillax
* © 2025 Indian Type Foundry
*
* Chillax Extralight 
* Chillax Light 
* Chillax Regular 
* Chillax Medium 
* Chillax Semibold 
* Chillax Bold 
* Chillax Variable (Variable font)

*
*/
@font-face {
  font-family: 'Chillax-Extralight';
  src: url('../fonts/Chillax-Extralight.woff2') format('woff2'),
       url('../fonts/Chillax-Extralight.woff') format('woff'),
       url('../fonts/Chillax-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Chillax-Light';
  src: url('../fonts/Chillax-Light.woff2') format('woff2'),
       url('../fonts/Chillax-Light.woff') format('woff'),
       url('../fonts/Chillax-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Chillax-Regular';
  src: url('../fonts/Chillax-Regular.woff2') format('woff2'),
       url('../fonts/Chillax-Regular.woff') format('woff'),
       url('../fonts/Chillax-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Chillax-Medium';
  src: url('../fonts/Chillax-Medium.woff2') format('woff2'),
       url('../fonts/Chillax-Medium.woff') format('woff'),
       url('../fonts/Chillax-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Chillax-Semibold';
  src: url('../fonts/Chillax-Semibold.woff2') format('woff2'),
       url('../fonts/Chillax-Semibold.woff') format('woff'),
       url('../fonts/Chillax-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Chillax-Bold';
  src: url('../fonts/Chillax-Bold.woff2') format('woff2'),
       url('../fonts/Chillax-Bold.woff') format('woff'),
       url('../fonts/Chillax-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control 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: 'Chillax-Variable';
  src: url('../fonts/Chillax-Variable.woff2') format('woff2'),
       url('../fonts/Chillax-Variable.woff') format('woff'),
       url('../fonts/Chillax-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}

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

*
*/
@font-face {
  font-family: 'ClashGrotesk-Extralight';
  src: url('../fonts/ClashGrotesk-Extralight.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Extralight.woff') format('woff'),
       url('../fonts/ClashGrotesk-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Light';
  src: url('../fonts/ClashGrotesk-Light.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Light.woff') format('woff'),
       url('../fonts/ClashGrotesk-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Regular';
  src: url('../fonts/ClashGrotesk-Regular.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Regular.woff') format('woff'),
       url('../fonts/ClashGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Medium';
  src: url('../fonts/ClashGrotesk-Medium.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Medium.woff') format('woff'),
       url('../fonts/ClashGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Semibold';
  src: url('../fonts/ClashGrotesk-Semibold.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Semibold.woff') format('woff'),
       url('../fonts/ClashGrotesk-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Bold';
  src: url('../fonts/ClashGrotesk-Bold.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Bold.woff') format('woff'),
       url('../fonts/ClashGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control 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('../fonts/ClashGrotesk-Variable.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Variable.woff') format('woff'),
       url('../fonts/ClashGrotesk-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}

/**
* @license
*
* Font Family: Comico
* Designed by: Frode Helland
* URL: https://www.fontshare.com/fonts/comico
* © 2025 Indian Type Foundry
*
* Comico Regular 

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

/**
* @license
*
* Font Family: Excon
* Designed by: Alisa Nowak
* URL: https://www.fontshare.com/fonts/excon
* © 2025 Indian Type Foundry
*
* Excon Thin 
* Excon Light 
* Excon Regular 
* Excon Medium 
* Excon Bold 
* Excon Black 
* Excon Variable (Variable font)

*
*/
@font-face {
  font-family: 'Excon-Thin';
  src: url('../fonts/Excon-Thin.woff2') format('woff2'),
       url('../fonts/Excon-Thin.woff') format('woff'),
       url('../fonts/Excon-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Excon-Light';
  src: url('../fonts/Excon-Light.woff2') format('woff2'),
       url('../fonts/Excon-Light.woff') format('woff'),
       url('../fonts/Excon-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Excon-Regular';
  src: url('../fonts/Excon-Regular.woff2') format('woff2'),
       url('../fonts/Excon-Regular.woff') format('woff'),
       url('../fonts/Excon-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Excon-Medium';
  src: url('../fonts/Excon-Medium.woff2') format('woff2'),
       url('../fonts/Excon-Medium.woff') format('woff'),
       url('../fonts/Excon-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Excon-Bold';
  src: url('../fonts/Excon-Bold.woff2') format('woff2'),
       url('../fonts/Excon-Bold.woff') format('woff'),
       url('../fonts/Excon-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Excon-Black';
  src: url('../fonts/Excon-Black.woff2') format('woff2'),
       url('../fonts/Excon-Black.woff') format('woff'),
       url('../fonts/Excon-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Excon-Variable';
  src: url('../fonts/Excon-Variable.woff2') format('woff2'),
       url('../fonts/Excon-Variable.woff') format('woff'),
       url('../fonts/Excon-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

/**
* @license
*
* Font Family: Gambarino
* Designed by: Théo Guillard
* URL: https://www.fontshare.com/fonts/gambarino
* © 2025 Indian Type Foundry
*
* Gambarino Regular 

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

/**
* @license
*
* Font Family: Gambetta
* Designed by: Paul Troppmar
* URL: https://www.fontshare.com/fonts/gambetta
* © 2025 Indian Type Foundry
*
* Gambetta Light 
* Gambetta LightItalic 
* Gambetta Regular 
* Gambetta Italic 
* Gambetta Medium 
* Gambetta MediumItalic 
* Gambetta Semibold 
* Gambetta SemiboldItalic 
* Gambetta Bold 
* Gambetta BoldItalic 
* Gambetta Variable (Variable font)
* Gambetta VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Gambetta-Light';
  src: url('../fonts/Gambetta-Light.woff2') format('woff2'),
       url('../fonts/Gambetta-Light.woff') format('woff'),
       url('../fonts/Gambetta-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-LightItalic';
  src: url('../fonts/Gambetta-LightItalic.woff2') format('woff2'),
       url('../fonts/Gambetta-LightItalic.woff') format('woff'),
       url('../fonts/Gambetta-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Regular';
  src: url('../fonts/Gambetta-Regular.woff2') format('woff2'),
       url('../fonts/Gambetta-Regular.woff') format('woff'),
       url('../fonts/Gambetta-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-Italic';
  src: url('../fonts/Gambetta-Italic.woff2') format('woff2'),
       url('../fonts/Gambetta-Italic.woff') format('woff'),
       url('../fonts/Gambetta-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Medium';
  src: url('../fonts/Gambetta-Medium.woff2') format('woff2'),
       url('../fonts/Gambetta-Medium.woff') format('woff'),
       url('../fonts/Gambetta-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-MediumItalic';
  src: url('../fonts/Gambetta-MediumItalic.woff2') format('woff2'),
       url('../fonts/Gambetta-MediumItalic.woff') format('woff'),
       url('../fonts/Gambetta-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Semibold';
  src: url('../fonts/Gambetta-Semibold.woff2') format('woff2'),
       url('../fonts/Gambetta-Semibold.woff') format('woff'),
       url('../fonts/Gambetta-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-SemiboldItalic';
  src: url('../fonts/Gambetta-SemiboldItalic.woff2') format('woff2'),
       url('../fonts/Gambetta-SemiboldItalic.woff') format('woff'),
       url('../fonts/Gambetta-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Bold';
  src: url('../fonts/Gambetta-Bold.woff2') format('woff2'),
       url('../fonts/Gambetta-Bold.woff') format('woff'),
       url('../fonts/Gambetta-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-BoldItalic';
  src: url('../fonts/Gambetta-BoldItalic.woff2') format('woff2'),
       url('../fonts/Gambetta-BoldItalic.woff') format('woff'),
       url('../fonts/Gambetta-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 300.0wght 700.0;
*
* available axes:
'wght' (range from 300.0 to 700.0'wght' (range from 300.0 to 700.0
*/
@font-face {
  font-family: 'Gambetta-Variable';
  src: url('../fonts/Gambetta-Variable.woff2') format('woff2'),
       url('../fonts/Gambetta-Variable.woff') format('woff'),
       url('../fonts/Gambetta-Variable.ttf') format('truetype');
  font-weight: 300 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 300.0wght 700.0;
*
* available axes:
'wght' (range from 300.0 to 700.0'wght' (range from 300.0 to 700.0
*/
@font-face {
  font-family: 'Gambetta-VariableItalic';
  src: url('../fonts/Gambetta-VariableItalic.woff2') format('woff2'),
       url('../fonts/Gambetta-VariableItalic.woff') format('woff'),
       url('../fonts/Gambetta-VariableItalic.ttf') format('truetype');
  font-weight: 300 700;
  font-display: swap;
  font-style: italic;
}

/**
* @license
*
* Font Family: General Sans
* Designed by: Frode Helland
* URL: https://www.fontshare.com/fonts/general-sans
* © 2025 Indian Type Foundry
*
* General Sans Extralight 
* General Sans ExtralightItalic 
* General Sans Light 
* General Sans LightItalic 
* General Sans Regular 
* General Sans Italic 
* General Sans Medium 
* General Sans MediumItalic 
* General Sans Semibold 
* General Sans SemiboldItalic 
* General Sans Bold 
* General Sans BoldItalic 
* General Sans Variable (Variable font)
* General Sans VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'GeneralSans-Extralight';
  src: url('../fonts/GeneralSans-Extralight.woff2') format('woff2'),
       url('../fonts/GeneralSans-Extralight.woff') format('woff'),
       url('../fonts/GeneralSans-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-ExtralightItalic';
  src: url('../fonts/GeneralSans-ExtralightItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-ExtralightItalic.woff') format('woff'),
       url('../fonts/GeneralSans-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'GeneralSans-Light';
  src: url('../fonts/GeneralSans-Light.woff2') format('woff2'),
       url('../fonts/GeneralSans-Light.woff') format('woff'),
       url('../fonts/GeneralSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-LightItalic';
  src: url('../fonts/GeneralSans-LightItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-LightItalic.woff') format('woff'),
       url('../fonts/GeneralSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'GeneralSans-Regular';
  src: url('../fonts/GeneralSans-Regular.woff2') format('woff2'),
       url('../fonts/GeneralSans-Regular.woff') format('woff'),
       url('../fonts/GeneralSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-Italic';
  src: url('../fonts/GeneralSans-Italic.woff2') format('woff2'),
       url('../fonts/GeneralSans-Italic.woff') format('woff'),
       url('../fonts/GeneralSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'GeneralSans-Medium';
  src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
       url('../fonts/GeneralSans-Medium.woff') format('woff'),
       url('../fonts/GeneralSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-MediumItalic';
  src: url('../fonts/GeneralSans-MediumItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-MediumItalic.woff') format('woff'),
       url('../fonts/GeneralSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'GeneralSans-Semibold';
  src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
       url('../fonts/GeneralSans-Semibold.woff') format('woff'),
       url('../fonts/GeneralSans-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-SemiboldItalic';
  src: url('../fonts/GeneralSans-SemiboldItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-SemiboldItalic.woff') format('woff'),
       url('../fonts/GeneralSans-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'GeneralSans-Bold';
  src: url('../fonts/GeneralSans-Bold.woff2') format('woff2'),
       url('../fonts/GeneralSans-Bold.woff') format('woff'),
       url('../fonts/GeneralSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-BoldItalic';
  src: url('../fonts/GeneralSans-BoldItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-BoldItalic.woff') format('woff'),
       url('../fonts/GeneralSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control 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: 'GeneralSans-Variable';
  src: url('../fonts/GeneralSans-Variable.woff2') format('woff2'),
       url('../fonts/GeneralSans-Variable.woff') format('woff'),
       url('../fonts/GeneralSans-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control 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: 'GeneralSans-VariableItalic';
  src: url('../fonts/GeneralSans-VariableItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-VariableItalic.woff') format('woff'),
       url('../fonts/GeneralSans-VariableItalic.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}


/**
* @license
*
* Font Family: Aktura
* Designed by: Gaetan Baehr
* URL: https://www.fontshare.com/fonts/aktura
* © 2025 Indian Type Foundry
*
* Aktura Regular 

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

/**
* @license
*
* Font Family: Anton
* Designed by: Vernon Adams
* URL: https://www.fontshare.com/fonts/anton
* © 2025 Indian Type Foundry
*
* Anton Regular 

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

/**
* @license
*
* Font Family: Archivo
* Designed by: Omnibus-Type
* URL: https://www.fontshare.com/fonts/archivo
* © 2025 Indian Type Foundry
*
* Archivo Thin 
* Archivo ThinItalic 
* Archivo ExtraLight 
* Archivo ExtraLightItalic 
* Archivo Light 
* Archivo LightItalic 
* Archivo Regular 
* Archivo Italic 
* Archivo Medium 
* Archivo MediumItalic 
* Archivo SemiBold 
* Archivo SemiBoldItalic 
* Archivo Bold 
* Archivo BoldItalic 
* Archivo ExtraBold 
* Archivo ExtraBoldItalic 
* Archivo Black 
* Archivo BlackItalic 
* Archivo Variable (Variable font)
* Archivo VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Archivo-Thin';
  src: url('../fonts/Archivo-Thin.woff2') format('woff2'),
       url('../fonts/Archivo-Thin.woff') format('woff'),
       url('../fonts/Archivo-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo-ThinItalic';
  src: url('../fonts/Archivo-ThinItalic.woff2') format('woff2'),
       url('../fonts/Archivo-ThinItalic.woff') format('woff'),
       url('../fonts/Archivo-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo-ExtraLight';
  src: url('../fonts/Archivo-ExtraLight.woff2') format('woff2'),
       url('../fonts/Archivo-ExtraLight.woff') format('woff'),
       url('../fonts/Archivo-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo-ExtraLightItalic';
  src: url('../fonts/Archivo-ExtraLightItalic.woff2') format('woff2'),
       url('../fonts/Archivo-ExtraLightItalic.woff') format('woff'),
       url('../fonts/Archivo-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo-Light';
  src: url('../fonts/Archivo-Light.woff2') format('woff2'),
       url('../fonts/Archivo-Light.woff') format('woff'),
       url('../fonts/Archivo-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo-LightItalic';
  src: url('../fonts/Archivo-LightItalic.woff2') format('woff2'),
       url('../fonts/Archivo-LightItalic.woff') format('woff'),
       url('../fonts/Archivo-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo-Regular';
  src: url('../fonts/Archivo-Regular.woff2') format('woff2'),
       url('../fonts/Archivo-Regular.woff') format('woff'),
       url('../fonts/Archivo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo-Italic';
  src: url('../fonts/Archivo-Italic.woff2') format('woff2'),
       url('../fonts/Archivo-Italic.woff') format('woff'),
       url('../fonts/Archivo-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo-Medium';
  src: url('../fonts/Archivo-Medium.woff2') format('woff2'),
       url('../fonts/Archivo-Medium.woff') format('woff'),
       url('../fonts/Archivo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo-MediumItalic';
  src: url('../fonts/Archivo-MediumItalic.woff2') format('woff2'),
       url('../fonts/Archivo-MediumItalic.woff') format('woff'),
       url('../fonts/Archivo-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo-SemiBold';
  src: url('../fonts/Archivo-SemiBold.woff2') format('woff2'),
       url('../fonts/Archivo-SemiBold.woff') format('woff'),
       url('../fonts/Archivo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo-SemiBoldItalic';
  src: url('../fonts/Archivo-SemiBoldItalic.woff2') format('woff2'),
       url('../fonts/Archivo-SemiBoldItalic.woff') format('woff'),
       url('../fonts/Archivo-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo-Bold';
  src: url('../fonts/Archivo-Bold.woff2') format('woff2'),
       url('../fonts/Archivo-Bold.woff') format('woff'),
       url('../fonts/Archivo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo-BoldItalic';
  src: url('../fonts/Archivo-BoldItalic.woff2') format('woff2'),
       url('../fonts/Archivo-BoldItalic.woff') format('woff'),
       url('../fonts/Archivo-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo-ExtraBold';
  src: url('../fonts/Archivo-ExtraBold.woff2') format('woff2'),
       url('../fonts/Archivo-ExtraBold.woff') format('woff'),
       url('../fonts/Archivo-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo-ExtraBoldItalic';
  src: url('../fonts/Archivo-ExtraBoldItalic.woff2') format('woff2'),
       url('../fonts/Archivo-ExtraBoldItalic.woff') format('woff'),
       url('../fonts/Archivo-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo-Black';
  src: url('../fonts/Archivo-Black.woff2') format('woff2'),
       url('../fonts/Archivo-Black.woff') format('woff'),
       url('../fonts/Archivo-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo-BlackItalic';
  src: url('../fonts/Archivo-BlackItalic.woff2') format('woff2'),
       url('../fonts/Archivo-BlackItalic.woff') format('woff'),
       url('../fonts/Archivo-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 600.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Archivo-Variable';
  src: url('../fonts/Archivo-Variable.woff2') format('woff2'),
       url('../fonts/Archivo-Variable.woff') format('woff'),
       url('../fonts/Archivo-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 600.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Archivo-VariableItalic';
  src: url('../fonts/Archivo-VariableItalic.woff2') format('woff2'),
       url('../fonts/Archivo-VariableItalic.woff') format('woff'),
       url('../fonts/Archivo-VariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
}

/**
* @license
*
* Font Family: Author
* Designed by: Satya Rajpurohit
* URL: https://www.fontshare.com/fonts/author
* © 2025 Indian Type Foundry
*
* Author Extralight 
* Author ExtralightItalic 
* Author Light 
* Author LightItalic 
* Author Regular 
* Author Italic 
* Author Medium 
* Author MediumItalic 
* Author Semibold 
* Author SemiboldItalic 
* Author Bold 
* Author BoldItalic 
* Author Variable (Variable font)
* Author VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Author-Extralight';
  src: url('../fonts/Author-Extralight.woff2') format('woff2'),
       url('../fonts/Author-Extralight.woff') format('woff'),
       url('../fonts/Author-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Author-ExtralightItalic';
  src: url('../fonts/Author-ExtralightItalic.woff2') format('woff2'),
       url('../fonts/Author-ExtralightItalic.woff') format('woff'),
       url('../fonts/Author-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Author-Light';
  src: url('../fonts/Author-Light.woff2') format('woff2'),
       url('../fonts/Author-Light.woff') format('woff'),
       url('../fonts/Author-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Author-LightItalic';
  src: url('../fonts/Author-LightItalic.woff2') format('woff2'),
       url('../fonts/Author-LightItalic.woff') format('woff'),
       url('../fonts/Author-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Author-Regular';
  src: url('../fonts/Author-Regular.woff2') format('woff2'),
       url('../fonts/Author-Regular.woff') format('woff'),
       url('../fonts/Author-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Author-Italic';
  src: url('../fonts/Author-Italic.woff2') format('woff2'),
       url('../fonts/Author-Italic.woff') format('woff'),
       url('../fonts/Author-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Author-Medium';
  src: url('../fonts/Author-Medium.woff2') format('woff2'),
       url('../fonts/Author-Medium.woff') format('woff'),
       url('../fonts/Author-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Author-MediumItalic';
  src: url('../fonts/Author-MediumItalic.woff2') format('woff2'),
       url('../fonts/Author-MediumItalic.woff') format('woff'),
       url('../fonts/Author-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Author-Semibold';
  src: url('../fonts/Author-Semibold.woff2') format('woff2'),
       url('../fonts/Author-Semibold.woff') format('woff'),
       url('../fonts/Author-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Author-SemiboldItalic';
  src: url('../fonts/Author-SemiboldItalic.woff2') format('woff2'),
       url('../fonts/Author-SemiboldItalic.woff') format('woff'),
       url('../fonts/Author-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Author-Bold';
  src: url('../fonts/Author-Bold.woff2') format('woff2'),
       url('../fonts/Author-Bold.woff') format('woff'),
       url('../fonts/Author-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Author-BoldItalic';
  src: url('../fonts/Author-BoldItalic.woff2') format('woff2'),
       url('../fonts/Author-BoldItalic.woff') format('woff'),
       url('../fonts/Author-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control 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: 'Author-Variable';
  src: url('../fonts/Author-Variable.woff2') format('woff2'),
       url('../fonts/Author-Variable.woff') format('woff'),
       url('../fonts/Author-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control 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: 'Author-VariableItalic';
  src: url('../fonts/Author-VariableItalic.woff2') format('woff2'),
       url('../fonts/Author-VariableItalic.woff') format('woff'),
       url('../fonts/Author-VariableItalic.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}

/**
* @license
*
* Font Family: Bebas Neue
* Designed by: Ryoichi Tsunekawa, Dharma Type
* URL: https://www.fontshare.com/fonts/bebas-neue
* © 2025 Indian Type Foundry
*
* Bebas Neue Regular 

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

/**
* @license
*
* Font Family: Bespoke Sans
* Designed by: Jérémie Hornus, Théo Guillard, Morgane Pambrun, Alisa Nowak, Joachim Vu
* URL: https://www.fontshare.com/fonts/bespoke-sans
* © 2025 Indian Type Foundry
*
* Bespoke Sans Light 
* Bespoke Sans LightItalic 
* Bespoke Sans Regular 
* Bespoke Sans Italic 
* Bespoke Sans Medium 
* Bespoke Sans MediumItalic 
* Bespoke Sans Bold 
* Bespoke Sans BoldItalic 
* Bespoke Sans Extrabold 
* Bespoke Sans ExtraboldItalic 
* Bespoke Sans Variable (Variable font)
* Bespoke Sans VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'BespokeSans-Light';
  src: url('../fonts/BespokeSans-Light.woff2') format('woff2'),
       url('../fonts/BespokeSans-Light.woff') format('woff'),
       url('../fonts/BespokeSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSans-LightItalic';
  src: url('../fonts/BespokeSans-LightItalic.woff2') format('woff2'),
       url('../fonts/BespokeSans-LightItalic.woff') format('woff'),
       url('../fonts/BespokeSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSans-Regular';
  src: url('../fonts/BespokeSans-Regular.woff2') format('woff2'),
       url('../fonts/BespokeSans-Regular.woff') format('woff'),
       url('../fonts/BespokeSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSans-Italic';
  src: url('../fonts/BespokeSans-Italic.woff2') format('woff2'),
       url('../fonts/BespokeSans-Italic.woff') format('woff'),
       url('../fonts/BespokeSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSans-Medium';
  src: url('../fonts/BespokeSans-Medium.woff2') format('woff2'),
       url('../fonts/BespokeSans-Medium.woff') format('woff'),
       url('../fonts/BespokeSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSans-MediumItalic';
  src: url('../fonts/BespokeSans-MediumItalic.woff2') format('woff2'),
       url('../fonts/BespokeSans-MediumItalic.woff') format('woff'),
       url('../fonts/BespokeSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSans-Bold';
  src: url('../fonts/BespokeSans-Bold.woff2') format('woff2'),
       url('../fonts/BespokeSans-Bold.woff') format('woff'),
       url('../fonts/BespokeSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSans-BoldItalic';
  src: url('../fonts/BespokeSans-BoldItalic.woff2') format('woff2'),
       url('../fonts/BespokeSans-BoldItalic.woff') format('woff'),
       url('../fonts/BespokeSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSans-Extrabold';
  src: url('../fonts/BespokeSans-Extrabold.woff2') format('woff2'),
       url('../fonts/BespokeSans-Extrabold.woff') format('woff'),
       url('../fonts/BespokeSans-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSans-ExtraboldItalic';
  src: url('../fonts/BespokeSans-ExtraboldItalic.woff2') format('woff2'),
       url('../fonts/BespokeSans-ExtraboldItalic.woff') format('woff'),
       url('../fonts/BespokeSans-ExtraboldItalic.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 800.0;
*
* available axes:
'wght' (range from 300.0 to 800.0
*/
@font-face {
  font-family: 'BespokeSans-Variable';
  src: url('../fonts/BespokeSans-Variable.woff2') format('woff2'),
       url('../fonts/BespokeSans-Variable.woff') format('woff'),
       url('../fonts/BespokeSans-Variable.ttf') format('truetype');
  font-weight: 300 800;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 800.0;
*
* available axes:
'wght' (range from 300.0 to 800.0
*/
@font-face {
  font-family: 'BespokeSans-VariableItalic';
  src: url('../fonts/BespokeSans-VariableItalic.woff2') format('woff2'),
       url('../fonts/BespokeSans-VariableItalic.woff') format('woff'),
       url('../fonts/BespokeSans-VariableItalic.ttf') format('truetype');
  font-weight: 300 800;
  font-display: swap;
  font-style: italic;
}

/**
* @license
*
* Font Family: Bespoke Serif
* Designed by: Jeremie Hornus, Theo Guillard, Morgane Pambrun, Alisa Nowak, Joachim Vu
* URL: https://www.fontshare.com/fonts/bespoke-serif
* © 2025 Indian Type Foundry
*
* Bespoke Serif Light 
* Bespoke Serif LightItalic 
* Bespoke Serif Regular 
* Bespoke Serif Italic 
* Bespoke Serif Medium 
* Bespoke Serif MediumItalic 
* Bespoke Serif Bold 
* Bespoke Serif BoldItalic 
* Bespoke Serif Extrabold 
* Bespoke Serif ExtraboldItalic 
* Bespoke Serif Variable (Variable font)
* Bespoke Serif VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'BespokeSerif-Light';
  src: url('../fonts/BespokeSerif-Light.woff2') format('woff2'),
       url('../fonts/BespokeSerif-Light.woff') format('woff'),
       url('../fonts/BespokeSerif-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSerif-LightItalic';
  src: url('../fonts/BespokeSerif-LightItalic.woff2') format('woff2'),
       url('../fonts/BespokeSerif-LightItalic.woff') format('woff'),
       url('../fonts/BespokeSerif-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSerif-Regular';
  src: url('../fonts/BespokeSerif-Regular.woff2') format('woff2'),
       url('../fonts/BespokeSerif-Regular.woff') format('woff'),
       url('../fonts/BespokeSerif-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSerif-Italic';
  src: url('../fonts/BespokeSerif-Italic.woff2') format('woff2'),
       url('../fonts/BespokeSerif-Italic.woff') format('woff'),
       url('../fonts/BespokeSerif-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSerif-Medium';
  src: url('../fonts/BespokeSerif-Medium.woff2') format('woff2'),
       url('../fonts/BespokeSerif-Medium.woff') format('woff'),
       url('../fonts/BespokeSerif-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSerif-MediumItalic';
  src: url('../fonts/BespokeSerif-MediumItalic.woff2') format('woff2'),
       url('../fonts/BespokeSerif-MediumItalic.woff') format('woff'),
       url('../fonts/BespokeSerif-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSerif-Bold';
  src: url('../fonts/BespokeSerif-Bold.woff2') format('woff2'),
       url('../fonts/BespokeSerif-Bold.woff') format('woff'),
       url('../fonts/BespokeSerif-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSerif-BoldItalic';
  src: url('../fonts/BespokeSerif-BoldItalic.woff2') format('woff2'),
       url('../fonts/BespokeSerif-BoldItalic.woff') format('woff'),
       url('../fonts/BespokeSerif-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSerif-Extrabold';
  src: url('../fonts/BespokeSerif-Extrabold.woff2') format('woff2'),
       url('../fonts/BespokeSerif-Extrabold.woff') format('woff'),
       url('../fonts/BespokeSerif-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSerif-ExtraboldItalic';
  src: url('../fonts/BespokeSerif-ExtraboldItalic.woff2') format('woff2'),
       url('../fonts/BespokeSerif-ExtraboldItalic.woff') format('woff'),
       url('../fonts/BespokeSerif-ExtraboldItalic.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 300.0wght 800.0;
*
* available axes:
'wght' (range from 300.0 to 800.0'wght' (range from 300.0 to 800.0
*/
@font-face {
  font-family: 'BespokeSerif-Variable';
  src: url('../fonts/BespokeSerif-Variable.woff2') format('woff2'),
       url('../fonts/BespokeSerif-Variable.woff') format('woff'),
       url('../fonts/BespokeSerif-Variable.ttf') format('truetype');
  font-weight: 300 800;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 300.0wght 800.0;
*
* available axes:
'wght' (range from 300.0 to 800.0'wght' (range from 300.0 to 800.0
*/
@font-face {
  font-family: 'BespokeSerif-VariableItalic';
  src: url('../fonts/BespokeSerif-VariableItalic.woff2') format('woff2'),
       url('../fonts/BespokeSerif-VariableItalic.woff') format('woff'),
       url('../fonts/BespokeSerif-VariableItalic.ttf') format('truetype');
  font-weight: 300 800;
  font-display: swap;
  font-style: italic;
}

/**
* @license
*
* Font Family: Bespoke Slab
* Designed by: Jérémie Hornus, Théo Guillard, Morgane Pambrun, Alisa Nowak, Joachim Vu
* URL: https://www.fontshare.com/fonts/bespoke-slab
* © 2025 Indian Type Foundry
*
* Bespoke Slab Light 
* Bespoke Slab LightItalic 
* Bespoke Slab Regular 
* Bespoke Slab Italic 
* Bespoke Slab Medium 
* Bespoke Slab MediumItalic 
* Bespoke Slab Bold 
* Bespoke Slab BoldItalic 
* Bespoke Slab Extrabold 
* Bespoke Slab ExtraboldItalic 
* Bespoke Slab Variable (Variable font)
* Bespoke Slab VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'BespokeSlab-Light';
  src: url('../fonts/BespokeSlab-Light.woff2') format('woff2'),
       url('../fonts/BespokeSlab-Light.woff') format('woff'),
       url('../fonts/BespokeSlab-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSlab-LightItalic';
  src: url('../fonts/BespokeSlab-LightItalic.woff2') format('woff2'),
       url('../fonts/BespokeSlab-LightItalic.woff') format('woff'),
       url('../fonts/BespokeSlab-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSlab-Regular';
  src: url('../fonts/BespokeSlab-Regular.woff2') format('woff2'),
       url('../fonts/BespokeSlab-Regular.woff') format('woff'),
       url('../fonts/BespokeSlab-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSlab-Italic';
  src: url('../fonts/BespokeSlab-Italic.woff2') format('woff2'),
       url('../fonts/BespokeSlab-Italic.woff') format('woff'),
       url('../fonts/BespokeSlab-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSlab-Medium';
  src: url('../fonts/BespokeSlab-Medium.woff2') format('woff2'),
       url('../fonts/BespokeSlab-Medium.woff') format('woff'),
       url('../fonts/BespokeSlab-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSlab-MediumItalic';
  src: url('../fonts/BespokeSlab-MediumItalic.woff2') format('woff2'),
       url('../fonts/BespokeSlab-MediumItalic.woff') format('woff'),
       url('../fonts/BespokeSlab-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSlab-Bold';
  src: url('../fonts/BespokeSlab-Bold.woff2') format('woff2'),
       url('../fonts/BespokeSlab-Bold.woff') format('woff'),
       url('../fonts/BespokeSlab-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSlab-BoldItalic';
  src: url('../fonts/BespokeSlab-BoldItalic.woff2') format('woff2'),
       url('../fonts/BespokeSlab-BoldItalic.woff') format('woff'),
       url('../fonts/BespokeSlab-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSlab-Extrabold';
  src: url('../fonts/BespokeSlab-Extrabold.woff2') format('woff2'),
       url('../fonts/BespokeSlab-Extrabold.woff') format('woff'),
       url('../fonts/BespokeSlab-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSlab-ExtraboldItalic';
  src: url('../fonts/BespokeSlab-ExtraboldItalic.woff2') format('woff2'),
       url('../fonts/BespokeSlab-ExtraboldItalic.woff') format('woff'),
       url('../fonts/BespokeSlab-ExtraboldItalic.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 800.0;
*
* available axes:
'wght' (range from 300.0 to 800.0
*/
@font-face {
  font-family: 'BespokeSlab-Variable';
  src: url('../fonts/BespokeSlab-Variable.woff2') format('woff2'),
       url('../fonts/BespokeSlab-Variable.woff') format('woff'),
       url('../fonts/BespokeSlab-Variable.ttf') format('truetype');
  font-weight: 300 800;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 800.0;
*
* available axes:
'wght' (range from 300.0 to 800.0
*/
@font-face {
  font-family: 'BespokeSlab-VariableItalic';
  src: url('../fonts/BespokeSlab-VariableItalic.woff2') format('woff2'),
       url('../fonts/BespokeSlab-VariableItalic.woff') format('woff'),
       url('../fonts/BespokeSlab-VariableItalic.ttf') format('truetype');
  font-weight: 300 800;
  font-display: swap;
  font-style: italic;
}

/**
* @license
*
* Font Family: Bevellier
* Designed by: Arya Purohit, Barbara Bigosinska
* URL: https://www.fontshare.com/fonts/bevellier
* © 2025 Indian Type Foundry
*
* Bevellier Thin 
* Bevellier ThinItalic 
* Bevellier Extralight 
* Bevellier ExtralightItalic 
* Bevellier Light 
* Bevellier LightItalic 
* Bevellier Regular 
* Bevellier Italic 
* Bevellier Medium 
* Bevellier MediumItalic 
* Bevellier Semibold 
* Bevellier SemiboldItalic 
* Bevellier Bold 
* Bevellier BoldItalic 
* Bevellier Black 
* Bevellier BlackItalic 
* Bevellier Variable (Variable font)
* Bevellier VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Bevellier-Thin';
  src: url('../fonts/Bevellier-Thin.woff2') format('woff2'),
       url('../fonts/Bevellier-Thin.woff') format('woff'),
       url('../fonts/Bevellier-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bevellier-ThinItalic';
  src: url('../fonts/Bevellier-ThinItalic.woff2') format('woff2'),
       url('../fonts/Bevellier-ThinItalic.woff') format('woff'),
       url('../fonts/Bevellier-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Bevellier-Extralight';
  src: url('../fonts/Bevellier-Extralight.woff2') format('woff2'),
       url('../fonts/Bevellier-Extralight.woff') format('woff'),
       url('../fonts/Bevellier-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bevellier-ExtralightItalic';
  src: url('../fonts/Bevellier-ExtralightItalic.woff2') format('woff2'),
       url('../fonts/Bevellier-ExtralightItalic.woff') format('woff'),
       url('../fonts/Bevellier-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Bevellier-Light';
  src: url('../fonts/Bevellier-Light.woff2') format('woff2'),
       url('../fonts/Bevellier-Light.woff') format('woff'),
       url('../fonts/Bevellier-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bevellier-LightItalic';
  src: url('../fonts/Bevellier-LightItalic.woff2') format('woff2'),
       url('../fonts/Bevellier-LightItalic.woff') format('woff'),
       url('../fonts/Bevellier-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Bevellier-Regular';
  src: url('../fonts/Bevellier-Regular.woff2') format('woff2'),
       url('../fonts/Bevellier-Regular.woff') format('woff'),
       url('../fonts/Bevellier-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bevellier-Italic';
  src: url('../fonts/Bevellier-Italic.woff2') format('woff2'),
       url('../fonts/Bevellier-Italic.woff') format('woff'),
       url('../fonts/Bevellier-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Bevellier-Medium';
  src: url('../fonts/Bevellier-Medium.woff2') format('woff2'),
       url('../fonts/Bevellier-Medium.woff') format('woff'),
       url('../fonts/Bevellier-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bevellier-MediumItalic';
  src: url('../fonts/Bevellier-MediumItalic.woff2') format('woff2'),
       url('../fonts/Bevellier-MediumItalic.woff') format('woff'),
       url('../fonts/Bevellier-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Bevellier-Semibold';
  src: url('../fonts/Bevellier-Semibold.woff2') format('woff2'),
       url('../fonts/Bevellier-Semibold.woff') format('woff'),
       url('../fonts/Bevellier-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bevellier-SemiboldItalic';
  src: url('../fonts/Bevellier-SemiboldItalic.woff2') format('woff2'),
       url('../fonts/Bevellier-SemiboldItalic.woff') format('woff'),
       url('../fonts/Bevellier-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Bevellier-Bold';
  src: url('../fonts/Bevellier-Bold.woff2') format('woff2'),
       url('../fonts/Bevellier-Bold.woff') format('woff'),
       url('../fonts/Bevellier-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bevellier-BoldItalic';
  src: url('../fonts/Bevellier-BoldItalic.woff2') format('woff2'),
       url('../fonts/Bevellier-BoldItalic.woff') format('woff'),
       url('../fonts/Bevellier-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Bevellier-Black';
  src: url('../fonts/Bevellier-Black.woff2') format('woff2'),
       url('../fonts/Bevellier-Black.woff') format('woff'),
       url('../fonts/Bevellier-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bevellier-BlackItalic';
  src: url('../fonts/Bevellier-BlackItalic.woff2') format('woff2'),
       url('../fonts/Bevellier-BlackItalic.woff') format('woff'),
       url('../fonts/Bevellier-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 100.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Bevellier-Variable';
  src: url('../fonts/Bevellier-Variable.woff2') format('woff2'),
       url('../fonts/Bevellier-Variable.woff') format('woff'),
       url('../fonts/Bevellier-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 100.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Bevellier-VariableItalic';
  src: url('../fonts/Bevellier-VariableItalic.woff2') format('woff2'),
       url('../fonts/Bevellier-VariableItalic.woff') format('woff'),
       url('../fonts/Bevellier-VariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
}

/**
* @license
*
* Font Family: Bonny
* Designed by: Barbara Bigosinska
* URL: https://www.fontshare.com/fonts/bonny
* © 2025 Indian Type Foundry
*
* Bonny Thin 
* Bonny Light 
* Bonny Regular 
* Bonny Medium 
* Bonny Bold 
* Bonny Variable (Variable font)

*
*/
@font-face {
  font-family: 'Bonny-Thin';
  src: url('../fonts/Bonny-Thin.woff2') format('woff2'),
       url('../fonts/Bonny-Thin.woff') format('woff'),
       url('../fonts/Bonny-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bonny-Light';
  src: url('../fonts/Bonny-Light.woff2') format('woff2'),
       url('../fonts/Bonny-Light.woff') format('woff'),
       url('../fonts/Bonny-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bonny-Regular';
  src: url('../fonts/Bonny-Regular.woff2') format('woff2'),
       url('../fonts/Bonny-Regular.woff') format('woff'),
       url('../fonts/Bonny-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bonny-Medium';
  src: url('../fonts/Bonny-Medium.woff2') format('woff2'),
       url('../fonts/Bonny-Medium.woff') format('woff'),
       url('../fonts/Bonny-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Bonny-Bold';
  src: url('../fonts/Bonny-Bold.woff2') format('woff2'),
       url('../fonts/Bonny-Bold.woff') format('woff'),
       url('../fonts/Bonny-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 100.0 to 700.0
*/
@font-face {
  font-family: 'Bonny-Variable';
  src: url('../fonts/Bonny-Variable.woff2') format('woff2'),
       url('../fonts/Bonny-Variable.woff') format('woff'),
       url('../fonts/Bonny-Variable.ttf') format('truetype');
  font-weight: 100 700;
  font-display: swap;
  font-style: normal;
}