@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);.custom-header{width:100%;z-index:10000}.custom-header .top-header{display:flex;align-items:center;gap:8px;padding:12px 0}.custom-header .top-header a{display:flex!important}.custom-header .top-header .name{font-weight:500;font-size:14px;line-height:21px;color:var(--ks-text-color-base-black,#000)}.custom-header .top-header .name span{font-weight:700;font-size:14px;line-height:21px;color:var(--ks-text-color-heading-1,#ee2f2a)}.custom-header .bottom-header{padding:12px 0}.custom-header .bottom-header,.custom-header .bottom-header .left-navbar{display:flex;align-items:center}.custom-header .bottom-header .left-navbar>div:first-of-type a{padding-left:0}.custom-header .bottom-header .left-navbar .active{color:var(--ks-primary-color-main,#ee2f2a)!important}.custom-header .bottom-header .right-navbar{display:flex;align-items:center;gap:16px}.custom-header .bottom-header button{color:#000}.custom-header .bottom-header button:hover{background-color:transparent}.custom-header .bottom-header button a{padding:0 15px!important}.custom-header .bottom-header a{position:relative;z-index:3;font-weight:700;font-size:14px;text-decoration:none;padding:0 15px;color:#000}.custom-header .bottom-header a:hover{color:var(--ks-primary-color-main,#ee2f2a)!important}.custom-header .bottom-header .noti-number{position:absolute;right:15px;color:#fff;background:red;width:16px;height:16px;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;top:-5px;right:0}.custom-header .bottom-header .notification-panel{display:flex;color:var(--extend-primary-color);cursor:pointer;position:relative;margin-right:10px}.custom-header .cart_{margin:0 10px 0 0;cursor:pointer}.custom-header .auth-button{height:37px;padding:8px 24px;border-radius:9999px;background-color:#fff;border:1px solid var(--ks-border-color-1,#ee2f2a);font-weight:600;font-size:14px;line-height:21px;color:var(--ks-action-active,#ee2f2a)!important}.custom-header .auth-button:hover{background-color:var(--ks-action-active,#ee2f2a)!important;color:#fff!important}.navbar-box-container{top:0;width:100%;display:flex;z-index:100;position:sticky;margin-top:0;transition:.5s;align-items:center;justify-content:space-between;background:var(--ks-background-color-default,#fff);box-shadow:0 2px 8px 0 rgba(0,0,0,.078)}.navbar-box-container.fixed-header{position:fixed;top:-5px;left:0;width:100%;z-index:100;transition:.5s}.notification-menu-paper{height:400px;width:360px;scrollbar-width:thin;scrollbar-color:#d0d0d0 #f9f9f9}.notification-menu-paper::-webkit-scrollbar{width:7px;height:7px}.notification-menu-paper::-webkit-scrollbar-track{border-radius:7px;background:#f9f9f9}.notification-menu-paper::-webkit-scrollbar-thumb{border-radius:7px;background:#d0d0d0}.notification-menu-paper::-webkit-scrollbar-thumb:hover{background:#8a8a8a}.notification-menu-paper .noti-item-title{display:flex;justify-content:center;color:var(--extend-secondary-color);text-transform:uppercase;border-bottom:1px solid var(--extend-secondary-color);padding:10px}.notification-menu-paper .noti-item-footer{text-align:center;font-style:italic;padding:10px;color:var(--extend-secondary-color);font-size:14px;cursor:pointer}.notification-menu-paper .noti-item{padding:10px;border-bottom:1px solid #ddd;white-space:break-spaces;width:360px;font-size:14px;color:#333;font-weight:500}.notification-menu-paper .noti-item-avatar{width:100%;max-width:40px;margin-right:8px;border-radius:10000px;overflow:hidden}.notification-menu-paper .noti-item-avatar img{border-radius:10000px}.notification-menu-paper .noti-item:hover{background-color:#f6f6f6!important}.notification-menu-paper .noti-item.read{background-color:#fff}.notification-menu-paper .noti-item.un-read{background-color:#f6f6f6}.header-home{background-color:#fff!important}.header-home .header-home-item{justify-content:space-between;position:relative;gap:32px}.header-home .header-home-item,.header-home .header-home-item .left-header{display:flex;align-items:center}.header-home .header-home-item .left-header .name{display:flex;align-items:center;margin-left:8px;font-weight:700;font-size:12px;color:var(--ks-text-color-heading-1,#ee2f2a)}.header-home .header-home-item .right-menu-mobile{display:flex}.header-home .header-home-item .right-menu-mobile .loginPanel{display:flex;align-items:center}.header-home .header-home-item .right-menu-mobile .loginPanel .auth-button{padding:4px 8px;border-radius:9999px;background-color:#fff;border:1px solid var(--ks-border-color-1,#ee2f2a);font-weight:600;font-size:14px;line-height:21px;color:var(--ks-action-active,#ee2f2a)}@media (max-width:576px){.header-home .header-home-item .right-menu-mobile .loginPanel .auth-button{font-size:12px;line-height:unset}}@media (max-width:376px){.header-home .header-home-item .right-menu-mobile .loginPanel .auth-button{font-size:10px;padding:3px 0}}.header-home .header-home-item .right-menu-mobile .loginPanel .auth-button:hover{color:#fff;background:#1c3967}.header-home .header-home-item .right-menu-mobile .loginPanel img{width:30px;height:30px;border-radius:100%}.header-home .header-home-item .right-menu-mobile .loginPanel .menu-user-panel{position:relative}.header-home .header-home-item .right-menu-mobile .loginPanel .menu-show_{position:absolute;right:5px;width:250px;background-color:#fff;top:55px}.header-home .header-home-item .right-menu-mobile .list-menu{position:absolute;left:0;width:100%;background:#fff;top:64px}@media (max-width:576px){.header-home .header-home-item .right-menu-mobile .list-menu{top:56px}}.header-home .header-home-item .right-menu-mobile .list-menu .panel-list-menu{padding:10px}.header-home .header-home-item .right-menu-mobile .list-menu .panel-list-menu div{margin-bottom:10px}.header-home .header-home-item .right-menu-mobile .list-menu .panel-list-menu div a{color:#1c3967;z-index:3;font-weight:700;font-size:14px;text-decoration:none}.menu-popover-custom .MuiPopover-paper{top:55px!important;width:250px;right:5px;left:unset!important;border-radius:0!important}.menu-popover-custom .MuiPopover-paper .menu-show_ .header-tooltip{display:flex;background-image:url(https://storage.googleapis.com/kslearning/bg-profile-dropdown.png);height:100px;align-items:center;padding:20px}.menu-popover-custom .MuiPopover-paper .menu-show_ .header-tooltip .image-tooltip{border-radius:100%}.menu-popover-custom .MuiPopover-paper .menu-show_ .header-tooltip .user-info{color:#fff;margin-left:10px;font-size:13px;font-weight:700;word-break:break-word}.menu-popover-custom .MuiPopover-paper .menu-show_ .list-utilities{margin:0;padding:10px 0 0}.menu-popover-custom .MuiPopover-paper .menu-show_ .list-utilities img{width:20px;margin-right:5px}.menu-popover-custom .MuiPopover-paper .menu-show_ .list-utilities svg{margin-right:5px}.menu-popover-custom .MuiPopover-paper .menu-show_ .list-utilities div{margin-bottom:10px;border-bottom:1px solid #ccc;padding:5px 10px;text-align:left}.menu-popover-custom .MuiPopover-paper .menu-show_ .list-utilities div:last-child{border:0}.menu-popover-custom .MuiPopover-paper .menu-show_ .list-utilities div span{display:flex;align-items:center}.custom-dialog_____{margin:5px!important}.document-footer{width:100%;bottom:0;z-index:1;position:fixed;margin-top:30px;background-color:#373737}.document-footer__text{color:#fff;width:100%;height:unset;margin:auto;font-size:15px;text-align:center;line-height:24px;padding-top:10px;letter-spacing:0;padding-bottom:10px}.document-header{width:100%;z-index:2;position:fixed;background:#fff;box-shadow:0 2px 3px 0 rgba(0,0,0,.1);border-bottom:1px solid #d6d6d6}.document-header__container{display:flex;align-items:center;padding-top:7px;flex-direction:row;padding-bottom:7px}.document-header__container input{padding:10px}.document-header__buttons{display:flex;align-items:center;flex-direction:row;gap:15px}.document-header__buttons button{color:#fff;border:none;padding:10px 25px;font-size:15px;line-height:18px;border-radius:5px;letter-spacing:0;text-transform:none;background-color:#eb1f3a!important}.document-header__buttons button:first-child{background-color:#34bd00!important}.document-header__avatar{width:35px;cursor:pointer;height:35px;border-radius:100%}.document-header__course-avatar{padding:10px;flex-grow:1}.document-header__course-avatar img{border-radius:100%}.document-header__course-name{color:#353535;display:flex;font-size:16px;align-items:center;font-weight:600!important;line-height:23px;letter-spacing:0}.document-header__search{width:40%;margin:auto;position:relative}.document-header__search div:first-child{width:100%}.document-header__search input{padding:10px}.document-header{z-index:12}.document-header .document-header__container-custom{display:flex;padding:10px}.document-header .document-header__container-custom .left-menu-document{position:relative}.document-header .document-header__container-custom .left-menu-document .item-menu-document{background-color:#fff;position:fixed;z-index:12!important;height:100vh;left:0;border:1px solid #ccc;top:0}.document-header .document-header__container-custom .left-menu-document .item-menu-document .close-collapse{background-color:red;padding:10px;display:flex;align-items:center}.document-header .document-header__container-custom .left-menu-document .item-menu-document .close-collapse svg{color:#fff;font-size:30px}.document-header .document-header__container-custom .document-header__search{width:45%;margin-left:-1px}.document-header .document-header__container-custom .document-header__search input{padding:8px}.document-header .document-header__container-custom .document-header__buttons button{padding:10px;font-size:12px}@keyframes floating-vertical{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}.course-item-panel{position:relative;cursor:pointer;box-shadow:0 6px 15px #d2def1;overflow:hidden;border-radius:5px}.course-item-panel .image-course{width:100%;position:relative;padding-bottom:62%;height:0}.course-item-panel .image-course img{width:100%;height:100%;position:absolute;top:0;left:0;transition:.75s}.course-item-panel .course-info{padding:10px}@media (max-width:992px){.course-item-panel .course-info{padding:8px}}.course-item-panel .course-info .name-course.dot-1{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1!important}.course-item-panel .course-info .name-course.dot-2{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.course-item-panel .course-info .name-course.dot-3{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.course-item-panel .course-info .name-course.dot-4{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.course-item-panel .course-info .name-course.dot-5{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.course-item-panel .course-info .name-course.dot-6{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.course-item-panel .course-info .name-course.dot-7{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7}.course-item-panel .course-info .name-course.dot-8{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}.course-item-panel .course-info .name-course.dot-9{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9}.course-item-panel .course-info .name-course.dot-10{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10}.course-item-panel .course-info .name-course{font-weight:700;min-height:48px;color:#444;font-size:16px}@media (max-width:992px){.course-item-panel .course-info .name-course{font-size:14px;line-height:23px}}.course-item-panel .course-info .description_.dot-1{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1!important}.course-item-panel .course-info .description_.dot-2{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.course-item-panel .course-info .description_.dot-3{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.course-item-panel .course-info .description_.dot-4{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.course-item-panel .course-info .description_.dot-5{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.course-item-panel .course-info .description_.dot-6{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.course-item-panel .course-info .description_.dot-7{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7}.course-item-panel .course-info .description_.dot-8{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}.course-item-panel .course-info .description_.dot-9{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9}.course-item-panel .course-info .description_.dot-10{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10}.course-item-panel .course-info .description_{line-height:20px;min-height:60px;color:#7a7a7a;font-weight:400;font-size:13px}@media (max-width:992px){.course-item-panel .course-info .description_{font-size:12px}}.course-item-panel .course-info .member-number{display:flex;align-items:center;margin-top:10px}@media (max-width:992px){.course-item-panel .course-info .member-number{margin-top:8px}}.course-item-panel .course-info .member-number span{margin-top:2px;font-size:13px;color:#575f69;font-weight:500}.course-item-panel .course-info .course-card-footer{display:flex;align-items:flex-end;justify-content:space-between}@media (max-width:992px){.course-item-panel .course-info .course-card-footer{flex-direction:column;align-items:center}}.course-item-panel .course-info .course-card-footer .course-price{min-height:49px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}@media (max-width:992px){.course-item-panel .course-info .course-card-footer .course-price{min-height:57px}}.course-item-panel .course-info .course-card-footer .course-price .course-discount{font-size:12px;color:#7a7a7a}@media (max-width:992px){.course-item-panel .course-info .course-card-footer .course-price .course-discount{margin:4px 0}}.course-item-panel .course-info .course-card-footer .course-price .course-real-price{border:0;padding:5px 10px;font-size:12px;border-radius:50px;background:linear-gradient(180deg,#ff7461,#e10422);color:#fff;font-weight:700;pointer-events:none}.course-item-panel .price-panel .price{height:40px;width:130px;position:absolute;font-size:15px;top:5px;left:5px;z-index:1;background:#ffb039;color:#fff;border-radius:30px;border-top-right-radius:0;padding:3px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 0 6px 0 #333;font-weight:600}.course-item-panel .price-panel .price .real-cost{color:red}.course-item-panel .price-panel .price .real-cost del{font-size:12px}.course-item-panel:hover{box-shadow:0 4px 10px rgba(192,210,235,.5)}.course-item-panel:hover .image-course img{transform:scale(1.1)}.course-item-panel:hover .hover-review-course{display:flex;flex-direction:column;justify-content:center;align-items:center}.course-item-panel .hover-review-course{position:absolute;z-index:3;width:100%;height:calc(100% - 177px);background:rgba(0,0,0,.5);display:none}@media (max-width:992px){.course-item-panel .hover-review-course{height:calc(100% - 198px);height:calc(100% - 213px)}}.course-item-panel .hover-review-course button{color:#fff}@media (max-width:768px){.course-item-panel .hover-review-course button{padding:4px 6px;font-size:12px}}.course-item-panel .hover-review-course button.quick-add{border:2px solid #fff;margin-right:5px}.course-item-panel .hover-review-course button.buy-now{background-color:#ffb039;border:2px solid #ffb039;margin-left:5px;margin-top:10px}@media (max-width:992px){.course-item-panel .hover-review-course button.buy-now{margin-top:8px}}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}#main-page-wrapper{padding:0 70px;background-color:#e5e5e5;background-image:url(/images/icons/backgrond__.png)}#main-page-wrapper.-default-background{background-color:unset;background-image:unset;padding:0}@media (max-width:768px){#main-page-wrapper{padding:0}}#scroll-top-button>.scrollTop{position:fixed;bottom:30px;right:30px;z-index:1000;background-color:#fff;width:50px;height:50px;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}#main{position:relative}#main *{font-family:Inter!important}#main:has(.banner-panel) .theme-image{top:100%}#main .theme-image{position:absolute;top:calc(100% + 38px);left:8%;z-index:10}#main .theme-image.right{left:unset;right:8%}#main .theme-image.sticky{top:100%}@media (max-width:1910px){#main .theme-image{width:calc((100vw - 1188px) / 2);min-width:120px;left:2%}#main .theme-image.right{right:0}}@media (max-width:1440px){#main .theme-image{left:0}}@media (max-width:1280px){#main .theme-image{display:none}}.layout-body{min-height:calc(100vh - 89px)}@media (max-width:992px){.layout-body{margin-top:64px}}@media (max-width:576px){.layout-body{margin-top:56px}}.custom-dialog-paper:has(#popup-block){top:20%;max-width:400px;border-radius:20px;border:none;background:#fff!important}.custom-dialog-paper:has(#popup-block) .close-btn{display:none}.custom-dialog-paper:has(#popup-block) #popup-block{text-align:center}.custom-dialog-paper:has(#popup-block) #popup-block .title{margin-top:12px;font-size:20px;font-weight:700;line-height:24.2px}.custom-dialog-paper:has(#popup-block) #popup-block .des{margin:8px 0 32px;font-size:16px;font-weight:400;line-height:19.36px;color:#7a7c8b}.custom-dialog-paper:has(#popup-block) #popup-block button{padding:12px 24px;border-radius:99px;background:#f40c44;font-size:16px;font-weight:600;line-height:19.36px;color:#fff}