@font-face{font-family:"Kanit";font-style:normal;font-weight:100;src:url("../fonts/kanit/Kanit-Thin.woff2") format("woff2"),url("../fonts/kanit/Kanit-Thin.woff") format("woff"),url("../fonts/kanit/Kanit-Thin.ttf") format("truetype");font-display:swap}@font-face{font-family:"Kanit";font-style:normal;font-weight:200;src:url("../fonts/kanit/Kanit-ExtraLight.woff2") format("woff2"),url("../fonts/kanit/Kanit-ExtraLight.woff") format("woff"),url("../fonts/kanit/Kanit-ExtraLight.ttf") format("truetype");font-display:swap}@font-face{font-family:"Kanit";font-style:normal;font-weight:300;src:url("../fonts/kanit/Kanit-Light.woff2") format("woff2"),url("../fonts/kanit/Kanit-Light.woff") format("woff"),url("../fonts/kanit/Kanit-Light.ttf") format("truetype");font-display:swap}@font-face{font-family:"Kanit";font-style:normal;font-weight:400;src:url("../fonts/kanit/Kanit-Regular.woff2") format("woff2"),url("../fonts/kanit/Kanit-Regular.woff") format("woff"),url("../fonts/kanit/Kanit-Regular.ttf") format("truetype");font-display:swap}@font-face{font-family:"Kanit";font-style:normal;font-weight:500;src:url("../fonts/kanit/Kanit-Medium.woff2") format("woff2"),url("../fonts/kanit/Kanit-Medium.woff") format("woff"),url("../fonts/kanit/Kanit-Medium.ttf") format("truetype");font-display:swap}@font-face{font-family:"Kanit";font-style:normal;font-weight:600;src:url("../fonts/kanit/Kanit-SemiBold.woff2") format("woff2"),url("../fonts/kanit/Kanit-SemiBold.woff") format("woff"),url("../fonts/kanit/Kanit-SemiBold.ttf") format("truetype");font-display:swap}@font-face{font-family:"Kanit";font-style:normal;font-weight:700;src:url("../fonts/kanit/Kanit-Bold.woff2") format("woff2"),url("../fonts/kanit/Kanit-Bold.woff") format("woff"),url("../fonts/kanit/Kanit-Bold.ttf") format("truetype");font-display:swap}*{font-size:100%;font-family:"Kanit";font-weight:normal;font-style:normal;font-variant:normal;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;border:0 none rgba(0,0,0,0);border-top:0 none rgba(0,0,0,0);border-bottom:0 none rgba(0,0,0,0);border-left:0 none rgba(0,0,0,0);border-right:0 none rgba(0,0,0,0);vertical-align:baseline;box-sizing:border-box}*:focus{outline:0}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}textarea{resize:none}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}img{pointer-events:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@-webkit-keyframes neon-glow{0%{text-shadow:0 0 5px #dff8ff,0 0 10px #dff8ff,0 0 15px #3e55e4,0 0 20px #3e55e4}35%{text-shadow:0 0 25px #3e55e4,0 0 35px #3e55e4,0 0 45px #3e55e4,0 0 55px #3e55e4}70%{text-shadow:0 0 60px #3e55e4,0 0 65px #3e55e4,0 0 75px #3e55e4,0 0 85px #3e55e4}100%{text-shadow:0 0 25px #3e55e4,0 0 35px #3e55e4,0 0 45px #3e55e4,0 0 55px #3e55e4}}@-moz-keyframes neon-glow{0%{text-shadow:0 0 5px #dff8ff,0 0 10px #dff8ff,0 0 15px #3e55e4,0 0 20px #3e55e4}35%{text-shadow:0 0 25px #3e55e4,0 0 35px #3e55e4,0 0 45px #3e55e4,0 0 55px #3e55e4}70%{text-shadow:0 0 60px #3e55e4,0 0 65px #3e55e4,0 0 75px #3e55e4,0 0 85px #3e55e4}100%{text-shadow:0 0 25px #3e55e4,0 0 35px #3e55e4,0 0 45px #3e55e4,0 0 55px #3e55e4}}@-ms-keyframes neon-glow{0%{text-shadow:0 0 5px #dff8ff,0 0 10px #dff8ff,0 0 15px #3e55e4,0 0 20px #3e55e4}35%{text-shadow:0 0 25px #3e55e4,0 0 35px #3e55e4,0 0 45px #3e55e4,0 0 55px #3e55e4}70%{text-shadow:0 0 60px #3e55e4,0 0 65px #3e55e4,0 0 75px #3e55e4,0 0 85px #3e55e4}100%{text-shadow:0 0 25px #3e55e4,0 0 35px #3e55e4,0 0 45px #3e55e4,0 0 55px #3e55e4}}@keyframes neon-glow{0%{text-shadow:0 0 5px #dff8ff,0 0 10px #dff8ff,0 0 15px #3e55e4,0 0 20px #3e55e4}35%{text-shadow:0 0 25px #3e55e4,0 0 35px #3e55e4,0 0 45px #3e55e4,0 0 55px #3e55e4}70%{text-shadow:0 0 60px #3e55e4,0 0 65px #3e55e4,0 0 75px #3e55e4,0 0 85px #3e55e4}100%{text-shadow:0 0 25px #3e55e4,0 0 35px #3e55e4,0 0 45px #3e55e4,0 0 55px #3e55e4}}@-webkit-keyframes boder_animation{0%{box-shadow:0 0 5px #3e55e4}50%{box-shadow:0 0 10px #dff8ff}100%{box-shadow:0 0 15px #dff8ff}}@-moz-keyframes boder_animation{0%{box-shadow:0 0 5px #3e55e4}50%{box-shadow:0 0 10px #dff8ff}100%{box-shadow:0 0 15px #dff8ff}}@-ms-keyframes boder_animation{0%{box-shadow:0 0 5px #3e55e4}50%{box-shadow:0 0 10px #dff8ff}100%{box-shadow:0 0 15px #dff8ff}}@keyframes boder_animation{0%{box-shadow:0 0 5px #3e55e4}50%{box-shadow:0 0 10px #dff8ff}100%{box-shadow:0 0 15px #dff8ff}}.mobile_menu ul li a,.mobile_menu ul li button,.main_nav ul li a{font-size:clamp(1rem,1.38vw,1.25rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.button_light{font-size:clamp(1rem,1.66vw,1.5rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.main_nav .profile_resume .name{font-size:clamp(1rem,1.25vw,1.125rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.75rem,.97vw,0.875rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.8125rem,1.1vw,1rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course .container .desc p,.learning .cards .card_course .container .number_info .group .desc,.learning .cards .card_course .container .number_info .group .number{font-family:"Kanit";font-size:0.625rem;line-height:14px}.layout1_j{-webkit-align-items:center;align-items:center;-webkit-justify-items:center;justify-items:center;-ms-display:grid;display:grid;grid-template-areas:"a1 a2";grid-template-columns:50px 1fr}.layout1_j .a1{grid-area:a1}.layout1_j .a2{grid-area:a2}.layout2_j{-ms-display:grid;display:grid;grid-gap:25px;grid-template-areas:"b1 b2 b2" "b1 b3 b4";grid-template-columns:235px auto 325px}@media only screen and (max-width: 1175px){.layout2_j{grid-template-columns:235px repeat(2, 1fr)}}@media only screen and (max-width: 768px){.layout2_j{grid-gap:15px;grid-template-areas:"b1" "b2" "b3" "b4";grid-template-columns:1fr}}@media only screen and (max-width: 1175px){.layout2_j.l{grid-gap:10px;grid-template-areas:"b1 b2 b3" "b1 b4 b4";grid-template-columns:235px repeat(2, 1fr)}}@media only screen and (max-width: 768px){.layout2_j.l{grid-gap:15px;grid-template-areas:"b1" "b2" "b3" "b4";grid-template-columns:1fr}}.layout2_j .b1{grid-area:b1}.layout2_j .b2{grid-area:b2}.layout2_j .b3{grid-area:b3}.layout2_j .b4{grid-area:b4}.layout3_j{-ms-display:grid;display:grid;grid-gap:min(1.56vw,30px);grid-template-areas:"c1 c2" "c3 c2";grid-template-columns:1fr auto}@media only screen and (max-width: 768px){.layout3_j{grid-gap:min(1.56vw,30px);grid-template-areas:"c1" "c2" "c3";grid-template-columns:1fr}}.layout3_j .c1{grid-area:c1}.layout3_j .c2{grid-area:c2}.layout3_j .c3{grid-area:c3}.layout1_k{-ms-display:grid;display:grid;grid-template-areas:"area1 area2";grid-template-columns:45% 55%}@media only screen and (max-width: 980px){.layout1_k{grid-template-areas:"area2" "area1";grid-template-columns:auto}}.layout1_k .area1{grid-area:area1}.layout1_k .area2{grid-area:area2}.layout2_k{-ms-display:grid;display:grid;grid-template-areas:"menu header" "menu content" "menu footer";grid-template-columns:280px 1fr;grid-template-rows:100px auto auto}@media only screen and (max-width: 980px){.layout2_k{grid-template-areas:"header" "content" "footer";grid-template-columns:100%}}.layout2_k .menu{grid-area:menu}.layout2_k .content{grid-area:content}.layout2_k .header{grid-area:header}.layout2_k .footer{grid-area:footer}.layout4_k{-ms-display:grid;display:grid;grid-template-areas:"area1 area2" "area3 area4" "area5 area4";grid-template-columns:1fr .5fr;grid-template-rows:auto 191px auto;grid-gap:16px}@media only screen and (max-width: 1280px){.layout4_k{grid-template-rows:auto auto auto}}@media only screen and (max-width: 980px){.layout4_k{grid-template-areas:"area1" "area3" "area5" "area4" "area2";grid-template-columns:100%;gap:16px}}.layout4_k .title-content{grid-area:area1}.layout4_k .button_dark{grid-area:area2}.layout4_k .task{grid-area:area3}.layout4_k .cards-task{grid-area:area4}.layout4_k .history{grid-area:area5}.layout5_k{-ms-display:grid;display:grid;grid-template-areas:"area1 area2 area3";grid-template-columns:.5fr 1fr .5fr;grid-column-gap:32px}@media only screen and (max-width: 1280px){.layout5_k{column-gap:0;row-gap:26px;grid-template-areas:"area1" "area3" "area2";grid-template-columns:100%}}.layout5_k .area1{grid-area:area1}.layout5_k .area2{grid-area:area2}.layout5_k .area3{grid-area:area3}.layout1_l{-ms-display:grid;display:grid;grid-gap:24px 0;grid-template-areas:"title btn" "cards cards";grid-template-rows:40px min-content}@media only screen and (max-width: 980px){.layout1_l{align-items:center}}.layout1_l .title{grid-area:title}.layout1_l .cards{grid-area:cards}@media only screen and (max-width: 980px){.layout1_l .cards{justify-self:center}}.layout1_l .button{grid-area:btn;justify-self:end}@media only screen and (max-width: 980px){.layout1_l .button{justify-self:center}}.layout2_l{-ms-display:grid;display:grid;grid-gap:0 18px;grid-template-areas:"title ... btn" "img text text" "img time date"}.layout2_l .title{grid-area:title}.layout2_l .button{grid-area:btn}.layout2_l .text{grid-area:text}.layout2_l .image{grid-area:img}.layout2_l .time{grid-area:time}.layout2_l .date{grid-area:date}.layout3_l{-ms-display:grid;display:grid;grid-gap:25px 16px;grid-template-areas:"refer performance" "refer history" "useful history";grid-template-columns:266px auto;grid-template-rows:auto min-content}@media only screen and (max-width: 980px){.layout3_l{grid-gap:0 18px;grid-template-areas:"performance" "history" "refer" "useful";grid-template-columns:auto}}.layout3_l .refer{grid-area:refer}.layout3_l .performance_1{grid-area:performance}.layout3_l .useful{grid-area:useful}.layout3_l .history{grid-area:history}.layout4_l{-ms-display:grid;display:grid;grid-gap:42px 0;grid-template-areas:"p_info ... p_btn" "form form form"}@media only screen and (max-width: 980px){.layout4_l{grid-gap:0 18px;grid-template-areas:"p_info" "form" "p_btn";grid-template-columns:auto}}.layout4_l .personal_info{grid-area:p_info}.layout4_l .button{grid-area:p_btn}.layout4_l .form{grid-area:form}.layout5_l{-ms-display:grid;display:grid;grid-template-areas:"title title" "desc price" "card card";grid-template-columns:auto 380px}@media only screen and (max-width: 980px){.layout5_l{grid-gap:0 18px;grid-template-areas:"title" "desc" "price" "card";grid-template-columns:auto}}.layout5_l .title_plan{grid-area:title}.layout5_l .all_desc{grid-area:desc}.layout5_l .box_price_plan{grid-area:price}.layout5_l .card_plan{grid-area:card}.layout6_l{-ms-display:grid;display:grid;grid-gap:25px 16px;grid-template-areas:"s1 s2" "s1 s3" "s4 s3" "s4 s5" "s8 s5" "s8 s6" "s8 s7";grid-template-columns:266px auto;grid-template-rows:auto min-content}@media only screen and (max-width: 980px){.layout6_l{grid-gap:0 18px;grid-template-areas:"s1" "s4" "s2" "s3" "s5" "s6" "s7";grid-template-columns:auto}}.layout6_l .s1{grid-area:s1}.layout6_l .s2{grid-area:s2}.layout6_l .s3{grid-area:s3}.layout6_l .s4{grid-area:s4}.layout6_l .s5{grid-area:s5}.layout6_l .s6{grid-area:s6}.layout6_l .s7{grid-area:s7}.layout7_l{-ms-display:grid;display:grid;grid-gap:0 16px;grid-template-areas:"c1 .." "c2 c3";grid-template-columns:1fr 1fr}@media only screen and (max-width: 980px){.layout7_l{grid-gap:0 18px;grid-template-areas:"c1" "c2" "c3";grid-template-columns:auto}}.layout7_l .col1{grid-area:c1}.layout7_l .col2{grid-area:c2}.layout7_l .col3{grid-area:c3}.layout8_l{-ms-display:grid;display:grid;grid-gap:0 16px;grid-template-areas:"co1 co2" "co3 co3";grid-template-columns:1fr 1fr}@media only screen and (max-width: 980px){.layout8_l{grid-gap:0 18px;grid-template-areas:"co1" "co2" "co3";grid-template-columns:auto}}.layout8_l .column1{grid-area:co1}.layout8_l .column2{grid-area:co2}.layout8_l .column3{grid-area:co3}.layout9_l{-ms-display:grid;display:grid;grid-gap:0 16px;grid-template-areas:"progress title";grid-template-columns:auto 250px}@media only screen and (max-width: 1280px){.layout9_l{grid-template-columns:auto 13.02vw}}@media only screen and (max-width: 980px){.layout9_l{grid-gap:0 18px;grid-template-areas:"progress" "title";grid-template-columns:auto}}.layout9_l .a_progress{grid-area:progress}.layout9_l .a_title{grid-area:title}.layout10_l{-ms-display:grid;display:grid;grid-gap:25px 0;grid-template-areas:"c_title c_title" "c_textd c_price";grid-template-columns:auto auto}@media only screen and (max-width: 980px){.layout10_l{grid-gap:0 18px;grid-template-areas:"c_title" "c_textd" "c_price";grid-template-columns:auto}}.layout10_l .c_header{grid-area:c_title}.layout10_l .c_body{grid-area:c_textd}.layout10_l .c_price{grid-area:c_price}.layout11_l{-ms-display:grid;display:grid;grid-gap:0 20px;grid-template-areas:"c_header c_header" "c_form c_total";grid-template-columns:430px auto}@media only screen and (max-width: 980px){.layout11_l{grid-gap:0;grid-template-areas:"c_header" "c_form" "c_total";grid-template-columns:auto}}.layout11_l .ar_1{grid-area:c_header}.layout11_l .ar_2{grid-area:c_form}.layout11_l .ar_3{grid-area:c_total}@media only screen and (max-width: 980px){.layout_card_payments{display:grid !important;grid-gap:10px 0;grid-template-areas:"c_title c_state" "c_price c_state";grid-template-columns:auto}}.layout_card_payments .ar_t1{grid-area:c_title}.layout_card_payments .ar_p1{grid-area:c_price}.layout_card_payments .ar_s1{grid-area:c_state}.mobile_menu ul li a,.mobile_menu ul li button,.main_nav ul li a{font-size:clamp(1rem,1.38vw,1.25rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.button_light{font-size:clamp(1rem,1.66vw,1.5rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.main_nav .profile_resume .name{font-size:clamp(1rem,1.25vw,1.125rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.75rem,.97vw,0.875rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.8125rem,1.1vw,1rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course .container .desc p,.learning .cards .card_course .container .number_info .group .desc,.learning .cards .card_course .container .number_info .group .number{font-family:"Kanit";font-size:0.625rem;line-height:14px}.mobile_menu ul li a,.mobile_menu ul li button,.main_nav ul li a{font-size:clamp(1rem,1.38vw,1.25rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.button_light{font-size:clamp(1rem,1.66vw,1.5rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.main_nav .profile_resume .name{font-size:clamp(1rem,1.25vw,1.125rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.75rem,.97vw,0.875rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.8125rem,1.1vw,1rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course .container .desc p,.learning .cards .card_course .container .number_info .group .desc,.learning .cards .card_course .container .number_info .group .number{font-family:"Kanit";font-size:0.625rem;line-height:14px}.mobile_menu ul li a,.mobile_menu ul li button,.main_nav ul li a{font-size:clamp(1rem,1.38vw,1.25rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.button_light{font-size:clamp(1rem,1.66vw,1.5rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.main_nav .profile_resume .name{font-size:clamp(1rem,1.25vw,1.125rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.75rem,.97vw,0.875rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.8125rem,1.1vw,1rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course .container .desc p,.learning .cards .card_course .container .number_info .group .desc,.learning .cards .card_course .container .number_info .group .number{font-family:"Kanit";font-size:0.625rem;line-height:14px}.button{font-size:22px;font-weight:400}.button__primary{background-color:#3e55e4;border-radius:36px;cursor:pointer;color:#fff;font-size:22px;height:60px}@media only screen and (max-width: 980px){.button__primary{font-size:16px;height:45px}}.button__primary--cwhite{background-color:#fff;color:#041b21;border:1px solid #041b21}.button__primary.small{height:38px;font-size:16px}.button__primary--shadow{position:relative;top:0;left:0;background-color:#fff;color:#041b21;cursor:pointer;font-size:16px;box-shadow:0px 8px 16px -4px rgba(22,34,51,.08);border-radius:47px;height:38px}.button__primary--shadow .icon_chevron-down{margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-indent:-119988px;font:0/0 a;text-shadow:none;color:rgba(0,0,0,0);position:relative;top:0;left:0;width:24px;height:24px}.button__primary--shadow .icon_chevron-down::before{top:-14px;left:12px}.button__secondary{background-color:rgba(0,0,0,0)}.button__link{color:#041b21;text-decoration:underline;cursor:pointer}.button .icon_arrow{margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-indent:-119988px;font:0/0 a;text-shadow:none;color:rgba(0,0,0,0);position:relative;top:0;left:0;max-width:24px;max-height:24px}.button .icon_arrow::before{top:-18px;left:6vw}.input{height:56px;background-color:#fff;border:1px solid #f2f2f2;border-radius:4px;padding:16px}.input__search{position:relative;top:0;left:0}.input__search .search{border:1px solid rgba(45,68,210,.24);border-radius:40px;padding:16px 0 16px 60px;width:100%}@media only screen and (max-width: 980px){.input__search .search{height:48px}}.input__search .icon_search{margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-indent:-119988px;font:0/0 a;text-shadow:none;color:rgba(0,0,0,0);position:absolute;top:17px;left:24px;max-width:24px;max-height:24px}@media only screen and (max-width: 980px){.input__search .icon_search{position:absolute;top:13px;left:24px}}.checkbox{appearance:none;cursor:pointer;background-color:#fff;width:20px;height:20px;appearance:none;border-radius:6px;border:1px solid #000;margin-right:10px}.checkbox:checked{background-color:#3e55e4;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.button_light{-webkit-border-radius:36px;-moz-border-radius:36px;-ms-border-radius:36px;-o-border-radius:36px;border-radius:36px;-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;grid-gap:20px;background-color:#fff;border:1px solid #fff;padding:12px 24px;position:relative;color:#000}@supports(gap){.button_light{gap:20px}}.button_light span.arrow{width:24px;height:24px;position:relative}.button_dark{-webkit-border-radius:36px;-moz-border-radius:36px;-ms-border-radius:36px;-o-border-radius:36px;border-radius:36px;-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;grid-gap:20px;font-size:16px;font-family:"Kanit";background-color:#3e55e4;padding:12px 24px;position:relative;color:#fff}@supports(gap){.button_dark{gap:20px}}.button_dark span.arrow{width:24px;height:24px;position:relative}.select{position:relative;height:56px;width:100%}.select__content{position:relative;top:0;left:0;display:inline-block;width:100%;cursor:pointer;padding:0 16px;height:56px;outline:0;border:0;border-radius:4px;background:#f2f2f2;color:#041b21;font-weight:400;font-size:16px;border:1px solid rgba(45,68,210,.24);transition:all .25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select__content:hover{background:#e5ebfb}.select i{position:absolute;right:20px;top:calc(50% - 9px);width:14px;height:14px;display:block;transition:all .25s ease}.select i:hover{margin-top:3px}.menu__content{position:fixed;top:0;height:100%;z-index:1}@media only screen and (max-width: 980px){.menu__content{overflow:hidden;z-index:3;width:0}}.menu__content.show{width:100%}@media only screen and (max-width: 980px){.menu{position:absolute}}.main_nav{min-height:min(100vh,1080px);background-color:#041b21;position:relative;padding:32px;width:280px;height:100%}@media only screen and (max-width: 980px){.main_nav{transition:left 1s ease-in-out,transform 1.5s ease-in-out,visibility .5s,-webkit-transform 1.5s ease-in-out;background-color:#fff;width:100vw;padding-top:165px;left:-100%}}.main_nav.show{left:0}.main_nav .close_menu{width:36px;height:36px;display:none;background:rgba(45,68,210,.08);position:absolute;border-radius:50%;right:16px;top:150px}@media only screen and (max-width: 980px){.main_nav .close_menu{display:block;z-index:1}}.main_nav .logo{margin:auto}@media only screen and (max-width: 980px){.main_nav .logo{display:none}}.main_nav .profile_resume{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;flex-direction:column;align-items:center;padding-bottom:19px;border-bottom:1px solid #889fa7;margin-top:40px;margin-bottom:56px}@media only screen and (max-width: 980px){.main_nav .profile_resume{display:none}}@media only screen and (min-width: 980px)and (max-height: 800px){.main_nav .profile_resume{margin-top:20px;margin-bottom:36px}}.main_nav .profile_resume .container_imgprofile{width:120px;height:120px;margin-bottom:16px}.main_nav .profile_resume .container_imgprofile .img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.main_nav .profile_resume .name{text-align:center;color:#fff;margin-bottom:8px}.main_nav .profile_resume .rol{text-align:center;color:#fff}.main_nav ul{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;grid-gap:40px;flex-direction:column}@supports(gap){.main_nav ul{gap:40px}}@media only screen and (min-width: 980px)and (max-height: 800px){.main_nav ul{grid-gap:17px}@supports(gap){.main_nav ul{gap:17px}}}.main_nav ul li{height:24px}.main_nav ul li a{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;align-items:center;position:relative;padding-left:40px;height:100%;color:#fff}@media only screen and (max-width: 980px){.main_nav ul li a{color:#041b21}}.main_nav .button_light{position:absolute;cursor:pointer;bottom:40px}@media only screen and (max-width: 980px){.main_nav .button_light{display:none}}.mobile_menu{-webkit-box-shadow:0px -2px 5px 0px rgba(0,0,0,.1);-moz-box-shadow:0px -2px 5px 0px rgba(0,0,0,.1);box-shadow:0px -2px 5px 0px rgba(0,0,0,.1);background-color:#f5faff;padding:10px 0 7px;display:none;height:60px;position:fixed;bottom:0;width:100%}@media only screen and (max-width: 980px){.mobile_menu{display:block}}.mobile_menu ul{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;justify-content:space-around;margin:0 auto}@media only screen and (max-width: 980px){.mobile_menu ul{width:80%}}@media only screen and (max-width: 640px){.mobile_menu ul{grid-gap:10px;justify-content:center}@supports(gap){.mobile_menu ul{gap:10px}}}@media only screen and (max-width: 640px){.mobile_menu ul{grid-gap:5px;justify-content:flex-start;margin-left:5px}@supports(gap){.mobile_menu ul{gap:5px}}}.mobile_menu ul li a,.mobile_menu ul li button{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;grid-gap:7px;font-weight:400 !important;font-size:11px !important;flex-direction:column;align-items:center;position:relative;height:100%;color:#fff;cursor:pointer}@supports(gap){.mobile_menu ul li a,.mobile_menu ul li button{gap:7px}}@media only screen and (max-width: 980px){.mobile_menu ul li a,.mobile_menu ul li button{color:#041b21}}.mobile_menu ul li a:before,.mobile_menu ul li button:before{position:inherit}.mobile_menu ul li button{background:rgba(0,0,0,0)}.main_nav ul li a,.mobile_menu ul li a,.mobile_menu ul li button{font-size:clamp(1rem,1.38vw,1.25rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.button_light{font-size:clamp(1rem,1.66vw,1.5rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.main_nav .profile_resume .name{font-size:clamp(1rem,1.25vw,1.125rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.75rem,.97vw,0.875rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.8125rem,1.1vw,1rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course .container .desc p,.learning .cards .card_course .container .number_info .group .desc,.learning .cards .card_course .container .number_info .group .number{font-family:"Kanit";font-size:0.625rem;line-height:14px}.footer{width:100%;height:374px;bottom:0;background-color:#dae9f7;margin-top:20px;padding:20px 68px 60px 54px;overflow:hidden}@media only screen and (max-width: 980px){.footer{width:100%;height:auto;position:initial;padding:20px 20px 71px}}.footer__logo{margin-bottom:68px}.footer__list{-ms-display:grid;display:grid;grid-template-columns:repeat(4, 1fr);column-gap:30px}@media only screen and (max-width: 980px){.footer__list{grid-template-columns:repeat(auto-fit, 338px)}}.footer__items{font-size:18px}@media only screen and (max-width: 980px){.footer__items{margin-bottom:16px}}.footer__items .title{margin-bottom:26px;font-weight:400}.footer__items .item{margin-bottom:18px;font-weight:300}.footer .logo_foot{margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-indent:-119988px;font:0/0 a;text-shadow:none;color:rgba(0,0,0,0);position:relative;top:0;left:0;max-width:160px;max-height:41px}.main_nav ul li a,.mobile_menu ul li a,.mobile_menu ul li button{font-size:clamp(1rem,1.38vw,1.25rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.button_light{font-size:clamp(1rem,1.66vw,1.5rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.main_nav .profile_resume .name{font-size:clamp(1rem,1.25vw,1.125rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.75rem,.97vw,0.875rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.8125rem,1.1vw,1rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course .container .desc p,.learning .cards .card_course .container .number_info .group .desc,.learning .cards .card_course .container .number_info .group .number{font-family:"Kanit";font-size:0.625rem;line-height:14px}.header{position:sticky;top:0;height:min-content;background-color:#f5faff;z-index:4}.header__content{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:16px 24px 24px;border-bottom:1px solid #dae9f7}@media only screen and (max-width: 980px){.header__content{flex-direction:column;padding:16px}}.header__icon{display:none}@media only screen and (max-width: 980px){.header__icon{display:block;margin-right:31px}.header__icon .icon_arrow-left{margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-indent:-119988px;font:0/0 a;text-shadow:none;color:rgba(0,0,0,0);position:relative;top:0;left:0;top:-23px;max-width:24px;max-height:24px}}.header__text{order:1}@media only screen and (max-width: 980px){.header__text{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;align-items:center;order:2}}.header__text .title{font-size:clamp(25px,2.7vw,39px);font-weight:300;margin-bottom:10px}.header__text .subtitle{font-size:clamp(14px,1.11vw,16px);color:#5f767d;font-weight:300}.header__img{display:none}@media only screen and (max-width: 980px){.header__img{display:block;margin-right:6px}}@media only screen and (max-width: 980px){.header__img .img{width:56px;height:56px;border-radius:50%}}.header__data{order:2}@media only screen and (max-width: 980px){.header__data{order:1}}@media only screen and (max-width: 980px){.header__data .data{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}}.header__data .date{font-size:clamp(10px,.9vw,13px);color:#5f767d;font-weight:600;margin-bottom:15px}.header__data .icons{text-align:center}.header__data .icons span{background-color:#e5ebfb;border-radius:34px;padding:20px}@media only screen and (max-width: 980px){.header__data .icons span{padding:18px}}.header__data .icons span:before{top:8px;left:8px}@media only screen and (max-width: 980px){.header__data .icons span:before{max-width:20px;max-height:20px}}.header__data .icon_bell{margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-indent:-119988px;font:0/0 a;text-shadow:none;color:rgba(0,0,0,0);position:relative;top:0;left:0;margin-right:8px;max-width:24px;max-height:24px}.header__data .icon_inbox{margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-indent:-119988px;font:0/0 a;text-shadow:none;color:rgba(0,0,0,0);position:relative;top:0;left:0;max-width:24px;max-height:24px}.main_nav ul li a,.mobile_menu ul li a,.mobile_menu ul li button{font-size:clamp(1rem,1.38vw,1.25rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.button_light{font-size:clamp(1rem,1.66vw,1.5rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.main_nav .profile_resume .name{font-size:clamp(1rem,1.25vw,1.125rem);font-family:"Kanit";font-weight:500;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.75rem,.97vw,0.875rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course header .title_course,.main_nav .profile_resume .rol{font-size:clamp(0.8125rem,1.1vw,1rem);font-family:"Kanit";font-weight:400;font-style:normal;font-variant:normal;line-height:1}.learning .cards .card_course .container .desc p,.learning .cards .card_course .container .number_info .group .desc,.learning .cards .card_course .container .number_info .group .number{font-family:"Kanit";font-size:0.625rem;line-height:14px}.learning .cards{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;grid-gap:16px;flex-wrap:wrap;width:100%}@supports(gap){.learning .cards{gap:16px}}.learning .cards .card_course{background-color:#fff;border-radius:9px;overflow:hidden;width:266px}@media only screen and (max-width: 980px){.learning .cards .card_course{margin:auto;width:326px}}@media only screen and (max-width: 480px){.learning .cards .card_course{width:100%}}.learning .cards .card_course header{position:relative}.learning .cards .card_course header .container_img{width:100%}.learning .cards .card_course header .container_img .img{width:100%;height:100%}.learning .cards .card_course header .buttons{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;justify-content:space-between;position:absolute;width:100%;top:8px;padding:0 8px}.learning .cards .card_course header .buttons .progress_course{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;grid-gap:4px;background-color:#fff;align-items:center;border-radius:44px;position:relative;width:fit-content;padding:4px 8px}@supports(gap){.learning .cards .card_course header .buttons .progress_course{gap:4px}}.learning .cards .card_course header .buttons .progress_course p{font-family:"Kanit";font-size:8px}.learning .cards .card_course header .buttons .round_button{width:25px;height:25px;position:relative;background-color:#fff;border-radius:50%;cursor:pointer}.learning .cards .card_course header .title_course{position:absolute;padding:0 8px;bottom:24px;color:#fff}.learning .cards .card_course .container{padding:0 8px 8px 8px}.learning .cards .card_course .container .number_info{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;justify-content:space-around}.learning .cards .card_course .container .number_info .group{display:flex;flex-direction:column;align-items:center;margin-top:10px;margin-bottom:12px}.learning .cards .card_course .container .number_info .group .number{font-weight:600}.learning .cards .card_course .container .number_info .group .desc{font-weight:300}.learning .cards .card_course .container .desc p{margin-bottom:8px;color:rgba(62,50,50,.75)}.learning .cards .card_course .container .group{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;align-items:center;justify-content:space-between}.learning .cards .card_course .container .group .person{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;grid-gap:5px;margin-top:5px}@supports(gap){.learning .cards .card_course .container .group .person{gap:5px}}.learning .cards .card_course .container .group .person picture .img{border-radius:8px}.learning .cards .card_course .container .group .person .text{-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;flex-direction:column;justify-content:space-around}.learning .cards .card_course .container .group .person .text .name{font-size:8px;font-family:"Kanit";color:#3e3232}.learning .cards .card_course .container .group .person .text .entry{font-size:8px;font-family:"Kanit";color:rgba(62,50,50,.75)}.learning .cards .card_course .container .group .save{margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-indent:-119988px;font:0/0 a;text-shadow:none;color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);position:relative;height:13px;width:10px}.learning .button_dark{align-items:center}.hide{display:none !important}.no_scroll{overflow:hidden !important}body{position:relative;top:0;left:0;overflow:overlay;overflow-x:hidden;font-size:100%;font-family:"Kanit";font-weight:normal;font-style:normal;font-variant:normal;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;border:0 none rgba(0,0,0,0);border-top:0 none rgba(0,0,0,0);border-bottom:0 none rgba(0,0,0,0);border-left:0 none rgba(0,0,0,0);border-right:0 none rgba(0,0,0,0);background-color:#f5faff;font-family:"Kanit";font-weight:300;color:#041b21}body::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:auto;background-color:#dff8ff}body::-webkit-scrollbar-thumb{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;background-color:#041b21}body::-webkit-scrollbar-track{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}body .hide{display:none}.focused{-webkit-animation:neon-glow 2s linear infinite;-moz-animation:neon-glow 2s linear infinite;animation:neon-glow 2s linear infinite}.focused2{-webkit-animation:boder_animation 2s linear infinite;-moz-animation:boder_animation 2s linear infinite;animation:boder_animation 2s linear infinite}