@import"https://db.onlinewebfonts.com/c/11650c78ba93a8c78b44eff5c3628f9e?family=Pangea+Afrikan+Trial";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;box-sizing:border-box;padding:0;font-family:Poppins,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}.flex{display:flex}.cursor-pointer{cursor:pointer}.debug{border:black solid 1px}.text-xs{line-height:140%;letter-spacing:.4px;font-size:10px}.text-md{line-height:140%;letter-spacing:.5px;font-size:12px}.display-md{font-family:lato;font-size:25px;line-height:140%;letter-spacing:-1%}.text-xl{line-height:140%;letter-spacing:.15px;font-size:15px}.color-black{color:#000}header{padding-bottom:30px;position:relative}header button{background-color:#10c843;font-family:lato;color:#f7f7f7;width:120px;height:46px;border-radius:30px;border:none;transition:all .5s .1s ease;cursor:pointer}header button:hover{background-color:#f7f7f7;color:#10c843;border:#10c843 solid 1px;box-shadow:.1px .1px 20px #d4d4d4;transform:translateY(-2px)}.white-button{background-color:#f7f7f7;color:#10c843;border:#10c843 solid 1px}.dropdown--menu{display:none;position:absolute;right:0;top:60px;width:auto;max-width:200px;background:#f4f7fe;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;box-shadow:1px 1px 13px #d7e3ff;list-style:none;padding:10px;transition:height .2s cubic-bezier(.175,.885,.32,1.275);z-index:200}.dropdown--item{margin:5px}.dropdown--menu a{display:block;padding:7px;color:var(--gray)}.dropdown--menu.open{display:block}.dropdown--menu button{background-color:#fa8443;font-family:lato;color:#f7f7f7;width:120px;height:46px;border-radius:8px;border:none;display:block}.dropdown--menu .signup{display:none}.navbar{justify-content:space-between;align-items:center;padding:30px;width:100%;transition:all .5s .1s ease;z-index:100}.navbar.sticky{position:fixed;background-color:#bddee7f2}.navbar li{display:inline-block;padding:0 20px;font-size:16px}.navbar li a{text-decoration:none;color:#747474}.flex li a.active{border-bottom:#10c843 solid 1px;color:#10c843}.nav--buttons a:hover,.navbar li a:hover{color:#10c843}.logo{color:#10c843;font-family:Roboto;font-size:30px}.nav--buttons a{text-decoration:none;color:#747474;padding-right:5px}@media all and (max-width: 780px){.navbar ul,.nav--buttons a,.nav--buttons button{display:none}.dropdown--menu{width:100%;right:0}.toggle_Btn{display:block}}@media all and (min-width: 780px){.toggle_Btn{display:none}}.hero{justify-content:space-between;padding:0 30px;position:relative;z-index:0}.hero .text-left{padding:90px 0;width:40%;text-align:left}.illus{position:relative;z-index:1}.title{font-size:46px;font-family:Poppins;line-height:124.5%;padding-bottom:10px}.title span{color:#10c843}.quote{font-size:16px;line-height:27px;letter-spacing:.32px;padding-bottom:10px}.store{max-width:250px}.store--btn{gap:3px;justify-content:space-between}.select-course{padding:10px;width:fit-content;box-shadow:1px 1px 13px #d7e3ff;border-radius:30px;z-index:3}.select-course select{border:none;border-right:1px grey solid;padding:10px 40px 10px 10px;margin:0 10px 0 0}@media all and (max-width: 1200px){.hero .text-left{padding:70px 0;width:50%}.title{font-size:30px}.quote{font-size:14px}.hero .illus{width:400px;height:400px}}@media all and (max-width: 712px){.hero .text-left{padding:30px 0;width:50%;text-align:left}.title{font-size:24px}.quote{font-size:12px}.hero .illus{width:200px;height:200px}}@media all and (max-width: 480px){.hero .text-left{padding:15px 0;width:100%;text-align:center}.store button{width:70px}.hero .flex-hero{padding:15px;place-content:center}.hero{flex-wrap:wrap-reverse}.store{width:700px;margin-left:-50px}.store--btn{display:flex;justify-content:center}}.modal-overlay1{position:fixed;top:0;left:0;overflow:hidden;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5}.modal-content1{width:50%;z-index:10;height:90vh;padding:55px;position:fixed;top:40px;overflow:auto;left:25%;text-align:center;background-color:#fff;border-radius:5px;color:#10c843;box-shadow:1px 1px 1px 1px #000}.formBorder{border-top:none;border-left:none;border-right:none}.modal-content1 input{width:80%;margin:30px 0 20px;height:20px;border-top:none;border-left:none;border-right:none;font-size:20px}.modal-content1 input:focus{outline:none}.modal-content1 .p1{position:absolute;padding:0;right:30px;top:10px;font-size:40px;color:#10c843;background:none;border:none;cursor:pointer}.modal-content1 .a{position:absolute;right:120px;color:#10c843;text-decoration:none;font-weight:700}.modal-content1 .button{background-color:#10c843;width:60%;border-radius:30px;height:50px;color:#fff;border:none;margin:60px 0 0;font-size:20px;transition-property:transform;transition-duration:.1s;transition-timing-function:ease}.modal-content1 .button:hover{transform:translateY(-1px)}.link{color:#10c843;text-decoration:none}@media all and (max-width: 950px){.modal-content1{padding:35px;width:80%;left:10%}}.black-band{background-color:#000;width:100%;height:fit-content;padding:20px}.black-band .img-group{place-content:center}.img-group img{width:20%}.about-section{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:20px;flex-wrap:wrap}.about-content{flex:1;padding:20px}.about-image{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;overflow:hidden}.about-content h4{color:#10c843;padding-bottom:.2rem;font-size:20px}.about-content h2{font-family:Pangea Afrikan Trial;line-height:58px;font-weight:200;font-size:40px;color:#141414;padding-bottom:1rem}.about-content p{color:#1e1e1e;margin-bottom:20px;font-family:Inter,sans-serif;font-size:16px;line-height:26px}.shadow-box{position:relative;width:474px;height:474px;overflow:hidden;border-radius:5px;opacity:100%}.shadow-box img{position:absolute;max-width:100%;max-height:100%;height:auto}.image1{top:-20px;right:-5%}.image2{bottom:-10px;left:-10%}@media (max-width: 1024px){.about-content h2{font-size:35px}.shadow-box{width:350px;height:350px}.about-content p{font-size:15px;line-height:24px}}@media (max-width: 768px){.about-section{flex-direction:column;text-align:center}.about-content h2{font-size:32px;line-height:1.2}.shadow-box{width:300px;height:300px}.about-content p{font-size:14px}}@media (max-width: 480px){.about-section{padding:10px}.about-content h2{font-size:28px;line-height:1.1}.about-content h4{font-size:18px}.about-content p{font-size:14px;line-height:22px}.shadow-box{width:250px;height:250px}.image1,.image2{max-width:100%}}button{background-color:#10c843;font-family:lato;color:#f7f7f7;width:120px;height:46px;border-radius:30px;border:none;transition:all .5s .1s ease;cursor:pointer}.contri-section{width:100%;max-width:1200px;margin:2rem auto;padding:0 2rem}.contri-section h2{margin-bottom:2rem;color:#10c843;text-align:center;font-size:2rem}.contribution{display:flex;flex-wrap:wrap;justify-content:space-around;gap:2rem}.member-card{flex-basis:30%;max-width:350px;height:auto;padding:2rem;border:2px solid #747474;border-radius:12px;background-color:#fff;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.member-card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0000001a}.member-card img{width:100px;height:100px;object-fit:cover;border-radius:50%;margin:0 auto}.member-card h3{margin:1rem 0 .5rem;color:#333;font-size:1.5rem}.member-card ul{padding:0;list-style-type:none;text-align:left;margin-top:1rem}.member-card li{font-size:1rem;color:#555;margin-bottom:.5rem;padding-left:1rem;position:relative}.member-card li:before{content:"•";color:#10c843;font-weight:700;position:absolute;left:0}@media (max-width: 1024px){.member-card{flex-basis:45%}}@media (max-width: 768px){.contri-section{padding:0 1rem}.contribution{gap:1.5rem}.member-card{flex-basis:100%;max-width:400px}}@media (max-width: 480px){.contribution{flex-direction:column;align-items:center}.member-card{flex-basis:100%;width:100%;margin-bottom:1.5rem}.member-card img{width:80px;height:80px}.member-card h3{font-size:1.2rem}.member-card li{font-size:.9rem}}.explore-courses-page,.courses-page{margin:3rem}.courses-page{display:flex;flex-direction:column;gap:2rem;justify-content:center}.explore-courses-heading,.courses-page-heading{width:60%;text-align:center;align-self:center}.courses-page-heading h1{margin-bottom:1rem}.course-card-section{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.course-card{border:1px solid greenyellow;width:25%;padding:3rem;display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.explore-courses-page,.courses-page{margin:2rem}.explore-courses-heading,.courses-page-heading{width:80%}.course-card-section{gap:2rem}.course-card{width:45%;padding:2rem}}@media (max-width: 480px){.explore-courses-page,.courses-page{margin:1rem}.explore-courses-heading,.courses-page-heading{width:90%}.course-card-section{flex-direction:column;align-items:center;gap:1.5rem}.course-card{width:100%;padding:1.5rem}}.load-more-btn{display:flex;justify-content:center}.quiz-invitation{margin-top:3rem;text-align:center}.quiz-invitation p{margin-bottom:2rem}.quiz-container{place-content:center}.questions{position:relative;width:600px;overflow-x:scroll;border:#10c843 1px solid;border-radius:25px;padding:30px;overflow:hidden}.options li{list-style:none;padding:10px;border:#10c843 1px solid;margin:0 0 10px}.question{font-size:1.2rem;width:100%;height:100px;padding:10px}.question-cont{border-top:#10c843 1px solid;border-bottom:#10c843 1px solid;margin:30px 0 30px 10px;padding:10px}.quiz-head{padding:20px}.quiz-buttons{justify-content:space-between}.error{color:red}.suggested-track-section{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;height:60vh;gap:5rem}.suggestedTrack{font-size:2rem}.suggested-track-btns{display:flex;gap:3rem}.welcome-body{padding:20px 40px}.welcome-header{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:left}.welcome-header button{font-family:Arial,Helvetica,sans-serif}.welcome-header .link{width:max-content}.welcome-header button:hover{background:#fff;color:#10c843;border:#10c843 solid}.welcome-learning{margin-top:40px;width:100%}.learning-path{display:flex;flex-wrap:wrap;gap:20px;width:100%;justify-content:center;margin-top:20px}.track-card{width:380px;border:#10c843 solid;height:250px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.track-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.track-card button{margin-top:10px}.track-top{background-color:#10c843;border-radius:20px 20px 0 0;height:8px;width:100%}footer{background:#000;padding:30px 40px;border-top-left-radius:40px;border-top-right-radius:40px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around}footer div{width:50%}footer p,h3{padding-bottom:20px}footer ul{display:flex;flex-direction:column;gap:10px}.footer-link{text-decoration:none;color:#fff}.course-page{margin-top:2rem;padding:1rem}.courseHead{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.courseDescription{text-align:center;margin-bottom:2rem;font-size:1.2rem;color:#333;line-height:1.6}.course-topics{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;background-color:#d4faed;border-radius:8px;width:50%;margin:auto;min-width:300px}.topics-list{list-style-type:decimal;padding-left:1.5rem}.topic-link{font-size:1.2rem;padding:.5rem;border-bottom:1px solid #41b443}.topic-link:last-child{border-bottom:none}.topic-link:hover{background-color:#87e2cc}.topic-link a{text-decoration:none;color:#075148;transition:color .3s ease,font-weight .3s ease}.topic-link a:hover{color:#196823;font-weight:700}.completed-status{color:green;font-weight:700;margin-left:10px}.not-completed-status{color:red;font-weight:700;margin-left:10px}.course-completion-status{margin-bottom:20px}progress{width:100%;height:20px;margin-top:10px}.additional-resource{margin-top:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.additional-resource-link{text-decoration:none}.topic-page{padding:2rem;background-color:#f4fdf0;color:#333}.topic-page h1{text-align:center;color:#004d00;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.topic-page h2{color:#007f00;margin-top:1.5rem;margin-bottom:1rem;font-size:1.8rem}.topic-page p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.topic-page pre{background-color:#eaf9e0;border-radius:8px;padding:1rem;overflow-x:auto}.topic-page code{color:#060}.video-container{text-align:center;margin-top:2rem}.video-container iframe{border:none;border-radius:8px}.editor-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.language-selector{display:flex;flex-direction:column;align-items:flex-start}.language-selector label{margin-bottom:.5rem}.language-selector select{padding:.5rem;border-radius:4px;border:1px solid #ddd}.editor-and-output{display:flex;flex-direction:row;gap:1rem}.monaco-editor{flex:1;min-width:0;border:1px solid #ddd;border-radius:4px}.editor-output{flex:1;min-width:0;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column}.editor-output iframe{flex:1}.congratulations-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:5rem;padding:0 1rem;margin-bottom:4rem;overflow-x:hidden;overflow-y:auto}.congratulations-page h1{margin-bottom:2rem;font-size:2.5rem;text-align:center}.controls{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.controls button{width:10rem;padding:10px}.congratulations-page p span{font-weight:700;text-transform:uppercase}@media (max-width: 1024px){.congratulations-page{margin-top:3rem;padding:0 2rem}.congratulations-page h1{font-size:2rem}.controls{flex-direction:column;gap:1rem}.controls button{width:100%}}@media (max-width: 768px){.congratulations-page{margin-top:2rem;padding:0 1rem}.congratulations-page h1{font-size:1.5rem}.controls{flex-direction:column;gap:.5rem}.controls button{width:100%;padding:.5rem;font-size:.875rem}}@media (max-width: 480px){.congratulations-page{margin-top:1rem;padding:0 .5rem}.congratulations-page h1{font-size:1.25rem}.controls{gap:.25rem}.controls button{width:100%;padding:.5rem;font-size:.75rem}}