@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}#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}.course-section{padding:48px 0;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center}@media (max-width:768px){.course-section{padding:36px 0}}.course-section .course-section-container{max-width:1200px;width:100%}.course-section .course-section-container .section-title{font-weight:700;font-size:34px;line-height:51px;text-align:center;color:var(--ks-text-color-heading-2,#004e89)}@media (max-width:768px){.course-section .course-section-container .section-title{font-size:26px;line-height:unset}}.course-section .course-section-container .section-description{margin:8px 0 24px;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:var(--ks-text-color-body-1,#394050)}.course-section .course-section-container .course-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;justify-content:center}@media (max-width:600px){.course-section .course-section-container .course-cards-grid{grid-template-columns:1fr}}.course-section .course-section-container .course-cards-grid .course-card{padding:16px;background-color:#fff;border-radius:20px;box-shadow:0 2px 8px 0 rgba(0,0,0,.078);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.course-section .course-section-container .course-cards-grid .course-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.course-section .course-section-container .course-cards-grid .course-card .card-image-wrapper{width:100%;overflow:hidden}.course-section .course-section-container .course-cards-grid .course-card .card-image-wrapper .card-image{width:100%;height:100%;object-fit:cover}.course-section .course-section-container .course-cards-grid .course-card .card-content{padding-top:16px}.course-section .course-section-container .course-cards-grid .course-card .card-subtitle{font-weight:400;font-size:14px;line-height:21px;color:var(--ks-text-color-heading-2,#004e89)}.course-section .course-section-container .course-cards-grid .course-card .card-title{min-height:48px;margin:4px 0 24px;font-weight:700;font-size:16px;line-height:24px;color:var(--ks-text-color-heading-2,#004e89);text-transform:uppercase}.course-section .course-section-container .course-cards-grid .course-card .detail-button{float:right;padding:8px 24px;border-radius:9999px;background:var(--ks-action-active,#ee2f2a);font-weight:600;font-size:14px;line-height:21px;transition:background-color .3s ease}.course-section .course-section-container .course-cards-grid .course-card .detail-button:hover{background:var(--ks-action-active,#ee2f2a);opacity:.85}@keyframes floating-vertical{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}.news-section{padding:48px 0;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center}.news-section .news-section-container{max-width:1200px;width:100%}.news-section .news-section-container .section-title{font-weight:700;font-size:34px;line-height:51px;text-align:center;color:var(--ks-text-color-heading-2,#004e89)}@media (max-width:768px){.news-section .news-section-container .section-title{font-size:26px;line-height:unset}}.news-section .news-section-container .section-description{margin:8px 0 24px;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:var(--ks-text-color-body-1,#394050)}.news-section .news-section-container .news-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;justify-content:center}@media (max-width:600px){.news-section .news-section-container .news-cards-grid{grid-template-columns:1fr}}.news-section .news-section-container .news-cards-grid .news-card{background-color:#fff;border-radius:20px;box-shadow:0 2px 8px 0 rgba(0,0,0,.078);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.news-section .news-section-container .news-cards-grid .news-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.news-section .news-section-container .news-cards-grid .news-card .card-image-wrapper{width:100%;overflow:hidden}.news-section .news-section-container .news-cards-grid .news-card .card-image-wrapper .card-image{width:100%;height:100%;object-fit:cover}.news-section .news-section-container .news-cards-grid .news-card .card-content{padding:16px}.news-section .news-section-container .news-cards-grid .news-card .card-subtitle{font-weight:400;font-size:14px;line-height:21px;color:var(--ks-text-color-heading-2,#004e89)}.news-section .news-section-container .news-cards-grid .news-card .card-title{min-height:48px;margin:0 0 4px;font-weight:700;font-size:16px;line-height:24px;color:var(--ks-text-color-heading-2,#004e89)}.news-section .news-section-container .news-cards-grid .news-card .card-title.dot-1{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1!important}.news-section .news-section-container .news-cards-grid .news-card .card-title.dot-2{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.news-section .news-section-container .news-cards-grid .news-card .card-title.dot-3{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.news-section .news-section-container .news-cards-grid .news-card .card-title.dot-4{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.news-section .news-section-container .news-cards-grid .news-card .card-title.dot-5{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.news-section .news-section-container .news-cards-grid .news-card .card-title.dot-6{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.news-section .news-section-container .news-cards-grid .news-card .card-title.dot-7{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7}.news-section .news-section-container .news-cards-grid .news-card .card-title.dot-8{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}.news-section .news-section-container .news-cards-grid .news-card .card-title.dot-9{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9}.news-section .news-section-container .news-cards-grid .news-card .card-title.dot-10{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10}.news-section .news-section-container .news-cards-grid .news-card .card-des{font-weight:400;font-size:14px;line-height:21px;color:var(--ks-text-color-body-1,#394050)}.news-section .news-section-container .see-more{margin:24px auto 0;display:flex;justify-content:center;align-items:center;padding:8px 24px;border-radius:9999px;border:1px solid var(--ks-border-color-1,#ee2f2a);font-weight:600;font-size:14px;line-height:21px;color:var(--ks-action-active,#ee2f2a)}.news-section .news-section-container .see-more:hover{background-color:var(--ks-action-active,#ee2f2a)!important;color:#fff!important}.utility-section{padding:48px 0;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center}.utility-section .utility-section-container{max-width:1200px;width:100%}.utility-section .utility-section-container .section-title{font-weight:700;font-size:34px;line-height:51px;text-align:center;color:var(--ks-text-color-heading-2,#004e89)}@media (max-width:768px){.utility-section .utility-section-container .section-title{font-size:26px;line-height:unset}}.utility-section .utility-section-container .section-description{margin:8px 0 24px;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:var(--ks-text-color-body-1,#394050)}.utility-section .utility-section-container .utility-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;justify-content:center}@media (max-width:600px){.utility-section .utility-section-container .utility-cards-grid{grid-template-columns:1fr}}.utility-section .utility-section-container .utility-cards-grid .utility-card{padding:16px;background-color:#fff;border-radius:20px;box-shadow:0 2px 8px 0 rgba(0,0,0,.078);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.utility-section .utility-section-container .utility-cards-grid .utility-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.utility-section .utility-section-container .utility-cards-grid .utility-card .card-image-wrapper{width:100%;height:80px;overflow:hidden}.utility-section .utility-section-container .utility-cards-grid .utility-card .card-image-wrapper .card-image{width:100%;height:100%;object-fit:cover}.utility-section .utility-section-container .utility-cards-grid .utility-card .card-content{padding-top:20px}.utility-section .utility-section-container .utility-cards-grid .utility-card .card-subtitle{font-weight:400;font-size:14px;line-height:21px;color:var(--ks-text-color-heading-2,#004e89)}.utility-section .utility-section-container .utility-cards-grid .utility-card .card-title{min-height:48px;margin:0 0 4px;font-weight:600;font-size:16px;line-height:24px;color:var(--ks-text-color-heading-2,#004e89)}.utility-section .utility-section-container .utility-cards-grid .utility-card .card-des{font-weight:400;font-size:14px;line-height:21px;color:var(--ks-text-color-body-1,#394050)}#home,#home .home-content{position:relative}