body,html{overflow-y:auto;overflow-y:auto;height:auto;margin:0;margin:0;padding:0;padding:0;overflow-x:hidden;overflow-x:hidden;background-color:#100E09}main{flex:1}nav{z-index:10;position:sticky;background-color:#100E09;top:0}nav:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;pointer-events:none;background-image:radial-gradient(circle at 33% 31%,hsla(197.91,63%,79%,1) 16%,transparent 76%),radial-gradient(circle at 50% 55%,hsla(74.33,63%,79%,1) 0%,transparent 78%);background-size:200% 200%;background-blend-mode:normal,normal;animation:gradient 13s ease infinite}nav.navbar{position:sticky;top:0;z-index:1020}.nav-link,.navbar-brand{color:#fff;z-index:12}.navbar-nav .nav-link{font-family:"Varela Round",sans-serif}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:#fefefe!important;font-weight:700}.mesher{background-color:hsla(42.85714285714286,28%,4%,1);background-image:radial-gradient(circle at 33% 31%,hsla(197.91044776119404,63%,79%,1) 16%,transparent 76%),radial-gradient(circle at 50% 55%,hsla(74.32835820895521,63%,79%,1) 0%,transparent 78%);background-blend-mode:normal,normal;animation:gradient 13s ease infinite;background-size:200% 200%}@keyframes gradient{0%{background-position:0% 20%}25%{background-position:100% 50%}50%{background-position:50% 70%}100%{background-position:0% 20%}}#s_1{background-image:url(laptop.png);background-size:cover;background-position:center 20px;background-repeat:no-repeat;z-index:5;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:transform 0.3s ease;will-change:transform;pointer-events:none}#s_2{position:fixed;top:0;left:0;height:100%;width:100%;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff0;transition:all 2.5s ease-out;background-image:url(blackboard2.jpg);background-size:cover;font-family:"Varela Round",sans-serif;font-weight:400;font-style:normal}#s_2.fade-up{opacity:0;transform:translateY(-100px)}.typing-effect{display:inline-block;white-space:nowrap;overflow:hidden;border-right:2px solid #fff;font-size:2rem;font-weight:700;color:#fff;animation:blink 0.75s step-end infinite}@keyframes blink{50%{border-color:#fff0}}.shiny{font-family:"Varela Round",sans-serif;color:#333;font-weight:600}.shiny2{color:#100E09;font-family:"Varela Round",sans-serif}#collapse_h2 .accordion-body{padding:0}.accordion-button{background-color:transparent!important;box-shadow:none;color:#f0f9d8}.accordion-button[data-bs-toggle='collapse']{color:#f0f9d8}.accordion-button:focus{box-shadow:none;outline:none;border-color:#fff0}.accordion-button::after{filter:brightness(0) invert(1)}.accordion-button:not(.collapsed){box-shadow:none}.accordion-button.collapsed::after{filter:brightness(0) invert(1)}.accordion-item{border:none}.glass-box{backdrop-filter:blur(8px);background:rgb(255 255 255 / .2);border-radius:15px;padding:30px;color:#fff;border:1px solid rgb(255 255 255 / .3);box-shadow:0 5px 15px rgb(0 0 0 / .1)}#s_4{width:100%;position:relative;left:12px}.progress-steps{display:flex;align-items:center;justify-content:center}.step{width:30px;height:30px;background-color:#ccc;border-radius:50%;text-align:center;line-height:30px;font-weight:700;color:#100E09;position:relative;z-index:2}.step.complete{background-color:#a9d8ec;color:#100E09}.line{height:4px;width:60px;background-color:#ccc;position:relative;z-index:1}.line.complete{background-color:#a9d8ec}.content-container{padding:20px;border-radius:25px;background:linear-gradient(135deg,rgb(169 216 236 / .2),rgb(220 236 169 / .2),rgb(16 14 9 / .4));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .1);box-shadow:0 8px 32px 0 rgb(0 0 0 / .37)}.content{padding:10px;border-radius:15px;background:linear-gradient(135deg,rgb(169 216 236 / .15),rgb(220 236 169 / .15),rgb(16 14 9 / .3));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .1);box-shadow:0 4px 20px rgb(0 0 0 / .25);margin:10px 0}.video-preview{text-align:center}.preview-title{font-weight:700;font-size:1.2rem;color:#f0f9d8}#progress-container,#progress-container-m,#progress-container-m2{margin-top:15px}#progress-bar,#progress-bar-m,#progress-bar-m2{background-color:rgb(255 255 255 / .1);border-radius:10px;overflow:hidden;height:8px;margin-bottom:5px}#progress,#progress-m,#progress-m2{height:100%;width:0%;background:#a9d8ec;transition:width 0.3s ease}#status,#status-m,#status-m2{font-size:.9rem;color:#f0f9d8}.horizontal-scroll-container{overflow-x:auto;display:flex;flex-wrap:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;position:relative;width:100%;max-width:100vw;box-sizing:border-box;display:flex;overflow-x:hidden;scroll-snap-type:x mandatory;height:auto}.scroll-section{scroll-snap-align:start;justify-content:center;align-items:center;z-index:7;flex:0 0 100vw;scroll-snap-align:start;transition:opacity 0.5s ease}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#a9d8ec;color:#100E09;border:none;padding:1.5rem;font-size:2.5rem;cursor:pointer;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:background 0.3s}.scroll-btn:hover{background-color:#dceca9}.scroll-left{left:10px}.scroll-right{right:10px}form{padding:2rem;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .1)}form input[type='text']{border:none;outline:none;box-shadow:none;color:#f0f9d8}form input::placeholder{color:#f0f9d8!important;opacity:1}form input[type='file']{margin-bottom:1rem;width:100%;border:none;outline:none;box-shadow:none;color:#f0f9d8;background-color:#100E09!important}form button{background-color:#4caf50;color:#f0f9d8;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;width:100%}form button:hover{background-color:#45a049}.blinking-border{border:2px solid #fff0;box-shadow:0 0 0 2px #a9d8ec;animation:shadowBlink 1s step-start infinite}@keyframes shadowBlink{50%{box-shadow:none}}.blinking-button{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}#progress-container2{margin-top:15px}#progress-bar2{background-color:rgb(255 255 255 / .1);border-radius:10px;overflow:hidden;height:8px;margin-bottom:5px}#progress2{height:100%;width:0%;background:#00ffd5;transition:width 0.3s ease}#status2{margin-top:.5rem;text-align:center}.main-video-default video,.main-video video{width:100%;max-height:60vh;display:block;position:relative;z-index:6}.streaming{width:30%}.video-playlist-default,.video-playlist{z-index:7;position:relative}.video-playlist-default,.video-playlist *{pointer-events:auto}#customer8{background-image:url(hrm_desktop.png);background-size:cover;height:100vh;margin-top:50px;z-index:9}.video{display:contents;align-items:center;gap:10px;padding:8px 12px}.video img{width:20px;height:20px;cursor:pointer}.video p{margin:0;font-size:1rem;color:#dceca9;margin:0;font-size:.8rem;color:#100E09;font-family:'Varela Round';border-radius:10px;padding:2px;font-weight:700}.title,.lesson-length{text-align:left;color:#100E09}.lesson-length{background-color:#a9d8ec;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.button-64{background-image:linear-gradient(144deg,#a9d8ec,#dceca9 50%,#f0f9d8);background-color:#dceca9;padding:9px 1px;border-radius:6px;width:100px;height:100%;transition:300ms;color:#fefefe}.button-64:active,.button-64:hover{outline:0}.button-64 span{background-color:#100e09;padding:11px 30px;border-radius:6px;width:100%;height:100%;transition:300ms}@media (min-width:768px){.button-64{font-size:24px;min-width:196px}}.button-40{background-color:#111827;border:1px solid #fff0;border-radius:.75rem;box-sizing:border-box;color:#FFF;cursor:pointer;flex:0 0 auto;font-family:"Inter var",ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1.125rem;font-weight:600;line-height:1.5rem;padding:.75rem 1.2rem;text-align:center;text-decoration:none #6B7280 solid;text-decoration-thickness:auto;transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto}.button-40:hover{background-color:#374151}.button-40:focus{box-shadow:none;outline:2px solid #fff0;outline-offset:2px}@media (min-width:768px){.button-40{padding:.75rem 1.5rem}}.button-23{background-color:#FFF;border:1px solid #222;border-radius:8px;box-sizing:border-box;color:#222;cursor:pointer;display:inline-block;font-family:Circular,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;font-size:16px;font-weight:600;line-height:20px;margin:0;outline:none;padding:13px 23px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:box-shadow .2s,-ms-transform .1s,-webkit-transform .1s,transform .1s;user-select:none;-webkit-user-select:none;width:auto}.button-23:focus-visible{box-shadow:#222 0 0 0 2px,rgb(255 255 255 / .8) 0 0 0 4px;transition:box-shadow .2s}.button-23:active{background-color:#F7F7F7;border-color:#000;transform:scale(.96)}.button-23:disabled{border-color:#DDD;color:#DDD;cursor:not-allowed;opacity:1}.btn:hover{background-position:right center}.btn-1{background-image:linear-gradient(to right,#a9d8ec 0%,#dceca9 51%,#a9d8ec 100%)}.btn-2{background-color:#a9d8ec;color:#100E09;padding:10px 20px}.btn-3{position:relative;background-color:#dceca9;color:#100E09;border:none;padding:10px 20px;z-index:1;overflow:hidden;color:#100E09;text-decoration:none}.btn-3::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:radial-gradient(circle at 33% 31%,hsla(197.91,63%,79%,1) 16%,transparent 76%),radial-gradient(circle at 50% 55%,hsla(74.33,63%,79%,1) 0%,transparent 78%);background-size:200% 200%;background-blend-mode:normal,normal;animation:gradient 13s ease infinite;border-radius:6px}.btn-4{position:relative;color:#100E09;border:none;padding:10px 20px;z-index:1;overflow:hidden;color:#100E09;text-decoration:none}.btn-4::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:radial-gradient(circle at 33% 31%,hsla(197.91,63%,79%,1) 16%,transparent 76%),radial-gradient(circle at 50% 55%,hsla(74.33,63%,79%,1) 0%,transparent 78%);background-size:200% 200%;background-blend-mode:normal,normal;animation:gradient 13s ease infinite;border-radius:15px}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.ql-toolbar.ql-snow{border:1px solid #f0f9d8!important;border-radius:5px!important}#editor-container,#editor-container2{height:100px;border:none;color:#f0f9d8}.editor-content{font-size:12px;color:#f0f9d8}.ql-snow .ql-picker{color:#f0f9d8!important}.ql-tooltip{display:none}#ting{background-image:url(teaching.png);background-repeat:no-repeat;background-size:cover;background-position:78%}#s_9{height:100vh;position:relative;top:40%;left:10px}#s_10{height:100px;background-color:#dceca9;color:#100E09;margin-left:calc(-50vw + 50%);transform:rotate(-10deg) scale(1.1);z-index:10;position:relative}#s_11{height:100px;background-color:#a9d8ec;color:#100E09;margin-left:calc(-50vw + 50%);transform:rotate(10deg) scale(1.1);z-index:2;position:relative}#s_12{z-index:9;position:relative;color:#100E09;height:50vh}#s_12 div{height:200px}.footer-nav{width:100%;height:80px;background:#100E09;border-top:1px solid #ccc;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 6px rgb(0 0 0 / .1);z-index:10;border-radius:40px 40px 0 0}.footer-nav a{text-decoration:none;color:#444;text-align:center;font-size:12px;flex:1}.footer-nav a i{display:block;font-size:20px;margin-bottom:4px}.footer-nav a.active{color:#007bff}@supports (background-clip:text) or (-webkit-background-clip:text){.footer-nav a.active{background-image:linear-gradient(to right,#a9d8ec,#dceca9);-webkit-background-clip:text;background-clip:text;--bg-size:200%;color:#fff0;background-size:var(--bg-size);animation:animate 5s linear infinite}@keyframes animate{to{background-position:var(--bg-size)}}}@media only screen and (max-width:600px){@supports (background-clip:text) or (-webkit-background-clip:text){.nav-link,.navbar-brand,.footer-nav a.active{background-image:linear-gradient(to right,#a9d8ec,#dceca9);-webkit-background-clip:text;background-clip:text;--bg-size:200%;color:#fff0;background-size:var(--bg-size);animation:animate 5s linear infinite}@keyframes animate{to{background-position:var(--bg-size)}}}.button-64{width:100%;padding:10px 1px}#s_1{background:none}.mobile-bg{display:block;max-width:90vw;height:auto;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#s_4 h2{font-size:30px}#s_12{height:auto}#s_2 h2{font-size:16px;z-index:9}#ting{background-position:78%}#s_9{height:100vh;position:relative;top:25%;left:10px}#s_10,#s_11{height:50px!important}#s_10 h2,#s_11 h2{font-size:20px}#s_12 div{padding:1rem;height:auto}.typing-effect{font-size:1.5rem}.horizontal-scroll-container{overflow-x:scroll}.streaming{width:50%}video{width:100%;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .1)}#customer8{background-image:url(hrm.png);background-size:cover;height:100vh;margin-top:50px;z-index:9}.logo{width:150px}}