.section-main-banner{position:relative}.section-main-banner .side-image-1{position:absolute;top:0;right:0}.section-main-banner .side-image-2{position:absolute;left:0;bottom:0}.no-edit .section-main-banner .side-image-2{z-index:1}.section-course-list{position:relative}.section-course-list .side-image-1{position:absolute;top:0;right:0}.section-trial{position:relative}.section-trial .side-image-1{position:absolute;top:0;right:0}.main-banner{height:calc(100vh - 110px);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:600px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;margin-bottom:80px;position:relative;background-color:#3850c4}.main-banner:before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.2);left:0;top:0}.main-banner>.container{position:relative}@media(min-width: 992px){.main-banner{background-attachment:fixed}}@media(max-width: 1250px){.main-banner{height:calc(100vh - 60px)}}@media(max-height: 700px){.main-banner{min-height:700px}}@media(max-width: 575px){.main-banner{padding-top:40px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;-webkit-justify-content:center;align-items:flex-start;-webkit-align-items:flex-start;margin-bottom:40px}.main-banner .container{padding:0;position:relative}}.main-banner .card-content{color:#fff;font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:600;font-size:20px;width:100%}@media(max-width: 767px){.main-banner .card-content{font-size:18px}}.main-banner .card-content .col-text{display:flex;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end}.main-banner .card-content .col-text>div{width:100%;max-width:470px}.main-banner .card-content .card-icon{margin-bottom:30px}.main-banner .card-content .card-text{margin-bottom:40px}.main-banner .card-content .card-text h1{font-size:45px;font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:600;color:#fff;margin-bottom:24px}@media(max-width: 767px){.main-banner .card-content .card-text h1{font-size:40px}}.main-banner .card-content .card-video .card-link-video{display:block}.main-banner .card-content .card-video .card-link-video .thumbnail-video{padding-top:56.1403508772%;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:8px;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}.main-banner .scroll{position:absolute;bottom:0;left:0;right:0;margin:auto;max-width:400px;text-align:center;font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:600;font-size:18px;padding-bottom:30px}@media(max-width: 1250px){.main-banner .scroll{padding-bottom:80px}}@media(max-width: 575px){.main-banner .scroll{position:relative;padding:0;margin:0}}.main-banner .scroll a{color:#fff;display:block}.main-banner .scroll .icon{margin-bottom:18px;animation:MoveUpDown 1.5s linear infinite}@keyframes MoveUpDown{0%,100%{-webkit-transform:translateY(-15);-moz-transform:translateY(-15);-o-transform:translateY(-15);-ms-transform:translateY(-15);transform:translateY(-15)}50%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}}.card-home-about{font-family:"Sarabun",sans-serif;font-style:normal;font-weight:500;font-size:18px;text-align:center;padding:70px 30px 300px;color:#fff;position:relative}@media(max-width: 767px){.card-home-about{font-size:15px;padding:40px 30px 70px}}.card-home-about:before{background:linear-gradient(180deg, #0476e7 62.51%, #485fd0 92.17%);position:absolute;left:0;top:0;width:100%;height:100%;content:""}@media(min-width: 768px){.card-home-about:before{border-bottom-left-radius:50% 40%;border-bottom-right-radius:50% 40%}}.card-home-about>div{position:relative}.card-home-about h2{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:600;font-size:30px;color:#fff;margin-bottom:25px}@media(max-width: 767px){.card-home-about p br{display:none}}.course-banner-slider-list{margin-top:-240px;margin-bottom:80px}@media(max-width: 767px){.course-banner-slider-list{margin-bottom:50px;margin-top:-30px}}.course-banner-slider-list>div{max-width:1480px;margin:auto;padding:0 40px}@media(max-width: 767px){.course-banner-slider-list>div{padding:0 20px}}.featured-list .card-toolbar{margin-bottom:40px}@media(min-width: 768px){.featured-list .card-toolbar{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center}}.featured-list .card-toolbar .title{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:600;font-size:30px;color:#3850c4;margin:0}@media(max-width: 767px){.featured-list .card-toolbar .title{margin-bottom:20px;text-align:center}}@media(max-width: 767px){.featured-list .card-toolbar .link{display:flex;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end}}.featured-list .card-toolbar .link a{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;color:#3850c4;border-radius:8px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;padding:12px;font-size:14px;border:1px solid #3850c4;width:210px}.featured-list .card-toolbar .link a i{font-size:24px;margin-left:20px}.featured-list .card-toolbar .link a:hover{color:#fff;background-color:#3850c4}@media(max-width: 767px){.featured-list .card-toolbar .link a{width:100%}}.featured-list-video{margin-bottom:100px}@media(max-width: 767px){.featured-list-video{margin-bottom:50px}}.featured-list-video .card-page-list{position:relative}.no-edit .featured-list-video .card-page-list{z-index:1}@media(min-width: 768px){.featured-list-video .card-page-list .slick-list{border-radius:10px;border-bottom-left-radius:50px}}.featured-list-video .card-page-list .slick-dots{list-style:none;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;padding:0;margin:0;margin-top:50px}.featured-list-video .card-page-list .slick-dots li{margin:0 9px}.featured-list-video .card-page-list .slick-dots li button{font-size:0;padding:0;width:7px;height:7px;border-radius:50%;background-color:#bbd8e1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;display:inline-block}.featured-list-video .card-page-list .slick-dots li.slick-active button{width:21px;background-color:#3850c4;border-radius:10px}@media(max-width: 575px){.featured-list-video .card-page-list .slick-dots{margin-top:30px}}.featured-list-video .card-page-list .card-item .card-image{padding:0}.featured-list-video .card-page-list .card-item .card-image .image{padding-top:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.featured-list-video .card-page-list .card-item .card-text{padding:0;background-color:#3850c4;color:#fff;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}@media(max-width: 1199px){.featured-list-video .card-page-list .card-item .card-text{padding:40px 0}}.featured-list-video .card-page-list .card-item .card-text>div{max-width:420px;margin:auto;width:100%;padding:0 20px}.featured-list-video .card-page-list .card-item .card-text .text{max-width:310px;margin-bottom:60px}.featured-list-video .card-page-list .card-item .card-text h3{color:#fff;font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:800;font-size:30px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;margin-bottom:30px}@media(max-width: 767px){.featured-list-video .card-page-list .card-item .card-text h3{font-size:20px}}.featured-list-video .card-page-list .card-item .card-text .detail{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;font-family:"Sarabun",sans-serif;font-style:normal;font-weight:500;font-size:18px}@media(max-width: 767px){.featured-list-video .card-page-list .card-item .card-text .detail{font-size:14px}}@media(min-width: 768px){.featured-list-video .card-page-list .card-item .card-text .links{display:flex;display:-webkit-flex;margin:0 -6px}}@media(min-width: 768px){.featured-list-video .card-page-list .card-item .card-text .links .item{padding:0 6px;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}}@media(max-width: 767px){.featured-list-video .card-page-list .card-item .card-text .links .item{margin-bottom:10px}}.featured-list-video .card-page-list .card-item .card-text .links .link-seemore a{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;color:#fff;border-radius:8px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;padding:12px;font-size:14px;border:1px solid #fff;width:100%}.featured-list-video .card-page-list .card-item .card-text .links .link-seemore a i{font-size:24px;margin-left:20px}.featured-list-video .card-page-list .card-item .card-text .links .link-seemore a:hover{color:#fff;background-color:#6cc9b7;border-color:#3850c4;box-shadow:0px 10px 27px rgba(34,47,77,.17)}.featured-list-video .card-page-list .card-item .card-text .links .link-apply a{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;color:#3850c4;border-radius:8px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;padding:12px;font-size:14px;background-color:#fff;border:1px solid #fff;width:100%;box-shadow:0px 10px 27px rgba(34,47,77,.17)}.featured-list-video .card-page-list .card-item .card-text .links .link-apply a i{font-size:24px;margin-left:20px}.featured-list-video .card-page-list .card-item .card-text .links .link-apply a:hover{color:#fff;background-color:#3850c4;border-color:#3850c4}.featured-list-book{margin-bottom:100px}@media(max-width: 767px){.featured-list-book{margin-bottom:50px}}.featured-list-book .slick-dots{list-style:none;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;padding:0;margin:0}.featured-list-book .slick-dots li{margin:0 9px}.featured-list-book .slick-dots li button{font-size:0;padding:0;width:7px;height:7px;border-radius:50%;background-color:#bbd8e1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;display:inline-block}.featured-list-book .slick-dots li.slick-active button{width:21px;background-color:#3850c4;border-radius:10px}.section-quiz{margin-bottom:50px}.section-quiz img{width:100%}.trial-content{margin-bottom:100px;overflow:hidden}@media(max-width: 767px){.trial-content{margin-bottom:50px}}.no-edit .trial-content{position:relative;z-index:1}.trial-content .card-top{margin-bottom:40px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.trial-content .card-top .card-image{padding-right:28px}.trial-content .card-top .card-image img{max-width:96px}.trial-content .card-top .card-title{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;color:#16133e;font-size:25px}.trial-content .card-top .card-title b,.trial-content .card-top .card-title strong{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700}@media(min-width: 768px){.trial-content .trial-list .slick-list{border-radius:58px;overflow:hidden}}.trial-content .trial-list .slick-arrow{z-index:9;position:absolute;background-color:transparent;font-size:0;height:100%;top:0}@media(max-width: 767px){.trial-content .trial-list .slick-arrow{display:none !important}}.trial-content .trial-list .slick-arrow:before,.trial-content .trial-list .slick-arrow:after{left:0;right:0;margin:auto;width:58px;height:58px;position:absolute}.trial-content .trial-list .slick-arrow:before{content:"";background-color:#0080ff;border-radius:100%}.trial-content .trial-list .slick-arrow:after{font-family:"icomoon" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;content:"";display:inline-block;color:#fff;z-index:1;font-size:12px;text-align:center;line-height:58px}.trial-content .trial-list .slick-arrow:hover:before{background-color:rgba(0,128,255,.7)}@media(min-width: 1321px){.trial-content .trial-list .slick-arrow.slick-prev{left:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}@media(max-width: 1320px){.trial-content .trial-list .slick-arrow.slick-prev{left:10px}}@media(min-width: 1321px){.trial-content .trial-list .slick-arrow.slick-next{right:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}@media(max-width: 1320px){.trial-content .trial-list .slick-arrow.slick-next{right:10px}}.trial-content .trial-list .slick-arrow.slick-next:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.step-content{max-width:1500px;padding:0 50px;margin:auto}@media(max-width: 767px){.step-content{padding:0 20px}}.step-content .card-content{background-color:#5bc1dd;border-radius:58px;width:100%;padding:100px 0;color:#fff}@media(max-width: 767px){.step-content .card-content{padding:40px 0}}.step-content .card-content .image{margin-bottom:27px}.step-content .card-content .title{font-size:35px;font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;margin-bottom:50px}@media(max-width: 767px){.step-content .card-content .title{font-size:25px}}.step-content .card-content .title b,.step-content .card-content .title strong{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;color:#3850c4}.step-content .card-content .detail{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;font-size:27px}@media(max-width: 767px){.step-content .card-content .detail{font-size:20px}}@media(min-width: 768px){.step-content .card-content .video-box .video-image{border-radius:58px;overflow:hidden}}.section-bottom-contact:before{display:none}/*# sourceMappingURL=homepage.css.map */