strong, b { font-weight: 700; }
@media print {
  body { background-color: rgb(255, 255, 255); }
}
@-webkit-keyframes rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@-webkit-keyframes topToBottom { 
  0% { opacity: 0; }
  5% { opacity: 0; transform: translateX(-50%) translateY(120px); }
  10% { opacity: 1; transform: translateX(-50%) translateY(0px); }
  25% { opacity: 1; transform: translateX(-50%) translateY(0px); }
  30% { opacity: 0; transform: translateX(-50%) translateY(-120px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes topToBottom { 
  0% { opacity: 0; }
  5% { opacity: 0; transform: translateX(-50%) translateY(120px); }
  10% { opacity: 1; transform: translateX(-50%) translateY(0px); }
  25% { opacity: 1; transform: translateX(-50%) translateY(0px); }
  30% { opacity: 0; transform: translateX(-50%) translateY(-120px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
input[type="number"] { }
body { min-height: 100vh; background: rgb(240, 240, 254); }
html { scroll-behavior: smooth; }
@font-face { font-family: "Titan One"; font-style: normal; font-weight: 300; src: url(""); }
@font-face { font-family: Kanit; font-style: normal; font-weight: 300; src: url("urn:scrapbook:download:error:https://dogshouse.io/assets/css/fonts/Kanit-Light.ttf"); }
@font-face { font-family: Kanit; font-style: italic; font-weight: 300; src: url("urn:scrapbook:download:error:https://dogshouse.io/assets/css/fonts/Kanit-LightItalic.ttf"); }
@font-face { font-family: Kanit; font-style: normal; font-weight: 400; src: url("urn:scrapbook:download:error:https://dogshouse.io/assets/css/fonts/Kanit-Regular.ttf"); }
@font-face { font-family: Kanit; font-style: italic; font-weight: 400; src: url("urn:scrapbook:download:error:https://dogshouse.io/assets/css/fonts/404"); }
@font-face { font-family: Kanit; font-style: normal; font-weight: 500; src: url("urn:scrapbook:download:error:https://dogshouse.io/assets/css/fonts/Kanit-Medium.ttf"); }
@font-face { font-family: Kanit; font-style: italic; font-weight: 500; src: url("urn:scrapbook:download:error:https://dogshouse.io/assets/css/fonts/Kanit-MediumItalic.ttf"); }
@font-face { font-family: Kanit; font-style: normal; font-weight: 600; src: url("urn:scrapbook:download:error:https://dogshouse.io/assets/css/fonts/Kanit-SemiBold.ttf"); }
@font-face { font-family: Kanit; font-style: italic; font-weight: 600; src: url("urn:scrapbook:download:error:https://dogshouse.io/assets/css/fonts/Kanit-SemiBoldItalic.ttf"); }
@font-face { font-family: Kanit; font-style: normal; font-weight: 700; src: url("urn:scrapbook:download:error:https://dogshouse.io/assets/css/fonts/Kanit-Bold.ttf"); }
@font-face { font-family: Kanit; font-style: italic; font-weight: 700; src: url("urn:scrapbook:download:error:https://dogshouse.io/assets/css/fonts/Kanit-BoldItalic.ttf"); }
@media (min-width: 0px) {
  .mui-1tosjd5 { padding-left: 18px; padding-right: 18px; }
}
@media (min-width: 600px) {
  .mui-1tosjd5 { padding-left: 28px; padding-right: 28px; }
}
@media (min-width: 900px) {
  .mui-1tosjd5 { padding-left: 32px; padding-right: 32px; }
}
.mui-cen534 { display: flex; max-width: 1340px; margin-left: auto; margin-right: auto; -webkit-box-align: center; align-items: center; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; background-color: white; position: relative; }
@media (min-width: 0px) {
  .mui-cen534 { height: 51px; margin-top: 20px; padding-left: 30px; padding-right: 30px; border-radius: 20px; }
}
@media (min-width: 900px) {
  .mui-cen534 { height: 90px; margin-top: 28px; padding-left: 50px; padding-right: 50px; border-radius: 30px; }
}
.mui-gtduhq { font-size: 14px; text-decoration: none; color: rgb(144, 146, 254); }
.mui-gtduhq:hover { text-decoration-color: inherit; }
.mui-1b7cp8o { margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-box-align: center; align-items: center; display: flex; font-size: 14px; text-decoration: none; color: rgb(144, 146, 254); }
.mui-1b7cp8o:hover { text-decoration-color: inherit; }
.mui-126dbsv { user-select: none; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; width: auto; }
@media (min-width: 0px) {
  .mui-126dbsv { height: 27px; }
}
@media (min-width: 600px) {
  .mui-126dbsv { height: 32px; }
}
@media (min-width: 900px) {
  .mui-126dbsv { height: 48px; }
}
.mui-1jf6k2d { list-style: none; margin: 0px; padding: 8px 0px; position: absolute; left: 50%; transform: translateX(-50%); height: 49px; border-radius: 25px; background-color: rgb(243, 244, 255); -webkit-box-align: center; align-items: center; }
@media (min-width: 0px) {
  .mui-1jf6k2d { display: none; column-gap: 16px; padding-left: 16px; padding-right: 16px; }
}
@media (min-width: 900px) {
  .mui-1jf6k2d { display: flex; font-size: 12px; }
}
@media (min-width: 1200px) {
  .mui-1jf6k2d { padding-left: 32px; padding-right: 32px; font-size: 14px; }
}
@media (min-width: 1536px) {
  .mui-1jf6k2d { column-gap: 64px; }
}
.mui-1i2t6am { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; padding: 0px; }
.mui-1i2t6am.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.mui-1i2t6am.Mui-selected { background-color: rgba(98, 102, 219, 0.08); }
.mui-1i2t6am.Mui-selected.Mui-focusVisible { background-color: rgba(98, 102, 219, 0.2); }
.mui-1i2t6am.Mui-disabled { opacity: 0.38; }
.mui-1bjkojr { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; color: rgb(0, 0, 0); position: relative; cursor: pointer; border-radius: 18px; height: 36px; padding-left: 22px; padding-right: 22px; transform: scaleY(1); background-color: transparent; }
.mui-1bjkojr > svg path { stroke: rgb(0, 0, 0); }
.mui-1bjkojr:hover { color: white; background-color: rgb(98, 102, 219); }
.mui-1bjkojr:hover > svg { transform: scaleY(-1); transition: transform 0.1s; }
.mui-1bjkojr:hover > svg path { stroke: white; }
.mui-sak25i { user-select: none; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; margin-left: 6px; height: auto; width: auto; }
.mui-2y0tf9 { position: absolute; padding-top: 43px; top: 0px; width: 238px; display: none; left: 50%; transform: translateX(-50%); }
.mui-1g75ona { list-style: none; margin: 0px; padding: 0px; position: relative; border-radius: 10px; background-color: rgb(220, 223, 252); }
.mui-4u5y97 { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); padding: 18px 16px; color: rgb(3, 3, 3); background-color: transparent; border-radius: 10px 10px 0px 0px; font-size: 16px; font-weight: 300; -webkit-box-pack: center; justify-content: center; }
.mui-4u5y97:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .mui-4u5y97:hover { background-color: transparent; }
}
.mui-4u5y97.Mui-selected { background-color: rgba(98, 102, 219, 0.08); }
.mui-4u5y97.Mui-selected.Mui-focusVisible { background-color: rgba(98, 102, 219, 0.2); }
.mui-4u5y97.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.12); }
@media (hover: none) {
  .mui-4u5y97.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.08); }
}
.mui-4u5y97.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.mui-4u5y97.Mui-disabled { opacity: 0.38; }
.mui-4u5y97:hover { color: white; background-color: rgb(98, 102, 219); }
.mui-1gozkv8 { -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); padding: 18px 16px; color: rgb(3, 3, 3); background-color: transparent; border-radius: 10px 10px 0px 0px; font-size: 16px; font-weight: 300; -webkit-box-pack: center; justify-content: center; }
.mui-1gozkv8.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-1gozkv8 { -webkit-print-color-adjust: exact; }
}
.mui-1gozkv8.Mui-disabled { opacity: 0.5; }
.mui-1gozkv8:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .mui-1gozkv8:hover { background-color: transparent; }
}
.mui-1gozkv8.Mui-selected { background-color: rgba(98, 102, 219, 0.08); }
.mui-1gozkv8.Mui-selected.Mui-focusVisible { background-color: rgba(98, 102, 219, 0.2); }
.mui-1gozkv8.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.12); }
@media (hover: none) {
  .mui-1gozkv8.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.08); }
}
.mui-1gozkv8.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.mui-1gozkv8.Mui-disabled { opacity: 0.38; }
.mui-1gozkv8:hover { color: white; background-color: rgb(98, 102, 219); }
.mui-wjwvdf { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); padding: 18px 16px; color: rgb(3, 3, 3); background-color: transparent; border-radius: 0px 0px 10px 10px; font-size: 16px; font-weight: 300; -webkit-box-pack: center; justify-content: center; }
.mui-wjwvdf:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .mui-wjwvdf:hover { background-color: transparent; }
}
.mui-wjwvdf.Mui-selected { background-color: rgba(98, 102, 219, 0.08); }
.mui-wjwvdf.Mui-selected.Mui-focusVisible { background-color: rgba(98, 102, 219, 0.2); }
.mui-wjwvdf.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.12); }
@media (hover: none) {
  .mui-wjwvdf.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.08); }
}
.mui-wjwvdf.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.mui-wjwvdf.Mui-disabled { opacity: 0.38; }
.mui-wjwvdf:hover { color: white; background-color: rgb(98, 102, 219); }
.mui-1jyxa6m { -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); padding: 18px 16px; color: rgb(3, 3, 3); background-color: transparent; border-radius: 0px 0px 10px 10px; font-size: 16px; font-weight: 300; -webkit-box-pack: center; justify-content: center; }
.mui-1jyxa6m.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-1jyxa6m { -webkit-print-color-adjust: exact; }
}
.mui-1jyxa6m.Mui-disabled { opacity: 0.5; }
.mui-1jyxa6m:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .mui-1jyxa6m:hover { background-color: transparent; }
}
.mui-1jyxa6m.Mui-selected { background-color: rgba(98, 102, 219, 0.08); }
.mui-1jyxa6m.Mui-selected.Mui-focusVisible { background-color: rgba(98, 102, 219, 0.2); }
.mui-1jyxa6m.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.12); }
@media (hover: none) {
  .mui-1jyxa6m.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.08); }
}
.mui-1jyxa6m.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.mui-1jyxa6m.Mui-disabled { opacity: 0.38; }
.mui-1jyxa6m:hover { color: white; background-color: rgb(98, 102, 219); }
.mui-dvhjdb { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); color: rgb(0, 0, 0); white-space: nowrap; padding: 0px 22px; border-radius: 18px; height: 36px; background-color: transparent; }
.mui-dvhjdb:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .mui-dvhjdb:hover { background-color: transparent; }
}
.mui-dvhjdb.Mui-selected { background-color: rgba(98, 102, 219, 0.08); }
.mui-dvhjdb.Mui-selected.Mui-focusVisible { background-color: rgba(98, 102, 219, 0.2); }
.mui-dvhjdb.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.12); }
@media (hover: none) {
  .mui-dvhjdb.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.08); }
}
.mui-dvhjdb.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.mui-dvhjdb.Mui-disabled { opacity: 0.38; }
.mui-dvhjdb:hover { color: white; background-color: rgb(98, 102, 219); }
.mui-1b13zvs { -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); color: rgb(0, 0, 0); white-space: nowrap; padding: 0px 22px; border-radius: 18px; height: 36px; background-color: transparent; }
.mui-1b13zvs.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-1b13zvs { -webkit-print-color-adjust: exact; }
}
.mui-1b13zvs.Mui-disabled { opacity: 0.5; }
.mui-1b13zvs:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .mui-1b13zvs:hover { background-color: transparent; }
}
.mui-1b13zvs.Mui-selected { background-color: rgba(98, 102, 219, 0.08); }
.mui-1b13zvs.Mui-selected.Mui-focusVisible { background-color: rgba(98, 102, 219, 0.2); }
.mui-1b13zvs.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.12); }
@media (hover: none) {
  .mui-1b13zvs.Mui-selected:hover { background-color: rgba(98, 102, 219, 0.08); }
}
.mui-1b13zvs.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.mui-1b13zvs.Mui-disabled { opacity: 0.38; }
.mui-1b13zvs:hover { color: white; background-color: rgb(98, 102, 219); }
.mui-1ogxf3p { font-family: Kanit; min-width: 64px; padding: 8px 22px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; color: white; background: rgb(98, 102, 219); border-radius: 20px; }
.mui-1ogxf3p:hover { text-decoration: none; background-color: rgb(68, 71, 153); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .mui-1ogxf3p:hover { background-color: rgb(98, 102, 219); }
}
.mui-1ogxf3p:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.mui-1ogxf3p.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.mui-1ogxf3p.Mui-disabled { color: rgb(255, 255, 255); box-shadow: none; background-color: rgb(151, 151, 151); }
.mui-1ogxf3p.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-1ogxf3p.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-1ogxf3p { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-1ogxf3p svg path { fill: white; }
.mui-1ogxf3p svg circle { stroke: white; }
@media (min-width: 0px) {
  .mui-1ogxf3p { display: none; }
}
@media (min-width: 900px) {
  .mui-1ogxf3p { display: flex; }
}
.mui-1ogxf3p:hover { color: white; }
.mui-1ogxf3p.mui-1ogxf3p { font-size: 14px; font-weight: 400; }
.mui-b8bzkh { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 8px 22px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; color: white; background: rgb(98, 102, 219); border-radius: 20px; }
.mui-b8bzkh.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-b8bzkh { -webkit-print-color-adjust: exact; }
}
.mui-b8bzkh.Mui-disabled { opacity: 0.5; }
.mui-b8bzkh:hover { text-decoration: none; background-color: rgb(68, 71, 153); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .mui-b8bzkh:hover { background-color: rgb(98, 102, 219); }
}
.mui-b8bzkh:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.mui-b8bzkh.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.mui-b8bzkh.Mui-disabled { color: rgb(255, 255, 255); box-shadow: none; background-color: rgb(151, 151, 151); }
.mui-b8bzkh.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-b8bzkh.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-b8bzkh { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-b8bzkh svg path { fill: white; }
.mui-b8bzkh svg circle { stroke: white; }
@media (min-width: 0px) {
  .mui-b8bzkh { display: none; }
}
@media (min-width: 900px) {
  .mui-b8bzkh { display: flex; }
}
.mui-b8bzkh:hover { color: white; }
.mui-b8bzkh.mui-b8bzkh { font-size: 14px; font-weight: 400; }
.mui-t3qvy { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 8px 22px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; color: white; background: rgb(98, 102, 219); border-radius: 20px; }
.mui-t3qvy:hover { text-decoration-color: inherit; }
.mui-t3qvy.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-t3qvy { -webkit-print-color-adjust: exact; }
}
.mui-t3qvy.Mui-disabled { opacity: 0.5; }
.mui-t3qvy:hover { text-decoration: none; background-color: rgb(68, 71, 153); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .mui-t3qvy:hover { background-color: rgb(98, 102, 219); }
}
.mui-t3qvy:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.mui-t3qvy.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.mui-t3qvy.Mui-disabled { color: rgb(255, 255, 255); box-shadow: none; background-color: rgb(151, 151, 151); }
.mui-t3qvy.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-t3qvy.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-t3qvy { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-t3qvy svg path { fill: white; }
.mui-t3qvy svg circle { stroke: white; }
@media (min-width: 0px) {
  .mui-t3qvy { display: none; }
}
@media (min-width: 900px) {
  .mui-t3qvy { display: flex; }
}
.mui-t3qvy:hover { color: white; }
.mui-t3qvy.mui-t3qvy { font-size: 14px; font-weight: 400; }
.mui-17mqgz9 { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 8px 22px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; color: white; background: rgb(98, 102, 219); border-radius: 20px; }
.mui-17mqgz9:hover { text-decoration-color: inherit; }
.mui-17mqgz9.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-17mqgz9 { -webkit-print-color-adjust: exact; }
}
.mui-17mqgz9.Mui-disabled { opacity: 0.5; }
.mui-17mqgz9:hover { text-decoration: none; background-color: rgb(68, 71, 153); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .mui-17mqgz9:hover { background-color: rgb(98, 102, 219); }
}
.mui-17mqgz9:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.mui-17mqgz9.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.mui-17mqgz9.Mui-disabled { color: rgb(255, 255, 255); box-shadow: none; background-color: rgb(151, 151, 151); }
.mui-17mqgz9.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-17mqgz9.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-17mqgz9 { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-17mqgz9 svg path { fill: white; }
.mui-17mqgz9 svg circle { stroke: white; }
@media (min-width: 0px) {
  .mui-17mqgz9 { display: none; }
}
@media (min-width: 900px) {
  .mui-17mqgz9 { display: flex; }
}
.mui-17mqgz9:hover { color: white; }
.mui-17mqgz9.mui-17mqgz9 { font-size: 14px; font-weight: 400; }
.mui-1w863n0 { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; cursor: pointer; }
@media (min-width: 900px) {
  .mui-1w863n0 { display: none; }
}
.mui-hp4thc { z-index: 1200; }
@media (min-width: 0px) {
  .mui-hp4thc { display: block; }
}
@media (min-width: 900px) {
  .mui-hp4thc { display: -webkit-box; }
}
.mui-hp4thc .MuiDrawer-paper { width: calc(-40px + 100vw); height: initial; margin-left: 20px; margin-right: 20px; margin-top: 20px; background-color: white; border-radius: 20px; }
.mui-hp4thc .MuiBackdrop-root { background-color: transparent; }
.mui-b5ght0 { display: flex; flex-direction: column; height: 100vh; position: relative; overflow: hidden; -webkit-box-pack: center; justify-content: center; }
@media (min-width: 0px) {
  .mui-b5ght0 { min-height: 600px; max-height: 750px; padding-top: 56px; }
}
@media (min-width: 900px) {
  .mui-b5ght0 { min-height: 870px; max-height: 1300px; padding-top: 0px; }
}
.mui-s7eb24 { position: relative; overflow: hidden; z-index: 2; max-width: 1170px; width: 80%; margin-left: auto; margin-right: auto; }
.mui-1c9yc9c { margin: 0px; font-family: Kanit; font-weight: 400; font-size: 0.75rem; line-height: 1.66; text-align: center; color: rgb(255, 255, 255); }
@media (min-width: 0px) {
  .mui-1c9yc9c { line-height: 21.5px; font-size: 20px; margin-bottom: 24px; }
}
@media (min-width: 900px) {
  .mui-1c9yc9c { line-height: 114.5px; font-size: 58px; margin-bottom: 32px; }
}
.mui-j7932t { display: flex; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; -webkit-box-align: center; align-items: center; font-weight: 600; }
@media (min-width: 0px) {
  .mui-j7932t { font-size: 42px; }
}
@media (min-width: 900px) {
  .mui-j7932t { font-size: 85px; }
}
.mui-gue76a { display: flex; z-index: 2; flex-direction: row; -webkit-box-align: center; align-items: center; border: 0.5px solid rgb(98, 102, 219); background: rgb(98, 102, 219); position: relative; overflow: hidden; }
@media (min-width: 0px) {
  .mui-gue76a { border-radius: 7px; width: 300px; height: 50px; }
}
@media (min-width: 900px) {
  .mui-gue76a { border-radius: 15px; width: 571px; height: 100px; }
}
.mui-gue76a > span { animation: 12.5s linear 0s infinite normal none running topToBottom; opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; height: 100%; }
.mui-gue76a > span:nth-child(2) { animation-delay: 2.5s; }
.mui-gue76a > span:nth-child(3) { animation-delay: 5s; }
.mui-gue76a > span:nth-child(4) { animation-delay: 7.5s; }
.mui-gue76a > span:nth-child(5) { animation-delay: 10s; }
.mui-c01u7g { margin: 0px; font-family: Kanit; font-size: 0.75rem; color: rgb(255, 255, 255); line-height: 1.34em; font-weight: 600; }
@media (min-width: 0px) {
  .mui-c01u7g { font-size: 36px; margin-left: 0px; }
}
@media (min-width: 600px) {
  .mui-c01u7g { margin-left: 8px; }
}
@media (min-width: 900px) {
  .mui-c01u7g { font-size: 85px; margin-left: 24px; }
}
.mui-1ep9xk6 { display: flex; flex-direction: row; }
@media (min-width: 0px) {
  .mui-1ep9xk6 { -webkit-box-pack: center; justify-content: center; margin-top: 108px; }
}
@media (min-width: 900px) {
  .mui-1ep9xk6 { -webkit-box-pack: center; justify-content: center; margin-top: 64px; }
}
.mui-53g7p2 { font-family: Kanit; min-width: 64px; padding: 7px 21px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; background: white; color: rgb(98, 102, 219); border: 1px solid rgb(98, 102, 219); }
.mui-53g7p2:hover { text-decoration: none; background-color: rgba(98, 102, 219, 0.04); border: 1px solid rgb(98, 102, 219); }
@media (hover: none) {
  .mui-53g7p2:hover { background-color: transparent; }
}
.mui-53g7p2.Mui-disabled { color: rgb(255, 255, 255); border: 1px solid rgb(151, 151, 151); }
.mui-53g7p2.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-53g7p2.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-53g7p2 { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-53g7p2 .MuiButton-endIcon svg path, .mui-53g7p2 .MuiButton-startIcon svg path { fill: rgb(98, 102, 219); }
.mui-53g7p2 .MuiButton-endIcon svg circle, .mui-53g7p2 .MuiButton-startIcon svg circle { stroke: rgb(98, 102, 219); }
.mui-53g7p2:hover { color: white; background: rgb(98, 102, 219); }
.mui-53g7p2:hover svg path { fill: white; }
.mui-53g7p2:hover svg circle { stroke: white; }
.mui-53g7p2 svg path { fill: rgb(255, 255, 255); transition: fill 0.2s ease-out 0.05s; }
@media (min-width: 0px) {
  .mui-53g7p2 { width: 155px; margin-right: 8px; }
}
@media (min-width: 900px) {
  .mui-53g7p2 { width: 300px; margin-right: 18px; }
}
.mui-cp6iwz { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 7px 21px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; background: white; color: rgb(98, 102, 219); border: 1px solid rgb(98, 102, 219); }
.mui-cp6iwz.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-cp6iwz { -webkit-print-color-adjust: exact; }
}
.mui-cp6iwz.Mui-disabled { opacity: 0.5; }
.mui-cp6iwz:hover { text-decoration: none; background-color: rgba(98, 102, 219, 0.04); border: 1px solid rgb(98, 102, 219); }
@media (hover: none) {
  .mui-cp6iwz:hover { background-color: transparent; }
}
.mui-cp6iwz.Mui-disabled { color: rgb(255, 255, 255); border: 1px solid rgb(151, 151, 151); }
.mui-cp6iwz.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-cp6iwz.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-cp6iwz { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-cp6iwz .MuiButton-endIcon svg path, .mui-cp6iwz .MuiButton-startIcon svg path { fill: rgb(98, 102, 219); }
.mui-cp6iwz .MuiButton-endIcon svg circle, .mui-cp6iwz .MuiButton-startIcon svg circle { stroke: rgb(98, 102, 219); }
.mui-cp6iwz:hover { color: white; background: rgb(98, 102, 219); }
.mui-cp6iwz:hover svg path { fill: white; }
.mui-cp6iwz:hover svg circle { stroke: white; }
.mui-cp6iwz svg path { fill: rgb(255, 255, 255); transition: fill 0.2s ease-out 0.05s; }
@media (min-width: 0px) {
  .mui-cp6iwz { width: 155px; margin-right: 8px; }
}
@media (min-width: 900px) {
  .mui-cp6iwz { width: 300px; margin-right: 18px; }
}
.mui-9rejr4 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 7px 21px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; background: white; color: rgb(98, 102, 219); border: 1px solid rgb(98, 102, 219); }
.mui-9rejr4:hover { text-decoration-color: inherit; }
.mui-9rejr4.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-9rejr4 { -webkit-print-color-adjust: exact; }
}
.mui-9rejr4.Mui-disabled { opacity: 0.5; }
.mui-9rejr4:hover { text-decoration: none; background-color: rgba(98, 102, 219, 0.04); border: 1px solid rgb(98, 102, 219); }
@media (hover: none) {
  .mui-9rejr4:hover { background-color: transparent; }
}
.mui-9rejr4.Mui-disabled { color: rgb(255, 255, 255); border: 1px solid rgb(151, 151, 151); }
.mui-9rejr4.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-9rejr4.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-9rejr4 { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-9rejr4 .MuiButton-endIcon svg path, .mui-9rejr4 .MuiButton-startIcon svg path { fill: rgb(98, 102, 219); }
.mui-9rejr4 .MuiButton-endIcon svg circle, .mui-9rejr4 .MuiButton-startIcon svg circle { stroke: rgb(98, 102, 219); }
.mui-9rejr4:hover { color: white; background: rgb(98, 102, 219); }
.mui-9rejr4:hover svg path { fill: white; }
.mui-9rejr4:hover svg circle { stroke: white; }
.mui-9rejr4 svg path { fill: rgb(255, 255, 255); transition: fill 0.2s ease-out 0.05s; }
@media (min-width: 0px) {
  .mui-9rejr4 { width: 155px; margin-right: 8px; }
}
@media (min-width: 900px) {
  .mui-9rejr4 { width: 300px; margin-right: 18px; }
}
.mui-r9hb4k { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 7px 21px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; background: white; color: rgb(98, 102, 219); border: 1px solid rgb(98, 102, 219); }
.mui-r9hb4k:hover { text-decoration-color: inherit; }
.mui-r9hb4k.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-r9hb4k { -webkit-print-color-adjust: exact; }
}
.mui-r9hb4k.Mui-disabled { opacity: 0.5; }
.mui-r9hb4k:hover { text-decoration: none; background-color: rgba(98, 102, 219, 0.04); border: 1px solid rgb(98, 102, 219); }
@media (hover: none) {
  .mui-r9hb4k:hover { background-color: transparent; }
}
.mui-r9hb4k.Mui-disabled { color: rgb(255, 255, 255); border: 1px solid rgb(151, 151, 151); }
.mui-r9hb4k.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-r9hb4k.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-r9hb4k { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-r9hb4k .MuiButton-endIcon svg path, .mui-r9hb4k .MuiButton-startIcon svg path { fill: rgb(98, 102, 219); }
.mui-r9hb4k .MuiButton-endIcon svg circle, .mui-r9hb4k .MuiButton-startIcon svg circle { stroke: rgb(98, 102, 219); }
.mui-r9hb4k:hover { color: white; background: rgb(98, 102, 219); }
.mui-r9hb4k:hover svg path { fill: white; }
.mui-r9hb4k:hover svg circle { stroke: white; }
.mui-r9hb4k svg path { fill: rgb(255, 255, 255); transition: fill 0.2s ease-out 0.05s; }
@media (min-width: 0px) {
  .mui-r9hb4k { width: 155px; margin-right: 8px; }
}
@media (min-width: 900px) {
  .mui-r9hb4k { width: 300px; margin-right: 18px; }
}
.mui-1ab87kf { display: inherit; margin-right: -4px; margin-left: 8px; }
.mui-1ab87kf > :nth-of-type(1) { font-size: 22px; }
.mui-1kha3h3 { user-select: none; width: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; height: auto; }
@media (min-width: 0px) {
  .mui-1kha3h3 { width: 12px; }
}
@media (min-width: 900px) {
  .mui-1kha3h3 { width: 23px; }
}
.mui-dttv3a { font-family: Kanit; min-width: 64px; padding: 8px 22px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; color: white; background: rgb(98, 102, 219); }
.mui-dttv3a:hover { text-decoration: none; background-color: rgb(68, 71, 153); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .mui-dttv3a:hover { background-color: rgb(98, 102, 219); }
}
.mui-dttv3a:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.mui-dttv3a.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.mui-dttv3a.Mui-disabled { color: rgb(255, 255, 255); box-shadow: none; background-color: rgb(151, 151, 151); }
.mui-dttv3a.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-dttv3a.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-dttv3a { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-dttv3a svg path { fill: white; }
.mui-dttv3a svg circle { stroke: white; }
@media (min-width: 0px) {
  .mui-dttv3a { width: 155px; }
}
@media (min-width: 900px) {
  .mui-dttv3a { width: 300px; }
}
.mui-1u5sup7 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 8px 22px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; color: white; background: rgb(98, 102, 219); }
.mui-1u5sup7.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-1u5sup7 { -webkit-print-color-adjust: exact; }
}
.mui-1u5sup7.Mui-disabled { opacity: 0.5; }
.mui-1u5sup7:hover { text-decoration: none; background-color: rgb(68, 71, 153); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .mui-1u5sup7:hover { background-color: rgb(98, 102, 219); }
}
.mui-1u5sup7:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.mui-1u5sup7.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.mui-1u5sup7.Mui-disabled { color: rgb(255, 255, 255); box-shadow: none; background-color: rgb(151, 151, 151); }
.mui-1u5sup7.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-1u5sup7.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-1u5sup7 { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-1u5sup7 svg path { fill: white; }
.mui-1u5sup7 svg circle { stroke: white; }
@media (min-width: 0px) {
  .mui-1u5sup7 { width: 155px; }
}
@media (min-width: 900px) {
  .mui-1u5sup7 { width: 300px; }
}
.mui-b5j83g { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 8px 22px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; color: white; background: rgb(98, 102, 219); }
.mui-b5j83g:hover { text-decoration-color: inherit; }
.mui-b5j83g.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-b5j83g { -webkit-print-color-adjust: exact; }
}
.mui-b5j83g.Mui-disabled { opacity: 0.5; }
.mui-b5j83g:hover { text-decoration: none; background-color: rgb(68, 71, 153); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .mui-b5j83g:hover { background-color: rgb(98, 102, 219); }
}
.mui-b5j83g:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.mui-b5j83g.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.mui-b5j83g.Mui-disabled { color: rgb(255, 255, 255); box-shadow: none; background-color: rgb(151, 151, 151); }
.mui-b5j83g.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-b5j83g.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-b5j83g { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-b5j83g svg path { fill: white; }
.mui-b5j83g svg circle { stroke: white; }
@media (min-width: 0px) {
  .mui-b5j83g { width: 155px; }
}
@media (min-width: 900px) {
  .mui-b5j83g { width: 300px; }
}
.mui-1u2o4xb { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 8px 22px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; color: white; background: rgb(98, 102, 219); }
.mui-1u2o4xb:hover { text-decoration-color: inherit; }
.mui-1u2o4xb.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-1u2o4xb { -webkit-print-color-adjust: exact; }
}
.mui-1u2o4xb.Mui-disabled { opacity: 0.5; }
.mui-1u2o4xb:hover { text-decoration: none; background-color: rgb(68, 71, 153); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .mui-1u2o4xb:hover { background-color: rgb(98, 102, 219); }
}
.mui-1u2o4xb:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.mui-1u2o4xb.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.mui-1u2o4xb.Mui-disabled { color: rgb(255, 255, 255); box-shadow: none; background-color: rgb(151, 151, 151); }
.mui-1u2o4xb.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-1u2o4xb.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-1u2o4xb { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-1u2o4xb svg path { fill: white; }
.mui-1u2o4xb svg circle { stroke: white; }
@media (min-width: 0px) {
  .mui-1u2o4xb { width: 155px; }
}
@media (min-width: 900px) {
  .mui-1u2o4xb { width: 300px; }
}
@media (min-width: 0px) {
  .mui-8h21rp { margin-top: 36px; }
}
@media (min-width: 900px) {
  .mui-8h21rp { margin-top: 76px; }
}
.mui-1taxp30 { margin: 0px; font-family: Kanit; font-size: 0.75rem; line-height: 1.66; color: rgb(0, 0, 0); font-weight: 300; letter-spacing: 1.21px; }
@media (min-width: 0px) {
  .mui-1taxp30 { margin-bottom: 16px; font-size: 8px; text-align: center; }
}
@media (min-width: 900px) {
  .mui-1taxp30 { margin-bottom: 26px; font-size: 11px; text-align: center; }
}
.mui-reyg0b { display: flex; -webkit-box-align: center; align-items: center; flex-flow: wrap; }
@media (min-width: 0px) {
  .mui-reyg0b { -webkit-box-pack: center; justify-content: center; }
}
@media (min-width: 900px) {
  .mui-reyg0b { -webkit-box-pack: center; justify-content: center; }
}
.mui-g4iop8 > img, .mui-g4iop8 > svg { width: auto; height: auto; }
@media (min-width: 0px) {
  .mui-g4iop8 > img, .mui-g4iop8 > svg { max-height: 23.5px; max-width: 23.5px; margin-right: 16px; }
}
@media (min-width: 900px) {
  .mui-g4iop8 > img, .mui-g4iop8 > svg { max-height: 44px; max-width: 57.5px; margin-right: 40px; }
}
.mui-g4iop8:last-of-type > img, .mui-g4iop8:last-of-type > svg { margin-right: 0px; }
.mui-kfg32f { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; }
.mui-15wffey { display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: black; font-weight: 500; }
@media (min-width: 0px) {
  .mui-15wffey { font-size: 10px; letter-spacing: 1.1px; display: none; margin-left: 24px; }
}
@media (min-width: 900px) {
  .mui-15wffey { font-size: 15px; letter-spacing: 1.65px; display: flex; margin-left: 40px; }
}
.mui-1g50w5h { font-size: 14px; text-decoration: none; display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: black; font-weight: 500; }
.mui-1g50w5h:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-1g50w5h { font-size: 10px; letter-spacing: 1.1px; display: none; margin-left: 24px; }
}
@media (min-width: 900px) {
  .mui-1g50w5h { font-size: 15px; letter-spacing: 1.65px; display: flex; margin-left: 40px; }
}
.mui-jesbmr { margin: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; text-decoration: none; display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: black; font-weight: 500; }
.mui-jesbmr:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-jesbmr { font-size: 10px; letter-spacing: 1.1px; display: none; margin-left: 24px; }
}
@media (min-width: 900px) {
  .mui-jesbmr { font-size: 15px; letter-spacing: 1.65px; display: flex; margin-left: 40px; }
}
.mui-cqftf1 { user-select: none; width: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; height: auto; margin-left: 8px; }
@media (min-width: 0px) {
  .mui-cqftf1 { width: 10px; }
}
@media (min-width: 900px) {
  .mui-cqftf1 { width: 16px; }
}
.mui-cqftf1 path { fill: black; }
.mui-cqftf1 circle { stroke: black; }
.mui-acyl43 { display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: black; font-weight: 500; margin-top: 18px; }
@media (min-width: 0px) {
  .mui-acyl43 { font-size: 10px; letter-spacing: 1.1px; display: flex; }
}
@media (min-width: 900px) {
  .mui-acyl43 { font-size: 15px; letter-spacing: 1.65px; display: none; }
}
.mui-29cs4n { font-size: 14px; text-decoration: none; display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: black; font-weight: 500; margin-top: 18px; }
.mui-29cs4n:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-29cs4n { font-size: 10px; letter-spacing: 1.1px; display: flex; }
}
@media (min-width: 900px) {
  .mui-29cs4n { font-size: 15px; letter-spacing: 1.65px; display: none; }
}
.mui-1ynkz10 { margin: 18px 0px 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; text-decoration: none; display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: black; font-weight: 500; }
.mui-1ynkz10:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-1ynkz10 { font-size: 10px; letter-spacing: 1.1px; display: flex; }
}
@media (min-width: 900px) {
  .mui-1ynkz10 { font-size: 15px; letter-spacing: 1.65px; display: none; }
}
.mui-l9xpwv { position: absolute; top: -10px; bottom: 0px; user-select: none; opacity: 0.4; }
@media (min-width: 0px) {
  .mui-l9xpwv { left: max(-585px + 50vw, 0px); right: max(-585px + 50vw, 0px); }
}
@media (min-width: 900px) {
  .mui-l9xpwv { left: max(-585px + 50vw, 0px); right: max(-585px + 50vw, 0px); }
}
.mui-zjx1px > img { z-index: 1; position: absolute; right: -350px; top: 56%; transform: translateY(-50%); height: auto; }
@media (min-width: 0px) {
  .mui-zjx1px > img { width: 860px; }
}
@media (min-width: 900px) {
  .mui-zjx1px > img { width: 1012px; }
}
.mui-1ikst3y { background-color: rgb(98, 102, 219); }
@media (min-width: 0px) {
  .mui-bctuo1 { padding-left: 18px; padding-right: 18px; }
}
@media (min-width: 600px) {
  .mui-bctuo1 { padding-left: 28px; padding-right: 28px; }
}
@media (min-width: 900px) {
  .mui-bctuo1 { padding-left: 32px; padding-right: 32px; }
}
.mui-qqinhj { max-width: 1170px; width: 100%; margin: auto; }
@media (min-width: 0px) {
  .mui-qqinhj { padding-top: 94px; padding-bottom: 94px; }
}
@media (min-width: 900px) {
  .mui-qqinhj { padding-top: 84px; padding-bottom: 104px; }
}
.mui-1d3bbye { box-sizing: border-box; display: flex; flex-flow: wrap; width: 100%; }
.mui-kv0qfu { box-sizing: border-box; display: flex; flex-flow: wrap; width: 100%; margin: 0px; flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%; }
@media (min-width: 600px) {
  .mui-kv0qfu { flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%; }
}
@media (min-width: 900px) {
  .mui-kv0qfu { flex-basis: 41.6667%; -webkit-box-flex: 0; flex-grow: 0; max-width: 41.6667%; }
}
@media (min-width: 1200px) {
  .mui-kv0qfu { flex-basis: 41.6667%; -webkit-box-flex: 0; flex-grow: 0; max-width: 41.6667%; }
}
@media (min-width: 1536px) {
  .mui-kv0qfu { flex-basis: 41.6667%; -webkit-box-flex: 0; flex-grow: 0; max-width: 41.6667%; }
}
@media (min-width: 0px) {
  .mui-kv0qfu { align-items: flex-start; }
}
@media (min-width: 900px) {
  .mui-kv0qfu { -webkit-box-align: center; align-items: center; }
}
@media (min-width: 0px) {
  .mui-31evcl { margin-bottom: 44px; }
}
@media (min-width: 900px) {
  .mui-31evcl { margin-bottom: 0px; }
}
.mui-kzl8v0 { margin: 0px; font-family: Kanit; font-weight: 700; line-height: 60px; font-size: 35px; }
@media (min-width: 600px) {
  .mui-kzl8v0 { font-size: 3.125rem; }
}
@media (min-width: 900px) {
  .mui-kzl8v0 { font-size: 3.3333rem; }
}
@media (min-width: 1200px) {
  .mui-kzl8v0 { font-size: 3.75rem; }
}
@media (min-width: 600px) {
  .mui-kzl8v0 { font-size: 35px; }
}
@media (min-width: 900px) {
  .mui-kzl8v0 { font-size: 50px; }
}
@media (min-width: 0px) {
  .mui-kzl8v0 { padding-left: 12px; margin-bottom: 0px; }
}
@media (min-width: 900px) {
  .mui-kzl8v0 { padding-left: 0px; margin-bottom: 28px; }
}
.mui-ch5zk2 { margin: 0px; font-family: Kanit; font-size: 0.75rem; line-height: 1.66; font-weight: 500; }
@media (min-width: 0px) {
  .mui-ch5zk2 { padding-left: 12px; font-size: 16px; line-height: 1.593em; }
}
@media (min-width: 900px) {
  .mui-ch5zk2 { padding-left: 0px; font-size: 25px; line-height: 1.62; }
}
.mui-10mxbex { box-sizing: border-box; margin: 0px; flex-direction: row; flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%; }
@media (min-width: 600px) {
  .mui-10mxbex { flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%; }
}
@media (min-width: 900px) {
  .mui-10mxbex { flex-basis: 8.33333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 8.33333%; }
}
@media (min-width: 1200px) {
  .mui-10mxbex { flex-basis: 8.33333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 8.33333%; }
}
@media (min-width: 1536px) {
  .mui-10mxbex { flex-basis: 8.33333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 8.33333%; }
}
.mui-iol86l { box-sizing: border-box; margin: 0px; flex-direction: row; flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%; }
@media (min-width: 600px) {
  .mui-iol86l { flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%; }
}
@media (min-width: 900px) {
  .mui-iol86l { flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%; }
}
@media (min-width: 1200px) {
  .mui-iol86l { flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%; }
}
@media (min-width: 1536px) {
  .mui-iol86l { flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%; }
}
.mui-tvejtd { overflow: hidden; position: relative; display: flex; }
@media (min-width: 0px) {
  .mui-tvejtd { min-height: 55px; border-radius: 20px; padding: 8px 28px 8px 24px; margin-bottom: 26px; }
}
@media (min-width: 900px) {
  .mui-tvejtd { min-height: 226px; border-radius: 50px; padding: 32px 96px 32px 64px; margin-bottom: 38px; }
}
.mui-1awp4mo { background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px; overflow: hidden; position: relative; display: flex; }
@media (min-width: 0px) {
  .mui-1awp4mo { min-height: 55px; border-radius: 20px; padding: 8px 28px 8px 24px; margin-bottom: 26px; }
}
@media (min-width: 900px) {
  .mui-1awp4mo { min-height: 226px; border-radius: 50px; padding: 32px 96px 32px 64px; margin-bottom: 38px; }
}
.mui-rwb2bu { position: absolute; z-index: 0; top: 0px; right: 0px; }
@media (min-width: 0px) {
  .mui-rwb2bu > img { width: 110px; }
}
@media (min-width: 900px) {
  .mui-rwb2bu > img { width: 193px; }
}
.mui-12blb1w { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; position: relative; z-index: 2; padding: 0px; }
.mui-tq3fqc { margin: 0px; font-family: Kanit; font-size: 0.75rem; line-height: 1.66; font-weight: 500; color: rgb(98, 102, 219); }
@media (min-width: 0px) {
  .mui-tq3fqc { line-height: 47px; font-size: 30px; }
}
@media (min-width: 900px) {
  .mui-tq3fqc { line-height: 75px; font-size: 60px; }
}
.mui-1nuvm8d { user-select: none; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; width: auto; position: absolute; }
@media (min-width: 0px) {
  .mui-1nuvm8d { height: 32px; bottom: 16px; right: 15px; }
}
@media (min-width: 900px) {
  .mui-1nuvm8d { height: 52px; bottom: 35px; right: 26px; }
}
.mui-g5ky09 { overflow: hidden; position: relative; display: flex; }
@media (min-width: 0px) {
  .mui-g5ky09 { min-height: 55px; border-radius: 20px; padding: 8px 28px 8px 24px; }
}
@media (min-width: 900px) {
  .mui-g5ky09 { min-height: 226px; border-radius: 50px; padding: 32px 96px 32px 64px; }
}
.mui-z93pj2 { background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px; overflow: hidden; position: relative; display: flex; }
@media (min-width: 0px) {
  .mui-z93pj2 { min-height: 55px; border-radius: 20px; padding: 8px 28px 8px 24px; }
}
@media (min-width: 900px) {
  .mui-z93pj2 { min-height: 226px; border-radius: 50px; padding: 32px 96px 32px 64px; }
}
.mui-lkct8i { position: absolute; z-index: 0; top: 0px; right: 0px; }
.mui-lkct8i > img { top: -30px; position: relative; }
@media (min-width: 0px) {
  .mui-lkct8i > img { width: 154px; }
}
@media (min-width: 900px) {
  .mui-lkct8i > img { width: 274px; }
}
.mui-1qscbdt { max-width: 1170px; margin-left: auto; margin-right: auto; }
@media (min-width: 0px) {
  .mui-1qscbdt { padding-top: 68px; padding-bottom: 116px; }
}
@media (min-width: 900px) {
  .mui-1qscbdt { padding-top: 124px; padding-bottom: 166px; }
}
.mui-1bg2d5q { margin: 0px; font-family: Kanit; font-weight: 700; line-height: 60px; font-size: 35px; color: black; }
@media (min-width: 600px) {
  .mui-1bg2d5q { font-size: 3.125rem; }
}
@media (min-width: 900px) {
  .mui-1bg2d5q { font-size: 3.3333rem; }
}
@media (min-width: 1200px) {
  .mui-1bg2d5q { font-size: 3.75rem; }
}
@media (min-width: 600px) {
  .mui-1bg2d5q { font-size: 35px; }
}
@media (min-width: 900px) {
  .mui-1bg2d5q { font-size: 50px; }
}
@media (min-width: 0px) {
  .mui-1bg2d5q { margin-bottom: 32px; }
}
@media (min-width: 900px) {
  .mui-1bg2d5q { margin-bottom: 84px; }
}
.mui-1mbm5ob { text-align: right; margin-bottom: 28px; }
@media (min-width: 0px) {
  .mui-1mbm5ob { display: block; }
}
@media (min-width: 900px) {
  .mui-1mbm5ob { display: none; }
}
@media (min-width: 0px) {
  .mui-j5oimr { width: 100%; }
}
@media (min-width: 900px) {
  .mui-j5oimr { width: initial; }
}
.mui-j5oimr > .MuiOutlinedInput-root > input { border-radius: 0px 30px 30px 0px; }
.mui-j5oimr .MuiInputBase-root { background: white; border-radius: 30px; }
.mui-6cz23o { display: inline-flex; flex-direction: column; position: relative; min-width: 0px; padding: 0px; margin: 0px; border: 0px; vertical-align: top; }
@media (min-width: 0px) {
  .mui-6cz23o { width: 100%; }
}
@media (min-width: 900px) {
  .mui-6cz23o { width: initial; }
}
.mui-6cz23o > .MuiOutlinedInput-root > input { border-radius: 0px 30px 30px 0px; }
.mui-6cz23o .MuiInputBase-root { background: white; border-radius: 30px; }
.mui-lypx54 { font-family: Kanit; font-weight: 400; font-size: 1rem; line-height: 1.4375em; color: rgb(255, 255, 255); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; position: relative; border-radius: 4px; padding-left: 14px; }
.mui-lypx54.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }
.mui-lypx54:hover .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
@media (hover: none) {
  .mui-lypx54:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }
}
.mui-lypx54.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(98, 102, 219); border-width: 2px; }
.mui-lypx54.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 111, 125); }
.mui-lypx54.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
.mui-lypx54 input { background: white; color: rgb(17, 17, 17); font-size: 18px; font-weight: bold; border-radius: 4px; }
.mui-xies0n { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; margin-right: 8px; }
.mui-xhud73 { font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 14px 16.5px 0px; }
.mui-xhud73::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.mui-xhud73:focus { outline: 0px; }
.mui-xhud73:invalid { box-shadow: none; }
.mui-xhud73::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .mui-xhud73::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .mui-xhud73:focus::-webkit-input-placeholder { opacity: 0.42; }
.mui-xhud73.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.mui-xhud73:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.mui-xhud73:-webkit-autofill { border-radius: inherit; }
.mui-19w1uun { border-color: rgba(0, 0, 0, 0.23); }
.mui-igs3ac { text-align: left; position: absolute; inset: -5px 0px 0px; margin: 0px; padding: 0px 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(0, 0, 0, 0.23); }
.mui-ihdtdm { float: unset; width: auto; overflow: hidden; padding: 0px; line-height: 11px; transition: width 150ms cubic-bezier(0, 0, 0.2, 1); }
.mui-1a30j5f { display: flex; flex-direction: column; }
@media (min-width: 0px) {
  .mui-1a30j5f { flex-direction: column; }
}
@media (min-width: 900px) {
  .mui-1a30j5f { flex-direction: row; }
}
.mui-18bfwh7 { background-color: white; border-radius: 15px; max-width: 370px; overflow-y: auto; padding: 20px 42px 20px 26px; max-height: 796px; }
@media (min-width: 0px) {
  .mui-18bfwh7 { display: none; }
}
@media (min-width: 900px) {
  .mui-18bfwh7 { display: block; }
}
.mui-1ontqvh { list-style: none; margin: 0px; padding: 8px 0px; position: relative; }
.mui-7gdx99 { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; padding: 8px 16px; cursor: pointer; margin-bottom: 20px; border-radius: 10px; background: rgb(240, 240, 254); }
.mui-7gdx99.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.mui-7gdx99.Mui-selected { background-color: rgba(98, 102, 219, 0.08); }
.mui-7gdx99.Mui-selected.Mui-focusVisible { background-color: rgba(98, 102, 219, 0.2); }
.mui-7gdx99.Mui-disabled { opacity: 0.38; }
.mui-7gdx99:hover { background: rgb(240, 240, 254); }
.mui-7gdx99:last-of-type { margin-bottom: 0px; }
.mui-1qtd4qn { margin: 0px; font-family: Kanit; font-size: 18px; font-weight: 500; line-height: 40.5px; color: rgb(0, 0, 0); }
.mui-1yw1m0k { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; padding: 8px 16px; cursor: pointer; margin-bottom: 20px; border-radius: 10px; }
.mui-1yw1m0k.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.mui-1yw1m0k.Mui-selected { background-color: rgba(98, 102, 219, 0.08); }
.mui-1yw1m0k.Mui-selected.Mui-focusVisible { background-color: rgba(98, 102, 219, 0.2); }
.mui-1yw1m0k.Mui-disabled { opacity: 0.38; }
.mui-1yw1m0k:hover { background: rgb(240, 240, 254); }
.mui-1yw1m0k:last-of-type { margin-bottom: 0px; }
.mui-1a5pvqo { background-color: white; border-radius: 15px; }
@media (min-width: 0px) {
  .mui-1a5pvqo { display: block; }
}
@media (min-width: 900px) {
  .mui-1a5pvqo { display: none; }
}
.mui-lfzqm3 { display: flex; padding-left: 24px; padding-right: 24px; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; height: 54px; cursor: pointer; }
@media (min-width: 0px) {
  .mui-lfzqm3 { display: flex; }
}
@media (min-width: 900px) {
  .mui-lfzqm3 { display: none; }
}
.mui-19uf9g7 { margin: 0px; font-family: Kanit; font-weight: 400; font-size: 0.75rem; line-height: 1.66; color: rgb(0, 0, 0); }
@media (min-width: 0px) {
  .mui-19uf9g7 { font-size: 18px; }
}
@media (min-width: 900px) {
  .mui-19uf9g7 { font-size: 18px; }
}
.mui-1iotocm { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; font-size: 1.5rem; fill: transparent; transform: none; transition: transform 0.1s; }
.mui-30p946 { padding-left: 24px; padding-right: 24px; height: 0px; overflow-y: auto; transition: height 0.1s; }
.mui-15gn4ni { display: flex; flex-direction: column; flex: 1 1 0%; }
@media (min-width: 0px) {
  .mui-15gn4ni { margin-left: 0px; margin-top: 20px; }
}
@media (min-width: 900px) {
  .mui-15gn4ni { margin-left: 22px; margin-top: 0px; }
}
.mui-1uxfcql { text-align: right; margin-bottom: 28px; }
@media (min-width: 0px) {
  .mui-1uxfcql { display: none; }
}
@media (min-width: 900px) {
  .mui-1uxfcql { display: block; }
}
.mui-8mbez7 { flex: 1 1 0%; background-color: white; border-radius: 15px; }
@media (min-width: 0px) {
  .mui-8mbez7 { padding: 25px 12px 37px; }
}
@media (min-width: 900px) {
  .mui-8mbez7 { padding: 48px 20px 64px; }
}
.mui-7cdi5l { overflow: auto; }
@media (min-width: 0px) {
  .mui-7cdi5l { padding-right: 12px; height: 293px; }
}
@media (min-width: 900px) {
  .mui-7cdi5l { padding-right: 20px; height: 597px; }
}
.mui-1531sp7 { box-sizing: border-box; display: flex; flex-flow: wrap; width: 100%; }
@media (min-width: 0px) {
  .mui-1531sp7 { margin-top: -8px; }
  .mui-1531sp7 > .MuiGrid-item { padding-top: 8px; }
}
@media (min-width: 600px) {
  .mui-1531sp7 { margin-top: -12px; }
  .mui-1531sp7 > .MuiGrid-item { padding-top: 12px; }
}
@media (min-width: 900px) {
  .mui-1531sp7 { margin-top: -24px; }
  .mui-1531sp7 > .MuiGrid-item { padding-top: 24px; }
}
@media (min-width: 0px) {
  .mui-1531sp7 { width: calc(100% + 8px); margin-left: -8px; }
  .mui-1531sp7 > .MuiGrid-item { padding-left: 8px; }
}
@media (min-width: 600px) {
  .mui-1531sp7 { width: calc(100% + 12px); margin-left: -12px; }
  .mui-1531sp7 > .MuiGrid-item { padding-left: 12px; }
}
@media (min-width: 900px) {
  .mui-1531sp7 { width: calc(100% + 24px); margin-left: -24px; }
  .mui-1531sp7 > .MuiGrid-item { padding-left: 24px; }
}
.mui-4xkoi8 { box-sizing: border-box; margin: 0px; flex-direction: row; flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%; }
@media (min-width: 600px) {
  .mui-4xkoi8 { flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%; }
}
@media (min-width: 900px) {
  .mui-4xkoi8 { flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%; }
}
@media (min-width: 1200px) {
  .mui-4xkoi8 { flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%; }
}
@media (min-width: 1536px) {
  .mui-4xkoi8 { flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%; }
}
.mui-l7o2m6 { transition: transform 0.2s; display: block; text-align: center; border-radius: 12px; border: 1px solid rgb(244, 242, 255); background: rgb(240, 240, 254); }
@media (min-width: 0px) {
  .mui-l7o2m6 { padding-top: 8px; padding-bottom: 8px; }
}
@media (min-width: 900px) {
  .mui-l7o2m6 { padding-top: 30px; padding-bottom: 30px; }
}
.mui-l7o2m6:hover { transform: translateY(-5px); }
.mui-1s70tog { font-size: 14px; text-decoration: none; color: rgb(144, 146, 254); transition: transform 0.2s; display: block; text-align: center; border-radius: 12px; border: 1px solid rgb(244, 242, 255); background: rgb(240, 240, 254); }
.mui-1s70tog:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-1s70tog { padding-top: 8px; padding-bottom: 8px; }
}
@media (min-width: 900px) {
  .mui-1s70tog { padding-top: 30px; padding-bottom: 30px; }
}
.mui-1s70tog:hover { transform: translateY(-5px); }
.mui-azh5qq { margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; text-decoration: none; color: rgb(144, 146, 254); transition: transform 0.2s; display: block; text-align: center; border-radius: 12px; border: 1px solid rgb(244, 242, 255); background: rgb(240, 240, 254); }
.mui-azh5qq:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-azh5qq { padding-top: 8px; padding-bottom: 8px; }
}
@media (min-width: 900px) {
  .mui-azh5qq { padding-top: 30px; padding-bottom: 30px; }
}
.mui-azh5qq:hover { transform: translateY(-5px); }
.mui-1ahr7h2 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
@media (min-width: 0px) {
  .mui-1ahr7h2 { height: 30px; }
}
@media (min-width: 900px) {
  .mui-1ahr7h2 { height: 57px; }
}
.mui-1ur5x8u { user-select: none; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; width: 100%; height: auto; }
@media (min-width: 0px) {
  .mui-1ur5x8u { max-width: 30px; max-height: 30px; }
}
@media (min-width: 900px) {
  .mui-1ur5x8u { max-width: 66px; max-height: 66px; }
}
.mui-18gpd9p { margin: 0px; font-family: Kanit; font-weight: 400; font-size: 0.75rem; line-height: 1.66; color: rgb(0, 0, 0); }
@media (min-width: 0px) {
  .mui-18gpd9p { margin-top: 10px; font-size: 7px; }
}
@media (min-width: 900px) {
  .mui-18gpd9p { margin-top: 20px; font-size: 14px; }
}
.mui-dhnm6s { width: 100%; height: auto; }
@media (min-width: 0px) {
  .mui-dhnm6s { max-width: 30px; max-height: 30px; }
}
@media (min-width: 900px) {
  .mui-dhnm6s { max-width: 66px; max-height: 66px; }
}
.mui-143oct2 { user-select: none; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; width: 100%; height: auto; }
@media (min-width: 0px) {
  .mui-143oct2 { max-width: 30px; max-height: 30px; }
}
@media (min-width: 900px) {
  .mui-143oct2 { max-width: 66px; max-height: 66px; }
}
.mui-143oct2 path { fill: rgb(57, 60, 76); }
.mui-12lqlkq { user-select: none; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; width: 100%; height: auto; }
@media (min-width: 0px) {
  .mui-12lqlkq { max-width: 30px; max-height: 30px; }
}
@media (min-width: 900px) {
  .mui-12lqlkq { max-width: 66px; max-height: 66px; }
}
.mui-12lqlkq path { fill: rgb(0, 0, 0); }
.mui-1p3yp7f { background-color: rgb(98, 102, 219); position: relative; overflow: hidden; }
@media (min-width: 0px) {
  .mui-1p3yp7f { padding-left: 18px; padding-right: 18px; }
}
@media (min-width: 600px) {
  .mui-1p3yp7f { padding-left: 28px; padding-right: 28px; }
}
@media (min-width: 900px) {
  .mui-1p3yp7f { padding-left: 32px; padding-right: 32px; }
}
.mui-1iy7egq { position: relative; z-index: 2; max-width: 1170px; margin-left: auto; margin-right: auto; }
@media (min-width: 0px) {
  .mui-1iy7egq { padding-top: 80px; padding-bottom: 128px; }
}
@media (min-width: 900px) {
  .mui-1iy7egq { padding-top: 124px; padding-bottom: 166px; }
}
.mui-1bfjdql { margin: 0px; font-family: Kanit; font-weight: 700; line-height: 60px; font-size: 35px; text-align: center; }
@media (min-width: 600px) {
  .mui-1bfjdql { font-size: 3.125rem; }
}
@media (min-width: 900px) {
  .mui-1bfjdql { font-size: 3.3333rem; }
}
@media (min-width: 1200px) {
  .mui-1bfjdql { font-size: 3.75rem; }
}
@media (min-width: 600px) {
  .mui-1bfjdql { font-size: 35px; }
}
@media (min-width: 900px) {
  .mui-1bfjdql { font-size: 50px; }
}
@media (min-width: 0px) {
  .mui-1bfjdql { margin-bottom: 48px; }
}
@media (min-width: 900px) {
  .mui-1bfjdql { margin-bottom: 96px; }
}
.mui-18tn63a { box-sizing: border-box; margin: 0px; flex-direction: row; flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%; }
@media (min-width: 600px) {
  .mui-18tn63a { flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%; }
}
@media (min-width: 900px) {
  .mui-18tn63a { flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%; }
}
@media (min-width: 1200px) {
  .mui-18tn63a { flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%; }
}
@media (min-width: 1536px) {
  .mui-18tn63a { flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%; }
}
.mui-1rx9sr7 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; margin: 0px auto; height: 100%; border-top: 1px solid rgba(244, 242, 255, 0.3); padding-top: 48px; padding-bottom: 48px; text-align: center; }
@media (min-width: 0px) {
  .mui-1rx9sr7 { width: 167px; }
}
@media (min-width: 900px) {
  .mui-1rx9sr7 { width: 100%; }
}
.mui-s2j7zw { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
@media (min-width: 0px) {
  .mui-s2j7zw { width: 100px; height: 100px; }
}
@media (min-width: 900px) {
  .mui-s2j7zw { width: 129px; height: 129px; }
}
.mui-1180n7w { margin: 0px; font-family: Kanit; font-size: 0.75rem; font-weight: 500; line-height: 40.5px; }
@media (min-width: 0px) {
  .mui-1180n7w { font-size: 15px; }
}
@media (min-width: 900px) {
  .mui-1180n7w { font-size: 20px; }
}
.mui-ezo5zw > img { height: auto; margin-bottom: 10px; }
@media (min-width: 0px) {
  .mui-ezo5zw > img { width: 60px; }
}
@media (min-width: 900px) {
  .mui-ezo5zw > img { width: 87px; }
}
.mui-18glujy { margin: 0px; font-family: Kanit; font-weight: 400; font-size: 0.75rem; line-height: 17.5px; }
@media (min-width: 0px) {
  .mui-18glujy { font-size: 11px; }
}
@media (min-width: 900px) {
  .mui-18glujy { font-size: 16px; }
}
@media (min-width: 0px) {
  .mui-cdugo1 { padding-left: 18px; padding-right: 18px; padding-top: 64px; }
}
@media (min-width: 600px) {
  .mui-cdugo1 { padding-left: 28px; padding-right: 28px; }
}
@media (min-width: 900px) {
  .mui-cdugo1 { padding-left: 32px; padding-right: 32px; padding-top: 150px; }
}
.mui-uksyik { max-width: 1230px; margin-left: auto; margin-right: auto; }
.mui-1q331mt { margin: 0px; font-family: Kanit; font-weight: 700; line-height: 60px; font-size: 35px; color: rgb(0, 0, 0); }
@media (min-width: 600px) {
  .mui-1q331mt { font-size: 3.125rem; }
}
@media (min-width: 900px) {
  .mui-1q331mt { font-size: 3.3333rem; }
}
@media (min-width: 1200px) {
  .mui-1q331mt { font-size: 3.75rem; }
}
@media (min-width: 600px) {
  .mui-1q331mt { font-size: 35px; }
}
@media (min-width: 900px) {
  .mui-1q331mt { font-size: 50px; }
}
@media (min-width: 0px) {
  .mui-1q331mt { margin-bottom: 24px; }
}
@media (min-width: 900px) {
  .mui-1q331mt { margin-bottom: 96px; }
}
.mui-gieou1 { position: relative; }
@media (min-width: 0px) {
  .mui-gieou1 { height: min(-100px + 100vh, 550px); }
}
@media (min-width: 900px) {
  .mui-gieou1 { height: 635px; }
}
.mui-uzx2na { display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(98, 102, 219); opacity: 1; transition: opacity 0.5s; width: 100%; height: 100%; z-index: 1; position: absolute; }
@media (min-width: 0px) {
  .mui-uzx2na { border-radius: 20px; padding: 26px 20px; }
}
@media (min-width: 900px) {
  .mui-uzx2na { border-radius: 36px; padding: 70px; }
}
@media (min-width: 0px) {
  .mui-1t8u766 { width: 36px; height: 36px; }
}
@media (min-width: 900px) {
  .mui-1t8u766 { width: 97px; height: 97px; }
}
.mui-gp9ghc { margin: 0px; font-family: Kanit; font-weight: 400; font-size: 0.75rem; line-height: 1.66; overflow-y: scroll; padding-right: 5px; scrollbar-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.133); scrollbar-width: thin; }
@media (min-width: 0px) {
  .mui-gp9ghc { font-size: 16px; line-height: 29px; letter-spacing: 0.44px; }
}
@media (min-width: 900px) {
  .mui-gp9ghc { font-size: 28px; line-height: 43.5px; letter-spacing: 0.56px; }
}
.mui-gp9ghc::-webkit-scrollbar { width: 5px; }
.mui-gp9ghc::-webkit-scrollbar-thumb { background: rgb(255, 255, 255); border-radius: 20rem; box-shadow: rgba(0, 0, 0, 0.75) 0px 1px 2px; }
.mui-dhvo6z { margin: 0px; font-family: Kanit; font-size: 0.75rem; line-height: 1.66; font-weight: 700; }
@media (min-width: 0px) {
  .mui-dhvo6z { line-height: 26px; font-size: 20px; }
}
@media (min-width: 900px) {
  .mui-dhvo6z { line-height: 43.5px; font-size: 30px; }
}
.mui-wnaouu { display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(98, 102, 219); opacity: 0; transition: opacity 0.5s; width: 100%; height: 100%; z-index: 0; position: absolute; }
@media (min-width: 0px) {
  .mui-wnaouu { border-radius: 20px; padding: 26px 20px; }
}
@media (min-width: 900px) {
  .mui-wnaouu { border-radius: 36px; padding: 70px; }
}
.mui-1m8cse7 { display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; }
@media (min-width: 0px) {
  .mui-1m8cse7 { margin-top: 28px; }
}
@media (min-width: 900px) {
  .mui-1m8cse7 { margin-top: 58px; }
}
.mui-1jgtn9 { user-select: none; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; cursor: pointer; width: 15px; margin-right: 16px; }
.mui-1jgtn9:last-of-type { margin-right: 0px; }
.mui-vk6sri { user-select: none; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; cursor: pointer; width: 13px; margin-right: 16px; }
.mui-vk6sri:last-of-type { margin-right: 0px; }
@media (min-width: 0px) {
  .mui-1qgfywu { padding-top: 52px; padding-bottom: 100px; }
}
@media (min-width: 900px) {
  .mui-1qgfywu { padding-top: 112px; padding-bottom: 166px; }
}
@media (min-width: 0px) {
  .mui-xzm5d8 { margin-left: max(-585px + 50vw, 18px); }
}
@media (min-width: 600px) {
  .mui-xzm5d8 { margin-left: max(-585px + 50vw, 28px); }
}
@media (min-width: 900px) {
  .mui-xzm5d8 { margin-left: max(-585px + 50vw, 32px); }
}
.mui-pa2f2 { display: flex; flex-direction: row; margin-top: 32px; }
.mui-14lkp70 { margin-right: 30px; }
.mui-uhw9bs { margin: 0px; font-family: Kanit; font-weight: 700; line-height: 60px; font-size: 35px; color: rgb(0, 0, 0); }
@media (min-width: 600px) {
  .mui-uhw9bs { font-size: 3.125rem; }
}
@media (min-width: 900px) {
  .mui-uhw9bs { font-size: 3.3333rem; }
}
@media (min-width: 1200px) {
  .mui-uhw9bs { font-size: 3.75rem; }
}
@media (min-width: 600px) {
  .mui-uhw9bs { font-size: 35px; }
}
@media (min-width: 900px) {
  .mui-uhw9bs { font-size: 50px; }
}
@media (min-width: 0px) {
  .mui-uhw9bs { line-height: 35px; }
}
@media (min-width: 900px) {
  .mui-uhw9bs { line-height: 60px; }
}
.mui-8cjej6 { font-family: Kanit; min-width: 64px; padding: 7px 21px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; background: white; color: rgb(98, 102, 219); border: 1px solid rgb(98, 102, 219); }
.mui-8cjej6:hover { text-decoration: none; background-color: rgba(98, 102, 219, 0.04); border: 1px solid rgb(98, 102, 219); }
@media (hover: none) {
  .mui-8cjej6:hover { background-color: transparent; }
}
.mui-8cjej6.Mui-disabled { color: rgb(255, 255, 255); border: 1px solid rgb(151, 151, 151); }
.mui-8cjej6.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-8cjej6.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-8cjej6 { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-8cjej6 .MuiButton-endIcon svg path, .mui-8cjej6 .MuiButton-startIcon svg path { fill: rgb(98, 102, 219); }
.mui-8cjej6 .MuiButton-endIcon svg circle, .mui-8cjej6 .MuiButton-startIcon svg circle { stroke: rgb(98, 102, 219); }
.mui-8cjej6:hover { color: white; background: rgb(98, 102, 219); }
.mui-8cjej6:hover svg path { fill: white; }
.mui-8cjej6:hover svg circle { stroke: white; }
.mui-8cjej6 svg path { fill: rgb(255, 255, 255); transition: fill 0.2s ease-out 0.05s; }
@media (min-width: 0px) {
  .mui-8cjej6 { margin-top: 32px; }
}
@media (min-width: 900px) {
  .mui-8cjej6 { margin-top: 64px; }
}
@media (min-width: 0px) {
  .mui-8cjej6.MuiButton-outlined { width: 128px; }
}
@media (min-width: 900px) {
  .mui-8cjej6.MuiButton-outlined { width: 265px; }
}
.mui-9eze6p { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 7px 21px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; background: white; color: rgb(98, 102, 219); border: 1px solid rgb(98, 102, 219); }
.mui-9eze6p.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-9eze6p { -webkit-print-color-adjust: exact; }
}
.mui-9eze6p.Mui-disabled { opacity: 0.5; }
.mui-9eze6p:hover { text-decoration: none; background-color: rgba(98, 102, 219, 0.04); border: 1px solid rgb(98, 102, 219); }
@media (hover: none) {
  .mui-9eze6p:hover { background-color: transparent; }
}
.mui-9eze6p.Mui-disabled { color: rgb(255, 255, 255); border: 1px solid rgb(151, 151, 151); }
.mui-9eze6p.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-9eze6p.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-9eze6p { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-9eze6p .MuiButton-endIcon svg path, .mui-9eze6p .MuiButton-startIcon svg path { fill: rgb(98, 102, 219); }
.mui-9eze6p .MuiButton-endIcon svg circle, .mui-9eze6p .MuiButton-startIcon svg circle { stroke: rgb(98, 102, 219); }
.mui-9eze6p:hover { color: white; background: rgb(98, 102, 219); }
.mui-9eze6p:hover svg path { fill: white; }
.mui-9eze6p:hover svg circle { stroke: white; }
.mui-9eze6p svg path { fill: rgb(255, 255, 255); transition: fill 0.2s ease-out 0.05s; }
@media (min-width: 0px) {
  .mui-9eze6p { margin-top: 32px; }
}
@media (min-width: 900px) {
  .mui-9eze6p { margin-top: 64px; }
}
@media (min-width: 0px) {
  .mui-9eze6p.MuiButton-outlined { width: 128px; }
}
@media (min-width: 900px) {
  .mui-9eze6p.MuiButton-outlined { width: 265px; }
}
.mui-r3wb41 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 7px 21px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; background: white; color: rgb(98, 102, 219); border: 1px solid rgb(98, 102, 219); }
.mui-r3wb41:hover { text-decoration-color: inherit; }
.mui-r3wb41.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-r3wb41 { -webkit-print-color-adjust: exact; }
}
.mui-r3wb41.Mui-disabled { opacity: 0.5; }
.mui-r3wb41:hover { text-decoration: none; background-color: rgba(98, 102, 219, 0.04); border: 1px solid rgb(98, 102, 219); }
@media (hover: none) {
  .mui-r3wb41:hover { background-color: transparent; }
}
.mui-r3wb41.Mui-disabled { color: rgb(255, 255, 255); border: 1px solid rgb(151, 151, 151); }
.mui-r3wb41.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-r3wb41.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-r3wb41 { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-r3wb41 .MuiButton-endIcon svg path, .mui-r3wb41 .MuiButton-startIcon svg path { fill: rgb(98, 102, 219); }
.mui-r3wb41 .MuiButton-endIcon svg circle, .mui-r3wb41 .MuiButton-startIcon svg circle { stroke: rgb(98, 102, 219); }
.mui-r3wb41:hover { color: white; background: rgb(98, 102, 219); }
.mui-r3wb41:hover svg path { fill: white; }
.mui-r3wb41:hover svg circle { stroke: white; }
.mui-r3wb41 svg path { fill: rgb(255, 255, 255); transition: fill 0.2s ease-out 0.05s; }
@media (min-width: 0px) {
  .mui-r3wb41 { margin-top: 32px; }
}
@media (min-width: 900px) {
  .mui-r3wb41 { margin-top: 64px; }
}
@media (min-width: 0px) {
  .mui-r3wb41.MuiButton-outlined { width: 128px; }
}
@media (min-width: 900px) {
  .mui-r3wb41.MuiButton-outlined { width: 265px; }
}
.mui-vjq1el { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit; min-width: 64px; padding: 7px 21px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 33px; text-transform: none; height: 33px; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 16px; background: white; color: rgb(98, 102, 219); border: 1px solid rgb(98, 102, 219); }
.mui-vjq1el:hover { text-decoration-color: inherit; }
.mui-vjq1el.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .mui-vjq1el { -webkit-print-color-adjust: exact; }
}
.mui-vjq1el.Mui-disabled { opacity: 0.5; }
.mui-vjq1el:hover { text-decoration: none; background-color: rgba(98, 102, 219, 0.04); border: 1px solid rgb(98, 102, 219); }
@media (hover: none) {
  .mui-vjq1el:hover { background-color: transparent; }
}
.mui-vjq1el.Mui-disabled { color: rgb(255, 255, 255); border: 1px solid rgb(151, 151, 151); }
.mui-vjq1el.MuiLoadingButton-root.MuiLoadingButton-loading > .MuiLoadingButton-loadingIndicator { color: white; }
.mui-vjq1el.MuiLoadingButton-root.MuiLoadingButton-loading { opacity: 1; background: rgb(68, 71, 153); }
@media (min-width: 900px) {
  .mui-vjq1el { height: 68px; border-radius: 39px; font-size: 16px; font-weight: 300; }
}
.mui-vjq1el .MuiButton-endIcon svg path, .mui-vjq1el .MuiButton-startIcon svg path { fill: rgb(98, 102, 219); }
.mui-vjq1el .MuiButton-endIcon svg circle, .mui-vjq1el .MuiButton-startIcon svg circle { stroke: rgb(98, 102, 219); }
.mui-vjq1el:hover { color: white; background: rgb(98, 102, 219); }
.mui-vjq1el:hover svg path { fill: white; }
.mui-vjq1el:hover svg circle { stroke: white; }
.mui-vjq1el svg path { fill: rgb(255, 255, 255); transition: fill 0.2s ease-out 0.05s; }
@media (min-width: 0px) {
  .mui-vjq1el { margin-top: 32px; }
}
@media (min-width: 900px) {
  .mui-vjq1el { margin-top: 64px; }
}
@media (min-width: 0px) {
  .mui-vjq1el.MuiButton-outlined { width: 128px; }
}
@media (min-width: 900px) {
  .mui-vjq1el.MuiButton-outlined { width: 265px; }
}
.mui-3y8igk { display: flex; flex-direction: row; overflow-x: scroll; }
.mui-3y8igk::-webkit-scrollbar { display: none; }
.mui-zaltu2 { display: flex; flex-direction: row; }
.mui-1s3tyd2 { margin-right: 22px; flex-shrink: 0; border-radius: 30px; background: rgb(255, 255, 255); position: relative; }
@media (min-width: 0px) {
  .mui-1s3tyd2 { width: 180px; }
}
@media (min-width: 900px) {
  .mui-1s3tyd2 { width: 250px; }
}
.mui-1s3tyd2:hover { box-shadow: aqua 1px -1px 6px 0px; }
.mui-1s3tyd2 > img { height: auto; }
@media (min-width: 0px) {
  .mui-1s3tyd2 > img { width: 180px; }
}
@media (min-width: 900px) {
  .mui-1s3tyd2 > img { width: 267px; }
}
.mui-r43w33 { font-size: 14px; text-decoration: none; color: rgb(144, 146, 254); margin-right: 22px; flex-shrink: 0; border-radius: 30px; background: rgb(255, 255, 255); position: relative; }
.mui-r43w33:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-r43w33 { width: 180px; }
}
@media (min-width: 900px) {
  .mui-r43w33 { width: 250px; }
}
.mui-r43w33:hover { box-shadow: aqua 1px -1px 6px 0px; }
.mui-r43w33 > img { height: auto; }
@media (min-width: 0px) {
  .mui-r43w33 > img { width: 180px; }
}
@media (min-width: 900px) {
  .mui-r43w33 > img { width: 267px; }
}
.mui-9kmu33 { margin: 0px 22px 0px 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; text-decoration: none; color: rgb(144, 146, 254); flex-shrink: 0; border-radius: 30px; background: rgb(255, 255, 255); position: relative; }
.mui-9kmu33:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-9kmu33 { width: 180px; }
}
@media (min-width: 900px) {
  .mui-9kmu33 { width: 250px; }
}
.mui-9kmu33:hover { box-shadow: aqua 1px -1px 6px 0px; }
.mui-9kmu33 > img { height: auto; }
@media (min-width: 0px) {
  .mui-9kmu33 > img { width: 180px; }
}
@media (min-width: 900px) {
  .mui-9kmu33 > img { width: 267px; }
}
@media (min-width: 0px) {
  .mui-1thhl74 { padding: 2px 14px 14px; }
}
@media (min-width: 900px) {
  .mui-1thhl74 { padding: 20px 30px 30px 20px; }
}
.mui-1lukqpq { margin: 0px; font-family: Kanit; font-size: 0.75rem; color: rgb(98, 102, 219); font-weight: 600; line-height: 133.3%; }
@media (min-width: 0px) {
  .mui-1lukqpq { margin-top: 8px; margin-bottom: 8px; }
}
@media (min-width: 600px) {
  .mui-1lukqpq { font-size: 12px; }
}
@media (min-width: 900px) {
  .mui-1lukqpq { margin-top: 16px; margin-bottom: 16px; font-size: 15px; }
}
.mui-1rlcas2 { margin: 0px; font-family: Kanit; font-size: 0.75rem; line-height: 1.66; color: rgb(0, 0, 0); font-weight: 600; }
@media (min-width: 0px) {
  .mui-1rlcas2 { font-size: 12px; line-height: 16.5px; }
}
@media (min-width: 900px) {
  .mui-1rlcas2 { font-size: 18px; line-height: 25.5px; }
}
.mui-ut5o8s { user-select: none; width: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; position: absolute; height: auto; }
@media (min-width: 0px) {
  .mui-ut5o8s { right: 12px; bottom: 9px; width: 19px; }
}
@media (min-width: 900px) {
  .mui-ut5o8s { right: 17px; bottom: 14px; width: 25px; }
}
.mui-8l33p5 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; border-radius: 30px; background: white; color: rgb(0, 0, 0); height: auto; flex-shrink: 0; margin-right: 32px; }
@media (min-width: 0px) {
  .mui-8l33p5 { width: 180px; }
}
@media (min-width: 900px) {
  .mui-8l33p5 { width: 250px; }
}
.mui-1l7mi5w { font-size: 14px; text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; border-radius: 30px; background: white; color: rgb(0, 0, 0); height: auto; flex-shrink: 0; margin-right: 32px; }
.mui-1l7mi5w:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-1l7mi5w { width: 180px; }
}
@media (min-width: 900px) {
  .mui-1l7mi5w { width: 250px; }
}
.mui-lxaxzm { margin: 0px 32px 0px 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; border-radius: 30px; background: white; color: rgb(0, 0, 0); height: auto; flex-shrink: 0; }
.mui-lxaxzm:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-lxaxzm { width: 180px; }
}
@media (min-width: 900px) {
  .mui-lxaxzm { width: 250px; }
}
.mui-8llnbc { margin: 0px 12px 0px 0px; font-family: Kanit; font-weight: 400; font-size: 0.75rem; line-height: 1.66; color: rgb(0, 0, 0); }
@media (min-width: 0px) {
  .mui-8llnbc { font-size: 16px; }
}
@media (min-width: 900px) {
  .mui-8llnbc { font-size: 24px; }
}
.mui-bjsxg { display: flex; flex-direction: row; margin-top: 32px; }
@media (min-width: 0px) {
  .mui-bjsxg { margin-left: 155px; }
}
@media (min-width: 900px) {
  .mui-bjsxg { margin-left: 300px; }
}
.mui-r6ttvt { user-select: none; width: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; opacity: 0.4; height: auto; cursor: pointer; transform: scaleX(-1); }
@media (min-width: 0px) {
  .mui-r6ttvt { width: 32px; }
}
@media (min-width: 900px) {
  .mui-r6ttvt { width: 59px; }
}
.mui-u2yro { user-select: none; width: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; opacity: 0.4; height: auto; cursor: pointer; margin-left: 36px; }
@media (min-width: 0px) {
  .mui-u2yro { width: 32px; }
}
@media (min-width: 900px) {
  .mui-u2yro { width: 59px; }
}
.mui-tnpkhz { display: flex; -webkit-box-pack: center; justify-content: center; flex-direction: row; margin-left: auto; margin-right: auto; }
@media (min-width: 0px) {
  .mui-tnpkhz { margin-top: 100px; }
}
@media (min-width: 900px) {
  .mui-tnpkhz { margin-top: 160px; }
}
.mui-1dvn04h { position: relative; z-index: 100; background-color: rgb(98, 102, 219); }
@media (min-width: 0px) {
  .mui-1dvn04h { padding: 35px 18px 38px; }
}
@media (min-width: 600px) {
  .mui-1dvn04h { padding-left: 28px; padding-right: 28px; }
}
@media (min-width: 900px) {
  .mui-1dvn04h { padding: 94px 32px 116px; }
}
.mui-19uz7x7 { max-width: 1170px; margin: auto; }
.mui-1adfqx6 { display: flex; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }
@media (min-width: 0px) {
  .mui-1adfqx6 { margin-bottom: 0px; }
}
@media (min-width: 900px) {
  .mui-1adfqx6 { margin-bottom: 48px; }
}
.mui-151ujoz { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
@media (min-width: 0px) {
  .mui-151ujoz { margin-bottom: 32px; }
}
@media (min-width: 900px) {
  .mui-151ujoz { margin-bottom: 0px; }
}
.mui-t18n0l { margin: 0px; font-family: Kanit; font-size: 0.75rem; line-height: 1.66; font-weight: 600; color: white; }
@media (min-width: 0px) {
  .mui-t18n0l { font-size: 22px; margin-bottom: 0px; }
}
@media (min-width: 900px) {
  .mui-t18n0l { line-height: 1.06em; font-size: 24px; margin-bottom: 0px; }
}
.mui-16iues8 { font-size: 14px; text-decoration: none; color: white; }
.mui-16iues8:hover { text-decoration-color: inherit; }
.mui-16iues8:hover { text-decoration: underline; }
.mui-9zmse1 { margin: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 600; font-size: 14px; text-decoration: none; color: white; }
@media (min-width: 0px) {
  .mui-9zmse1 { font-size: 22px; }
}
@media (min-width: 900px) {
  .mui-9zmse1 { line-height: 1.06em; font-size: 24px; }
}
.mui-9zmse1:hover { text-decoration-color: inherit; }
.mui-9zmse1:hover { text-decoration: underline; }
.mui-1m4335h { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-direction: row; }
@media (min-width: 0px) {
  .mui-1m4335h { margin-bottom: 44px; width: 100%; }
}
@media (min-width: 900px) {
  .mui-1m4335h { margin-bottom: 0px; width: auto; }
}
.mui-1c509s6 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 7px; background: rgb(240, 240, 254); }
@media (min-width: 0px) {
  .mui-1c509s6 { width: 34px; height: 34px; margin-right: 24px; }
}
@media (min-width: 900px) {
  .mui-1c509s6 { width: 50px; height: 50px; margin-right: 20px; }
}
.mui-1c509s6:last-of-type { margin-right: 0px; }
.mui-1w9a2xa { font-size: 14px; text-decoration: none; color: rgb(144, 146, 254); display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 7px; background: rgb(240, 240, 254); }
.mui-1w9a2xa:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-1w9a2xa { width: 34px; height: 34px; margin-right: 24px; }
}
@media (min-width: 900px) {
  .mui-1w9a2xa { width: 50px; height: 50px; margin-right: 20px; }
}
.mui-1w9a2xa:last-of-type { margin-right: 0px; }
.mui-1u55u7w { margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; text-decoration: none; color: rgb(144, 146, 254); display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 7px; background: rgb(240, 240, 254); }
.mui-1u55u7w:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-1u55u7w { width: 34px; height: 34px; margin-right: 24px; }
}
@media (min-width: 900px) {
  .mui-1u55u7w { width: 50px; height: 50px; margin-right: 20px; }
}
.mui-1u55u7w:last-of-type { margin-right: 0px; }
.mui-1826s8a { user-select: none; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; width: auto; }
.mui-1nhxoyz { user-select: none; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; width: auto; height: 18px; }
.mui-1sao5v { box-sizing: border-box; display: flex; flex-flow: wrap; width: 100%; }
@media (min-width: 0px) {
  .mui-1sao5v { margin-top: -28px; }
  .mui-1sao5v > .MuiGrid-item { padding-top: 28px; }
}
@media (min-width: 1200px) {
  .mui-1sao5v { margin-top: 0px; }
  .mui-1sao5v > .MuiGrid-item { padding-top: 0px; }
}
.mui-w1qv60 { box-sizing: border-box; margin: 0px; flex-direction: row; flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%; }
@media (min-width: 600px) {
  .mui-w1qv60 { flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%; }
}
@media (min-width: 900px) {
  .mui-w1qv60 { flex-basis: 50%; -webkit-box-flex: 0; flex-grow: 0; max-width: 50%; }
}
@media (min-width: 1200px) {
  .mui-w1qv60 { flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%; }
}
@media (min-width: 1536px) {
  .mui-w1qv60 { flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%; }
}
.mui-r3lqsl { margin: 0px; font-family: Kanit; font-size: 0.75rem; line-height: 1.66; font-weight: 500; text-transform: uppercase; }
@media (min-width: 0px) {
  .mui-r3lqsl { font-size: 20px; letter-spacing: 0.5px; }
}
@media (min-width: 900px) {
  .mui-r3lqsl { font-size: 30px; letter-spacing: 1.5px; }
}
@media (min-width: 0px) {
  .mui-1dnwfx { margin-top: 12px; }
}
@media (min-width: 900px) {
  .mui-1dnwfx { margin-top: 28px; }
}
.mui-1l6udl3 { font-size: 14px; text-decoration: none; color: white; font-weight: 300; text-transform: capitalize; }
.mui-1l6udl3:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-1l6udl3 { font-size: 16px; letter-spacing: 0.6px; }
}
@media (min-width: 900px) {
  .mui-1l6udl3 { font-size: 24px; letter-spacing: 1.2px; }
}
.mui-1l6udl3:hover { text-decoration: underline; }
.mui-1idls72 { margin: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; text-decoration: none; color: white; font-weight: 300; text-transform: capitalize; }
.mui-1idls72:hover { text-decoration-color: inherit; }
@media (min-width: 0px) {
  .mui-1idls72 { font-size: 16px; letter-spacing: 0.6px; }
}
@media (min-width: 900px) {
  .mui-1idls72 { font-size: 24px; letter-spacing: 1.2px; }
}
.mui-1idls72:hover { text-decoration: underline; }
.mui-2tz5sf { user-select: none; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; position: relative; top: -10px; left: 4px; height: 6px; width: 6px; }
.mui-q5w844 { position: relative; }
@media (min-width: 0px) {
  .mui-q5w844 { left: 0px; }
}
@media (min-width: 900px) {
  .mui-q5w844 { left: -10px; }
}
.mui-ophi5p { flex-wrap: wrap; margin-top: 40px; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
@media (min-width: 0px) {
  .mui-ophi5p { flex-direction: column-reverse; }
}
@media (min-width: 900px) {
  .mui-ophi5p { flex-direction: row; }
}
.mui-1vm0ht { user-select: none; width: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; fill: transparent; height: auto; }
@media (min-width: 0px) {
  .mui-1vm0ht { width: 135px; margin-bottom: 12px; }
}
@media (min-width: 600px) {
  .mui-1vm0ht { width: 165px; }
}
@media (min-width: 900px) {
  .mui-1vm0ht { width: 234px; margin-bottom: 20px; }
}
.mui-ek8wza { margin: 0px; flex-shrink: 0; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 0.4px solid white; }
.mui-1y7iw7v { margin: 0px; font-family: Kanit; font-size: 0.75rem; line-height: 1.66; font-weight: 300; color: rgba(255, 255, 255, 0.7); }
@media (min-width: 0px) {
  .mui-1y7iw7v { margin-top: 4px; font-size: 12px; }
}
@media (min-width: 900px) {
  .mui-1y7iw7v { margin-top: 20px; font-size: 18px; }
}