@import url("https://fonts.googleapis.com/css2?family=Mitr:wght@400;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&display=swap");body,html{font-family:var(--font-primary);margin:0;padding:0;height:100%;-webkit-font-smoothing:antialiased}.dashboard-introduce-to-user-swiper{padding-bottom:32px!important}.dashboard-introduce-to-user-swiper .swiper-pagination{height:unset;border:unset;border-radius:unset;line-height:unset;padding:unset!important;background-color:unset;bottom:0!important;position:absolute!important;width:100%!important;color:unset!important}.dashboard-introduce-to-user-swiper .swiper-pagination-bullet{width:30px;height:6px;background-color:#ffffff;border-radius:2px;opacity:1}[data-theme=dark] .dashboard-introduce-to-user-swiper .swiper-pagination-bullet{background-color:#0c0e12}.dashboard-introduce-to-user-swiper .swiper-pagination-bullet-active{background-color:#01488d}.v3-modal-overlay{background-color:rgba(0,0,0,.7)!important;position:fixed;inset:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999}[data-theme=dark] .v3-modal-overlay{background-color:rgba(255,255,255,.05)!important}.v3-modal.ReactModal__Content{border-radius:6px!important;background-color:#ffffff!important;transform:translate(-50%,-50%)!important;inset:50% auto auto 50%;padding:24px!important;position:absolute;font-family:Anuphan,sans-serif;overflow:auto;max-width:calc(100% - 48px);max-height:90dvh}.v3-modal.ReactModal__Content::-webkit-scrollbar{display:none}[data-theme=dark] .v3-modal.ReactModal__Content{background-color:#0c0e12!important}[data-theme=dark] .dashboard-introduce-to-user-swiper .swiper-pagination-bullet-active{background-color:#cecfd2}.CircularProgressbar .CircularProgressbar-path{stroke:#01488d!important}[data-theme=dark] .CircularProgressbar .CircularProgressbar-path{stroke:#04ff86!important}.CircularProgressbar .CircularProgressbar-trail{stroke:#eef2f6!important}[data-theme=dark] .CircularProgressbar .CircularProgressbar-trail{stroke:#22262f!important}.v3-swiper{width:calc(100%+64px)!important;margin-left:-32px!important;margin-right:-32px!important}.bg-brand-logo{background-image:url(/images/v3/bg-logo.png);background-size:512px 512px;background-position:100% 0;background-repeat:no-repeat;min-height:512px}.course-filter input[type=checkbox]{display:grid;place-content:center;width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #9aa4b2;border-radius:5px}[data-theme=dark] .course-filter input[type=checkbox]{border:1px solid #61656c}.course-filter input[type=checkbox]:checked{background-color:#01488d;width:16px;height:16px;background-image:url(/images/v3/icon-check.svg);background-size:11px;background-repeat:no-repeat;background-position:50%;border-color:#01488d}.course-summary h1,.course-summary h2,.course-summary h3,.course-summary h4,.course-summary h5,.course-summary h6{color:#121926}[data-theme=dark] .course-summary h1,[data-theme=dark] .course-summary h2,[data-theme=dark] .course-summary h3,[data-theme=dark] .course-summary h4,[data-theme=dark] .course-summary h5,[data-theme=dark] .course-summary h6{color:#f7f7f7}.course-summary{color:#4b5565}[data-theme=dark] .course-summary{color:#94979c}.course-summary>*{margin-bottom:14px}.course-summary ul,.course-summary ul li{list-style-type:disc;list-style-position:inside;margin-bottom:4px}.course-summary ol,.course-summary ol li{list-style-type:decimal;list-style-position:inside;margin-bottom:4px}.quiz-box input[type=radio]{display:grid;place-content:center;width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #9aa4b2;border-radius:999px;margin-top:1px}.quiz-box input[type=radio]:before{content:"";transform:scale(0);background-color:#ffffff;border-radius:999px;width:6px;height:6px}.quiz-box input[type=radio]:checked{background-color:#01488d}.quiz-box input[type=radio]:checked:before{transform:scale(1)}svg.star-svg{display:inline}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#121926;font-weight:600}[data-theme=dark] .markdown-content h1,[data-theme=dark] .markdown-content h2,[data-theme=dark] .markdown-content h3,[data-theme=dark] .markdown-content h4,[data-theme=dark] .markdown-content h5,[data-theme=dark] .markdown-content h6{color:#f7f7f7;font-weight:600}[data-theme=dark] .markdown-content h2{border-bottom:1px solid #303339}.react-markdown{font-size:14px}.react-markdown h1{font-size:24px;font-weight:600}.react-markdown h2{font-size:20px;font-weight:600;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.react-markdown h3{font-size:18px;font-weight:600}.react-markdown h4{font-size:16px;font-weight:500}.react-markdown h5{font-size:14px}.react-markdown h6{font-size:12px}.react-markdown p{font-size:14px}.react-markdown ol,.react-markdown ul{padding-left:16px;margin-bottom:32px;list-style-position:inside}@media (max-width:1023px){.bg-only-desktop{background-image:none}}@media (max-width:767px){.v3-modal.ReactModal__Content{padding:24px 16px!important}.v3-swiper{width:calc(100%+32px)!important;margin-left:-16px!important;margin-right:-16px!important}.bg-brand-logo{background-size:95%;min-height:425px;background-position:top}.react-markdown{font-size:12px}.react-markdown h1{font-size:18px}.react-markdown h2{font-size:16px}.react-markdown h3{font-size:14px}.react-markdown h4{font-size:12px}.react-markdown h5{font-size:10px}.react-markdown h6{font-size:8px}.react-markdown p{font-size:12px;line-height:16px}.react-markdown ol,.react-markdown ul{padding-left:16px;margin-bottom:32px;list-style-position:inside}}ol{list-style:decimal;list-style-position:inside}ul{list-style:disc;list-style-position:inside}ol p,ul p{display:inline}@keyframes slideLoop{0%{opacity:0}5%{opacity:1}33%{opacity:1}38%{opacity:0}to{opacity:0}}.nong-s-animation{position:absolute;width:64px;height:64px;opacity:0;z-index:2;left:40%;top:40%;transform:translate(-50%,-50%);transition:ease-in-out}.nong-s-animation:first-child{animation:nongS1 4s infinite}@keyframes nongS1{0%,47%{opacity:1}50%,97%{opacity:0}to{opacity:1}}.nong-s-animation:nth-child(2){animation:nongS2 4s infinite}@keyframes nongS2{0%,47%{opacity:0}50%,97%{opacity:1}to{opacity:0}}@font-face{font-family:icomoon;src:url(/_next/static/media/icomoon.f755839f.eot);src:url(/_next/static/media/icomoon.f755839f.eot#iefix) format("embedded-opentype"),url(/_next/static/media/icomoon.404a1d1f.ttf) format("truetype"),url(/_next/static/media/icomoon.f2decea8.woff) format("woff"),url(/_next/static/media/icomoon.408f9401.svg#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" ic-"],[class^=ic-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ic-mode-dark:before{content:"\e90f"}.ic-cart:before{content:"\e907"}.ic-mode:before{content:"\e908"}.ic-prev:before{content:"\e909"}.ic-next:before{content:"\e90a"}.ic-search:before{content:"\e90b"}.ic-user-crop:before{content:"\e90c"}.ic-visibility:before{content:"\e90d"}.ic-write:before{content:"\e90e"}.ic-facebook:before{content:"\e900"}.ic-line:before{content:"\e901"}.ic-twitter:before{content:"\e902"}.ic-calendar:before{content:"\e903"}.ic-pin:before{content:"\e904"}.ic-time:before{content:"\e905"}.ic-user:before{content:"\e906"}@font-face{font-family:GeneralSans-Variable;src:url(/_next/static/media/GeneralSans-Variable.d9532b38.woff2) format("woff2"),url(/_next/static/media/GeneralSans-Variable.5a0d6dea.woff) format("woff"),url(/_next/static/media/GeneralSans-Variable.c44738e2.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:normal}@font-face{font-family:GeneralSans-VariableItalic;src:url(/_next/static/media/GeneralSans-VariableItalic.97ff73ed.woff2) format("woff2"),url(/_next/static/media/GeneralSans-VariableItalic.2e8230b3.woff) format("woff"),url(/_next/static/media/GeneralSans-VariableItalic.1002a070.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:italic}@font-face{font-family:GeneralSans-Extralight;src:url(/_next/static/media/GeneralSans-Extralight.5df57571.woff2) format("woff2"),url(/_next/static/media/GeneralSans-Extralight.d8bf9748.woff) format("woff"),url(/_next/static/media/GeneralSans-Extralight.c6e60cab.ttf) format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:GeneralSans-ExtralightItalic;src:url(/_next/static/media/GeneralSans-ExtralightItalic.cbe375dd.woff2) format("woff2"),url(/_next/static/media/GeneralSans-ExtralightItalic.46a161fb.woff) format("woff"),url(/_next/static/media/GeneralSans-ExtralightItalic.96a8c007.ttf) format("truetype");font-weight:200;font-display:swap;font-style:italic}@font-face{font-family:GeneralSans-Light;src:url(/_next/static/media/GeneralSans-Light.ff2d91b9.woff2) format("woff2"),url(/_next/static/media/GeneralSans-Light.83c2a0d6.woff) format("woff"),url(/_next/static/media/GeneralSans-Light.0c1143e6.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:GeneralSans-LightItalic;src:url(/_next/static/media/GeneralSans-LightItalic.7d05c1e9.woff2) format("woff2"),url(/_next/static/media/GeneralSans-LightItalic.7f73efec.woff) format("woff"),url(/_next/static/media/GeneralSans-LightItalic.e6e64ef4.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:GeneralSans-Regular;src:url(/_next/static/media/GeneralSans-Regular.eb38d80f.woff2) format("woff2"),url(/_next/static/media/GeneralSans-Regular.f134b2c5.woff) format("woff"),url(/_next/static/media/GeneralSans-Regular.8385b74e.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:GeneralSans-Italic;src:url(/_next/static/media/GeneralSans-Italic.1591f333.woff2) format("woff2"),url(/_next/static/media/GeneralSans-Italic.4d10de11.woff) format("woff"),url(/_next/static/media/GeneralSans-Italic.134179e3.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:GeneralSans-Medium;src:url(/_next/static/media/GeneralSans-Medium.c769b9ad.woff2) format("woff2"),url(/_next/static/media/GeneralSans-Medium.b9031fab.woff) format("woff"),url(/_next/static/media/GeneralSans-Medium.c34e9c35.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:GeneralSans-MediumItalic;src:url(/_next/static/media/GeneralSans-MediumItalic.b37bd3e5.woff2) format("woff2"),url(/_next/static/media/GeneralSans-MediumItalic.2788023b.woff) format("woff"),url(/_next/static/media/GeneralSans-MediumItalic.642c9c72.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:GeneralSans-Semibold;src:url(/_next/static/media/GeneralSans-Semibold.bd2e31d9.woff2) format("woff2"),url(/_next/static/media/GeneralSans-Semibold.585130ff.woff) format("woff"),url(/_next/static/media/GeneralSans-Semibold.ff52cb15.ttf) format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:GeneralSans-SemiboldItalic;src:url(/_next/static/media/GeneralSans-SemiboldItalic.b935fc7b.woff2) format("woff2"),url(/_next/static/media/GeneralSans-SemiboldItalic.0161e1fc.woff) format("woff"),url(/_next/static/media/GeneralSans-SemiboldItalic.39427ce2.ttf) format("truetype");font-weight:600;font-display:swap;font-style:italic}@font-face{font-family:GeneralSans-Bold;src:url(/_next/static/media/GeneralSans-Bold.ae798fbc.woff2) format("woff2"),url(/_next/static/media/GeneralSans-Bold.0e97a8c2.woff) format("woff"),url(/_next/static/media/GeneralSans-Bold.9b0dfc2b.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:GeneralSans-BoldItalic;src:url(/_next/static/media/GeneralSans-BoldItalic.1dc66636.woff2) format("woff2"),url(/_next/static/media/GeneralSans-BoldItalic.a9f06465.woff) format("woff"),url(/_next/static/media/GeneralSans-BoldItalic.f9645128.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}