.ant-spin{box-sizing:border-box;margin:0;padding:0;color:#21284f;font-size:18px;font-variant:tabular-nums;line-height:1.2;list-style:none;font-feature-settings:"tnum";position:absolute;display:none;color:#074e9f;text-align:center;vertical-align:middle;opacity:0;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.ant-spin-spinning{position:static;display:inline-block;opacity:1}.ant-spin-nested-loading{position:relative}.ant-spin-nested-loading>div>.ant-spin{position:absolute;top:0;left:0;z-index:4;display:block;width:100%;height:100%;max-height:400px}.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot{position:absolute;top:50%;left:50%;margin:-10px}.ant-spin-nested-loading>div>.ant-spin .ant-spin-text{position:absolute;top:50%;width:100%;padding-top:3px;text-shadow:0 1px 2px #fff}.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot{margin-top:-20px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot{margin:-7px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text{padding-top:0}.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot{margin-top:-17px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot{margin:-16px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text{padding-top:9px}.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot{margin-top:-26px}.ant-spin-container{position:relative;transition:opacity .3s}.ant-spin-container:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:none\9;width:100%;height:100%;background:#fff;opacity:0;transition:all .3s;content:"";pointer-events:none}.ant-spin-blur{clear:both;opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.ant-spin-blur:after{opacity:.4;pointer-events:auto}.ant-spin-tip{color:rgba(0,0,0,.45)}.ant-spin-dot{position:relative;display:inline-block;font-size:20px;width:1em;height:1em}.ant-spin-dot-item{position:absolute;display:block;width:9px;height:9px;background-color:#074e9f;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;-webkit-animation:antSpinMove 1s linear infinite alternate;animation:antSpinMove 1s linear infinite alternate}.ant-spin-dot-item:first-child{top:0;left:0}.ant-spin-dot-item:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.ant-spin-dot-item:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.ant-spin-dot-item:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}.ant-spin-dot-spin{transform:rotate(0deg);-webkit-animation:antRotate 1.2s linear infinite;animation:antRotate 1.2s linear infinite}.ant-spin-sm .ant-spin-dot{font-size:14px}.ant-spin-sm .ant-spin-dot i{width:6px;height:6px}.ant-spin-lg .ant-spin-dot{font-size:32px}.ant-spin-lg .ant-spin-dot i{width:14px;height:14px}.ant-spin.ant-spin-show-text .ant-spin-text{display:block}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-spin-blur{background:#fff;opacity:.5}}@-webkit-keyframes antSpinMove{to{opacity:1}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antRotate{to{transform:rotate(1turn)}}@keyframes antRotate{to{transform:rotate(1turn)}}.ant-spin-rtl{direction:rtl}.ant-spin-rtl .ant-spin-dot-spin{transform:rotate(-45deg);-webkit-animation-name:antRotateRtl;animation-name:antRotateRtl}@-webkit-keyframes antRotateRtl{to{transform:rotate(-405deg)}}@keyframes antRotateRtl{to{transform:rotate(-405deg)}}:root{--primary-50:#dcf0f5;--primary-100:#95d5e8;--primary-300:#42a4cf;--primary-500:#0074b6;--primary-700:#003b69;--primary-900:#002342}.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ellipsis2{-webkit-line-clamp:2}.ellipsis2,.ellipsis3{text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}.ellipsis3{-webkit-line-clamp:3}.ellipsis4{-webkit-line-clamp:4}.ellipsis4,.ellipsis5{text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}.ellipsis5{-webkit-line-clamp:5}.font-kanit{font-family:Kanit,sans-serif}.card-course>.hover-image{position:relative;text-align:center}.card-course>.hover-image img{position:relative;z-index:1;line-height:1}.card-course>.hover-image>.hover{position:absolute;top:0;left:0;right:0;bottom:0;visibility:hidden}.card-course>.hover-image>.hover,.card-course>.hover-image>.hover>span{z-index:2;opacity:0;display:flex;align-items:center;justify-content:center}.card-course>.hover-image>.hover>span{position:relative;border:1px solid #fff;border-radius:10px;width:168px;height:40px;color:#fff;transform:translateY(0)}.card-course>.hover-image>.hover:before{z-index:1;content:"";position:absolute;width:100%;height:100%;background:rgba(40,40,40,.5);opacity:0}.card-course:hover>.hover-image .hover{visibility:visible;opacity:1}.card-course:hover>.hover-image .hover>span{-webkit-animation:hoverOpacityTranslateY .2s linear .2s forwards;animation:hoverOpacityTranslateY .2s linear .2s forwards}.card-course:hover>.hover-image .hover:before{-webkit-animation:hoverOpacity .3s linear forwards;animation:hoverOpacity .3s linear forwards}@-webkit-keyframes hoverOpacity{0%{opacity:0}to{opacity:1}}@keyframes hoverOpacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hoverOpacityTranslateY{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hoverOpacityTranslateY{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ant-btn[disabled],.ant-btn[disabled]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover{border-color:transparent}.myJourneySearch .ant-btn{border-color:#d1d7e7}.myJourneySearch .ant-btn:active,.myJourneySearch .ant-btn:focus,.myJourneySearch .ant-btn:hover{border-color:#074e9f}.card-course-id-btn{border:1px solid #074e9f!important;color:#074e9f!important;background:#cae9fa!important}.antd-download-btn{border:1px solid #074e9f;color:#074e9f}.verify-button,.verify-button-learning-path{color:#faad14;border-color:#faad14}.verify-button-learning-path:focus,.verify-button-learning-path:hover{color:#faad14!important;border-color:#faad14!important}.verify-button-learning-path:after{all:unset!important}.ant-input{font-size:18px!important}.ant-upload.ant-upload-select-picture-card{width:120px;height:120px;background-color:#f7f9ff;margin-bottom:0;margin-right:0}.ant-form-item{margin-bottom:30px}.ant-input[disabled],.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{border:none}.selectContentType .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:48px}.selectContentType .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item{line-height:48px}.myJourneySearch .ant-input.ant-input-lg{height:40px}.select-my-group .ant-select-selection-item{background-color:transparent;border-radius:12px;border-color:#074e9f;color:#074e9f;font-weight:400;font-size:18px;line-height:16px}.large-modal .ant-modal-confirm-body .ant-modal-confirm-title{margin-bottom:12px;font-size:40px;font-weight:600}@media (min-width:1024px){.large-modal .ant-modal-confirm-body .ant-modal-confirm-title{margin-bottom:24px}}.large-modal .ant-modal-confirm-body .ant-modal-confirm-content{font-size:20px;color:#6878ab;margin-bottom:12px;margin-top:0}@media (min-width:1024px){.large-modal .ant-modal-confirm-body .ant-modal-confirm-content{margin-bottom:20px}}.large-modal .ant-modal-body{padding:32px 30px 22px!important}@media (max-width:424px){.large-modal .ant-modal-body{padding:32px 30px!important}}.large-modal .ant-modal-confirm-btns{margin-top:0;font-size:26px;flex-direction:column-reverse;display:flex;float:none;padding-left:68px;padding-right:68px}.large-modal .ant-modal-confirm-btns .ant-btn.ant-btn-primary.ant-btn-lg{margin-left:0;margin-bottom:8px}@media (max-width:424px){.large-modal .ant-modal-confirm-btns{flex-direction:column-reverse}.large-modal .ant-modal-confirm-btns .ant-btn-primary{margin-left:0!important}.large-modal .ant-modal-confirm-btns .ant-btn+.ant-btn-primary{margin-bottom:8px!important}}.test-modal .ant-modal-confirm-btns{flex-direction:column-reverse}.test-modal .ant-btn.ant-btn-primary.ant-btn-lg{margin-left:0;margin-bottom:8px}.policy-modal .ant-modal-confirm-body .ant-modal-confirm-title{font-size:48px;font-weight:700;width:100%;text-align:start;padding:48px 48px 32px}.policy-modal .ant-modal-confirm-body .ant-modal-confirm-content{font-size:20px;margin-bottom:20px;margin-top:0;width:100%;padding:0 48px}.policy-modal .ant-modal-body{padding:0!important}.policy-modal .ant-modal-confirm-btns{box-shadow:0 -4px 5px rgba(104,120,171,.14),0 -1px 10px rgba(104,120,171,.12);margin-top:0!important;display:block!important;text-align:right;padding:24px 32px}@media (max-width:426px){.policy-modal .ant-modal-confirm-btns{text-align:center}}.policy-modal .ant-modal-confirm-btns .ant-btn{font-size:22px;font-weight:500;height:100%;padding:6px 32.5px}.ant-modal.ant-modal-confirm.ant-modal-confirm-confirm.policy-modal{width:960px!important;height:778px}.ant-modal-confirm-body{display:grid}.ant-modal-confirm .ant-modal-body{padding:40px 33px 24px}.ant-modal-confirm-title{margin-top:8px}.ant-modal-confirm-body .ant-modal-confirm-title{font-size:24px;font-weight:600;line-height:32px}.ant-modal-confirm-body .ant-modal-confirm-content{font-size:18px;font-weight:400;line-height:22px;color:#6878ab;margin-bottom:0}.ant-modal-confirm-body{text-align:center;justify-items:center}.ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content{margin-left:0}.ant-modal-confirm-body>.anticon{font-size:32px;margin-right:0}.ant-modal-confirm .ant-modal-confirm-btns{float:none;width:100%;display:flex;margin-top:24px}@media (max-width:424px){.ant-modal-confirm .ant-modal-confirm-btns{padding-inline:0}}.ant-modal-confirm-btns .ant-btn{flex:1}.news-modal{box-shadow:0 4px 5px rgba(104,120,171,.14),0 1px 10px rgba(104,120,171,.12)}.ant-steps-item.ant-steps-item-active>.ant-steps-item-container>.ant-steps-item-icon,.ant-steps-item.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-icon{background-color:#074e9f}.ant-steps-item.ant-steps-item-active>.ant-steps-item-container>.ant-steps-item-icon .ant-steps-icon,.ant-steps-item.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-icon .ant-steps-icon{color:#fff}.ant-steps-item.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-icon{background-color:#d1d7e7}.ant-steps-item.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-icon .ant-steps-icon{color:#6878ab}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container .ant-steps-item-icon{width:48px;height:48px}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container .ant-steps-item-icon .anticon{vertical-align:middle}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container .ant-steps-item-title{height:48px}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container .ant-steps-item-tail{left:22px!important;padding:38px 0 0!important;z-index:-1}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container .ant-steps-item-tail:after{width:4px!important}.ant-steps-item-icon{display:flex!important;justify-content:center;align-items:center}.ant-steps-item-wait .ant-steps-item-icon{background-color:#d1d7e7;border:none}.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon{color:#6878ab}.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#d1d7e7}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#074e9f}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container .ant-steps-item-title{display:flex;align-items:center}.ant-steps-item-description{font-size:20px;color:#6878ab!important}.ant-steps-item-title{color:#21284f!important}.myJourneyStep>.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#d1d7e7}.myJourneyStep.ant-steps-small .ant-steps-item-tail{margin-left:45px}.myJourneyStep.ant-steps-small .ant-steps-item-icon{width:10px;height:10px;margin-left:42px}.myJourneyStep.ant-steps-small .ant-steps-item-content{width:90px}.interest-step .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail:after,.interest-step>.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#97d0f5}.ant-tabs-nav{margin:0!important}.myGroup .ant-tabs-tab,.myGroup .ant-tabs-tab+.ant-tabs-tab{margin:0 16px;font-size:20px;font-weight:400;line-height:24px;color:#21284f}.ant-tag{border-color:#074e9f}#datastores .ant-tag{margin:0}.ant-tag-error{border-color:#f5222d;display:flex}.tag-filters .ant-select-selector{cursor:pointer!important}.tag-filters .ant-select-selection-overflow{overflow:hidden;flex-wrap:nowrap}.tag-filters-checkbox .ant-collapse-header{padding:0!important;border-bottom:1px dashed #6878ab;align-items:center!important;height:40px}.tag-filters-checkbox .ant-collapse-content-box{padding:12px 0 0!important}.tag-filters-checkbox .ant-collapse-header-text{order:1}.tag-filters-checkbox .ant-collapse-expand-icon{order:2;cursor:pointer}.tag-filters-checkbox .ant-collapse-extra{order:3}.ant-tooltip-inner{padding:8px 10px!important}.category-section .ant-tabs-tab,.category-section .ant-tabs-tab+.ant-tabs-tab{width:100%;justify-content:center}.category-section .ant-tabs-nav-list{width:100%!important;text-align:center}.category-section .ant-tabs-tab .ant-tabs-tab-active .ant-tabs-tab-btn{color:#21284f}.category-section .ant-tabs-tab .ant-tabs-tab-btn{color:#6878ab}.bg-custom-purple-50{background-color:#efebf5}.slider .slide{opacity:.3}.slider .selected{opacity:1!important}.nps-score-radio-wrapper.ant-radio-button-wrapper{border-radius:8px;margin-right:8px;border-left-width:1px;flex:1;text-align:center}.nps-score-radio-wrapper.ant-radio-button-wrapper:first-child,.nps-score-radio-wrapper.ant-radio-button-wrapper:last-child{border-radius:8px}.nps-score-radio-wrapper.ant-radio-button-wrapper:not(:first-child):before{width:0}.ant-radio-group.ant-radio-group-solid.nps-score-group{display:flex}.ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-left:0}.share-modal .ant-modal-confirm-body{text-align:start!important}.share-modal .ant-modal-confirm-body .ant-modal-confirm-content{width:100%}.share-modal .ant-modal-confirm-body .ant-modal-confirm-title{font-size:24px;font-weight:400;width:100%;text-align:start}.share-modal .ant-input-prefix{color:#d1d7e7}.share-modal .ant-modal-confirm-btns{display:block!important;text-align:right;border-top:1px solid #d0d5dd;padding-top:24px}.share-modal .ant-modal-confirm-btns .ant-btn{width:128px}.ant-modal.ant-modal-confirm.ant-modal-confirm-confirm.share-modal{width:600px!important}.test-table-component .ant-table .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{display:none}.test-table-component .ant-table .ant-table-thead .ant-table-cell{background-color:#fff}.test-table-component-striped-rows tr:nth-child(2n) td{background-color:#f7f9ff}.ant-progress.review .ant-progress-outer .ant-progress-inner{background:rgba(0,0,0,.06);border-radius:0}.ant-progress.review .ant-progress-bg,.ant-progress.review .ant-progress-success-bg{background:#ffd100;border-radius:0}.ant-rate{color:#ffd100}.ant-rate .ant-rate-star-zero .ant-rate-star-first,.ant-rate .ant-rate-star-zero .ant-rate-star-second{color:rgba(0,0,0,.06)}.ant-rate .ant-rate-star-half.ant-rate-star-active .ant-rate-star-first{color:#ffd100}.ant-rate .ant-rate-star-half.ant-rate-star-active .ant-rate-star-second{color:rgba(0,0,0,.06)}.course-collaps .ant-collapse-header{background-color:var(--primary-500);border-radius:8px!important;color:#fff}.course-collaps .anticon.anticon-right.ant-collapse-arrow{color:#fff}.course-collaps .ant-collapse-content-box{padding:0}.ant-radio-inner,.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type=radio]{width:20px!important;height:20px!important}.ant-radio-inner{border-color:#545859!important}.ant-radio-inner:after{background-color:var(--primary-500)!important;width:20px!important;height:20px!important;margin-top:-10px!important;margin-left:-10px!important}.ant-radio-checked .ant-radio-inner{border-color:var(--primary-500)!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-500)!important;border-color:var(--primary-500)!important}.ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:999px;background-color:#074e9f;border:none;color:#fff}.anticon.anticon-down.ant-select-suffix{color:#fff}@font-face{font-family:Kanit;font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKX-Go6G5tXcr72GwU.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKU-Go6G5tXcr5aOiWg.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKU-Go6G5tXcr4-OSWg.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKZ-Go6G5tXcoaS.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKU-Go6G5tXcr5mOCWg.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKU-Go6G5tXcr5KPyWg.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKU-Go6G5tXcr4uPiWg.ttf) format("truetype")}@font-face{font-family:Prompt;font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/prompt/v10/-W_9XJnvUD7dzB2CA9oY.ttf) format("truetype")}@font-face{font-family:Prompt;font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/prompt/v10/-W_8XJnvUD7dzB2Cr_s4bg.ttf) format("truetype")}@font-face{font-family:Prompt;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/prompt/v10/-W_8XJnvUD7dzB2Cy_g4bg.ttf) format("truetype")}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/prompt/v10/-W__XJnvUD7dzB26Zw.ttf) format("truetype")}@font-face{font-family:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/prompt/v10/-W_8XJnvUD7dzB2Ck_k4bg.ttf) format("truetype")}@font-face{font-family:CPF Imm Sook;font-weight:400;font-display:swap;src:url("/fonts/CPF Imm Sook Regular.ttf")}@font-face{font-family:CPF Imm Sook;font-weight:600;font-display:swap;src:url("/fonts/CPF Imm Sook SemiBold.ttf")}@font-face{font-family:CPF Imm Sook;font-weight:700;font-display:swap;src:url("/fonts/CPF Imm Sook Bold.ttf")}.wrapper-react-draft{background:#fff;border:1px solid #d1d7e7;border-radius:8px}.wrapper-react-draft .react-draft-toolbar{margin-top:4px;padding-bottom:4px;border:none;border-bottom:1px solid #d1d7e7;border-radius:0}.wrapper-react-draft .react-draft-editor{padding:0 20px;min-height:164px}.editor-preview img{display:inline-block}.admin-support-component button{cursor:pointer!important}.admin-support-component button.button-open{width:60px;height:60px;margin-left:auto}@media only screen and (max-width:768px){.admin-support-component button.button-open{width:56px;height:56px;padding:0;align-items:center;justify-content:center}.admin-support-component button.button-open>span{display:none}}.admin-support-component .wrap-content-open{width:432px;max-height:724px;overflow:hidden;box-shadow:0 4px 20px rgba(10,81,161,.1)}@media only screen and (max-width:425px){.admin-support-component .wrap-content-open{width:calc(100vw - 40px)}}.learning-paths-button{display:flex!important}.learning-paths-button.mobile{display:none!important}@media only screen and (max-width:768px){.learning-paths-button{display:none!important}.learning-paths-button.mobile{display:flex!important}}.tab-learning-path .ant-tabs-nav-wrap{justify-content:center}.tab-learning-path .ant-tabs-nav-wrap .ant-tabs-tab{height:72px;width:284px;display:flex;justify-content:center;font-family:CPF Imm Sook;font-style:normal;font-weight:600;font-size:24px;line-height:32px}.learning-path{position:relative;z-index:3;overflow:hidden}.learning-path>.background{z-index:-1;top:-20px;right:0;background:#99e7ff;background-position:0 0;overflow:hidden}.learning-path>.background,.learning-path>.background>.leaf{position:absolute;bottom:0;left:0}@media only screen and (max-width:1024px){.learning-path>.background>.leaf{display:none}}.learning-path>.background>.leaf.right{right:0;left:unset}.learning-path>.info{position:absolute;z-index:4;top:0;left:0;bottom:0;transform:translate(-100%);transition:all .3s ease-in-out;width:296px;height:100%;background:#fff;visibility:hidden;overflow:hidden}@media only screen and (max-width:768px){.learning-path>.info{top:unset;height:unset;transform:translateY(100%);width:100%;border-radius:20px 20px 0 0}}.learning-path>.info .button-close-info{background:none;position:absolute;right:8px;top:6px;width:14px;height:14px;padding:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px}.learning-path>.info .question-info{margin-top:40px;padding:0 16px 50px;overflow:auto;height:100%}@media only screen and (max-width:768px){.learning-path>.info .question-info{max-height:587px}}.learning-path>.info .question-info h2{padding:0;margin:0 0 12px;font-family:CPF Imm Sook;font-style:normal;font-weight:700;font-size:24px;line-height:32px;color:#21284f}.learning-path>.info .question-list ul{margin:0;padding:0}.learning-path>.info .question-list ul>li{margin:0;list-style-type:none;padding:16px 0;border-bottom:1px solid #f0f0f0}.learning-path>.info .question-list ul>li>.name{display:flex;align-items:flex-start;position:relative;margin-right:30px}.learning-path>.info .question-list ul>li>.name .wrap-icon{position:absolute;right:-30px;display:flex;align-items:center;justify-content:center}.learning-path>.info .question-list ul>li .ant-progress-text{color:#6878ab}.learning-path>.info .question-list ul>li span{line-height:24px}.learning-path>.info .question-list ul>li .tag{font-family:CPF Imm Sook;font-style:normal;font-weight:400;font-size:16px;display:inline-block;border:1px solid #34c5b2;border-radius:16px;background:#edf9f7;padding:4px 12px;color:#34c5b2;line-height:1}.learning-path.active>.info{transform:translate(0);visibility:visible}@media only screen and (max-width:768px){.learning-path.active>.overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background:none}}.learning-path>.content{flex:1 1 auto;background-repeat:no-repeat;background-position:0 100%;height:100%;overflow:auto;position:relative;z-index:2}.learning-path>.content,.learning-path>.content img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}@media only screen and (max-width:1024px){.learning-path>.content{height:100%}}.learning-path>.content>.header{display:flex;align-items:flex-start;justify-content:space-between;padding-top:32px;max-width:1150px;margin:auto auto 170px}@media only screen and (max-width:1440px){.learning-path>.content>.header{padding:32px 56px 0}}@media only screen and (max-width:1024px){.learning-path>.content>.header{flex-direction:column;padding:19px 16px 0}}@media only screen and (max-width:768px){.learning-path>.content>.header{margin-bottom:70px}}.learning-path>.content>.header h3{font-family:CPF Imm Sook;font-style:normal;font-weight:600;font-size:32px;line-height:42px;color:#21284f;margin-right:20px}@media only screen and (max-width:1024px){.learning-path>.content>.header h3{margin-right:0}}@media only screen and (max-width:768px){.learning-path>.content>.header h3{font-size:24px;line-height:32px}}.learning-path>.content>.header ul{margin:0 -6px;padding:0;display:flex;align-items:center}@media only screen and (max-width:1024px){.learning-path>.content>.header ul{width:100%}}@media only screen and (max-width:542px){.learning-path>.content>.header ul{justify-content:space-between}}.learning-path>.content>.header ul li{list-style-type:none;margin:0 6px;background:#fff;box-shadow:0 4px 5px rgba(104,120,171,.14),0 1px 10px rgba(104,120,171,.12);border-radius:8px;text-align:center;padding:12px 14px;width:128px;display:flex}@media only screen and (max-width:542px){.learning-path>.content>.header ul li{width:100%;flex:1 1 auto}}.learning-path>.content>.header ul li.progress{width:142px;padding:12px 10px}@media only screen and (max-width:542px){.learning-path>.content>.header ul li.progress{width:100%}}.learning-path>.content>.header ul li.progress>.icon{width:42px;height:42px}@media only screen and (max-width:768px){.learning-path>.content>.header ul li.progress>.icon{width:24px;height:24px}}.learning-path>.content>.header ul li.progress>.icon svg circle{stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;stroke:#f7f9ff;stroke-width:12px;transform:rotate(-90deg);transform-origin:center}.learning-path>.content>.header ul li.progress>.icon svg circle.bar{stroke:#faad14}.learning-path>.content>.header ul li>.icon{margin-right:12px}.learning-path>.content>.header ul li .name{font-family:CPF Imm Sook;font-style:normal;font-weight:700;font-size:28px;line-height:1;color:#21284f;text-align:left}@media only screen and (max-width:768px){.learning-path>.content>.header ul li .name{font-size:18px}}.learning-path>.content>.header ul li .label{font-family:CPF Imm Sook;font-style:normal;font-weight:400;font-size:16px;line-height:1;color:#6878ab;text-align:left;white-space:nowrap}@media only screen and (max-width:768px){.learning-path>.content>.header ul li .label{font-size:14px}}.learning-path>.content .style-click{transition:.35s;cursor:pointer;overflow:unset}.learning-path>.content .no-style-click{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;cursor:default}.learning-path>.content .style-click:active,.learning-path>.content .style-click:hover{transition:.35s;transform:scale(1.2)}.learning-path .main-question{max-width:1140px;margin:auto;padding:0 60px 130px;height:auto}@media only screen and (max-width:550px){.learning-path .main-question{max-width:1186px;margin:auto;padding:0 40px 130px;height:auto}}.learning-path .wrap-content{max-width:168px;width:100%;height:160px;margin-bottom:72px;text-align:center;position:relative}@media only screen and (max-width:768px){.learning-path .wrap-content{height:116px;margin-bottom:50px}}.learning-path .wrap-content>.icon-current{position:absolute;top:-20px;left:50%;transform:translate(-50%,-100%)}@media only screen and (max-width:768px){.learning-path .wrap-content>.icon-current{display:none}}@media only screen and (max-width:520px){.learning-path .wrap-content{display:flex;align-items:center;margin-bottom:0;max-width:140px}}.learning-path .wrap-content button.icon{display:inline-block;border:none;background:none;margin:auto;display:flex;align-items:center;justify-content:center;-content:center;transform:scale(1);transition:all .3s ease-in-out;-overflow:ellipsis;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:120px;height:120px}.learning-path .wrap-content button.icon .togger-icon{width:100px;height:100px}.learning-path .wrap-content button.icon .wrap-pct>svg{width:120px;height:120px}@media only screen and (max-width:520px){.learning-path .wrap-content button.icon,.learning-path .wrap-content button.icon .wrap-pct>svg{width:80px;height:80px}.learning-path .wrap-content button.icon .togger-icon{width:60px;height:60px}}.learning-path svg .progress circle{stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;stroke:#fff;stroke-width:8px;transform:rotate(-90deg);transform-origin:center}.learning-path svg .progress circle.bar{stroke:#f78d25}.learning-path .wrap-level{position:relative;z-index:3}.learning-path .wrap-level:after{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:0;top:48px;border-left:0;box-sizing:border-box;border-color:#fff #fff transparent transparent;border-style:solid;border-width:6px;border-radius:50%;transform:rotate(45deg)}@media only screen and (max-width:768px){.learning-path .wrap-level:after{width:172px;height:172px;top:58px}}@media only screen and (max-width:520px){.learning-path .wrap-level:after{right:80px;width:120px;height:120px;top:110px;border-width:4px}}.learning-path .wrap-level:nth-child(2n):after{right:unset;left:0;transform:rotate(225deg)}@media only screen and (max-width:520px){.learning-path .wrap-level:nth-child(2n):after{left:80px}}.learning-path .wrap-level:last-child:after{display:none}@media only screen and (max-width:520px){.learning-path .wrap-level:last-child .end:before,.learning-path .wrap-level:nth-last-child(-n+2):after{display:none}}.learning-path .wrap-level .level-list{position:relative;display:flex;justify-content:center}.learning-path .wrap-level .level-list:before{content:"";position:absolute;height:6px;left:0;right:0;top:48px;z-index:-1;background:#fff}@media only screen and (max-width:768px){.learning-path .wrap-level .level-list:before{top:58px}}@media only screen and (max-width:520px){.learning-path .wrap-level .level-list:before{height:4px;left:140px;right:140px;top:110px}}.learning-path .wrap-level .level-list:first-child:before{left:50%}@media only screen and (max-width:520px){.learning-path .wrap-level .level-list:first-child:before{left:140px}}.learning-path .wrap-level .level-list:last-child:before{right:50%}@media only screen and (max-width:520px){.learning-path .wrap-level .level-list:last-child:before{right:140px}}.learning-path .wrap-level .level-list.end img,.learning-path .wrap-level .level-list.start img{max-width:150px;max-height:160px}@media only screen and (max-width:520px){.learning-path .wrap-level .level-list.end,.learning-path .wrap-level .level-list.start{justify-content:center}.learning-path .wrap-level .level-list.start .wrap-content{transform:translate(-70px,50px)}.learning-path .wrap-level .level-list.end .wrap-content{transform:translate(-70px,-50px)}.learning-path .wrap-level .level-list{justify-content:flex-start}.learning-path .wrap-level .level-list .wrap-content button.icon{order:1}.learning-path .wrap-level .level-list .wrap-content .learning-path-wrap-name-text{order:0}}@media only screen and (max-width:768px){.learning-path .wrap-level:nth-child(2n) .level-list{flex:0 0 100%!important}.learning-path .wrap-level:nth-child(2n) .level-list:first-child:before{left:86px;right:86px}.learning-path .wrap-level:nth-child(2n) .level-list.end:before{left:300px}}@media only screen and (max-width:520px){.learning-path .wrap-level:nth-child(2n) .level-list{justify-content:flex-end}.learning-path .wrap-level:nth-child(2n) .level-list:first-child:before{left:140px;right:140px;top:110px;height:4px}.learning-path .wrap-level:nth-child(2n) .level-list .wrap-content button.icon{order:0}.learning-path .wrap-level:nth-child(2n) .level-list .wrap-content .learning-path-wrap-name-text{order:1}}.learning-path-tabs .ant-tabs-nav-list{display:flex;align-items:center;justify-content:space-between;width:100%}.learning-path-tabs .ant-tabs-tab{width:50%;justify-content:center}.learning-index-container{background-color:#21284f}.ant-progress-status-success .ant-progress-bg{background-color:#ffb400!important}.learning-path-collapse-custom-collapse{padding-inline:20px}.learning-path-collapse-custom-collapse .learning-path-collapse-custom-panel .ant-collapse-header{position:relative;padding:12px 40px 12px 0}.learning-path-collapse-custom-collapse .learning-path-collapse-custom-panel .ant-collapse-content>.ant-collapse-content-box{padding-inline:0}.learning-path-breadcrumb>ol>li{display:flex}.retest-modal .ant-modal-confirm-btns{flex:auto;flex-direction:column-reverse}.retest-modal .ant-btn-primary{margin-bottom:10px!important;margin-left:0!important}.my-journey-complete{background-color:#52c41a}.my-journey-failed{background-color:#f5222d}.my-journey-verifying{background-color:#ffd666}.my-journey-expired{background-color:#64748b}.my-journey-not-start{background-color:#6878ab}.my-journey-in-progress{background-color:#faad14}.my-journey-lastadd-text{color:#074e9f}.ant-pagination{background-color:#fff}.ant-pagination-item-active{background-color:#074e9f;border-color:#074e9f}.ant-pagination-item-active a,.ant-pagination-item-active a:hover{color:#fff}.ant-pagination-disabled .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{display:flex;justify-content:center;align-items:center}.react-transform-wrapper{margin:auto!important}.slick-slider.hero-banner .slick-slide{line-height:0}.slick-slider.hero-banner .slick-dots .slick-active>div{background:#fff}.slick-slider.slider-modal-news .slick-dots .slick-active button{background:#000}.slick-slider.slider-modal-news .slick-dots button{height:14px;width:14px;background:#d9d9d9;border-radius:100%;overflow:hidden}.slick-slider.slider-modal-news .slick-dots button:before{display:none}.ant-typography{color:#21284f;overflow-wrap:break-word}.ant-typography.ant-typography-secondary{color:rgba(0,0,0,.45)}.ant-typography.ant-typography-success{color:#52c41a}.ant-typography.ant-typography-warning{color:#faad14}.ant-typography.ant-typography-danger{color:#ff4d4f}a.ant-typography.ant-typography-danger:active,a.ant-typography.ant-typography-danger:focus{color:#d9363e}a.ant-typography.ant-typography-danger:hover{color:#ff7875}.ant-typography.ant-typography-disabled{color:rgba(0,0,0,.25);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-typography p,div.ant-typography{margin-bottom:1em}.ant-typography h1,div.ant-typography-h1,div.ant-typography-h1>textarea,h1.ant-typography{margin-bottom:.5em;color:#21284f;font-weight:600;font-size:49px;line-height:1.23}.ant-typography h2,div.ant-typography-h2,div.ant-typography-h2>textarea,h2.ant-typography{margin-bottom:.5em;color:#21284f;font-weight:600;font-size:39px;line-height:1.35}.ant-typography h3,div.ant-typography-h3,div.ant-typography-h3>textarea,h3.ant-typography{margin-bottom:.5em;color:#21284f;font-weight:600;font-size:31px;line-height:1.35}.ant-typography h4,div.ant-typography-h4,div.ant-typography-h4>textarea,h4.ant-typography{margin-bottom:.5em;color:#21284f;font-weight:600;font-size:26px;line-height:1.4}.ant-typography h5,div.ant-typography-h5,div.ant-typography-h5>textarea,h5.ant-typography{margin-bottom:.5em;color:#21284f;font-weight:600;font-size:21px;line-height:1.5}.ant-typography div+h1,.ant-typography div+h2,.ant-typography div+h3,.ant-typography div+h4,.ant-typography div+h5,.ant-typography h1+h1,.ant-typography h1+h2,.ant-typography h1+h3,.ant-typography h1+h4,.ant-typography h1+h5,.ant-typography h2+h1,.ant-typography h2+h2,.ant-typography h2+h3,.ant-typography h2+h4,.ant-typography h2+h5,.ant-typography h3+h1,.ant-typography h3+h2,.ant-typography h3+h3,.ant-typography h3+h4,.ant-typography h3+h5,.ant-typography h4+h1,.ant-typography h4+h2,.ant-typography h4+h3,.ant-typography h4+h4,.ant-typography h4+h5,.ant-typography h5+h1,.ant-typography h5+h2,.ant-typography h5+h3,.ant-typography h5+h4,.ant-typography h5+h5,.ant-typography li+h1,.ant-typography li+h2,.ant-typography li+h3,.ant-typography li+h4,.ant-typography li+h5,.ant-typography p+h1,.ant-typography p+h2,.ant-typography p+h3,.ant-typography p+h4,.ant-typography p+h5,.ant-typography ul+h1,.ant-typography ul+h2,.ant-typography ul+h3,.ant-typography ul+h4,.ant-typography ul+h5,.ant-typography+h1.ant-typography,.ant-typography+h2.ant-typography,.ant-typography+h3.ant-typography,.ant-typography+h4.ant-typography,.ant-typography+h5.ant-typography{margin-top:1.2em}a.ant-typography-ellipsis,span.ant-typography-ellipsis{display:inline-block;max-width:100%}.ant-typography a,a.ant-typography{color:#074e9f;outline:none;cursor:pointer;transition:color .3s;text-decoration:none}.ant-typography a:focus,.ant-typography a:hover,a.ant-typography:focus,a.ant-typography:hover{color:#2267ab}.ant-typography a:active,a.ant-typography:active{color:#003478}.ant-typography a:active,.ant-typography a:hover,a.ant-typography:active,a.ant-typography:hover{text-decoration:none}.ant-typography a.ant-typography-disabled,.ant-typography a[disabled],a.ant-typography.ant-typography-disabled,a.ant-typography[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-typography a.ant-typography-disabled:active,.ant-typography a.ant-typography-disabled:hover,.ant-typography a[disabled]:active,.ant-typography a[disabled]:hover,a.ant-typography.ant-typography-disabled:active,a.ant-typography.ant-typography-disabled:hover,a.ant-typography[disabled]:active,a.ant-typography[disabled]:hover{color:rgba(0,0,0,.25)}.ant-typography a.ant-typography-disabled:active,.ant-typography a[disabled]:active,a.ant-typography.ant-typography-disabled:active,a.ant-typography[disabled]:active{pointer-events:none}.ant-typography code{margin:0 .2em;padding:.2em .4em .1em;font-size:85%;background:hsla(0,0%,59%,.1);border:1px solid hsla(0,0%,39%,.2);border-radius:3px}.ant-typography kbd{margin:0 .2em;padding:.15em .4em .1em;font-size:90%;background:hsla(0,0%,59%,.06);border:solid hsla(0,0%,39%,.2);border-width:1px 1px 2px;border-radius:3px}.ant-typography mark{padding:0;background-color:#ffe58f}.ant-typography ins,.ant-typography u{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.ant-typography del,.ant-typography s{text-decoration:line-through}.ant-typography strong{font-weight:600}.ant-typography-copy,.ant-typography-edit,.ant-typography-expand{color:#074e9f;text-decoration:none;outline:none;cursor:pointer;transition:color .3s;margin-left:4px}.ant-typography-copy:focus,.ant-typography-copy:hover,.ant-typography-edit:focus,.ant-typography-edit:hover,.ant-typography-expand:focus,.ant-typography-expand:hover{color:#2267ab}.ant-typography-copy:active,.ant-typography-edit:active,.ant-typography-expand:active{color:#003478}.ant-typography-copy-success,.ant-typography-copy-success:focus,.ant-typography-copy-success:hover{color:#52c41a}.ant-typography-edit-content{position:relative}div.ant-typography-edit-content{left:-12px;margin-top:-5.2px;margin-bottom:calc(1em - 4.2px - 1px)}.ant-typography-edit-content-confirm{position:absolute;right:10px;bottom:8px;color:rgba(0,0,0,.45);font-weight:400;font-size:18px;font-style:normal;pointer-events:none}.ant-typography-edit-content textarea{height:1em;margin:0!important;-moz-transition:none}.ant-typography ol,.ant-typography ul{margin:0 0 1em;padding:0}.ant-typography ol li,.ant-typography ul li{margin:0 0 0 20px;padding:0 0 0 4px}.ant-typography ul{list-style-type:circle}.ant-typography ul ul{list-style-type:disc}.ant-typography ol{list-style-type:decimal}.ant-typography blockquote,.ant-typography pre{margin:1em 0}.ant-typography pre{padding:.4em .6em;white-space:pre-wrap;word-wrap:break-word;background:hsla(0,0%,59%,.1);border:1px solid hsla(0,0%,39%,.2);border-radius:3px}.ant-typography pre code{display:inline;margin:0;padding:0;font-size:inherit;font-family:inherit;background:transparent;border:0}.ant-typography blockquote{padding:0 0 0 .6em;border-left:4px solid hsla(0,0%,39%,.2);opacity:.85}.ant-typography-single-line{white-space:nowrap}.ant-typography-ellipsis-single-line{overflow:hidden;text-overflow:ellipsis}a.ant-typography-ellipsis-single-line,span.ant-typography-ellipsis-single-line{vertical-align:bottom}.ant-typography-ellipsis-multiple-line{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;
  /*! autoprefixer: ignore next */-webkit-box-orient:vertical}.ant-typography-rtl{direction:rtl}.ant-typography-rtl .ant-typography-copy,.ant-typography-rtl .ant-typography-edit,.ant-typography-rtl .ant-typography-expand{margin-right:4px;margin-left:0}.ant-typography-rtl .ant-typography-expand{float:left}div.ant-typography-edit-content.ant-typography-rtl{right:-12px;left:auto}.ant-typography-rtl .ant-typography-edit-content-confirm{right:auto;left:10px}.ant-typography-rtl.ant-typography ol li,.ant-typography-rtl.ant-typography ul li{margin:0 20px 0 0;padding:0 4px 0 0}