@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mitr:wght@200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap);body,html{padding:0;margin:0;height:100%}body{font-family:Kanit,sans-serif;font-size:var(--f-16);font-weight:300;color:#000;line-height:1.6;background-color:#fff;margin:0;padding:0;position:relative;overflow-x:hidden}.mitr{font-family:Mitr,sans-serif}.kanit{font-family:Kanit,sans-serif}.pc body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast}b,strong{font-weight:600;font-family:inherit}h1,h2,h3,h4,h5,h6{margin:0;color:inherit;line-height:1.4;font-weight:600;font-style:normal;color:inherit}.nowrap{white-space:nowrap}a{color:inherit;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a:hover{text-decoration:none;color:inherit}.star{color:#bc0000}.form-control{-webkit-appearance:none;padding:0 15px;color:inherit;font-weight:400;font-size:inherit;height:48px;line-height:46px;border-radius:0;border:1px solid #f9fafc;background:#f9fafc;border-radius:15px;font-size:14px;font-weight:300;font-family:var(--f-kanit);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.form-control.outline{border:1px solid #ece8df;border-radius:5px;background-color:transparent}.form-control.disabled{pointer-events:none;background-color:#dfdfdf;border-color:#dfdfdf}textarea.form-control{height:135px;line-height:normal;padding-top:10px}.form-group{display:block;position:relative;margin-bottom:18px}.form-group label.title{text-align:left;display:block;margin-bottom:12px;font-size:inherit;font-weight:400}.form-group.calendar .icons{position:absolute;top:14px;right:15px;pointer-events:none;width:20px;height:20px;background-image:url(../img/icons/icon-calendar.svg)}.form-group.or{position:relative;text-align:center}.form-group.or:before{content:'';position:absolute;top:50%;left:0;right:0;border:1px solid #f1f1f1}.form-group.or span{color:#aeaeae;background-color:#fff;padding:0 20px;display:inline-block;position:relative;z-index:10}.checkbox-group,.radio-group{padding-left:0;position:relative;list-style-type:none;margin:0;padding:0;text-align:center;display:inline-block;vertical-align:top}.radio-group{display:inline-block;position:relative}.radio-group.block{display:block;margin-left:0!important}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{visibility:hidden;opacity:0;height:0;position:absolute;width:0}.checkbox-group label:before,.radio-group label:before{content:"";display:inline-block;margin-right:5px;position:absolute;left:0;top:2px;background-color:transparent;border:1px solid var(--orange-medium);width:16px;height:16px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.checkbox-group.radio label:before,.radio-group:not(.checkbox) label:before{background-color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.checkbox-group label:before{top:2px}.checkbox-group label,.radio-group label{position:relative;padding-left:30px;padding-right:15px;text-align:left;margin:1px 0;display:block;font-size:inherit;line-height:1.3;cursor:pointer}.checkbox-group label{color:inherit}.radio-group label{color:inherit}.checkbox-group.radio input[type=checkbox]:checked+label:after,.radio-group:not(.checkbox) input[type=radio]:checked+label:after{content:"";color:#ea6f21;background-color:var(--orange-medium);position:absolute;top:6px;left:4px;width:9px;height:9px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.checkbox-group.right label,.radio-group.right label{padding-left:0;padding-right:30px}.checkbox-group.right label:before,.radio-group.right label:before{left:auto;right:0;margin:0}.checkbox-group.right input[type=checkbox]:checked+label:after,.radio-group.right input[type=radio]:checked+label:after{left:auto;right:5px}.checkbox-group input[type=checkbox]:checked+label:after,.checkbox-group input[type=checkbox]:checked+span+label:after,.radio-group.checkbox input[type=radio]:checked+label:after,.radio-group.checkbox input[type=radio]:checked+span+label:after{content:"";color:#ea6f21;background-color:var(--orange-medium);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:5px;left:3px;width:10px;height:10px;border-radius:2px}.checkbox-group.check input[type=checkbox]:checked+label:after,.checkbox-group.check input[type=checkbox]:checked+span+label:after{background-image:url(../img/icons/icon-check-fill.svg);background-color:transparent}.checkbox-group.no-text,.radio-group.no-text{width:20px;height:18px;margin-top:-2px}.checkbox-group label a{text-decoration:underline}.pc .checkbox-group label a:hover{color:var(--red)}.checkbox-group input[type=checkbox]:checked+span+label{color:var(--black)!important}.form-control::-webkit-input-placeholder{color:inherit;font-weight:inherit;opacity:.5;color:inherit}.form-control::-moz-placeholder{color:inherit;font-weight:inherit;opacity:.5;color:inherit}.form-control:-ms-input-placeholder{color:inherit;font-weight:inherit;opacity:.5;color:inherit}.form-control::-ms-input-placeholder{color:inherit;font-weight:inherit;opacity:.5;color:inherit}.form-control::placeholder{color:inherit;font-weight:inherit;opacity:.5;color:inherit}.form-control:focus{color:inherit;border-color:#02449b;background-color:#fff;box-shadow:none}.form-control:disabled,.form-control[readonly]{background-color:#e2e2e2;border-color:#c7c7c7}.custom-select{padding:0 13px;height:48px;font-size:14px;color:rgba(0,0,0,.5);font-weight:300;border-radius:10px;outline:0!important;box-shadow:none!important;border-radius:15px;border:1px solid #f9fafc;font-family:inherit;background:#f9fafc url("../img/icons/icon-arrow-down.svg") no-repeat right .75rem center/12px 12px}.custom-select:focus{border-color:var(--blue);outline:0;box-shadow:none}.custom-select.has-value{color:#000}.btn{position:relative;border:0;padding:0 20px;height:48px;line-height:46px;font-family:inherit;font-size:inherit;font-weight:400;color:var(--black);background-color:var(--orange);border:1px solid var(--orange);border-radius:20px;font-family:var(--f-kanit);overflow:hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn>span{color:#fff;position:relative;z-index:1;transition:var(--animate-duration-2s)}.pc .btn:hover{background-color:var(--orange-medium);border:1px solid var(--orange-medium)}.btn:hover:before{opacity:1}.btn.shadow{box-shadow:0 10px 20px rgba(255,160,26,.33)!important}.btn-outline{border-color:var(--orange);background-color:transparent;color:var(--orange)}.btn-outline>span{color:var(--orange)}.pc .btn-outline:hover>span{color:#fff}.btn-outline-black{border-color:#000;background-color:transparent;color:#000}.btn-outline-black>span{color:#000}.pc .btn-outline-black:hover>span{color:#fff}.btn-red{background-color:#ff5841;border-color:#ff5841}.btn-blue{background-color:var(--blue);border-color:var(--blue)}.btn-blue span{color:#fff}.pc .btn-blue:hover{background-color:#0d5fca;border-color:#0d5fca}.btn .icon-true{width:18px;height:18px;margin-right:10px;top:-1px;background-image:url(../img/icons/icon-check-fill.svg)}.btn .icon-send{width:22px;height:22px;margin-right:10px;top:-1px;background-image:url(../img/icons/icon-send.svg)}.btn-trans{background-color:transparent!important;padding:0!important;border:0!important}.btn-trans:before{display:none}.btn.lg{height:56px;line-height:54px;font-size:var(--f-18);--f-inter-kanit:'Inter','Kanit',sans-serif;font-weight:400}.btn[disabled]{border-color:#d4eaea;background-color:#d4eaea;color:#a1c9c9;line-height:56px;pointer-events:none;opacity:1}.btn.disabled,.btn:disabled{opacity:.35;pointer-events:none}.btn img,.btn svg{position:relative;left:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{background-color:transparent}.btn:active,.btn:focus,button:active,button:focus{color:#fff}.btn:active,.btn:focus,a:active,a:focus,button:active,button:focus{outline:0!important;box-shadow:none!important}.buttons{display:block;text-align:center;padding-top:30px;padding-bottom:30px}svg circle,svg line,svg path,svg polygon,svg rect{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media (max-width:1440px){.btn,.custom-select,.form-control{height:44px;line-height:42px}}@media (max-width:991.98px){.btn.lg{height:50px;line-height:50px}}@media (max-width:767px){.custom-select{height:40}.form-control{height:40px;line-height:36px;border-radius:10px}}.icons{display:inline-block;position:relative;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-position:center center;transition:all .3s ease-in-out;opacity:1}.icons.before:after,.icons.before:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-size:contain;background-repeat:no-repeat;background-position:center center;transition:all .3s ease-in-out;opacity:0}.pc .btn:hover .icons.before:before{opacity:0}.pc .btn:hover .icons.before:after{opacity:1}.btn.prev{padding:0 20px;width:110px;display:flex;background-color:transparent!important;border:0!important}.btn.prev:before{display:none}.btn.prev .icon-arrow{width:18px;height:18px;background-image:url(../img/icons/icon-arrow-prev.svg);display:block;margin:auto;left:0}.pc .btn.prev:hover .icon-arrow{left:-7px}.btn.next{padding:0 20px;width:110px}.btn.next .icon-arrow{width:18px;height:18px;background-image:url(../img/icons/icon-arrow-next-white.svg);top:-1px;margin-left:15px;left:0}.pc .btn.next:hover .icon-arrow{left:7px}.btn.next.lg{width:auto}.inline-black{display:inline-block;padding:0 10px}.arrow-down,.arrow-left,.arrow-right,.arrow-up{position:absolute;left:0;top:0;width:5px;height:5px;vertical-align:top;border-top:1px solid #676767;border-left:1px solid #676767;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.arrow-left{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.arrow-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.arrow-up{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.arrow-down{margin-left:1px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.container-fluid{max-width:calc(1920px + 140px);padding-left:70px;padding-right:70px;position:relative;z-index:9}.container{max-width:calc(1440px + 300px);padding-left:150px;padding-right:150px;position:relative;z-index:9}.section-target{position:absolute;top:-79px;left:0;right:0;bottom:0;pointer-events:none}@media (max-width:1280px){.container,.container-fluid{padding-left:100px;padding-right:100px}}@media (max-width:1199px){.container,.container-fluid{padding-left:50px;padding-right:50px}}@media (max-width:767px){.container,.container-fluid{padding-left:25px;padding-right:25px}.pt-xs-2{padding-top:2px!important}.pt-xs-4{padding-top:4px!important}.pt-xs-20{padding-top:20px!important}.p-xs-0{padding:0!important}}.compensate-for-scrollbar{margin-right:0!important}.compensate-for-scrollbar .header{right:0}body.fancybox-active{overflow:visible!important;padding-right:0!important}.fancybox-button--arrow_left,.fancybox-button--arrow_right,.fancybox-button--play,.fancybox-button--zoom{opacity:0!important;pointer-events:none}:root{--white:#fff;--orange:#FFA01A;--orange-medium:#FC6C44;--orange-dark:#FF5841;--green-medium:#007867;--blue:#02449B;--gray-light:#F6F6F6;--f-12:12px;--f-13:13px;--f-14:14px;--f-15:15px;--f-16:16px;--f-18:18px;--f-20:20px;--f-22:22px;--f-24:24px;--f-26:26px;--f-28:28px;--f-30:30px;--f-32:32px;--f-38:38px;--f-45:45px;--f-48:48px;--animate-duration-2s:all 0.2s ease-in-out;--animate-duration-35s:all 0.35s ease-in-out;--f-kanit:'Kanit',sans-serif;--f-mitr:'Mitr',sans-serif;--f-inter:'Inter',sans-serif;--f-300:200;--f-400:300;--f-500:400;--f-600:500;--f-700:600}.black-50{color:var(--black-50)}.reddark{color:var(--red-dark)}.white{color:#fff!important}.orange{color:var(--orange-medium)!important}.black{color:#000!important}.blue{color:#02449b!important}.f-18{font-size:var(--f-18)!important}.f-17{font-size:var(--f-17)!important}.f-16{font-size:var(--f-16)!important}.f-12{font-size:var(--f-12)!important}.f-13{font-size:var(--f-13)!important}.f-14{font-size:var(--f-14)!important}.f-15{font-size:var(--f-15)!important}.f-18{font-size:var(--f-18)!important}.f-20{font-size:var(--f-20)!important}.f-24{font-size:var(--f-24)!important}.f-30{font-size:var(--f-30)!important}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){:root{--f-300:300;--f-400:400;--f-500:500;--f-600:600}}@media (max-width:1680px){:root{--f-38:36px;--f-45:42px;--f-48:42px}}@media (max-width:1440px){:root{--f-15:14px;--f-16:15px;--f-18:16px;--f-20:18px;--f-22:20px;--f-24:22px;--f-26:24px;--f-28:24px;--f-30:28px;--f-32:30px;--f-38:32px;--f-45:34px;--f-48:38px}}@media (max-width:1280px){:root{--f-20:18px;--f-22:18px;--f-24:20px;--f-26:20px;--f-28:20px;--f-30:24px;--f-32:26px;--f-38:28px;--f-45:28px;--f-48:34px}}@media (max-width:767px){:root{--f-14:12px;--f-18:15px;--f-20:16px;--f-24:18px;--f-26:19px;--f-28:19px;--f-30:21px;--f-32:22px;--f-38:24px;--f-45:26px;--f-48:28px}}.header,.navbar-brand,.navbar-brand img{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.header{position:fixed;top:var(--toppage-h);left:0;right:0;padding:0;height:auto;z-index:1060;padding:0 0;background-color:transparent;display:block}.scrolling .header{box-shadow:0 10px 20px rgba(0,0,0,.05)}.toppage-opened .header{top:0}.header .container,.header .container-fluid{display:flex;-ms-flex-align:center;align-items:center}.navbar-device{display:none}.navbar-brand{margin:auto 0;padding:0}.navbar-brand img,.navbar-brand svg{width:100%;height:auto}.navbar-toppage{display:flex;padding:10px 0;background-color:var(--orange-medium);font-size:15px;font-weight:var(--f-400);color:#fff}.navbar-toppage .icon-gift{width:24px;height:24px;margin-right:10px;background-image:url(../img/icons/icon-gift.svg)}.navbar-toppage .nav-close{cursor:pointer;width:15px;height:15px;background-size:10px;background-image:url(../img/icons/icon-delete-white.svg);margin:auto;margin-right:0;transition:all .2s ease-in-out}.pc .navbar-toppage .nav-close:hover{opacity:.7}.navbar-general{display:block;background-color:var(--blue);padding:15px 0;position:relative;z-index:10}.nav-general{margin-left:auto;-ms-flex-align:center;align-items:center}.nav-general>li>a{display:block;position:relative;padding:0 20px;font-size:var(--f-16);text-transform:uppercase;font-weight:300;color:#fff;-ms-flex-align:center;align-items:center}.nav-general>li>a:before{content:'';position:absolute;left:0;top:50%;height:16px;border-left:1px solid #cdcdcd;margin-top:-8px}.nav-general>li.nav-lang>a:before,.nav-general>li:first-child>a:before{display:none}.nav-general>li.nav-search{margin-left:20px}.nav-general .form-group{margin:0;position:relative;width:275px}.nav-general .form-group .form-control{height:38px;border-radius:50px;line-height:36px;font-size:14px;background-color:#fff;padding-left:50px;padding-right:55px}.nav-general .form-group .icons{position:absolute;width:22px;height:22px;top:50%;left:15px;margin-top:-11px;display:flex}.nav-general .form-group .icon-search{background-image:url(../img/icons/icon-search.svg);background-size:20px}.nav-general .form-group .icon-bag{left:auto;right:18px;background-image:url(../img/icons/icon-bag.svg)}.nav-general .form-group .icon-bag:before{content:'';position:absolute;left:-15px;top:0;bottom:0;border-left:1px solid #cdcdcd}.nav-general .form-group .icon-bag .badge{position:absolute;top:-5px;right:-8px;padding:0;width:17px;height:17px;line-height:17px;background:#ff281a;border-radius:50%;color:#fff;font-size:11px;font-weight:300}.nav-general .nav-lang>a{padding-right:19px;position:relative}.nav-general .nav-lang>a:after{content:'';position:absolute;top:50%;right:0;width:10px;height:10px;margin-top:-4px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icons/icon-arrow-down.svg);display:block!important}.nav-general .nav-lang .icons{width:24px;height:24px;border-radius:50%;background-size:cover}.nav-general .nav-lang .flag-th{background-image:url(../img/thumb/flag-th.svg)}.nav-general .nav-lang .flag-en{background-image:url(../img/thumb/flag-en.png)}.nav-general .nav-lang .dropdown-menu{width:100%;min-width:0;left:3px;border:0;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:8px;margin-top:10px}.nav-general .nav-lang .dropdown-menu a{display:block;width:100%;padding:1px 10px!important;text-align:center}.nav-general .nav-lang .dropdown-menu a .icons{margin:auto 10px auto 0}.pc .nav-general .nav-lang .dropdown-menu a:hover{background-color:#f1f1f1}.navbar-main{background-color:#fff;padding:15px 0}.navbar-brand{width:130px;z-index:1000}.nav-login{margin:0 -10px;-ms-flex-align:center;align-items:center}.nav-login>li{margin:0 10px}.nav-login>li>a{display:block;width:auto;height:48px;padding:0 20px;line-height:46px;border:1px solid var(--gray-light);border-radius:20px;font-size:var(--f-16);position:relative}.nav-login>li>a span{position:relative;z-index:10}.nav-login>li>a:before{content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;opacity:0;border-radius:20px;transition:all .3s ease-in-out;background:linear-gradient(180deg,#ffc36f 0,#ffa01a 100%);box-shadow:0 10px 20px rgba(255,160,26,.21)}.nav-login>li.login>a{color:var(--orange)}.nav-login>li.login>a:before{opacity:0}.pc .nav-login>li.login>a:hover{color:#fff}.pc .nav-login>li.login>a:hover:before{opacity:1}.nav-login>li.register>a{color:#fff}.nav-login>li.register>a:before{opacity:1}.nav-login>li.user>a{display:flex;-ms-flex-pack:center;justify-content:center;position:relative;padding-right:30px;font-size:var(--f-14);font-weight:300}.nav-login>li.user>a:after{content:'';position:absolute;top:50%;right:10px;width:10px;height:10px;margin-top:-4px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icons/icon-arrow-down.svg);display:block!important}.nav-login>li.user>a .badge{right:10px;top:-5px}.nav-login>li.user a .avatar{display:block;width:30px;height:30px;margin:auto 0;border-radius:50%;margin-right:10px;background-position:center center;background-size:cover;background-repeat:no-repeat}.nav-login>li.user>a .icons{width:30px;height:30px;background-image:url(../img/icons/icon-user-blue.svg);background-size:18px;margin:auto}.nav-login>li.button{display:none}.nav-login .badge{position:absolute;width:11px;height:11px;background-color:#fc6c44;border-radius:50%;display:block!important;transition:all .35s ease-in-out}.header .dropdown-menu.menu{width:276px;background:#02449b;border-radius:20px;color:#fff;margin:0;padding:30px 20px;border:0;text-align:left;display:block;opacity:0;pointer-events:none;transition:all .35s ease-in-out}.header .dropdown-menu.menu hr{border-top-color:rgba(194,208,226,.5);margin:10px 0}.header .dropdown-menu.menu li{padding:2px 0}.header .dropdown-menu.menu li a{padding:0 30px;height:40px;line-height:40px;display:flex;font-weight:300;border-radius:20px;position:relative}.pc .header .dropdown-menu.menu li a:hover{background-color:#fc6c44}.header .dropdown.show .dropdown-menu.menu,.pc .header .dropdown:hover .dropdown-menu.menu{opacity:1;pointer-events:auto}.header .dropdown.guest .dropdown-menu.menu{width:140px;text-align:center;padding:20px 15px}.nav-login>li.user .dropdown-menu.menu{left:auto;right:0}.nav-login>li.user .dropdown-menu.menu .icons{width:18px;height:18px;top:1px;margin:auto 20px auto 0}.dropdown-menu.menu .icon-user{background-image:url(../img/icons/icon-user.svg)}.dropdown-menu.menu .icon-msg{background-image:url(../img/icons/icon-message.svg)}.dropdown-menu.menu .icon-coupon{background-image:url(../img/icons/icon-ticket-line.svg)}.dropdown-menu.menu .icon-monitor{background-image:url(../img/icons/icon-slideshow.svg)}.dropdown-menu.menu .icon-cart{background-image:url(../img/icons/icon-cart.svg)}.dropdown-menu.menu .icon-heart{background-image:url(../img/icons/icon-heart.svg)}.dropdown-menu.menu .icon-info{background-image:url(../img/icons/icon-information.svg)}.dropdown-menu.menu .icon-headphones{background-image:url(../img/icons/icon-customer-service.svg)}.dropdown-menu.menu .icon-logout{background-image:url(../img/icons/icon-logout.svg)}.dropdown-menu.menu .icon-line-chart{background-image:url(../img/icons/icon-line-chart.svg)}.nav-login .dropdown-menu.menu .badge{top:-3px;left:-3px}.nav-login .dropdown-menu.menu li.active a .badge,.pc .nav-login .dropdown-menu.menu li a:hover .badge{background-color:#fff}.nav-login>li.user.guest{display:none}.nav-title{display:none}@media (min-width:768px){.nav-login .dropdown-menu li:nth-child(1),.nav-login .dropdown-menu li:nth-child(2){display:none}}@media (min-width:1025px){.nav-main{-ms-flex-pack:center;justify-content:center;margin:auto}.nav-main>li>a{font-size:var(--f-18);font-weight:300;color:#3c3c3c;position:relative;padding:20px 15px}.nav-main>li>a:before{content:'';position:absolute;left:50%;width:0;bottom:10px;height:4px;margin-left:-19px;border-radius:50px;background-color:var(--blue);transition:all .3s ease-in-out}.nav-main>li.active>a{font-weight:600;color:var(--blue)}.pc .nav-main>li>a:hover{color:var(--blue)}.nav-main>li.active>a:before,.pc .nav-main>li>a:hover:before{width:36px}.nav-main li.dropdown>a:after{content:'';position:absolute;bottom:5px;left:20px;width:10px;height:10px;pointer-events:none;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icons/icon-arrow-down.svg);display:block!important}.nav-main .dropdown-menu.menu{top:45px}.nav-main .dropdown-menu{display:block;opacity:0;pointer-events:none}.nav-main li.dropdow:hover .dropdown-menu,.pc .nav-main li.dropdow.show .dropdown-menu{opacity:1;pointer-events:none}}@media (min-width:1100px){.nav-main{position:absolute;left:0;right:0}}@media (min-width:1366px){.nav-main>li>a{padding:20px 20px;font-size:18px}.nav-main>li>a::before{bottom:10px}.nav-main .dropdown-menu.menu{top:48px}}.btn.btn-icon{padding:0!important;border:0!important;background-color:transparent!important;display:inline-block;vertical-align:middle;z-index:1060;border-radius:0;position:relative;top:-1px;overflow:visible;margin:auto 0}.btn.btn-icon{height:17px;line-height:17px;top:0;opacity:1!important}.btn-icon:before{display:none}.btn-icon .group{display:block;position:relative;width:20px;height:17px;margin:0 auto 0}.btn-icon .group span{height:2px;position:absolute;left:0;right:0;border-radius:10px;-webkit-transform-origin:25px,1px;-ms-transform-origin:25px,1px;transform-origin:25px,1px}.btn-icon .group span:before{content:'';position:absolute;top:0;right:0;height:100%;width:100%;background:#000;transition:all .25s ease-in-out}.btn-icon .group span:nth-child(1):before{width:100%}.btn-icon .group span:nth-child(2):before{width:100%}.btn-icon .group span:nth-child(3):before{width:20px}.pc .btn-icon:hover span:nth-child(1):before{width:17px}.pc .btn-icon:hover span:nth-child(2):before{width:100%}.btn-icon .group span:nth-child(1){top:0;-webkit-transition:-webkit-transform .33s 0s cubic-bezier(.72, .01, .28, .98);transition:-webkit-transform .33s 0s cubic-bezier(.72, .01, .28, .98);transition:transform .33s 0s cubic-bezier(.72, .01, .28, .98);transition:transform .33s 0s cubic-bezier(.72, .01, .28, .98),-webkit-transform .33s 0s cubic-bezier(.72, .01, .28, .98)}.btn-icon .group span:nth-child(2){top:7px;-webkit-transition:-webkit-transform .21s 175ms cubic-bezier(.72, .01, .28, .98);transition:-webkit-transform .21s 175ms cubic-bezier(.72, .01, .28, .98);transition:transform .21s 175ms cubic-bezier(.72, .01, .28, .98);transition:transform .21s 175ms cubic-bezier(.72, .01, .28, .98),-webkit-transform .21s 175ms cubic-bezier(.72, .01, .28, .98)}.btn-icon .group span:nth-child(3){top:14px;-webkit-transition:-webkit-transform .33s 0s cubic-bezier(.72, .01, .28, .98);transition:-webkit-transform .33s 0s cubic-bezier(.72, .01, .28, .98);transition:transform .33s 0s cubic-bezier(.72, .01, .28, .98);transition:transform .33s 0s cubic-bezier(.72, .01, .28, .98),-webkit-transform .33s 0s cubic-bezier(.72, .01, .28, .98)}.pc .btn-icon:hover span:nth-child(1):before{width:20px}.pc .btn-icon:hover span:nth-child(2):before{width:100%}.pc .btn-icon:hover span:nth-child(3):before{width:100%}.nav-opened .btn-icon span:nth-child(1):beforee{width:100%!important}.nav-opened .btn-icon span:nth-child(2):before{width:100%!important}.nav-opened .btn-icon span:nth-child(3):before{width:100%!important}.nav-opened .btn-icon .group span:nth-child(1),.nav-profile-opened .btn-icon .group span:nth-child(1){-webkit-transition:-webkit-transform .33s .45s cubic-bezier(.72, .01, .28, .98);transition:-webkit-transform .33s .45s cubic-bezier(.72, .01, .28, .98);transition:transform .33s .45s cubic-bezier(.72, .01, .28, .98);transition:transform .33s .45s cubic-bezier(.72, .01, .28, .98),-webkit-transform .33s .45s cubic-bezier(.72, .01, .28, .98);-webkit-transform:rotate(45deg) translate3d(5px,5px,0);transform:rotate(45deg) translate3d(5px,5px,0)}.nav-opened .btn-icon .group span:nth-child(2),.nav-profile-opened .btn-icon .group span:nth-child(2){-webkit-transition:-webkit-transform .21s .25s cubic-bezier(.72, .01, .28, .98);transition:-webkit-transform .21s .25s cubic-bezier(.72, .01, .28, .98);transition:transform .21s .25s cubic-bezier(.72, .01, .28, .98);transition:transform .21s .25s cubic-bezier(.72, .01, .28, .98),-webkit-transform .21s .25s cubic-bezier(.72, .01, .28, .98);-webkit-transform:scaleX(0) translateZ(0);transform:scaleX(0) translateZ(0)}.nav-opened .btn-icon .group span:nth-child(3),.nav-profile-opened .btn-icon .group span:nth-child(3){-webkit-transition:-webkit-transform .33s .45s cubic-bezier(.72, .01, .28, .98);transition:-webkit-transform .33s .45s cubic-bezier(.72, .01, .28, .98);transition:transform .33s .45s cubic-bezier(.72, .01, .28, .98);transition:transform .33s .45s cubic-bezier(.72, .01, .28, .98),-webkit-transform .33s .45s cubic-bezier(.72, .01, .28, .98);-webkit-transform:rotate(-45deg) translate3d(5px,-5px,0);transform:rotate(-45deg) translate3d(5px,-5px,0)}@media (max-width:1440px){.navbar-toppage{font-size:13px}.navbar-toppage .icon-gift{width:20px;height:20px}.nav-login>li>a{height:42px;line-height:40px;padding:0 15px;border-radius:15px}.nav-login>li>a::before{border-radius:15px}}@media (max-width:1024px){.header .nav-main{display:none}.header .btn-icon{display:block}.nav-login>li.button{display:block;margin-left:10px}.nav-mobile{-ms-flex-align:center;align-items:center}.header{box-shadow:0 10px 20px rgba(0,0,0,.05)}.navbar-device{display:flex}.navbar-main .d-flex{-ms-flex-align:center;align-items:center}.nav-lang{height:23px;margin-bottom:1px;margin-right:20px}.nav-lang img.flag{width:34px}.nav-lang.dropdown>a::before{border-top-color:#555}.navbar-general{margin:0 -20px}.nav-general{margin:0;width:100%}.nav-general>li.nav-search{margin-left:auto}.header-slideout,.page-slideout{transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.page-slideout{position:relative;background-color:#fff;overflow:hidden}.closing .page-slideout,.nav-opened .page-slideout{z-index:1040}.closing .header-slideout,.nav-opened .header-slideout{z-index:1043}.page-blocker{position:fixed;top:0;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,0);z-index:1090;pointer-events:none;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.nav-opened .page-blocker{background-color:rgba(0,0,0,.6)}.nav-opened .page-blocker{pointer-events:auto;display:block;cursor:pointer}.navbar-device{position:fixed;top:0;right:0;bottom:0;z-index:1095;width:280px;overflow:hidden;padding:0;background-color:var(--blue);align-items:normal;-ms-flex-align:normal;-webkit-transform:translate(280px,0);-ms-transform:translate(280px,0);transform:translate(280px,0);-webkit-transform:translate3d(-280px,0,0);transform:translate3d(280px,0,0);transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.nav-opened .navbar-device{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.nav-opened .header{pointer-events:none}.navbar-device .container-fluid{padding:0}.nav-main{position:absolute;top:0;bottom:0;display:block;height:100%;right:-280px;width:560px;overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.nav-main li{display:block;position:static}.nav-main li{padding-left:20px!important}.nav-main li a:not(.links){padding:15px 0 15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-weight:400;font-size:18px!important;height:auto!important;line-height:normal!important;display:block;position:relative;color:#fff}.nav-main li a:not(.links) br{display:none}.nav-main li a.links{display:none}.nav-main>li>a{width:260px}.nav-main>li.dropdown>a:after{content:"";position:absolute;top:25px;left:226px;content:"";width:8px;height:8px;opacity:.75;vertical-align:top;border-top:1px solid #fff;border-left:1px solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.nav-main .dropdown-menu{position:absolute;top:0!important;right:0;bottom:0;left:auto!important;width:280px;margin:0;padding:0;transition:none;border:0;background-color:var(--color-secondary)}.nav-main li.nav-title{padding-left:0;position:relative;cursor:pointer;display:block;opacity:.8;font-weight:300;font-size:16px;padding:20px 0 20px 50px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.nav-main li.nav-title>span{display:block;position:relative;padding:15px 0 15px 30px}.nav-main li.nav-title .arrow{display:inline-block;position:absolute;vertical-align:top;left:0;top:50%;margin-top:-6px}.nav-main li.nav-title .arrow:before{content:"";width:12px;height:12px;vertical-align:top;position:absolute;top:0;left:0;border-top:1px solid rgba(255,255,255,.8);border-left:1px solid rgba(255,255,255,.8);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-main .dropdown.showing .dropdown-menu{display:block;opacity:1}.nav-main .dropdown .nav{flex-direction:column}.level-1-opened .nav-main{right:0}}@media (max-width:767px){.header{box-shadow:0 10px 20px rgba(0,0,0,.05)}.navbar-general{padding:10px 0;margin:0}.nav-general{flex-wrap:unset;-ms-flex-wrap:unset}.navbar-brand{width:100px}.navbar-main{padding:10px 0}.navbar-toppage{font-size:10px;line-height:1.2}.navbar-toppage .icon-gift{margin-top:auto;margin-bottom:auto}.nav-general>li.nav-search{margin-left:0;width:100%}.nav-general .form-group{width:100%}.nav-general>li.nav-lang{margin-left:auto;margin-right:0}.nav-general .form-group .form-control{height:30px;line-height:28px;padding-left:36px;padding-right:45px}.nav-general .form-group .icons{width:18px;height:18px;left:10px;margin-top:-9px}.nav-general .form-group .icon-bag{left:auto;right:15px}.nav-general .form-group .icon-search{background-size:16px}.nav-general .nav-lang>a{padding-left:10px}.nav-login>li.login,.nav-login>li.register{display:none}.nav-login>li.user.guest{display:block}.nav-login>li.user a .avatar{margin-right:0}.dropdown-menu.menu li{padding:0}.dropdown-menu.menu li a{height:35px;line-height:35px;font-size:15px}}@media (max-height:680px){.nav-login .dropdown-menu.menu{max-height:75vh;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.dropdown-menu.menu li{padding:0}}@media (max-width:850px) and (max-height:650px){.nav-login .dropdown-menu.menu{max-height:60vh;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}}.page{display:block;position:relative;overflow:hidden;padding-top:calc(190px + var(--toppage-h))}.toppage-opened .page{padding-top:190px}:root{--toppage-h:-44px}@media (max-width:1440px){.page{padding-top:calc(180px + var(--toppage-h))}.toppage-opened .page{padding-top:180px}}@media (max-width:767px){.page{padding-top:calc(156px + var(--toppage-h))}.toppage-opened .page{padding-top:156px}}.preload{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:1095;display:flex}.section-full{min-height:100vh;min-height:calc(var(--vh,1vh) * 100)!important;display:flex}.section{display:block;position:relative;padding:75px 0}.section-hgroup{display:block;text-align:center}div.bg-blue{background-color:#02449b;color:#fff}div.boxed{background-color:#f3f9fe;transition:var(--animate-duration-35s)}div.boxed .container:before{content:'';position:absolute;top:-75px;left:50px;right:50px;bottom:-75px;background-color:#fff;transition:var(--animate-duration-35s)}div.boxed.pt-0 .container::before{top:0}div.boxed .container>div{position:relative;z-index:10}.navbar-main.boxed .container:before{top:-15px;bottom:-15px}.scrolling .navbar-main.boxed{background-color:#fff}.scrolling .navbar-main.boxed .container:before{opacity:0}.modal{z-index:1100}.modal-backdrop{z-index:1095}.italic{font-style:italic!important}.medium{font-weight:500!important}.regular{font-weight:400!important}.bold{font-weight:700}.light{font-weight:300}.background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background-position:center center;background-repeat:no-repeat;background-size:cover}.background.auto{background-size:auto}.background.w-100{background-size:100%}.device .background.parallaxie{background-attachment:scroll!important;background-position:center center!important}@media (max-width:1680px){div.boxed .container:before{left:75px;right:75px}}@media (max-width:1280px){div.boxed .container:before{left:50px;right:50px}}@media (max-width:1199px){.background.parallaxie{background-attachment:scroll!important;background-position:center center!important}.navbar-main.boxed .container:before{left:0;right:0}div.boxed .container:before{left:25px;right:25px}}@media (max-width:767px){.section{padding:35px 0}div.boxed .container:before{left:10px;right:10px}}.card{border:0;border-radius:0;background-color:transparent}.card-photo{position:relative;overflow:hidden;display:block}.card-photo .photo{background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all .35s ease 0s}.card-photo img{width:100%}.row.space-0{margin:0}.row.space-0>div{padding:0}.row.space-5{margin:0 -5px!important}.row.space-5>div{padding:0 5px!important}.row.space-10{margin:0 -10px}.row.space-10>div{padding:0 10px}.row.space-20{margin:0 -20px}.row.space-20>div{padding:0 20px}.row.space-25{margin:0 -25px}.row.space-25>div{padding:0 25px}.row.space-30{margin:0 -30px}.row.space-30>div{padding:0 30px}@media (max-width:1440px){.row.space-25{margin:0 -20px}.row.space-25>div{padding:0 20px}}@media (max-width:1024px){.row.space-25{margin:0 -15px}.row.space-25>div{padding:0 15px}.row.space-20{margin:0 -15px}.row.space-20>div{padding:0 15px}}.modal-content{border:0;border-radius:34px;padding:30px}.modal-alert .modal-dialog{max-width:360px;margin-left:auto!important;margin-right:auto!important}.modal-360 .modal-dialog{max-width:360px}.modal-500 .modal-dialog{max-width:500px}.modal-560 .modal-dialog{max-width:560px}.modal-700 .modal-dialog{max-width:700px}.modal-article .modal-dialog{max-width:560px}.modal-article .modal-content{padding:0}.modal-article .modal-body{padding:20px 30px;max-height:60vh;overflow:hidden;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-close{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;background-position:center center;background-size:contain;background-repeat:no-repeat;background-image:url(../img/icons/icon-close-square.svg);z-index:100}.modal-alert.logout .img-success,.modal-alert.success .img-success{width:90px;margin:30px auto}.modal-header{padding:20px 40px;border:0;background-color:transparent}.modal-alert .buttons{padding:20px;margin:0 -10px;display:flex}.modal-alert .buttons .btn{margin:0 5px;width:100%}a.link{color:#fc6c44}.pc a.link:hover{text-decoration:underline}h4.modal-title{font-size:25px;text-align:center;color:var(--blue)}h3.modal-title{font-size:32px;text-align:center;color:var(--blue);position:relative;margin:0 auto}h3.modal-title.line span{display:inline-block;position:relative;padding:0 15px;z-index:1}h3.modal-title.line:before{content:'';position:absolute;left:0;right:0;bottom:5px;height:12px;background-color:#dde5f0;border-radius:12px}.login-social .btn{margin:0 10px;width:150px;padding:0;text-align:center;border-color:#efefef;background-color:transparent;display:flex;-ms-flex-pack:center!important;justify-content:center!important}.login-social .btn span{color:#000;font-size:14px;display:flex}.login-social .btn .icons{width:30px;height:30px;margin:auto 15px auto 0}.login-social .btn:before{background:var(--blue)}.pc .login-social .btn:hover{border-color:var(--blue);background-color:transparent!important}.login-social .btn .icon-facebook{background-image:url(../img/icons/icon-facebook-perspective.png)}.login-social .btn .icon-google{background-image:url(../img/icons/icon-google-perspective.png)}.modal-gallery-upload .modal-title{display:block;padding:0 0 20px;margin:-10px -30px 0;border-bottom:1px solid #e2e9f2}.modal-gallery-upload .modal-dialog{max-width:950px}.w-150{width:150px}.w-180{width:180px}.w-300{width:100%;max-width:300px}.w-24{width:24px}.box-366{width:100%;max-width:366px;margin:0 auto}.register-type{margin:20px 0}.register-type>div:first-child:before{content:'';position:absolute;right:0;width:1px;top:0;bottom:20px;border-left:1px dashed rgba(2,68,155,.5)}.register-type .item{display:block;position:relative;text-align:center;max-width:220px;margin:0 auto}.register-type .item .circle{width:17px;height:17px;border-radius:50%;border:1px solid var(--orange-medium);position:absolute;top:0;left:0}.register-type .item .circle:before{content:'';position:absolute;top:2px;left:2px;right:2px;bottom:2px;background-color:var(--orange-medium);border-radius:50%;transition:var(--animate-duration-2s);opacity:0}.pc .register-type .item:hover .circle:before{opacity:1}.register-type .photo{display:block;position:relative;margin-bottom:25px}.register-type img.img{position:absolute;top:0;left:50%;width:118px;z-index:10;margin-left:-59px;filter:drop-shadow(0px 100px 80px rgba(0, 0, 0, .07)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, .0417275)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725))}.register-type img.shape{width:163px;margin:0 auto;position:relative;top:-8px;left:30px}.register-type h5{font-size:var(--f-18);font-weight:500;color:var(--blue)}.text-opacity-50{color:rgba(17,17,17,.5)}.underline{text-decoration:underline}.link-underline{text-decoration:underline!important}.pc .link-underline:hover{color:var(--red-dark)}@media (max-width:1440px){.modal-header{padding:10px 40px 20px}h3.modal-title{font-size:28px}}@media (max-width:757px){.modal-header{padding-left:0;padding-right:0}h3.modal-title{font-size:22px}h3.modal-title.line span{padding:0 10px}h3.modal-title.line::before{height:8px}.modal-content{padding:20px}.login-social{margin:0 -5px}.login-social .btn{margin:0 5px}.login-social .btn .icons{margin-right:5px;width:26px;height:26px}.modal .box-366{padding:0 15px}.register-type{margin:0 -30px}.register-type img.shape{width:110px;left:20px}.register-type img.img{width:80px;margin-left:-40px}h4.modal-title{font-size:22px}}.section-banner{padding:0!important}.swiper-caption{position:absolute;top:0;left:0;right:0;bottom:0}.swiper-caption .caption{max-width:555px;padding-top:50px}.swiper-caption h6{background-color:#fff1ed;border-radius:50px;height:40px;line-height:40px;font-size:var(--f-18);color:var(--orange-medium);font-weight:400;padding:0 25px;margin-bottom:15px;display:inline-block}.swiper-caption h2{font-size:var(--f-48);font-family:var(--f-mitr);font-weight:500;margin-bottom:25px}.swiper-caption h2 .highlight{display:inline-block;position:relative;color:var(--blue);position:relative}.swiper-caption h2 .highlight>span{position:relative;z-index:1}.swiper-caption h2 .highlight:before{content:'';position:absolute;left:0;bottom:5px;background-color:#dde5f0;height:16px;width:0;border-radius:12px;transition:var(--animate-duration-2s)}.swiper-single.banner .swiper-slide-active .swiper-caption h2 .highlight:before{width:100%}.swiper-caption p{font-weight:300;color:var(--blue)}.swiper-caption .search-course-wrap{position:relative;bottom:auto!important;margin-top:3vw}.swiper-caption.white:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.4);mix-blend-mode:overlay}.swiper-pagination.vertical{position:absolute;top:0;bottom:0;right:30px;left:auto;width:auto;display:flex;flex-direction:column;-ms-flex-align:center;align-items:center}.swiper-pagination.vertical .swiper-pagination-bullet{width:8px;height:8px;margin:5px 0}.swiper-pagination.vertical>span:first-child{margin-top:auto!important}.swiper-pagination.vertical>span:last-child{margin-bottom:auto!important}.search-course-wrap{position:absolute;left:0;right:0;bottom:16vw;z-index:100}.search-course{display:flex;flex-direction:row;background-color:var(--orange-medium);box-shadow:0 10px 30px #ffb49f;border-radius:20px;padding:20px 15px;width:590px}.search-course>div{padding:0 8px}.search-course>div:nth-child(1){width:55%}.search-course>div:nth-child(2){width:35%}.search-course .custom-select{border-radius:20px}.search-course .btn{width:100%;min-width:55px;padding:0;display:flex;box-shadow:0 10px 20px rgba(255,160,26,.54)}.search-course .btn .icon-search{width:24px;height:24px;margin:auto;background-image:url(../img/icons/icon-search-white.svg)}.search-course.blue{background:#00357a;box-shadow:0 100px 80px rgba(0,0,0,.14),0 22.3363px 17.869px rgba(0,0,0,.083455),0 6.6501px 5.32008px rgba(0,0,0,.056545);border-radius:20px}.contact-slidebar{display:block;position:fixed;left:0;bottom:0;z-index:1090;height:0}.contact-slidebar .contact-bar:before{content:'';position:absolute;top:0;right:0;left:-100vw;bottom:0;background-color:var(--blue);z-index:1;border-radius:0 34px 0 0}.contact-slidebar .contact-bar{display:flex;position:absolute;left:-585px;opacity:0;bottom:0;padding:20px 10px 20px 10px;z-index:10;width:585px;height:130px;transition:all .4s ease-in-out}.contact-slidebar .contact-bar .inner{width:345px;margin-left:auto;position:relative}.contact-slidebar .contact-bar .group{position:relative;display:block;z-index:10}.contact-slidebar p{color:var(--orange);font-size:13px;margin-bottom:0}.contact-slidebar h4{font-size:var(--f-20);color:#fff;margin-bottom:10px;font-weight:500}.contact-slidebar .contact-bar .btn{width:240px;height:32px;line-height:30px;border-radius:12px;font-size:15px;position:relative}.contact-slidebar .contact-bar .btn:after{content:'';position:absolute;top:50%;right:15px;width:10px;height:10px;margin-top:-5px;z-index:10;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icons/icon-arrow-up-blue.svg)}.contact-slidebar .icons.faq{position:absolute;width:100px;height:100px;left:-130px;top:-40px;z-index:11}.contact-slidebar .icons.faq.outside{position:absolute;bottom:20px;left:10px;top:auto;cursor:pointer;opacity:1;pointer-events:auto}.pc .contact-slidebar .icons.faq.outside:hover{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);perspective:1000px}.contact-slidebar .icons img{filter:drop-shadow(0px 17px 20px rgba(0, 0, 0, .25))}.slidebar-close{width:20px;height:20px;background-image:url(../img/icons/icon-close-square.svg);position:absolute;top:15px;right:15px;cursor:pointer;z-index:1000}.contact-opened .contact-slidebar .contact-bar{left:0;opacity:1}.contact-opened .contact-slidebar .icons.faq.outside{opacity:0;pointer-events:none}.contact-form{position:absolute;left:0;bottom:-100px;width:100%;border-radius:0 34px 0 0;background-color:var(--blue);color:#fff;width:585px;z-index:1010;opacity:0;pointer-events:none;transition:var(--animate-duration-35s)}.contact-form-opened .contact-form{opacity:1;pointer-events:auto;bottom:0}.contact-form .form-body,.contact-form .form-header{display:block;padding:0 95px}.contact-form .form-header{text-align:center;display:flex;flex-direction:column;padding-top:38px;padding-bottom:30px}.contact-form .form-header>div{position:relative}.contact-form .form-header .icons.faq{left:-110px;top:auto;bottom:0}.contact-form .form-header h4{width:100%;text-align:center;color:var(--orange-medium);font-weight:500;font-size:25px}.contact-form .form-header p{color:#fff;font-weight:300}.contact-form .form-control{color:#000;padding-left:30px;border-radius:50px}.contact-form .checkbox-group label{font-weight:300;font-size:12px}.contact-form .btn{border-radius:50px;padding:0 30px}.contact-form .btn:before{opacity:1}.pc .contact-form .btn:hover:before{opacity:0}.contact-form .slidebar-close{top:20px;right:20px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width:1680px){.swiper-single.banner .swiper-slide{min-height:95vh}.swiper-caption .caption{padding-top:30px}.contact-slidebar .icons.faq{left:-100px}}@media (max-width:1600px){.swiper-caption .search-course-wrap{margin-top:25px}.contact-slidebar .icons.faq{width:90px;height:90px;left:-100px}}@media (max-width:1440px){.search-course-wrap{bottom:17vw}.swiper-caption .caption{padding-top:30px;max-width:450px}.search-course{width:540px}}@media (max-width:1280px){.search-course-wrap{bottom:20vw}.search-course{padding:20px 15px}.search-course>div{padding:0 5px}.swiper-caption h6{height:35px;line-height:35px;padding:0 20px}.swiper-caption h2{margin-bottom:20px}.contact-form,.contact-slidebar .contact-bar{width:500px}.contact-form .form-body,.contact-form .form-header{padding-left:65px;padding-right:65px}.contact-form .form-header{padding-top:25px}}@media (max-width:1150px){.search-course-wrap{position:relative;bottom:auto;top:-10vw}.swiper-single.banner .swiper-slide{min-height:0}.search-course .btn,.search-course .custom-select,.search-course .form-control{height:38px;line-height:36px;border-radius:12px}}@media (max-width:991.98px){.swiper-single.banner .swiper-slide{min-height:0}.search-course-wrap{padding-top:30px;padding-bottom:30px;top:-60px}.search-course{width:100%}.swiper-caption h2{font-size:24px;margin-bottom:15px}.swiper-caption h2 .highlight::before{height:8px;bottom:3px}.swiper-caption p{font-size:14px}.swiper-caption h6{font-size:13px;height:31px;line-height:29px;padding:0 15px;margin-bottom:10px}.swiper-caption .caption{max-width:50%}.contact-slidebar .contact{padding:15px 10px 15px 70px}.contact-slidebar .icons.faq{width:80px;height:80px}.contact-form,.contact-slidebar .contact-bar{width:450px}.contact-form .form-body,.contact-form .form-header{padding-left:45px;padding-right:45px}.contact-slidebar .contact-bar .inner{width:300px}.contact-form .form-header .icons.faq{left:-90px}}@media (max-width:767px){.search-course-wrap{top:0;padding:10px 0}.search-course{flex-direction:unset;flex-wrap:wrap;padding:20px 10px}.search-course>div{padding:5px}.search-course>div:nth-child(1){width:100%!important}.search-course>div:nth-child(2){width:70%!important}.search-course>div:nth-child(3){width:30%!important}.swiper-caption{position:relative;color:#000!important}.swiper-caption .caption{padding-top:15px;max-width:100%}.swiper-caption h2{font-size:18px}.swiper-caption h6{font-size:10px;padding:0 10px;height:28px;line-height:26px}.contact-slidebar .contact-bar .inner{width:250px;margin:0 auto}}@media (max-width:767px){.contact-slidebar{right:0}.contact-form,.contact-slidebar .contact-bar{max-width:100%;width:100%}.contact-slidebar .icons.faq{width:55px;height:55px;left:-60px;top:-40px}.contact-slidebar .icons.faq.outside{bottom:10px}.contact-form .form-header .icons.faq{left:-60px}.contact-form .form-header h4{font-size:20px}.contact-form .form-body,.contact-form .form-header{padding-left:25px;padding-right:25px}}.totop{position:absolute;right:35px;top:0;z-index:1000}.totop .btn-totop{width:47px;height:47px;background-color:rgba(255,255,255,.2);border-radius:16px;display:flex;cursor:pointer}.totop .btn-totop .icons{margin:auto;width:14px;height:14px;background-image:url(../img/icons/icon-arrow-up.svg)}.button-slidebar{position:fixed;z-index:1000;bottom:50px;right:80px}.button-slidebar .btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--orange)!important;background-color:rgba(255,255,255,.9)!important;padding:0;position:relative;display:flex}.button-slidebar .btn:before{background:rgb(255,160,26,.2)}.button-slidebar .btn .icons{width:20px;height:20px;margin:auto}.button-slidebar .btn .icon-chat{background-image:url(../img/icons/icon-chat-fill.svg)}.button-slidebar .btn .icon-facebook{background-image:url(../img/icons/icon-facebook-fill.svg)}.button-slidebar .btn .icon-line{background-image:url(../img/icons/icon-line-fill.svg)}.button-slidebar .btn .status{position:absolute;top:-3px;right:-3px;background:#fc6c44;border:1px solid #fff;border-radius:50%;width:9px;height:9px}.button-slidebar .arrow-wrap{display:block;margin:10px auto;position:relative;width:20px;height:20px;cursor:pointer}.button-slidebar .arrow-wrap>span{width:12px;height:12px;left:50%;top:50%;margin:-3px 0 0 -7px;border-top:1px solid var(--orange);border-left:1px solid var(--orange)}.button-slidebar .show .arrow-wrap>span{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.button-slidebar .dropdown-menu{border:0;width:50px;padding:0;background-color:transparent!important;margin:0;position:relative;top:auto;left:auto;min-width:0}.button-slidebar .dropdown-menu .btn{margin:10px 0}@media (max-width:991.98px){.button-slidebar{bottom:30px;right:30px}.totop{top:-65px;left:50%;margin-left:-20px}}@media (max-width:767px){.button-slidebar{bottom:20px;right:20px}.button-slidebar .btn{width:45px;height:45px}.button-slidebar .dropdown-menu{width:45px}.totop .btn-totop{width:38px;height:38px;border-radius:10px;top:-55px}}.background.bg-size-auto{background-size:auto;background-position:top center}.section-howto{margin-top:-7vw;z-index:10;padding-bottom:20px}.section-howto:before{content:'';position:absolute;left:0;right:0;bottom:0;height:30px;background-color:#f3f9fe}.nav-tabs{border:0}.nav-tabs .nav-item{margin:0}.nav-tabs .nav-link{border-radius:0;padding:0;border:0;height:64px;background-color:#fff0ec;color:var(--orange-medium);font-size:var(--f-18);width:160px;display:flex}.nav-tabs .nav-link>span{margin:auto}.nav-tabs .nav-link.left{border-radius:24px 0 0 24px}.nav-tabs .nav-link.right{border-radius:0 24px 24px 0}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active,.nav-tabs .nav-link:focus,.pc .nav-tabs .nav-link.active{box-shadow:0 15px 20px rgba(252,108,68,.24)!important;color:#fff;background-color:var(--orange-medium)}.nav-tabs.md .nav-link{width:116px;height:48px;font-size:14px}.nav-tabs.md .nav-item.show .nav-link,.nav-tabs.md .nav-link.active,.nav-tabs.md .nav-link:focus,.pc .nav-tabs.md .nav-link.active{box-shadow:none!important}.nav-tabs.normal .nav-item{margin:0 5px}.nav-tabs.normal .nav-link{border-radius:20px;background-color:#fff;border:1px solid #e9e9e9;font-size:var(--f-16)}.nav-tabs.normal .nav-item.show .nav-link,.nav-tabs.normal .nav-link.active,.nav-tabs.normal .nav-link:focus,.pc .nav-tabs.normal .nav-link.active,.pc .nav-tabs.normal .nav-link:hover{border-color:var(--orange-medium);background-color:var(--orange-medium);color:#fff}.nav-tabs .nav-link.w-220{width:210px}.nav-tabs .nav-link.w-180{width:180px}.card-howto{background-color:#fff;box-shadow:0 4px 30px rgba(0,0,0,.03);border-radius:20px;padding:30px 35px;height:368px;font-size:var(--f-15);font-weight:300;top:0;position:relative}.card-howto .card-title{color:var(--blue);font-size:var(--f-24);font-weight:500;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-howto ul{padding-left:17px}.card-howto ul li span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-howto .card-icon{width:46px;height:46px;margin:30px 0}.card-howto .card-icon svg{width:100%!important;height:100%!important}.card-howto .card-icon svg path{fill:var(--orange-medium)}.card-howto,.card-howto .card-title{transition:var(--animate-duration-35s)}.pc .card-howto:hover{top:30px;color:#fff;box-shadow:0 20px 60px rgba(255,88,65,.33);background-color:var(--orange-medium)}.pc .card-howto:hover .card-title{color:#fff}.pc .card-howto:hover .card-icon svg path{fill:#fff}.card-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.card-howto.hover-blue{height:auto;min-height:280px;padding-bottom:30px}.card-howto.hover-blue .card-icon{width:40px;height:40px;margin-top:0}.card-howto.hover-blue .info-hide{max-height:0;transition:max-height .15s ease-out;overflow:hidden;display:block;margin-bottom:20px}.pc .card-howto.hover-blue:hover{top:-40px;background-color:#02449b;box-shadow:0 20px 50px rgba(2,67,155,.24)}.pc .card-howto.hover-blue:hover .info-hide{max-height:500px;transition:max-height .25s ease-in}.pc .card-howto.hover-blue:hover .card-icon svg path,.pc .card-howto.teaching:hover .card-icon svg path{fill:#FC6C44}.card-howto h6{font-size:var(--f-18);font-weight:300}.card-howto hr{border:0;height:4px;width:24px;border-radius:5px;background-color:var(--orange-medium);margin:30px 0}.card-howto.teaching{height:auto;min-height:560px}.pc .card-howto.teaching:hover{background-color:var(--blue);box-shadow:0 20px 50px rgba(2,67,155,.24);top:-50px}.pc .card-howto.teaching:hover h3{color:#fc6c44}.swiper-howto{padding:70px 0 100px}.tab-howto .button-wrap{display:flex;margin-top:auto;margin-bottom:130px;position:relative}.tab-howto .bubble-shape{position:absolute;bottom:90px;right:0;width:370px;height:370px}.tab-howto .bubble-shape img{width:100%}.tab-howto .button-wrap .btn{border-radius:30px;padding:0 25px}.swiper-button{width:48px;height:48px;display:flex;margin:0 10px;border-radius:20px;left:auto;right:auto;top:auto;position:relative}.swiper-button .icons{width:100%;height:100%;background-size:14px;transition:var(--animate-duration-2s)}.swiper-button.swiper-button-prev .icons{background-image:url(../img/icons/icon-arrow-prev.svg);left:0}.swiper-button.swiper-button-next .icons{background-image:url(../img/icons/icon-arrow-next.svg);right:0}.pc .swiper-button.swiper-button-prev:hover .icons{left:-7px}.pc .swiper-button.swiper-button-next:hover .icons{right:-7px}.swiper-button.blue{background-color:var(--blue)}.swiper-button.orange{background-color:#fff9f0}.title-38{font-size:var(--f-38)!important}.section-title{display:block;font-size:var(--f-15);font-weight:300;z-index:10}.section-title h2{font-size:72px;color:var(--blue);font-weight:500;position:relative;display:inline-block;font-family:var(--f-mitr);padding:0;margin-bottom:25px}.section-title h2 .line,.section-title h2 .line span{position:relative;z-index:10}.section-title h2 .line:before{content:'';position:absolute;left:-10px;right:-10px;bottom:20px;background-color:var(--orange-medium);height:16px;width:auto;border-radius:12px;transition:var(--animate-duration-2s)}.section-title h3{font-size:var(--f-48);color:var(--blue);font-weight:500;position:relative;display:inline-block;font-family:var(--f-mitr);padding:0;margin-bottom:25px}.section-title h3.line{padding:0 10px}.section-title h3.line:before{content:'';position:absolute;left:0;bottom:5px;background-color:var(--orange-medium);height:16px;width:100%;border-radius:12px;transition:var(--animate-duration-2s)}.section-title h3 span{position:relative;z-index:10}.section-title h4{font-size:var(--f-38);color:var(--blue);font-weight:500;position:relative;display:inline-block;font-family:var(--f-mitr);padding:0;margin-bottom:25px}.section-title h4.line{padding:0 10px}.section-title h4.line:before{content:'';position:absolute;left:0;bottom:5px;background-color:var(--orange-medium);height:14px;width:100%;border-radius:12px;transition:var(--animate-duration-2s)}.section-title h3 span{position:relative;z-index:10}.section-title h5{font-size:var(--f-30);color:#fc6c44;font-weight:400;font-family:var(--f-mitr)}.section-title hr{border:0;background:#fc6c44;border-radius:5px;height:4px;width:24px}.title-24{font-size:var(--f-24);font-weight:500}.title-38{font-size:var(--f-38);font-weight:400}.title-48{font-size:var(--f-48);font-weight:500;color:var(--blue)}.section-title.howto{display:block;position:absolute;top:80px;left:150px}.section-title.howto p{max-width:280px}.section-title .icon-check{width:96px;margin:auto 10px auto 0;position:relative;top:5px}.section-title .icon-fire{width:76px;margin:auto 0 auto 0;position:relative;top:10px}@media (max-width:1440px){.section-title h2{font-size:58px}.section-title h2 span.line:before{height:14px;bottom:15px}.section-title h3.line::before{height:14px}.section-title h3.line:before{height:10px}.tab-howto .bubble-shape{width:300px;height:300px;right:40px}.card-howto{height:320px;padding:25px 30px}.card-howto .card-icon{margin:20px 0}.card-howto .card-title{margin-bottom:10px}.card-howto p{margin-bottom:10px}.pc .card-howto:hover{box-shadow:0 10px 30px rgba(255,88,65,.33)}.swiper-howto{padding:50px 0 70px}.nav-tabs .nav-link{height:58px}.tab-howto .button-wrap{margin-bottom:100px}.section-title .icon-check{width:85px;margin-right:0}.section-title .icon-fire{width:60px}.nav-tabs.md .nav-link{height:42px}.nav-tabs.md .nav-link.left{border-radius:18px 0 0 18px}.nav-tabs .nav-link.right{border-radius:0 18px 18px 0}}@media (max-width:1280px){.section-title.howto{left:100px}.nav-tabs.normal .nav-link{height:50px;width:auto;padding:0 20px}.nav-tabs .nav-link.w-220{width:180px}}@media (max-width:1199px){.section-title.howto{left:50px}}@media (max-width:1024px){.section-howto{margin-top:-50px}.section-title h3.line::before{height:10px}.section-title h2{font-size:48px}.section-title h2 span.line:before{height:10px;bottom:15px}}@media (max-width:991.98px){.section-title h2{font-size:42px}.section-title.howto{max-width:45%;margin-bottom:30px}.section-title.howto p{max-width:100%}.tab-howto .bubble-shape{display:none}.tab-howto .button-wrap{margin-bottom:30px;margin-left:auto;margin-right:auto;-ms-flex-pack:center;justify-content:center}.swiper-howto{padding:0 0 30px}.section-title.howto{position:relative;top:auto;left:auto}.howtouse-wrapper .nav-tabs li{margin-top:auto;margin-bottom:auto}.nav-tabs.normal{margin-right:-5px;margin-left:-5px}.nav-tabs.normal .nav-item{width:50%;padding:5px;margin:0}.nav-tabs.normal .nav-link{width:100%;height:45px;border-radius:12px}.card-howto.teaching{min-height:0;margin-bottom:40px;box-shadow:0 4px 30px rgba(0,0,0,.05)}}@media (max-width:767px){.section-title h2{font-size:32px}.section-title h2 span.line::before{height:8px;bottom:10px}.section-howto{margin-top:20px}.contact-slidebar .contact{max-width:100%}.section-title.howto{max-width:100%;margin-bottom:10px}.section-title h3{margin-bottom:15px}.section-title h3.line::before{height:9px;bottom:3px}.section-title .icon-check{width:50px}.section-title .icon-fire{width:50px}.nav-tabs .nav-link{height:48px}.nav-tabs .nav-link.left{border-radius:15px 0 0 15px}.nav-tabs .nav-link.right{border-radius:0 15px 15px 0}.howtouse-wrapper .nav-tabs{margin-left:0!important;margin-bottom:25px;width:100%}.nav-tabs.md .nav-link{width:100%;height:35px}.nav-tabs.md .nav-link.left{border-radius:10px 0 0 10px}.nav-tabs.md .nav-link.right{border-radius:0 10px 10px 0}.card-howto.teaching{margin-bottom:25px}}.section-title.recommend{display:block;position:absolute;top:80px;left:150px}.card-course{display:flex;flex-direction:column;background-color:#fff;transition:var(--animate-duration-35s);position:relative;top:0;left:0}.card-course .card-photo{border-radius:inherit}.pc .card-course .card-photo:hover .photo{-ms-transform:scale(1.1);transform:scale(1.1)}.card-course h3{color:var(--blue);font-weight:500;margin-bottom:10px;line-height:1.2;-webkit-line-clamp:2;width:100%;font-size:var(--f-22)}.card-course h3,.card-course p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.card-course p{font-size:var(--f-15);font-weight:300;-webkit-line-clamp:3;line-height:1.35}.card-course .btn-like{margin-top:3px;margin-right:-7px}.card-course hr{border:0;height:4px;width:24px;border-radius:5px;background-color:var(--orange-medium);margin:10px 0}.card-course .price-wrap{display:flex;padding:5px 0 7px}.card-course .price-wrap .price{color:var(--orange-medium);font-size:var(--f-22);font-weight:500}.card-course .price-wrap .price-old,.card-course .price-wrap .price>span{color:#7a7a7a;font-size:12px;font-weight:300}.card-course .price-wrap .price-old{text-decoration:line-through;margin-top:6px;padding-bottom:2px;padding-right:10px}.card-course .tutor{display:flex;padding-top:10px}.card-course .tutor .avatar{min-width:64px;height:64px;border-radius:24px;background-repeat:no-repeat;background-size:cover;background-position:center center}.card-course .tutor h6{font-size:var(--f-16);font-weight:400;color:#000}.card-course .tutor p{color:var(--orange-medium);margin-bottom:0;font-size:var(--f-14)}.card-course .share{display:flex;flex-direction:column;margin-left:auto}.card-course .share .btn{width:41px;height:38px;padding:0;border-radius:15px;margin:2px 0}.rating{margin:0 -2px;padding:5px 0;list-style:none;display:flex}.rating li{padding:0 2px}.rating li span{display:block;width:14px;height:14px;background-repeat:no-repeat;background-size:contain;background-position:center center;background-image:url(../img/icons/star-tint.svg)}.rating li.active span{background-image:url(../img/icons/star.svg)}.rating.xl li{margin:0 8px}.rating.xl li span{width:50px;height:50px}.btn-like{padding:0;height:30px;min-width:30px;border:0!important;background-color:transparent!important;background-repeat:no-repeat;background-position:center center;border-radius:0;background-image:url(../img/icons/icon-heart-stroke.svg);background-size:20px}.btn-like:before{display:none}.btn-like.active{background-image:url(../img/icons/icon-heart-full.svg)}.btn-go,.btn-share{display:flex}.btn-go img,.btn-go svg,.btn-share img,.btn-share svg{width:16px;height:16px;margin:auto}.btn-share svg path{fill:var(--orange)}.pc .btn-share:hover svg path{fill:#fff}.btn-go svg path{stroke:#fff}.card-course.columns{padding:0 25px 25px;border-radius:15px;box-shadow:0 50px 40px rgba(0,0,0,.07),0 22.3363px 17.869px rgba(0,0,0,.0417275),0 6.6501px 5.32008px rgba(0,0,0,.0282725)}.card-course.columns .card-body{padding:20px 0 5px 10px}.card-course.columns .card-photo{border:1px solid var(--blue);margin-top:-40px}.card-course.columns h3{font-size:var(--f-22);width:100%}.card-course.columns .row{margin:0;flex-wrap:unset}.card-course.columns .price-wrap{display:block}.pc .card-course.columns:hover{top:20px}.section-recommend .swiper-overflow{margin-right:-12vw;position:relative;display:block}.swiper-recommend{padding:100px 0}.swiper-recommend .card-course.columns{width:337px}.section-recommend .button-wrap{margin-top:auto;margin-bottom:100px;display:flex;flex-direction:column;position:relative}.section-recommend .button-wrap .d-flex{position:absolute;top:-90px;left:0}.section-recommend .button-wrap .swiper-button-prev{margin-left:0}.swiper-pagination-progressbar{width:167px;height:4px;background-color:#fff;border-radius:50px}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#fc6c44;border-radius:50px}.swiper-counter{display:flex;color:#8d9bae;font-size:var(--f-22);font-weight:300;line-height:.7;margin-left:-5px;padding:40px 0 15px;-ms-flex-align:end!important;align-items:flex-end!important}.swiper-counter>span{padding:0 5px}.swiper-counter .current-slide{font-size:var(--f-48);font-weight:500;color:#fc6c44}@media (max-width:1550px){.swiper-recommend .card-course.columns{width:21vw}.card-course.columns{padding:0 20px 20px}}@media (max-width:1440px){.card-course.columns .card-body{padding-left:0}.card-course.columns h3{margin-bottom:5px}.card-course .price-wrap{padding:2px 0 3px}.card-course hr{margin:5px 0}.card-course .tutor p{font-size:12px}.swiper-recommend .card-course.columns{width:19vw}}@media (max-width:1280px){.swiper-recommend .card-course.columns{width:22vw}.section-title.recommend{left:100px}}@media (max-width:1199px){.swiper-recommend .card-course.columns{width:26vw}.swiper-recommend{padding:70px 0 80px}.section-title.recommend{left:50px}}@media (max-width:991.98px){.section-title.recommend{position:relative;left:auto;top:auto}.section-recommend .swiper-overflow{margin:0 -50px}.section-recommend .swiper-recommend{padding-left:80px;padding-right:80px}.swiper-recommend .card-course.columns{width:auto}.section-recommend .button-wrap{margin-bottom:0;padding-top:0;width:100%;position:relative}.section-recommend .button-wrap .d-flex{position:absolute;left:0;top:auto}.section-recommend .button-wrap .group{margin:auto;margin-right:0;display:flex;flex-direction:column}.swiper-counter{padding-top:0;padding-bottom:0}.swiper-recommend{padding:70px 0 70px}}@media (max-width:767px){.section-title.recommend{text-align:center;padding:20px 0 0}.section-title.recommend h3{margin-bottom:0}.section-recommend .swiper-overflow{margin:0 -25px}.section-recommend .swiper-recommend{padding-left:25px;padding-right:25px}.section-recommend .button-wrap{flex-direction:column;margin-top:-20px;padding-bottom:10px}.section-recommend .button-wrap>div{margin-left:auto!important;margin-right:auto!important;position:relative!important}.swiper-counter{padding-bottom:10px;margin:0 auto}.swiper-pagination-progressbar{margin-top:10px;margin-bottom:20px}.rating.xl li{margin:0 3px}.rating.xl li span{width:30px;height:30px}}.element-animate>div{position:absolute}.element-animate>div.dot{width:54px}.element-animate.popular>div.dot.x1{top:100px;right:250px}.element-animate.popular>div.dot.x2{bottom:20px;left:350px}.section-popular{background-color:#f9fafc}.popular-list{padding:70px 0 50px}.popular-list.row>div{display:flex}.popular-list.row>div:nth-child(odd){margin-left:10px}.popular-list.row>div:nth-child(even) .card-course{margin-left:auto;margin-right:10px}.popular-list.row>div:nth-child(1){z-index:5;margin-top:0}.popular-list.row>div:nth-child(2){z-index:4}.popular-list.row>div:nth-child(3){z-index:3}.popular-list.row>div:nth-child(4){z-index:2}.popular-list.row>div{margin-top:-10px}.card-course.rows{flex-direction:row;box-shadow:0 69px 114px rgba(0,0,0,.08);border-radius:20px;padding:35px;max-width:970px;z-index:3;position:relative}.card-course.rows:before{content:attr(data-number);position:absolute;top:-85px;left:0;font-size:128px;font-weight:700;color:rgba(252,108,68,.15);z-index:10;font-family:var(--f-inter);line-height:.9}.popular-list.row>div:nth-child(even) .card-course:before{left:auto;right:-15px;top:-70px}.card-course.rows .card-photo{min-width:305px}.card-course.rows .card-photo .photo{border-radius:20px}.card-course.rows .card-body{padding:10px 20px 0 60px;display:flex;flex-direction:column}.card-course.rows .card-body>div:first-child{flex-direction:row;flex-wrap:unset}.card-course.rows .card-body>div:nth-child(2){flex-direction:row;flex-wrap:unset}.card-course.rows .card-body>div:last-child{margin-top:auto;padding-bottom:10px}.card-course.rows .price-wrap .price-old,.card-course.rows .price-wrap .price>span{color:#000}.card-course.rows .price-wrap .price{flex-direction:column;display:flex;line-height:1.2}.card-course.rows .price-wrap .price>span{margin-left:auto}.card-course.rows p{-webkit-line-clamp:3;padding-right:60px}.card-course.rows .tutor{-ms-flex-align:center;align-items:center}.card-course.rows .tutor .avatar{border-radius:50%}.card-course.rows .share{margin:auto;margin-right:0;padding-top:10px}.pc .card-course.rows:hover{left:30px;z-index:10}@media (min-width:768px){.card-course.rows .price-wrap+hr{display:none}}@media (max-width:1440px){.card-course.rows{max-width:820px;padding:35px 30px}.card-course.rows .card-body{padding-left:45px}.card-course.rows::before{font-size:100px;top:-65px}.popular-list.row>div:nth-child(2n) .card-course::before{top:-55px;right:-5px}.card-course.rows .card-photo{min-width:270px}.card-course.rows .tutor .avatar{min-width:58px;height:58px}.element-animate.popular>div.dot.x2{left:12vw;bottom:70px}}@media (max-width:1199px){.card-course.rows{max-width:780px}.card-course.rows .card-photo{min-width:230px}.card-course.rows p{-webkit-line-clamp:2}.card-course.rows .share,.card-course.rows .tutor{padding-top:0}.card-course.rows::before{font-size:70px;top:-45px}.popular-list.row>div:nth-child(2n) .card-course::before{top:-45px;right:-5px}.card-course.rows .tutor .avatar{min-width:50px;height:50px}.element-animate.popular>div.dot.x1{top:50px;right:100px}.element-animate.popular>div.dot.x2{left:8vw}}@media (max-width:991.09px){.card-course.rows{max-width:100%}.popular-list{padding:30px 0}.popular-list.row>div{margin-top:60px;margin-left:0!important;margin-right:0!important}.element-animate.popular>div.dot.x1{top:0}.element-animate.popular>div.dot.x2{left:5vw;bottom:0}.card-course.rows p{padding-right:10px}}@media (max-width:767px){.card-course.rows{flex-direction:column;padding:20px}.card-course.rows .card-body{padding:15px 15px}.card-course.rows .card-body>div:nth-child(2){flex-direction:column;display:block}.card-course.rows .price-wrap .price{display:block}.card-course.rows .tutor{padding-top:10px}.card-course.rows::before{font-size:58px;top:-38px!important}.element-animate.popular>div.dot{width:40px}.element-animate.popular>div.dot.x1{top:10px;right:15px}}.section-success .background{height:60%;background-size:auto;background-position:bottom center;background-image:url(../img/thumb/success-texture.png)}.success-box{display:block;position:relative;box-shadow:0 69px 114px rgba(0,0,0,.08);border-radius:20px;background-color:var(--blue)}.success-box .photo{display:block;position:relative;padding:40px 0 40px 40px;margin-top:-80px;margin-right:-20px;filter:drop-shadow(0px -6px 20px rgba(0, 0, 0, .1))}.success-box .col-right{padding-left:70px;padding-top:50px;padding-bottom:30px}.success-box h3{font-size:var(--f-38);color:#fc6c44;font-weight:600;padding:25px 0}.success-box p{font-size:var(--f-16);font-weight:300;color:#fff;max-width:750px}.success-box h6{font-size:var(--f-16);font-weight:400;color:#fc6c44;position:relative;padding-left:15px;margin:45px 0}.success-box h6:before{content:'';position:absolute;left:0;top:4px;width:4px;height:16px;border-radius:50px;background-color:#fc6c44}.success-box p{margin:0}.success-box .button-wrap{display:flex;padding-top:20px;padding-right:60px}.success-box .button-wrap .swiper-buttons{display:flex;margin:auto;margin-right:0}.success-box .icon-quote{background-color:#fc6c44;border-radius:15px;width:48px;height:48px;background-image:url(../img/icons/icon-quote-left.svg);background-size:20px;position:absolute;top:-10px;left:65px}@media (max-width:1440px){.success-box h3{padding:15px 0}.success-box h6{margin:30px 0}.success-box p{padding-right:50px}.success-box .col-right{padding-bottom:50px}}@media (max-width:1199px){.success-box .photo{margin:auto;margin-right:-30px}}@media (max-width:991.98px){.section-success{padding-top:0}.section-success .background{height:40%;background-size:130%}.success-box .col-right{padding-top:40px;padding-left:50px}.success-box .icon-quote{left:50px;width:42px;height:42px;background-size:15px;border-radius:12px}.success-box .photo{padding-left:20px}}@media (max-width:767px){.section-success .background{background-size:auto}.success-box .photo{margin:-40px 20px 0 0;padding-top:0}.success-box p{padding-right:30px}.success-box .icon-quote{left:40px;width:36px;height:36px}.success-box .col-right{padding-left:40px;padding-bottom:30px}.swiper-counter.success{margin-top:-6px}.swiper-pagination.success{width:140px}}.card-tutor{background-color:#fff;box-shadow:0 4px 30px rgba(0,0,0,.05);border-radius:20px;display:flex;flex-direction:column;padding:30px;margin:40px 0 40px;transition:var(--animate-duration-35s)}.avatar{background-position:center center;background-repeat:no-repeat;background-size:cover}.card-tutor .avatar{min-width:54px;height:54px;background-color:#f1f1f1;border-radius:50%;margin-right:15px}.card-tutor .card-header{background-color:transparent;padding:0 0 15px;border:0;border-radius:0;display:flex;position:relative}.card-tutor .card-header h5{font-size:var(--f-22);color:var(--blue);font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 40px)}.card-tutor .card-header p{font-size:var(--f-16);font-weight:300;margin-bottom:0;max-width:calc(100% - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tutor .card-header .cols{display:flex;flex-direction:column;width:calc(100% - 70px)}.card-tutor .card-header .btn.share{width:26px;height:22px;display:flex;margin:auto;margin-right:0}.card-tutor .card-header .btn.setting .icons,.card-tutor .card-header .btn.share .icons{width:18px;height:18px;margin:auto;background-image:url(../img/icons/icon-share.svg)}.card-tutor .card-header .rating{margin:auto;margin-bottom:0;margin-right:0}.card-tutor .card-photo{border-radius:20px}.card-tutor .card-body{padding:20px 0 0}.card-tutor table{font-size:var(--f-15)}.card-tutor table th{font-weight:400;width:95px;vertical-align:top}.card-tutor table td{font-weight:300;vertical-align:top}.card-tutor .buttons{display:flex;margin:0 -10px;padding-bottom:10px}.card-tutor .buttons .btn{width:50%;margin:0 10px;font-size:14px}.card-tutor.lg{margin-bottom:80px}.pc .card-tutor.lg:hover{box-shadow:0 50px 40px rgba(0,0,0,.07),0 22.3363px 17.869px rgba(0,0,0,.0417275),0 6.6501px 5.32008px rgba(0,0,0,.0282725)}.section-tutor .swiper-overflow{display:block;position:relative;margin:0 -10px}.section-tutor.popular .swiper-overflow{padding-top:20px}.swiper-tutor-suggest{padding:0 15px}.section-tutor.suggest{padding-top:150px}.swiper-button.t_suggest{top:50%;margin-top:-28px;position:absolute;width:56px;height:56px}.swiper-button-prev.t_suggest{left:-100px}.swiper-button-next.t_suggest{right:-100px}.message-block{position:absolute;top:-100px;right:220px;width:410px}.message-pop{position:relative;background:#02449b;border-radius:22px;padding:10px 76px 10px 20px;box-shadow:0 10px 30px rgba(2,68,155,.24);color:#fff!important;font-size:14px;font-weight:300;margin-bottom:30px}.message-pop:before{content:'';position:absolute;bottom:-10px;right:20px;width:20px;height:20px;background-position:center center;background-size:contain;background-repeat:no-repeat;background-image:url(../img/icons/msg-polygon-blue.svg)}.message-pop.orange{background-color:var(--orange-medium)}.message-pop.orange:before{background-image:url(../img/icons/msg-polygon-orange.svg)}.message-pop .avatar{width:46px;height:46px;position:absolute;top:-15px;right:10px}.message-pop p{margin-bottom:0}.message-pop .rating{padding:4px 0}.message-pop .rating li span{width:12px;height:12px}@media (max-width:1440px){.card-tutor{padding:20px}.card-tutor .card-header h5{font-size:var(--f-20)}.card-tutor .rating li span{width:11px;height:11px}.card-tutor .card-header p{font-size:14px}.card-tutor .avatar{min-width:48px;height:48px}.card-tutor .buttons{margin:0 -7px}.card-tutor .buttons .btn{margin:0 7px}}@media (max-width:1280px){.section-tutor .swiper-overflow{margin:0 30px}.swiper-button-prev.t_suggest{left:-80px}.swiper-button-next.t_suggest{right:-80px}}@media (max-width:1199px){.section-tutor .swiper-overflow{margin:0 70px}.message-block{right:50px;width:350px;top:-150px}}@media (max-width:1024px){.card-tutor{margin:30px 0}}@media (max-width:991.98px){.section-tutor .swiper-overflow{margin:0 -15px}.section-tutor.popular .swiper-overflow{padding-top:0}.card-tutor{box-shadow:0 4px 20px rgba(0,0,0,.05)}.swiper-button.t_suggest{position:relative;top:auto;margin:auto 10px;left:auto!important;right:auto!important;width:48px;height:48px}.swiper-buttons.t_suggest{display:flex;-ms-flex-pack:center!important;justify-content:center!important;margin-top:-50px}.card-tutor{margin:15px 0 30px}}@media (max-width:767px){.message-block{width:100%;right:0;left:0;top:0;padding:0 30px 20px;position:relative}.section-tutor.suggest{padding-top:35px}}.swiper-tutor-popular .swiper-slide{transition:var(--animate-duration-2s)}.swiper-tutor-popular .swiper-slide{opacity:0}.swiper-tutor-popular .swiper-slide-active,.swiper-tutor-popular .swiper-slide-next{opacity:1}.swiper-tutor-popular .swiper-slide-next+.swiper-slide{opacity:1}.swiper-tutor-popular .swiper-slide-next+.swiper-slide+.swiper-slide{opacity:1}@media (max-width:1440px){.swiper-tutor-popular .swiper-slide-next+.swiper-slide+.swiper-slide{opacity:0}}@media (max-width:991.98px){.swiper-tutor-popular .swiper-slide-next+.swiper-slide{opacity:0}}@media (max-width:767px){.swiper-tutor-popular .swiper-slide-next{opacity:0}}.section-tutor .background{background-size:auto;background-repeat:repeat}.card-tutor.md{margin:70px 0;padding:0;box-shadow:0 4px 30px rgba(0,0,0,.05)}.card-tutor.md .avatar{min-width:115px;height:128px;filter:drop-shadow(0px 10px 20px rgba(5, 5, 5, .12));border-radius:22px;margin:-15px 0 0 -15px;position:relative}.card-tutor.md .avatar:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:4px solid #fc6c44;border-radius:22px;opacity:0}.card-tutor.md .card-header .rating{margin:0}.card-tutor.md .card-header .btn.setting,.card-tutor.md .card-header .btn.share{position:absolute;top:10px;right:10px}.card-tutor.md .card-header .btn.setting{top:-5px;right:15px}.card-tutor.md .card-header .btn.share .icons{background-image:none}.card-tutor.md .card-header .btn.share .icons:before{background-image:url(../img/icons/icon-share.svg);opacity:1}.card-tutor.md .card-header .btn.share .icons:after{background-image:url(../img/icons/icon-share-white.svg);opacity:0}.card-tutor.md .card-header .btn.setting .icons{background-image:none}.card-tutor.md .card-header .btn.setting .icons:before{background-image:url(../img/icons/icon-dot-setting.svg);opacity:1}.card-tutor.md .card-header .btn.setting .icons:after{background-image:url(../img/icons/icon-dot-setting-white.svg);opacity:0}.card-tutor.md .card-header .cols{width:calc(100% - 100px);padding-left:25px;padding-top:30px}.card-tutor.md .card-header .rating{margin-top:5px}.card-tutor.md .card-header h5,.card-tutor.md .card-header p{width:100%;max-width:100%}.card-tutor.md .card-body{padding:15px 40px 30px}.card-tutor.md .buttons{margin:0 -25px}.card-tutor.md .buttons .btn{margin:0 8px}.swiper-tutor-popular{padding:0 35px}.card-tutor.md,.card-tutor.md .avatar:before,.card-tutor.md h5,.card-tutor.md p{transition:var(--animate-duration-2s)}.card-tutor.md:hover{background-color:#fc6c44;color:#fff}.card-tutor.md:hover h5{color:inherit}.card-tutor.md:hover .card-header .btn .icons:before{opacity:0}.card-tutor.md:hover .card-header .btn .icons:after{opacity:1}.card-tutor.md:hover .avatar:before{opacity:1}.card-tutor.md:hover .buttons .btn{border-color:#fff}.card-tutor.md:hover .buttons .btn span{color:#fff}.card-tutor.md:hover .buttons .btn:hover{border-color:var(--blue);background:var(--blue)}.card-tutor.md:hover .buttons .btn:before{background:var(--blue)}.swiper-buttons.t_popular{display:flex;position:absolute;top:0;right:0}.swiper-buttons.t_popular .btn{margin-left:10px;margin-right:10px}.swiper-buttons.t_popular .swiper-button{position:relative;top:auto;left:auto;right:auto;margin:auto}@media (max-width:1680px){.card-tutor.md .card-header .cols{padding-left:20px;padding-top:20px}.card-tutor.md .card-header h5{font-size:var(--f-20)}.card-tutor.md .card-header p{font-size:14px}.card-tutor.md .card-header .rating{margin-top:0}.card-tutor.md .avatar{min-width:100px;height:110px;margin-top:-10px}.card-tutor.md .card-body{padding-left:30px;padding-right:30px}.card-tutor.md .buttons{margin:0 -20px}.card-tutor.md .buttons .btn{margin:0 5px}}@media (max-width:1280px){.section-tutor.popular .swiper-overflow{margin:0 0}}@media (max-width:1199px){.card-tutor.md table th{width:auto;padding-right:10px;white-space:nowrap}.card-tutor.md .avatar{min-width:85px;height:94px;margin-top:-10px}.section-tutor.popular{padding-top:20px}.card-tutor.md{margin:40px 0}}@media (max-width:991.98px){.swiper-buttons.t_popular{display:flex;position:relative;top:0;right:0}.swiper-buttons.t_popular .swiper-button-prev{margin-right:0}.swiper-buttons.t_popular .swiper-button-next{margin-left:0}}@media (max-width:767px){.section-tutor.popular{padding-top:45px}.section-tutor.popular .swiper-overflow{margin:0 -20px 0 0}}.section-advertise{padding-bottom:280px}.section-advertise .background{top:auto;height:60%;background-size:auto}.element-animate.ads>div{left:40px;top:100px}.section-title.ads{display:flex;flex-direction:column;height:100%;padding-bottom:50px;padding-right:30px;max-width:290px}.section-title.ads h5{font-size:32px}.section-title.ads h3{font-size:var(--f-38);margin-bottom:0}.section-title.ads hr{margin:auto 0}.card-blog{box-shadow:0 4px 30px rgba(0,0,0,.05);border-radius:15px;display:flex;flex-direction:column;position:relative;top:0;transition:var(--animate-duration-2s);background-color:#fff}.pc .card-blog:hover{top:25px}.card-blog .card-photo,.card-blog .card-photo .photo{border-radius:15px}.card-blog .card-body{padding:20px 20px 30px}.card-blog h3{font-size:var(--f-22);font-weight:500;margin-bottom:10px;margin-top:5px;-webkit-line-clamp:2}.card-blog p{font-size:var(--f-15);-webkit-line-clamp:3;font-weight:300;margin-bottom:0}.card-blog h3,.card-blog p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.dategroup{display:flex;font-size:13px;color:#9b9b9b;-ms-flex-align:center;align-items:center}.dategroup .icon-clock,.dategroup .icon-eye{width:16px;height:16px;margin:auto 4px auto 10px;background-image:url(../img/icons/icon-clock.svg);background-size:16px}.dategroup .icon-eye{background-image:url(../img/icons/icon-eye.svg)}.card-blog .btn-go{width:41px;height:38px;padding:0;border-radius:15px;margin-top:20px}.card-blog.event{top:0!important;box-shadow:none;padding:15px;background-color:transparent}.card-blog.event .card-body{padding-left:0!important;padding-right:0!important}.card-blog.rows{flex-direction:row;margin-bottom:5px}.card-blog.rows .card-photo{overflow:visible}.card-blog.rows .photo{min-width:209px;border-radius:15px;margin-right:30px}.card-blog.event.main .card-photo{border-radius:20px}.card-blog.event.rows .card-body{padding-top:0;padding-bottom:0}.card-blog.event.rows h5{font-size:var(--f-18);font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-blog.event.rows .btn-go{width:31px;height:29px;border-radius:10px;margin-top:10px}.card-blog.event.rows .dategroup{font-size:11px}.pc .card-blog.event:hover{box-shadow:0 4px 50px rgba(0,0,0,.09);z-index:100}.pc .card-blog.event:hover .btn-go{background-color:var(--orange-medium);border:1px solid var(--orange-medium)}.section-title{position:relative}.section-title .arrow-shape{position:absolute;width:75px;height:75px;right:25%;bottom:0}.section-title .dot-shape{position:absolute;width:54px;left:-4%;bottom:0}.img-ads{display:block;padding:50px 0}.img-ads img{filter:drop-shadow(0px 25px 40px rgba(2, 68, 155, .18));border-radius:20px}@media (max-width:1680px){.section-title.ads h5{font-size:var(--f-30)}.section-title.ads h3{font-size:34px}}@media (max-width:1440px){.section-title.ads h3{font-size:32px}.card-blog h3{font-size:var(--f-20);margin-bottom:5px}.card-blog.rows{margin-bottom:0}.card-blog.rows .photo{min-width:180px}.card-blog.event{padding:10px 15px}}@media (max-width:1366px){.section-title.ads h5{font-size:24px}.section-title.ads h3{font-size:28px}}@media (max-width:1199px){.section-advertise{padding-bottom:220px}.section-title.ads{max-width:100%;padding-right:0;position:relative}.section-title.ads hr{margin:20px 0!important}.section-title.ads .btn{position:absolute;top:50%;right:0}.element-animate.ads>div{right:20%;left:auto;top:30px}.card-blog.rows .photo{margin-right:20px}}@media (max-width:991.98px){.section-title.ads{padding-bottom:30px}.section-title.ads .btn{top:30px}.card-blog .dategroup{font-size:10px}.card-blog .dategroup p{font-size:12px}.section-advertise .background{background-size:cover;background-position:top center}.element-animate.ads>div{right:30%;left:auto;top:-30px}.section-advertise{padding-bottom:150px}.card-blog.rows{margin-bottom:20px}.section-title .arrow-shape{right:10%}}@media (max-width:767px){.section-title.ads .btn{position:relative;top:auto;margin:20px 0 0}.card-blog{margin-bottom:30px}.element-animate.ads>div{right:5%;left:auto;top:30px;width:40px}.section-advertise{padding-bottom:60px}.card-blog.event{padding:0}.card-blog.rows .photo{min-width:140px;border-radius:10px}.card-blog.event.rows .btn-go{display:none}.card-blog.main.event{margin-bottom:10px}}.section-statistic{padding-bottom:150px;padding-top:1px;margin-top:-100px}.section-statistic .background{background-image:url(../img/thumb/statistic-texture.svg);background-size:auto;background-position:top center}.swiper-single.footer-banner{margin-top:-70px;margin-bottom:50px;border-radius:25px}.swiper-single.footer-banner img{filter:drop-shadow(0px 40px  30px rgba(0, 0, 0, .25))}.statistic-box{display:block;margin:0 auto;color:#fff;max-width:1180px;text-align:center;font-weight:300}.statistic-box p{margin-bottom:0}.statistic-box h4{font-size:var(--f-30);color:var(--orange-medium);font-weight:500}.statistic-box .row>div:before{content:'';position:absolute;top:0;bottom:0;left:0;border-left:1px solid rgba(180,191,202,.5)}.statistic-box .row>div:first-child:before{display:none}@media (max-width:1024px){.section-statistic{margin-top:-70px;padding-bottom:120px}.swiper-single.footer-banner{margin-top:-30px}}@media (max-width:991.98px){.swiper-single.footer-banner{margin-top:0}.swiper-single.footer-banner{border-radius:20px}}@media (max-width:767px){.section-statistic{padding-top:15px;background-color:var(--blue);margin-top:0;padding-bottom:70px}.statistic-box{margin:0 -20px}.statistic-box .row>div::before{border:0;border-bottom:1px solid rgba(180,191,202,.2);bottom:0;right:0;top:auto}.statistic-box .row>div:first-child::before{display:block}.statistic-box .row>div{padding-top:20px;padding-bottom:20px}.swiper-single.footer-banner{border-radius:0;margin-left:-25px;margin-right:-25px;margin-top:-30px;margin-bottom:10px}.swiper-pagination.vertical{right:15px}.swiper-single.footer-banner .swiper-pagination.vertical .swiper-pagination-bullet{margin:3px 0}}.page-register{min-height:100vh;padding:0!important}.page-register:after,.page-register:before{content:'';position:absolute;top:0;bottom:0;width:50%}.page-register:before{left:0;background-color:#02449b;background-position:top center;background-size:177px;background-repeat:repeat-x;background-image:url(../img/thumb/paper-texture-blue.png)}.page-register:after{right:0;background-color:#f3f9fe}.page-register .container{max-width:calc(1575px + 300px)}.page-register .page-content{background-color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:30px 80px}.page-header{display:flex;position:relative;-ms-flex-align:center;align-items:center}.register-hgroup{display:flex;position:relative;-ms-flex-align:center;align-items:center;padding:40px 0}.register-hgroup .avatar{min-width:80px;height:80px;margin-right:30px}.register-hgroup p{margin-bottom:0;font-size:var(--f-18);color:var(--blue)}.register-hgroup h3{margin-bottom:0;font-size:var(--f-38);font-weight:600;line-height:1.2}.blue{color:var(--blue)}ul.student-steps{width:100%;position:relative;margin:20px 0 40px}ul.student-steps:before{content:'';position:absolute;left:0;right:0;top:0;border-top:1px solid var(--blue)}ul.student-steps li{width:25%;position:relative}ul.student-steps li:before{content:'';position:absolute;left:0;right:0;border-top:1px solid #fc6c44;opacity:0}ul.student-steps .item{display:flex;position:relative;-ms-flex-align:center;align-items:center;padding-top:10px}ul.student-steps .item:before{content:'';position:absolute;top:-15px;left:0;width:27px;height:27px;background-color:var(--blue);border-radius:50%}ul.student-steps h4{font-size:var(--f-48);font-weight:300;color:var(--blue)}ul.student-steps p{font-size:var(--f-16);margin-bottom:0;color:#000;font-weight:400;padding-left:20px}ul.student-steps li.active .item:before,ul.student-steps li.done .item:before{background-color:#fc6c44}ul.student-steps li.done:before{opacity:1}.register-body h4{font-size:var(--f-18);font-weight:500;margin:30px 0 20px}.register-body h4 small{color:#7c7c7c;font-size:14px;font-weight:300;padding-left:10px}.form-note{display:block;font-size:var(--f-14);color:#777;padding:20px 0}.form-note ul{padding-left:17px}.form-note .orange{color:#fc6c44}.register-footer{padding:20px 0;margin-top:auto}.register-footer .row{display:flex;-ms-flex-align:center;align-items:center}.register-footer .buttons{margin-left:auto;display:flex}.register-footer .btn.success{width:350px}.btn.success svg,.btn.success svg img{width:20px;height:20px;margin-right:15px;position:relative;top:-2px}.btn.success svg path{fill:#fff}.progress-wrap{display:flex;-ms-flex-align:center;align-items:center}.progress-bar{display:block;position:relative;height:8px;background-color:#f3f9fe;border-radius:50px;width:100%}.progress-bar .progress{position:absolute;top:0;left:0;bottom:0;width:0;transition:var(--animate-duration-35s);height:100%;background-color:var(--orange-medium);border-radius:50px}.progress-bar .progress.s1{width:25%}.progress-bar .progress.s2{width:50%}.progress-bar .progress.s3{width:75%}.progress-bar .progress.s4{width:100%}.progress-wrap.blue .progress-bar .progress{background-color:#02449b}.progress-wrap label{font-size:14px;color:#9c9c9c;margin:0 0 0 25px}.nav-register{margin-bottom:10px}.nav-register li+li{margin-left:100px}.nav-register li a{font-size:var(--f-18);font-weight:500;color:#000;display:block;position:relative;padding:20px 0;display:flex}.nav-register .dot{width:22px;height:22px;border:1px solid #fc6c44;border-radius:50%;position:relative;display:block;margin:auto 0;margin-right:20px}.nav-register .dot:before{content:'';background-color:#fc6c44;position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:50%;opacity:0;transition:var(--animate-duration-2s)}.nav-register a.active .dot:before{opacity:1}.page-profile .nav-register li a{font-weight:400}.page-profile .nav-register li a.active{color:var(--orange-medium)}.page-profile .nav-register.disabled li a:not(.active){color:#c1c1c1;pointer-events:none}.page-profile .nav-register.disabled a:not(.active) .dot{border-color:#c1c1c1}@media (max-width:1440px){.register-hgroup .avatar{min-width:70px;height:70px;margin-right:25px}ul.student-steps .item::before{width:23px;height:23px;top:-12px}}@media (max-width:1199px){ul.student-steps .item::before{width:18px;height:18px;top:-9px}}@media (max-width:991.98px){.page-register .page-content{padding:30px 50px}.page-register .nav-general{width:auto;margin:auto;margin-right:0}ul.student-steps .item::before{width:12px;height:12px;top:-6px}ul.student-steps h4{font-size:22px}ul.student-steps p{padding-left:8px;font-size:12px}.nav-register li+li{margin-left:50px}}@media (max-width:767px){.page-register .page-content{padding:20px}.register-hgroup p{font-size:12px}.register-hgroup h3{font-size:18px}.register-hgroup .avatar{min-width:50px;height:50px;margin-right:15px}ul.student-steps h4{font-size:14px;font-weight:600;margin-top:0;margin-bottom:auto;position:absolute;top:-30px;left:0}ul.student-steps p{padding-left:5px;font-size:10px;margin-left:-2px}.nav-register li+li{margin-left:20px}.nav-register .dot{width:18px;height:18px;margin-right:10px}.progress-wrap{max-width:240px;margin:0 auto}.register-footer{padding-top:40px}.register-footer .buttons{margin:0 auto;padding-top:40px;width:100%}.register-footer .btn.prev{width:auto}.register-footer .btn.next:not(.single){margin-left:auto}.register-footer .btn.next.single{margin:0 auto}.register-body h4{margin:20px 0 10px}}.page-profile{display:flex;flex-direction:row;padding:0;min-height:100vh}.page-profile .page-sidebar{width:445px;min-width:445px;height:100%;background-color:#02449b;height:100vh;position:fixed;overflow:hidden}.page-profile .scroll-inner{height:100%;display:block;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-right:-20px}.page-profile .page-content{width:calc(100% - 445px);display:block;padding:20px 95px;margin-left:445px;background-color:#fdfeff}.page-profile .navbar-brand{margin:30px auto 50px;display:block;position:relative;left:-20px}.page-profile ul.nav-sidebar{display:flex;flex-direction:column;color:#fff}ul.nav-sidebar{padding-right:50px;margin-left:100px}ul.nav-sidebar .badge{position:absolute;top:50%;right:30px;width:24px;height:24px;margin-top:-13px;border-radius:8px;font-size:14px;text-align:center;line-height:16px;color:#fff;font-weight:300;background-color:var(--orange)}ul.nav-sidebar li a{display:flex;font-size:var(--f-16);font-weight:300;padding:8px 30px;border-radius:15px;position:relative}ul.nav-sidebar li{display:block;margin:1px 0 1px 0;width:100%}.pc ul.nav-sidebar li a:hover,ul.nav-sidebar li.active>a{background-color:var(--orange-medium)}ul.nav-sidebar li>a[aria-expanded=true]:hover{background-color:transparent}ul.nav-sidebar .icons{width:18px;height:18px;top:1px;margin:auto 15px auto 0}ul.nav-sidebar .icon-home{background-image:url(../img/icons/icon-home.svg);background-size:14px}ul.nav-sidebar .icon-user{background-image:url(../img/icons/icon-user.svg)}ul.nav-sidebar .icon-msg{background-image:url(../img/icons/icon-message.svg)}ul.nav-sidebar .icon-coupon{background-image:url(../img/icons/icon-ticket-line.svg)}ul.nav-sidebar .icon-monitor{background-image:url(../img/icons/icon-slideshow.svg)}ul.nav-sidebar .icon-cart{background-image:url(../img/icons/icon-cart.svg)}ul.nav-sidebar .icon-heart{background-image:url(../img/icons/icon-heart.svg)}ul.nav-sidebar .icon-info{background-image:url(../img/icons/icon-information.svg)}ul.nav-sidebar .icon-headphones{background-image:url(../img/icons/icon-customer-service.svg)}ul.nav-sidebar .icon-logout{background-image:url(../img/icons/icon-logout.svg)}ul.nav-sidebar .icon-dashboard{background-image:url(../img/icons/icon-dashboard.svg)}ul.nav-sidebar .nav{position:relative}ul.nav-sidebar .nav:before{content:'';position:absolute;width:1px;left:5px;top:5px;bottom:25px;border-left:1px solid #fff;display:none}ul.nav-sidebar .nav li a{display:block;position:relative;padding-top:8px;padding-bottom:8px;padding-left:63px}ul.nav-sidebar .nav li a:before{content:'';position:absolute;top:-28px;left:38px;width:17px;height:50px;background-size:auto;background-repeat:no-repeat;background-position:center bottom;background-image:url(../img/thumb/nav-leg-2.svg)}ul.nav-sidebar .nav li:first-child a:before{top:0;height:26px;background-image:url(../img/thumb/nav-leg.svg)}.page-profile h3{font-size:var(--f-26);font-weight:500;margin:30px 0 20px}.page-profile h4{font-size:var(--f-18);font-weight:500;margin:30px 0 20px}.profile-photo{display:flex;flex-direction:column;text-align:center;width:190px;margin:60px auto}.profile-photo .photo{display:block;position:relative;width:132px;height:122px;border-radius:47px;background-position:center center;background-repeat:no-repeat;background-size:cover;margin:0 auto 30px}.profile-photo .photo:before{content:'';position:absolute;top:-7px;left:-7px;right:-7px;bottom:-7px;border:1px dashed #fc6c44;border-radius:inherit}.profile-photo p{font-size:13px;color:#79aef5;margin-bottom:25px}.profile-photo .btn{border-color:#79aef5;width:120px;margin:0 auto;padding:0;font-size:13px;font-weight:300}.profile-photo .btn span{color:#fff}.profile-photo .btn:before{background:var(--orange-medium)}.page-profile .logout{display:block;position:relative;left:0;right:0;bottom:0;margin-right:0;z-index:10}.page-profile .logout.bottom{position:absolute}.page-profile .logout a{display:flex;height:55px;background-color:#043a82;color:#fff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.page-profile .logout .icons{width:20px;height:20px;margin-right:15px;background-image:url(../img/icons/icon-logout.svg)}.profile-hgroup{display:flex;width:100%;padding:30px 0 20px;position:relative;-ms-flex-align:center;align-items:center}.profile-hgroup.main{display:none}.profile-hgroup .d-flex{-ms-flex-align:center;align-items:center}.profile-hgroup .page-icon{width:52px;height:52px;display:flex;box-shadow:0 10px 15px rgba(0,0,0,.05);border-radius:18px;margin-right:40px;background-color:#fff}.profile-hgroup .page-icon svg{width:24px;height:24px;margin:auto}.profile-hgroup .page-icon svg path{fill:var(--blue)}.profile-hgroup h2{font-size:32px;color:var(--blue);font-weight:500}.profile-hgroup h3{font-size:var(--f-24);font-weight:500;margin:0!important}.profile-hgroup h3.has-line{border-bottom:1px solid #eaeaea;padding-bottom:10px;margin-bottom:30px!important}.profile-hgroup h3.has-line.mb-0{margin-bottom:0!important}.profile-hgroup h4.f-20{font-size:var(--f-20);font-weight:500}.title-dot{width:6px;height:6px;border-radius:50%;background-color:#000;display:block;margin:20px 20px auto 0}.profile-hgroup .number{display:inline-block;font-size:var(--f-48);font-weight:200;margin-right:20px;color:var(--blue);line-height:1}.profile-hgroup .btn{height:40px;font-size:var(--f-14);padding:0 10px;min-width:105px;display:flex;line-height:normal;border-radius:16px}.profile-hgroup .btn>span{margin:auto}.profile-hgroup .btn.btn-save svg{width:12px;height:12px;margin:auto 0;margin-right:7px}.profile-hgroup .btn.btn-save svg path{fill:#fff}.profile-hgroup .btn.btn-edit{background-color:transparent}.profile-hgroup .btn.btn-edit span{color:var(--blue)}.profile-hgroup .btn.btn-edit svg{width:15px;height:15px;margin:auto 0;margin-right:10px;position:relative;top:-2px}.pc .profile-hgroup .btn.btn-edit:hover{border-color:var(--blue);background-color:var(--blue)}.pc .profile-hgroup .btn.btn-edit:hover span{color:#fff}.pc .profile-hgroup .btn.btn-edit:hover svg path{fill:#fff}.profile-hgroup .btn-icon{display:none}.profile-body{display:block}.profile-body h4{font-size:var(--f-16);font-weight:400;margin:25px 0 15px}.btn-save.submit{height:48px;border-radius:20px;width:210px}.btn-save.submit svg{width:20px;height:20px;margin-right:10px;position:relative;top:-2px}.btn-save.submit svg path{fill:#fff}.nav-profile-upload{margin:30px -15px}.nav-profile-upload li{padding:0 15px 30px}.card-profile-upload{display:flex;flex-direction:column;width:198px;height:223px;border:1px dashed #fc6c44;border-radius:20px;text-align:center;padding-top:30px;padding-left:15px;padding-right:15px;cursor:pointer}.card-profile-upload p{font-size:13px;color:#ffa01a;margin:0;font-weight:300;text-decoration:underline}.card-profile-upload>h3{font-size:var(--f-16);font-weight:300;margin:20px 0 5px}.card-profile-upload>h3 span{display:block;color:#8f8f8f}.card-profile-upload .card-icon{width:60px;height:60px;border-radius:22px;border:1px solid #ffa01a;margin:15px auto;position:relative}.card-profile-upload .card-icon:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:32px;background-position:center center;background-image:url(../img/icons/icon-upload-cloud.svg)}.card-profile-upload.success{border:2px solid #37cd58}.card-profile-upload.success .card-icon{background:#e2ffe9;border:0}.card-profile-upload.success .card-icon:before{background-image:url(../img/icons/icon-success-perspective.png);width:65px;height:65px;background-size:contain;left:10px;bottom:5px;top:auto}@media (max-width:1680px){.page-profile .page-sidebar{width:360px;min-width:360px}.page-profile .page-content{width:calc(100% - 360px);margin-left:360px;padding:20px 65px}ul.nav-sidebar{margin-left:50px}}@media (max-width:1440px){.page-profile .navbar-brand{margin-bottom:40px}.page-profile .page-sidebar{width:320px;min-width:320px}.page-profile .page-content{width:calc(100% - 320px);margin-left:320px;padding:20px 40px}ul.nav-sidebar{margin-left:30px}.profile-hgroup h2{font-size:28px}.profile-hgroup .page-icon{margin-right:30px}.page-profile .page-content{padding:20px 55px}.profile-photo{position:relative;left:-10px}table.dataTable thead .sorting .icons{margin-left:0}}@media (max-width:1280px){.profile-hgroup h2{font-size:24px}.profile-hgroup h3{font-size:18px}.profile-hgroup .number{font-size:30px}.page-profile .page-sidebar{width:320px;min-width:320px}.page-profile .page-content{width:calc(100% - 320px);margin-left:320px;padding:20px 40px}.card-profile-upload{width:170px;height:223px;padding-top:20px}.card-profile-upload>h3{margin-top:10px}}@media (max-width:1199px){.profile-hgroup .btn-icon{display:block;margin-right:0;min-width:0!important}.page-sidebar{left:-320px;transition:var(--animate-duration-35s);z-index:1010}.nav-profile-opened .page-sidebar{left:0;box-shadow:0 0 10px rgba(0,0,0,.1)}.page-profile .page-content{width:100%;margin:0;padding:100px 50px 50px}.profile-hgroup.main{background-color:var(--blue);color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 50px;display:flex}.profile-hgroup.main .navbar-brand{margin:auto 0;left:0}.profile-hgroup.main .btn-icon .group span::before{background-color:#fff}.card-profile-upload{width:193px}}@media (max-width:1199px) and (min-height:920px){.page-profile .logout{position:absolute;margin-right:0}}@media (max-width:767px){.page-profile .page-content{padding:80px 25px 25px}.profile-hgroup.main{padding:15px 25px}.profile-hgroup{padding:20px 0 20px}.profile-hgroup .page-icon{margin-right:25px}.profile-hgroup h2{font-size:20px}.profile-hgroup .page-icon{width:45px;height:45px;border-radius:15px}.profile-hgroup .number{font-size:25px;margin-right:15px}.profile-hgroup h3{font-size:16px}.profile-hgroup .btn{min-width:85px;height:35px;border-radius:12px}.page-sidebar{left:-280px}.page-profile .page-sidebar{width:280px;min-width:280px}ul.nav-sidebar li a{padding-left:15px;padding-right:15px}ul.nav-sidebar .badge{right:10px;width:20px;height:20px;margin-top:-10px;border-radius:5px;line-height:14px;font-size:12px}ul.nav-sidebar .nav li a::before{left:-12px}}@media (max-width:700px){.nav-profile-upload{margin-left:-7px;margin-right:-7px;margin-top:10px}.nav-profile-upload li{width:50%;padding-left:7px;padding-right:7px}.card-profile-upload{width:100%;height:195px;padding-left:10px;padding-right:10px}.card-profile-upload .card-icon{width:55px;height:55px;border-radius:17px;margin-bottom:5px}.card-profile-upload>h3{font-size:14px}}.form-group.search{width:374px;margin-bottom:0}.form-group.search .form-control{border-radius:50px;font-size:14px;background-color:#fff;padding-left:50px;box-shadow:0 5px 15px rgba(0,0,0,.02);border:0}.form-group.search .form-control:focus{box-shadow:0 5px 25px rgba(0,0,0,.09)}.form-group.search .icon-search{position:absolute;top:50%;left:15px;width:20px;height:20px;margin-top:-10px;background-image:url(../img/icons/icon-search-blue.svg)}.chat-container{height:calc(100vh - 280px);background:rgba(255,255,255,.4);box-shadow:0 69px 114px rgba(0,0,0,.08);border-radius:20px;display:flex}.chat-sidebar{display:flex;flex-direction:column;width:390px;min-width:390px;overflow:hidden;position:relative}.chat-sidebar .scroll-inner{padding:20px 30px;height:calc(100% - 30px)}.chat-content{width:calc(100% - 390px);height:100%;display:flex;flex-direction:column;position:relative;padding:20px 40px;background-color:#fff;border-radius:0 20px 20px 0}.chat-content .inner{display:block;position:relative;width:100%;height:100%}.chat-list{display:block;position:relative;background:rgba(255,255,255,.71);border:1px solid rgba(255,255,255,.71);box-shadow:0 13px 20px rgba(0,0,0,.02);backdrop-filter:blur(10px);border-radius:20px;padding:15px 0 15px 80px;margin:15px 0 15px;transition:var(--animate-duration-2s);cursor:pointer}.chat-list.active,.pc .chat-list:hover{border-color:var(--blue);background-color:#f3f9fe}.chat-list .avatar{width:48px;height:48px;border-radius:16px;position:relative;background-color:#ccc;position:absolute;top:15px;left:15px}.chat-list .avatar .status{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background-color:var(--orange-medium);border:2px solid #fff}.chat-list>h4{font-size:var(--f-18);font-weight:400;margin:0;display:flex;-ms-flex-align:end;align-items:flex-end}.chat-list>h4 .name{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list>h4 .time{font-size:12px;color:#848484;font-weight:300;white-space:nowrap;margin-left:auto;margin-right:5px;position:relative;top:-2px;padding-left:4px}.chat-list>p{font-size:var(--f-14);font-weight:300;margin-bottom:0;color:#464646;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-start{display:flex;width:100%;height:100%;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;transition:var(--animate-duration-2s);opacity:1}.chat-start svg{display:block;margin:30px auto;width:70px;height:70px}.chat-start svg path{fill:var(--blue)}.chat-start p{color:var(--blue);font-size:var(--f-16)}.chat-box{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;padding-top:10px;background-color:#fff;transition:var(--animate-duration-2s);opacity:0;pointer-events:none}.chat-box-header{display:block;position:relative;margin-bottom:20px}.chat-box-header>h3{font-size:var(--f-22);font-weight:400;display:flex}.chat-box-header>h3 span{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-box-header>h3 .chat-close{display:inline-block;position:relative;white-space:nowrap;font-size:14px;color:var(--orange-medium);font-weight:300;margin:auto;margin-right:0;padding-left:10px;cursor:pointer}.chat-box-header>h3 .chat-close .icons{width:12px;height:12px;margin-right:10px;background-image:url(../img/icons/icon-close-orange.svg);top:-1px}.chat-box-header>p{font-size:14px;color:#626262;font-weight:300;margin-bottom:0}.chat-box-body{display:block;position:relative;height:100%;background-color:#fff;overflow:hidden}.chat-box-body .scroll-inner{padding:10px 20px 20px;padding-left:0;margin-right:-17px}.msg-cotainer{display:block;position:relative;padding:10px}.msg-cotainer .avatar{display:inline-block;vertical-align:top;margin-right:15px}.msg-cotainer .avatar>span{display:block;background-position:center center;background-size:cover;background-repeat:no-repeat;width:31px;height:31px;border-radius:50%}.msg-cotainer .msg-wrap{width:100%;display:flex;flex-direction:column}.msg-cotainer .msg{display:inline-block;background-color:#f6f6f6;border-radius:20px;color:#464646;padding:10px 20px 10px 30px;margin-bottom:10px;margin-right:auto;position:relative;font-weight:300;max-width:70%;font-size:15px;border-radius:32px 32px 32px 0;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.msg-cotainer .msg .emoji{width:20px;display:inline-block}.msg-cotainer .msg.multiline{border-radius:20px}.msg-cotainer .msg-time{display:block;font-size:12px;margin-top:0;margin-left:50px;color:#848484}.msg-cotainer .msg-time .read{color:#28cc0d}.msg-cotainer.msg-send{text-align:right;padding-left:0;padding-right:0}.msg-cotainer.msg-send .msg{background-color:#02449b;color:#fff;border-radius:32px 32px 0 33.5px;margin-left:auto;margin-right:0;text-align:left}.msg-cotainer.msg-send .avatar{margin:10px 0 0 15px}.msg-cotainer.msg-send .msg-time{margin-left:0;margin-right:50px}.chat-box-footer{display:block;position:relative;margin-top:auto}.type-msg-group{display:flex;height:auto;background:#f9fafc;border:1px solid #02449b;box-sizing:border-box;border-radius:32.5px;-ms-flex-align:center;align-items:center;padding:5px 3px 5px 20px}.type-msg-group .form-control{border:0;background-color:transparent}.type-msg-group .btn{min-width:35px;height:40px;margin:auto 0;background-size:24px;background-position:center center;background-repeat:no-repeat}.type-msg-group .btn.image{background-image:url(../img/icons/icon-image.svg)}.type-msg-group .btn.attachment{background-image:url(../img/icons/icon-attachment.svg);background-size:22px}.type-msg-group .btn.emoji{background-image:url(../img/icons/icon-emoji-smiling.png)}.type-msg-group .btn.send{min-width:110px;height:45px;padding:0;margin-right:2px;margin-left:15px;line-height:normal;text-align:center;display:flex;-ms-flex-align:center;align-items:center;box-shadow:0 4px 4px rgba(255,160,26,.29);border-radius:32.5px}.type-msg-group .btn.send .icons{width:18px;height:18px;margin-left:5px;background-image:url(../img/icons/icon-send.svg)}.type-msg-group .btn.send span{margin:auto}@media (min-width:768px){.chat-opened .chat-start{opacity:0;pointer-events:none}.chat-opened .chat-box{opacity:1;pointer-events:auto}}@media (max-width:1680px){.chat-sidebar{min-width:340px;width:340px}.chat-content{width:calc(100% - 340px)}.chat-list{padding:10px 0 10px 62px;border-radius:15px}.chat-list .avatar{width:42px;height:42px;border-radius:13px;left:10px;top:10px}.chat-list>h4{font-size:16px}.chat-list>p{font-size:12px}.chat-box-header>h3{font-size:var(--f-18)}}@media (max-width:1440px){.chat-sidebar{min-width:290px;width:290px}.chat-content{width:calc(100% - 290px)}.chat-list{padding:10px 0 10px 65px;border-radius:15px}.chat-list .avatar{width:40px;height:40px;border-radius:13px;left:10px;top:10px}.chat-list>h4{font-size:15px}.chat-list>p{font-size:12px}.chat-start svg{width:60px;height:60px;margin:10px auto}.chat-list>h4 .time{font-size:11px}.profile-hgroup.chat{padding-top:10px}.chat-container{height:calc(100vh - 130px)}.msg-cotainer .msg{font-size:14px;max-width:90%}.type-msg-group .btn{min-width:32px;height:35px;background-size:20px}.type-msg-group .btn.send{min-width:90px;height:40px}}@media (max-width:1280px){.chat-sidebar{min-width:240px}.chat-content{width:calc(100% - 240px)}}@media (max-width:991.98px){.chat-container{height:calc(100vh - 380px);margin-left:-35px;margin-right:-35px}.chat-sidebar .scroll-inner{padding:15px 20px 15px 15px;margin-right:-10px}.chat-sidebar{min-width:260px;width:260px}.chat-content{width:calc(100% - 260px);padding-right:20px}.chat-list{padding-left:60px}.type-msg-group{flex-direction:column;padding-bottom:10px;padding-left:10px;border-radius:20px}.type-msg-group>.d-flex{width:100%}.type-msg-group .btn.send{margin-left:auto;margin-right:15px}}@media (max-width:767px){.profile-hgroup.chat{flex-direction:column}.profile-hgroup.chat .nav-tabs{margin-bottom:15px;width:100%}.profile-hgroup.chat .nav-tabs .nav-item{width:50%}.form-group.search{width:100%}.form-group.search .form-control{height:35px;line-height:35px}.form-group.search .icon-search{margin-top:-12px}.chat-container{margin:0;flex-direction:column;height:75vh;position:relative;overflow:hidden}.chat-sidebar{min-width:0;width:100%;height:100%;position:absolute;top:0;left:0;right:0;background-color:#fff;z-index:100;border-radius:20px;transition:var(--animate-duration-35s);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .6s ease}.chat-start{display:none}.chat-box{opacity:1;pointer-events:auto}.chat-opened .chat-sidebar{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}.chat-sidebar .scroll-inner{padding:15px 30px 15px 20px}.chat-content{background-color:#fff;z-index:100;border-radius:20px;position:relative;z-index:120;width:100%;height:100%;-webkit-transform:translate(100vw,0);-ms-transform:translate(100vw,0);transform:translate(100vw,0);-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.chat-opened .chat-content{padding-left:20px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.chat-box-header{margin-bottom:10px}.chat-box-header>p{font-size:12px}.msg-cotainer{padding-left:0;padding-right:0}.msg-cotainer .msg{padding-left:20px}.chat-box-header>h3 .chat-close .icons{width:10px;height:10px}.msg-cotainer .avatar{margin-right:10px}.msg-cotainer.msg-send .avatar{margin-left:10px}.chat-box-footer{padding-top:10px}}.card-coupon{display:flex;flex-direction:column;text-align:center;padding:20px 20px 30px;background:rgba(255,255,255,.71);box-shadow:0 13px 20px rgba(0,0,0,.02);border-radius:20px;transition:var(--animate-duration-2s);margin-bottom:30px;height:calc(100% - 30px)}.pc .card-coupon:hover{box-shadow:0 13px 40px rgba(0,0,0,.1)}.card-coupon .icons{width:45px;height:45px;margin:20px auto;background-image:url(../img/icons/icon-coupon.svg)}.card-coupon h3{font-size:var(--f-18);font-weight:400;margin:10px 0}.card-coupon>h4{font-size:20px;font-weight:500;color:var(--blue);margin:20px 0 20px;letter-spacing:3px}.card-coupon p{font-size:13px;font-weight:300;margin-bottom:auto}.card-coupon p.date{color:#a8a8a8;font-size:11px;margin-bottom:0}.card-coupon .btn{height:40px;line-height:36px;border-radius:14px;width:118px;margin:0 auto 15px;font-size:14px}@media (max-width:1670px){.coupon-list>div{-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}}@media (max-width:1440px){.card-coupon .icons{margin:10px auto}.card-coupon>h4{margin:15px auto}}@media (max-width:991.98px){.card-coupon h3{margin-bottom:5px}.card-coupon .btn{height:38px;line-height:34px;width:100px}}@media (max-width:767px){.card-coupon h3{font-size:16px}.coupon-list>div{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (max-width:576px){.coupon-list>div{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.card-course.normal{left:0!important;width:100%;max-width:100%;padding:25px;box-shadow:0 5px 25px rgba(0,0,0,.04);border-radius:20px;margin-bottom:30px}.card-course.normal .card-photo,.card-course.normal .card-photo .photo{border-radius:10px}.pc .card-course.normal .card-photo:hover .photo{-ms-transform:scale(1);transform:scale(1)}.card-course.normal h4{width:100%;margin:4px 0 10px;line-height:1.2;-webkit-line-clamp:1;font-size:var(--f-20);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal!important}.card-course.normal .btn-like{margin:auto 0}.card-course.normal p{max-width:450px;padding-right:0;-webkit-line-clamp:2}.card-course.normal hr.w-41{width:41px;margin:20px 0}.card-course.normal .tutor .avatar{min-width:50px;width:50px;height:50px}.pc .card-course.normal:hover{box-shadow:0 5px 45px rgba(0,0,0,.1)}.pc .card-course.normal h4:hover{color:var(--orange-medium)}.card-course.normal .dropdown.buttons{width:auto}.card-course .progress-wrap{width:280px;margin-top:5px}.card-course .progress-bar .progress{background-color:var(--blue)}.card-course .card-status{position:absolute;top:15px;left:-25px;z-index:100;pointer-events:none;width:93px;height:39px;background:#029b76;border-radius:19.5px 19.5px 0 19.5px;text-align:center;line-height:39px;color:#fff;font-size:var(--f-15);text-transform:uppercase}.card-course .card-status.live{background-color:#ff5757}.card-course .buttons{display:flex;flex-direction:column;width:156px;padding:5px 0 0}.card-course .buttons .btn{width:100%;height:45px;font-size:14px;padding:0;line-height:normal;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:15px;border-radius:14px}.card-course .buttons .btn svg{width:18px;height:18px;margin-right:10px}.card-course .buttons .btn-attend-class.lock{background-color:#ff5841;border-color:#ff5841;pointer-events:none}.card-course .buttons .btn-attend-class.disabled{background-color:#dfdfdf;border-color:#dfdfdf;opacity:1;pointer-events:none}.card-course .buttons .btn-summary{background-color:#37cd58;border-color:#37cd58}.card-course .buttons .btn-contact-tutor svg path{stroke:var(--orange-medium)}.card-course .buttons .btn-review{border-color:var(--orange-medium);background-color:#fff}.card-course .buttons .btn-review span{color:var(--orange-medium)}.card-course .buttons .btn-contact-tutor{background-color:var(--blue);border-color:var(--blue)}.card-course .buttons .btn:hover{background-color:var(--orange-medium);border-color:var(--orange-medium)}.card-course .buttons .btn:hover span{color:#fff}.card-course .buttons .btn:not(.btn-attend-class):hover svg path{stroke:#fff}.nav-info-column{width:300px}.nav-info-column li{display:flex;width:100%;font-size:14px;margin:2px 0}.nav-info-column li span{min-width:100px;position:relative}.nav-info-column li span:before{content:'';position:absolute;top:0;left:0}.nav-info-column li span.dot{padding-left:15px}.nav-info-column li span.dot:before{width:5px;height:5px;border-radius:50%;left:0;top:50%;margin-top:-2px;background-color:var(--orange-medium)}.nav-info-column li span.colon{padding-left:15px;width:100%}.nav-info-column li span.colon:before{content:':';left:0;top:0}.modal.review .modal-dialog{width:100%;max-width:910px}.modal.review .rating.xl li{cursor:pointer}.card-course .buttons .btn.btn-option{width:25px;height:25px;background-color:transparent!important;border:0!important;padding:0;border-radius:0;background-image:url(../img/icons/icon-menu-3-line.svg);background-size:contain;background-repeat:no-repeat;background-position:center center;overflow:visible}.card-course .buttons .btn.btn-option .status{width:12px;height:12px;background-color:red;border-radius:50%;border:2px solid #fff;position:absolute;top:-2px;right:-4px}.card-course .buttons .btn.btn-option+.dropdown-menu{top:34px!important;width:200px}.dataTable .card-course.rows .card-body{display:block;width:100%}@media (max-width:1440px){.card-course.normal .tutor .avatar{min-width:45px;width:45px;height:45px}.card-course.normal p{padding-right:40px}}@media (max-width:1280px){.card-course.normal .card-photo{min-width:280px}.nav-info-column li{margin:0}.card-course .progress-wrap{margin-top:10px}}@media (max-width:991.98px){.card-course.normal .card-photo{min-width:230px;height:160px}.card-course.normal .card-photo .photo{height:100%}.card-course.normal p{padding-right:15px}.card-course.normal h4{margin-bottom:5px}.card-course.rows .card-body>div.row.p-0:first-child{flex-direction:column}.card-course .buttons{width:auto;margin:0 -15px!important;flex-direction:row;padding-top:25px}.card-course .buttons .btn{height:40px;font-size:12px;margin:0 5px}.card-course .buttons .btn svg{margin-right:5px;width:15px;height:15px}.dataTable .card-course.rows .card-body{padding-left:20px;width:calc(100% - 181px)}.dataTable .card-course.rows .card-body>div.row.p-0:first-child{flex-direction:unset}.dataTable .card-course.normal .dropdown.buttons{padding-top:0;margin:0!important;position:absolute;top:0;right:0;z-index:100}.dataTable .card-course.normal .card-photo{height:185px}.card-course .buttons .btn.btn-option+.dropdown-menu{top:20px!important}table.dataTable .dropdown-menu a{font-size:13px}table.dataTable .nav-info-column li span.colon,table.dataTable .nav-info-column li span.title{min-width:0;padding-right:10px;width:auto}table.dataTable .nav-info-column li .d-flex{width:100%}table.dataTable .nav-info-column li span.colon{margin-left:10px}table.dataTable .card-course.normal h4{padding-right:40px}}@media (max-width:767px){.card-course.normal{padding:20px}.card-course.normal .card-photo{min-width:0;height:auto}.card-course.rows .card-body{padding-top:15px!important}.card-course.normal h4{font-size:var(--f-22)}.card-course.normal hr.w-41{width:24px}.card-course.normal p{padding-right:0}.card-course.normal .tutor .avatar{min-width:50px;width:50px;height:50px}.card-course.rows .card-body.pr-0{padding-left:0}.card-course .buttons{flex-direction:column;padding-top:10px}.card-course .buttons .btn{font-size:14px;margin:5px 0}.card-course .buttons .btn svg{margin-right:8px;width:18px;height:18px}.nav-info-column{width:100%}.nav-info-column li{margin:2px 0}.nav-info-column li span.title{width:auto}.card-course .progress-wrap{width:100%;margin-left:0;margin-bottom:10px;max-width:90%}.card-course .card-status{width:80px;left:-20px;height:35px;top:9px}.dataTable .card-course.rows .card-body{width:100%}.dataTable .card-course.normal .dropdown.buttons{right:15px}.dataTable .card-course.rows .card-body>div:first-child{-ms-flex-direction:column!important;flex-direction:column!important}}@media (max-width:576px){.dataTable .card-course.rows .card-body>div.row.p-0:first-child{flex-direction:column;flex-direction:column}.dataTable .nav-info-column.w-100{flex-direction:column}.dataTable .nav-info-column li{display:block}}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.015)}.table-infos{width:100%}.table-infos thead th{font-size:var(--f-16);font-weight:400;background-color:var(--blue);color:#fff;border:0;padding-top:13px;padding-bottom:13px}.table-infos td:first-child,.table-infos th:first-child{padding-left:50px}.table-infos td:last-child,.table-infos th:last-child{padding-right:50px}.table-infos thead th:first-child{border-radius:10px 0 0 10px}.table-infos thead th:last-child{border-radius:0 10px 10px 0}.table-infos tbody td{border-top:0;border-bottom:1px solid #f1f1f1;background-color:#fff;padding-top:30px;padding-bottom:30px;font-size:var(--f-15);font-weight:300}.table-infos p{margin-bottom:5px}.table-infos p:last-child{margin-bottom:0}.table-infos thead.light th{color:#000;background-color:#f7fafd}.table-infos .price-old{font-size:13px;color:#a7a7a7;margin-left:10px;display:inline-block;text-decoration:line-through}.table-infos .discound{color:red}.table-infos .pay-completed{color:#37cd58}.table-infos .pay-waiting{color:#ff5841}.table-infos .btn-bill{width:102px;height:38px;line-height:36px;background-color:#37cd58;border-color:#37cd58;font-size:14px;border-radius:14px}.table-infos .btn-bill span{color:#fff}.pc .table-infos .btn-bill:hover{background-color:#222;border-color:#222}.table-infos .btn-bill.waiting{background-color:#ff5841;border-color:#ff5841}.table-infos.homework td{padding-top:20px;padding-bottom:20px}.table-infos.homework td:first-child,.table-infos.homework th:first-child{padding-left:30px}.table-infos.homework td:last-child,.table-infos.homework th:last-child{padding-right:0}.table-infos.homework .w-150{width:150px}.table-infos.homework .w-300{width:300px}.table-infos .blue{color:#02449b}.table-infos .green{color:#37cd58}.table-infos .red{color:red}.table-infos .orange{color:#ff7e36}.goback{display:flex;color:var(--orange)!important}.goback .icons{width:18px;height:18px;margin:auto;margin-right:15px;background-image:url(../img/icons/icon-arrow-prev.svg);transition:var(--animate-duration-2s);left:0}.pc .goback:hover .icons{left:-5px}.btn.print{width:147px;height:45px;font-size:16px;line-height:normal;display:flex}.btn.print .icons{width:24px;height:24px;margin:auto 0;margin-right:15px;background-image:url(../img/icons/icon-printer.svg)}@media (max-width:1440px){.table-infos td:first-child,.table-infos th:first-child{padding-left:25px}.table-infos td:last-child,.table-infos th:last-child{padding-right:25px}}@media (max-width:991.98px){.table-infos.homework .w-150{width:100px}.table-infos.homework .w-300{width:240px}}@media (min-width:578px) and (max-width:991.98px){.table-responsive.md{border-radius:10px 10px 0 0}.table-infos thead th:first-child{border-radius:0}.table-infos thead th:last-child{border-radius:0}.table-infos.history{width:992px}.table-infos.history .fixed{position:-webkit-sticky;position:sticky;top:auto;left:0;z-index:100;width:195px}.table-infos.history .fixed:before{content:'';position:absolute;left:0;bottom:-1px;border-bottom:1px solid #f1f1f1;width:195px}}@media (max-width:700px){.table-responsive.homework table{width:650px}}@media (max-width:576px){.table-responsive.history{box-shadow:0 0 30px rgba(0,0,0,.02);border-radius:15px}.table-infos.history{margin-bottom:0}.table-infos.history thead{display:none}.table-infos.history tr,.table-infos.history tr td{display:block;width:100%;border:0;padding:5px 0}.table-infos.history tr td{padding-left:30px}.table-infos.history tr td:first-child{padding-top:20px}.table-infos.history tr td:last-child{border-bottom:1px solid #f1f1f1;padding-bottom:30px}.table-infos.history tr:last-child td:last-child{border-bottom:0}.table-infos.history p{margin-bottom:0}.table-infos.history tr td:before{content:attr(data-title);display:block;font-weight:500}}.document-container{display:block;padding:50px;background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.04);border-radius:20px;margin-bottom:30px}.document-container p{margin:0 0 3px}.document-container h2{font-size:var(--f-38);color:#02449b;font-weight:500;margin-bottom:20px;text-align:right;margin-top:-5px}table.bill-info{width:285px}table.bill-info th{font-weight:500}table.bill-info td,table.bill-info th{font-size:var(--f-15);padding-top:2px;padding-bottom:2px}table.bill-info .dot{width:10px;text-align:center}.document-container .customer-info{background:#f7fafd;border-radius:20px;padding:20px 40px;font-size:var(--f-15);margin-bottom:30px}.document-container .customer-info .title{color:#6f8ca9}.table-infos.bill td:first-child,.table-infos.bill th:first-child{padding-left:50px}.table-infos.bill td:last-child,.table-infos.bill th:last-child{padding-left:0;padding-right:50px;width:1px}.table.bill td,.table.bill th{padding-left:20px;padding-right:20px;font-size:var(--f-15)}.table.bill .price{display:block;width:75px;text-align:right;margin:0 auto;white-space:nowrap}.table.bill tr.no-line td,.table.bill tr.total td{border-bottom:0}.table.bill tr.total .line{display:block;position:relative;margin:10px 0 10px -20px;border-top:1px dashed #b4bfca;height:2px}.table.bill tr.total td{padding-top:5px;padding-bottom:5px}.table.bill .gray{color:#b7b7b7}.table.bill .red{color:red}.gray{color:#b7b7b7}@media (max-width:1440px){.document-container .customer-info{padding:15px 30px;margin-bottom:15px}.table.bill td{padding-top:15px;padding-bottom:15px}}@media (max-width:991.98px){.document-container{padding:50px 30px}.table-responsive.bill{margin:0 -30px;width:auto}.table-infos.bill{margin-left:30px}.table-infos.bill thead th:first-child{border-radius:10px 0 0 10px}.table-infos.bill thead th:last-child{border-radius:0 10px 10px 0}.table-infos.bill td,.table-infos.bill th{white-space:nowrap}table.bill-info{width:245px}.document-container .customer-info{height:calc(100% - 15px)}.document-container .hgroup{text-align:center}.document-container h2{text-align:center;margin:40px 0}table.bill-info{margin:0 auto;width:305px}table.bill-info th{text-align:left}}@media (max-width:767px){.document-container{padding:30px 15px;margin-left:-15px;margin-right:-15px}.document-container .f-15 p,.document-container p.f-15{font-size:13px}.document-container h2{margin:25px 0}table.bill-info{width:auto}table.bill-info td,table.bill-info th{padding-left:10px;padding-right:10px}.btn.print{height:40px;width:120px}.btn.print .icons{width:18px;height:18px;margin-right:10px}.table.bill td,.table.bill th{padding-left:10px;padding-right:10px}}.card-accordion{background-color:#f7fafd;border-radius:20px;margin-bottom:20px}.card-accordion>h3{font-size:var(--f-18);font-weight:300;margin:0;cursor:pointer;display:flex;padding:30px 50px;border-radius:20px;background-color:transparent;transition:var(--animate-duration-2s)}.card-accordion>h3[aria-expanded=true],.pc .card-accordion>h3:hover{background-color:var(--blue);color:#fff}.card-accordion>h3 .title{padding-right:20px}.card-accordion>h3 .icons{min-width:24px;height:24px;margin-right:25px;background-image:url(../img/icons/icon-faq.svg)}.card-accordion>h3 .icon-animate-plus{margin-left:auto;min-width:24px;height:24px;padding:3px}.card-accordion .card-body{padding:30px 100px}.card-accordion ul.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.card-accordion ul.checklist li{display:block;position:relative;padding:0 0 0 34px;margin:8px 0}.card-accordion ul.checklist li:before{content:'';position:absolute;top:5px;left:0;width:18px;height:18px;background-repeat:no-repeat;background-size:contain;background-position:center center;background-image:url(../img/icons/icon-checklist.png)}.card-accordion .row.gallery{margin:30px -20px;max-width:772px}.card-accordion .row.gallery>div{padding:0 20px}.card-accordion img.rounded{border-radius:1.5em!important}.icon-animate-plus{width:16px;height:16px;display:flex;margin:0}.icon-animate-plus .icon{display:block;position:relative;width:100%;height:100%;margin:auto;left:0;top:0}.icon-animate-plus .icon:after,.icon-animate-plus .icon:before{content:"";position:absolute;background-color:#ffa01a;transition:transform .25s ease-out}.icon-animate-plus .icon:before{top:0;left:50%;width:2px;height:100%;margin-left:-1px}.icon-animate-plus .icon:after{top:50%;left:0;width:100%;height:2px;margin-top:-1px}.card-accordion>h3[aria-expanded=true] .icon-animate-plus .icon:before{transform:rotate(90deg)}.card-accordion>h3[aria-expanded=true] .icon-animate-plus .icon:after{transform:rotate(180deg)}.card-accordion.in-blue{background-color:#003d8e}.card-accordion.in-blue>h3[aria-expanded=true],.pc .card-accordion.in-blue>h3:hover{background-color:#003a86}@media (max-width:1440px){.card-accordion>h3{padding:20px 30px;border-radius:15px}.card-accordion>h3 .icons{margin-right:15px}.card-accordion .card-body{padding:20px 70px}.card-accordion>h3 .icon-animate-plus{padding:5px}.card-accordion{margin-bottom:15px;border-radius:15px}}@media (max-width:1024px){.card-accordion .row.gallery{margin:30px -10px}.card-accordion .row.gallery>div{padding:0 10px}.card-accordion .card-body{padding:20px 40px}}@media (max-width:767px){.card-accordion{margin-bottom:10px;border-radius:10px}.card-accordion>h3{padding:10px 10px 10px 15px;border-radius:10px}.card-accordion>h3 .icons{margin-right:8px;min-width:20px;height:20px;top:3px}.card-accordion>h3 .icon-animate-plus{min-width:20px;height:20px;padding:4px}.card-accordion .card-body{padding:20px 20px}}.contact-container{background:#fff;box-shadow:0 69px 114px rgba(0,0,0,.08);border-radius:20px;padding:75px;position:relative;overflow:hidden}.contact-container:before{content:'';position:absolute;top:2px;left:-5px;right:-5px;height:6px;background-color:var(--blue)}.contact-container h2{font-size:var(--f-38);font-weight:500}.contact-container .f-22{font-size:var(--f-22)}.contact-container hr.line{height:6px;background:#fc6c44;border-radius:15px;border:0;margin:45px 0;width:75px}.contact-list{display:flex;margin:20px 0;position:relative;font-weight:400;max-width:350px}.contact-list .d-flex{flex-direction:column}.contact-list .icons{min-width:28px;height:28px;margin-right:40px}.contact-list .icons.md{min-width:48px;height:48px}.contact-list .icon-line{background-image:url(../img/icons/icon-line-color.svg)}.contact-list .icon-pin{background-image:url(../img/icons/icon-pin-color.svg)}.contact-list .icon-phone{background-image:url(../img/icons/icon-phone-color.svg)}.btn.usertype .icon-true{background-image:url(../img/icons/icon-true-orange.svg)}.contact-list .icon-phone2{background-image:url(../img/icons/icon-phone-color2.svg);background-size:98%}.contact-list .icon-phone3{background-image:url(../img/icons/icon-phone-color3.svg)}@media (max-width:1440px){.contact-container{padding:55px}.contact-container hr.line{margin:30px 0;width:65px}.contact-list .icons{margin-right:30px;margin-top:2px}}@media (max-width:767px){.contact-container{padding:25px}.contact-container hr.line{margin:25px 0;width:50px;height:4px}.contact-list .icons{margin-right:15px;margin-top:2px}.contact-container .btn[type=submit]{width:100%}.contact-list .icons.md{min-width:32px;height:32px;margin-right:30px}}.breadcrumb{padding:20px 0;margin:0 -15px;background-color:transparent;font-size:14px;color:#878787;z-index:10;position:relative}.breadcrumb li{padding:0 15px;position:relative}.breadcrumb li:before{content:'';position:absolute;right:-3px;top:9px;width:7px;height:7px;vertical-align:top;border-top:1px solid #878787;border-left:1px solid #878787;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.breadcrumb li:last-child:before{display:none}.pc .breadcrumb li a:hover{color:#fc6c44}.breadcrumb li.active{color:#fc6c44}.bg-blue .breadcrumb li:before,.breadcrumb.in-banner li:before{border-top:1px solid #fff;border-left:1px solid #fff}.bg-blue .breadcrumb li a,.breadcrumb.in-banner li a{color:#fff}.breadcrumb.in-banner.gray li:before{border-top:1px solid #878787;border-left:1px solid #878787}.breadcrumb.in-banner.gray li a{color:#878787}.breadcrumb.in-banner{position:absolute;left:0;right:0;top:0}.section-body{padding-top:35px}.search-hgroup{display:block;padding-bottom:40px}.search-hgroup h2{font-size:var(--f-48);font-weight:500;margin-bottom:20px;font-family:Mitr}.search-hgroup h4{font-size:var(--f-28);color:var(--blue);font-weight:500;margin-bottom:5px}.card-course.border{border-color:#f6f4f0!important}@media (max-width:767px){.search-hgroup{padding-bottom:10px}.search-hgroup h2{margin-bottom:10px}.search-hgroup h4{font-size:16px;margin-bottom:0}.breadcrumb{font-size:12px}.breadcrumb li{padding:0 10px}.breadcrumb li::before{width:5px;height:5px;right:-2px;top:8px}.section-body>div>.breadcrumb{padding-top:0;padding-bottom:30px}}.section.using-web{background-color:#fdfdff}.section.using-web:before{content:'';position:absolute;top:0;left:0;right:0;height:60px;background-color:#fff}.section.using-web .background{background-image:url(../img/thumb/using-website-shape.svg);background-position:top center;left:-5px;right:-5px;width:auto!important}.section.using-web .hgroup{display:block;max-width:420px;padding:50px 0;color:#fff}.section.using-web h2{font-size:var(--f-45);color:#fc6c44;font-weight:600;margin-bottom:10px}.section.using-web .mascot{display:block;width:448px;margin-top:-56px}.howto-list{padding-top:30px}.howto-list .card-howto{margin-bottom:30px}.pagination{padding:0;margin:0 auto}.pagination li{padding:0 3px;font-size:var(--f-16);font-family:Kanit}.pagination li>a,.pagination li>span{width:40px;height:40px;color:#333;display:flex;background-color:#fff;border:1px solid #fff;border-radius:17px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.pagination li.nav-arrow>a{border-color:#ffa01a}.pagination li:first-child>a,.pagination li:first-child>span,.pagination li:last-child>a,.pagination li:last-child>span{background-color:transparent}.pagination li.active>a,.pagination li.active>span,.pc .pagination li>a:hover,.pc .pagination li>span:hover{background-color:#ffa01a;border-color:#ffa01a;color:#fff}.pagination li .arrow{position:relative;width:9px;height:9px;margin:auto}.pagination li .arrow>span{width:9px;height:9px;border-top:1px solid #ffa01a;border-left:1px solid #ffa01a}.pagination li.prev .arrow:not(.twin)>span{margin-left:3px}.pagination li.next .arrow:not(.twin)>span{margin-left:-1px}.pagination li.prev .arrow.twin>span:last-child{margin-left:6px}.pagination li.next .arrow.twin>span:first-child{margin-left:2px}.pagination li.next .arrow.twin>span:last-child{margin-left:-4px}.pagination li.disabled{opacity:.5;pointer-events:none}.pc .pagination li>a:hover .arrow>span{border-top:1px solid #fff;border-left:1px solid #fff}.page-setting{display:flex;position:relative;font-family:Kanit;margin:60px 0}.pagination-number{display:flex;font-size:14px;color:#585858;align-items:center!important;position:absolute;top:0;right:0}.pagination-number .form-control{width:41px;height:41px;text-align:center;padding:0;line-height:39px;border-color:#ededed;font-weight:400;margin:0 15px}.pagination-number .form-control:focus{border-color:#ffa01a}.using-website-details .sidebar h4{font-size:32px;font-family:Mitr;font-weight:500;margin-bottom:50px;margin-top:5px}.nav-using-web{flex-direction:column;max-width:300px}.nav-using-web li{width:100%;margin-bottom:5px}.nav-using-web li a{display:flex;height:63px;background-color:transparent;border-radius:23px}.nav-using-web li a span{margin:auto 0}.nav-using-web li .icons{width:24px;height:24px;margin-right:20px;margin-left:30px;display:flex}.nav-using-web li .icons img,.nav-using-web li .icons svg{width:19px;height:19px;margin:auto}.nav-using-web li .icons svg path{fill:#B4B3B3}.nav-using-web li a.active,.pc .nav-using-web li a:hover{color:#fff;background-color:#fc6c44;box-shadow:0 10px 20px rgba(252,108,68,.44)!important}.nav-using-web li a.active svg path,.pc .nav-using-web li a:hover svg path{fill:#fff}.using-website-details .content h2{font-family:Mitr;font-size:40px;font-weight:500;color:#02449b;margin-bottom:20px}.using-website-details .content p,.using-website-details .content ul{margin-bottom:30px}.using-website-details .content ul li{margin-top:8px;margin-bottom:8px}.img-block{display:block;padding:25px 0;margin-bottom:30px;text-align:center}.img-block img{border-radius:20px;max-width:790px;width:100%}.article-like{display:flex;margin:50px auto;justify-content:center!important}.article-like>.icons{width:88px;height:88px;background-color:#ffa01a;border-radius:50%;box-shadow:0 10px 20px rgba(255,160,26,.24);background-image:url(../img/icons/icon-like.svg);background-size:20px}.article-like>.infos{padding-left:40px;margin:auto 0}.article-like h6{font-size:var(--f-22);font-weight:400;margin-bottom:10px}.article-like .item{display:flex;color:#4078c3}.article-like .item .icons{width:24px;height:24px;background-size:22px;margin-right:10px}.article-like .item .icon-like{background-image:url(../img/icons/icon-thumb-up-line.svg)}.article-like .item .icon-eye{background-image:url(../img/icons/icon-eye-line.svg)}@media (max-width:1680px){.section.using-web .mascot{width:28vw;z-index:100;position:relative;margin-top:-4.5vw}.using-website-details .sidebar h4{font-size:var(--f-30);margin-bottom:36px}.img-block,.using-website-details .content p,.using-website-details .content ul{margin-bottom:20px}.section.using-web .background{left:-5vw;right:-5vw;width:auto!important}}@media (max-width:1440px){.nav-using-web{max-width:270px}.nav-using-web li a{height:58px}.using-website-details .content h2{font-size:var(--f-48)}}@media (max-width:1199px){.pagination{margin-right:auto;margin-bottom:0}.pagination-number{position:relative;margin-left:auto;font-family:14px}.pagination li>a,.pagination li>span{width:35px;height:35px;font-size:14px;border-radius:14px}.pagination-number .form-control{width:35px;height:35px;border-radius:14px}.section.using-web .background:after,.section.using-web .background:before{content:'';position:absolute;left:-5px;right:-5px;bottom:0;height:90%;background-size:100%;background-position:bottom center;background-repeat:no-repeat}.section.using-web .background:before{background-image:url(../img/thumb/using-website-shape.svg)}.section.using-web .background:after{background-color:#02449b;bottom:20px}.article-like>.icons{width:80px;height:80px}.article-like>.infos{padding-left:30px}}@media (max-width:1024px){.using-website-details{margin-top:10px}.using-website-details .sidebar h4{font-size:var(--f-24);margin-bottom:25px}.using-website-details .content h2{font-size:var(--f-45);margin-bottom:15px}.nav-using-web li a{height:45px;border-radius:15px}.nav-using-web li .icons{width:20px;height:20px;margin-right:10px;margin-left:15px}.nav-using-web li .icons img,.nav-using-web li .icons svg{width:15px;height:15px}.img-block,.using-website-details .content p,.using-website-details .content ul{margin-bottom:15px}}@media (max-width:767px){.page-setting{flex-direction:column;margin:20px 0}.pagination{margin:20px auto}.pagination-number{position:relative;margin:0 auto}.pagination li>a,.pagination li>span{width:30px;height:30px;border-radius:10px}.pagination-number{border-top:1px solid #f1f1f1;padding-top:20px;margin-top:5px;width:100%;justify-content:center!important}.pagination-number .form-control{width:50px;height:40px;line-height:38px;border-radius:14px}.pagination li{padding:0 1px}.pagination li .arrow>span{width:7px;height:7px}.section.using-web h2{font-size:24px}.section.using-web .hgroup{max-width:100%;position:relative;z-index:200}.section.using-web .mascot{position:absolute;right:-40px;width:47vw;margin-top:-10vw}.nav-using-web{max-width:100%;flex-direction:unset}.nav-using-web li{width:50%}.nav-using-web li a{flex-direction:column;align-items:center!important;height:55px}.nav-using-web li a span{line-height:1;font-size:13px;margin:2px auto auto}.nav-using-web li .icons{margin:0 auto;margin-top:auto}.using-website-details .sidebar h4{margin-bottom:15px}.using-website-details .content{padding-top:40px}.img-block{padding:15px 0}.article-like>.icons{width:60px;height:60px}.article-like .item .icons{width:20px;height:20px;background-size:18px}.article-like>.infos{padding-left:20px}}@media (max-width:375px){.nav-tabs.howto li{width:50%}.nav-tabs.howto li>a{width:100%}}.section-banner.cours{background-color:var(--blue);padding:50px 0 0!important;color:#fff;overflow:hidden}.section-banner.cours:before{content:'';position:absolute;top:50%;width:330px;height:210px;margin-top:-110px;margin-left:-140px;background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(../img/thumb/banner-cours-shape.svg)}.section-banner.cours .hgroup{display:block;max-width:500px}.section-banner.cours .hgroup h2{color:#fc6c44;font-size:var(--f-45);font-family:Mitr;margin-bottom:20px}.section-banner.cours .search-course{margin-top:40px;margin-bottom:70px;position:relative;z-index:100}.section-banner.cours .cartoon{position:absolute;bottom:0;right:150px;width:488px}.course-popular-hgroup{display:block;position:relative;font-size:var(--f-15);padding:30px 0}.course-popular-hgroup small{font-size:var(--f-14);color:#fc6c44}.course-popular-hgroup h2{font-size:var(--f-38);font-weight:500}.course-popular-hgroup h3{font-size:var(--f-38);font-weight:700;color:#fc6c44;margin-bottom:35px}.course-popular-hgroup p{max-width:410px}.course-popular-hgroup .btn{width:110px;margin-top:35px}.cours-shape-1{position:absolute;top:-75px;right:30px}.cours-shape-2{position:absolute;top:50px;right:150px}.card-course.list{margin-top:70px!important;margin-bottom:20px;box-shadow:0 4px 30px rgba(0,0,0,.05)}@media (max-width:1440px){.section-banner.cours::before{content:'';position:absolute;top:50%;width:300px;height:300px;margin-top:-150px;margin-left:-110px;background-position:center right}.section-banner.cours .cartoon{width:400px}.section-banner.cours .hgroup h2{margin-bottom:10px}.section-banner.cours .search-course{margin-top:25px;margin-bottom:50px}.card-course.list{margin-top:50px!important;margin-bottom:20px}.card-course.list .share .btn{width:30px;height:30px;padding:0;border-radius:10px}.card-course.list .share .btn svg{width:10px;height:10px}.card-course.list .tutor .avatar{min-width:54px;height:54px;margin:auto;border-radius:20px}.card-course.list h3{font-size:var(--f-20)}}@media (max-width:1199px){.section-banner.cours .cartoon{right:50px}.section-banner.cours .hgroup{max-width:600px;width:100%;z-index:1000}.card-course.list{margin-bottom:30px}.card-course.list h3{font-size:var(--f-22)}.course-popular-hgroup{padding:0 0 50px}.course-popular-hgroup h3{margin-bottom:20px}.course-popular-hgroup .btn{margin-top:15px}.cours-shape-2{right:50px;top:20px}}@media (max-width:767px){.section-banner.cours{padding:40px 0 0!important}.section-banner.cours .cartoon{width:87%}.section-banner.cours .search-course{margin-top:35px;margin-bottom:50px}.cours-shape-1{top:-35px}.cours-shape-2{right:20px;top:20px;width:80px}}.section-course.topfive .background{left:0;background-color:#02449b;background-position:top center;background-size:177px;background-repeat:repeat-x;background-image:url(../img/thumb/paper-texture-blue.png);pointer-events:none}.section-course.topfive .background:after{content:'';position:absolute;bottom:0;left:0;right:0;height:300px;background:linear-gradient(180deg,#02449b 0,rgba(2,68,155,0) 81.31%);transform:rotate(-180deg)}.section-course.topfive .background:before{content:'';position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(180deg,#02449b 0,rgba(2,68,155,0) 81.31%);transform:rotate(0)}.section-course.topfive{background-color:#02449b}.section-course.topfive .course-popular-hgroup{color:#fff}.section-course.topfive .swiper-overflow{margin-right:-12vw;position:relative;display:block}@media (max-width:991.98px){.section-course.topfive .swiper-overflow{margin-right:0}}@media (max-width:991.98px){.section-course.topfive .course-popular-hgroup{padding-bottom:20px}}.article{display:block}.article h3{font-size:var(--f-28);font-family:Mitr;font-weight:400;margin-bottom:10px}.article h4{font-size:var(--f-24);font-family:Kanit;font-weight:400;margin-bottom:10px}.article p.indent-line{position:relative;padding-left:70px}.article p.indent-line:before{content:'';position:absolute;top:13px;left:0;width:55px;border-top:1px solid var(--orange)}.article ul.list{list-style-type:none;padding:0;margin:0 0 20px}.article ul.list li{padding:0 0 0 30px;margin:8px 0;position:relative}.article ul.list li:before{content:'';position:absolute;top:6px;left:0;width:17px;height:17px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(../img/icons/icon-checker.svg)}.article.in-blue-bg{color:#fff}.article.in-blue-bg h3{color:#ff5841}.article.in-blue-bg ul.list li:before{background-image:url(../img/icons/icon-checker-orange.svg)}.article ul.list.checklist li:before{background-image:url(../img/icons/icon-checklist.png)}@media (min-width:1441px){.article.space-md h3,.article.space-md p,.article.space-md ul{margin-bottom:25px}}.course-intro{margin-top:50px;margin-bottom:50px;position:relative}.course-intro .img-block{display:block;padding:0}.course-intro .img-block img{border-radius:20px;filter:drop-shadow(0px 100px 80px rgba(0, 0, 0, .07)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, .0417275)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725))}.course-intro .article{display:block;padding-left:50px;max-width:533px}.course-intro .message-block{top:-60px;right:0;width:280px}.course-intro .message-block:before{content:'';position:absolute;top:55px;right:-120px;width:250px;height:250px;background-image:url(../img/thumb/cours-shape-4.svg);background-repeat:no-repeat;background-size:contain;background-position:center center}@media (max-width:1440px){.course-intro .article{max-width:440px;padding-left:20px}}@media (max-width:1199px){.course-intro .article{max-width:380px;padding-left:0}.course-intro .message-block{top:-100px}}@media (max-width:991.98px){.course-intro{margin-top:0}.course-intro .message-block{top:20px}.article p.indent-line{margin-bottom:5px}.course-intro .article{margin-top:20px}}.btn-link{border:0!important}.filter-buttons .btn,.filter-buttons .custom-select{padding:0 20px;white-space:nowrap;background-color:transparent!important;border-color:var(--orange);color:var(--orange);font-size:14px;display:flex;max-width:160px;border-radius:15px;margin-right:10px}.filter-buttons .btn:not(.btn-link) span{color:var(--orange)!important}.filter-buttons .btn-link{color:#868686!important;text-decoration:underline}.pc .filter-buttons .btn-link:hover{color:var(--orange)!important}.filter-buttons .custom-select{background:#f9fafc url("../img/icons/icon-arrow-down-blue.svg") no-repeat right .75rem center/12px 12px}.filter-buttons .icons{min-width:15px;height:15px;margin:auto;margin-right:15px;background-image:url(../img/icons/icon-filter.svg)}.filter-opened .filter-buttons .icon-filter{background-image:url(../img/icons/icon-close-blue.png)}.section-column{display:flex;position:relative;margin-top:15px;min-height:400px;overflow:hidden;padding-right:50px;margin-right:-50px}.section-column .sidebar{display:flex;flex-direction:column;flex-shrink:0;border:1px solid #f6f4f0;box-sizing:border-box;border-radius:20px;width:305px;position:relative;top:0;margin-left:-305px;transition:all .66s ease-in-out;opacity:0;margin-top:30px;pointer-events:none;z-index:1000}.section-column .content{position:relative;padding-left:0;width:100%;transition:all .66s ease-in-out}.filter-opened .section-column .sidebar{left:0;margin-left:0;opacity:1;pointer-events:auto}.filter-opened .section-column .content{padding-left:25px}.sidebar.course{padding:25px}.sidebar.course h4{display:flex;font-size:var(--f-18);font-weight:500;margin-bottom:10px;margin-top:10px}.sidebar.course h4 .icon{width:18px;height:18px;margin:auto 15px auto 0}.sidebar.course hr{border-top:1px solid #f6f4f0;margin:15px 0}.nav-course{flex-direction:column}.nav-course>li>a,.nav-course>li>span{display:block;padding:5px 0;position:relative;font-size:var(--f-15);font-weight:400;cursor:pointer}.nav-course>li>a:before,.nav-course>li>span:before{content:'';position:absolute;top:10px;right:0;width:12px;height:12px;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url("../img/icons/icon-arrow-down.svg");transition:all .2s ease-in-out}.nav-course>li>a[aria-expanded=true]:before,.nav-course>li>span[aria-expanded=true]:before{transform:rotate(-180deg)}.nav-course>li label{font-size:var(--f-15)}.nav-course .nav{flex-direction:column;margin:8px 0 0}.nav-course .nav>li{margin:1px 0}.nav-course .nav>li>a,.nav-course .nav>li>span{display:block;position:relative;display:block;font-size:var(--f-14);padding:5px 0 5px0;cursor:pointer}.nav-course .nav li img.star{width:90px;display:block}.sidebar.course .checkbox-group label::before,.sidebar.course .radio-group label::before{border-color:#02449b}.sidebar.course .checkbox-group input[type=checkbox]:checked+label::after,.sidebar.course .checkbox-group input[type=checkbox]:checked+span+label::after,.sidebar.course .radio-group.checkbox input[type=radio]:checked+label::after,.sidebar.course .radio-group.checkbox input[type=radio]:checked+span+label::after{background-color:transparent;background-image:url(../img/icons/icon-check-fill.svg)}.checkbox-group.checklist input[type=checkbox]:checked+label::after,.checkbox-group.checklist input[type=checkbox]:checked+span+label::after,.radio-group.checklist input[type=radio]:checked+label::after,.radio-group.checklist input[type=radio]:checked+span+label::after{background-color:transparent;background-image:url(../img/icons/icon-check-fill.svg)}@media (max-width:1024px){.section-column{margin-right:0;padding-right:0;padding-top:30px;overflow:visible}.section-column .sidebar{width:100%;background-color:#fff;position:absolute;overflow-y:auto;max-height:100%;-webkit-overflow-scrolling:touch}.filter-opened .section-column .content{padding-left:0;pointer-events:none;position:relative}.section-column .content:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:100;border-radius:20px;transition:var(--animate-duration-35s);opacity:0;pointer-events:none}.filter-opened .section-column .content{padding-left:0;pointer-events:none;position:relative}.filter-opened .section-column .content:before{opacity:1;pointer-events:auto}}@media (max-width:767px){.filter-buttons{padding-bottom:40px;position:relative}.filter-buttons .btn.clear{position:absolute;bottom:0;right:0}.filter-buttons .btn.filter-toggle{min-width:100px;padding:0 15px;margin-right:10px}.filter-buttons .btn.filter-toggle .icons{margin-right:5px}.filter-buttons .custom-select.sort{margin-right:0;margin-left:0;width:100%;max-width:100%}.section-column .content{padding-left:0}}.section-news-detail{position:relative}.news-sidebar{position:fixed;top:0;left:0;bottom:0;width:465px;z-index:1010}.news-sidebar .dot{position:absolute;top:40%;left:50px;z-index:100}.news-sidebar .background:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;right:0;background-color:rgba(252,108,68,.9)}.news-sidebar .background:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;right:0;background-image:url(../img/thumb/share-title.png);background-repeat:no-repeat;background-size:auto;background-position:50% 0}.share-list{display:flex;width:38px;flex-direction:column;position:absolute;right:80px;bottom:70px}.share-list .icons{display:block;width:38px;height:38px;margin:15px}.share-list .icon-facebook{background-image:url(../img/icons/icon-facebook-outline.svg)}.share-list .icon-line{background-image:url(../img/icons/icon-line-outline.svg)}.share-list .icon-email{background-image:url(../img/icons/icon-email-outline.svg)}.share-list.blue .icon-facebook{background-image:url(../img/icons/icon-facebook-outline-2.svg)}.share-list.blue .icon-line{background-image:url(../img/icons/icon-line-outline-2.svg)}.share-list.blue .icon-email{background-image:url(../img/icons/icon-mail-outline-2.svg)}.share-list.rows{flex-direction:row;width:auto;margin:0 -10px;position:relative;top:auto;left:auto;right:auto;bottom:auto;-ms-flex-pack:unset!important;justify-content:unset!important}.share-list.rows .icons{margin:0 10px}.news-detail,.news-related{display:block;position:relative;width:calc(100% - 465px);margin-left:465px;padding-left:115px}.news-detail .hgroup{position:relative;display:block}.news-detail .hgroup h2{font-size:var(--f-48);font-weight:500;margin-bottom:20px}.news-detail .hgroup .line{display:block;margin:70px 0 50px;background:#ff5841;border-radius:3px;width:32px;height:3px}.news-detail .hgroup .arrow-shape{position:absolute;width:75px;height:75px;right:25%;bottom:0}.news-detail .img-block{border-radius:0;margin-left:-115px;padding:50px 0}.news-detail .img-block img{border-radius:0;max-width:100%}.news-detail .bgroup,.news-related .bgroup{display:block;width:100%;max-width:calc(1080px + 150px);padding-right:150px}.news-detail .bgroup h3{font-size:var(--f-28);margin-bottom:20px;font-weight:400}.news-related h3.title-32{font-size:32px;font-weight:500;color:#fff;margin-bottom:30px}.news-detail .bgroup p{margin-bottom:20px}.news-detail img.rounded{border-radius:20px!important}.news-detail ul.list{padding:0;margin:0;list-style-type:none}.news-detail ul.list li{display:block;position:relative;padding:0 0 0 30px;margin:5px 0}.news-detail ul.list li:before{content:'';position:absolute;top:6px;left:0;width:15px;height:15px;background-size:contain;background-repeat:no-repeat;background-image:url(../img/icons/icon-checklist.png)}.news-detail .goback{display:block;position:relative;color:#ffa01a;margin-bottom:30px}.section-news-related{display:block;background-color:#02449b;padding-top:30px;margin-top:50px}.section-news-related .background{top:-50px;background-image:url(../img/thumb/news-related-shape.svg)}@media (max-width:1440px){.news-sidebar{width:380px}.news-detail,.news-related{margin-left:380px;width:calc(100% - 380px);padding-left:80px}.news-detail .img-block{margin-left:-80px}.news-detail .hgroup .line{margin:40px 0 30px}.news-detail .bgroup h3,.news-detail .bgroup p{margin-bottom:15px}}@media (max-width:1280px){.news-sidebar{width:25vw}.news-detail,.news-related{margin-left:25vw;width:calc(100% - 25vw);padding-left:40px}.news-detail .img-block{margin-left:-40px}.news-sidebar .background::after{background-size:76px}.news-detail .bgroup,.news-related .bgroup{padding-right:40px}.news-detail .hgroup h2{margin-bottom:10px}.share-list{right:60px;bottom:50px}.share-list .icons{margin:10px}}@media (max-width:991.98px){.section-news-detail{padding:0}.news-sidebar .dot{top:20%;display:none}.news-sidebar{position:relative;width:auto;height:300px;margin-top:70px;padding-bottom:40px;display:flex}.news-sidebar .background::after{background-image:url(../img/thumb/share-title2.png);background-size:80%;background-position:50% 50%}.news-detail,.news-related{padding:0;margin-left:0;width:100%}.news-detail .bgroup,.news-detail .hgroup,.news-related .bgroup{padding-left:40px;padding-right:40px}.news-detail .img-block{padding:30px 0;margin-left:0}.news-detail .goback{margin-bottom:20px;margin-top:40px}.share-list{position:relative;width:100%;flex-direction:row;right:auto;bottom:auto;margin:auto;-ms-flex-pack:center!important;justify-content:center!important}.share-list .icons{width:48px;height:48px}.section-news-detail{z-index:1}.section-news-related{margin-top:-10px;z-index:10}.news-related h3.title-32{font-size:28px;margin-bottom:15px}.news-detail .hgroup .arrow-shape{right:15%}}@media (max-width:767px){.news-detail .bgroup,.news-detail .hgroup,.news-related .bgroup{padding-left:25px;padding-right:25px}.news-detail .hgroup h2{font-size:24px}.news-detail .bgroup h3{font-size:18px}.news-detail .hgroup .line{margin:30px 0 30px}.news-related h3.title-32{font-size:24px;margin-bottom:15px}}.section-promotion.intro{padding:0;margin:100px 0}.section-promotion.intro .background{background-color:#02449b}.section-promotion.intro .background:after,.section-promotion.intro .background:before{content:'';position:absolute;left:0;right:0;height:200px;background-size:auto;background-repeat:no-repeat;background-image:url(../img/thumb/promotion-shape.svg)}.section-promotion.intro .background:before{background-position:top center;top:-100px}.section-promotion.intro .background:after{background-position:bottom center;bottom:-100px}.section-promotion.intro .background .paper-texture{position:absolute;top:0;left:0;right:0;bottom:0;background-size:auto;background-position:center center;background-image:url(../img/thumb/paper-texture.png)}.section-promotion.intro .background .paper-texture:after,.section-promotion.intro .background .paper-texture:before{content:'';position:absolute;left:0;right:0;height:70%}.section-promotion.intro .background .paper-texture:before{top:0;background:linear-gradient(180deg,#02449b 0,rgba(2,68,155,0) 81.31%)}.section-promotion.intro .background .paper-texture:after{bottom:0;background:linear-gradient(180deg,#02449b 0,rgba(2,68,155,0) 76.77%);transform:rotate(-180deg)}.section-promotion.intro img.cartoon{position:absolute;top:-100px;right:0}.card-banner{display:flex;flex-direction:column;color:#fff;font-size:var(--f-18);max-width:455px}.card-banner h2{font-size:var(--f-48);font-family:Mitr;line-height:1.15;color:#fc6c44;font-weight:500;margin-bottom:30px}.card-banner h3{font-size:var(--f-38);font-family:Mitr;line-height:1.15;color:#fff;font-weight:500;margin-bottom:30px;position:relative;display:inline-block;padding:0 15px}.card-banner h3:before{content:'';position:absolute;left:0;right:0;bottom:-3px;height:16px;background:#fc6c44;border-radius:12px}.card-banner h3 span{position:relative;display:block;z-index:10}.card-banner h3 img.star{width:48px;margin-left:10px;position:absolute;top:-2px;right:-58px}.card-banner .btn-go{width:58px;height:56px;padding:0;border-radius:20px;margin-top:30px;box-shadow:0 10px 20px rgba(255,160,26,.37)}.card-banner img.arrow-shape{width:120px;display:block;margin-top:0;margin-left:-20px}.swiper-card-control{background:#003882;border-radius:20px;height:375px;position:absolute;top:50px;right:0}.swiper-card{position:relative}.swiper-card .swiper-container{z-index:100}.swiper-card .swiper-card-control{display:flex;flex-direction:column;z-index:10}.swiper-card .swiper-card-control .swiper-button .icons{left:auto!important;right:auto!important}.swiper-card{padding-right:195px;margin:0 80px 0 -30px}.swiper-card.promotion .swiper-container{padding:0 30px 70px;margin-right:-20px}.swiper-card.promotion .swiper-slide.swiper-slide-active img{filter:drop-shadow(0px 20px 30px rgba(0, 0, 0, .13)) drop-shadow(0px 5px 5px rgba(0, 0, 0, .0774939)) drop-shadow( 0px 6.6501px 5.32008px rgba(0, 0, 0, .0525061))}.swiper-card.promotion .swiper-card-control{width:680px}@media (min-width:768px){.swiper-card .swiper-card-control .swiper-button-prev .icons{background-image:url(../img/icons/icon-arrow-up-2.svg)}.swiper-card .swiper-card-control .swiper-button-next .icons{background-image:url(../img/icons/icon-arrow-down-2.svg)}}.swiper-card .swiper-card-control .d-flex.top{margin:auto;margin-right:30px;margin-top:30px;flex-direction:column;width:135px}.swiper-card .swiper-card-control .d-flex.top .swiper-button{margin:15px auto;background-color:#003882}.pc .swiper-card .swiper-card-control .d-flex.top .swiper-button:hover{background-color:#02449b}.swiper-card .swiper-card-control .d-flex.bottom{margin:auto;margin-right:30px;margin-bottom:50px;flex-direction:column;width:135px}.swiper-card .swiper-counter,.swiper-card .swiper-pagination-progressbar{width:100%;-ms-flex-pack:center;justify-content:center;text-align:center}.section-promotion.intro .row{position:relative}.section-promotion.intro .dot-shape{position:absolute}.section-promotion.intro .dot-shape.shape1{top:-40px;left:30%}.section-promotion.intro .dot-shape.shape2{bottom:-50px;right:-50px}@media (max-width:1440px){.section-promotion.intro img.cartoon{width:47vw;right:-10vw}.swiper-card{padding-right:140px;margin-right:40px}.swiper-card .swiper-card-control{width:auto;left:150px;height:320px}.swiper-card .swiper-card-control .d-flex.bottom,.swiper-card .swiper-card-control .d-flex.top{width:100px}.card-banner{max-width:385px}.card-banner h3::before{height:13px}.card-banner .btn-go{width:48px;height:46px;border-radius:15px;margin-top:20px}.swiper-card.promotion .swiper-card-control{width:auto}}@media (max-width:1280px){.section-promotion.intro img.cartoon{width:57vw;right:-6vw}}@media (max-width:1024px){.swiper-card .swiper-card-control{left:80px}.swiper-card .swiper-card-control{height:25vw;top:30px}.swiper-card .swiper-card-control .d-flex.top{margin-top:10px}.swiper-card .swiper-card-control .d-flex.top .swiper-button{margin:5px auto}}@media (max-width:991.98px){.swiper-card .swiper-card-control{height:37vw}.card-banner{position:relative}.card-banner img.arrow-shape{position:absolute;top:0;right:-30vw;margin:0}}@media (max-width:767px){.section-promotion.intro{margin:50px 0}.section-promotion.intro .background::before{top:-50px}.section-promotion.intro .background::after{bottom:-50px}.section-promotion.intro .background::after,.section-promotion.intro .background::before{background-size:100%}.swiper-card{padding:0;margin:0 0 30px}.swiper-card.promotion .swiper-container{padding:0;margin:0;overflow:visible}.swiper-card-control{position:relative;left:0;right:0;top:0;flex-direction:row}.swiper-card .swiper-card-control{height:auto;left:0;top:0;flex-direction:row;margin-top:-40px;padding:50px 20px 10px}.swiper-card .swiper-card-control .d-flex.top{flex-direction:row;margin:auto 0}.swiper-card .swiper-card-control .d-flex.bottom{margin:auto;margin-right:0}.swiper-card .swiper-pagination-progressbar{margin-bottom:0}.card-banner h2{margin-bottom:15px}.card-banner h3{margin-bottom:15px}.card-banner h3 img.star{width:30px;right:-50px}.card-banner h3::before{height:8px;bottom:0}.section-promotion.intro .dot-shape.shape1{opacity:.6}.section-promotion.intro .dot-shape.shape2{bottom:-50px;right:50px;opacity:.6}}.card-blog.promo{padding:15px;box-shadow:0 4px 30px rgba(0,0,0,.05);border-radius:20px}.card-blog.promo .card-body{padding-left:0;padding-right:0;padding-bottom:10px;font-weight:400}.card-blog.promo .date-expire{display:flex;font-size:13px;margin:auto 0;color:#fc6c44;padding-top:15px}.card-blog.promo .date-expire .btn,.card-blog.promo .date-expire p{margin:auto 0}.card-blog.promo .date-expire .btn{margin-left:auto}.card-blog.promo .date-expire p{font-size:13px}.card-blog.promo.rows{padding:30px;border:1px solid #02449b;top:0!important;margin-bottom:35px;box-shadow:none}.card-blog.promo.rows .photo{min-width:535px}.card-blog.promo.rows h3{font-size:var(--f-24)}.card-blog.promo.rows .card-body{max-width:560px;margin:0 auto}.card-blog.promo.rows hr{background:#fc6c44;border-radius:2px;height:4px;border:0;width:25px;margin:30px 0}.card-blog.promo.rows .date-expire{padding-top:20px;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.card-blog.promo.rows .date-expire p{margin-right:auto}.card-blog.promo.rows .date-expire .btn{margin-left:0;margin-right:30px}.pc .card-blog.promo.rows:hover .date-expire .btn{box-shadow:0 15px 20px rgba(252,108,68,.24)!important}.swiper-pagination.promopup{margin:20px auto;background-color:#e9e9e9}.promotion-details{display:block;padding-top:30px}.promotion-details .img-block{display:block;padding:0;position:relative;filter:drop-shadow(0px 4px 30px rgba(0, 0, 0, .03))}.promotion-details .img-block img{max-width:100%;position:relative;z-index:10;border-radius:20px}.promotion-details .img-block .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.promotion-details .img-block .bg:before{content:'';position:absolute;top:125px;left:-50px;bottom:-50px;right:125px;border-radius:20px;background-color:#02449b}.card-infos.promo{padding:40px;background:#fff;margin-left:20px;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 30px rgba(0,0,0,.05);border-radius:20px}.card-infos.promo h3{font-size:var(--f-38);font-weight:500;color:#02449b;margin-bottom:15px}.card-infos.promo .date{font-size:13px;color:#fc6c44;margin-bottom:0}.card-infos.promo hr{background:#fc6c44;border-radius:2px;height:4px;border:0;width:25px;margin:auto 0}.card-infos.promo .sharebox{display:block;font-size:13px;padding-bottom:30px}.promotion-details .article{display:block;padding-top:100px}.promotion-details .article h3,.promotion-details .article p{margin-bottom:25px}.promotion-details .article ul.list li::before{background-image:url(../img/icons/icon-checklist.png)}.background.has-shape{top:-100px}svg.bg-gray{width:100%}svg.bg-gray path{fill:#F9FAFC}@media (min-width:1441px){.card-blog.promo.rows .date-expire .btn{width:58px;height:56px;border-radius:20px}}@media (max-width:1440px){.card-blog.promo .date-expire .btn{width:36px;height:33px;border-radius:12px}.card-blog.promo.rows .photo{min-width:450px}.card-blog.promo.rows hr{margin:20px 0}.card-blog.promo.rows .card-body{padding-left:40px;padding-right:40px;padding-top:5px}.card-infos.promo h3{font-size:26px}.card-infos.promo .sharebox{padding-bottom:5px}}@media (max-width:1199px){.promotion-details .img-block{margin-left:50px}.promotion-details .img-block .bg::before{left:-40px;bottom:-40px}.promotion-details .article{padding-left:20px;padding-right:20px}}@media (max-width:1024px){.card-blog.promo.rows{padding:20px}.card-blog.promo.rows .photo{min-width:380px}.card-blog.promo.rows .card-body{padding-left:20px;padding-right:20px}}@media (max-width:991.98px){.card-blog.promo .date-expire p{font-size:11px}.card-blog.promo .date-expire .btn{width:30px;height:28px;border-radius:10px}.card-blog.promo.rows .photo{min-width:320px;height:215px}.card-blog.promo.rows .card-body{padding-left:5px;padding-right:0}.card-blog.promo.rows hr{margin:10px 0}.card-infos.promo{margin-top:70px;margin-right:20px;height:auto}.card-infos.promo h3{font-size:20px}.promotion-details .article{padding-top:70px}.promotion-details .img-block{margin-left:40px}}@media (max-width:767px){.card-blog.promo.rows{padding:15px;flex-direction:column;border-radius:10px;margin-bottom:20px}.card-blog.promo.rows .photo{min-width:0;margin:0 0 10px}.card-blog.promo.rows hr{margin:15px 0}.card-blog.promo.rows .date-expire{-ms-flex-direction:unset;flex-direction:unset}.card-blog.promo.rows .date-expire .btn{margin-right:0}.promotion-details .img-block{margin-left:30px}.promotion-details .img-block .bg::before{left:-20px;bottom:-20px;top:50px;right:50px;border-radius:10px}.promotion-details .img-block img{border-radius:10px}.card-infos.promo{margin-top:20px;margin-right:5px;margin-left:5px;padding:20px}.card-infos.promo hr{margin:20px 0}.share-list.rows .icons{width:40px;height:40px}.promotion-details .article h3,.promotion-details .article p{margin-bottom:15px}}.section-tutor.intro .dot-shape{position:absolute}.section-tutor.intro .dot-shape.shape1{top:130px;left:30px}.section-tutor.intro .dot-shape.shape2{top:450px;right:50px}.section-tutor.intro{padding-top:10px}.section-tutor.intro .banner{background-color:#02449b;width:100%;border-radius:20px;padding:50px 115px;max-width:100%;position:relative;box-shadow:0 20px 50px rgba(2,68,155,.36);min-height:305px}.section-tutor.intro img.cartoon{position:absolute;top:0;right:85px}.swiper-card .card-tutor.lg{width:100%;max-width:450px;margin-bottom:60px;margin-left:auto;margin-right:40px;margin-top:15px;box-shadow:0 10px 30px rgba(0,0,0,.14),0 22.3363px 17.869px rgba(0,0,0,.083455),0 6.6501px 5.32008px rgba(0,0,0,.056545)!important}.swiper-card.tutor{max-width:880px;padding-right:0;margin-right:0;margin-left:-100px;overflow:hidden}.swiper-card.tutor .swiper-slide{display:flex;padding-top:1px}.swiper-card.tutor .swiper-container{width:725px;margin:0}.swiper-card.tutor .swiper-card-control{width:560px;bottom:0;top:auto}.swiper-card.tutor .message-block{top:50%;right:auto;width:auto;margin-top:-50px;margin-left:50px;z-index:100;border-radius:20px}.swiper-card.tutor .message-block .message-pop{padding:15px 20px;width:238px}.swiper-card.tutor .message-block .message-pop::before{right:auto;left:20px}.swiper-card.tutor .message-block .rating li span{background-image:url(../img/icons/star-white.svg)}.swiper-card.tutor .message-block p{font-family:Mitr;font-weight:400;font-size:var(--f-18)}.swiper-card.tutor .message-block .row{margin:0}@media (max-width:1440px){.swiper-card.tutor{max-width:100%}.swiper-card.tutor .swiper-container{width:auto;margin-right:120px}.swiper-card .card-tutor.lg{max-width:320px}.swiper-card .card-tutor.lg .photo{height:180px}.swiper-card .card-tutor.lg .buttons{padding-top:20px}.swiper-card.tutor .swiper-card-control{width:auto;left:300px}.swiper-card.tutor .message-block{margin-top:-70px}.swiper-card.tutor .message-block p{font-size:var(--f-16)}.swiper-card.tutor .message-block .message-pop{width:210px}.section-tutor.intro .banner{padding:40px 75px 30px;min-height:240px}.section-tutor.intro img.cartoon{width:37%}.section-tutor.intro .card-banner{font-size:var(--f-16)}.swiper-card.tutor .message-block .message-pop{padding:10px 20px}.swiper-card.tutor .card-tutor .buttons .btn{height:40px;line-height:38px}}@media (max-width:1199px){.swiper-card.tutor{margin-left:-50px}}@media (max-width:991.98px){.section-tutor.intro .banner{padding:40px 45px 30px}.section-tutor.intro img.cartoon{right:0}.swiper-card.tutor{margin-left:-50px;margin-bottom:30px}}@media (max-width:767px){.section-tutor.intro .banner{padding:30px 25px 30px;display:flex;flex-direction:column}.section-tutor.intro img.cartoon{position:relative;width:50%;margin-left:auto}.swiper-card.tutor{margin:40px 0 0 0;overflow:visible}.swiper-card.tutor .swiper-container{margin-right:0;overflow:visible}.swiper-card .card-tutor.lg{margin:20px 0;max-width:none;box-shadow:0 4px 20px rgba(0,0,0,.05)!important}.swiper-card.tutor .message-block{position:absolute;top:30px;padding:0}.swiper-card.tutor .message-block p{font-size:12px;font-weight:300;font-family:Kanit}.swiper-card.tutor .message-pop{border-radius:13px}.swiper-card.tutor .message-pop .rating li span{width:10px;height:10px}.swiper-card.tutor .swiper-card-control{left:auto;margin-top:-60px}}.section-tutor.ourtutor{padding:0;margin:100px 0}.section-tutor.ourtutor .background{background-color:#02449b}.section-tutor.ourtutor .background:after,.section-tutor.ourtutor .background:before{content:'';position:absolute;left:0;right:0;height:200px;background-size:auto;background-repeat:no-repeat;background-image:url(../img/thumb/ourtutor-shape.svg)}.section-tutor.ourtutor .background:before{background-position:top center;top:-100px}.section-tutor.ourtutor .background:after{background-position:bottom center;bottom:-100px}.section-tutor.ourtutor .background .paper-texture{position:absolute;top:0;left:0;right:0;bottom:0;background-size:auto;background-position:center center;background-image:url(../img/thumb/paper-texture.png);opacity:.7}.section-tutor.ourtutor .background .paper-texture:after,.section-tutor.ourtutor .background .paper-texture:before{content:'';position:absolute;left:0;right:0;height:70%;opacity:.7}.section-tutor.ourtutor .background .paper-texture:before{top:-10px;background:linear-gradient(180deg,#02449b 0,rgba(2,68,155,0) 81.31%)}.section-tutor.ourtutor .background .paper-texture:after{bottom:-20px;background:linear-gradient(180deg,#02449b 0,rgba(2,68,155,0) 76.77%);transform:rotate(-180deg)}.section-tutor.ourtutor .shape{position:absolute}.section-tutor.ourtutor .shape1{left:-10vw;top:-8vw;width:20vw}.section-tutor.ourtutor .shape2{right:-20px;top:-130px}.section-tutor.ourtutor .message-block{position:absolute;top:-223px;right:100px;width:300px}.tutor-list .card-tutor{margin:30px 0 20px 15px}@media (min-width:1025px){.section-column .content>.row>div{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.filter-opened .section-column .content>.row>div{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.section-column .content.review>.row>div{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.filter-opened .section-column .content.review>.row>div{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:1550px){.section-column .content.review>.row>div{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.filter-opened .section-column .content.review>.row>div{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}@media (max-width:1440px){.tutor-list .card-tutor{margin-left:0}.tutor-list .card-tutor .card-body{padding-left:15px;padding-right:15px}.tutor-list .card-tutor .buttons{margin:0 -5px;padding-top:20px;padding-bottom:0}.tutor-list .card-tutor .buttons .btn{padding:0;font-size:12px;height:40px;line-height:38px;border-radius:15px}.tutor-list .card-tutor table{font-size:13px}.tutor-list .card-tutor table th{width:auto;padding-right:10px}.tutor-list .card-tutor .card-header .cols{padding-left:10px}.tutor-list .card-tutor .avatar{min-width:80px;height:90px}.tutor-list{padding-left:20px}}@media (max-width:767px){.tutor-list{padding-left:0}}@media (max-width:576px){.tutor-list .card-tutor{margin-left:20px}}.section.has-paper-texture{padding:0;margin:100px 0}.section.has-paper-texture .background{background-color:#02449b}.section.has-paper-texture .background:after,.section.has-paper-texture .background:before{content:'';position:absolute;left:0;right:0;height:200px;background-size:auto;background-repeat:no-repeat;background-image:url(../img/thumb/promotion-shape.svg)}.section.has-paper-texture .background:before{background-position:top center;top:-100px}.section.has-paper-texture .background:after{background-position:bottom center;bottom:-100px}.section.has-paper-texture .background .paper-texture{position:absolute;top:0;left:0;right:0;bottom:0;background-size:auto;background-position:center center;background-image:url(../img/thumb/paper-texture.png)}.section.has-paper-texture .background .paper-texture:after,.section.has-paper-texture .background .paper-texture:before{content:'';position:absolute;left:0;right:0;height:70%}.section.has-paper-texture .background .paper-texture:before{top:0;background:linear-gradient(180deg,#02449b 0,rgba(2,68,155,0) 81.31%)}.section.has-paper-texture .background .paper-texture:after{bottom:0;background:linear-gradient(180deg,#02449b 0,rgba(2,68,155,0) 76.77%);transform:rotate(-180deg)}.section.has-paper-texture.tutor .background:after,.section.has-paper-texture.tutor .background:before{background-image:url(../img/thumb/tutor-shape.svg)}.section.has-texture-gray .background{background-color:#f9fafc}.section.has-texture-gray .background:after,.section.has-texture-gray .background:before{content:'';position:absolute;left:0;right:0;height:200px;background-size:auto;background-repeat:no-repeat;background-image:url(../img/thumb/tutor-shape-gray.svg)}.section.has-texture-gray .background:before{background-position:top center;top:-100px}.section.has-texture-gray .background:after{background-position:bottom center;bottom:-100px}.card-photo.has-bg{max-width:484px;border-radius:20px;overflow:visible}.card-photo.has-bg:before{content:'';position:absolute;top:0;left:0;width:99%;height:97%;margin:60px 0 0 60px;background-color:#003882;border-radius:20px}.card-photo.has-bg .photo{border-radius:20px;z-index:10;position:relative}.card-tutor.in-banner{background-color:transparent;box-shadow:none;color:#fff;font-size:var(--f-18);padding:0;margin:0}.card-tutor.in-banner .card-header{flex-direction:column}.card-tutor.in-banner .card-header p{font-size:inherit}.card-tutor.in-banner .card-header p.note{font-size:var(--f-14);color:var(--orange-medium)}.card-tutor.in-banner .card-header h5{color:#fff;font-size:var(--f-38);font-weight:500;margin:5px 0}.card-tutor.in-banner .card-header .rating{margin-left:20px;margin-top:2px}.card-tutor.in-banner .card-header hr{border:0;height:4px;width:24px;border-radius:5px;background-color:var(--orange-medium);margin:40px 0 10px}.card-tutor.in-banner .card-body{padding-top:10px}.card-tutor.in-banner table{font-size:inherit}.card-tutor.in-banner .buttons{margin-top:20px}.card-tutor.in-banner .btn.btn-contact{height:48px;border-radius:20px;width:168px;padding:0;margin-top:0;box-shadow:0 10px 20px rgba(249,158,29,.37)}.card-tutor.in-banner .btn.btn-contact svg{margin-right:8px;margin-top:-2px}.card-tutor.in-banner .btn.btn-contact svg path{fill:#fff}.card-tutor.in-banner .btn.btn-share{width:51px;height:48px;padding:0;border-radius:20px;margin:auto 0 auto 10px}@media (min-width:1366px){.article.tutor h3,.article.tutor h4,.article.tutor p{margin-bottom:30px}}.element-animate.tutor .element.x1{width:365px;top:-120px;right:60px;filter:drop-shadow(0px 100px 80px rgba(0, 0, 0, .14)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, .083455)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, .056545))}.element-animate.tutor .element.x2{width:150px;top:-70px;left:60px}.element-animate.tutor .element.x3{width:55px;bottom:70px;right:0}.article.tutor{max-width:550px;text-align:justify}.swiper-card.gallery .card-photo,.swiper-card.gallery .swiper-container{border-radius:20px}.swiper-card.gallery .swiper-container{box-shadow:0 100px 80px rgba(0,0,0,.14),0 22.3363px 17.869px rgba(0,0,0,.083455),0 6.6501px 5.32008px rgba(0,0,0,.056545)}.swiper-card.gallery .swiper-card-control{left:60px}.tutor-review{display:block;background-color:#f1f6fd;border-radius:20px;padding:80px 0;margin:100px 0;position:relative}.tutor-review:before{content:'';position:absolute;top:20px;left:-20px;right:20px;bottom:-20px;border:2px solid #02449b;border-radius:20px;pointer-events:none}.tutor-review .rating-group{display:block;width:100%;max-width:375px;margin:0 auto}.tutor-review .rating-group .message{font-style:italic;color:#02449b}.tutor-review .rating-group .score{display:flex;background:#02449b;box-shadow:0 10px 20px rgba(2,68,155,.28);border-radius:20px;padding:20px 30px;max-width:240px;margin-bottom:35px;margin-top:5px}.tutor-review .rating-group .score p{color:#fff;margin-bottom:0;font-size:14px}.tutor-review .rating-group .score h3{font-size:48px;color:#ffa01a;font-weight:400;padding-left:20px}.student-review{display:flex;width:100%;padding-right:80px}.student-review .card-photo{width:245px;min-width:245px;overflow:visible;filter:drop-shadow( 0px 10px 30px rgba(0, 0, 0, .08))}.student-review .card-photo img.quote{width:90px;position:absolute;top:-10px;right:-10px}.student-review h6{font-size:var(--f-18);color:#02449b;font-weight:400;margin:auto 0}.student-review .swiper-overflow{width:calc(100% - 245px);margin-top:auto;margin-bottom:-20px;margin-left:-40px}.student-review .swiper-overflow .swiper-container{border-radius:8px;box-shadow:0 4px 30px rgba(0,0,0,.13)}.student-review .swiper-overflow .hgroup{display:flex;padding-left:80px;margin:30px 0}.student-review .swiper-button-wrap{position:relative;display:flex;margin:auto;margin-right:0}.student-review .swiper-button-wrap .swiper-button{background-color:#ffa01a;width:36px;height:36px;border-radius:10px}.student-review .swiper-button.swiper-button-next .icons{background-image:url(../img/icons/icon-arrow-next-white.svg)}.student-review .swiper-button.swiper-button-prev .icons{background-image:url(../img/icons/icon-arrow-prev-white.svg)}.card-review{background:#fff;border-radius:8px;padding:20px 40px;border-left:7px solid #fc6c44;font-size:14px;margin:0}.card-review .card-header{background-color:transparent;border:0;padding:0 0 20px;flex-direction:row;display:flex}.card-review .card-header h3{font-size:17px;font-weight:500;margin-bottom:2px}.card-review .card-header p{font-size:13px;color:#02449b;margin-bottom:0}.card-review .card-header .rating{margin-left:auto}.card-review .card-body{padding:0}.card-review.rows{border:1px solid #f6f4f0;border-radius:10px;display:flex;padding:25px 30px 25px 0;margin-bottom:15px;display:none}.card-review.rows .avatar{width:48px;height:48px;border-radius:50%;margin:0 30px;background-repeat:no-repeat;background-size:cover;background-position:center center}.card-review.rows .card-header{padding-bottom:10px}.card-review.rows .card-header p{color:#939393;font-size:12px}.card-review.rows p:last-child{margin-bottom:0}.card-review-wrapper{display:block;position:relative}.card-review-wrapper:before{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:150px;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.card-review-wrapper.success:before{display:none!important}.btn.review-seemore{border-radius:0;background-color:transparent!important;border:0!important;text-decoration:none!important}.btn.review-seemore span{color:var(--orange);border-bottom:1px solid var(--orange)}@media (max-width:1440px){.article.tutor{padding-right:40px}.student-review{padding-right:40px}.student-review .card-photo{width:225px;min-width:225px}.student-review .swiper-overflow{width:calc(100% - 225px)}.card-review .card-header{padding-bottom:10px}.card-tutor.in-banner .card-header h5{font-size:var(--f-28)}.card-tutor.in-banner .card-header hr{margin:25px 0 0}.card-photo.has-bg::before{width:96%;height:95%}.element-animate.tutor .element.x1{width:320px}}@media (max-width:1199px){.element-animate.tutor .element.x1{width:280px}.card-tutor.in-banner{position:relative;left:60px;top:30px}.card-photo.has-bg::before{width:92%;height:92%}}@media (max-width:1024px){.tutor-review .rating-group{margin:0 30px;width:auto}.student-review .swiper-overflow .hgroup{padding-left:50px}.card-review{padding:20px}.card-review .card-header{flex-direction:column}.card-review .card-header .rating{margin-left:0}}@media (max-width:991.98px){.student-review{padding-top:40px;padding-left:30px;padding-right:20px}.tutor-review .rating-group{max-width:100%}.swiper-card.gallery{margin-left:0;margin-right:0}.swiper-card.gallery .swiper-card-control{height:auto;bottom:-60px}.swiper-card.gallery .swiper-container{width:calc(100vw - 260px);margin:0 0 0}.swiper-card.gallery .swiper-card-control .d-flex.bottom{margin-bottom:60px}.card-tutor.in-banner{left:0;width:500px;margin:40px 0 40px auto}}@media (max-width:767px){.article.tutor{padding-right:0}.swiper-card.gallery .swiper-container{width:auto;margin:0 0 0}.swiper-card.gallery .swiper-card-control{left:0;padding-top:60px}.swiper-card.gallery .swiper-card-control .d-flex.bottom{margin-bottom:30px}.tutor-review .rating-group .score{padding:10px 20px 5px}.tutor-review::before{top:10px;left:-10px;right:10px;bottom:-10px}.tutor-review .rating-group{margin:0 20px}.student-review{flex-direction:column;padding:20px}.student-review .swiper-overflow{width:100%;margin:0 0}.student-review .card-photo{margin:0 auto}.student-review .swiper-overflow .hgroup{padding-left:0}.card-review-wrapper+.buttons{padding:5px 0}}@media (max-width:576px){.card-review.rows .avatar{margin:0 15px;width:40px;height:40px}.card-review .card-header .rating{margin-left:0!important}.card-review .card-header h3{font-size:16px}}.article.term{padding-top:60px}.article.term h3{color:var(--orange-medium);font-size:var(--f-30);font-weight:500;font-family:Kanit}.article.term h3{margin-bottom:25px}.article.term p,.article.term ul{margin-bottom:35px}.term-shape{display:block;position:absolute;top:-120px;right:0;width:550px}@media (max-width:1440px){.term-shape{top:-120px;right:0;width:460px}}@media (max-width:1199px){.term-shape{width:360px}}@media (max-width:991.98px){.term-shape{width:320px;right:-80px;top:-90px}.article.term h3{margin-bottom:15px}.article.term p,.article.term ul{margin-bottom:25px}}@media (max-width:767px){.term-shape{width:220px;right:-40px;top:-130px}.article.term{padding-top:0}}.search-rounded{display:block;position:relative;width:331px;margin-bottom:120px}.search-rounded .form-control{height:48px;line-height:46px;border-radius:20px;color:#000}.search-rounded .btn{position:absolute;top:4px;right:4px;border-radius:20px;padding:0;width:40px;height:40px;line-height:normal;display:flex;box-shadow:0 10px 20px rgba(255,160,26,.21)}.search-rounded .btn .icons{width:20px;height:20px;margin:auto;vertical-align:middle;background-image:url(../img/icons/icon-search-white.svg)}.nav-faq{flex-direction:column;max-width:288px;position:relative;z-index:10}.nav-faq li{margin:10px 0}.nav-faq li:first-child{margin-top:0}.nav-faq li a{height:63px;display:flex;padding:0 0 0 45px;font-size:var(--f-20);border-radius:23px}.nav-faq li a span{display:flex}.nav-faq li a .icons{width:32px;height:32px;margin:auto 10px auto 0;background-size:26px}.nav-faq li a .icon-lightbulb{background-image:url(../img/icons/icon-lightbulb.svg)}.nav-faq li a .icon-book{background-image:url(../img/icons/icon-book.svg)}.nav-faq li a .icon-question{background-image:url(../img/icons/icon-question.svg)}.nav-faq li a.active,.pc .nav-faq li a:hover{background-color:#fc6c44;box-shadow:0 10px 20px rgba(252,108,68,.44)}.faq-texture{position:absolute;top:100px;left:0;width:100%;display:flex;z-index:1}.faq-texture img:not(.question-text){position:absolute;left:0;top:0}.faq-texture img.question-text{width:60%;margin:30px auto;position:relative;z-index:1}@media (max-width:1440px){.search-rounded{margin-bottom:100px}.nav-faq{max-width:260px}.nav-faq li a{height:58px;border-radius:15px;padding-left:35px}}@media (max-width:991.98px){.faq-texture img.question-text{width:80%;margin:0 auto}.search-rounded{margin-bottom:50px}.nav-faq{flex-direction:unset;width:auto;max-width:none;margin:30px 0}.nav-faq li{width:33.333%}.nav-faq li:first-child{margin-top:10px}.nav-faq li a{padding:0;font-size:16px}.nav-faq li a>span{margin:auto}.nav-faq li a .icons{width:28px;height:28px;background-size:22px}}@media (max-width:767px){.search-rounded{margin-bottom:0}.search-rounded .form-control{height:40px;line-height:38px;border-radius:15px}.search-rounded .btn{width:34px;height:34px;top:3px}.nav-faq{margin-left:-2px;margin-right:-2px}.nav-faq li a{height:45px;background-color:#003d8e;margin:0 2px;font-size:15px;padding-left:20px}.nav-faq li a>span{margin:auto 0}}@media (max-width:576px){.nav-faq li{width:100%}}.section-overlap{position:absolute;top:0;left:0;right:0;bottom:0;flex-direction:column}.section-overlap .container{flex-direction:column}.section-banner.portfolio{color:#fff}.section-banner.portfolio .section-title{max-width:430px}.section-banner.portfolio h3{margin-bottom:10px;color:#fc6c44;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.section-banner.portfolio p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.portfolio-list .row{margin:0 -35px}.portfolio-list .row>div{padding:0 35px}.card-portfolio{padding:5px 0;margin-top:130px;position:relative;filter:drop-shadow(0px 20px 30px rgba(0, 0, 0, .1));border-radius:20px}.card-portfolio .card-photo{position:relative;overflow:visible}.card-portfolio .card-photo .folder1{width:calc(100% - 15px);position:relative;height:auto;z-index:10}.card-portfolio .card-photo .folder2{width:calc(100% - 15px);position:absolute;top:0;right:0;height:auto}.card-portfolio .card-photo .folder2 path{fill:#033A84}.card-portfolio .card-photo .paper{position:absolute;right:0;width:62%;top:-40%;opacity:0;transition:var(--animate-duration-35s);transition-delay:0.1s}.card-portfolio .card-body{position:absolute;left:0;right:0;bottom:0;z-index:11;padding:30px}.card-portfolio h4{font-size:var(--f-22);color:#fff;font-weight:400}.card-portfolio .btn{width:95px;height:38px;border-radius:14px;line-height:36px;font-size:16px;font-weight:400;margin-top:15px;opacity:0;transition:var(--animate-duration-2s)}.pc .card-portfolio:hover .card-photo .folder2 path{fill:#FC6C44}.pc .card-portfolio:hover .card-photo .paper{top:-45%;opacity:1}.pc .card-portfolio:hover .card-body .btn{opacity:1}.card-portfolio .card-link{z-index:15}.portfolio-details .article{display:block;max-width:570px;font-size:var(--f-18)}.portfolio-details h2{font-family:Mitr;font-weight:500;font-size:var(--f-48);color:#02449b;margin-bottom:15px}.portfolio-details h4{font-family:Mitr;font-weight:500;font-size:var(--f-32);color:#000;margin-bottom:15px}.portfolio-details>.row{margin-bottom:40px}.portfolio-gallery{display:block;padding-top:100px}.portfolio-gallery .card-photo{border-radius:25px;margin-bottom:30px}div.portfolio-shape{position:absolute;left:0;right:0;bottom:0;pointer-events:none}@media (max-width:1440px){.portfolio-list .row{margin:0 -20px}.portfolio-list .row>div{padding:0 20px}.card-portfolio{margin-top:100px}.card-portfolio .card-body{padding:20px 20px 30px}.card-portfolio .btn{width:85px;height:34px;line-height:32px;margin-top:10px}}@media (max-width:1024px){.section-banner.portfolio p{font-size:12px;margin-bottom:0}.section-banner.portfolio .banner{margin:0 -150px;display:block}.card-portfolio .btn{opacity:1;font-size:13px;width:auto;padding:0 15px;height:28px;line-height:26px;border-radius:10px}.card-portfolio h4{font-size:16px}.card-portfolio .card-body{padding-bottom:15px}.device .card-portfolio .card-photo .paper{opacity:0;width:50%}div.portfolio-shape{left:-40vw;right:-40vw}}@media (max-width:991.98px){.card-portfolio .card-body{padding-bottom:25px}.card-portfolio{margin-top:60px}.portfolio-details h2{font-size:var(--f-30);margin-bottom:10px}.portfolio-details h4{font-size:var(--f-26);margin-bottom:10px}.portfolio-details .article{font-size:var(--f-16)}.portfolio-gallery{padding-top:50px}.portfolio-gallery .row{margin:0 -10px}.portfolio-gallery .row>div{padding:0 10px}.portfolio-gallery .card-photo{border-radius:20px;margin-bottom:20px}}@media (max-width:767px){.section-banner.portfolio p{display:none}.section-banner.portfolio .banner{margin:0 -22vw;display:block}.section-banner.portfolio h3{margin-bottom:0;margin-top:20px;text-align:center;width:100%}.portfolio-list .row{margin:0 -10px}.portfolio-list .row>div{padding:0 10px}.card-portfolio{margin-top:30px}.card-portfolio .card-photo .folder1,.card-portfolio .card-photo .folder2{width:calc(100% - 10px)}.card-portfolio h4{font-size:15px;line-height:1.3}.card-portfolio .card-body{padding-bottom:20px}.card-portfolio .btn{font-size:12px;height:24px;line-height:22px;border-radius:10px}.portfolio-details .article{padding-top:25px;padding-bottom:40px}.portfolio-gallery{padding-top:0}div.portfolio-shape{left:-60vw;right:-60vw}}@media (max-width:576px){.card-portfolio h4{font-size:14px;line-height:1.2}.card-portfolio .btn{font-size:12px;height:21px;line-height:19px;border-radius:9px}}.manager-details{display:block;padding-top:100px}.manager-details .hgroup,.staff-list .hgroup{display:block;padding-bottom:50px}.manager-details .hgroup h3,.staff-list .hgroup h3{font-size:var(--f-32);font-family:Mitr;margin-bottom:15px;font-weight:500}.manager-details .hgroup h6{font-weight:300;text-transform:uppercase;font-size:var(--f-20);letter-spacing:7px}.card-manager{position:relative;margin-left:30px}.card-manager .card-photo{overflow:visible;z-index:1}.card-manager .card-photo:before{content:'';position:absolute;top:15px;left:15px;width:100%;height:100%;border:1px solid #fc6c44;border-radius:20px 20px 190px 190px}.card-manager .card-photo .photo{border-radius:20px 20px 190px 190px;position:relative;z-index:100}.card-manager .card-body{position:absolute;left:-100px;bottom:30px;height:90px;z-index:30;width:245px}.card-manager .card-body:before{content:'';position:absolute;top:50px;left:-30px;border-radius:19px;background-color:#e4eefc;width:54px;height:54px}.card-manager .card-body .inner{position:absolute;left:0;top:0;bottom:0;padding:10px 25px;height:100%;width:100%;background-color:#02449b;box-shadow:0 10px 30px rgba(2,68,155,.31);border-radius:20px 20px 0 50px;z-index:30;display:flex}.card-manager h3{color:#fff;font-family:Kanit;font-size:var(--f-20);font-weight:400}.card-manager p{color:#f26d30;margin-bottom:0}.card-manager.c-orange{margin-top:80px}.card-manager.c-orange .card-photo .photo,.card-manager.c-orange .card-photo:before{border-radius:190px 190px 20px 20px}.card-manager.c-orange .card-body{left:auto;right:-20px;bottom:-55px}.card-manager.c-orange .card-body .inner{background-color:#fc6c44;box-shadow:0 10px 30px rgba(252,108,68,.3);border-radius:0 20px 50px 20px}.card-manager.c-orange p{color:#fff}.card-manager.c-orange .card-body:before{background-color:#ffeeea}.manager-details .article{max-width:340px}.staff-list{display:block;padding-top:200px}.card-people{position:relative;display:flex;flex-direction:column;box-shadow:0 4px 30px rgba(0,0,0,.05);border-radius:20px;margin-bottom:30px;padding:20px;height:calc(100% - 30px)}.card-people .card-header{border:0;padding:5px 0 20px;display:flex;background-color:transparent}.card-people .card-header .avatar{min-width:42px;height:42px;background-color:var(--blue);border-radius:50%;margin-right:15px}.card-people .card-header p{margin:0;font-size:var(--f-16);font-weight:400;line-height:1.2}.card-people .card-header p small{margin:0;font-size:12px;font-weight:400;color:#fc6c44;letter-spacing:2px}.card-people .card-photo{border-radius:20px}.card-people .card-body{padding:15px 0 5px}.card-people .card-body h3{font-size:var(--f-20);color:#02449b;font-weight:400}.card-people .card-body p{font-size:var(--f-15);margin-bottom:0}.card-reviews{background:#fff;box-shadow:0 4px 30px rgba(0,0,0,.05);border-radius:20px;margin-bottom:30px;padding:75px 30px 30px}.card-reviews .card-header{background-color:transparent;border:0;display:flex;padding:0 0 30px}.card-reviews .avatar{min-width:67px;width:67px;height:67px;margin-right:20px;border-radius:50%;background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:#ccc}.card-reviews .card-header h3{font-size:var(--f-17);font-weight:500;margin-bottom:4px}.card-reviews .card-header p{font-size:13px;font-weight:300;color:#02449b;margin-bottom:5px}.card-reviews .card-body{padding:0}.card-reviews .icon-quote{background-color:#fc6c44;border-radius:15px;width:48px;height:48px;background-image:url(../img/icons/icon-quote-left.svg);background-size:20px;position:absolute;top:-10px;left:65px;box-shadow:0 5px 15px rgba(252,108,68,.44)}@media (min-width:992px) and (max-width:1280px){.card-people .card-body h3{font-size:var(--f-18)}}@media (max-width:1024px){.card-manager .card-body{width:220px;height:80px;left:-60px;bottom:10px}.card-manager .card-body::before{width:44px;height:44px;left:-20px}.card-manager .card-body .inner{border-radius:15px 15px 0 40px}.card-manager.c-orange .card-body .inner{border-radius:0 15px 40px 15px}.card-people{padding:15px}.card-people .card-header .avatar{min-width:38px;height:38px;margin-right:10px}.card-people .card-header p{font-size:14px}.card-people .card-header p small{font-size:11px}}@media (max-width:991.98px){.manager-details{padding-top:40px}.manager-details .article{max-width:100%;padding-bottom:90px}.manager-details .hgroup,.staff-list .hgroup{padding-bottom:30px}.card-manager{width:75%;margin-left:auto;margin-right:auto}.card-manager .card-body{left:-20px}.card-manager.c-orange .card-body{right:-40px}}@media (min-width:768px) and (max-width:991.98px){.card-people .card-body p{font-size:13px}.card-people .card-body h3{font-size:var(--f-16)}}@media (max-width:767px){.manager-details .article{padding-bottom:40px}.staff-list .hgroup{padding-bottom:20px}}.section-banner.learn{padding:80px 0 60px!important;background-color:#f7fafd;z-index:1}.section-banner.learn .background{background-color:#02449b;bottom:98px}.section-banner.learn .background:before{content:'';position:absolute;right:26%;bottom:-50px;width:140px;height:113px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(../img/thumb/polygon-blue.png)}.section-banner.learn .card-photo.has-bg{max-width:100%}.section-banner.learn .article{color:#fff;max-width:375px;margin-left:auto}.section-banner.learn .article h2{font-size:var(--f-38);color:#fff;font-weight:500}.section-banner.learn .article ul{padding-left:17px;margin-top:30px;margin-bottom:40px}.section-banner.learn .article .btn-play .arrow{display:inline-block;position:relative;margin:auto;vertical-align:middle;width:15px;height:15px;margin-left:15px}.section-banner.learn .article .btn-play .arrow:before{content:'';position:absolute;top:0;left:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff}.section-banner.learn .card-photo.has-bg{margin-top:70px;margin-right:40px}.section-banner.learn .card-photo.has-bg::before{margin:-60px 0 0 -60px}.section-banner.learn .card-photo.has-bg img{filter:drop-shadow(0px 100px 80px rgba(0, 0, 0, .07)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, .0417275)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725))}.section-learning{background-color:#f7fafd}.section-learning .background{background-size:auto;background-repeat:repeat-x;background-image:url(../img/thumb/paper-texture-bluelight.png)}.section-learning .background:after,.section-learning .background:before{content:'';position:absolute;left:0;right:0;height:50%}.section-learning .background:before{top:0;background:linear-gradient(180deg,#f7fafd 0,rgba(247,250,253,0) 81.31%)}.section-learning .background:after{bottom:0;background:linear-gradient(180deg,#f7fafd 0,rgba(247,250,253,0) 76.77%);transform:rotate(-180deg)}.article.aboutus h3,.article.learning h3{font-size:var(--f-38);margin-bottom:20px;font-weight:500;font-family:Mitr;color:#02449b}.article.aboutus h4,.article.learning h4{font-size:var(--f-26);color:#000;font-weight:400;font-family:Mitr;line-height:1;margin-bottom:0}.article.learning ul{padding-left:17px}.article.learning ul li{margin-top:5px;margin-bottom:5px}.article.aboutus p,.article.aboutus ul,.article.learning p,.article.learning ul{margin-bottom:25px}.learning-message{display:flex;padding-left:90px}.learning-message .img-box{width:45%;position:relative}.learning-message .img-box img.main{display:block;box-shadow:0 100px 80px rgba(0,0,0,.14),0 22.3363px 17.869px rgba(0,0,0,.083455),0 6.6501px 5.32008px rgba(0,0,0,.056545);border-radius:0 0 220px 220px}.message-wrap{display:flex;flex-direction:column;width:55%;padding-left:30px;max-width:449px;margin-left:auto}.message-item{display:flex;position:relative;margin:20% 0 0}.message-item .avatar{width:48px;min-width:48px;height:48px;border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:center center;margin:auto 15px 0}.message-item .message{padding:15px 25px;font-size:var(--f-15);color:#fff;max-width:260px;background:#ff5841;border-radius:25px 25px 25px 0;box-shadow:0 10px 30px rgba(255,88,65,.51)}.message-item.flex-row-reverse .message{border-radius:25px 25px 0 25px;background-color:#ffa01a;max-width:190px;filter:drop-shadow(0px 10px 20px rgba(255, 160, 26, .23))}.element-animate.learning>div.x1{width:90px;top:-70px;left:-150px}.element-animate.learning>div.x2{top:-25px;right:-60px}.element-animate.learning>div.x2 span{display:block;width:25.68px;height:25.68px;background:#02449b;border-radius:5px;transform:rotate(-45deg)}.element-animate.learning>div.x3{bottom:25px;left:-80px}.element-animate.learning>div.x3 span{display:block;width:13px;height:13px;background:#fc6c44;border-radius:50px}.element-animate.learning>div.x4{width:38px;left:150px;bottom:0}.about-footer-shape{position:absolute;left:0;right:0;bottom:0;pointer-events:none}@media (max-width:1440px){.section-banner.learn{padding:60px 0 60px!important}.section-banner.learn .background:before{right:23%;width:100px;height:100px;bottom:-45px}.element-animate.learning>div.x1{width:70px;top:-70px;left:-100px}.element-animate.learning>div.x3{left:-50px}.element-animate.learning>div.x4{bottom:-50px}}@media (min-width:992px) and (max-width:1024px){.section-banner.learn{padding-bottom:60px!important}.section-banner.learn .card-photo.has-bg{margin-top:60px;margin-right:30px}.section-banner.learn .card-photo.has-bg::before{margin:-25px 0 0 -25px;width:95%;height:95%}.section-banner.learn .article{padding-bottom:50px}.section-banner.learn .background{bottom:0}.learning-message{margin-top:80px}.message-item .message{font-size:13px;padding:10px 20px}}@media (max-width:991.98px){.section-banner.learn{padding:40px 0!important;z-index:1}.section-banner.learn .card-photo.has-bg{margin-top:30px;margin-right:0;margin-left:60px}.section-banner.learn .card-photo.has-bg::before{margin:-45px 0 0 -45px;width:97%;height:97%}.section-banner.learn .article{max-width:100%;padding:50px 0}.section-banner.learn .background{bottom:0}.learning-message{margin-top:50px;margin-bottom:50px}.element-animate.learning>div.x4{left:auto;right:60px}.article.learning.th-market{margin-top:-11vw;margin-bottom:100px}.about-footer-shape{left:-20vw;right:-20vw}}@media (max-width:767px){.section-banner.learn .article{padding:30px 0}.section-banner.learn .article ul{margin-top:15px;margin-bottom:30px}.section-banner.learn .card-photo.has-bg{margin-top:0;margin-right:0;margin-left:30px}.section-banner.learn .card-photo.has-bg::before{margin:-25px 0 0 -25px;width:97%;height:97%}.section-banner.learn .background::before{right:23%;width:80px;height:80px;bottom:-35px}.learning-message{flex-direction:column;padding-left:0}.learning-message .img-box{width:70%;margin:0 auto}.element-animate.learning>div.x1{left:-60px}.element-animate.learning>div.x2{right:-30px}.message-wrap{padding-left:0;width:100%;max-width:100%}.message-item{margin-top:10%}.article.learning.th-market h3{margin-bottom:10px}.article.learning.th-market{margin-top:-5vw}}.section-banner.aboutus .background::after,.section-banner.aboutus .background::before{background-image:url(../img/thumb/about-shape.svg)}.section-banner.aboutus .article{color:#fff;margin-left:auto;padding-left:50px;max-width:550px;font-size:var(--f-18);line-height:1.5;font-weight:300}.section-banner.aboutus .article h3{font-size:var(--f-38);color:#fff;font-family:Mitr;font-weight:500}.section-banner.aboutus .article h3:before{content:'';height:12px}.seccess-goal{display:flex;background-position:center center;background-repeat:no-repeat;background-size:40%;background-image:url(../img/thumb/spiral-shape.svg)}.seccess-goal .img-box{position:relative;display:block}.seccess-goal .img-box.img1{width:45%;margin-bottom:30%}.seccess-goal .img-box.img1 img{filter:drop-shadow(0px 100px 80px rgba(0, 0, 0, .14)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, .083455)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, .056545))}.seccess-goal .img-box.img2{width:36%;margin-top:30%;margin-left:7%;filter:drop-shadow(0px 100px 80px rgba(0, 0, 0, .14)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, .083455)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, .056545))}.seccess-goal .message-pop{position:absolute;top:-90px;left:35%;z-index:10;background-color:#ffa01a;border-radius:20px;padding:45px 30px 35px 50px;max-width:265px}.seccess-goal .message-pop:before{background-image:url(../img/thumb/msg-polygon-orange-2.svg)}.seccess-goal .message-pop p{font-size:var(--f-15);color:#02449b;margin-bottom:5px;font-weight:400}.seccess-goal .message-pop h5{font-size:17px;color:#fff;font-weight:400;font-style:italic}.seccess-goal .message-pop:before{bottom:-17px;right:40px;width:30px;height:30px}.seccess-goal .message-pop img.quote{position:absolute;top:-20px;left:5px;width:85px}@media (max-width:1440px){.seccess-goal .message-pop{top:-90px;left:40%;z-index:10;padding:35px 20px 25px 30px;max-width:245px}.seccess-goal .message-pop img.quote{width:70px}.section-banner.aboutus .article{max-width:100%;padding-left:20px}}@media (max-width:767px){.seccess-goal{padding-bottom:30px}.seccess-goal .message-pop h5{font-size:15px}.seccess-goal .message-pop::before{bottom:-11px;right:40px;width:20px;height:20px}.seccess-goal .img-box.img2{width:45%}}.img-box.weare{display:block;position:relative;margin-right:100px;margin-left:140px;max-width:520px}.img-box.weare .img-main{display:block;position:relative}.img-box.weare .img-main:before{content:'';position:absolute;top:-20px;left:30px;right:-35px;bottom:25px;background-color:#02449b;border-radius:260px 260px 0 0}.img-box.weare .img-main img{border-radius:260px 260px 0 0;border:2px solid #02449b;position:relative;z-index:1}.img-box.weare .element-animate .element.x1{width:340px;left:-120px;top:80px}.img-box.weare .element-animate .element.x2{width:48px;height:48px;border:1px solid #ffa01a;border-radius:50%;right:-60px;top:30%;z-index:2}.img-box.weare .element-animate .element.x3{top:-20%;left:0;width:44px;height:44px;border-radius:8px;background:#02449b;border-radius:8px;transform:rotate(-45deg)}.img-box.weare .element-animate .element.x4{width:48px;top:auto;right:-120px;bottom:20%;z-index:2}.element-animate.weare .element.x5{width:335px;top:auto;left:auto;right:-180px;bottom:0}@media (max-width:1440px){.img-box.weare .element-animate .element.x1{width:67%;left:-28%;top:20%}.img-box.weare{margin-right:22%;margin-left:22%}}@media (max-width:1199px){.section.weare .article{margin-bottom:80px}.card-howto.hover-blue .info-hide{max-height:100%}.element-animate.weare .element.x5{width:280px;right:-100px}}@media (max-width:991.98px){.section.weare .article{margin-bottom:50px}.card-howto.hover-blue .info-hide{max-height:100%}.card-howto.hover-blue{margin-bottom:30px;min-height:0}.card-howto.hover-blue .card-icon{margin-top:20px}.img-box.weare{margin-bottom:10vw}}@media (max-width:767px){.element-animate.weare .element.x5{display:none}}.section.impression .section-title{margin-bottom:60px;margin-top:50px}.section.impression .section-title p{font-size:var(--f-20);letter-spacing:5px;color:#02449b}.swiper-impression{overflow:visible}.swiper-impression .card-photo .photo{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px}.swiper-impression .swiper-slide-duplicate-prev .card-photo .photo,.swiper-impression .swiper-slide-prev .card-photo .photo{top:40px;bottom:40px}.section.impression .swiper-overflow{margin-bottom:130px}.static-bar.swiper-pagination-progressbar{background-color:#f3f3f3;margin:50px auto;position:relative}.element-animate.impression .element.x1{width:100px;left:30%;top:-60px}.element-animate.impression .element.x2{width:70px;right:30%;top:20px}.element-animate.impression .element.x2 img{transform:rotate(30deg)}@media (max-width:1199px){.swiper-impression .swiper-slide-duplicate-prev .card-photo .photo,.swiper-impression .swiper-slide-prev .card-photo .photo{top:20px;bottom:20px}.section.impression .section-title{margin-bottom:40px}.element-animate.impression .element.x1{width:100px;left:20%}.element-animate.impression .element.x2{width:70px;right:20%}.section-banner.aboutus .background::after,.section-banner.aboutus .background::before{background-size:100%}}@media (max-width:1024px){.swiper-impression .swiper-slide-duplicate-prev .card-photo .photo,.swiper-impression .swiper-slide-prev .card-photo .photo{top:0;bottom:0}.section.impression .section-title{margin-bottom:30px}.static-bar.swiper-pagination-progressbar{margin:30px auto}.section.impression .swiper-overflow{margin-bottom:200px}}@media (max-width:767px){.element-animate.impression .element.x1{width:80px;left:5%;top:-90px}.element-animate.impression .element.x2{width:50px;right:5%}}.tutor-steps{margin:30px -30px;position:relative}.tutor-steps:before{content:'';position:absolute;left:30px;right:30px;bottom:2px;border-bottom:1px solid rgba(252,108,68,.5)}.tutor-steps li{margin:0;padding:0 30px;position:relative}.tutor-steps .item{display:flex;position:relative;padding:0 10px 20px}.tutor-steps .item:before{content:'';position:absolute;left:0;right:0;height:6px;bottom:0;background-color:#fc6c44;border-radius:10px;transition:var(--animate-duration-2s);opacity:0}.pc .tutor-steps li:hover a.item:before,.tutor-steps li.active .item:before{opacity:1}.tutor-steps h4{font-size:var(--f-48);font-weight:200;color:var(--blue);margin-bottom:0;line-height:1;margin:0 15px 0 0}.tutor-steps p{margin-top:auto;margin-bottom:0;font-weight:400;font-size:var(--f-16)}.text-required{font-size:var(--f-14);color:red;font-weight:300}.nav-teach{margin:0 -10px}.nav-teach li{margin:10px 10px;display:flex;height:48px;border-radius:50px;background-color:#f9fafc;cursor:pointer;transition:var(--animate-duration-2s);color:#000}.nav-teach li span{font-size:var(--f-14);min-width:105px;padding:0 35px;text-align:center;margin:auto}.pc .nav-teach li:hover{background-color:#f2f2f2}.nav-teach.selected{margin-bottom:15px}.nav-teach li.active,.nav-teach.selected li{border:1px solid #02449b;color:var(--blue);font-weight:400}.nav-teach li.active span,.nav-teach.selected li span{padding:0 35px 0 65px;position:relative}.nav-teach li.active span:before,.nav-teach.selected li span:before{content:'';position:absolute;left:32px;width:22px;height:22px;background-repeat:no-repeat;background-size:contain;background-position:center center;background-image:url(../img/icons/icon-check-fill.svg)}.pc .nav-teach li.active:hover,.pc .nav-teach.selected li:hover{background-color:#fff}.card-video-introduce{border-radius:20px;position:relative;margin:20px 0;max-width:400px;width:100%}.card-video-introduce .card-photo{border-radius:20px}.card-video-introduce .card-photo:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(.61deg,rgba(0,0,0,.5) 13.08%,rgba(0,0,0,0) 86.42%)}.card-video-introduce .card-title{position:absolute;left:0;right:0;bottom:0;padding:0;margin:0;display:flex}.card-video-introduce .card-title h3{background-color:#fff;border-radius:0 30px 0 0;padding:13px 30px;margin:0;font-size:14px;display:flex;margin-right:auto}.card-video-introduce .card-title h3 .play{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #ffa01a;margin:auto;margin-left:15px}@media (max-width:1440px){.tutor-steps{margin-left:-20px;margin-right:-20px}.tutor-steps li{padding:0 20px}}@media (max-width:991.98px){.tutor-steps{margin-left:-10px;margin-right:-10px}.tutor-steps li{padding:0 10px;width:25%}.tutor-steps .item{padding-left:5px;padding-right:5px;flex-direction:column}.tutor-steps h4{margin-right:10px;padding-bottom:10px}}@media (max-width:576px){.tutor-steps{margin:10px -10px 0}.tutor-steps:before{display:none}.tutor-steps li{width:50%;overflow:hidden;margin-bottom:25px}.tutor-steps li .item{position:relative}.tutor-steps li .item:after{content:'';position:absolute;left:0;right:0;bottom:2px;border-bottom:1px solid rgba(252,108,68,.5)}.tutor-steps h4{padding-bottom:2px}.nav-teach{margin-left:-2px;margin-right:-2px}.nav-teach li{height:38px;margin:2px}.nav-teach li span{padding:0 15px;min-width:80px}.nav-teach li.active span,.nav-teach.selected li span{padding:0 15px 0 30px}.nav-teach li.active span::before,.nav-teach.selected li span::before{left:10px;width:19px;height:19px;background-size:15px}.register-footer{margin-top:20px}}.card-dashboard{box-shadow:0 10px 30px rgba(0,0,0,.05);border-radius:20px;padding:20px 25px;margin:15px 0}.card-dashboard h4{margin:0}.card-dashboard .icons{width:24px;height:24px;margin-left:auto}.card-dashboard .icons.w-32{width:32px;height:32px}.card-dashboard .icon-pie-chart{background-image:url(../img/icons/icon-pie-chart.svg)}.card-dashboard .icon-history{background-image:url(../img/icons/icon-history.svg)}.card-dashboard .icon-check-double{background-image:url(../img/icons/icon-check-double.svg)}.card-dashboard .icon-user-add{background-image:url(../img/icons/icon-user-add.svg)}.card-dashboard .icon-info{background-image:url(../img/icons/icon-information-black.svg)}.card-dashboard h2{margin-top:20px;font-weight:500;margin-bottom:5px;font-size:var(--f-32)}.card-dashboard h2 small{font-size:var(--f-20)}.card-dashboard h3{font-size:var(--f-24);font-weight:500}.card-dashboard p{font-size:var(--f-13);font-weight:300;margin-bottom:0}.card-dashboard .orange{color:#ff5841}.card-dashboard .blue{color:#02449b}.card-dashboard .green{color:#007867}.card-dashboard .greenlight{color:#37cd58}.card-dashboard .red{color:#ff1f00}.card-dashboard .mw-80{min-width:80px;display:inline-block}.card-dashboard.bg{box-shadow:none;padding:15px;color:#fff;font-weight:300}.card-dashboard.bg-blue{background-color:#02449b}.card-dashboard.bg-orange{background-color:#ff5841}.card-dashboard.bg-green{background-color:#007867}.card-dashboard.monthly{margin-bottom:0}.card-dashboard.chart{height:calc(100% - 40px)}.card-dashboard hr{border-top-color:#f8f8f9;margin:15px 0}.card-dashboard.student{margin-top:0;margin-bottom:0;height:100%}.card-dashboard.live,.card-dashboard.video{padding-top:5px;padding-bottom:5px;border-radius:15px}.card-dashboard.live{margin-top:0;margin-bottom:0;background-color:#ff5841}.card-dashboard.video{margin-top:10px;margin-bottom:0;background-color:#007867}.card-dashboard .custom-select.year{width:175px}.card-dashboard .card-header{border:0;padding:0;background-color:transparent}.card-dashboard .status-item{display:flex;-ms-flex-align:center;align-items:center}.card-dashboard .status-item .status{width:15px;height:15px;border-radius:50%;margin-right:10px}.circle{width:64px;height:64px;margin:auto;display:flex;position:relative;text-align:center;line-height:1.2;transition:all .3s ease-in-out}.circle canvas{vertical-align:top;display:flex;width:100%;height:100%;position:absolute;top:0;left:0}.circle strong{margin:auto}.circle strong:after{content:'%'}@media (min-width:1440px){.dashboard-overview .row>div.col-md-4{-ms-flex:0 0 28%;flex:0 0 28%;max-width:28%}.dashboard-overview .row>div.col-md-8{-ms-flex:0 0 72%;flex:0 0 72%;max-width:72%}}@media (min-width:1200px) and (max-width:1440px){.card-dashboard h2{font-size:25px;margin-top:10px}.dashboard-data-row>div{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (max-width:991.98px){.card-dashboard .icons{width:20px;height:20px}.card-dashboard.chart{margin-top:30px}}@media (max-width:767px){.card-dashboard{margin:10px 0}.card-dashboard .custom-select.year{width:150px}.card-dashboard h2{margin-top:10px}}.w-101{width:101px}.manage-header{display:flex;position:absolute;top:0;right:0}.manage-header.static{position:relative;width:100%;padding:30px 0}.manage-header .custom-select.w-110{width:110px;margin-left:20px}.manage-header .rounded{border-radius:100px!important}.course-manage .right{margin-left:auto}.manage-header .form-group.search .form-control{padding-left:55px!important;background-color:#f6f7f9;box-shadow:none!important}.manage-header .form-group.search .icons{position:absolute;top:23px;left:20px;background-image:url(../img/icons/icon-search.svg);background-size:20px}.manage-header .btn-add{font-size:15px;font-weight:300}.manage-header .btn-add .icons{width:18px;height:18px;margin-right:10px;top:-2px;background-image:url(../img/icons/icon-plus.svg)}.manage-header .btn-add .icon-schedule{background-image:url(../img/icons/icon-schedule.svg)}.course-manage{position:relative;display:block}.dataTables_filter,.dataTables_length{margin-bottom:15px}.switch-item{position:relative;display:inline-block;width:42px;height:22px;margin:0}.switch-item input{opacity:0;width:0;height:0}.switch-item .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.2s;transition:.2s}.switch-item .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.2s;transition:.2s}.switch-item input:checked+.slider{background-color:#4cd964}.switch-item input:focus+.slider{box-shadow:0 0 1px #4cd964}.switch-item input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.switch-item .slider.round{border-radius:24px}.switch-item .slider.round:before{border-radius:50%}.nowrap{white-space:nowrap}table.dataTable{margin-bottom:40px}table.dataTable .icons{width:24px;height:24px;cursor:pointer}.pc table.dataTable .icons:hover{opacity:.7}table.dataTable .icon-edit-square{background-image:url(../img/icons/icon-edit-square.svg);background-size:20px;top:-1px}table.dataTable .icon-delete{background-image:url(../img/icons/icon-delete.svg);background-size:18px;top:-2px}table.dataTable .icon-more{background-image:url(../img/icons/icon-more.svg);background-size:18px}table.dataTable .icon-view{background-image:url(../img/icons/icon-view.svg);background-size:22px}table.dataTable .icon-chat{background-image:url(../img/icons/icon-chat-orange.svg);background-size:22px}table.dataTable .icon-lock{background-image:url(../img/icons/icon-lock-red.svg);background-size:contain;width:16px;height:16px;vertical-align:top;margin-left:10px;top:3px}table.dataTable .icon-plus{background-image:url(../img/icons/icon-table-plus.svg);margin-left:auto}table.dataTable .icon-video{background-image:url(../img/icons/icon-video-play.svg)}table.dataTable .dropdown-menu{border:0;background-color:#02449b;border-radius:20px;padding:10px;text-align:center;color:#fff;left:auto;right:0}table.dataTable .dropdown-menu a{display:block;color:#fff;font-size:14px;padding:5px 0;border-radius:50px;margin:1px 0}.pc table.dataTable .dropdown-menu a:hover{background-color:rgba(255,255,255,.2)}table.dataTable .dropdown-menu a .dot{width:6px;height:6px;border-radius:50%;background-color:red;display:inline-block;position:relative;margin:5px 0 0 2px;vertical-align:top}table.dataTable .dropdown-menu a.close-course{background-color:#ff5841!important;color:#fff}.modal-table-alert .modal-dialog{max-width:420px;text-align:center}.modal-table-alert .img-icons{width:110px;margin:10px auto 20px}.modal-table-alert .img-icons.w-150{width:150px}.modal-table-alert .btn{width:135px;margin:0 5px}.modal-table-alert .btn.w-200{width:200px}.btn .emoji{width:28px;height:auto;margin:auto}.modal-540 .modal-dialog,.modal-createLesson .modal-dialog,.modal-lockClassRoom .modal-dialog{max-width:540px;text-align:center}.modal .article{text-align:left}.modal .article h4{font-size:var(--f-20);margin-bottom:5px;font-weight:500}.modal .article ul{padding-left:17px}.modal-540 .modal-content,.modal-createLesson .modal-content,.modal-lockClassRoom .modal-content{padding:50px 70px}.btn .icon-test,.btn .icon-true{width:19px;height:19px;background-image:url(../img/icons/icon-star-test.svg);margin-right:10px;top:-2px}.btn .icon-true{background-image:url(../img/icons/icon-true-white.svg)}.btn.copy-link{width:265px;font-weight:300;border-radius:100px;margin:0 auto}.btn.copy-link .icons{width:18px;height:18px;margin-right:10px;background-image:url(../img/icons/icon-link.svg)}.datepicker{padding:10px}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none;font-size:14px}.datepicker table tr th{font-weight:400;color:var(--blue);font-size:14px}.datepicker table tr td{font-size:15px;font-weight:400;padding:5px 0}.datepicker table tr td.new,.datepicker table tr td.old{color:#777;font-weight:300}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.datepicker table tr td.disabled span:hover{cursor:not-allowed}.datepicker table tr td span{display:block;width:30px;height:30px;line-height:30px;border-radius:50%;margin:auto}.datepicker table tr td.day:hover,.datepicker table tr td.focused,.datepicker table tr td.today{background-color:transparent!important}.datepicker table tr td.today span{color:#fff;background-color:var(--orange)}.datepicker table tr td.day:hover span,.datepicker table tr td.focused span{background:#eee;cursor:pointer}.datepicker table tr td.active span{background-color:var(--blue);color:#fff}.calendar-block{display:block;position:relative}.calendar-block .icons{position:absolute;top:50%;right:20px;width:18px;height:18px;margin-top:-9px;background-image:url(../img/icons/icon-calendar.svg)}.dataTables_empty{height:400px}.dataTables_empty .no-data{display:block;height:100%;background-size:370px;background-repeat:no-repeat;background-position:center center;background-image:url(../img/thumb/no-data.png);position:relative}.dataTable.infogroup tr td{border-top:0!important;padding-top:5px;padding-bottom:10px}.dataTable.infogroup tr td.pl-70{padding-left:72px}.dataTable.infogroup tr.empty td{padding-top:10px;padding-bottom:10px}.dataTable.infogroup tr.bg-rows td{background-color:#f0f4f8;padding-top:15px;padding-bottom:15px}.dataTable.infogroup tr.bg-rows+tr td{padding-top:15px}.dataTable.infogroup tr.bg-rows td:first-child{border-radius:10px 0 0 10px;padding-left:30px}.dataTable.infogroup tr.bg-rows td:last-child{border-radius:0 10px 10px 0}.dataTable.infogroup h6{font-size:inherit;font-weight:400;line-height:inherit}.dataTable.infogroup h5{font-size:var(--f-18);font-weight:500;line-height:inherit}.dataTable.infogroup .switch-item{vertical-align:middle}.dataTable .red{color:#fc6c44}table.dataTable tr .w-70{width:70px}table.dataTable tr .w-101{width:101px}table.dataTable tr .w-150{width:150px}table.dataTable tr .w-120{width:120px}.dataTable.infogroup tr td .btn-check{background-color:#eefff7;color:#22dd85;width:102px;text-align:center;padding:0;border-radius:50px;height:32px;line-height:32px;font-size:14px;display:block}.dataTable.infogroup tr td .btn-check.waiting{background-color:#fff5ec;color:#ff7a00}.form-group.columns{display:flex;-ms-flex-align:center;align-items:center}.form-group.columns p{font-weight:400;margin-bottom:0;white-space:nowrap;font-size:14px}.form-group.columns .d-flex{-ms-flex-align:center;align-items:center}.form-group.columns .form-control.time{font-weight:500;text-align:right;width:65px;padding:0 15px}.timebox{display:flex;margin:auto;margin-right:-10px}.card-time{display:flex;flex-direction:column;text-align:center;font-size:16px}.card-time .info{display:flex;background:#f6f7f9;border-radius:15px;padding:0 10px;width:95px;height:72px;margin:20px 10px 0}.card-time .info p{font-size:14px}.card-time .info h6{font-size:22px;font-weight:500}.card-time p{margin-bottom:0}.card-time .info.bg{background-color:#fc6c44;color:#fff}.dataTable .status{display:inline-block;border-radius:15px;text-align:center;background-color:#fff5ec;color:#ff7a00;height:30px;line-height:30px;padding:0 15px;white-space:nowrap;font-weight:400;font-size:var(--f-14)}.dataTable .status.pending{background-color:#fff5ec;color:#ff7a00}.dataTable .status.lock{background-color:#ff002e;color:#fff}.dataTable .status.lock:before{content:'';position:relative;width:12px;height:12px;margin-right:5px;top:1px;display:inline-block;background-image:url(../img/icons/icon-lock.svg);background-position:center center;background-repeat:no-repeat;background-size:contain}.dataTable .status.break{background-color:#02449b;color:#fff}.dataTable .status.sending{background-color:#ffe5ea;color:#d80027}.dataTable .status.success{background-color:#eefff7;color:#22dd85}.dataTable .btn-sending{background-color:#ff5841;border-color:#ff5841;color:#fff;height:40px;line-height:38px;padding:0 13px;color:#fff;border-radius:8px}.dataTable .btn-sending .icons{width:15px;height:15px;margin-right:3px;background-image:url(../img/icons/icon-sending.svg);top:-1px}@media (max-width:1440px){table.dataTable .icons{width:20px;height:20px}table.dataTable tr .w-30{padding-right:10px}table.dataTable .icon-lock{width:15px;height:15px}table.dataTable .icon-edit-square{background-size:18px}table.dataTable .icon-delete{background-size:16px}table.dataTable .icon-more{background-size:16px}table.dataTable{font-size:14px}.dataTable .status{font-size:13px}}@media (max-width:1024px){table.dataTable tbody td,table.dataTable tbody th{white-space:nowrap}.tableData-wrapper:not(.reponsive-disabled){position:relative;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:scroll;margin-right:-50px;margin-left:-50px;display:block;clear:both}.tableData-wrapper:not(.reponsive-disabled) table{margin-left:50px}.dataTables_wrapper .dataTables_filter input{width:240px}table.dataTable{margin-top:10px!important}.dataTables_wrapper .dataTables_paginate .paginate_button{width:38px;height:38px;border-radius:15px}}@media (max-width:767px){.tableData-wrapper:not(.reponsive-disabled){margin-right:-25px;margin-left:-25px}.tableData-wrapper:not(.reponsive-disabled) table{margin-left:25px}.dataTables_wrapper .dataTables_info{padding-bottom:15px}.dataTables_wrapper .dataTables_paginate{-ms-flex-pack:center;justify-content:center}.dataTables_wrapper .dataTables_paginate .paginate_button{width:30px;height:30px;line-height:28px;border-radius:12px}.dataTables_wrapper .dataTables_filter{right:150px}.dataTables_empty{height:240px}.dataTables_empty .no-data{background-size:40%;background-position:top center}}@media (max-width:576px){.dataTables_wrapper .dataTables_filter{right:0}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_filter label{width:100%}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length{text-align:left}.manage-header .btn-add{height:40px;line-height:38px;padding:0 10px}.manage-header .btn-add .icons{width:13px;height:13px;margin-right:5px;top:-1px}.dataTables_wrapper .dataTables_length select{width:90px;padding:0 15px;height:40px;line-height:38px;margin-left:5px}table.dataTable{margin-top:0!important}.modal-540 .modal-content,.modal-createLesson .modal-content,.modal-lockClassRoom .modal-content{padding:30px 30px}.modal-table-alert .img-icons{width:90px}}.nav-radio-button{padding-left:0!important}.nav-radio-button li{min-width:170px}.nav-radio-button li a{font-size:var(--f-15);font-weight:500;color:#000;display:block;position:relative;padding:20px 0;display:flex}.nav-radio-button .dot{width:22px;height:22px;border:1px solid #fc6c44;border-radius:50%;position:relative;display:block;margin:auto 0;margin-right:15px}.nav-radio-button .dot:before{content:'';background-color:#fc6c44;position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:50%;opacity:0;transition:var(--animate-duration-2s)}.nav-radio-button a.active .dot:before{opacity:1}.nav-radio-button li a{font-weight:400}.nav-radio-button li a.active{color:var(--orange-medium)}.input-file-custom{display:block;position:relative}.input-file-custom .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.input-file-custom .form-control{color:inherit;font-weight:400;color:rgba(132,132,132,.5);padding-right:145px;transition:none!important}.input-file-custom .inputfile.has-focus+.form-control{color:#000}.input-file-custom .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-file-custom .file-button{position:absolute;top:50%;right:10px;width:16px;height:16px;margin-top:-8px;pointer-events:none;background-image:url(../img/icons/icon-upload.svg);background-size:contain;background-repeat:no-repeat;background-position:center center}.input-file-custom.btn{background-color:transparent!important;color:var(--orange)}.input-file-custom.btn .form-control{color:var(--orange)!important;text-align:center}.input-file-custom.btn .file-name{padding:0}@media (max-width:576px){.nav-radio-button{-ms-flex-wrap:unset;flex-wrap:unset}}.form-group.calculate{display:flex;white-space:nowrap;-ms-flex-align:center;align-items:center}.form-group.calculate .form-control{text-align:right;font-weight:400;font-size:var(--f-18);color:#02449b}.form-group.calculate .form-control.outline-blue{border-color:#02449b;background-color:#f9fafc}.form-group.calculate .form-control.blue{border-color:#02449b;background-color:#02449b;color:#fff!important}.form-group.calculate .note{font-size:var(--f-14);color:#7c7c7c;display:block}.form-group.calculate .form-control.w-115{width:115px}.form-group.calculate .form-control.w-150{width:150px}.form-group.calculate .form-control.w-200{width:200px}.form-group.has-icon{position:relative}.form-group.has-icon .icons{width:18px;height:18px;position:absolute;top:14px;right:10px}.form-group.has-icon .icon-clock{background-image:url(../img/icons/icon-time-circle.svg)}.form-group.has-icon .icon-calendar{background-image:url(../img/icons/icon-calendar.svg)}.form-group.has-icon .form-control{text-align:left}.form-group .timegroup{display:flex;-ms-flex-align:center;align-items:center}.teaching-schedule{display:block}.teaching-schedule>div{display:none}.teaching-time{display:flex;margin:10px 0}.teaching-time .form-control{margin-bottom:0}.teaching-time .buttons{padding:0;margin-left:30px}.teaching-time .buttons .btn{padding:0;height:48px;width:48px;line-height:normal;border-radius:18px;display:none}.teaching-time .buttons .btn-minus{background-color:#ff5841;border-color:#ff5841;display:block}.pc .teaching-time .buttons .btn:hover{background-color:#000;border-color:#000}.teaching-time .buttons .btn .icons{width:100%;height:100%;background-size:13px}.teaching-time .buttons .btn .icon-plus{background-image:url(../img/icons/icon-plus.svg)}.teaching-time .buttons .btn .icon-minus{background-image:url(../img/icons/icon-minus.svg)}.teaching-time:first-child .buttons .btn-plus{display:block}.teaching-time:first-child .buttons .btn-minus{display:none}.image-upload-container{display:flex;position:relative;height:100%;margin-top:10px}.image-upload-container .cols.left{min-width:286px;margin-right:30px;display:flex;flex-direction:column}.image-upload-container .cols.right{width:100%}.image-upload-container .hgroup{display:block;padding-bottom:10px}.image-upload-container .hgroup h5{font-size:var(--f-18);font-weight:500}.image-upload-container .hgroup p{font-size:13px;font-weight:300;color:var(--blue)}.image-upload-container .buttons{text-align:right}.image-upload-box{border:1px dashed #fc6c44;box-sizing:border-box;border-radius:20px;width:100%;height:100%;position:relative;height:305px;display:flex}.image-upload-box.single .inner{height:240px;width:240px;background-color:#ccc;border-radius:20px;margin:30px 20px}.image-upload-box .textgroup{display:flex;flex-direction:column;text-align:center;font-size:13px;color:#999;margin:auto}.image-upload-box .textgroup p{padding:15px 0;margin:0}.image-upload-box .textgroup .icons{width:32px;height:32px;margin:0 auto}.image-upload-box .textgroup .icon-image{background-image:url(../img/icons/icon-image-upload.svg)}.image-upload-box .textgroup .icon-upload{background-image:url(../img/icons/icon-upload-cloud-2.svg)}.image-upload-box .btn{height:40px;line-height:38px;font-size:14px;font-weight:300;width:160px;padding:0;margin:0 auto;border-radius:15px;background-color:transparent!important;color:var(--orange)!important}.image-upload-box .image-item{display:block;width:120px;height:120px;border-radius:20px;margin:10px;position:relative}.image-upload-box .image-item .image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:15px;z-index:100;position:relative;overflow:hidden}.image-upload-box .image-item .icongroup{position:absolute;top:10%;left:0;right:0;bottom:0;z-index:200;display:flex;border-radius:15px;padding:5px;background:linear-gradient(0deg,rgba(0,0,0,.6) 11.65%,rgba(0,0,0,0) 47.73%);opacity:0;transition:var(--animate-duration-2s)}.pc .image-upload-box .image-item:hover .icongroup{opacity:1}.image-upload-box .image-item .icongroup .icons{width:22px;height:22px;margin:auto 0 0;background-size:16px;cursor:pointer}.image-upload-box .image-item .icongroup .icon-edit{background-image:url(../img/icons/icon-edit-square-white.svg);margin-left:auto!important}.image-upload-box .image-item .icongroup .icon-delete{background-image:url(../img/icons/icon-bin-white.svg)}.image-upload-box.single{padding:30px 20px}.image-upload-box.single .image-item{width:100%;height:100%;margin:0}.image-upload-box.single .image-item label{position:absolute;top:15px;left:15px;height:25px;line-height:25px;text-align:center;padding:0 15px;background-color:#ff5841;border-radius:50px;z-index:100;color:#fff;font-size:13px}.image-upload-box.single .image-item .icongroup{padding-right:15px;padding-bottom:15px}.image-upload-box.single .image-item .icongroup .icons{width:35px;height:35px;background-size:70%}.image-upload-box.multiple .boxgroup{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:760px;margin:auto}.btn.w-265{width:265px;margin:0 auto}.image-upload-box .image-item.video:after,.image-upload-box .image-item.video:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:15px}.image-upload-box .image-item.video:before{z-index:120;background:linear-gradient(0deg,rgba(0,0,0,.6) 11.65%,rgba(0,0,0,0) 87.73%)}.image-upload-box .image-item.video:after{z-index:121;background-size:20px;background-repeat:no-repeat;background-position:center center;background-image:url(../img/icons/icon-play-orange.svg)}.image-cover-list{display:flex;margin:0 -8px;padding:30px 30px 20px;list-style-type:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.image-cover-list li{width:16.66%;padding:8px;position:relative}.image-cover-list li div{border-radius:15px;position:relative;overflow:hidden;cursor:pointer}.image-cover-list li div:before{content:'';position:absolute;right:5px;bottom:5px;width:45px;height:45px;z-index:120;opacity:0;pointer-events:none;background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(../img/icons/icon-success-perspective.png)}.image-cover-list li.active div:before,.pc .image-cover-list li:hover div:before{opacity:1}.image-cover-list li .image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:15px;z-index:100;position:relative;overflow:hidden}@media (max-width:1680px){.teaching-schedule .row{margin:0 -10px}.teaching-schedule .row>div{padding:0 10px}.teaching-schedule div.left{-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%}.teaching-schedule div.right{-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%}}@media (min-width:1551px) and (max-width:1660px){.teaching-schedule .form-group.calculate .pr-4{padding-right:10px!important}.teaching-schedule .form-group.calculate .form-control.w-115{width:100px}.teaching-schedule .form-group.calculate .form-control.w-150{width:130px}}@media (max-width:1550px){.teaching-schedule .d-flex.justify-content-between{-ms-flex-wrap:wrap;flex-wrap:wrap}.teaching-schedule .cols:nth-child(2){margin-right:auto;margin-left:25px}.teaching-schedule .cols:last-child{width:100%}.image-upload-box .image-item{width:90px;height:90px}.image-upload-box.multiple .boxgroup{padding:0 15px}.image-upload-box .image-item:last-child{margin-right:auto}.device .image-upload-box .image-item .icongroup{opacity:1}}@media (max-width:1440px){.teaching-time .buttons .btn{width:44px;height:44px;border-radius:15px}}@media (max-width:991.98px){.image-upload-box{padding:20px 15px;height:280px}.image-upload-container .cols.left{min-width:240px}.image-upload-box .image-item{width:70px;height:70px;border-radius:10px;margin:5px}.image-upload-box .image-item .icongroup,.image-upload-box .image-item .image{border-radius:10px}.image-upload-box .image-item .icongroup .icons{width:20px;height:20px;border-radius:10px}.image-cover-list{padding-left:5px;padding-right:5px}.teaching-time .buttons{margin-left:15px}.teaching-time .buttons .btn{width:38px;height:38px;border-radius:12px}.teaching-time .timegroup{margin-left:10px}.teaching-time .form-control.w-150{width:120px}}@media (max-width:757px){.modal-gallery-upload .modal-title{margin-left:-20px;margin-right:-20px;margin-top:0}.image-cover-list li{width:25%}.image-cover-list li div::before{width:30px;height:30px;right:2px;bottom:2px}.form-group.has-icon .icons{top:10px}}@media (max-width:576px){.teaching-schedule .cols{width:50%}.teaching-schedule .cols:nth-child(2){margin-left:0}.teaching-schedule .form-group.calculate{flex-direction:column}.teaching-schedule .form-group.calculate .pr-4{padding-right:0!important;padding-bottom:15px}.image-upload-container{flex-direction:column}.image-upload-container .cols.left{margin-bottom:30px;min-width:0;width:100%}.image-upload-box .image-item{width:calc(33.33% - 10px);height:24vw}.image-upload-box.multiple .boxgroup{padding:0}.image-upload-box.multiple{height:auto}.image-cover-list{margin:0 -5px;padding:20px 0 0}.image-cover-list li{padding:5px}.teaching-time{flex-direction:column}.teaching-time .form-group.w-300{width:100%;max-width:100%;margin-bottom:10px!important;padding-right:50px}.teaching-time .timegroup .form-group{width:50%}.teaching-time .form-control.w-150{width:100%}.teaching-time .buttons{position:absolute;top:0;right:0}}.page-content.column{display:flex;padding:0;flex-direction:row-reverse}.page-content-left{width:63%;padding:0 60px;height:100%}.page-content-right{width:37%;padding:80px 60px 20px;background-color:#f7fafd;height:100%}.page-content-left>.profile-hgroup:first-child{padding-bottom:0}.table-timeline{width:100%;border-collapse:collapse}.table-timeline th{font-weight:300;font-size:var(--f-16);width:100px}.table-timeline td,.table-timeline th{vertical-align:middle;padding:12px 0}.table-timeline .line{border:1px dashed #b4bfca;display:block;margin:auto}.table-timeline .infobox{background-color:#fc6c44;padding:20px 30px;display:flex;color:#fff;border-radius:10px;height:100%}.table-timeline .infobox>div{margin:auto 0}.table-timeline td[rowspan="1"] .infobox{height:calc(49px * 1)}.table-timeline td[rowspan="2"] .infobox{height:calc(49px * 2)}.table-timeline td[rowspan="3"] .infobox{height:calc(49px * 3)}.table-timeline td[rowspan="4"] .infobox{height:calc(49px * 4)}.table-timeline td[rowspan="5"] .infobox{height:calc(49px * 5)}.table-timeline td[rowspan="6"] .infobox{height:calc(49px * 6)}.table-timeline td[rowspan="7"] .infobox{height:calc(49px * 7)}.table-timeline td[rowspan="8"] .infobox{height:calc(49px * 8)}.table-timeline td[rowspan="9"] .infobox{height:calc(49px * 9)}.calendar_inline{display:block;margin:0 auto 50px;max-width:373px}.calendar_inline .table-condensed{width:100%}.calendar_inline .datepicker-switch{pointer-events:none}.datepicker table tr th.next,.datepicker table tr th.prev{position:relative;cursor:pointer}.datepicker table tr th.next .icons,.datepicker table tr th.prev .icons{width:36px;height:36px;border-radius:15px;border:1px solid var(--orange);margin:5px 0;background-size:40%}.datepicker table tr th.prev .icons{background-image:url(../img/icons/icon-calendar-prev.svg)}.datepicker table tr th.next .icons{background-image:url(../img/icons/icon-calendar-next.svg)}.event-infos{display:block;background:#02449b;box-shadow:0 30px 50px rgba(2,68,155,.16);border-radius:25px;padding:35px 30px;color:#fff;font-size:var(--f-16);font-weight:300;margin:0 auto 50px;max-width:373px}.event-infos p{margin:0 0 5px}.event-infos ul{padding-left:17px;margin-bottom:0}.event-infos p small{color:#78b2fe;font-size:13px}.event-infos>h4{font-size:22px;font-weight:500;margin:0}@media (max-width:1440px){.table-timeline td,.table-timeline th{padding:8px 0}.table-timeline td[rowspan="1"] .infobox{height:calc(40px * 1)}.table-timeline td[rowspan="2"] .infobox{height:calc(40px * 2)}.table-timeline td[rowspan="3"] .infobox{height:calc(40px * 3)}.table-timeline td[rowspan="4"] .infobox{height:calc(40px * 4)}.table-timeline td[rowspan="5"] .infobox{height:calc(40px * 5)}.table-timeline td[rowspan="6"] .infobox{height:calc(40px * 6)}.table-timeline td[rowspan="7"] .infobox{height:calc(40px * 7)}.table-timeline td[rowspan="8"] .infobox{height:calc(40px * 8)}.table-timeline td[rowspan="9"] .infobox{height:calc(40px * 9)}.profile-hgroup .form-group.search{width:280px}.event-infos>h4{font-size:18px}}@media (max-width:1280px){.page-content-left,.page-content-right{padding:30px 30px}.page-content-left{padding-top:0}.page-content-right{padding-top:70px}}@media (max-width:1199px){.page-content-left{padding-top:100px}.page-content-right{padding-top:120px}}@media (max-width:991.98px){.page-content.column{flex-direction:column}.page-content-left,.page-content-right{width:100%;padding:30px 50px}.page-content-right{padding-top:100px;padding-bottom:70px}.page-content-right .goback{margin-bottom:10px}.table-timeline th{width:80px}.calendar_inline,.event-infos{margin-bottom:0;height:100%}}@media (max-width:767px){.profile-hgroup .form-group.search{width:100%;margin-top:10px}}@media (max-width:576px){.table-timeline th{width:60px}.page-content-left,.page-content-right{padding:30px 25px}.page-content-right{padding-top:80px;padding-bottom:50px}.page-content-left{padding-top:20px}.page-content-left h2{margin-bottom:20px}.event-infos{margin-top:30px;height:auto}}.card-order{display:flex;background:#fff;box-shadow:0 4px 30px rgba(0,0,0,.05);border-radius:10px;margin-bottom:20px;padding:20px 0}.card-order .card-checklist{min-width:60px;display:flex}.card-order .card-checklist .checkbox-group{margin:20px auto 0}.card-order .card-photo{min-width:212px;height:128px}.card-order .card-photo .photo{border-radius:10px;background-color:#f1f1f1;height:100%}.card-order .card-body{padding:0;width:100%;padding:0 0 0 30px}.card-order h4{font-size:var(--f-18);font-weight:400;margin-bottom:2px}.card-order p{font-size:var(--f-16);font-weight:300;color:#525252;margin-bottom:10px}.card-order p.old-price{text-decoration:line-through;color:#9c9c9c}.card-order .buttons{padding:5px 0 0;display:flex;margin:0 -5px}.card-order .buttons .btn{height:32px;line-height:32px;border-radius:50px;font-size:14px;font-weight:300;margin:0 5px}.card-order .buttons .btn-green{background-color:#029b76;border-color:#029b76}.card-order .buttons .btn-red{background-color:#fc6c44;border-color:#fc6c44}.card-order .card-delete{min-width:80px;display:flex}.card-order .card-delete .icons{width:20px;height:20px;background-size:50%;background-image:url(../img/icons/icon-close-orange.svg);margin:0 auto;cursor:pointer}.card-order{background:#f9fafc;border-radius:20px;box-shadow:none;padding:20px}.order-summary{display:block;padding:30px 40px 20px;background:#f9fafc;border-radius:10px;font-size:var(--f-16);color:#000}.order-summary h4{font-size:var(--f-24);font-weight:500;margin-bottom:15px}.order-summary table{width:100%}.order-summary table td,.order-summary table th{font-weight:300;padding:5px 0}.order-summary table td{text-align:right}.order-summary h6{font-weight:400;font-size:var(--f-18);margin-bottom:15px}.order-summary .red{color:red}.order-summary .form-group .btn.confirm{position:absolute;top:13px;right:20px;background-color:transparent!important;padding:0;height:auto;line-height:normal;border-radius:0}.order-summary .form-group{margin-bottom:30px}.order-summary .form-group .btn.confirm span{text-decoration:underline;color:#777}.pc .order-summary .form-group .btn.confirm:hover span{color:#000}.order-summary .form-control{background:#fff;border:1px solid #ece8df;box-sizing:border-box;border-radius:5px}.order-summary+.btn{width:100%;margin:30px 0 0}@media (max-width:1550px){.card-order.sm .buttons .btn{height:28px;line-height:28px;line-height:26px;font-size:12px;padding:0 10px}}@media (max-width:1440px){.card-order .card-photo{min-width:180px;height:120px}.card-order .buttons .btn{height:28px;line-height:28px;line-height:26px;font-size:13px}.card-order .card-delete{min-width:60px}.card-order.sm .card-body{padding-left:15px}.card-order.sm .buttons .btn{padding:0 10px}}@media (max-width:1199px){.card-order.sm .card-photo{min-width:140px;height:90px}}@media (max-width:991.98px){.card-order .card-body{padding-left:20px}.card-order .card-checklist{min-width:50px}.card-order.sm .card-body{padding-left:25px}}@media (max-width:576px){.card-order{flex-direction:column;padding:20px 20px 20px 50px;position:relative}.card-order .card-checklist,.card-order .card-delete{position:absolute;top:0;left:0;min-width:50px;width:50px}.card-order .card-checklist{left:2px}.card-order .card-delete{top:60px}.card-order .card-delete .icons{background-size:70%}.card-order .card-body{padding:12px 0 0}.card-order h4{font-size:16px}.card-order .buttons{padding-bottom:15px}.card-order .card-photo{height:40vw}.order-summary{padding:20px}.card-order.sm{padding:20px}.card-order.sm .card-body{padding-left:0}.card-order.sm .card-photo{height:40vw}}.nav-payment{flex-direction:column}.nav-payment li{width:100%;margin-bottom:20px}.nav-payment>li>a{display:flex;height:80px;padding:0 30px 0 50px;box-shadow:0 4px 30px rgba(0,0,0,.05)!important;border-radius:20px;background-color:#fff;font-size:var(--f-20);color:#000}.nav-payment .icons,.nav-payment h6{margin:auto 0}.nav-payment h6{color:inherit;font-weight:300}.nav-payment .icons{margin-left:auto;width:48px;height:48px;background-color:#ffa01a;border-radius:50%;background-image:url(../img/icons/icon-true-white.svg);background-size:20px;opacity:0}.nav-payment>li>a.active,.pc .nav-payment>li>a:hover{background-color:var(--blue);color:#fff}.nav-payment>li>a.active h6{font-weight:500}.nav-payment>li>a.active .icons{opacity:1}@media (max-width:576px){.nav-payment li{margin-bottom:15px}.nav-payment>li>a{height:50px;padding:0 20px 0 20px;font-size:14px}.nav-payment .icons{width:28px;height:28px;right:-10px;background-size:15px}.nav-payment h6{font-size:inherit}}.course-wrapper{display:block;position:relative}.course-wrapper .boxshadow{display:block;padding:30px;box-shadow:0 4px 30px rgba(0,0,0,.06);border-radius:20px;margin-bottom:25px}.course-infos{position:relative}.course-infos .icon-checked{width:14px;height:14px;background-image:url(../img/icons/icon-check-green.svg);margin-left:3px;top:-1px}.course-infos h3{font-size:var(--f-24);font-weight:500;margin-bottom:5px}.course-infos .buttons{padding:15px 0 25px;display:flex;margin:0 -5px}.course-infos .buttons.xs .btn{height:32px;line-height:32px;border-radius:50px;font-size:14px;font-weight:300;margin:0 5px}.course-infos .buttons .btn-green{background-color:#029b76;border-color:#029b76}.course-infos .buttons .btn-red{background-color:#fc6c44;border-color:#fc6c44}.course-infos .buttons.md.d-block{margin-left:0;margin-right:0}.course-infos .buttons.md{position:relative}.course-infos .buttons.md:before{content:'';position:absolute;right:-95px;bottom:30px;width:54px;height:54px;background-repeat:no-repeat;background-position:center center;background-image:url(../img/icons/arrow-shape-3.svg);background-size:contain}.course-infos .buttons.md .row{margin:0 -5px}.course-infos .buttons.md .row>div{padding:0 5px}.course-infos .price-group{display:flex;padding:15px 0;font-size:12px;margin:0 -10px}.course-infos .price-group .price{font-size:var(--f-28);color:#fc6c44;font-weight:500}.course-infos .price-group .price-old{font-size:var(--f-15);color:#9c9c9c;text-decoration:line-through}.course-infos .price-group span{margin-top:auto;line-height:1;margin:auto 5px 0}.course-infos table,.tutor-infos table{width:100%;font-size:var(--f-15);margin:10px 0}.course-infos table th,.tutor-infos table th{width:120px;font-weight:400}.course-infos table td,.course-infos table th,.tutor-infos table td,.tutor-infos table th{padding:1px 0}.course-infos table td.colon{width:40px;text-align:center}.tutor-infos table td.colon{width:40px;text-align:center}.course-infos .btn-payment{width:100%}.course-infos .btn .icons{width:20px;height:20px;margin-right:10px;background-image:url(../img/icons/icon-wallet.svg)}.course-infos .btn .icon-star{background-image:url(../img/icons/icon-star-outline.svg);top:-2px}.course-infos .btn .icon-download{background-image:url(../img/icons/icon-download-blue.svg);top:-2px}.course-infos .btn-cart{background-color:transparent;padding:0;min-width:68px;margin-left:20px;border-radius:18px;display:flex}.course-infos .btn-cart svg{width:19px;height:19px;margin:auto}.course-infos .btn-cart svg path{stroke:var(--blue)}.pc .course-infos .btn-cart:hover svg path{stroke:#fff}.course-infos .buttons.md::before{display:none}.social-media{display:flex;margin:0 -10px}.social-media a{display:flex;width:22px;height:22px;margin:0 10px}.social-media a svg{margin:auto}.social-media a svg.fb{width:19px;height:19px}.social-media a svg.share{width:19px;height:19px}.social-media a svg.like{width:19px;height:19px}.pc .social-media a:hover svg.fb path{fill:#3499F8!important}.pc .social-media a:hover svg.share path{fill:#FFA01A!important}.pc .social-media a:hover svg.like path{fill:#FF5841!important}.social-media a.active svg.like path{fill:#FF5841!important}.tutor-infos{display:flex!important}.tutor-infos .avatar{min-width:64px;height:64px;background-position:center center;background-size:cover;background-repeat:no-repeat;margin-right:20px;border-radius:50%}.tutor-infos h5{font-size:var(--f-18);font-weight:500;margin-bottom:0}.tutor-infos p{font-size:var(--f-16);margin-bottom:0}.tutor-infos .buttons{padding:20px 0 0 0;margin:0 -5px;text-align:left}.tutor-infos .buttons .btn{border-radius:100px;border-color:#000;font-weight:300;height:40px;line-height:38px;padding:0;width:125px;text-align:center;margin:0 5px}.tutor-infos .buttons .btn span{color:#000}.pc .tutor-infos .buttons .btn:hover{background-color:#000}.pc .tutor-infos .buttons .btn:hover span{color:#fff}.swiper-course-gallery{height:530px}.swiper-course-gallery .background{position:relative;height:100%;border-radius:10px}.swiper-pagination.red .swiper-pagination-bullet{border-color:#ff5841}.swiper-pagination.red .swiper-pagination-bullet-active{background-color:#ff5841}.swiper-course-gallery .buttons{padding:30px;position:absolute;top:0;right:0;left:0;bottom:0;z-index:100;display:flex}.swiper-course-gallery .btn{padding:0 25px;margin:auto 0 0}.swiper-course-gallery .btn .arrow{position:relative;display:inline-block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:9px solid #fff;margin:auto 0 auto 20px;vertical-align:middle}.nav-course-tabs{display:flex;margin:40px -5px 25px;border-bottom:1px solid #edebe7}.nav-course-tabs>li{margin:0 5px}.nav-course-tabs>li>a{display:flex;flex-direction:column;text-align:center;font-weight:400;width:160px;color:#767676;position:relative;padding:15px 0}.nav-course-tabs>li>a:before{content:'';position:absolute;left:0;right:0;bottom:-3px;height:5px;border-radius:5px;background-color:#02449b;opacity:0;transition:var(--animate-duration-2s)}.nav-course-tabs.full{-ms-flex-pack:justify;justify-content:space-between}.nav-course-tabs svg{margin:auto auto 8px;width:24px;height:24px}.nav-course-tabs h6{font-weight:inherit;font-size:inherit}.nav-course-tabs>li>a.active{color:var(--blue)}.nav-course-tabs>li>a.active:before{opacity:1}.nav-course-tabs>li>a.active svg path{stroke:var(--orange)}.pc .nav-course-tabs>li>a:hover{color:var(--blue)}.pc .nav-course-tabs>li>a:hover:before{opacity:1}.pc .nav-course-tabs>li>a:hover svg path{stroke:var(--orange)}.tab-course-content{display:block;padding-top:30px}.tab-course-content .article ul.list li::before{background-image:url(../img/icons/icon-checklist.png)}.tab-course-content .article h4,.tab-course-content h4{font-weight:500;font-size:var(--f-24)}.tab-course-content .article p{text-indent:50px}.tab-course-content .article h4,.tab-course-content .article p,.tab-course-content .article ul{margin-bottom:35px}.tab-course-content .article ul li{margin-bottom:5px}.tab-course-content .article ul{padding-left:50px}.tab-course-content img.rounded{border-radius:20px!important}.card-lesson{position:relative;margin-bottom:4px}.card-lesson .card-header{background-color:#f7fafd;border-bottom:0;border:1px solid #f3f6f9;border-radius:10px;padding:0 40px;height:48px;display:flex;cursor:pointer}.pc .card-lesson .card-header:hover{background-color:#e7f3ff}.card-lesson .card-header h5{font-size:var(--f-18);font-weight:500;color:var(--blue);margin:auto 0}.card-lesson .card-body{padding:20px 30px;border:1px solid #e7edf2;border-radius:20px;margin:2px 0}.card-lesson table{width:100%}.card-lesson table td,.card-lesson table th{font-weight:300;font-size:var(--f-15);padding:5px 0}.card-lesson table td:last-child{padding-right:20px}.pc .card-lesson table tr:hover{background-color:#f6f6f9}.card-lesson table th{padding-left:30px}.lesson-row{margin:1px 0}.tab-course-content{margin-bottom:80px}.tab-course-content .btn-link{height:26px;line-height:24px;font-size:var(--f-15);font-weight:300}.tab-course-content .btn-play{width:105px;height:26px;line-height:24px;padding:0;border-radius:10px;font-size:11px!important;font-weight:300;background-color:#fc6c44;border-color:#fc6c44}.tab-course-content .btn-play .icons{top:-1px;margin-left:3px;width:14px;height:14px;background-image:url(../img/icons/icon-play.svg)}.tab-course-content .btn-link{padding:0;white-space:nowrap}.tab-course-content .btn-download,.tab-course-content .btn-link{border:1px solid transparent!important;padding:0!important;background-color:transparent!important;border-radius:0;font-size:inherit;text-decoration:none!important}.pc .tab-course-content .btn-link:hover span{color:var(--blue)}.tab-course-content .btn-download span,.tab-course-content .btn-link span{color:#000}.tab-course-content .btn-download .icons,.tab-course-content .btn-link .icons{width:14px;height:14px;margin-right:10px;top:-2px}.tab-course-content .btn-download .icons{background-image:url(../img/icons/icon-dowload.svg)}.tab-course-content .btn-link .icon-download{background-image:url(../img/icons/icon-dowload.svg)}.tab-course-content .btn-link .icon-folder{background-image:url(../img/icons/icon-folder-shared.svg)}.tab-course-content .btn-link .icon-play{background-image:url(../img/icons/icon-play-outline.svg)}.lesson-row .score{line-height:26px}.lesson-row{display:flex;width:100%;font-size:var(--f-15);min-height:36px;padding:0 20px 0 30px;border-radius:5px}.pc .lesson-row:hover{background-color:#f6f6f6}.lesson-row h6{font-size:inherit;font-weight:300;margin:auto 0}.lesson-row>div{margin:auto;margin-right:0}.lesson-row .button{margin-left:auto}.lesson-row .row-button{margin-left:auto;width:370px}.lesson-row.download{background-color:#f7fafd;border:1px solid #f3f6f9;border-radius:10px;padding:10px 50px;margin-bottom:10px}.lesson-row.download .cols:first-child{margin-left:0}.lesson-row.download h6{font-size:var(--f-18);font-weight:500;color:var(--blue)}img.img-max-360{max-width:300px;margin:auto;display:block}.tutor-infos.rows .buttons{display:flex}.tutor-infos.rows .buttons .btn{border-color:var(--orange);background-color:transparent!important;font-size:var(--f-16);padding-left:20px;padding-right:20px;white-space:nowrap;width:auto}.tutor-infos.rows .buttons .btn span{color:#000!important}.tutor-infos.rows .buttons .btn svg{width:18px;height:18px;position:relative;top:-2px;margin-right:5px}.tutor-infos.rows .buttons .btn svg.slideshow path{fill:var(--blue)}.tutor-infos.rows .buttons .btn svg.chat path{stroke:var(--blue)}.pc .tutor-infos.rows .buttons .btn:hover{background-color:rgba(255,160,26,.1)!important}@media (max-width:1650px){.nav-course-tabs.full>li{width:20%;margin:0}.nav-course-tabs.full>li a{width:100%}}@media (max-width:1500px){.course-wrapper .boxshadow{padding:25px}.course-infos .btn-cart{margin-left:10px}.tutor-infos .buttons{display:flex}.tutor-infos .buttons .btn{width:100%;font-size:13px}.tutor-infos .avatar{min-width:58px;height:58px}.course-infos table{margin:0}.course-infos .price-group{margin:0 -5px}.tab-course-content .btn{font-size:13px}.tab-course-content .row-button{width:340px}}@media (max-width:1440px){.tutor-infos .buttons .btn{height:36px;line-height:34px}.course-infos .price-group{padding-top:5px}.swiper-course-gallery{height:450px}.nav-course-tabs{margin-bottom:45px}.course-infos table th{width:auto;padding-right:10px}.course-infos table td.colon{width:10px;text-align:left}.card-lesson .card-body{padding:20px}.lesson-row{padding:0 10px 0 20px}.tab-course-content{padding-top:0}.nav-course-tabs.full>li{width:auto;margin:0}.nav-course-tabs.full>li a{width:auto;min-width:100px;padding-left:20px;padding-right:20px}}@media (max-width:1366px){.tutor-infos .d-flex{display:block!important}.course-infos table{margin-top:5px}}@media (max-width:1199px){.tutor-infos .d-flex{display:flex!important}.swiper-course-gallery{height:auto;margin-bottom:25px}.swiper-course-gallery .background{height:45vw}.nav-course-tabs{margin:50px 0 20px}.tab-course-content{padding-top:30px}.lesson-row.download{padding:10px 30px}.card-lesson{margin-bottom:4px}}@media (max-width:991.98px){.card-lesson .card-header{padding:0 20px}.card-lesson table th{padding-left:0}.card-lesson .card-body{padding:20px}.card-lesson table td:last-child{padding-right:0}.card-lesson .btn{font-size:12px}.lesson-row{padding:0}.lesson-row h6{font-weight:400}.tab-course-content .article h4,.tab-course-content .article p,.tab-course-content .article ul{margin-bottom:25px}.course-infos .progress-wrap{max-width:50%}}@media (max-width:700px){.swiper-course-gallery .buttons{padding:20px}.lesson-row{min-height:0;padding:10px 0 10px 10px;flex-direction:column;border-bottom:1px dotted #ccc}.lesson-row>div{margin:0}.lesson-row .button{margin-left:0;padding-top:5px}.nav-course-tabs>li>a{width:auto;padding-left:15px;padding-right:15px}.course-infos .progress-wrap{margin-bottom:10px!important;margin-left:0;max-width:100%}.tutor-infos.rows{-ms-flex-wrap:wrap;flex-wrap:wrap}.tutor-infos.rows .avatar{width:58px}.tutor-infos.rows .cols:last-child{width:100%}.tutor-infos.rows .buttons .btn{padding:0 10px}.tutor-infos.rows .buttons .btn svg{margin-right:0}}@media (max-width:576px){.tutor-infos .buttons .btn{height:35px;line-height:33px}.course-infos .buttons.xs .btn{font-size:13px;height:30px;line-height:28px}.course-infos table td,.course-infos table th{padding:2px 0}.course-infos .price-group{padding-top:5px}.swiper-course-gallery .background{height:55vw}.swiper-course-gallery .buttons{padding:10px}.swiper-course-gallery .btn{padding:0 10px;margin:0 0 auto;border-radius:10px;height:26px;line-height:24px;font-size:11px}.swiper-course-gallery .btn .arrow{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #fff;margin-left:5px;position:relative;top:-1px}.swiper-pagination.course{bottom:5px!important}.swiper-pagination.course .swiper-pagination-bullet{width:9px;height:9px}.tab-course-content{padding-top:10px}.tab-course-content .article{padding:0 10px}.tab-course-content .article p,.tab-course-content .article ul{margin-bottom:25px}.tab-course-content .article h4{margin-bottom:15px}.tab-course-content .article ul{padding-left:17px}.tab-course-content .article p{text-indent:0}.nav-course-tabs.full>li{width:50%;border-bottom:1px solid #edebe7}.nav-course-tabs.full{-ms-flex-wrap:unset;flex-wrap:unset;overflow-x:auto;-webkit-overflow-scrolling:touch;border:0;padding-bottom:15px}.nav-course-tabs h6{white-space:nowrap}.lesson-row.download .cols:first-child{padding-bottom:10px}.nav-course-tabs.full>li{margin-bottom:5px}.nav-course-tabs.full>li a{padding-top:10px;padding-bottom:10px}.nav-course-tabs.full svg{margin-bottom:3px}}.review-rating-wrapper{display:block;max-width:680px;margin:0 auto}.review-rating-wrapper .progress-wrap{margin-bottom:5px}.review-rating-wrapper .progress-bar{background-color:#f6f4f0;margin-right:50px}.review-rating-wrapper .progress{background-color:#ffa01a}.rating-score{text-align:center;max-width:93px;display:flex;flex-direction:column}.rating-score h3{font-size:50px;color:#ffa01a;font-weight:500}@media (max-width:767px){.review-rating-wrapper .row{margin:0 -5px}.review-rating-wrapper .row>div{padding:0 5px}.review-rating-wrapper .progress-wrap{max-width:100%}.review-rating-wrapper .progress-bar{margin-right:15px}.rating-score{max-width:70px}.rating-score h3{font-size:30px}.review-rating-wrapper .rating li span{width:10px;height:10px}}.contact-form-wrapper{margin:80px -80px;display:block}.contact-form-wrapper .img-banner{width:100%}.form-contact{display:block;max-width:680px;margin:0 auto;position:relative;padding:50px 75px;background:#013883;box-shadow:0 100px 80px rgba(0,0,0,.14),0 22.3363px 17.869px rgba(0,0,0,.083455),0 6.6501px 5.32008px rgba(0,0,0,.056545);border-radius:30px;z-index:10}.form-contact h5{color:#fc6c44;font-weight:500;font-family:Mitr;font-size:34px;margin-bottom:15px}.form-contact h5 .icon-chat-smile{width:46px;height:46px;background-image:url(../img/icons/icon-chat-smile.svg);margin-top:-20px;top:-10px}.form-contact .custom-select,.form-contact .form-control{background-color:#013276;border-color:#013276;color:#9bbdec}.form-contact-shape{position:absolute;right:-50px;bottom:-80px;left:220px;height:427px;background:#fff;border-radius:30px}.mw-390{max-width:390px}.mw-278{max-width:278px}.w-56{width:56px}.imgbox.contact{display:block;position:relative;z-index:10;margin-top:60px}.imgbox.contact .message-block{max-width:165px;left:-20px;top:70px;padding-right:0}.imgbox.contact .message-pop{padding-left:20px;padding-right:20px;border-radius:22px;height:53px;display:flex}.imgbox.contact .message-pop p{margin:auto}.imgbox.contact .message-pop:before{right:70%}.element-animate.contact .element.x1{width:54px;bottom:15%;left:40%}.element-animate.contact .element.x2{width:309px;right:-60px;bottom:2%}.card-contact{display:flex;width:100%;background:#02449b;box-shadow:0 20px 30px rgba(2,68,155,.19);border-radius:20px;color:#fff;padding:20px 30px;position:relative}.card-contact .group{display:block;height:55px;margin-bottom:10px}.card-contact p{margin-bottom:0}.card-contact h6{font-size:var(--f-18);font-weight:400}.card-contact h3{font-size:16px;font-weight:500;color:#fc6c44;margin-top:25px}.card-contact .d-flex{-ms-flex-align:center;align-items:center}.card-contact .icons{height:55px;margin-bottom:10px}.card-contact svg.line{width:48px;height:48px;margin:0 8px}.card-contact svg.line path{fill:#7DD245!important}.card-contact .qrcode{width:65px;height:65px;background-color:#fff;padding:0;border-radius:10px}.card-contact .qrcode img{border-radius:10px}.section-map{height:800px}.section-map iframe{width:100%;height:100%}.conract-shape-footer{width:100%;position:absolute;left:0;right:0;bottom:-200px;z-index:100}@media (max-width:1550px){.card-contact{padding:20px 25px}.card-contact h3{font-size:16px}.card-contact h6{font-size:16px}}@media (max-width:1440px){.form-contact-shape{bottom:-60px;left:30%}.form-contact{padding:40px 65px}.form-contact h5{font-size:30px}.form-contact h5 .icon-chat-smile{width:40px;height:40px}.element-animate.contact .element.x2{width:220px;right:-30px;bottom:5%}.imgbox.contact .message-block{top:40px;left:-50px}.imgbox.contact .message-pop{height:48px;border-radius:18px}.card-contact .qrcode{width:55px;height:55px}}@media (max-width:1199px){.contact-form-wrapper{margin-left:0;margin-right:0}.form-contact-shape{bottom:-40px;right:-20px}.mw-278{max-width:100%}.card-contact{margin-top:40px}.conract-shape-footer{bottom:-100px}.section-map{position:relative;padding-top:0!important;height:600px}.section-map iframe{height:700px;position:absolute;top:0;left:0;right:0}}@media (max-width:1024px){.form-contact{padding:40px 35px}.imgbox.contact{padding-left:70px}.imgbox.contact .message-block{top:20px;left:0;max-width:165px}.element-animate.contact .element.x2{width:220px;right:-48px;bottom:16%}}@media (max-width:991.98px){.contact-form-wrapper{margin-top:10px}.contact-form-wrapper .img-banner{max-width:300px;margin:0 auto;display:block}.imgbox.contact{padding-left:0;max-width:500px;margin:0 auto}.imgbox.contact .message-block{left:-60px}.element-animate.contact .element.x2{width:220px;right:0;bottom:0}}@media (min-width:600px) and (max-width:991.98px){.card-contact{flex-direction:column}.card-contact .group{height:45px;margin-bottom:0}.card-contact h3{margin:10px 0 20px}.card-contact h6{font-size:18px}.card-contact .cols.ml-auto{margin:0!important;display:flex}.card-contact .icons{margin-left:0!important}}@media (max-width:599px){.row.contact-line-qrcode>div{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.section-map{height:300px}.section-map iframe{height:350px}.conract-shape-footer{bottom:-50px}}@media (max-width:576px){.contact-form-wrapper{margin-left:-35px;margin-right:-35px}.contact-form-wrapper .img-banner{max-width:170px}.form-contact-shape{bottom:-20px;right:0;border-radius:20px}.form-contact .btn[type=submit]{width:100%;margin-top:15px}.form-contact .form-group{margin-bottom:10px}.imgbox.contact .message-block{left:-20px}.element-animate.contact .element.x1{width:44px;bottom:5%;left:10%}.card-contact{margin-top:20px}}.section.about-teaching{padding:55px 0}.about-teaching.s1{padding-bottom:0}.about-teaching.s1 .background{background-image:url(../img/thumb/paper-texture.png);z-index:1}.about-teaching.s1 .background:before{content:'';position:absolute;left:0;right:0;bottom:0;height:250px;background-size:auto;background-repeat:no-repeat;background-position:top center;background-image:url(../img/thumb/about-teaching-shape-1.svg)}.about-teaching.s2{background-color:#f9fafc;padding-top:0}.about-teaching.s2:before{content:'';position:absolute;left:0;right:0;bottom:0;height:350px;background-color:#fff}.about-teaching.s2 .background{background-position:bottom center;background-image:url(../img/thumb/about-teaching-shape-1.svg)}.about-teaching.s5{padding-bottom:100px}.about-teaching.s5 .background{background-position:bottom center;background-image:url(../img/thumb/paper-texture.png)}.about-teaching.s5 .background:before{content:'';position:absolute;left:0;right:0;bottom:0;height:300px;background-size:auto;background-repeat:no-repeat;background-position:top center;background-image:url(../img/thumb/about-teaching-shape-2.svg)}.about-teaching.s5 img.img{position:relative;top:-40%}@media (max-width:1550px){.about-teaching.s5{padding-bottom:13vw}}@media (max-width:1440px){.about-teaching.s5{padding-bottom:15vw}.about-teaching.s5 img.img{position:absolute;right:0;top:-8vw;width:400px!important}}@media (max-width:1024px){.about-teaching.s5 img.img{position:absolute;right:50px;top:-8vw;width:32vw!important}}@media (max-width:991.98px){.about-teaching.s4 img.w-100{max-width:476px!important;margin:0 auto!important;display:block}.about-teaching.s5{padding-bottom:250px}.about-teaching.s5 img.img{right:0;top:0;width:40vw!important}}@media (max-width:576px){.about-teaching.s1{padding-top:10px}.about-teaching.s1 img.w-100{max-width:280px;margin:0 auto;display:block}.about-teaching.s1 .btn.next{margin-top:-50px}.section.about-teaching.s4{padding-bottom:0;padding-top:0}.about-teaching.s5 img.img{top:-8vw}}.footer{display:block;background-color:var(--blue);position:relative;z-index:1002}.footer-shape{height:130px;position:relative;display:block;margin-top:-130px;z-index:100}.footer-shape .background{top:0;height:400px;bottom:auto;background-image:url(../img/thumb/footer-texture.svg);background-repeat:no-repeat;background-position:top center;background-size:auto}.footer-infos{display:block;font-size:var(--f-15);font-weight:300;color:#fff}.footer-infos .col-left{-ms-flex:0 0 72%;flex:0 0 72%;max-width:72%}.footer-infos .col-right{-ms-flex:0 0 28%;flex:0 0 28%;max-width:28%}.footer-infos .logo{display:block;width:131px;margin-bottom:40px}.footer-infos h4{font-size:var(--f-18);font-weight:400}.footer-infos h3{font-size:var(--f-28);font-weight:500}.footer-infos hr{margin:20px 0;background-color:#ffa01a;border-radius:10px;width:24px;height:4px;border:0}.footer-infos .address{display:block;padding-right:50px}.footer-infos .address h4{margin-bottom:13px}.footer-links .cols:nth-child(1){width:36%}.footer-links .cols:nth-child(2){width:30%}.footer-links .cols:nth-child(3){width:34%}.footer-links ul.nav{padding-top:0;flex-direction:column;width:100%}.footer-links ul.nav li a{display:block;position:relative;padding:5px 0 5px 20px}.footer-links ul.nav li a:before{content:'';position:absolute;top:15px;left:0;width:5px;height:5px;border-radius:50%;background-color:#fff;transition:var(--animate-duration-2s)}.pc .footer-links ul.nav li a:hover{color:var(--orange)}.pc .footer-links ul.nav li a:hover:before{background-color:var(--orange)}.footer-links{display:flex;-ms-flex-pack:justify;justify-content:space-between}.footer-infos .infos-box{background:#fff;border-radius:20px;display:flex;flex-direction:column;padding:45px 35px;height:432px;color:#000;font-size:var(--f-14)}.footer-infos .infos-box p,.footer-infos .infos-box>div{margin-top:auto;margin-bottom:0}.followus{display:flex;margin-left:-5px;margin-right:-5px}.followus .icons{width:32px;height:32px;display:flex;margin:0 5px;background-size:16px;border:1px solid var(--blue);border-radius:50%;top:0}.followus .icon-facebook{background-image:url(../img/icons/icon-facebook-fill.svg)}.followus .icon-line{background-image:url(../img/icons/icon-line-fill.svg)}.followus .icon-mail{background-image:url(../img/icons/icon-mail-fill.svg)}.pc .followus .icons:hover{opacity:.7}.footer-contact{display:block;background:linear-gradient(90deg,#014094 43.83%,rgba(1,64,148,0) 68.85%);margin-top:-55px;position:relative}.contact-item{display:flex;padding:22px 0;color:#8fb5e7;font-size:var(--f-28);font-weight:300}.contact-item .icons{width:32px;height:32px;margin:auto;margin-right:15px}.contact-item .icon-phone{background-image:url(../img/icons/icon-calling.svg)}.contact-item .icon-line{background-image:url(../img/icons/icon-line-fill-2.svg)}.pc .contact-item:hover{color:var(--orange)}.footer-copyright{background-color:#003d8e;color:#fff;font-size:var(--f-14);font-weight:300;padding:21px 0}.footer-copyright .cols:nth-child(2){margin-left:auto}.footer-copyright .cols:nth-child(2) .line{padding:0 20px}.pc .footer-copyright a:hover{color:var(--orange)}@media (max-width:1440px){.footer-shape{height:100px}.footer-infos .infos-box{padding:35px 30px;min-height:390px;height:auto}.footer-infos h3{font-size:var(--f-24)}.footer-infos .logo{margin-bottom:20px}.contact-item .icons{width:28px;height:28px}.footer-infos .address{padding-right:30px}}@media (max-width:1280px){.footer-infos .address{padding-right:10px}.footer-links .cols:nth-child(1),.footer-links .cols:nth-child(2),.footer-links .cols:nth-child(3){width:auto}.footer-infos .infos-box{padding:25px 20px;min-height:0;font-size:13px}.footer-infos .infos-box p{margin-top:10px}.footer-infos .infos-box>div{margin-top:20px}.footer-infos .col-left{padding-right:30px}}@media (max-width:991.98px){.footer-infos .col-left,.footer-infos .col-right{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.footer-contact{margin-top:0}.footer-infos .infos-box{padding:40px;margin:50px 0 80px;height:auto;position:relative}.footer-infos .infos-box h3 br{display:none}.footer-infos .infos-box>div.followus{position:absolute;bottom:40px;right:55px;margin-top:0}}@media (max-width:767px){.contact-item{font-size:14px;flex-direction:column;padding:18px 0}.contact-item .icons{width:22px;height:22px;margin:0 auto}.footer-copyright{text-align:center;font-size:11px}.footer-copyright .cols:nth-child(2) .line{padding:0 5px}.footer-infos .infos-box{padding:20px;margin:10px 0 75px 0;height:auto;position:relative}.footer-infos .infos-box>div.followus{bottom:24px;right:25px}.footer-infos .infos-box .btn{height:38px;line-height:36px;border-radius:10px}.footer-links{flex-direction:column}.footer-links .cols{padding:15px 0}.footer-infos hr{margin:10px 0}.footer-infos .address{padding-right:0}}.page-login{background-color:#fff;height:100vh;margin-right:150px}.page-login .card-photo{background-color:var(--blue);background-position:top center;background-size:177px;background-repeat:repeat-x;background-image:url(../img/thumb/paper-texture-blue.png);height:100%;display:flex;flex-direction:column}.page-login .card-photo:before{content:'';position:absolute;left:0;right:0;bottom:0;height:20vw;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#02449b 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#02449b 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#02449b 100%)}.page-login .card-photo .photo{position:absolute;left:0;right:0;bottom:0;z-index:100}.page-login .navbar-brand{margin:40px auto}.page-login .card-photo .group{margin:0 auto;padding:2vw 0;position:relative;z-index:300}.page-login .card-photo h3{color:#ff5841;font-size:64px;font-weight:600;display:flex;line-height:1.3}.page-login .card-photo p{color:#fff;font-size:var(--f-24);display:flex}.page-login .card-photo .icon-smile{width:56px;height:56px;margin:auto auto auto 20px;position:relative;top:2px;background-image:url(../img/icons/icon-smiling-face-with-smiling-eyes.png)}.page-login .card-photo p .icon-arrow{width:20px;height:20px;margin:auto auto auto 15px;position:relative;top:2px;border-radius:50%;background-color:#ff5841;background-image:url(../img/icons/icon-arrow-next-white.svg);background-size:9px;background-position:50% 6px}.page-login .card-header{display:flex;border:0;flex-direction:column;max-width:366px;margin:0 auto;background-color:transparent}.page-login .card-body{max-width:366px;margin:0 auto;padding:0}h3.card-title{font-size:32px;text-align:center;color:var(--blue);position:relative;margin:0 auto 20px}h3.card-title.line span{display:inline-block;position:relative;padding:0 15px;z-index:1}h3.card-title.line:before{content:'';position:absolute;left:0;right:0;bottom:5px;height:12px;background-color:#dde5f0;border-radius:12px}.card-header .register-type .photo{margin-bottom:10px}.card-header .register-type>div:first-child:before{display:none}.card-header .register-type img.shape{top:-8px;left:15px}.file-input{display:inline-block;text-align:left;background:#fff;padding:16px;width:100%;position:relative;border-radius:3px}.file-input>[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:10;cursor:pointer}.file-input>.button{display:inline-block;cursor:pointer;background:0 0;padding:8px 16px;border-radius:2px;margin-right:8px}.file-input>.label{color:#333;white-space:nowrap;opacity:.3}.file-input.-chosen>.label{opacity:1}.file-input.button{background-color:transparent;border:1px solid var(--orange);border-radius:15px;height:48px;line-height:46px;text-align:center;padding:0 20px}.file-input.button>.label{opacity:1;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;font-weight:400;font-size:14px}.file-input.button>.label:before{content:'';position:relative;display:inline-block;top:-3px;width:22px;height:22px;margin-right:10px;vertical-align:middle;background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(../img/icons/icon-direct-send.svg)}@media (min-width:992px){.h-lg-100{height:100%}}@media (max-width:1550px){.page-login .card-photo h3{font-size:52px}.page-login .card-photo .icon-smile{width:45px;height:45px;margin-left:10px}}@media (max-width:1440px){.page-login .card-photo h3{font-size:45px}.page-login .card-photo p{font-size:20px}.page-login .card-photo p .icon-arrow{width:18px;height:18px;background-position:50% 5px}.page-login .card-photo .group{padding-top:1vw}}@media (max-height:600px){.page-login{height:auto}}@media (max-width:1280px){.page-login{margin-right:100px}}@media (max-width:1199px){.page-login{margin-right:50px}}@media (max-width:1024px){.page-login{margin:0}.page-login .card-photo h3{font-size:35px}.page-login .card-photo .icon-smile{width:35px;height:35px;margin-left:10px}.page-login .card-photo p{font-size:16px}.page-login .card-photo p .icon-arrow{width:15px;height:15px;background-position:50% 4px;background-size:8px;margin-left:8px}}@media (max-width:991.98px){.page-login{height:auto;padding-bottom:30px;min-height:100vh}.page-login .card-photo{height:auto;background-position:center center}.page-login .card-photo .photo{position:relative;margin:auto auto 0;display:none}.page-login .card-photo .group{position:relative;left:0;top:0;right:0;display:flex;flex-direction:column;padding-bottom:50px}.page-login .card-header{padding-top:50px}.page-login .card-photo h3{font-size:40px}.file-input.button>.label:before{width:18px;height:18px}}@media (max-width:767px){.file-input.button{height:40px;line-height:36px;border-radius:10px}.file-input.button>.label{font-size:13px}}@media (max-width:576px){.page-login .card-photo h3{font-size:25px}.page-login .card-photo p{font-size:14px}.page-login .card-photo .icon-smile{width:25px;height:25px;margin-left:10px}.page-login .card-body{padding:0 30px}h3.card-title{font-size:24px}h3.card-title.line:before{height:8px}.file-input.button{padding:0 10px}.file-input.button>.label:before{width:14px;height:14px;top:-2px;margin-right:5px}.file-input.button>.label{font-size:12px}}.nav-tabs.normal{border-bottom:1px solid #eaeaea;padding-bottom:0;margin-bottom:30px!important}.nav-tabs.normal li{margin:0 1px}.nav-tabs.normal li a{font-size:var(--f-20);font-weight:400;color:var(--black);display:block;padding:10px 45px;position:relative}.nav-tabs.normal li a:before{content:'';position:absolute;left:0;right:0;bottom:-3px;background-color:var(--orange-dark);height:5px;border-radius:10px;opacity:0;transition:all .2s ease-in-out}.nav-tabs.normal li a.active{color:var(--orange-dark);font-weight:600}.nav-tabs.normal li a.active:before{opacity:1}.pc .nav-tabs.normal li a:hover{color:var(--orange-dark)}.nav-tabs.normal.lang li a{width:160px;text-align:center;padding-left:0;padding-right:0}.form-group.multiselect .btn-group{width:100%}.form-group.multiselect .btn-group .btn{padding:0 13px;height:48px;line-height:46px;font-size:14px;font-weight:300;border-radius:10px;outline:0!important;box-shadow:none!important;border-radius:15px;border:1px solid #f9fafc;font-family:inherit;color:rgba(0,0,0,.5);background:#f9fafc url(../img/icons/icon-arrow-down.svg) no-repeat right .75rem center/12px 12px}.form-group.multiselect .btn-group .btn:after{display:none}.form-group.multiselect .multiselect-selected-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;display:block;width:90%;text-align:left}.multiselect-container{padding:0;width:100%;background-color:#fff;border-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden;overflow-y:auto;height:200px;-webkit-overflow-scrolling:touch}.multiselect-container li a{display:block;font-size:14px}.multiselect-container li a label{margin:0;padding:5px 10px;width:100%;display:block}.multiselect-container li input{position:relative;top:1px;margin-right:5px}.pc .multiselect-container li a:hover{background-color:#f1f1f1}@media (max-width:576px){.nav-tabs.normal.lang li a{width:auto;padding-left:30px;padding-right:30px}}img.w-90{width:90px;margin:auto}.card-profile-upload.loading{padding-top:0}.card-profile-upload.loading h3{margin-bottom:auto}.card-progress{display:flex;flex-direction:column;margin-top:auto;margin-bottom:10px}.card-progress h6{text-align:center;width:100%;color:var(--blue);font-size:13px;font-weight:400;margin-bottom:5px}.card-progress .progress{height:7px;background-color:#ebf4ff;border-radius:50px;max-width:125px;margin:0 auto;width:100%}.card-progress .progress-bar{background-color:var(--orange-dark)}