.scrollable-div{height:100vh;overflow-y:auto;overflow-x:hidden}.scrollable-div::-webkit-scrollbar{width:12px!important}.scrollable-div::-webkit-scrollbar-track{background:#f8fafc!important}.scrollable-div::-webkit-scrollbar-thumb{background-color:#0070bb!important;border-radius:20px!important;border:3px solid #f8fafc!important}.scrollable-div::-webkit-scrollbar-thumb:hover{background-color:#0079dc!important}.text-green{color:#00d853}.checked-border{border:1px solid #1d4ed8!important}.text-red{color:red}.text-black{color:#1a1a1a}.correct-answer{border:1px solid #00ff62!important;box-shadow:0 0 4px #00ff6259!important;background-color:#f5fff5}.incorrect-answer{border:1px solid #ff0000!important;box-shadow:0 0 4px #ff000059!important;background-color:#fff5f5}@font-face{font-family:Dosis;src:url(${DosisFont}) format("truetype");font-weight:200 800;font-style:normal}@font-face{font-family:Playfair;src:url(src/assets/fonts/PlayfairDisplay-VariableFont_wght.ttf) format("truetype");font-weight:200 800;font-style:normal}.fs-8{font-size:.8rem;letter-spacing:.5px}.fs-9{font-size:.7rem;letter-spacing:.5px}.fs-10{font-size:.6rem;letter-spacing:.5px}.w-auto{width:auto!important}.minw-75{min-width:75%}.w-20{width:20%!important}.w-80{width:80%!important}.w-15{width:15%!important}.h-45{height:45px!important}.code{height:56px!important;border:2px solid #e5e7eb;transition:all .2s;background-color:#f9f9f9;color:#2563eb;border-radius:10px!important}.code:focus{background-color:#fff;border:2px solid #2563eb;box-shadow:0 0 3px #84c0ff80;outline:none}.w-33{width:33%!important}.w-40{width:40%!important}.w-30{width:30%!important}body::-webkit-scrollbar{display:none}.semi-transparent{background-color:#fffc;box-shadow:0 2px 6px #0003}.navbar{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:Dosis;font-weight:700;letter-spacing:.5px;border-top-left-radius:0!important;border-top-right-radius:0!important}.logo-img{width:clamp(40px,3vw,500px)!important;height:auto}.logo-text-img{width:clamp(110px,9.5vw,500px)!important;height:clamp(25px,2.25vw,140px)!important}a{text-decoration:none!important}.nav-element{position:relative;font-size:2rem;font-weight:700;color:#333;text-decoration:none;padding:8px 4px}.nav-element:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:currentColor;border-radius:10px;transform:scaleX(0);transform-origin:bottom right;transition:transform .4s cubic-bezier(.68,-.6,.32,1.6)}.nav-element:hover:after{transform:scaleX(1);transform-origin:bottom left}.nav-element:hover{transition:color .3s ease}.big-logo-img{width:clamp(50px,4vw,750px)!important;height:auto}.big-logo-text-img{width:clamp(123px,10vw,750px)!important;height:clamp(30px,2.5vw,160px)!important}.nav-element{color:#1a1a1a;font-size:clamp(.9rem,.8rem + .7vw,1.1rem)}.enhanced-nav-element{background-image:linear-gradient(135deg,#91f5ad,#49b3b4);transition:all .2s ease;cursor:pointer;font-size:clamp(.9rem,.8rem + .5vw,1.05rem)}.enhanced-nav-element:hover{transform:translateY(-3px);box-shadow:0 0 10px #6dd4b126,0 0 15px #0257a526,0 0 30px #6dd4b126}.hero-div{height:100vh;max-width:100%;background:linear-gradient(135deg,#0087e0,#0257a5);color:#fff}.navbar{box-sizing:border-box}header{padding-top:10rem!important}h1{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(1rem,calc(8vw + 1rem),15rem);font-weight:600;letter-spacing:.5px}.h1-home{height:clamp(1rem,calc(8vw + 1rem),15rem)}h2{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(.5rem,calc(2vw + .5rem),5rem);font-weight:600;letter-spacing:.5px;width:clamp(220px,60%,1500px);margin-top:1rem;color:#ffffffbf}@media(max-width:550px){h2{width:clamp(220px,90%,1500px);margin-top:5vw!important}}.hero-btn-primary,.hero-btn-secondary{border-radius:.35rem}@media(max-width:800px){.hero-btn-primary,.hero-btn-secondary{border-radius:.75rem;padding:2vw 4vw!important}.circle{margin-top:10vw!important}}@media(min-width:768px){.hero-btn-primary,.hero-btn-secondary{border-radius:.75rem;padding:2vw 4vw}}@media(min-width:992px){.hero-btn-primary,.hero-btn-secondary{border-radius:1rem}}.hero-btn-primary{background-color:#fff;color:#2592b8;padding:1vw 2vw;font-size:clamp(1rem,calc(1vw + .5rem),2.5rem);font-weight:600;border:none;box-shadow:0 4px 12px #0003;transition:all .2s ease;font-family:Dosis;font-weight:700}.hero-btn-primary:hover{color:#0257a5;transform:translateY(-5px)}.hero-btn-secondary{border:.2vw solid white;background-color:#2592b8;background-color:transparent;color:#fff;padding:1vw 2vw;font-size:clamp(1rem,calc(.8vw + .5rem),2.5rem);font-weight:600;box-shadow:0 4px 12px #0003;transition:all .2s ease}.hero-btn-secondary:hover{transform:translateY(-5px);color:#def}.pb-6{padding-bottom:9rem!important}.inner-circle{color:#fff}.circle:hover{background-color:#fff;transform:scale(1.1)}.circle:hover .inner-circle{color:#0257a5}.catalog-subtitle{color:#2592b8}.blue-text{color:#0070bb}.home-section{height:100vh!important}.course-loading{min-height:calc(70vh - 101px)!important}.catalog-title,.blue-text{font-size:clamp(3rem,10vw,5rem)!important;line-height:clamp(2.6rem,10vw,5.2rem);font-family:Playfair;font-weight:600;max-width:100%;word-wrap:break-word;font-weight:700!important}@media(max-width:470px){.catalog-title{line-height:55px!important}.catalog-subtitle{font-size:clamp(.9rem,3vw,3rem);margin-top:50px}}.search-input{border:none;border-bottom:1px solid #808080;color:gray;width:100%!important;max-width:27.5rem;height:3rem;background-color:transparent}.search-input:focus{border:none!important;border-bottom:1px solid #242424!important;outline:none;color:#505050;background-color:transparent}.dosis{font-family:Dosis}.courses-header{background:linear-gradient(135deg,#91f5ad26,#0257a526);min-height:75vh;height:auto;width:100%!important;padding:2rem clamp(1rem,5vw,5rem)!important;margin:0;box-sizing:border-box;box-shadow:0 2px 6px #0003;border-bottom:1px solid #d6d6d6}.loupe{margin-left:-65px;height:25px;margin-bottom:10px!important}#courses{background-color:#fafdff}.courses-main{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center}.course-block{transform:translateZ(0);width:450px;height:auto;border:1px solid #d9e2e6;border-radius:15px;background-color:#fff;box-shadow:0 4px 20px #0060a51f;font-family:Dosis;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;overflow:hidden}.course-block:hover{transform:translateY(-10px);border-color:#007bff;box-shadow:0 12px 28px #0060a538}.course-block:hover:before{transform:scaleX(1)}h3{font-size:clamp(1rem,8vw,2rem)!important;font-family:Dosis;color:#0078c9;font-weight:700;width:100%;overflow:hidden}.diff-text{font-size:clamp(.7rem,3.7vw,1.1rem)}.difficulty{background:linear-gradient(135deg,#0087e0,#0257a5);width:clamp(60px,18vw,80px);flex-shrink:0;height:auto;border-bottom-left-radius:15px!important;border-top-right-radius:15px!important;font-family:Dosis;color:#fff;font-weight:800;height:clamp(70px,22vw,100px)}.difficulty-2{width:100%;height:auto}.difficulty-img{width:70%;height:auto!important;object-fit:contain}.difficulty-img-2{width:20%;height:100%!important;object-fit:contain}.course-title{width:70%}.success{color:#08d40f!important}.unsuccess{color:#d40808!important}.short-course-description{font-size:clamp(.5rem,4.5vw,1.1rem)!important;font-weight:600;color:#1a1a1a!important}.course-block-content{width:70%}.course-link{font-size:clamp(.5rem,4.5vw,1.1rem)!important;color:#0087e0;font-weight:600;transition:all .2s ease}.course-link:hover{color:#0095ff}.login-body{background:linear-gradient(135deg,#91f5ad26,#0257a526);font-family:Dosis;letter-spacing:1px}.login-container{width:400px;height:auto;background-color:#fffffff2;border-radius:15px;box-shadow:0 2px 6px #3232321a;border:1px solid rgb(235,235,235)}.login-link{font-size:.9rem!important;transition:all .2s ease}.login-link:hover{color:#1a1a1a!important;font-size:.91rem!important}.credentials-row{width:90%}.login-input{height:40px;border:1px solid rgb(179,179,179);font-weight:600;letter-spacing:.98px;font-size:.9rem}.login-input:focus{border:1px solid #2592B8;box-shadow:0 0 3px #6db4ff80;outline:none}.expand-module-disabled{height:40px;width:auto;padding-right:15px!important;background-color:#707070;border:3px solid transparent;color:#fff;font-size:.95rem;transition:all .2s ease;cursor:not-allowed}.login-button{height:40px;background-color:#0087e0;color:#fff;font-weight:600;border:none;transition:all .2s ease;box-shadow:0 2px 6px #32323233}.login-button:hover{transform:translateY(-2px)}.courses-dashboard-header{font-family:Dosis}.dashboard-logo-img{width:75px}.add-course-btn{height:40px!important;width:120px!important;background-color:#0070bb;color:#fff;border:none;transition:all .2s ease}.add-course-btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.add-module-btn{height:36px!important;width:auto!important;background-color:#0070bb;color:#fff;border:none;transition:all .2s ease}.add-module-btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.dashboard-logo-img{width:75px!important;object-fit:contain!important}.difficulty-img-dashboard{width:35px;height:auto!important;object-fit:contain}.difficulty-dashboard{background:linear-gradient(135deg,#0087e0,#0257a5);width:65px;flex-shrink:0;height:auto;font-family:Dosis;color:#fff;font-weight:800;height:100%}.courses-table{width:100%;font-family:Dosis;font-size:1.1rem;border:1px solid rgb(226,226,226);border-radius:20px;border-collapse:separate;border-spacing:0;overflow:hidden}.course-table tr td{border-top:1px solid #dee2e6!important}.inner-table{width:100%;font-family:Dosis;font-size:1.1rem;border:1px solid rgb(226,226,226);border-radius:15px;border-collapse:separate;border-spacing:0;overflow:hidden}.courses-table th,.courses-table td{border:none}.courses-table th:first-child{background-image:linear-gradient(135deg,#91f5ad1a 0% 25%);font-weight:600}.courses-table th:nth-child(2){background-image:linear-gradient(135deg,#91f5ad1a 25%,#6dd4b11a 50%);font-weight:600}.courses-table th:nth-child(3){background-image:linear-gradient(135deg,#6dd4b11a 50%,#49b3b41a 75%);font-weight:600}.courses-table th:nth-child(4){background-image:linear-gradient(135deg,#49b3b41a 75%,#13c1d81a);font-weight:600}.courses-table th:nth-child(5){background-image:linear-gradient(135deg,#13c1d81a 100% 100%);font-weight:600}svg{cursor:pointer!important}.pointer-events-none{pointer-events:none!important}.pointer{cursor:pointer!important}.module-expanded{border-radius:0}.module-table tr:first-child td{border-top-left-radius:20px}.module-table tr:first-child td{border-top-right-radius:20px}.module-table tr:nth-last-child(2) td{border-bottom-left-radius:20px}.module-table tr:nth-last-child(2) td{border-bottom-right-radius:20px}.module-table tr:last-child td{border-bottom-left-radius:20px!important}.module-table tr:last-child td{border-bottom-left-radius:20px!important;border-bottom-right-radius:20px!important}.courses-table tr:first-child th:first-child{border-top-left-radius:20px;width:30%}.courses-table tr:first-child th:last-child{border-top-right-radius:20px;width:20%}.inner-table tr:not(:first-child) td{border-top:1px solid rgb(226,226,226)}.inner-table tr:first-child th:first-child{border-top-left-radius:15px;width:10%}.inner-table tr:first-child th:last-child{border-top-right-radius:15px;width:20%}.difficulty-text-dashboard{font-size:.9rem}.modules{width:130px!important}.module-arrow{transform:rotate(-90deg);margin-top:3px}.module-arrow.active{transform:rotate(-180deg);margin-top:0}.inner-th{background-color:#edfff9!important;background-image:none!important}.wa{width:auto!important}.arrow-right{transform:rotate(180deg)!important;margin:0!important}.arrow-left{transform:rotate(0)!important;margin:0!important}.manage-materials{height:40px;width:100px;background-color:#fff;border:1px solid rgb(226,226,226);font-size:.95rem;transition:all .2s ease}.manage-materials-p{height:40px;width:100px;background-color:#fff;font-size:.95rem;transition:all .2s ease}.manage-materials-wa{height:40px;width:auto;background-color:#fff;border:1px solid rgb(226,226,226);font-size:.95rem;transition:all .2s ease}.smaller-btns{height:36px;width:90px;font-size:.8}.manage-materials:hover,.manage-materials-wa:hover{background-color:#1a1a1a;color:#fff;transform:translateY(-3px)}.edit-course,.delete-course{height:40px;width:85px;background-color:#fff;border:1px solid rgb(226,226,226);font-size:.95rem;transition:all .2s ease}.smaller-action-btns{height:36px;width:78px;font-size:.8rem}.code-btn{background-color:#fff;border:1px solid rgb(226,226,226);font-size:.95rem;transition:all .2s ease;color:#2563eb}.edit-course:hover{background-color:#0070bb;color:#fff;transform:translateY(-3px)}.code-btn:hover{background-color:#2563eb;color:#fff}.delete-course{color:#ed0000}.delete-course:hover{background-color:#ed0000;color:#fff;transform:translateY(-3px)}#logout{border:none}.expand-module{height:40px;width:110px;background-color:#0e78c9;border:3px solid transparent;color:#fff;font-size:.95rem;transition:all .2s ease}.expand-module:hover{background-color:transparent;color:#0e78c9;border:3px solid #0e78c9;transform:translateY(-3px)}.popup-wrapper{background-color:#000c;width:100%;height:100%;position:fixed;z-index:1000}#edit-popup{display:none}.edit-course-popup{background-color:#fff;width:500px;height:auto}.join-course-popup{background-color:#fff;width:425px;height:auto}.share-course-popup{background-color:#fff;width:800px;height:auto}.popup-input{height:40px;border:1px solid rgb(179,179,179);transition:all .2s}.popup-input-material{border:1px solid rgb(179,179,179);transition:all .2s}.popup-input:focus{border:1px solid #29a9d8;box-shadow:0 0 3px #6db4ff80;outline:none}.popup-input-material:focus{border:1px solid #29a9d8;box-shadow:0 0 3px #6db4ff80;outline:none}.popup-textarea{height:100px}.save-changes-btn{height:40px;border:3px solid transparent;background-color:#0087e0;color:#fff;transition:all .2s ease}.save-changes-btn:hover{border:3px solid #0087e0;background-color:#fff;color:#0087e0}.cancel-btn{height:40px;border:3px solid #323232;background-color:#fff;color:#323232;transition:all .2s ease}.cancel-btn:hover{border:3px solid transparent;background-color:#323232;color:#fff}.delete-popup{background-color:#fff;width:500px;height:auto;display:block}.info-popup{background-color:#fff;width:400px;height:auto;display:block}.delete-course-btn{height:40px;transition:all .2s ease;border:3px solid transparent;background-color:#d40808;color:#fff}.delete-course-btn:hover{border:3px solid #d40808;background-color:#fff;color:#d40808}.add-material-btn{height:40px!important;width:auto!important;background-color:#0070bb;color:#fff;border:none;transition:all .2s ease;letter-spacing:-.5px!important}.add-material-btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.no-materials{border:1px solid rgb(215,222,231);box-shadow:0 1px 2px #c4d0db1a;height:300px}.no-materials-icon{background-color:#6dd4b11a;color:#384857;border-radius:100%}.no-modules-icon{background-color:#6dd4b11a;color:#384c56;border-radius:100%;padding:15px!important}.materials-popup-wrapper{background-color:#000c;width:100%;height:100%;position:fixed;z-index:10}.material-type{background-color:#6dd4b126;height:40px;width:auto}.module-state{background-color:#e4e4e4;pointer-events:none}.material-radio{color:#6f7781!important;width:50%;height:auto;margin:5px!important}.module-radio{color:#6f7781!important;width:auto;height:auto;padding:5px 8px;height:40px}.material-highlighted{background-color:#fff;color:#000!important}.module-highlighted{background-color:#fff;color:#000!important;border:3px solid #e4e4e4}.popup-textarea-materials{height:70px}.file-input{cursor:pointer}.popup-input-file{height:40px;border:1px solid rgb(179,179,179)}.popup-input-file:hover{border:1px solid #2592B8;box-shadow:0 0 3px #6db4ff80;outline:none}.material-icon{background-color:#6dd4b126;color:#6c757d}.material{border:1px solid rgb(215,222,231);box-shadow:0 1px 2px #c4d0db1a;border-bottom:none}.material:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border:1px solid rgb(215,222,231)}.material:first-child{border-top-left-radius:20px;border-top-right-radius:20px}.edit-material,.download-material,.delete-material{height:40px;width:auto;background-color:#fff;border:1px solid rgb(226,226,226);font-size:.9rem;transition:all .2s ease}.edit-material:hover{background-color:#0087e0;color:#fff;transform:translateY(-3px)}.delete-material{color:#ed0000}.download-material:hover{background-color:#0070bb;color:#fff;transform:translateY(-3px)}.hover-bl:hover{background-color:#1a1a1a!important}.hover-gr:hover{background-color:#0070bb!important}.delete-material:hover{background-color:#ed0000;color:#fff;transform:translateY(-3px)}.question{border:1px solid rgb(215,222,231);box-shadow:0 1px 2px #c4d0db1a}.question-id{border:1px solid rgb(215,222,231);box-shadow:0 1px 2px #c4d0db1a;padding-left:10px;padding-right:10px}.question-type{letter-spacing:.7px;background-color:#91f5ad;padding-left:10px;padding-right:10px}.custom-radio input.radio-input{display:none}.custom-radio .radio-mark{width:16px;height:16px;border:2px solid #aaa;border-radius:50%;margin-right:6px;position:relative;transition:all .2s}.custom-radio input.radio-input:checked+.radio-mark:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#007bff;border-radius:50%}.custom-radio input.radio-input:checked+.radio-mark{border-color:#007bff}.custom-radio:hover .radio-mark{border-color:#007bff}.custom-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;width:100%}.custom-checkbox input.checkbox-input{display:none}.custom-checkbox .checkbox-mark{width:20px;height:20px;border:2px solid #aaa;border-radius:4px;position:relative;transition:all .2s;flex-shrink:0;background-color:#fff}.custom-checkbox:hover .checkbox-mark{border-color:#007bff}.custom-checkbox input.checkbox-input:checked+.checkbox-mark{background-color:#007bff;border-color:#007bff}.custom-checkbox input.checkbox-input:checked+.checkbox-mark:after{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0}.add-option-btn{height:35px!important;width:auto!important;background-color:#fff;color:#1a1a1a;border:1px solid #1A1A1A;transition:all .2s ease;letter-spacing:-.5px!important}.add-option-btn:hover{background-color:#1a1a1a;color:#fff;border:1px solid #1A1A1A}.delete-question-btn{padding:2.5px 4px!important;transition:all .1s ease}.delete-question-btn:hover{color:#fff;background-color:red}.course-name{font-size:3.7rem}@media(max-width:780px){.course-name{font-size:3.2rem}}@media(max-width:768px){.module-name{font-size:1.2rem!important}.course-num{width:50px!important;height:50px!important;font-size:1.2rem!important}.expand-module,.expand-module-disabled{font-size:.8rem!important;width:110px!important;padding-right:15px!important}.material-icon{padding:.6rem!important}.material-name,.quiz-name{font-size:1rem!important}.material-desc,.material-url{font-size:.8rem!important}.questions-count{font-size:.7rem!important}.attempts,.start-quiz,.download-material{font-size:.8rem!important}}@media(max-width:500px){.hero-div{padding-top:60%!important;justify-content:flex-start!important}h3{font-size:1.8rem!important}.inner-circle{width:24px!important;height:24px!important;padding:2px!important}.no-materials-icon{padding:10px!important}.no-materials-icon>svg{width:36px!important;height:36px!important}.fs-resp{font-size:.9rem!important}.course-info>p{font-size:.75rem!important}.course-info>svg{width:18px!important;height:18px!important}.back-btn{font-size:1rem!important}.course-name{font-size:2.5rem!important}.module-name{font-size:.9rem!important}.course-num{width:37px!important;height:37px!important;font-size:.8rem!important;border-radius:10px!important}.expand-module,.expand-module-disabled{font-size:.6rem!important;width:80px!important;padding-right:5px!important;height:35px!important}.expand-module-disabled{width:88px!important}.expand-module>svg,.expand-module-disabled>svg{width:18px!important;height:18px!important}.expand-module-disabled>svg{width:14px!important;height:14px!important}.material-icon{padding:.6rem!important}.material-name,.quiz-name{font-size:1rem!important}.material-desc,.material-url{font-size:.8rem!important}.questions-count{font-size:.7rem!important}.attempts,.start-quiz,.download-material{font-size:.8rem!important}}@media(max-width:768px){.material-name,.quiz-name,.material-desc,.material-url,.attempts{text-align:center}.download-material{margin-left:50%;margin-top:15px!important;margin-left:25px!important}.material-icon{margin-bottom:15px!important}.material-wp{justify-content:center!important;flex-direction:column!important;width:100%}.material{justify-content:center!important}.start-quiz{margin-top:15px!important;margin-left:20px!important}.attempts{margin-left:-20px!important}.quiz-name{margin-left:-10px!important}.post-icon>svg{width:36px;height:36px}.d-none-mobile{display:none}.wa{width:auto!important}.bb{justify-content:space-between!important}}.no-materials-course{border:1px solid rgb(215,222,231);box-shadow:0 1px 2px #c4d0db1a;height:200px}.dosis{font-family:Dosis,sans-serif}.feature-hover{transition:all .4s cubic-bezier(.165,.84,.44,1);cursor:default}.feature-hover:hover{transform:translateY(-10px)}.feature-hover:hover svg{transform:scale(1.1);transition:transform .3s ease}.feature-hover:hover .d-flex{box-shadow:0 10px 20px #0000000d;background-color:#fff!important}.custom-select-wrapper{position:relative;font-family:Dosis,sans-serif;font-weight:600;font-size:.875rem;width:250px}.custom-select-display{height:40px;border:1px solid rgb(179,179,179);padding:0 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.custom-select-display:hover{border-color:#2592b8}.custom-select-display:focus{border:1px solid #2592B8;box-shadow:0 0 3px #6db4ff80;outline:none}.arrow{font-size:.7rem;color:#646464}.custom-select-options{display:block;position:absolute;top:100%;left:0%;width:100%;background:#fff;border:1px solid rgb(179,179,179);border-radius:.25rem;box-shadow:0 2px 6px #00000026;margin-top:4px;z-index:10;cursor:pointer}.custom-select-option{padding:10px}.custom-select-option:hover{background-color:#2592b81a}.custom-select-display.active+.custom-select-options{display:block}.back-btn{transition:all .2s ease!important;padding-right:1.5rem!important}.back-btn:hover{margin-left:-.5rem!important;margin-right:.75rem!important;gap:0!important;color:#000!important;transform:none!important}svg.pointer{color:#1a1a1a!important;transition:all .2s ease}svg.pointer:hover{transform:scale(1.15)!important}.results-block{border:1px solid rgb(225,225,225);box-shadow:0 0 2px #575e6326}.results-table>tr>th{background-color:#f8fffa}.results-table>tr>td{border-top:1px solid rgb(226,226,226)}.results-table{border:1px solid rgb(226,226,226);border-collapse:separate;border-spacing:0;overflow:hidden}.questions-count{background-color:#91f5c3}.quiz-question-popup{background-color:#fff;width:600px;height:auto;min-height:400px}.quiz-bar-full{background-color:#0081d7;border:1px solid #0081d7;height:10px;width:10%;border-radius:100px 0 0 100px}.bar-gradient{background-image:linear-gradient(90deg,#0081d7,#e0fff0);width:.5%}.quiz-bar-empty{background-color:#e0fff0;border:1px solid #defff6;border-left:none;height:10px;width:90%;border-radius:0 100px 100px 0}.answer-block{border:1px solid #cfcfcf;-webkit-user-select:none;user-select:none;cursor:pointer}.answer-block:has(input[type=radio]:checked){border:1px solid #2592B8;background-color:#f1f8ff}.answer-block:has(input[type=checkbox]:checked){border:1px solid #2592B8;background-color:#f1f8ff}.answer-block:hover .radio-mark,.answer-block:hover .checkbox-mark{border-color:#0081d7}.answer-block>label{padding:13px 17px!important}.previous-btn{height:40px;border:1px solid #d3d3d3;background-color:#fff;transition:all .2s ease}.previous-btn:hover{background-color:#ed0000;color:#fff;border:1px solid rgb(237,0,0)}.previous-black-btn{height:40px;border:1px solid #d3d3d3;background-color:#fff;transition:all .2s ease}.previous-black-btn:hover{background-color:#1a1a1a;color:#fff;border:1px solid #1a1a1a}.btn{height:40px;border:1px solid #d3d3d3;background-color:#fff;transition:all .2s ease}.btn:hover{background-color:#0081d7;color:#fff;border:1px solid #0081d7}.try-again-svg{color:red;background-color:#ffd0d0;border-radius:1000px}.percentage{color:#49b3b4!important;padding-left:4px}.low-percentage{color:red!important;padding-left:4px}.answers{max-height:60vh!important;overflow-y:auto}.answers::-webkit-scrollbar-thumb{background-color:#2592b8!important;border-radius:4px}.publish-btn{height:40px!important;width:120px!important;background-color:#0070bb;color:#fff;border:3px solid transparent;transition:all .2s ease}.publish-btn:hover{transform:translateY(-3px);border:3px solid #0070BB;background-color:#fff;color:#0070bb}.publish-btn svg path{transition:fill .2s ease}.publish-btn:hover svg path{fill:#fff;stroke:#0070bb}.bb{border-bottom:1px solid rgb(215,222,231)}.background-light-teal{background-color:#f8fffc}@media(max-width:450px){.big-logo-text-img,.logo-text-img{display:none}}.field-group{position:relative;margin-top:10px}.disabled-input{background-color:#dbdddd!important;cursor:not-allowed;border:1px solid rgb(219,221,221)!important;pointer-events:none}.disabled-input:focus{background-color:#dbdddd!important;cursor:not-allowed;border:1px solid rgb(219,221,221)!important;box-shadow:none}.input-label-styled{position:absolute;top:-10px;left:12px;background-color:#fff;padding:0 5px;color:#1a1a1a;font-weight:700;font-family:Dosis,sans-serif;z-index:2;pointer-events:none}.login-input[type=date],.login-input[type=time]{font-family:Dosis,sans-serif;font-weight:600;color:#1a1a1a;cursor:pointer}.login-input::-webkit-calendar-picker-indicator{cursor:pointer}@media(max-width:768px){.w-33{width:100%!important;margin-bottom:20px}}.share-popup{background:#fff;border-radius:28px;padding:45px;width:850px;box-shadow:0 20px 50px #00000026;animation:slideUp .3s ease-out}.pin-container{background-color:#f8fafc;border:2px dashed #cbd5e1;color:#2563eb}.student-item{padding:12px 16px;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;margin-bottom:8px}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-right:12px}.custom-scroll{max-height:250px;overflow-y:auto}.qr-wrapper{border:1px solid #e2e8f0;padding:12px;background:#fff;border-radius:1rem;display:inline-block}.separator-lg{border-right:1px solid #f1f5f9}.no-letter-spacing{letter-spacing:0px!important}.module-table{width:100%;border-collapse:separate!important;border-spacing:0;background-color:#fff}.module-table td{background-color:#fff;box-shadow:0 8px 30px #bad7e94d}.module{border:1px solid #d9e2e6;background-image:linear-gradient(45deg,#f0f8ff,#f6fffd)}.course-num{background:linear-gradient(135deg,#0087e0,#0257a5);width:60px;height:60px;color:#edffed}.materials-main{min-height:calc(100vh - 196px)}.module-contents{border:1px solid #d9e2e6;background-color:#fff}.snap-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;width:100%}.snap-container::-webkit-scrollbar{display:none}.snap-container{-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.footer-text{color:#97cfff;transition:.2s all ease}footer{position:static;background:linear-gradient(135deg,#0087e0,#0257a5)!important;height:100px!important;box-shadow:0 -4px 6px #0003!important;border-top-left-radius:20px!important;border-top-right-radius:20px!important;scroll-snap-align:none;height:auto;background-color:#fff}.shadow-glow{pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;contain:strict}.fade-in-element{will-change:transform,opacity;backface-visibility:hidden;opacity:0;display:inline-block;translate:0 20px;animation:heroFadeIn .8s ease-out forwards;transition:translate .8s ease-out}.fade-in-element{animation:heroFadeIn .8s ease-out forwards,moveUp .8s ease-out forwards}@keyframes moveUp{to{translate:0 0}}@keyframes heroFadeIn{to{opacity:1}}.hero-btn-primary,.hero-btn-secondary{transition:transform .2s ease,box-shadow .2s ease}hr.fade-in-element{opacity:0;transform:translateY(10px);transition:all .6s ease-out;border:none;height:1px;background-color:#bac3c4;margin:2rem 0;width:100%}hr.fade-in-element.active{opacity:1;transform:translateY(0)}.reveal-item{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.165,.84,.44,1);will-change:transform,opacity}table.fade-in-element{display:table!important;width:100%!important;border-collapse:collapse}.no-collapse{border-collapse:separate!important}.module-table{width:100%}.snap-section.active .reveal-item{opacity:1;transform:translateY(0)}.feature-card{transition:transform .3s ease,box-shadow .3s ease!important}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0087e026!important}.snap-section.active .reveal-item.hero-btn-primary:hover{transform:translateY(-5px)!important}.hero-btn-primary{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease!important}.course-block:hover{transform:translateY(-10px)!important}.circle{border:2px solid rgba(255,255,255,.7);border-radius:999px;padding:.4vw;transition:all .2s ease!important;cursor:pointer;margin-top:4vw}.circle:hover{background-color:#fff;transform:scale(1.1)!important}.course-block{transition:all .4s cubic-bezier(.34,1.56,.64,1)!important}a.footer-text:hover{color:#d6ecff}.no-t{transform:translateY(0)!important}.courses-table tr td{border-top:1px solid rgb(226,226,226)!important;border-left:0!important;border-right:0!important}@media(max-width:573px){.h1-home{height:clamp(50px,15vw,100px)!important}}.lime-mint{background-color:#91f5ad!important}.blue{background-color:#0070bb!important}.deep-blue{background-color:#0257a5!important}.black{background-color:#1a1a1a!important}.mint{background-color:#6dd4b1!important}.teal{background-color:#49b3b4!important}.sky-blue{background-color:#2592b8!important}@font-face{font-family:Dosis;src:url(/assets/Dosis-VariableFont_wght-EBm-20Y5.ttf) format("truetype");font-weight:200 800;font-style:normal}@font-face{font-family:Playfair;src:url(src/assets/fonts/PlayfairDisplay-VariableFont_wght.ttf) format("truetype");font-weight:200 800;font-style:normal}.fs-7{font-size:.9rem;letter-spacing:.5px}