@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/Inter/Inter-VariableFont_opsz,wght.ttf")
    format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf")
    format("truetype");
}
@font-face {
  font-family: "Noto Sans Thai";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/Noto_Sans_Thai/NotoSansThai-VariableFont_wdth,wght.ttf")
    format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-ExtraLight.ttf")
    format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-ExtraLightItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-LightItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-Regular.ttf")
    format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-MediumItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-SemiBold.ttf")
    format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-SemiBoldItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Bai Jamjuree";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Bai_Jamjuree/BaiJamjuree-BoldItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Athiti";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Athiti/Athiti-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Athiti";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Athiti/Athiti-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Athiti";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Athiti/Athiti-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Athiti";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Athiti/Athiti-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Athiti";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Athiti/Athiti-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Sarabun/Sarabun-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Sarabun";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Sarabun/Sarabun-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Sarabun/Sarabun-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Sarabun";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Sarabun/Sarabun-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Sarabun/Sarabun-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Sarabun";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Sarabun/Sarabun-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Sarabun/Sarabun-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Sarabun";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Sarabun/Sarabun-SemiBoldItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Sarabun/Sarabun-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Sarabun";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Sarabun/Sarabun-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Poppins/Poppins-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Poppins/Poppins-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Poppins/Poppins-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Poppins/Poppins-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Poppins/Poppins-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Poppins/Poppins-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Poppins/Poppins-SemiBoldItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Poppins/Poppins-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Quicksand/static/Quicksand-Light.ttf")
    format("truetype");
}
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Quicksand/static/Quicksand-Regular.ttf")
    format("truetype");
}
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Quicksand/static/Quicksand-Medium.ttf")
    format("truetype");
}
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Quicksand/static/Quicksand-SemiBold.ttf")
    format("truetype");
}
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Quicksand/static/Quicksand-Bold.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-LightItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-MediumItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-SemiBold.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-SemiBoldItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-SemiBold.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-SemiBoldItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-ExtraBold.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-ExtraBoldItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-LightItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-MediumItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-SemiBold.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-SemiBoldItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-SemiBold.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-SemiBoldItalic.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-ExtraBold.ttf")
    format("truetype");
}
@font-face {
  font-family: "Open sans";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/Open_Sans/static/OpenSans-ExtraBoldItalic.ttf")
    format("truetype");
}