/* Light */
@font-face {
  font-family: "ChakraPetch";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("ChakraPetch-Light"), url("../fonts/ChakraPetch-Light.ttf") format("truetype");
}
/* Light Italic */
@font-face {
  font-family: "ChakraPetch";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("ChakraPetch-LightItalic"), url("../fonts/ChakraPetch-LightItalic.ttf") format("truetype");
}
/* Regular */
@font-face {
  font-family: "ChakraPetch";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("ChakraPetch-Regular"), url("../fonts/ChakraPetch-Regular.ttf") format("truetype");
}
/* Regular Italic */
@font-face {
  font-family: "ChakraPetch";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("ChakraPetch-Italic"), url("../fonts/ChakraPetch-Italic.ttf") format("truetype");
}
/* Medium */
@font-face {
  font-family: "ChakraPetch";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("ChakraPetch-Medium"), url("../fonts/ChakraPetch-Medium.ttf") format("truetype");
}
/* Medium Italic */
@font-face {
  font-family: "ChakraPetch";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("ChakraPetch-MediumItalic"), url("../fonts/ChakraPetch-MediumItalic.ttf") format("truetype");
}
/* Semi-bold */
@font-face {
  font-family: "ChakraPetch";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("ChakraPetch-SemiBold"), url("../fonts/ChakraPetch-SemiBold.ttf") format("truetype");
}
/* SemiBold Italic */
@font-face {
  font-family: "ChakraPetch";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("ChakraPetch-SemiBoldItalic"), url("../fonts/ChakraPetch-SemiBoldItalic.ttf") format("truetype");
}
/* Bold */
@font-face {
  font-family: "ChakraPetch";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("ChakraPetch-Bold"), url("../fonts/ChakraPetch-Bold.ttf") format("truetype");
}
/* Bold Italic */
@font-face {
  font-family: "ChakraPetch";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("ChakraPetch-BoldItalic"), url("../fonts/ChakraPetch-BoldItalic.ttf") format("truetype");
}