/* Bold (700) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
}

/* Bold Italic (700) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-BoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 700;
}

/* Heavy (900) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-Heavy.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
}

/* Heavy Italic (900) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-HeavyItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 900;
}

/* Medium (500) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
}

/* Medium Italic (500) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-MediumItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 500;
}

/* Regular (400) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

/* Regular Italic (400) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-RegularItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 400;
}

/* Semibold (600) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-Semibold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
}

/* Semibold Italic (600) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-SemiboldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 600;
}

/* Light (300) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
}

/* Light Italic (300) */
@font-face {
  font-family: 'SF Pro Text';
  src: url('../../fonts/SFProText-LightItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 300;
}

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

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

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

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

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

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

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

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

/* Thin (100) */
@font-face {
  font-family: 'Inter';
  src: url('../../fonts/Inter-Thin.ttf') format('truetype');
  font-style: normal;
  font-weight: 100;
}