/* Figma Styles of your File */
:root {
  /* Colors */
  --primary-blue-100: #0e2163;
  --primary-sky-100: #338fe2;
  --primary-yellow-100: #fec20e;
  --primary-orange-100: #f14924;
  --primary-orange-200: linear-gradient(
    90deg,
    rgba(218, 117, 5, 1) 0%,
    rgba(233, 91, 11, 1) 100%
  );
  --primary-green-100: #17a34a;
  --primary-purple-100: #9334e9;
  --primary-bg: #fcf0db;
  --secondary-blue-100: #c6caff;
  --secondary-sky-100: #eaefff;
  --secondary-yellow-100: #fffaec;
  --secondary-orange-100: #fff2f0;
  --secondary-green-100: #e8fdef;
  --secondary-purple-100: #f8f1ff;
  --gray-400: #202125;
  --gray-300: #7e7e81;
  --gray-200: #98989a;
  --gray-100: #ebebeb;
  --gray-25: #fcfcfd;
  --base-black: #000000;
  --base-white: #ffffff;
  --base-bg: linear-gradient(
    108.37deg,
    rgba(225, 223, 227, 1) 0%,
    rgba(249, 238, 225, 1) 100%
  );
  --base-error: #ff0000;
  --base-success: #00a334;
  --base-bg2: #f6f6f6;

  /* Fonts */
  --en-h1-font-family: Inter-Bold, sans-serif;
  --en-h1-font-size: 64px;
  --en-h1-line-height: 150%;
  --en-h1-font-weight: 700;
  --en-h1-font-style: normal;
  --en-h2-font-family: Inter-SemiBold, sans-serif;
  --en-h2-font-size: 48px;
  --en-h2-line-height: 150%;
  --en-h2-font-weight: 600;
  --en-h2-font-style: normal;
  --en-h3-font-family: Inter-SemiBold, sans-serif;
  --en-h3-font-size: 34px;
  --en-h3-line-height: 150%;
  --en-h3-font-weight: 600;
  --en-h3-font-style: normal;
  --en-sub-text-font-family: Inter-Bold, sans-serif;
  --en-sub-text-font-size: 24px;
  --en-sub-text-line-height: 150%;
  --en-sub-text-font-weight: 700;
  --en-sub-text-font-style: normal;
  --en-paragraph-1-font-family: Inter-Regular, sans-serif;
  --en-paragraph-1-font-size: 16px;
  --en-paragraph-1-line-height: 150%;
  --en-paragraph-1-font-weight: 400;
  --en-paragraph-1-font-style: normal;
  --en-paragraph-2-font-family: Inter-Regular, sans-serif;
  --en-paragraph-2-font-size: 14px;
  --en-paragraph-2-line-height: 150%;
  --en-paragraph-2-font-weight: 400;
  --en-paragraph-2-font-style: normal;
  --th-h1-font-family: NotoSansThai-Bold, sans-serif;
  --th-h1-font-size: 64px;
  --th-h1-line-height: 150%;
  --th-h1-font-weight: 700;
  --th-h1-font-style: normal;
  --th-h2-font-family: NotoSansThai-SemiBold, sans-serif;
  --th-h2-font-size: 48px;
  --th-h2-line-height: 150%;
  --th-h2-font-weight: 600;
  --th-h2-font-style: normal;
  --th-h3-font-family: NotoSansThai-SemiBold, sans-serif;
  --th-h3-font-size: 34px;
  --th-h3-line-height: 150%;
  --th-h3-font-weight: 600;
  --th-h3-font-style: normal;
  --th-sub-text-font-family: NotoSansThai-Bold, sans-serif;
  --th-sub-text-font-size: 24px;
  --th-sub-text-line-height: 150%;
  --th-sub-text-font-weight: 700;
  --th-sub-text-font-style: normal;
  --th-paragraph-1-font-family: NotoSansThai-Regular, sans-serif;
  --th-paragraph-1-font-size: 16px;
  --th-paragraph-1-line-height: 150%;
  --th-paragraph-1-font-weight: 400;
  --th-paragraph-1-font-style: normal;
  --th-paragraph-2-font-family: NotoSansThai-Regular, sans-serif;
  --th-paragraph-2-font-size: 14px;
  --th-paragraph-2-line-height: 150%;
  --th-paragraph-2-font-weight: 400;
  --th-paragraph-2-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */