/** Shopify CDN: Minification failed

Line 6:0 Unexpected "<"

**/
<style>
  @font-face {
      font-family: 'Kanit';
      src: url('/cdn/shop/files/Kanit-Regular.woff2?v=1669262921') format('woff2'),
          url('/cdn/shop/files/Kanit-Regular.woff?v=1669262921') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Kanit';
      src: url('/cdn/shop/files/Kanit-SemiBold.woff2?v=1669262921') format('woff2'),
          url('/cdn/shop/files/Kanit-SemiBold.woff?v=1669262921') format('woff');
      font-weight: 600;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Kanit';
      src: url('/cdn/shop/files/Kanit-Italic.woff2?v=1669262921') format('woff2'),
          url('/cdn/shop/files/Kanit-Italic.woff?v=1669262921') format('woff');
      font-weight: normal;
      font-style: italic;
  }
  
  @font-face {
      font-family: 'Kanit';
      src: url('/cdn/shop/files/Kanit-Bold.woff2?v=1669262921') format('woff2'),
          url('/cdn/shop/files/Kanit-Bold.woff?v=1669262921') format('woff');
      font-weight: bold;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Kanit';
      src: url('/cdn/shop/files/Kanit-Medium.woff2?v=1669262921') format('woff2'),
          url('/cdn/shop/files/Kanit-Medium.woff?v=1669262921') format('woff');
      font-weight: 500;
      font-style: normal;
  }

  .container {
    max-width: 1214px;
    padding: 0px 30px;
    margin: 0px auto;
  }

  .row {
    display: flex;
    flex-wrap: wrap;
  }

  .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-8 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }

  .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .section-heading {
    font-family: 'Kanit';
    font-size: 25px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-bottom: 33px;
    text-transform: uppercase;
  }

  @media only screen and (max-width: 768px) {
    .container {
      padding: 0px 15px;
    }
    .col-8, .col-6, .col-4, .col-3 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .section-heading {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 20px;
    }
  }