: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-form-item .ant-input-number+.ant-form-text{margin-left:8px}.ant-form-inline{display:flex;flex-wrap:wrap}.ant-form-inline .ant-form-item{flex:none;flex-wrap:nowrap;margin-right:16px;margin-bottom:0}.ant-form-inline .ant-form-item-with-help{margin-bottom:24px}.ant-form-inline .ant-form-item>.ant-form-item-control,.ant-form-inline .ant-form-item>.ant-form-item-label{display:inline-block;vertical-align:top}.ant-form-inline .ant-form-item>.ant-form-item-label{flex:none}.ant-form-inline .ant-form-item .ant-form-item-has-feedback,.ant-form-inline .ant-form-item .ant-form-text{display:inline-block}.ant-form-horizontal .ant-form-item-label{flex-grow:0}.ant-form-horizontal .ant-form-item-control{flex:1 1 0;min-width:0}.ant-form-horizontal .ant-form-item-label[class$="-24"]+.ant-form-item-control,.ant-form-horizontal .ant-form-item-label[class*="-24 "]+.ant-form-item-control{min-width:unset}.ant-form-vertical .ant-form-item{flex-direction:column}.ant-form-vertical .ant-form-item-label>label{height:auto}.ant-col-24.ant-form-item-label,.ant-col-xl-24.ant-form-item-label,.ant-form-vertical .ant-form-item-label{padding:0 0 8px;line-height:1.2;white-space:normal;text-align:left}.ant-col-24.ant-form-item-label>label,.ant-col-xl-24.ant-form-item-label>label,.ant-form-vertical .ant-form-item-label>label{margin:0}.ant-col-24.ant-form-item-label>label:after,.ant-col-xl-24.ant-form-item-label>label:after,.ant-form-vertical .ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-24.ant-form-item-label,.ant-form-rtl.ant-col-xl-24.ant-form-item-label,.ant-form-rtl.ant-form-vertical .ant-form-item-label{text-align:right}@media (max-width:575px){.ant-form-item .ant-form-item-label{padding:0 0 8px;line-height:1.2;white-space:normal;text-align:left}.ant-form-item .ant-form-item-label>label{margin:0}.ant-form-item .ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-form-item .ant-form-item-label{text-align:right}.ant-form .ant-form-item{flex-wrap:wrap}.ant-form .ant-form-item .ant-form-item-control,.ant-form .ant-form-item .ant-form-item-label{flex:0 0 100%;max-width:100%}.ant-col-xs-24.ant-form-item-label{padding:0 0 8px;line-height:1.2;white-space:normal;text-align:left}.ant-col-xs-24.ant-form-item-label>label{margin:0}.ant-col-xs-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-xs-24.ant-form-item-label{text-align:right}}@media (max-width:767px){.ant-col-sm-24.ant-form-item-label{padding:0 0 8px;line-height:1.2;white-space:normal;text-align:left}.ant-col-sm-24.ant-form-item-label>label{margin:0}.ant-col-sm-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-sm-24.ant-form-item-label{text-align:right}}@media (max-width:991px){.ant-col-md-24.ant-form-item-label{padding:0 0 8px;line-height:1.2;white-space:normal;text-align:left}.ant-col-md-24.ant-form-item-label>label{margin:0}.ant-col-md-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-md-24.ant-form-item-label{text-align:right}}@media (max-width:1199px){.ant-col-lg-24.ant-form-item-label{padding:0 0 8px;line-height:1.2;white-space:normal;text-align:left}.ant-col-lg-24.ant-form-item-label>label{margin:0}.ant-col-lg-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-lg-24.ant-form-item-label{text-align:right}}@media (max-width:1599px){.ant-col-xl-24.ant-form-item-label{padding:0 0 8px;line-height:1.2;white-space:normal;text-align:left}.ant-col-xl-24.ant-form-item-label>label{margin:0}.ant-col-xl-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-xl-24.ant-form-item-label{text-align:right}}.ant-form-item-explain-error{color:#ff4d4f}.ant-form-item-explain-warning{color:#faad14}.ant-form-item-has-feedback .ant-switch{margin:2px 0 4px}.ant-form-item-has-warning .ant-form-item-split{color:#faad14}.ant-form-item-has-error .ant-form-item-split{color:#ff4d4f}.ant-form{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"}.ant-form legend{display:block;width:100%;margin-bottom:20px;padding:0;color:rgba(0,0,0,.45);font-size:24px;line-height:inherit;border:0;border-bottom:1px solid #d1d7e7}.ant-form label{font-size:18px}.ant-form input[type=search]{box-sizing:border-box}.ant-form input[type=checkbox],.ant-form input[type=radio]{line-height:normal}.ant-form input[type=file]{display:block}.ant-form input[type=range]{display:block;width:100%}.ant-form select[multiple],.ant-form select[size]{height:auto}.ant-form input[type=checkbox]:focus,.ant-form input[type=file]:focus,.ant-form input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ant-form output{display:block;padding-top:15px;color:#21284f;font-size:18px;line-height:1.2}.ant-form .ant-form-text{display:inline-block;padding-right:8px}.ant-form-small .ant-form-item-label>label{height:24px}.ant-form-small .ant-form-item-control-input{min-height:24px}.ant-form-large .ant-form-item-label>label{height:40px}.ant-form-large .ant-form-item-control-input{min-height:40px}.ant-form-item{box-sizing:border-box;padding:0;color:#21284f;font-size:18px;font-variant:tabular-nums;line-height:1.2;list-style:none;font-feature-settings:"tnum";margin:0 0 24px;vertical-align:top;transition:margin-bottom .3s linear 17ms}.ant-form-item-with-help{margin-bottom:0;transition:none}.ant-form-item-hidden,.ant-form-item-hidden.ant-row{display:none}.ant-form-item-label{display:inline-block;flex-grow:0;overflow:hidden;white-space:nowrap;text-align:right;vertical-align:middle}.ant-form-item-label-left{text-align:left}.ant-form-item-label-wrap{overflow:unset;line-height:.95em;white-space:unset}.ant-form-item-label>label{position:relative;display:inline-flex;align-items:center;max-width:100%;height:32px;color:#21284f;font-size:18px}.ant-form-item-label>label>.anticon{font-size:18px;vertical-align:top}.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:18px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.ant-form-hide-required-mark .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none}.ant-form-item-label>label .ant-form-item-optional{display:inline-block;margin-left:4px;color:rgba(0,0,0,.45)}.ant-form-hide-required-mark .ant-form-item-label>label .ant-form-item-optional{display:none}.ant-form-item-label>label .ant-form-item-tooltip{color:rgba(0,0,0,.45);cursor:help;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;-webkit-margin-start:4px;margin-inline-start:4px}.ant-form-item-label>label:after{content:":";position:relative;top:-.5px;margin:0 8px 0 2px}.ant-form-item-label>label.ant-form-item-no-colon:after{content:" "}.ant-form-item-control{display:flex;flex-direction:column;flex-grow:1}.ant-form-item-control:first-child:not([class^=ant-col-]):not([class*=" ant-col-"]){width:100%}.ant-form-item-control-input{position:relative;display:flex;align-items:center;min-height:32px}.ant-form-item-control-input-content{flex:auto;max-width:100%}.ant-form-item-explain,.ant-form-item-extra{clear:both;color:rgba(0,0,0,.45);font-size:18px;line-height:1.2;transition:color .3s cubic-bezier(.215,.61,.355,1)}.ant-form-item-explain-connected{height:0;min-height:0;opacity:0}.ant-form-item-extra{min-height:24px}.ant-form-item-with-help .ant-form-item-explain{height:auto;min-height:24px;opacity:1}.ant-form-item-feedback-icon{font-size:18px;text-align:center;visibility:visible;-webkit-animation:zoomIn .3s cubic-bezier(.12,.4,.29,1.46);animation:zoomIn .3s cubic-bezier(.12,.4,.29,1.46);pointer-events:none}.ant-form-item-feedback-icon-success{color:#52c41a}.ant-form-item-feedback-icon-error{color:#ff4d4f}.ant-form-item-feedback-icon-warning{color:#faad14}.ant-form-item-feedback-icon-validating{color:#074e9f}.ant-show-help{transition:height .3s linear,min-height .3s linear,margin-bottom .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1)}.ant-show-help-leave{min-height:24px}.ant-show-help-leave-active{min-height:0}.ant-show-help-item{overflow:hidden;transition:height .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)!important}.ant-show-help-item-appear,.ant-show-help-item-enter{transform:translateY(-5px);opacity:0}.ant-show-help-item-appear-active,.ant-show-help-item-enter-active{transform:translateY(0);opacity:1}.ant-show-help-item-leave-active{transform:translateY(-5px)}@-webkit-keyframes diffZoomIn1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes diffZoomIn1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes diffZoomIn2{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes diffZoomIn2{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes diffZoomIn3{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes diffZoomIn3{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.ant-form-rtl{direction:rtl}.ant-form-rtl .ant-form-item-label{text-align:left}.ant-form-rtl .ant-form-item-label>label.ant-form-item-required:before{margin-right:0;margin-left:4px}.ant-form-rtl .ant-form-item-label>label:after{margin:0 2px 0 8px}.ant-form-rtl .ant-form-item-label>label .ant-form-item-optional{margin-right:4px;margin-left:0}.ant-col-rtl .ant-form-item-control:first-child{width:100%}.ant-form-rtl .ant-form-item-has-feedback .ant-input{padding-right:11px;padding-left:24px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix{padding-right:11px;padding-left:18px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input,.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number{padding:0}.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix{right:auto;left:28px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-number{padding-left:18px}.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-clear{right:auto;left:32px}.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value{padding-right:0;padding-left:42px}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow{margin-right:0;margin-left:19px}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear{right:auto;left:32px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker,.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large{padding-right:11px;padding-left:34.4px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small{padding-right:7px;padding-left:30.4px}.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon{right:auto;left:0}.ant-form-rtl.ant-form-inline .ant-form-item{margin-right:0;margin-left:16px}