@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Noto+Sans+Thai:wght@500&display=swap";body{font-family:Noto Sans Thai,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.loader-icon{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.loader-icon img{height:auto;margin:0 auto}.has-star:after{content:"*";margin-left:3px;font-weight:400;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:tomato}.btn{min-width:150px;height:50px;vertical-align:middle;line-height:40px}.btn:hover{background:none!important;color:none!important}.text-danger{color:red!important}.text-purple{color:#323b699c}.text-dark-purple{color:#323b69}.btn-purple{background:#323b699c;border-radius:25px;border:none!important;color:#f8f9fa}.btn-purple:hover,.btn-purple:active{background:#323b69c7!important;color:#f8f9fa!important}.btn-green{background:#75b798;border-radius:25px;border:none!important;color:#f8f9fa}.btn-green:hover,.btn-green:active{background:#6aa68a!important;color:#f8f9fa!important}.pre-test p,.post-test p{font-weight:500}.CourseDetail a,.ChapterDetail a,.MyCourses a{text-decoration:none;color:#406e9c}.CourseDetail a span,.ChapterDetail a span{text-decoration:none;color:#fff!important}.video-container{position:relative;overflow:hidden;height:0;padding-bottom:56.25%}.video-container iframe,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%}.video-wrap{width:100%;max-width:600px}.courses .card{border:none!important;margin-bottom:20px}.courses .card-img-top{border-radius:5px}.courses .card-body{padding:20px 0 0!important}.courses .card-footer{background-color:#fff;border-top:none!important;padding:0!important}.navbar{box-shadow:1px 1.5px #f5f2f7;background-color:#fff!important}.navbar-brand{font-weight:700;font-family:"Exo 2",Noto Sans Thai,sans-serif;color:#323b699c;font-size:24px}.navbar a,.navbar p{color:#323b699c}.navbar-toggler{border:none!important}@media (min-width: 1400px){.navbar .container-fluid{max-width:1320px}}@media (max-width: 1200px){.navbar .container-fluid{max-width:1150px}}@media (max-width: 992px){.navbar .container-fluid{max-width:950px}}@media (max-width: 768px){.navbar .container-fluid{max-width:720px}}@media (max-width: 576px){.navbar .container-fluid{max-width:525px;margin-inline:auto}}body{height:100%;margin:0;padding:0}footer{background:#292839;color:#ffffff80;margin-top:auto}.footer-top{padding-block:50px}@media (min-width: 992px){.footer-top .container-home{display:flex;justify-content:space-between;align-items:flex-start;gap:50px}}.footer-bottom{background:#23222f;padding-block:20px;text-align:center}@media (min-width: 1200px){.container-home{max-width:1150px}}@media (min-width: 992px){.container-home{max-width:950px}}@media (min-width: 768px){.container-home{max-width:720px}}@media (min-width: 576px){.container-home{max-width:525px;margin-inline:auto}}