/* Light (Weight 300) */
@font-face {
    font-family: "HK Grotesk Pro";
    src: url("WEB/HKGrotesk-Light.woff2") format("woff2"),
         url("WEB/HKGrotesk-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  /* Regular (Weight 400) */
  @font-face {
    font-family: "HK Grotesk Pro";
    src: url("WEB/HKGrotesk-Regular.woff2") format("woff2"),
         url("WEB/HKGrotesk-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  /* SemiBold (Weight 600) */
  @font-face {
    font-family: "HK Grotesk Pro";
    src: url("WEB/HKGrotesk-SemiBold.woff2") format("woff2"),
         url("WEB/HKGrotesk-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
  /* Bold (Weight 700) */
  @font-face {
    font-family: "HK Grotesk Pro";
    src: url("WEB/HKGrotesk-Bold.woff2") format("woff2"),
         url("WEB/HKGrotesk-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }