/* KANIT FONT CLASSES */

/* Normal Styles */
.kanit-thin {
    font-family: "Kanit", sans-serif;
    font-weight: 100; /* Thin */
    font-style: normal;
  }
  
  .kanit-extralight {
    font-family: "Kanit", sans-serif;
    font-weight: 200; /* Extra Light */
    font-style: normal;
  }
  
  .kanit-light {
    font-family: "Kanit", sans-serif;
    font-weight: 300; /* Light */
    font-style: normal;
  }
  
  .kanit-regular {
    font-family: "Kanit", sans-serif;
    font-weight: 400; /* Regular */
    font-style: normal;
  }
  
  .kanit-medium {
    font-family: "Kanit", sans-serif;
    font-weight: 500; /* Medium */
    font-style: normal;
  }
  
  .kanit-semibold {
    font-family: "Kanit", sans-serif;
    font-weight: 600; /* Semi-Bold */
    font-style: normal;
  }
  
  .kanit-bold {
    font-family: "Kanit", sans-serif;
    font-weight: 700; /* Bold */
    font-style: normal;
  }
  
  .kanit-extrabold {
    font-family: "Kanit", sans-serif;
    font-weight: 800; /* Extra Bold */
    font-style: normal;
  }
  
  .kanit-black {
    font-family: "Kanit", sans-serif;
    font-weight: 900; /* Black */
    font-style: normal;
  }
  
  /* Italic Styles */
  .kanit-thin-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 100; /* Thin */
    font-style: italic;
  }
  
  .kanit-extralight-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 200; /* Extra Light */
    font-style: italic;
  }
  
  .kanit-light-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 300; /* Light */
    font-style: italic;
  }
  
  .kanit-regular-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 400; /* Regular */
    font-style: italic;
  }
  
  .kanit-medium-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 500; /* Medium */
    font-style: italic;
  }
  
  .kanit-semibold-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 600; /* Semi-Bold */
    font-style: italic;
  }
  
  .kanit-bold-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 700; /* Bold */
    font-style: italic;
  }
  
  .kanit-extrabold-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 800; /* Extra Bold */
    font-style: italic;
  }
  
  .kanit-black-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 900; /* Black */
    font-style: italic;
  }
  


/* MULISH FONT CLASSES */

/* Font weight 200 (Extra Light) */
.mulish-200 {
    font-family: "Mulish", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
    /* Font weight 300 (Light) */
    .mulish-300 {
    font-family: "Mulish", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  /* Font weight 400 (Regular) */
  .mulish-400 {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  /* Font weight 500 (Medium) */
  .mulish-500 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  /* Font weight 600 (Semi-Bold) */
  .mulish-600 {
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  /* Font weight 700 (Bold) */
  .mulish-700 {
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  /* Font weight 800 (Extra Bold) */
  .mulish-800 {
    font-family: "Mulish", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  /* Font weight 900 (Black) */
  .mulish-900 {
    font-family: "Mulish", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  /* Font weight 1000 (Ultra Bold - uncommon) */
  .mulish-1000 {
    font-family: "Mulish", sans-serif;
    font-weight: 1000;
    font-style: normal;
  }



/* MONTSERRAT FONT CLASSES */

/* Font weight 100 (Thin) */
.montserrat-100 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100; /* Thin */
    font-style: normal;
  }
  
  /* Font weight 200 (Extra Light) */
  .montserrat-200 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200; /* Extra Light */
    font-style: normal;
  }
  
  /* Font weight 300 (Light) */
  .montserrat-300 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300; /* Light */
    font-style: normal;
  }
  
  /* Font weight 400 (Regular) */
  .montserrat-400 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400; /* Regular */
    font-style: normal;
  }
  
  /* Font weight 500 (Medium) */
  .montserrat-500 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500; /* Medium */
    font-style: normal;
  }
  
  /* Font weight 600 (Semi-Bold) */
  .montserrat-600 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600; /* Semi-Bold */
    font-style: normal;
  }
  
  /* Font weight 700 (Bold) */
  .montserrat-700 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700; /* Bold */
    font-style: normal;
  }
  
  /* Font weight 800 (Extra Bold) */
  .montserrat-800 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800; /* Extra Bold */
    font-style: normal;
  }
  
  /* Font weight 900 (Black) */
  .montserrat-900 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900; /* Black */
    font-style: normal;
  }

  
/* POPPINS FONT CLASSES */

/* Normal Styles */
.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100; /* Thin */
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200; /* Extra Light */
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300; /* Light */
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400; /* Regular */
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500; /* Medium */
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600; /* Semi-Bold */
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700; /* Bold */
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800; /* Extra Bold */
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900; /* Black */
    font-style: normal;
  }
  
  /* Italic Styles */
  .poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100; /* Thin */
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200; /* Extra Light */
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300; /* Light */
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400; /* Regular */
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500; /* Medium */
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600; /* Semi-Bold */
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700; /* Bold */
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800; /* Extra Bold */
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900; /* Black */
    font-style: italic;
  }

/* SYNE FONT CLASSES */

/* Normal Styles */
.syne-regular {
    font-family: "Syne", sans-serif;
    font-weight: 400; /* Regular */
    font-style: normal;
  }
  
  .syne-medium {
    font-family: "Syne", sans-serif;
    font-weight: 500; /* Medium */
    font-style: normal;
  }
  
  .syne-semibold {
    font-family: "Syne", sans-serif;
    font-weight: 600; /* Semi-Bold */
    font-style: normal;
  }
  
  .syne-bold {
    font-family: "Syne", sans-serif;
    font-weight: 700; /* Bold */
    font-style: normal;
  }
  
  .syne-extrabold {
    font-family: "Syne", sans-serif;
    font-weight: 800; /* Extra Bold */
    font-style: normal;
  }