*{margin:0;padding:0;border:0;box-sizing:border-box}body{background-color:#fff;display:flex;flex-direction:column}#root{width:100%}label{color:var(--slate800)}.tf-chose label{color:var(--orange500)}:root{--orange50: #fff1e6;--orange300: #ffac66;--orange500: #ff7500;--slate800: #1e293b;--slate700: #334155;--slate500: #64748b;--slate300: #cbd5e1;--slate200: #e2e8f0;--slate100: #f1f5f9;--slate50: #f8fafc;--blue400: #60a5fa;--green500: #10b981;--green50: #ecfdf5;--red500: #ef4444;--red50: #fef2f2;--violet500: #8b5cf6;--violet50: #f5f3ff }h3{font-family:Montserrat,sans-serif;font-size:25px;font-weight:700;color:var(--slate800);cursor:default}.subtitle{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:var(--slate800);cursor:default}p,a{font-family:Inter,sans-serif;font-size:16px;color:var(--slate800);cursor:default}.pbold{font-family:Inter,sans-serif;font-size:16px;font-weight:700;color:var(--slate800);cursor:default}.txtsmall{font-family:Inter,sans-serif;font-size:14px;cursor:default}.txtsmallbold{font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:default}.txtexsmall{font-family:Inter,sans-serif;font-size:12px;cursor:default}.label{color:var(--green500);font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase;font-size:12px;border:2px solid var(--green500);padding:0 5px;border-radius:4px;margin-top:10px}.btn-prime{color:#fff;background-color:var(--orange500);border-radius:4px;padding:5px 10px;cursor:pointer;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center}.btn-prime:hover,.btn-sec:hover{color:#fff;opacity:.8}.btn-sec{color:#fff;background-color:var(--slate800);border-radius:4px;padding:5px 10px;cursor:pointer;font-family:Inter,sans-serif}.btn-line{color:var(--orange500);background-color:none;border-radius:4px;border:solid 2px var(--orange500);padding:7px 15px;cursor:pointer;font-family:Inter,sans-serif}.btn-line:hover{color:var(--orange500);background-color:var(--orange50)}.btn-deac{color:var(--slate300);background-color:var(--slate100);border-radius:4px;padding:5px 10px;cursor:default;font-family:Inter,sans-serif}.btn-deac:hover{color:var(--slate300)}.icon{background-color:var(--orange500);position:absolute;right:10px;top:10px;border-radius:25px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:var(--orange50)}.backdrop{background-color:#3341559a}.btn-right{color:#fff;background-color:var(--green500);border-radius:4px;padding:5px 10px;cursor:pointer;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center}.btn-wrong{color:#fff;background-color:var(--red500);border-radius:4px;padding:5px 10px;cursor:pointer;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center}.btn-right svg,.btn-wrong svg{font-size:20px;margin-left:10px}.btn-right:hover,.btn-wrong:hover{opacity:.8;color:#fff}.main-nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 100px}.right-justified{justify-content:right;padding:10px 20px}.logo img{width:40px}.navigation{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.menu li{list-style:none;display:inline;padding:0 20px}.menu li a{color:var(--slate500);cursor:pointer}.menu li a:hover{opacity:.7}.menu li a:active{color:var(--orange500)}.streak{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1.5px solid var(--slate300);border-radius:10px;padding:7px 10px;cursor:pointer}.streak:hover{border:1.5px solid var(--orange500);background-color:var(--orange50)}.streak img{height:20px;padding-right:5px}.picker{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1.5px solid var(--slate300);border-radius:10px;padding:7px 10px;margin:0 15px}.picker img{width:30px;padding-left:10px}.myuser{display:flex;flex-direction:row;align-items:center}.myuser img{width:40px;margin-right:10px}.username{font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:default;display:none}.display-block{display:block}.user{display:flex;flex-direction:row;align-items:center}.side-wrap{position:fixed;top:0;left:0;background-color:var(--slate800);height:100vh;z-index:2}.side-nav{background-color:var(--slate800);width:250px;padding:30px 10px}.side-logo{padding-left:10px;padding-bottom:25px}.side-menu li a p{color:#fff;padding-left:10px}.side-menu li{display:flex;flex-direction:row;justify-content:space-between;color:#fff;align-items:center;padding:5px 10px;border-radius:10px}.side-menu li a{color:#fff;display:flex;flex-direction:row;align-items:center;padding:10px 20px 10px 0}.work-icon{background-color:var(--orange300);padding:5px 7px;font-family:Montserrat,sans-serif;font-weight:700;border-radius:4px;border:1px solid white}.side-menu li a svg,.side-menu li svg{font-size:20px}.side-menu li:hover{background-color:#fff3}.streak-view{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;padding:15px 60px;border-radius:0 0 10px 10px;position:absolute;top:0;right:140px}.datepicker{padding:20px 0 30px}.datepicker-top{margin-bottom:10px}.month-selector{display:flex;justify-content:start;align-items:center;color:var(--slate800)}.month-selector svg{font-size:14px}.month-name{font-family:Inter,sans-serif;font-size:14px;font-weight:700;padding:0 10px}.datepicker-calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-row-gap:10px}.day,.date{justify-self:center}.day{justify-self:center;color:var(--slate500);font-family:Inter,sans-serif;font-size:13px}.date{color:var(--slate800);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:12px;background-color:transparent;margin:1px}.faded{color:var(--slate300)}.streak-day{color:#fff;background-color:var(--orange500);border-radius:4px}.streak-drop{position:absolute;width:100%;height:190vh;top:60px;left:0;display:none;z-index:1}.goal-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:15px 100px;border-radius:10px}.goal-wrap{padding:30px 0}.goal{text-align:left;border-radius:10px;padding:5px 60px 5px 10px;margin:10px 0;cursor:pointer}.one{border:2px solid var(--green500)}.one:hover{background-color:var(--green50)}.one p{color:var(--green500);cursor:pointer}.two{border:2px solid var(--orange500)}.two:hover{background-color:var(--orange50)}.two p{color:var(--orange500);cursor:pointer}.three{border:2px solid var(--red500)}.three:hover{background-color:var(--red50)}.three p{color:var(--red500);cursor:pointer}.four{border:2px solid var(--violet500)}.four:hover{background-color:var(--violet50)}.four p{color:var(--violet500);cursor:pointer}.goal-view{position:fixed;top:0;left:0;z-index:3;width:100%;display:flex;justify-content:center;align-items:center;height:100vh;display:none}.close{position:fixed;color:var(--slate300);font-size:20px;top:137px;right:520px;cursor:pointer}.modulcard{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:40%;padding:15px 50px 30px;box-shadow:2px 2px 10px #64748b1a;border-radius:10px}.modul-txt{display:flex;flex-direction:column;justify-content:space-between;align-items:start}.modul-txt p{width:80%;padding:10px 0 20px}.modul-icon img{width:90px;padding-top:20px}.modul-side{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;gap:20px;margin:30px 0}.modul-wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:50px;margin:50px 0;text-align:left}.videocard{position:relative;width:24%;box-shadow:2px 2px 10px #64748b1a;border-radius:10px;padding-bottom:20px;margin:30px 40px;transition:.5s}.videocard:hover{transform:scale(1.05)}.lesson{background-color:var(--blue400);position:absolute;border-radius:4px;padding:5px 10px;color:#fff;text-transform:uppercase;font-size:12px;font-weight:700;left:10px;top:10px}.img-wrap{overflow:hidden;width:100%;border-radius:10px 10px 0 0;display:flex;justify-content:center;align-items:center;height:200px}.img-wrap img{width:100%}.video-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-overflow:ellipsis;padding:10px}.video-title p{white-space:nowrap;overflow:hidden}.video-title img{width:25px;margin-left:20px}.vid-info{color:var(--slate500);padding-left:10px}.lesson-page{display:flex;flex-direction:column;align-items:center}.breadcrumb{display:flex;flex-direction:row;align-items:center;padding:20px 0 40px}.link,.breadcrumb p{color:var(--slate500);cursor:pointer}.link:hover,.breadcrumb p:hover{text-decoration:underline;color:var(--slate500)}.breadcrumb svg{font-size:12px;margin:0 5px;color:var(--slate500)}.lesson-title{width:100%;padding-left:120px}.video-wrap{display:flex;flex-wrap:wrap;justify-content:center}.checkpoint{display:flex;flex-direction:row;align-items:center;justify-content:center;box-shadow:2px 2px 10px #64748b1a;width:70%;border-radius:10px;padding:15px 0;margin:40px}.flag-wrap{background-color:var(--orange50);padding:10px 25px;display:flex;justify-content:center;align-items:center;border-radius:10px;margin-right:50px}.flag-wrap img{width:60px}.check-info{width:60%;height:90px;display:flex;flex-direction:column;justify-content:space-between;align-items:start}.locked{background-color:var(--slate100);width:85%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;padding:20px 0;margin:20px 0}.locked img{width:80px}.locked p{padding:15px 0}.closed{opacity:.7}.quiznav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;padding:20px 100px;background-color:#fff}.quiz-progress{display:flex;flex-direction:row;width:65%;align-items:center;justify-content:space-between}.quiz-progress p{color:var(--orange500)}.lives{display:flex;justify-content:center;align-items:center}.lives svg{color:var(--red500);font-size:23px;margin:0 3px}.quizclose svg{color:var(--slate500);font-size:30px}.quizclose{padding:5px;display:flex;justify-content:center;align-items:center;cursor:pointer}.quizclose:hover{background-color:var(--slate100);border-radius:5px}.checkquiz{display:flex;flex-direction:row;justify-content:end;align-items:center;position:fixed;bottom:0;left:0;width:100%;padding:25px 120px;background-color:#fff}.answerquiz{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;width:100%;padding:25px 120px;background-color:var(--green50)}.message{display:flex;flex-direction:row;align-items:center}.icon-feed{background-color:#fff;display:flex;justify-content:center;align-items:center;padding:5px;border-radius:50px;margin-right:10px}.icon-feed svg{font-size:30px;color:var(--green500)}.feedback p{color:var(--green500)}.wrong svg{color:var(--red500)}.wrong p{color:var(--red500)}.wrong-bg{background-color:var(--red50)}.quiz-sec{padding:120px 100px;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--slate50)}.quiz-sec p,.quiz-sec h3{width:50%;text-align:center}.quiz-sec p{margin-bottom:10px}.quiz-sec h3{margin-bottom:20px}.quiz-sec a{margin-top:35px}.quiz-sec img{width:500px;margin-bottom:-25px}.txtanswer{width:550px}.quiz-chose{border:1px solid var(--slate300);background-color:#fff;border-radius:4px;padding:10px 15px;margin:15px 0}.quiz-chose input{margin-right:10px}.quiz-chose.selected{border:1px solid var(--orange500);background-color:var(--orange50)}.quiz-chose input[type=radio]{position:absolute;opacity:0;cursor:pointer}.quiz-chose label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;line-height:20px;-webkit-user-select:none;user-select:none}.quiz-chose label:before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border:1px solid var(--slate300);border-radius:50%;background-color:#fff}.quiz-chose input[type=radio]:checked+label:before{border-color:var(--orange500);background-color:var(--orange500)}.quiz-chose label:after{content:"";position:absolute;left:4.5px;top:4.5px;width:8px;height:8px;border-radius:50%;background-color:#fff;opacity:0}.quiz-chose input[type=radio]:checked+label:after{opacity:1}.quiz-img{width:350px;height:250px;overflow:hidden;display:flex;justify-content:center;align-items:center}.hor-chose{display:flex;flex-direction:row}.imgchose{margin:20px 10px}.imgchose label{width:200px;height:130px;overflow:hidden;border-radius:4px}.imgchose label img{width:200px;height:130px;object-fit:cover;border-radius:4px}.tf-chose input[type=radio],.fill-in input[type=radio]{position:absolute;opacity:0;cursor:pointer}.tf-chose label,.fill-in label{position:relative;padding-left:0;cursor:pointer;display:inline-block;line-height:0;-webkit-user-select:none;user-select:none}.tf-chose label:before,.fill-in label:before{display:none}.tf-chose input[type=radio]:checked+label:before,.fill-in input[type=radio]:checked+label:before{display:none}.tf-chose label:after,.fill-in label:after{display:none}.tf-chose input[type=radio]:checked+label:after,.fill-in input[type=radio]:checked+label:after{display:none}.tf-chose{width:100px;display:flex;justify-content:center;align-items:center;padding:20px 0;margin:20px 10px;border:1px solid var(--orange500);background-color:transparent;color:var(--orange500)}.tf-chose label{font-weight:700}.fill-in{width:100px;display:flex;justify-content:center;align-items:center;padding:20px 0;margin:20px 10px}#quiz-five p{display:flex;flex-direction:row;justify-content:center;align-items:center}.empty{width:70px;background-color:#fff;height:30px;margin:0 10px;border-radius:4px;border:1px dashed var(--slate300)}.post-card{width:90%;display:flex;flex-direction:column;padding:10px 15px;background-color:#fff;border-radius:10px;margin:20px 0}.post-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:15px}.poster{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.poster img{width:40px;padding-right:10px}.reaction{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;padding:15px 0 5px}.reaction p:hover{text-decoration:underline}.emoji{background-color:var(--slate100);padding:2px 5px;display:flex;justify-content:center;align-items:center;color:var(--slate500);border-radius:4px;cursor:pointer}.emoji:hover{opacity:.8}.emoji svg{font-size:20px}.comment{display:flex;flex-direction:row;align-items:center}.comment img{width:40px;padding-right:10px}.comment input{width:100%;padding:5px;border-radius:4px;border:solid 1px var(--slate300)}.milestone{display:flex;flex-direction:column;justify-content:center;align-items:center;width:15%}.milestone img{height:75px}.achievecard{display:flex;flex-direction:row;align-items:center;border-radius:10px;box-shadow:2px 2px 10px #64748b1a;padding:15px}.achievecard img{height:60px;padding-right:10px}.achieve-info{display:flex;flex-direction:column;justify-content:center;align-items:start;padding-bottom:5px;width:100%}.play-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:5px 10px}.play-card svg{font-size:20px}.play-card img{width:35px;height:35px;object-fit:cover;border-radius:4px}.play-bold{font-size:10px;font-weight:700;padding-left:5px}.play-txt{font-size:10px;padding-left:5px}.progress-line{height:10px;width:80%;background-color:#cdcdcd;border-radius:50px;position:relative}.progress-line span{height:100%;border-radius:50px;position:absolute;background-color:var(--orange500)}.progress-line p{position:absolute;right:-35px;top:-4px}.description{padding:5px 0 10px}.view-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;width:35%;border-radius:10px;background-color:#fff;padding:10px 0}.view-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px 30px}.view-title svg{font-size:20px;color:var(--slate500);cursor:pointer}.view-achieve{padding:15px 0}.dashboard{display:flex;flex-direction:row;align-items:start;width:100%;background-color:var(--slate50)}.postboard{width:60%;margin-left:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:20px}.write-post{display:flex;flex-direction:row;align-items:center;background-color:#fff;width:90%;padding:10px;border-radius:10px}.write-post img{width:40px;margin-right:15px}.write-post input{border:1px solid var(--slate300);width:90%;border-radius:4px;padding:7px}.post-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center}.data-wrap{width:40%;padding-right:20px}.continue{background-color:#fff;border-radius:10px;padding:10px;margin:20px 0}.learn-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 5px;border-bottom:1px solid var(--slate100);margin-bottom:10px}.learn-wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.learn-vid{position:relative}.learn-vid img{width:200px;border-radius:4px}.learn-icon{background-color:#ffffff4a;position:absolute;left:90px;top:50px;border-radius:25px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff}.learn-icon svg{font-size:40px}.learn-link{background-color:var(--slate100);display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px;border-radius:4px;margin:10px 0;cursor:pointer}.learn-link p{cursor:pointer}.learn-link svg{color:var(--slate500);font-size:20px}.milestones{background-color:#fff;width:100%;border-radius:10px;padding:10px;margin:20px 0}.mile-wrap{display:flex;flex-direction:row;justify-content:space-between;padding:10px 5px 5px;border-top:1px solid var(--slate100);margin-top:10px}.progress{background-color:#fff;border-radius:10px;padding:10px;margin:20px 0}.prog-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--slate100);padding-bottom:10px;margin-bottom:10px}.prog-info{display:flex;flex-direction:row;justify-content:right}.progress img{width:95%;margin-left:10px}.prog-picker{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1.5px solid var(--slate300);border-radius:10px;padding:7px 10px;margin:0 2px}.prog-picker img{width:25px;margin-left:5px}.achieve{background-color:#fff;border-radius:10px;padding:10px;margin:20px 0}.view-more{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.underline{cursor:pointer}.underline:hover{text-decoration:underline}.achievements{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid var(--slate100);margin-top:10px;padding-top:10px}.minutes{background-color:#fff;border-radius:10px;padding:10px;margin:20px 0}.minutes p{border-bottom:1px solid var(--slate100);padding-bottom:10px;margin-bottom:10px}.minutes img{width:95%;margin-left:10px}.upcoming{position:fixed;top:0;left:0;z-index:3;width:100%;display:flex;justify-content:center;align-items:center;height:100vh;display:none}.upcoming.flex{display:flex}.upcoming.none{display:none}.member-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--slate100);padding:5px 30px 5px 10px;margin:0 5px 5px;cursor:pointer}.member-row:hover{background-color:var(--slate50);border-radius:4px}.user{display:flex;flex-direction:row;align-items:center;width:200px}.user img{width:35px;padding-right:10px}.memb-prog,.learning{width:100px}.learning img{width:25px;padding-right:10px}.memb-active{width:120px;text-align:right}.memb-profile{background-color:var(--slate50);min-height:100vh;padding-left:250px;padding-top:20px;display:flex;justify-content:center}.members-wrap{padding:20px;background-color:#fff;border-radius:10px;width:95%;margin-bottom:50px}.tab{display:flex;flex-direction:row;border-bottom:1px solid var(--slate50);padding-left:10px;margin-top:20px}.tab p{padding:5px 10px}.chosen{border-bottom:2px solid var(--slate700);margin-left:20px}.details{background-color:var(--slate50);position:absolute;top:60px;right:0;height:100vh;width:40%;padding:30px 50px}.details img{width:100px}.det-memb{display:flex;flex-direction:row;justify-content:space-between;align-items:start}.det-memb svg{color:var(--slate500);margin-right:-30px;cursor:pointer}.det-name{display:flex;flex-direction:row;align-items:center;margin-bottom:40px}.det-name img{width:60px;margin-right:15px}.det-learn,.det-achieve{margin-bottom:20px}.det-learn img{width:60px;margin-top:10px}.det-achwrap{border-top:none;margin:0;padding-top:15px}.det-miwrap{border-top:none;background-color:#fff;border-radius:10px;padding:10px;box-shadow:2px 2px 10px #64748b1a}.det-miwrap img{padding:0 17px;margin-bottom:10px}footer{display:flex;flex-direction:column;background-color:var(--slate800);color:#fff;padding:50px 100px}.footer-info{display:flex;flex-direction:row;justify-content:space-between;align-items:start}.heading{color:#fff;padding-bottom:25px}.subtxt{color:#fff;padding-bottom:20px}.footer-sec ul li{list-style:none;padding-bottom:15px;cursor:pointer}.footer-sec ul li:hover{color:var(--slate300)}.subscribe input{padding:10px 50px 10px 15px;border-radius:4px;border:1px solid var(--slate300);margin-right:10px}.copyright{background-color:var(--slate700);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 100px}.copyright p{color:#fff}.some svg{font-size:25px;background-color:var(--slate100);border-radius:25px;padding:5px;color:var(--slate500);margin-left:5px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}