*{font-family:Poppins,sans-serif}:root{--html-color:#00a89e;--css-color:#00a89e;--js-color:#00a89e;--basiccourses:#6779f9;--advancedourses:#00a89e;--admincourses:#ff5454;--light:#fff;--light-grey:hsla(0,0%,100%,.7);--dark:#050505;--header:#dbdbdb;--bg:#fff;--secondbg:#fff;--redhighlight:#fff3f8;--thirdbg:#eee;--fourthbg:#eee;--background:linear-gradient(180deg,#fff,#ffffff00),linear-gradient(90deg,#ed2e73 -266%,#fff,#0fa39e 360%);--text:var(--dark);--text-hover:var(--text);--slide:cubic-bezier(0.59,0.01,0.48,1);--mode-hover:#203297}.templates-course .tab-time{display:none}.progress-bar{display:block}.progress-bar span{background-color:#00867e}.cta-contain{padding:30px}button{background-color:none;border:none}#auth-view{align-items:center;background:var(--background);display:flex;height:100vh;justify-content:center;overflow:hidden}.authbox{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.authhead{margin:0 auto;text-align:center}.authbody{background-color:var(--bg);border:1px solid var(--thirdbg);border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1)}.accesspoint{background-color:#da005a;border:1px solid var(--bg)!important;border:1px solid;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-stretch:normal;font-style:normal;font-weight:600;height:48px;line-height:24px;margin:20px;padding:0 40px}.accesspoint:hover{background-color:#fff3f8;border:1px solid #da005a;color:#da005a}#login,#register,#reset-password-form{background-color:var(--bg);border-radius:8px;color:var(--text);padding:20px;position:relative;text-align:center}.form-field label{border-bottom:1px solid #ccc;color:var(--text);display:inline-block;display:none;font-family:Helvetica Neue,sans-serif;font-size:14px;margin-bottom:10px;padding:5px 10px}.form-field input[type=email],.form-field input[type=password],.form-field input[type=text]{background-color:var(--secondbg);border:none;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--text);font-size:16px;margin:5px;padding:10px;transition:all .2s ease-in-out;width:300px}input:focus{border:1px solid #da005a!important}.course-section .tab-btn:first-child:not(.more-info .tab-btn){margin-top:100px}.tabs{border-top-left-radius:8px;border-top-right-radius:8px;display:flex;overflow:hidden;width:100%}.tab,.tabs{align-items:center;justify-content:center;position:relative}.tab{color:var(--text);cursor:pointer;display:inline-block;display:flex;flex:1;padding:10px;z-index:2}#fill{background-color:var(--redhighlight);border:1px solid #ed2d72;border-radius:8px;height:100%;left:0;position:absolute;top:0;transition:left .3s ease;width:200px;z-index:1}.tab.active{color:#da005a;font-weight:900;transition:all .2s ease-in-out}#register{display:none}.top-bar{align-items:center;background-color:var(--bg);border-bottom:1px solid var(--thirdbg);color:#fff;display:flex;height:50px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:10000}.logo{max-width:100px}.userbar{cursor:pointer;margin-right:20px}.avatar,.userbar{align-items:center;display:flex}.avatar{background-color:#eee;border-radius:50%;color:#333;height:40px;justify-content:center;margin-right:10px;width:40px}.username{font-size:16px;font-weight:700;padding-right:20px}.dropdown{position:relative}a.back{color:var(--text);cursor:pointer}.back.fa-chevron-left{margin-right:10px}.dropdown-content{background-color:var(--bg);border:1px solid var(--thirdbg);color:var(--text);display:none;min-width:160px;padding:12px 16px;position:absolute;right:0;top:100%;z-index:1}.dropdown-content button{background:none;border:none;color:var(--text);cursor:pointer;padding:8px 0;text-align:left;width:100%}.dropdown:hover .dropdown-content{display:block}button.dropbtn{align-items:center;background:none;border:none;color:var(--text);display:flex;font-weight:400}.dropbtn:after{content:"▼";font-size:8px;margin-left:5px}.dropbtn{position:relative}.dropbtn:after{position:absolute;right:0}.initials{font-size:20px;font-weight:700;text-transform:uppercase}.body-no-scroll{overflow:hidden}.modal{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1000}.modal-content{background-color:var(--bg);background-image:url(https://19908047.fs1.hubspotusercontent-na1.net/hubfs/19908047/ezgif-1-efa9caa1a0.gif);background-position:50%;background-size:cover;border-radius:4px;color:var(--text);left:50%;max-width:800px;min-height:400px;padding:60px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);width:90%}.modal.show{display:block;opacity:1}.modal.show .modal-content{transform:translate(-50%,-50%) scale(1);transition:transform .3s ease-in-out}.certbutton{margin:0 auto;max-width:300px;padding-top:16px}.certification-image{border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1);cursor:pointer;display:block;margin:0 auto;max-height:100%;padding:20px;width:100%}.image-container{margin:0 auto;max-width:500px}.close{background:transparent;border:none;color:var(--text);cursor:pointer;font-size:20px;font-weight:700;opacity:.4;position:absolute;right:10px;top:10px;z-index:101}.close:hover{opacity:1}#certification-content{margin-bottom:20px;text-align:center}.certification-link{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease-in-out}.certification-link:hover{background-color:#0056b3}@import url("https://fonts.googleapis.com/css?family=Muli&display=swap");*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);font-family:Poppins,sans-serif;overflow-x:hidden;transition:background .15s;width:100vw}section{bottom:0;display:none;left:0;position:absolute;right:0;top:0;transform:translateX(150%)}.main-section{display:block;transform:translateX(0)}.course-header2{color:var(--text);display:block;flex-direction:column;margin:0 auto}.heroarea{background:var(--background);-webkit-background-position:center;background-position:50%;-webkit-background-size:cover;background-size:cover}.course-header{align-items:center;color:var(--text);display:flex;flex-direction:column;height:100px;justify-content:center;width:100vw}.mode-switch{color:var(--text);cursor:pointer;font-size:26px;position:absolute;right:40px;top:30px;transition:color .15s;z-index:900}.mode-switch:hover{color:var(--mode-hover)}.courses{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,600px));justify-content:center;margin:0 auto;max-width:1400px;padding:30px}.course:not(.JFEE){background:var(--secondbg);box-shadow:0 0 20px rgba(0,0,0,.1);height:200px;margin-top:20px}.JFEE,.course:not(.JFEE){align-items:center;border-radius:10px;display:flex;justify-content:center;overflow:hidden;position:relative}.JFEE{background:var(--bg);height:700px;margin-top:-40px}h1{font-size:34px;font-weight:900}h2{font-size:18px;font-weight:500}body,h1,h2,h3,p{font-family:Poppins}.course-info{align-items:flex-start;border-radius:8px;color:var(--text);display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;overflow:hidden;padding:30px;position:absolute;top:0;transition:width .55s var(--slide);width:100%}.course.css .course-info,.course.html .course-info,.course.js .course-info{background:var(--secondbg);border-left:5px solid var(--basiccourses)}.course.test .course-info{background:var(--secondbg);border-left:5px solid var(--advancedourses)}.course.teamconfig .course-info,.course.templates .course-info{background:var(--secondbg);border-left:5px solid var(--admincourses)}.course-info span{color:var(--text);font-size:12px;font-weight:600;text-transform:uppercase}.course-info h5{font-size:24px;font-weight:700}.course-info a,.course-more .chapters{bottom:25px;left:30px;position:absolute;text-decoration:none;transition:color .15s}.course-more .chapters{color:var(--text);display:none}.course-info a:hover{color:var(--text)}.course-info i{font-size:14px}.course-info.inner{display:none;width:0}.course-more.inner{width:100%}.course-more{align-items:flex-start;color:var(--text);display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;padding:30px;position:absolute;right:0;top:0;width:65%;z-index:10}.details{display:block;justify-content:space-between;text-align:right;width:100%}.details>h5{font-size:13px;text-transform:uppercase}.course.css:not(.JFEE) .details>h5,.course.html:not(.JFEE) .details>h5,.course.js:not(.JFEE) .details>h5,.course.test:not(.JFEE) .details>h5{color:var(--text)}.progress{align-items:flex-end;display:flex;flex-direction:column}.progress-bar{background:hsla(0,0%,78%,.8);border-radius:8px;height:6px;position:relative;width:200px}.progress-bar span{border-radius:8px;height:6px;left:0;position:absolute;top:0;z-index:1}.course.html .progress-bar span{background:var(--html-color)}.course.css .progress-bar span{background:var(--css-color)}.course.js .progress-bar span{background:var(--js-color)}.progress-text{color:var(--text);font-size:12px;font-weight:400;margin-top:5px}.name{font-size:14px;margin-top:4px}.description{font-size:14px;margin-top:15px;padding:20px}.time{font-weight:600;opacity:.3}.buttons-container{bottom:20px;display:flex;gap:16px;justify-content:flex-end;position:absolute;right:30px}.more-info-btn{align-self:flex-end;border-radius:4px;color:#24292d;cursor:pointer;font-size:15px;outline:none;padding:8px 16px;text-decoration:none;transition:opacity .15s}.more-info .tab-time{left:80%;position:absolute}.tab-time .fa-clock{margin-right:5px}.more-info .tab-btn{background-color:var(--secondbg);border:1px solid var(--fourthbg);border-radius:4px;color:var(--text);padding:5px;position:relative;text-align:left}.course.expanded .course-info{overflow:visible}.more-info{margin-bottom:50px;margin-top:16px;max-height:500px;overflow:auto;width:100%}.continue-btn{align-self:flex-end;color:#24292d}.cert-link-btn,.continue-btn{border-radius:4px;cursor:pointer;font-size:15px;outline:none;padding:8px 16px;text-decoration:none;transition:opacity .15s}.cert-link-btn{align-items:center;background:var(--html-color);color:var(--light);display:flex;justify-content:center;margin:0 auto}.cert-link-btn:hover{background:#e6f2f2;color:var(--html-color)}.cert{align-items:center;background:var(--html-color);border-radius:4px;color:var(--light);cursor:pointer;display:flex;font-size:15px;justify-content:center;margin:0 auto;outline:none;padding:8px 16px;text-decoration:none;transition:opacity .15s}.cert[disabled]{background:var(--thirdbg);color:var(--text)}.cert:not([disabled]) .tooltiptext{display:none}.cert:not([disabled]):hover{background:#e6f2f2;color:var(--html-color)}.cert:not([disabled]) i.fas.fa-lock{display:none}.cert[disabled] .tooltiptext{background-color:#000;border-radius:6px;color:#fff;opacity:0;padding:10px;position:absolute;text-align:center;top:400px;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.cert[disabled]:hover .tooltiptext{opacity:1;visibility:visible}.cert[disabled] .tooltiptext:after{border:5px solid transparent;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.read-btn{align-self:flex-end;border-radius:4px;bottom:20px;color:#24292d;cursor:pointer;font-size:15px;outline:none;padding:8px 16px;position:absolute;right:30px;text-decoration:none;transition:opacity .15s}.continue-btn.download-certification{background:var(--bg);border:1px solid var(--thirdbg);color:var(--text)}.continue-btn,.read-btn{background:var(--html-color);color:#fff}.continue-btn:hover,.more-info-btn:hover,.read-btn:hover{background:#e6f2f2;color:var(--html-color);opacity:1}.course:before{background:#ed2f71;border-radius:50%;height:30px;transform:translateX(50px);width:30px;z-index:50}.course:after,.course:before{content:"";opacity:0;position:absolute;right:20px;top:15px;transition:transform .2s ease-in-out,opacity .2s}.course:after{border-bottom:4px solid #fff;border-left:4px solid #fff;height:7px;transform:translate(35px,8px) rotate(-45deg);width:15px;z-index:55}.note,.reference{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--text);margin-top:15px;padding:10px;text-align:center;width:100%}.note{font-size:20px}.reference a{color:#118ab2;text-decoration:none}@media screen and (max-width:950px){.course{width:100%}.details{display:block;text-align:right}}@media screen and (max-width:850px){.course-more .chapters{display:block}.course-info a{display:none}}.overlay{background:none;bottom:0;display:grid;left:0;padding:20px;place-items:center;position:fixed;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--slide);z-index:900}.overlay-message{color:var(--text);font-size:30px;font-weight:600;opacity:0;text-align:center;transition:opacity .25s}.course-section{background-color:var(--thirdbg);margin-top:50px}#link_button-22-11{display:none}.col-main{flex:1}.col-complementary{border:1px solid var(--shade-light);border-radius:var(--radius-s);flex:1}.explaintext{font-size:var(--h4);padding:var(--space-xs)}@media only screen and (min-width:640px){.layout{display:flex}}.course-tabs{background-color:var(--bg);border-right:1px solid var(--secondbg);bottom:0;display:flex;flex-direction:column;gap:10px;left:0;padding:20px;position:fixed;top:0;transition:all .3s ease-in-out;width:200px;z-index:1000}.course-tabs .tab-btn{background-color:var(--bg);border:none;border-radius:5px;color:var(--text);cursor:pointer;padding:10px;text-align:left;transition:background-color .2s}.course-tabs .tab-btn:hover{background-color:var(--thirdbg)}.course-tabs .tab-btn.active{background-color:#c7eded;color:#00a89e}.course-tabs.mobile-hidden{left:-200px}.course-tabs.mobile-visible{left:0}@media screen and (min-width:768px){.course-content{margin-left:220px;padding:20px}}.minutesleft{color:var(--text);font-size:12px;margin-bottom:40px;opacity:.5}@media screen and (max-width:768px){.course-tabs{box-shadow:0 0 20px rgba(0,0,0,.1);left:-200px;transition:all .3s ease-in-out}.course-content{display:block;margin:0 auto;padding:20px;width:100%}.menu-toggle-btn{background:none;cursor:pointer;display:block;left:10px;padding:10px;position:fixed;top:10px;z-index:1001}.menu-toggle-btn.x{left:140px;position:absolute}}@media screen and (min-width:769px){.menu-toggle-btn{display:none}.course-tabs{left:0}}.tab-btn{position:relative}.tab-btn:before{background:#ed2f71;border-radius:50%;height:20px;transform:translateY(-50%) translateX(30px);width:20px;z-index:50}.tab-btn:after,.tab-btn:before{content:"";opacity:0;position:absolute;right:15px;top:50%;transition:transform .2s ease-in-out,opacity .2s}.tab-btn:after{border-bottom:3px solid #fff;border-left:3px solid #fff;height:3px;transform:translate(20px,-50%) rotate(-45deg);width:7px;z-index:55}.tab-btn.checked:before{opacity:1;transform:translateY(-50%) translateX(0)}.tab-btn.checked:after{opacity:1;transform:translateY(-50%) translateX(-5px) rotate(-45deg)}.course-tabs .tab-btn{border:1px solid var(--bg);border:1px solid var(--thirdbg)}.lesson{display:none}.lesson.active{display:block}coursecontainer{margin:0 100px 0 200px}.button-container{display:flex;justify-content:space-between}.nav-container{height:50px}.nav-btn i{color:var(--text);padding-left:5px;padding-right:5px}.nav-btn{background:var(--thirdbg);color:var(--text);cursor:pointer;font-size:20px;position:relative;transition:all 1s ease-in-out}.nav-btn[id^=prev]:hover i{transform:translateX(0)}[disabled]{cursor:not-allowed!important}.nav-btn[id^=prev]:not([disabled]):hover i{transform:translateX(-5px);transition:all 1s ease}.nav-btn[id^=next]:hover i{transform:translateX(5px);transition:all 1s ease}button:contains("Completed"){background-color:#eee!important;color:#000!important}.JFEjrQ{margin-Left:5px;border-radius:8px;isolation:isolate;margin-bottom:20px;max-height:700px;min-width:160px;overflow-y:auto;position:relative}.JFEjrQ::-webkit-scrollbar{display:none;margin-right:30px;transition:.3s ease;width:6px}.JFEjrQ::-webkit-scrollbar-thumb{background-color:#c5c5c5}.JFEjrQ::-webkit-scrollbar-track{background-color:#f2f2f2;display:none}.JFEjrQ:hover::-webkit-scrollbar-thumb:hover{background-color:#777}.JFEjrQ:hover::-webkit-scrollbar,.JFEjrQ:hover::-webkit-scrollbar-track{display:block}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{border:1px solid var(--fourthbg);border-radius:4px;font-size:12px;font-weight:700;opacity:.7;padding:4px 8px;text-transform:uppercase}.hamburger{cursor:pointer;display:inline-block}.hamburger-bar{background-color:var(--text);display:block;height:3px;margin:4px 0;transition:all .3s ease;width:25px}.hamburger.x .hamburger-bar:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.x .hamburger-bar:nth-child(2){opacity:0}.hamburger.x .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.course-tabs.mobile-hidden{display:none}.course-tabs.mobile-visible{display:flex}.course-tabs .tab-time{display:none}.radialtitle{color:var(--text);margin-top:16px;text-align:center}.radial-progress-container{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,200px));justify-content:center;margin:0 auto;max-width:1400px;padding:30px}.course{transform-origin:top left;transition:all .3s ease-in-out}.course.expanded{border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1);left:50%;margin-top:-300px;max-height:600px;max-width:800px;min-height:600px;overflow:auto;position:absolute;transform:translate(-50%,0);width:80%;z-index:100}.course.dimmed{opacity:.5;pointer-events:none}.course .close-btn{background:transparent;border:none;color:var(--text);cursor:pointer;font-size:20px;font-weight:700;opacity:.4;position:absolute;right:10px;top:10px;z-index:101}.course .close-btn:hover{opacity:1}.course.expanded .course-more,.course.expanded .more-info{display:block}.spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;transform-origin:center}@keyframes colors{0%{stroke:#00867e}25%{stroke:#00867e}50%{stroke:#00867e}75%{stroke:#00867e}to{stroke:#00867e}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.spinner-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.certicontainer{transition:transform .3s ease}.progarea{background-color:var(--bg);border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1);cursor:pointer}.buttonarea{margin:20px}.basic101 .coursecategory{color:var(--basiccourses)}.advanced .coursecategory{color:var(--advancedourses)}.admin .coursecategory{color:var(--admincourses)}.progarea:hover{transform:translateY(-5px)}.certicontainer.active .progarea{border:1px solid #ed2d72}.radial-progress{height:200px;position:relative;width:200px}.tabscontain{border:1px solid var(--fourthbg);border-radius:8px;margin-left:auto;margin-right:auto;margin-top:16px;max-width:800px}.radial-progress svg{fill:none;display:block;height:200px;transform:rotate(-90deg);width:200px}.radial-progress .bg{fill:none;stroke:var(--thirdbg);stroke-width:10}.radial-progress .progress{stroke-width:10;stroke-linecap:round;stroke-dasharray:0 251.3274;transition:stroke-dasharray 1s ease}.basic101-radial-progress-bar .progress{stroke:var(--basiccourses)}.advanced-radial-progress-bar .progress{stroke:var(--advancedourses)}.admin-radial-progress-bar .progress{stroke:var(--admincourses)}.radial-progress .percentage{color:var(--text);font-size:20px;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.cert-btn{background:none;border:none;border-radius:4px;color:var(--text);display:flex;font-size:15px;justify-content:center;margin-left:auto;margin-right:auto;outline:none;padding:8px 16px;text-align:center;text-decoration:none;transition:opacity .15s;width:fit-content}.coursetimeremaining{color:var(--html-color)}.placeholder{opacity:.3;pointer-events:none}.lesson-tabs-container{grid-gap:10px;border:1px solid #ccc;border-radius:8px;display:block;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,100%));justify-content:center;margin-top:10px;padding:30px;width:100%}.fa-lock:before{margin-right:10px;opacity:.7}.certification-title{font-size:24px;font-weight:900;margin-bottom:16px;text-align:center}