@font-face {
  font-family: "EmbossingTape1BRK";
  src: url("Assets/Fonts/embossing-tape-1-brk/embosst1.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgLightItalic.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgRegular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgMedium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgMediumItalic.otf")
    format("opentype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgSemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgSemiBoldItalic.otf")
    format("opentype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgBoldItalic.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgBlack.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/agp/agpRegular.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/agp/agpItalic.otf")
    format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/agp/agpBold.otf")
    format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/agp/agpBoldItalic.otf")
    format("opentype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspExtraLight.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspExtraLightIt.otf")
    format("opentype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspLightIt.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspRegular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspIt.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspSemibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspSemiboldIt.otf")
    format("opentype");
  font-weight: 600;
  font-style: italic;;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspBoldIt.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspBlack.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspBlackIt.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}

/* @font-face {
  font-family: "EmbossingTape1BRK";
  src: url("Assets/Fonts/embossing-tape-1-brk/embosst1.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-LightItalic.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-MediumItalic.otf")
    format("opentype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-SemiBoldItalic.otf")
    format("opentype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-BoldItalic.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/adobe-garamond-pro/AGaramondPro-Regular.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/adobe-garamond-pro/AGaramondPro-Italic.otf")
    format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/adobe-garamond-pro/AGaramondPro-Bold.otf")
    format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/adobe-garamond-pro/AGaramondPro-BoldItalic.otf")
    format("opentype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-ExtraLight.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-ExtraLightIt.otf")
    format("opentype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-LightIt.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-It.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-SemiboldIt.otf")
    format("opentype");
  font-weight: 600;
  font-style: italic;;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-BoldIt.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-BlackIt.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
} */


.HKG-L {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.HKG-LI {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.HKG-R {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.HKG-RI {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.HKG-M {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.HKG-MI {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.HKG-SB {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.HKG-SBI {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.HKG-B {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.HKG-BI {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.HKG-EB {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.HKG-BL {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.AGP-R {
  font-family: "AdobeGP", serif;
  font-weight: normal;
  font-style: normal;
}

.AGP-RI {
  font-family: "AdobeGP", serif;
  font-weight: normal;
  font-style: italic;
}
.AGP-B {
  font-family: "AdobeGP", serif;
  font-weight: bold;
  font-style: normal;
}

.AGP-BI {
  font-family: "AdobeGP", serif;
  font-weight: bold;
  font-style: italic;
}

.font-sample {
  color: black;
  position: relative;
  z-index: 99999;
}

.SSP-EL {
  font-family: "SourceSerifPro", serif;
  font-weight: 100;
  font-style: normal;
}

.SSP-ELI {
  font-family: "SourceSerifPro", serif;
  font-weight: 100;
  font-style: italic;
}

.SSP-L {
  font-family: "SourceSerifPro", serif;
  font-weight: 300;
  font-style: normal;
}

.SSP-LI {
  font-family: "SourceSerifPro", serif;
  font-weight: 300;
  font-style: italic;
}

.SSP-R {
  font-family: "SourceSerifPro", serif;
  font-weight: 400;
  font-style: normal;
}

.SSP-RI {
  font-family: "SourceSerifPro", serif;
  font-weight: 400;
  font-style: italic;
}

.SSP-SB {
  font-family: "SourceSerifPro", serif;
  font-weight: 600;
  font-style: normal;
}

.SSP-SBI {
  font-family: "SourceSerifPro", serif;
  font-weight: 600;
  font-style: italic;
}

.SSP-B {
  font-family: "SourceSerifPro", serif;
  font-weight: 700;
  font-style: normal;
}

.SSP-BI {
  font-family: "SourceSerifPro", serif;
  font-weight: 700;
  font-style: italic;
}

.SSP-BL {
  font-family: "SourceSerifPro", serif;
  font-weight: 900;
  font-style: normal;
}

.SSP-BLI {
  font-family: "SourceSerifPro", serif;
  font-weight: 900;
  font-style: italic;
}