@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");.dashboard{width:100%;height:100%;box-sizing:border-box}.main-header{margin-left:auto;margin-right:auto;width:100%;background-color:#fff;font-family:Open Sans,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.25rem;box-shadow:0 .5rem 1rem 0 rgba(44,51,73,.1);height:12%;padding:.7rem;display:flex;justify-content:space-between;position:fixed;z-index:100}.main-header-logo-icon{display:flex;align-items:center}.action-btn{transition:.5s ease}.action-btn:hover{scale:110%}.facilitator-mobile-menu,.hamburger{display:none}.header-right{display:flex;align-items:center;padding:0}.side-bar-close,.side-bar-open{width:100%}.side-bar{position:fixed;width:60%;height:100%;overflow-y:scroll;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#fff;border-radius:8px;padding:15% 5px 5px;transition:.4s;z-index:99}.side-bar-list{padding:.5rem;background-color:#fff}.menu-item{padding:10px;border-radius:8px;transition:.4s;display:flex;justify-content:space-between;align-items:center}.menu-item:hover{background-color:#b3b3b3;padding-right:20px}.menu-item:hover .arrow{background-color:teal;border-radius:50%}.menu-item .arrow{padding:5px}.sidebar-main::-webkit-scrollbar{width:3px;background:#e4e9f2}.sidebar-main::-webkit-scrollbar-thumb{background:#e4e9f2;cursor:pointer;border-radius:.15625rem}::-webkit-scrollbar-thumb{background:#b3b3b3!important;border-radius:.063rem!important}::-webkit-scrollbar{width:.188rem!important;height:.188rem!important}.side-bar-open .side-bar{display:block;transition:.4s}.side-bar-close .side-bar{display:none;transition:.4s}.main-page{min-height:70vh;padding:7% 1rem 1rem;background-color:#f2f1ea}.banner,.main-page{width:100%;height:auto}.banner{padding-top:5rem;background-color:#131517;display:flex;align-items:center;padding-left:5rem;position:relative;padding-bottom:5rem}.banner-content h2{padding-top:2rem;font-size:2rem;color:#fff;font-weight:900;font-family:Roboto,sans-serif;letter-spacing:.05rem}.analytics{display:flex;align-items:center;gap:1rem}.analytics .analytics-grp{display:flex;color:#fff;align-items:center;gap:.3rem;color:#cdcdcd;font-size:.7rem}.analytics .analytics-grp .analytics-icon{width:1.2rem;height:1rem;color:#cdcdcd}.coding-icon{position:absolute;width:8rem;height:8rem;display:flex;justify-content:center;align-items:center;right:.5rem;top:45%}.coding-icon .code-ic{width:4rem;height:4rem;color:teal}.welcome-box{position:absolute;width:80%;bottom:-50%;right:10%}.welcome-card-action{position:absolute;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;padding:1rem;top:33.33%;bottom:33.33%;right:1rem;border:.1rem solid #121d42;border-radius:50%}.welcome-card-action .syllabus-icon{width:2rem;height:2rem;color:#121d42}.course-completion .completion-fields{display:flex;align-items:center;justify-content:space-between;padding-top:.7rem;padding-bottom:.7rem}.social-media-icons{display:flex;align-items:center;gap:.5rem}.course-overview h2{font-size:1.5rem;padding-bottom:.5rem;font-weight:600}.course-overview p{text-align:justify;padding-bottom:.5rem}.course-card{margin-top:1rem}.course-content{display:flex;align-items:center;gap:.5rem}.module-trigger{padding-left:1rem;padding-right:1rem;text-align:left}.lesson-content,.lesson-trigger{padding-left:1.6rem;padding-right:1rem;text-align:left}.reference-link{color:teal}.options{display:flex;gap:1rem;align-items:center}.input-field{padding:1rem}.course-learn-page h2{font-size:1.3rem;font-weight:500}.course-learn-page p{overflow:scroll}.facilitator-menu-list li,.menu-icon{transition:.5s;cursor:pointer}.facilitator-menu-list li:hover .menu-icon{color:teal}.scroll{max-height:30vh}.student-table-row:hover{cursor:pointer}.toolbar{display:flex;flex-direction:row;gap:.25rem;padding:.25rem;background:transparent;border-radius:.25rem}.more-btn,.submenu{display:none}@media (max-width:768px){.toolbar{flex-wrap:wrap}.more-btn{display:inline-flex}.submenu{display:flex;flex-direction:row;gap:.25rem;padding:.25rem;background:transparent;border-radius:.25rem;margin-top:.25rem}}@media only screen and (max-width:667px){.facilitator-mobile-menu,.hamburger{display:block;cursor:pointer;transition:.4s}.facilitator-mobile-menu{position:relative;margin-top:1rem}.hamburger1{position:absolute;right:0;bottom:50%}.header-logo{display:none}.main-page{width:100%}.discout-card,.main-page{padding-top:24%}.banner{width:100%;height:auto;padding-top:5rem;background-color:#131517;display:flex;align-items:center;padding-left:.7rem;position:relative;padding-bottom:3rem}.banner-content h2{font-size:2rem;color:#fff;font-weight:600;font-family:Roboto,sans-serif;letter-spacing:.05rem}.analytics{display:flex;align-items:center;gap:1rem}.analytics .analytics-grp{display:flex;color:#fff;align-items:center;gap:.3rem;color:#cdcdcd;font-size:.7rem}.analytics .analytics-grp .analytics-icon{width:1.2rem;height:1rem;color:#cdcdcd}.coding-icon{position:absolute;width:8rem;height:8rem;display:flex;justify-content:center;align-items:center;right:.5rem;top:55%}.coding-icon .code-ic{width:4rem;height:4rem;color:teal}.welcome-box{position:absolute;width:80%;bottom:-15%;right:10%}.scroll{max-height:35vh}}@media only screen and (min-width:668px) and (max-width:960px){.main-page{padding:15% 1.5rem 1.5rem;width:100%}.welcome-box{position:absolute;width:80%;bottom:-15%;right:10%}.banner{padding-left:5rem;width:100%}.coding-icon{right:8rem;top:41%}}@media only screen and (min-width:960px){.main-header{padding-left:12rem;padding-right:12rem;width:100%}.main-page{padding:8% 2rem 2rem;width:100%}.welcome-box{position:absolute;width:70%;bottom:-15%;right:15%}.banner{padding-left:14rem;width:100%}.coding-icon{right:15rem;top:45%}}.loader-container{display:flex;justify-content:center;margin-top:10px}.loader{position:relative;width:54px;height:54px;border-radius:10px}.loader div{width:8%;height:24%;background:grey;position:absolute;left:50%;top:30%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:fade458 1s linear infinite}@keyframes fade458{0%{opacity:1}to{opacity:.25}}.loader .bar1{transform:rotate(0deg) translateY(-130%);animation-delay:0s}.loader .bar2{transform:rotate(30deg) translateY(-130%);animation-delay:-1.1s}.loader .bar3{transform:rotate(60deg) translateY(-130%);animation-delay:-1s}.loader .bar4{transform:rotate(90deg) translateY(-130%);animation-delay:-.9s}.loader .bar5{transform:rotate(120deg) translateY(-130%);animation-delay:-.8s}.loader .bar6{transform:rotate(150deg) translateY(-130%);animation-delay:-.7s}.loader .bar7{transform:rotate(180deg) translateY(-130%);animation-delay:-.6s}.loader .bar8{transform:rotate(210deg) translateY(-130%);animation-delay:-.5s}.loader .bar9{transform:rotate(240deg) translateY(-130%);animation-delay:-.4s}.loader .bar10{transform:rotate(270deg) translateY(-130%);animation-delay:-.3s}.loader .bar11{transform:rotate(300deg) translateY(-130%);animation-delay:-.2s}.loader .bar12{transform:rotate(330deg) translateY(-130%);animation-delay:-.1s}.facilitator-menu-list li.active{border-left:4px solid teal;background-color:#e2e8f0;font-weight:700;color:#333}.facilitator-menu-list li.active-icon{color:#4a90e2}.facilitator-menu-list li:hover{background-color:#f0f4f8}.facilitator-menu-list li{transition:all .3s ease;cursor:pointer;padding:8px 16px;border-radius:4px}.pagination-item{display:inline-block;margin:0 2px}.pagination-link{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#121d42;cursor:pointer;font-size:12px;padding:6px 12px;text-align:center;text-decoration:none;transition:background-color .3s ease,border-color .3s ease}.pagination-link:hover:not(.disabled){background-color:#e9ecef}.pagination-link.active{background-color:teal;color:#fff;border-color:teal}.pagination-link.disabled{color:#6c757d;cursor:not-allowed;border-color:#6c757d;background-color:#f8f9fa}.pagination-ellipsis{font-size:12px;color:#6c757d;padding:6px 8px}@media (max-width:600px){.pagination-ellipsis,.pagination-link{font-size:10px;padding:4px 6px}}@media (max-width:400px){.pagination-item{margin:0 1px}}.table{table-layout:fixed;width:100%}.table-cell-id{width:150px}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.table-header-dark{color:#151718;font-weight:600}.module-form{display:flex;gap:1rem;padding-bottom:1rem}.module-selector{flex:3}.new-module{flex:1;display:flex;align-items:center;justify-content:center}.new-module h2{display:block}@media (max-width:640px){.module-form{flex-direction:row;align-items:center}.module-selector{width:75%}.new-module{width:25%}.new-module h2{display:none}.new-module .plus-icon{font-size:24px}}.lesson-form{display:flex;gap:1rem;padding-bottom:1rem}.select-lesson{flex:3}.new-lesson{flex:1;display:flex;align-items:center;justify-content:center}.new-lesson h2{display:block}@media (max-width:640px){.lesson-form{flex-direction:row;align-items:center}.select-lesson{width:75%}.new-lesson{width:25%}.new-lesson h2{display:none}.new-lesson .plus-icon{font-size:24px}}.navbar{display:flex;justify-content:space-around;align-items:center;padding:1em}.nav-link{position:relative;margin:0 15px;padding:5px 0;color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.nav-link:after{content:"";position:absolute;width:0;height:2px;display:block;margin-top:5px;left:50%;transform:translateX(-50%);background:teal;transition:width .4s ease;-webkit-transition:width .4s ease}.nav-link:hover:after{width:100%;left:0;transform:none}.nav-link.active{color:teal}.nav-link{color:#1e1e1e;font-weight:600}.nav-link.active:after{width:100%;background:teal}@media (max-width:768px){.navbar{display:none}}.page-container{display:flex;flex-direction:column;align-items:center;background:#f2f1ea;height:100vh;overflow-y:scroll;padding:20px 20px 50px}.background,.page-container{position:relative;width:100%}.background{height:300px;overflow:hidden;background-color:#131517;border-radius:0 0 2rem 2rem}.background-color{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5)}@media (max-width:768px){.profile-container{width:90%;margin-top:-30px;height:250px}}.background.hidden{display:none}.profile-container{display:flex;flex-direction:column;align-items:center;background:#fff;padding:20px;border-radius:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-top:-100px;position:relative;z-index:10;width:30%;height:250px}.icon-container{position:absolute;top:20px;right:20px}.top-right-icon{width:18px;height:18px;cursor:pointer}.profile-info{margin-bottom:10px;border:3px solid teal;border-radius:50%;padding:3px}.profile-image{width:100px;height:100px;border-radius:50%}.profile-details{text-align:center}.profile-details h2{margin:0;font-weight:700}.acc-id-container{display:flex;align-items:center;justify-content:center}.acc_id{color:#666;margin-right:8px}.copy-icon{width:16px;height:16px;cursor:pointer}@media (max-width:768px){.profile-container{width:90%;margin-top:-90px;height:250px}}@media only screen and (min-width:820px) and (max-width:1024px){.profile-container{width:50%;margin-top:-90px;height:250px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1000}.modal-content,.modal-overlay{display:flex;justify-content:center;align-items:center}.modal-content{position:relative;border-radius:15px;max-width:90%;max-height:90%;flex-direction:column}.nft-full-image{max-width:100%;max-height:80vh}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#000;font-size:2px}.circle img,.close-button{cursor:pointer}.toast-container{position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background-color:teal;color:#fff;padding:3px 8px;border-radius:12px;text-align:center;font-size:10px;white-space:nowrap;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;z-index:1000}.toast-container.show{display:block}.toast-container:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid teal}.account-settings{background:#fff;padding:20px;border-radius:10px;width:80%;box-sizing:border-box;margin-top:80px}.settings-header{justify-content:flex-start}.btn.settings,.settings-header{display:flex;align-items:center}.btn.settings{background-color:teal;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}.btn.settings .chevron-icon{margin-right:5px}.user-info{margin:20px 0}.form-group{display:flex;align-items:center;margin:10px 0}.form-group label{width:30%;margin-right:10px;text-align:left;font-weight:500}.form-group input,.form-group textarea{width:65%;padding:10px;border:1px solid #ddd;border-radius:5px}.form-group input:focus,.form-group textarea:focus{border-color:teal;outline:none}textarea{resize:none}.form-buttons{display:flex;justify-content:flex-end;gap:10px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.btn.save{background-color:#4caf50;color:#fff}.btn.save:hover{background-color:#45a049}@media (max-width:768px){.form-group{flex-direction:column;align-items:flex-start}.form-group label{width:100%;text-align:left;margin-bottom:5px}.form-group input,.form-group textarea{width:100%}.account-settings{width:95%;margin-top:130px}}@media (max-width:480px){.account-settings{width:100%;margin-top:120px;padding:15px}}@media only screen and (min-width:820px) and (max-width:1024px){.account-settings{width:80%;margin-top:180px;padding:15px}}.activeIcon{background-color:#cdcdcd}.nft-badge{position:absolute;top:15px;left:15px;display:flex;align-items:center;padding:5px;border-radius:8px;background-color:#fff;border:2px solid #000;width:max-content}.circle{width:30px;height:30px;border-radius:50%;overflow:hidden;margin-right:5px}.nft-image{width:100%;height:100%;object-fit:cover}.rectangle{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px}@media (max-width:768px){.nft-badge{padding:3px}.circle{width:20px;height:20px}.rectangle{font-size:6px}}@media (max-width:480px){.nft-badge{padding:3px}.circle{width:20px;height:20px}.rectangle{font-size:6px}}.social-links{position:absolute;background-color:#1e293b;bottom:-20px;left:50%;transform:translateX(-50%);color:#fff;padding:10px 15px;border-radius:25px;z-index:10;width:200px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.2);overflow:hidden}.social-links-header{display:flex;align-items:center;cursor:pointer;transition:all .3s ease}.icon{width:24px;height:24px;cursor:pointer;border:2px solid #fff;border-radius:50%;padding:2px;margin-right:10px;transition:transform .3s ease}.header-text{font-size:14px;font-weight:700;transition:opacity .3s ease,transform .3s ease}.social-links-list{list-style:none;padding:0;margin:0;opacity:0;transition:opacity .3s ease-in-out;display:none;flex-direction:row;justify-content:center}.social-link{margin:0 30px}.social-icon{width:24px;height:24px;fill:#fff}.social-links.expanded .icon{transform:rotate(45deg)}.social-links.expanded .header-text{opacity:0;transform:translateX(-10px)}.social-links.expanded .social-links-list{opacity:1;display:flex}