@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:300);.c-links{margin:0;padding:0;text-align:center}.btn-menu{position:relative;padding:6px 10px;font-size:20px;font-weight:700;cursor:pointer;overflow:hidden;transition:all .3s ease;color:#fff;text-align:center;background:transparent;border:2px solid #0ff;color:#0ff}.btn-menu:not(:last-child){margin-right:2px}.btn-menu:before{width:calc(100% - 6);height:calc(100% + 4);top:-2px;left:50%;transform:translateX(-50%)}.btn-menu:after{height:calc(100% - 6);width:calc(100% + 4);left:-2;top:50%;transform:translateY(-50%)}.btn-menu:hover:before{width:0;text-decoration:none}.btn-menu:hover:after{height:0;text-decoration:none}.btn-menu a{position:relative;display:inline-block;color:#000;text-transform:uppercase;text-decoration:none;line-height:1em;font-size:.7em;padding:5px 20px;margin:0 2px;z-index:10}.btn-menu a:after{content:attr(data-number);display:block;font-family:Lora;font-style:italic}.home{background:#ff69b4;border-color:#ff69b4;border-top-left-radius:15px;border-bottom-left-radius:15px}.home:hover{box-shadow:0 0 10px #ff69b4,0 0 20px #ff69b4,0 0 40px #ff69b4}.hsk1{background:#f0e130;border-color:#f0e130}.hsk1:hover{box-shadow:0 0 0 #f0e130,0 0 20px #f0e130,0 0 40px #f0e130}.hsk2{background:#00fa9a;border-color:#00fa9a}.hsk2:hover{box-shadow:0 0 0 #00fa9a,0 0 20px #00fa9a,0 0 40px #00fa9a}.hsk3{background:orange;border-color:orange}.hsk3:hover{box-shadow:0 0 0 orange,0 0 20px orange,0 0 40px orange}.hsk4{background:#ff004c;border-color:#ff004c}.hsk4:hover{box-shadow:0 0 0 #ff004c,0 0 20px #ff004c,0 0 40px #ff004c}.hsk5{background:#0ebeff;border-color:#0ebeff}.hsk5:hover{box-shadow:0 0 0 #0ebeff,0 0 20px #0ebeff,0 0 40px #0ebeff}.hsk6{background:#ff69b4;border-color:#ff69b4}.hsk6:hover{box-shadow:0 0 0 #ff69b4,0 0 20px #ff69b4,0 0 40px #ff69b4}.vocab{background:#0ebeff;border-color:#0ebeff}.vocab:hover{box-shadow:0 0 0 #0ebeff,0 0 20px #0ebeff,0 0 40px #0ebeff}.culture{background:#ff004c;border-color:#ff004c;border-top-right-radius:15px;border-bottom-right-radius:15px}.culture:hover{box-shadow:0 0 0 #ff004c,0 0 20px #ff004c,0 0 40px #ff004c}.signIn{background-color:#0ebeff}.signIn,.signUp{border-radius:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.signUp{background-color:#00fa9a}.c-links:target .btn-menu:after,.c-links:target .btn-menu:before{background-color:rgba(0,0,0,.6);transition-duration:.6s}a,a:hover{text-decoration:none}.social-login{justify-content:center}.social-links,.social-login{display:flex;grid-gap:15px;gap:15px}.social-links{justify-content:flex-start}.social-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(35,40,50,.7);border:1px solid hsla(0,0%,100%,.1);cursor:pointer;transition:.3s}.social-btn:hover{transform:translateY(-4px) rotate(6deg);background:rgba(108,92,231,.3)}.social-btn i{font-size:20px;color:#fff}.links-ul{display:table;height:100%}.links-ul li{display:table-cell;vertical-align:middle}ul{margin:0;padding:0}.footer-cta{border-bottom:5px solid #0ebeff}.footer-content{position:relative;z-index:2}.footer-pattern img{position:absolute;top:0;left:0;height:330px;background-size:cover;background-position:100% 100%}.footer-logo{margin-bottom:30px}.footer-logo img{max-width:200px}.footer-text p{font-family:"Gadugi";font-size:16px;text-align:left;margin-bottom:14px;color:#7e7e7e;line-height:28px}.footer-social-icon span{color:#fff;display:block;font-size:20px;font-weight:700;font-family:"Poppins",sans-serif;margin-bottom:20px}.footer-social-icon a{color:#fff;font-size:16px;margin-right:15px;text-decoration:none}.footer-social-icon i{height:40px;width:40px;text-align:center;line-height:38px;border-radius:50%}.footer-widget-heading h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:40px;position:relative}.footer-widget-heading h3:before{content:"";position:absolute;left:0;bottom:-15px;height:2px;width:50px;background:#00fa9a}.footer-widget ul li{display:inline-block;width:100%;margin-bottom:12px}.footer-widget ul li a:hover{color:#00fa9a;text-decoration:none}.footer-widget ul li a{color:#878787;text-transform:capitalize}.copyright-area{background:#010101;padding:20px 0}.copyright-text p{margin:0;font-size:16px;color:#878787}.copyright-text p a{color:#00fa9a}.footer-menu li{display:inline-block;margin-left:20px}.footer-menu li:hover a{color:#00fa9a}.footer-menu li a{font-size:16px;color:#878787}.fixed-bottom{position:fixed;bottom:0}.input-container{border-radius:8px;margin:10px 20px;position:relative}.input-container,label{cursor:pointer;display:flex;align-items:center;flex-direction:column}label{background-color:initial;margin-bottom:15px;span{margin-top:15px}}.svg-wrap{border:2px solid #575969;border-radius:4px;display:flex;overflow:hidden;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}svg g.switch rect{fill:#484a57;transition:fill .3s ease-in-out}input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}input[type=checkbox]:checked+.svg-wrap{border-color:#76b3fa;box-shadow:0 0 20px 0 #0763f7;svg g.switch rect{fill:#76b3fa}}input[type=checkbox]:focus-visible+.svg-wrap{border-color:#faed76;box-shadow:0 0 20px 0 #c96220}body{min-height:100vh;align-items:center;position:relative}.container-login{width:50%;max-width:500px;background:rgba(25,30,40,.92);box-shadow:0 8px 32px rgba(0,0,0,.6);position:relative;z-index:1;overflow:hidden;animation:fadeInScale .6s ease;padding:3px;margin:40px auto auto}.container-login,.main{border-radius:10px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.container-login:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(#0f0,#40f,#f0c);animation:rotateBg 6s linear infinite;z-index:-1}@keyframes rotateBg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.input-group{margin-bottom:20px;position:relative}.input-group input,.input-group textarea{width:100%;background:rgba(35,40,50,.7);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-size:15px;transition:.3s}.input-group input{padding:14px 14px 14px 45px}.input-group textarea{padding:14px}.input-group input:focus{outline:none;border-color:#48dbfb;box-shadow:0 0 8px rgba(72,219,251,.4)}.icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#6c5ce7}.tabs{display:flex;background:rgba(31,36,46,.9);border-top-left-radius:10px;border-top-right-radius:10px}.tab{flex:1 1;padding:18px;text-align:center;cursor:pointer;font-weight:600;color:#aaa;transition:all .3s ease;position:relative}.tab.active{color:#48dbfb}.tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#6c5ce7,#48dbfb);animation:slideIn .4s ease}@keyframes slideIn{0%{width:0}to{width:100%}}.form-container{padding:30px;background:#0d1117;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.form{display:none}.form.active{display:block;animation:fadeUp .5s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.options{justify-content:space-between;font-size:14px;margin-bottom:20px}.options,.remember{display:flex;align-items:center}.remember input{margin-right:6px;accent-color:#6c5ce7}.forgot{color:#48dbfb;text-decoration:none}.forgot:hover{text-decoration:underline}.btn-login{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(90deg,#6c5ce7,#48dbfb);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.3s;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:hsla(0,0%,100%,.2);transform:skewX(-20deg);transition:.5s}.btn-login:hover:before{left:100%}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(108,92,231,.4)}.separator{display:flex;align-items:center;margin:20px 0;color:#888}.separator:after,.separator:before{content:"";flex:1 1;height:1px;background:hsla(0,0%,100%,.1)}.separator span{margin:0 10px;font-size:14px}@media (max-width:480px){.form-container{padding:20px}.options{flex-direction:column;align-items:flex-start;grid-gap:10px;gap:10px}}.centered{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}#monitor{background:#000;position:relative;border-top:3px solid #888;margin:0 2% 2%;padding:2% 2% 4%;border-radius:10px;border-bottom-left-radius:50% 2%;border-bottom-right-radius:50% 2%;transition:margin-right 1s}#monitor:after{content:"";display:block;position:absolute;bottom:3%;left:36%;height:.5%;width:28%;background:#ddd;border-radius:50%;box-shadow:0 0 3px 0 #fff}#monitorscreen{background-color:#777;background-size:cover;background-position:top;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;text-align:center;vertical-align:middle}#tv{width:1024px;height:600px}#profile{margin-top:10%}#profile-image{width:30%;height:30%;border-radius:50%;border:3px solid green}:root{--body-background:#1c223b;--body-text:#fff;--container-background:#273349;--table-background:#1c223b;--table-background-hover:#151b31;--table-text:#e2e2e2;--type1:#d6a13f;--type2:#4480e7;--type3:#40c587;--delete-background:#242c4c;--delete-color:#909090;--delete-hover:red}h1{text-align:center;margin:-2.5rem 0 .625rem}.outer-container{border-radius:.625rem;box-shadow:0 5px 10px rgba(12,16,31,.4);padding:20px;margin:auto;width:90%;max-width:60vw}table{color:var(--table-text);font-size:.875rem;padding:.625rem;width:100%}table th{font-size:1rem}table td,table th{padding:10px;text-align:left}table tbody tr{background-color:var(--table-background)}table tbody tr:hover{color:#000;background-color:#0ebeff;box-shadow:0 3px 5px rgba(0,0,0,.2)}table tbody tr td:first-of-type{border-top-left-radius:.3125rem;border-bottom-left-radius:.3125rem}table tbody tr td:last-of-type{border-top-right-radius:.3125rem;border-bottom-right-radius:.3125rem;text-align:center}table tbody tr.type1 td:first-of-type{border-left:.3125rem solid var(--type1)}table tbody tr.type2 td:first-of-type{border-left:.3125rem solid var(--type2)}table tbody tr.type3 td:first-of-type{border-left:.3125rem solid var(--type3)}table tbody tr td .fa-circle{transform:scale(.7)}table tbody tr.type1 td .fa-circle{color:var(--type1)}table tbody tr.type2 td .fa-circle{color:var(--type2)}table tbody tr.type3 td .fa-circle{color:var(--type3)}.delete-btn{cursor:pointer;background-color:var(--delete-background);background-color:initial;border:0;border-radius:.125rem;color:var(--delete-color);font-size:1.1rem;opacity:.2;padding:.3125rem .625rem}.delete-btn:hover{color:var(--delete-hover)}.delete-btn:focus{outline:0}table tbody tr:hover .delete-btn{opacity:1}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}.pcard{font-family:"Roboto";position:relative;max-width:300px;height:auto;background:linear-gradient(-45deg,#fe0847,#feae3f);border-radius:15px;margin:0 auto;padding:40px 20px;box-shadow:0 10px 15px rgba(0,0,0,.2);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;overflow:hidden;cursor:pointer;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;min-height:600}.pcard:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.col-sm-4:first-child .pcard .title .fa,.d1,.m1,.m3,.t5{background:linear-gradient(-45deg,#24ff72,#9a4eff)}.m12,.m12 .pcard .title .fa,.t20{background:linear-gradient(-45deg,#f403d1,#64b5f6)}.m24,.m24 .pcard .title .fa,.t50{background:linear-gradient(-45deg,#f0e130,orange)}.pcard:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:hsla(0,0%,100%,.1);z-index:1;transform:skewY(-5deg) scale(1.5);-webkit-transform:skewY(-5deg) scale(1.5);-moz-transform:skewY(-5deg) scale(1.5);-ms-transform:skewY(-5deg) scale(1.5);-o-transform:skewY(-5deg) scale(1.5)}.title{margin:0 auto;text-align:center}.title .fa{color:#fff;width:100px;height:100px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;text-align:center;line-height:100px;box-shadow:0 10px 10px rgba(0,0,0,.2)}.title h2{margin:20px 0 0;padding:0;color:#fff;font-size:28px}.price,.title h2{position:relative;z-index:2}.price h4{margin:0;padding:20px 0;color:#fff;font-size:60px}.option{position:relative;z-index:2}.option ul{margin:0;padding-left:20px}.option ul li{color:#fff}.m24 .option ul li,.option ul li{margin:0 0 10px;padding:0;list-style:none;font-size:16px}.m24 .option ul li{color:#000}.page_404{padding:40px 0;background:#fff;font-family:"Arvo",serif}.page_404 img{width:100%}.four_zero_four_bg{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);height:400px;background-position:50%}.four_zero_four_bg h1,.four_zero_four_bg h3{font-size:80px}.link_404{color:#fff!important;padding:10px 20px;background:#39ac31;margin:20px 0;display:inline-block}.contant_box_404{margin-top:-50px}.information{width:100%;text-align:center;margin:2% auto}.information p{color:#333;font-size:20px;display:inline-block;width:60vw;margin:2% auto;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;padding:1em;line-height:1.5em;background:#fcfee6}.one{border:5px solid #ae0404}.two{border:5px dotted #ae0404}.three{border:5px dashed #ae0404}ol.list{text-align:left;margin-left:5%}.payinfo{text-align:left;border:2px dashed "iceblue";padding:15px;margin-top:50px;margin-bottom:50px}.lesson{width:100%;height:40px;background-color:#252830;color:#fff;text-align:left;align-items:flex-start;align-content:flex-start;vertical-align:middle;margin-top:8px;padding:8px;border-radius:6px;cursor:pointer}.lesson:hover{box-shadow:0 12px 20px rgba(255,75,125,.5);transform:translateY(-4px)}.btn.shadow,.lesson:hover{background:#ff4b7d}.btn-start{width:120px;height:35px;background-color:#0ebeff;border-radius:4px;border-width:0;position:absolute;right:10px;vertical-align:middle}.btn-start:hover{background-color:#ff69b4}.scrollbar{margin-left:30px;float:left;height:98vh;overflow-y:scroll;margin-bottom:25px}.force-overflow{min-height:98vh}#style-15::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:10px}#style-15::-webkit-scrollbar{width:10px}#style-15::-webkit-scrollbar-thumb{border-radius:10px;background-color:#fff;background-image:-webkit-gradient(linear,40% 0,75% 84%,from(#4d9c41),to(#19911d),color-stop(.6,#54de5d))}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#100e17;margin:0;font-family:"Gadugi","Segoe UI","Tahoma";color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{border:none}.center-block{margin:0 auto;width:50%}.center-text{text-align:center}
/*# sourceMappingURL=main.8c4c0903.chunk.css.map */