:root { 
  --alabaster: #fafafa;
  --black: #000000;
  --cararra: #ebebeb;
  --caribbean-green: #0bd2ac;
  --caribbean-green-2: #0cd3ad;
  --deep-sea-green: #164e5b;
  --dove-gray: #706f6f;
  --frosted-mint: #ddfdf7;
  --frosted-mint-2: #defdf7;
  --frosted-mint-3: #dffdf7;
  --guardsman-red: #d10000;
  --sonic-silver: #757575;
  --star-dust: #9c9c9c;
  --white: #ffffff;
 
  --font-size-l: 14px;
  --font-size-m: 12px;
  --font-size-xl: 16px;
  --font-size-xxl: 18px;
  --font-size-xxxl: 22px;
  --font-size-xxxxl: 24px;
  --font-size-xxxxxl: 50px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-kanit: "Kanit", Helvetica;
  --font-family-taviraj: "Taviraj", Helvetica;
}
.inter-normal-alabaster-18px {
  color: var(--alabaster);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-alabaster-12px {
  color: var(--alabaster);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-deep-sea-green-24px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.inter-medium-sonic-silver-18px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.kanit-semi-bold-white-24px {
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.kanit-semi-bold-caribbean-green-24px {
  color: var(--caribbean-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.inter-normal-dove-gray-12px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-dove-gray-22px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-caribbean-green-16px {
  color: var(--caribbean-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.kanit-bold-alabaster-16px {
  color: var(--alabaster);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.kanit-semi-bold-alabaster-24px {
  color: var(--alabaster);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.kanit-bold-white-16px {
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-dove-gray-16px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-dove-gray-18px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.kanit-normal-alabaster-24px {
  color: var(--alabaster);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-deep-sea-green-12px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.kanit-bold-caribbean-green-16px {
  color: var(--caribbean-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-deep-sea-green-22px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}

.kanit-semi-bold-caribbean-green-50px {
  color: var(--caribbean-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 600;
}

.kanit-normal-deep-sea-green-24px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-white-100px {
  font-family: var(--font-family-inter);
  font-size: 100px;
  font-style: normal;
  font-weight: 600;
}

.inter-medium-dove-gray-22px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.inter-semi-bold-deep-sea-green-18px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.inter-bold-alabaster-11px {
  color: var(--alabaster);
  font-family: var(--font-family-inter);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.kanit-bold-deep-sea-green-16px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.kanit-semi-bold-white-50px {
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-alabaster-18px {
  color: var(--alabaster);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-white-60px {
  font-family: var(--font-family-inter);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
}

.inter-normal-star-dust-22px {
  color: var(--star-dust);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.kanit-bold-white-50px {
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 700;
}

.kanit-bold-caribbean-green-50px {
  color: var(--caribbean-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-star-dust-14px {
  color: var(--star-dust);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-deep-sea-green-16px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.kanit-bold-white-24px {
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.kanit-bold-caribbean-green-24px {
  color: var(--caribbean-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-white-14px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.kanit-semi-bold-deep-sea-green-24px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.inter-bold-deep-sea-green-12px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.kanit-medium-deep-sea-green-24px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

.kanit-medium-deep-sea-green-16px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.inter-normal-caribbean-green-12px {
  color: var(--caribbean-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-deep-sea-green-18px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.kanit-medium-deep-sea-green-50px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 500;
}

.kanit-medium-deep-sea-green-40px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
}

.inter-bold-caribbean-green-18px {
  color: var(--caribbean-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-dove-gray-12-7px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: 12.7px;
  font-style: normal;
  font-weight: 400;
}

.kanit-bold-alabaster-30px {
  color: var(--alabaster);
  font-family: var(--font-family-kanit);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}

.kanit-medium-alabaster-14px {
  color: var(--alabaster);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.kanit-medium-caribbean-green-14px {
  color: var(--caribbean-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.inter-bold-alabaster-14px {
  color: var(--alabaster);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.kanit-medium-alabaster-24px {
  color: var(--alabaster);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

.kanit-medium-caribbean-green-24px {
  color: var(--caribbean-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

.kanit-medium-alabaster-16px {
  color: var(--alabaster);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.kanit-light-deep-sea-green-24px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 300;
}

.kanit-semi-bold-alabaster-60px {
  color: var(--alabaster);
  font-family: var(--font-family-kanit);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
}

.kanit-medium-alabaster-22px {
  color: var(--alabaster);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.kanit-light-deep-sea-green-50px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 300;
}

.inter-semi-bold-alabaster-24px {
  color: var(--alabaster);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-deep-sea-green-15px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}

.inter-medium-deep-sea-green-12px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-deep-sea-green-18px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-star-dust-22px {
  color: var(--star-dust);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-star-dust-16px {
  color: var(--star-dust);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.kanit-normal-deep-sea-green-50px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-white-160px {
  font-family: var(--font-family-inter);
  font-size: 160px;
  font-style: normal;
  font-weight: 600;
}

.inter-medium-sonic-silver-20px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

.taviraj-semi-bold-white-14px {
  color: var(--white);
  font-family: var(--font-family-taviraj);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-deep-sea-green-16px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.kanit-normal-deep-sea-green-12px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-dove-gray-10px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.inter-bold-caribbean-green-12px {
  color: var(--caribbean-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-deep-sea-green-14px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.inter-normal-alabaster-16px {
  color: var(--alabaster);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.inter-medium-white-22px {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-guardsman-red-22px {
  color: var(--guardsman-red);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-dove-gray-14px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-white-16px {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-guardsman-red-16px {
  color: var(--guardsman-red);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.inter-semi-bold-caribbean-green-24px {
  color: var(--caribbean-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-alabaster-10px {
  color: var(--alabaster);
  font-family: var(--font-family-inter);
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
}

.inter-normal-dove-gray-14px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-caribbean-green-14px {
  color: var(--caribbean-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.kanit-semi-bold-deep-sea-green-50px {
  color: var(--deep-sea-green);
  font-family: var(--font-family-kanit);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-white-64px {
  font-family: var(--font-family-inter);
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-dove-gray-24px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-caribbean-green-60px {
  color: var(--caribbean-green);
  font-family: var(--font-family-inter);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-dove-gray-12px {
  color: var(--dove-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}