@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}}