body,html{margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-clear-400),sans-serif;font-size:16px}body .text-primary{color:#048744}body .container{max-width:1690px}body a,body button{font-size:16px}body h2{font-size:32px;font-family:var(--font-clear-700),sans-serif}@media screen and (max-width:768px){body h2{font-size:24px}}@media screen and (max-width:1024px){body h2{font-size:26px}}body h3{font-size:24px;font-family:var(--font-clear-700),sans-serif}@media screen and (max-width:768px){body h3{font-size:18px}}@media screen and (max-width:1024px){body h3{font-size:20px}}body h4{font-size:20px;font-family:var(--font-clear-700),sans-serif}@media screen and (max-width:768px){body h4{font-size:16px}}@media screen and (max-width:1024px){body h4{font-size:18px}}body h5{font-size:16px;font-family:var(--font-clear-700),sans-serif}@media screen and (max-width:768px){body h5{font-size:14px}}@media screen and (max-width:1024px){body h5{font-size:18px}}body h1{font-size:54px;font-family:var(--font-clear-700),sans-serif;line-height:1}@media screen and (max-width:768px){body h1{font-size:32px}}@media screen and (max-width:1024px){body h1{font-size:42px}}.bt-general{background:linear-gradient(180deg,rgb(23,55,27),rgb(4,135,68));color:#fff}.custom-header{border-bottom:1px solid rgba(24,24,24,.08);justify-content:center;display:flex}.custom-header .navbar header{max-width:100%!important;padding:0 10px!important}.custom-header .navbar .bt-login{background:linear-gradient(180deg,rgb(23,55,27),rgb(4,135,68));color:#fff;font-size:14px}.custom-header .navbar .bt-signup{border:1px solid #048744;background:none;font-size:14px}.custom-header .navbar .btn-teachon{font-size:14px}.custom-header .navbar .nav-end{gap:10}.custom-header .language{width:40px!important;height:40px!important;border:1px solid #048744;border-radius:12px;display:inline-flex!important;background:none}.custom-header .search-block,.custom-header .search-block .search{width:100%!important}.custom-header .search-block .search .input{border:1px solid #8d8c8c;border-radius:12px}.custom-header .search-block .search button{font-size:12px}.custom-header .logo{width:100px;height:35px}.custom-header .navigation{display:flex}.custom-header .navigation .item{font-size:14px;margin:0 10px;white-space:nowrap}.custom-header .navigation .submenu{padding:10px 0 15px}.custom-header .navigation .submenu .item{white-space:wrap;line-height:1;width:200px!important}.custom-header .navigation .submenu .item a{background:red}.bennefits-item{background:#f1f1f1;border-radius:15px;display:flex;align-items:center;font-family:var(--font-clear-500),sans-serif;width:100%;box-sizing:border-box;padding:15px;line-height:1}.footer,.footer a{font-size:14px}.footer hr{background:rgba(141,140,140,.5)}.faq-home{background:#f1f1f1;border-radius:20px}.faq-home .custom-accordion .acc-heading span{font-family:var(--font-clear-400),sans-serif!important;color:#676767;font-size:16px}.faq-home .custom-accordion .acc-item{font-family:var(--font-clear-400),sans-serif!important;font-size:14px}.parnters{color:#8d8c8c;font-size:16px}.parnters .image{filter:grayscale(100%);transition:all .5s ease}.parnters .image :hover{filter:none}.become-teacher-home{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(126deg,rgb(24,24,24),rgb(100,100,100))}.become-teacher-home .responsive-img{object-fit:cover!important;width:100%}.become-teacher-home .info{background:linear-gradient(126deg,rgb(24,24,24),rgb(100,100,100));align-content:center;padding:25px;color:#fff;box-sizing:border-box}.become-teacher-home .info .bt-button{background:#048744;color:#fff}.become-teacher-home .info li{position:relative;padding-left:30px;margin-bottom:5px}.become-teacher-home .info li:before{content:"✓";position:absolute;left:0;color:#048744;font-weight:700;width:20px;height:20px;text-align:center;border-radius:100%;border:1px solid #048744;font-size:12px}.become-teacher-home .info .title{font-size:40px;font-family:var(--font-clear-700),sans-serif;line-height:1}@media screen and (max-width:768px){.become-teacher-home .info .title{font-size:24px}}@media screen and (max-width:1024px){.become-teacher-home .info .title{font-size:30px}}.become-student-home{position:relative;border-radius:20px;overflow:hidden;background:#f1f1f1}.become-student-home .responsive-img{object-fit:cover!important;width:100%!important}.become-student-home .info{align-content:center;padding:25px;box-sizing:border-box}.become-student-home .info .bt-button{background:linear-gradient(180deg,rgb(23,55,27),rgb(4,135,68));color:#fff}.become-student-home .info li{position:relative;padding-left:30px;margin-bottom:5px}.become-student-home .info li:before{content:"✓";position:absolute;left:0;color:#048744;font-weight:700;width:20px;height:20px;text-align:center;border-radius:100%;border:1px solid #048744;font-size:12px}.become-student-home .info .title{font-size:40px;font-family:var(--font-clear-700),sans-serif;line-height:1}@media screen and (max-width:1024px){.become-student-home .info .title{font-size:30px}}@media screen and (max-width:768px){.become-student-home .info .title{font-size:24px}}.home-banner{position:relative!important}.home-banner .adv-image{object-fit:cover!important;background-repeat:no-repeat;width:100%;z-index:0!important;margin:0;padding:0;border-radius:20px}@media screen and (max-width:1024px){.home-banner .adv-image{height:350px}}.home-banner .details{position:relative!important}.home-banner .slick-slider{z-index:0}.home-banner .slick-arrow{z-index:1}.home-banner .slick-arrow.slick-next{right:0!important}.home-banner .slick-arrow.slick-next:before{content:"›"}.home-banner .slick-arrow.slick-prev{left:-20px!important}.home-banner .slick-arrow.slick-prev:before{content:"‹"}.home-banner .slick-arrow:before{width:40px;height:40px;box-shadow:0 0 5px rgba(24,24,24,.5);display:inline-block;font-size:30px;border-radius:100%;background:#fff;opacity:1!important;color:#181818;transition:all .5s ease}.home-banner .slick-arrow:hover{opacity:.9}.home-banner .info{z-index:100!important;padding:25px;position:absolute;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:stretch;height:100%!important;max-width:50%!important;color:#fff}@media screen and (max-width:1024px){.home-banner .info{max-width:100%!important;height:auto;font-size:13px}.home-banner .info h1{font-size:24px!important}}.home-banner .info .btn-button{background:linear-gradient(180deg,rgb(23,55,27),rgb(4,135,68));color:#fff}@media screen and (max-width:1024px){.home-banner .info .btn-button{font-size:12px}}.custom-breadcrumb{border-bottom:1px solid rgba(24,24,24,.08)}.custom-breadcrumb a{font-size:14px}.custom-breadcrumb li span{color:#676767!important;text-wrap:auto}.custom-breadcrumb li span svg{color:#676767}.atachments{background:#f1f1f1}.atachments .item{padding:10px 0;border-top:1px solid rgba(24,24,24,.08)}.atachments .item:first-child{border-top:none}.atachments a{text-decoration:underline}.container-h{min-height:77vh}.custom-input label{font-family:var(--font-clear-600),sans-serif!important;letter-spacing:.25px}.custom-input [data-slot=input-wrapper]{background:#fff;border-radius:12px!important;border:1px solid #8d8c8c!important;transition:all 1s ease;box-shadow:none!important}.custom-input [data-slot=inner-wrapper]{box-shadow:none!important;outline:none!important;border:none!important;background:none!important}.divider-with-text{display:flex;align-items:center;width:100%;color:#181818;margin:1rem 0;font-size:12px}.divider-with-text .divider-text{margin:0 .5rem;white-space:nowrap}.divider-with-text:after,.divider-with-text:before{content:"";flex:1;height:1px;background:#e9e9e9}.facebook-login,.google-login{border:1px solid #8d8c8c;font-size:14px;background:#f1f1f1;display:flex}.facebook-login .icon,.google-login .icon{display:block;width:20px!important;height:20px!important}.link-forgot{color:#181818!important;text-decoration:underline;font-size:14px;transition:all .5s ease}.link-forgot:hover{color:#048744!important;text-decoration:none}.custom-checkbox{font-size:14px!important}.custom-checkbox svg{stroke-width:1!important}.custom-checkbox span{font-size:14px!important;margin-right:5px!important}.custom-checkbox span:before{border:1px solid #181818!important;border-radius:7px!important}.custom-checkbox .text-foreground{margin-top:2px}.custom-checkbox .text-foreground:before{border:0 solid #181818!important}.special-custom-radio{width:100%!important}.special-custom-radio label{border:1px solid #8d8c8c!important;width:100%!important;border-radius:10px;display:flex!important;flex-basis:100%!important}.special-custom-radio label .element{margin:10px!important}.link-login{color:#048744;text-decoration:underline}.link-login:hover{text-decoration:none}.bt-back{padding:10px!important;font-size:14px;background:#f1f1f1}.card-general{border:1px solid #e9e9e9;border-radius:12px}.card-general:hover{opacity:none}.custom-alert .danger-alert{background:hsla(0,100%,90%,.15)!important;border-radius:12px!important}.custom-alert .danger-alert .link{padding:0!important;margin:0!important;font-size:14px;line-height:auto!important;height:auto!important;background:none!important;color:#e80000;text-decoration:underline}.custom-alert .danger-alert .link:hover{text-decoration:none}.custom-profile .active,.custom-profile .inactive{margin:10px 0}.custom-profile .inactive{cursor:pointer}.custom-profile .custom-tabs{color:#181818;transition:all .2s ease}.custom-profile .custom-tabs:hover{color:#8d8c8c}.custom-profile .custom-tabs.active{color:#048744}.cookie .bt-cookie{display:inline-block;background:none;color:#048744;padding:0!important;margin:0!important;height:auto!important;text-decoration:underline}.cookie .bt-cookie:hover{text-decoration:none}.teach-on-banner{position:relative;width:100%}.teach-on-banner .adv-image{z-index:0;border-radius:25px;object-fit:cover;max-height:500px}.teach-on-banner .info{position:absolute;z-index:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:flex-start;align-content:flex-start;overflow:visible;height:100%!important;max-width:50%!important;padding:25px;box-sizing:border-box;color:#fff}.teach-bennefits{box-shadow:0 0 5px #f1f1f1;border-radius:15px;border:1px solid #f1f1f1}.teach-bennefits .icon{width:150px;margin:auto}.teach-on-statistics .item{box-shadow:0 0 10px #f1f1f1;border-radius:15px;padding:15px;text-align:center;border:1px solid #f1f1f1;background:linear-gradient(126deg,rgb(24,24,24),rgb(100,100,100));color:#fff}.teach-on-testimonial .info{font-size:18px}.teach-on-testimonial .info .text{font-size:14px}.teach-on-testimonial .custom-slider{padding:0!important;margin:0!important}.teach-on-testimonial .custom-slider .slick-slide{border-radius:25px;position:relative;overflow:hidden;background:#f1f1f1}.teach-on-testimonial .slick-arrow{z-index:1}.teach-on-testimonial .slick-arrow.slick-next{right:0!important}.teach-on-testimonial .slick-arrow.slick-next:before{content:"›"}.teach-on-testimonial .slick-arrow.slick-prev{left:-20px!important}.teach-on-testimonial .slick-arrow.slick-prev:before{content:"‹"}.teach-on-testimonial .slick-arrow:before{width:40px;height:40px;box-shadow:0 0 5px rgba(24,24,24,.5);display:inline-block;font-size:30px;border-radius:100%;background:#fff;opacity:1!important;color:#181818;transition:all .5s ease}.teach-on-testimonial .slick-arrow:hover{opacity:.9}.teach-on-steps .font-size{font-size:20px;color:#181818!important;padding:10px 15px;font-family:var(--font-clear-600),sans-serif}.teach-on-steps .all-tabs{box-shadow:none!important;border:0!important;padding:0}.tech-on-bottom{background:#f1f1f1;border-radius:25px}.bt-green{background:#048744;color:#fff}.parent-settings .btn-add{border:1px solid #048744!important;color:#048744;font-family:var(--font-clear-400),sans-serif!important}.parent-settings .parent-item{border:1px solid #f1f1f1;border-radius:10px}.parent-settings .add-child{border:1px solid #f1f1f1!important;border-radius:15px}.custom-select label{font-family:var(--font-clear-600),sans-serif!important;letter-spacing:.25px}.custom-select button{border:0!important;box-shadow:none!important;outline:none!important}.custom-select [data-slot=mainWrapper]{background:#fff;border-radius:12px!important;border:1px solid #8d8c8c!important;transition:all 1s ease;box-shadow:none!important;outline:none!important}.custom-select [data-slot=inner-wrapper]{box-shadow:none!important;outline:none!important;border:none!important;background:none!important}.section-filter .title{cursor:pointer;font-size:16px;font-family:var(--font-clear-600),sans-serif!important;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 0}.section-filter{border-bottom:1px solid #f1f1f1}.section-filter .content{margin-bottom:15px;font-size:12px!important;display:flex;flex-direction:column}.section-filter .content .item{margin:2px 0}.section-filter .content .item span{font-size:14px!important}.custom-radio-filter{margin-bottom:15px;display:flex}.custom-radio-filter span{font-size:14px!important}.course-item h3{font-size:16px!important;line-height:1.2;margin-bottom:5px}.course-item .price-bold{font-family:var(--font-clear-700),sans-serif!important}.course-item p{font-size:14px;line-height:1.2;color:#444}.course-item .categories,.course-item .teacher{font-size:12px;color:#444}.course-item .chip-list .custom-chip{font-size:12px;padding:5px;line-height:1;height:auto!important;background:#f1f1f1;color:#444}.custom-sort{max-width:200px;min-width:200px;margin:0;padding:0}.custom-sort [data-slot=base]{height:auto;margin:0;padding:0}.custom-sort [data-slot=base] label{margin-bottom:0!important;display:none}.search-page{margin-top:15px;width:100%}.search-page .search{width:100%!important}.search-page .search .input{border:1px solid #8d8c8c;border-radius:12px}.search-page button{font-size:12px}.price-tabs{position:relative;display:flex;gap:30px;align-items:flex-end;padding:0 0 8px;margin:0}.price-tabs .tab{position:relative;padding:10px 14px 12px;cursor:pointer;color:#b6b6b6;transition:color .2s ease;font-family:var(--font-clear-600),sans-serif}.price-tabs .tab.active{color:#181818;font-family:var(--font-clear-700),sans-serif}.price-tabs .tab.inactive{color:#b6b6b6}.price-tabs .tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#181818;border-radius:1px}.tab-full{position:relative;padding:10px 14px 12px;cursor:pointer;color:#b6b6b6;transition:color .2s ease;font-family:var(--font-clear-600),sans-serif;width:100%}.tab-full.active{color:#181818;font-family:var(--font-clear-700),sans-serif}.tab-full.inactive{color:#b6b6b6}.tab-full.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#181818;border-radius:1px;width:100%}.filter-link-category{cursor:pointer;font-size:14px;transition:all .5s ease}.filter-link-category:hover{color:#048744}.btn-filter-mobile{border:1px solid #8d8c8c;background:none;padding:15px;height:42px}.course-detail .section-antet{background:rgba(4,90,135,.07);border-radius:10px;font-size:16px}.course-detail .section-antet h2{font-family:var(--font-clear-700),sans-serif}.course-detail .section-antet .categories{font-size:12px;color:#8d8c8c}.course-detail .section-antet .teacher-info .name{color:#048744}.course-detail .shedule .item{background:rgba(4,135,68,.09);border-radius:10px}.course-detail .shedule .item h6{font-family:var(--font-clear-700),sans-serif}.course-detail .shedule .item .data{font-size:13px;color:#048744;border-radius:5px;border:1px solid #048744;padding:5px 5px 1px}.course-detail .shedule .item .period{font-size:14px;padding:10px 0}.course-detail .card-course,.course-detail .courseContent{border-radius:10px;border:1px solid rgba(17,17,17,.15)}.course-detail .courseContent{background:#fafafa}.course-detail .courseContent .info-accordion{background:#fff}.course-detail .price-tabs{border-bottom:1px solid rgba(17,17,17,.15);padding:0}.course-detail .price-tabs .tab{width:50%;text-align:center;margin:0}.course-detail .price-card{font-family:var(--font-clear-700),sans-serif!important;font-size:24px}.course-detail .card-instructor{background:#f1f1f1;border-radius:10px;border:1px solid rgba(17,17,17,.15)}.course-detail .card-right{border:1px solid rgba(17,17,17,.15);border-radius:10px}.review-tmp{border-radius:10px;border:1px solid #f1f1f1;box-shadow:2px 2px 8px rgba(24,24,24,.08);align-items:stretch}.review-tmp .mark{font-size:40px}.review-tmp .name{font-family:var(--font-clear-700),sans-serif}.review-tmp .comment{font-size:14px;line-height:1.25;text-align:justify}.home-tendency{border:1px solid #e9e9e9;border-radius:10px}.home-tendency .price-tabs{border-bottom:1px solid #e9e9e9;padding-bottom:0;text-align:center}.home-tendency .price-tabs .tab{width:25%;text-wrap:nowrap}@media screen and (max-width:768px){.home-tendency .price-tabs .tab{font-size:12px}}.home-tendency .link-tendency{color:#048744;text-align:center;padding:10px;border-top:1px solid #e9e9e9}.home-tendency .link-tendency a{display:flex;flex-direction:row;justify-content:center;align-items:center}.teacher-public .info{background:rgba(4,135,68,.09);border-radius:10px;font-size:14px;line-height:1.2}.teacher-public .social{display:flex;flex-direction:row;font-size:12px;color:#048744;flex-wrap:wrap}.teacher-public .social li a{font-size:14px!important}.navigator-main,.navigator-main a{font-size:14px;line-height:1!important;white-space:nowrap}.submenu-navigator{z-index:100;left:0;right:0;position:fixed;font-size:14px}.submenu-navigator a{font-size:14px;transition:all .5s ease}.submenu-navigator a:hover{color:#048744}.submenu-navigator .submenu-container{background:#fff;box-shadow:0 10px 10px rgba(24,24,24,.08)}.submenu-navigator .item-general{font-weight:600}.bt-back-menu{padding:0!important;margin:0!important}.text-bold-submenu li a{font-family:var(--font-clear-600),sans-serif}.text-bold-submenu .sub-sub a,.text-bold-submenu .sub-sub span{font-family:var(--font-clear-600),sans-serif!important}.text-bold-submenu .sub-sub li a{font-family:var(--font-clear-400),sans-serif!important;padding:5px 0!important;display:block;color:#676767}.btn-primary-mobile{background:linear-gradient(180deg,rgb(23,55,27),rgb(4,135,68));padding:8px 15px;color:#fff;border-radius:7px}.btn-primary-mobile,.btn-utlined-mobile{width:100%;text-align:center;display:block}.btn-utlined-mobile{color:#048744;border:1px solid #048744;padding:6px 15px;border-radius:7px}.common-menu{display:flex;flex-direction:column;background-color:#f1f1f1;border-radius:15px;padding:10px}.common-menu .item{margin-bottom:5px}.common-menu .item:last-child{margin-bottom:0}.common-menu .item:hover{color:#048744}.plan-list{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.plan-list .plan-item{margin-bottom:10px}.plan-list .plan-item:last-child{margin-bottom:0}.module-list .module-item{cursor:pointer;border:1px solid #e9e9e9;background:#f9f9f9}.module-list .module-item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.module-list .module-item:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.module-list .module-item .module-item-content{padding:10px;border-radius:inherit;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.module-list .module-item .module-item-content:hover{background:#e9e9e9}.module-list .module-item .module-item-content .module-item-content-text{flex:1;min-width:0}.module-list .module-item .module-item-content .module-item-description{font-size:12px;color:#676767;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-list .module-item .module-item-content .module-item-description.long{white-space:normal;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;text-overflow:unset}.module-list .module-item .module-item-lectures{padding:10px;background:#fff}.module-list .module-item .module-item-lectures .lecture-item{width:100%;padding:10px;border-bottom:1px solid #e9e9e9;cursor:pointer}.module-list .module-item .module-item-lectures .lecture-item.selected,.module-list .module-item .module-item-lectures .lecture-item:hover{background:#e9e9e9}.module-list .module-item .module-item-lectures .lecture-item .lecture-item-status{width:10%}@supports selector(:has(*)){.module-list .module-item .module-item-lectures .lecture-item:hover:has(.resource-block:hover){background:rgba(0,0,0,0)}}.module-list .module-item .module-item-lectures .lecture-item:last-child{border-bottom:none}.module-list .module-item .module-item-lectures .lecture-item .lecture-item-title{display:flex;flex:1;flex-direction:row;justify-content:flex-start;align-items:center;width:80%;font-size:14px;font-family:var(--font-clear-600),sans-serif;flex-wrap:wrap;overflow:hidden;text-overflow:ellipsis}.module-list .module-item .module-item-lectures .lecture-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.module-list .module-item .module-item-lectures .lecture-item .resource-block{width:10%}.module-list .module-item .module-item-lectures .module-item-title{font-size:16px;font-weight:600}.resource-list .resource-list-item{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-decoration:none;padding:5px 0}.resource-list .resource-list-item:hover{text-decoration:underline}.resource-list .resource-list-item .resource-list-item-icon{margin-right:10px!important}.resource-list .resource-list-item .resource-list-item-name{font-size:12px;font-family:var(--font-clear-400),sans-serif;color:#676767}.course-resources{background:#fff;overflow:hidden}.course-resources .course-resources-inner{padding:16px;display:flex;flex-direction:column;gap:14px}@media screen and (max-width:768px){.course-resources .course-resources-inner{padding:12px;gap:12px}}.course-resources .resource-item{background:#fafafa;border:1px solid #e9e9e9;border-radius:12px;overflow:hidden}.course-resources .resource-item-module-information{padding:12px 14px;background:#f1f1f1;border-bottom:1px solid rgba(24,24,24,.08)}.course-resources .resource-item-module-information-name{font-size:16px;font-family:var(--font-clear-700),sans-serif;color:#181818;line-height:1.2}.course-resources .resource-item-module-information-description{margin-top:4px;font-size:12px;color:#676767;line-height:1.25;overflow-wrap:anywhere}.course-resources .resource-item-lectures{padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:10px}.course-resources .lecture-item{background:#fff;border:1px solid #e9e9e9;border-radius:10px;padding:12px}.course-resources .lecture-item-name{font-size:14px;font-family:var(--font-clear-600),sans-serif;color:#181818;line-height:1.2}.course-resources .lecture-item-short-description{margin-top:4px;font-size:12px;color:#676767;line-height:1.25;overflow-wrap:anywhere}.course-resources .lecture-item-resources{margin-top:10px;display:grid;gap:8px}.course-resources .lecture-item-resources li,.course-resources .lecture-item-resources p{font-size:13px;color:#181818;line-height:1.35;overflow-wrap:anywhere}.course-resources .resource-list{background:#f1f1f1;border:1px solid rgba(24,24,24,.08);border-radius:10px;padding:8px}.course-resources .resource-list .resource-list-item{padding:6px 8px;border-radius:8px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.course-resources .resource-list .resource-list-item:hover{text-decoration:none;background:#fff}.course-resources .resource-list .resource-list-item-name{overflow-wrap:anywhere}.checkout-button-parent .checkout-button-parent-item{margin-bottom:10px}.checkout-button-parent,.checkout-button-parent .checkout-button-parent-item:last-child{margin-bottom:0}.course-video-statistic{border:1px solid #e9e9e9;border-radius:12px}.course-video-statistic .course-video-statistic_grid{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center}@media screen and (max-width:768px){.course-video-statistic .course-video-statistic_grid{grid-template-columns:1fr}}.course-video-statistic .course-video-statistic_chartWrap{position:relative;width:260px;height:220px;margin:0 auto}@media screen and (max-width:768px){.course-video-statistic .course-video-statistic_chartWrap{width:100%;max-width:320px}}.course-video-statistic .course-video-statistic_chart{width:100%;height:100%}.course-video-statistic .course-video-statistic_center{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#181818}.course-video-statistic .course-video-statistic_percent{font-family:var(--font-clear-700),sans-serif;font-size:32px;line-height:1}.course-video-statistic .course-video-statistic_count,.course-video-statistic .course-video-statistic_sub{margin-top:2px;font-size:12px;color:#676767}.course-video-statistic .course-video-statistic_meta{display:flex;flex-direction:column;gap:10px}.course-video-statistic .course-video-statistic_title{font-family:var(--font-clear-700),sans-serif;font-size:16px;color:#181818}.course-video-statistic .course-video-statistic_items{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#181818}.course-video-statistic .course-video-statistic_item{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px}.course-video-statistic .course-video-statistic_item--total{grid-template-columns:1fr auto;padding-top:6px;border-top:1px solid rgba(24,24,24,.08)}.course-video-statistic .course-video-statistic_dot{display:inline-block;width:10px;height:10px;border-radius:100%}.course-video-statistic .course-video-statistic_dot--finished{background:#048744}.course-video-statistic .course-video-statistic_dot--remaining{background:#e9e9e9}.course-video-statistic .course-video-statistic_label{color:#676767}.course-video-statistic .course-video-statistic_value{font-family:var(--font-clear-700),sans-serif;color:#181818}.lesson-list .lesson-item{cursor:pointer;height:150px;border:1px solid #e9e9e9;border-radius:10px;padding:10px;margin-bottom:10px}.lesson-list .lesson-item:last-child{margin-bottom:0}.lesson-list .lesson-item:hover{background:#e9e9e9}.lesson-list .lesson-item .lesson-item-date{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.lesson-list .lesson-item .lesson-item-date .startdate{font-size:12px;color:#676767}.lesson-list .lesson-item .lesson-item-date .startdate:after{margin-left:10px;content:"-"}.lesson-list .lesson-item .lesson-item-date .enddate{font-size:12px;color:#676767}.lesson-list .lesson-item .lesson-item-title{font-size:16px;font-weight:600}.lesson-list .lesson-item .lesson-item-description{font-size:14px;color:#676767}.no-buy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;width:100%}.no-buy .title{font-size:18px;font-family:var(--font-clear-700),sans-serif;color:#000}.no-buy .description{font-size:14px;font-family:var(--font-clear-400),sans-serif;color:#000}.notification-popover{border-radius:5px!important}.notification-popover .btn-pop{font-size:14px;padding:5px 10px;box-sizing:border-box;background:#f1f1f1;width:100%;color:#181818;font-family:var(--font-clear-500),sans-serif;letter-spacing:.5px}.notification-popover .no-notification{color:#666!important}.notification-popover .item-notification-top{font-size:14px;cursor:pointer;transition:all .5s ease}.notification-popover .item-notification-top:hover{background:#f1f1f1}.notification-popover .item-notification-top .title{font-family:var(--font-clear-700),sans-serif}.notification-popover .item-notification-top .content{line-height:1.1;color:#666}.notification-popover .item-notification-top .data{font-size:11px;color:#048744;cursor:pointer}.popover-number{font-size:10px;font-family:arial;background:#048744;color:#fff}.link-read{background:none;color:#048744;padding:0}.notification-item{font-size:14px;cursor:pointer;transition:all .5s ease}.notification-item:hover{background:#f1f1f1}.notification-item .title{font-family:var(--font-clear-700),sans-serif;color:#181818;font-size:16px}.notification-item .data{color:#048744;font-size:12px}.order-item{cursor:pointer;border-bottom:1px solid #f1f1f1;transition:all .5s ease}.order-item:hover{background:#f1f1f1}.order-item .chip-item{font-size:12px;line-height:12px;height:20px!important}.order-item .chip-item span{padding:1px 5px!important}.info-bg,.my-course .header{background:#f1f1f1;border-radius:15px}.my-course .header .back-bt{padding:0!important;margin:0!important;color:#048744;background:none!important;width:10px!important}.my-course-parent .header{background:#f1f1f1;border-radius:15px}.my-course-parent .header .back-bt{padding:0!important;margin:0!important;color:#048744;background:none!important;width:10px!important}.bg-light-header{background:#f1f1f1}.dx-tooltip-appointment-item.custom-tooltip{--tooltip-gradient:var(--tooltip-gradient,#3b82f6);position:relative;padding:40px;width:inherit;height:inherit;border-radius:10px;overflow:hidden}.dx-tooltip-appointment-item.custom-tooltip:before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;background:var(--tooltip-gradient);border-radius:10px 0 0 10px}.dx-tooltip-appointment-item.custom-tooltip .custom-tooltip-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;max-width:400px}.dx-tooltip-appointment-item.custom-tooltip .custom-tooltip-marker{width:22px;height:20px;background:var(--tooltip-gradient);border-radius:50px;flex:0 0 auto}.dx-tooltip-appointment-item.custom-tooltip .custom-tooltip-text{width:100%;white-space:break-spaces}.dx-tooltip-appointment-item.custom-tooltip .custom-tooltip-actions{margin-top:16px;display:flex;justify-content:flex-end}.dx-tooltip-appointment-item.custom-tooltip .custom-tooltip-button{min-height:40px;display:inline-flex;align-items:center;gap:6px}.scheduler-page .dx-scheduler-appointment{background:none!important;margin:0!important;box-shadow:none!important}.scheduler-page .dx-scheduler-appointment-content{padding:1px!important}.custom-appointment{position:relative;height:inherit;padding-left:16px;padding-right:16px;border-radius:10px;transition:all .2s ease;min-height:inherit;overflow:hidden}.custom-appointment:hover:after{content:"";position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,.1);pointer-events:none;border-radius:inherit;transition:all .2s ease}.custom-appointment .custom-appointment-text{margin:0;text-align:left;font-weight:600;font-size:13px;padding-top:1px;padding-bottom:1px;-webkit-line-clamp:3;line-clamp:3}.custom-appointment .custom-appointment-date,.custom-appointment .custom-appointment-text{width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}.custom-appointment .custom-appointment-date{padding-top:5px;padding-bottom:5px;-webkit-line-clamp:1;line-clamp:1}.scheduler-page .dx-scheduler-work-space-month .custom-appointment{border-radius:50px;min-height:auto}.scheduler-page .dx-scheduler-work-space-month .custom-appointment .custom-appointment-text{display:flex;align-items:center;justify-content:flex-start;height:100%;padding-top:0;padding-bottom:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:unset;line-clamp:unset;text-align:center}