@layer utilities {
  .aktiv-reg {
    font-family: "aktiv-grotesk-thai", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .aktiv-med {
    font-family: "aktiv-grotesk-thai", sans-serif;
    font-weight: 500;
    font-style: normal;
  }

  .aktiv-semi {
    font-family: "aktiv-grotesk-thai", sans-serif;
    font-weight: 600;
    font-style: normal;
  }

  .aktiv-bold {
    font-family: "aktiv-grotesk-thai", sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  .aktiv-bold-italic {
    font-family: "aktiv-grotesk-thai", sans-serif;
    font-weight: 700;
    font-style: italic;
  }

  .aktiv-reg-italic {
    font-family: "aktiv-grotesk-thai", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
}