@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-content-area{height:96.5vh;margin-left:88px;margin-top:15px;overflow:auto;position:absolute;width:93%;z-index:1000}@media screen and (max-width:768px){.main-content-area{margin-left:15px;margin-top:48px}}.sidebar-container{background-color:#fff;border-right:3px solid #d6d6d6;height:98vh;margin-top:8px;position:fixed;width:85px;z-index:1100}.sidebar-container,.sidebar-item{display:flex;flex-direction:column}.sidebar-item{align-items:center;color:inherit;height:80px;text-decoration:none;width:100%}.sidebar-item:hover{cursor:pointer}.active,.sidebar-item:hover{box-shadow:inset 0 0 5.98px 0 #00000040;font-weight:700}.active{background-color:#1e1d1d;color:#fff}.sidebar-item-icon{font-size:30px;margin-top:10px}.sidebar-item-name{font-size:14px}.sidebar-item-logo{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:auto;margin-bottom:10px;width:100%}.logoimg{margin-left:2px}#info{margin-top:auto}.navbar-container{align-items:center;border-bottom:3px solid #d6d6d6;display:none;font-size:25px;height:45px;position:absolute;width:100%;z-index:1000}.menubar{margin-left:15px}.menubar:hover{cursor:pointer;font-size:30px}.route-name{margin-left:auto;margin-right:auto}#logout-btn{color:red}@media screen and (max-width:768px){.sidebar-container{display:none}.sidebar-visible{display:flex;width:225px}.sidebar-item{flex-direction:row}.sidebar-item-icon{margin-left:10px}.sidebar-item-name{font-size:20px;margin-left:10px}.sidebar-item-logo{flex-direction:row;justify-content:center}.navbar-container{display:flex}}.glossary-container{color:#333;font-family:Poppins,sans-serif;margin:0 auto;max-width:1000px;padding:2rem}.glossary-heading{color:#0056d1;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.glossary-search-bar{border:1px solid #ddd;border-radius:6px;font-size:1.2rem;margin-bottom:2rem;padding:.8rem;transition:border-color .3s ease-in-out;width:100%}.glossary-search-bar:focus{border-color:#0056d1;outline:none}.glossary-list{display:flex;flex-direction:column;gap:1.5rem}.glossary-item{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .2s ease-in-out}.glossary-item:hover{transform:translateY(-5px)}.glossary-title{color:#0056d1;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.glossary-description{color:#000;font-size:1rem;line-height:1.6}.no-results{color:#ff4c4c;font-size:1.2rem;text-align:center}.lesson-container{display:flex;flex-direction:row}.module-navigation-container{margin-left:1rem}.module-header-container{align-items:start;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:150px;width:266px}.main-header{font-size:50px;font-weight:800;margin:10px 0 0 10px}.sub-header{color:#1a73e8;font-size:30px;font-weight:600;margin:0 0 0 10px}.accordion{background-color:#000;border:.5px solid #000;color:#fafafa;cursor:pointer;font-size:18px;font-weight:700;height:57px;outline:none;padding:18px;text-align:left;transition:.4s;width:266px}.first-accordion{border-radius:20px 20px 0 0;margin-top:1rem}.accordion:hover{background-color:#fff;color:#000}.accordion:hover:after{color:#000}.accordion:after{color:#fff;content:"\02C5";float:right;font-weight:700;margin-left:5px}.panel-active:after{content:"\02C4"}.panel{background-color:#f0f0f0;flex-direction:column;max-height:0;max-width:266px;overflow:hidden;transition:max-height .2s ease-out}.panel,.panel-button{align-items:center;display:flex}.panel-button{background-color:#fff;border:none;border-radius:10px;box-shadow:0 3.34px 8.34px 0 #00000040;color:#0e0505;cursor:pointer;flex-direction:row;font-weight:700;justify-content:space-between;margin-bottom:15px;outline:none;padding:10px 4px;text-align:center;width:220px}.panel-button:first-child{margin-top:15px}.panel-button-icon{align-items:center;background-color:#c0dde9;border-radius:5px;display:flex;font-size:20px;height:35.22px;justify-content:center;width:35.22px}.panel-button-text{align-items:start;color:#0e0505;display:flex;flex-direction:column;font-size:14px;font-weight:700;line-height:1.25;margin-left:5px}.panel-button-status{background-color:#000;color:#fff}.panel-button-status,.panel-button-status-false{border-radius:50%;font-size:12px;height:19px;margin-left:auto;width:19px}.panel-button-time{color:#000;font-size:11px;font-weight:700}.panel-button:hover{background-color:#000;color:#fff}.panel-button:hover .panel-button-status{background-color:#fff;color:#000}.panel-button:hover .panel-button-text,.panel-button:hover .panel-button-time{color:#fff}.panel-button:hover .panel-button-icon{color:#000}.active-panel-button{background-color:#000;color:#fff}.active-panel-button .panel-button-status{background-color:#fff;color:#000}.active-panel-button .panel-button-text{color:#fff}.active-panel-button .panel-button-icon{color:#000}.active-panel-button .panel-button-time{color:#fff}.module-content-container{background-color:#f5f5f5;border-radius:20px;box-shadow:0 3.54px 8.86px 0 #00000040;height:94vh;margin:0 20px;width:100%}.inner-module-container{border-radius:0 0 20px 20px;height:84vh;overflow:auto;width:100%}.module-content-container h1{text-align:center}.module-navigation-buttons{background-color:#e1ecf4;border:1px solid #1a73e8;border-radius:3px;box-shadow:inset 0 1px 0 0 #ffffffb3;box-sizing:border-box;color:#1a73e8;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Liberation Sans,sans-serif;font-size:15px;font-weight:500;line-height:1.15385;margin:20px;outline:none;padding:8px .8em;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.module-navigation-buttons:hover{background-color:#b3d3ea;color:#1a73e8}.module-navigation-buttons:focus{box-shadow:0 0 0 4px #0095ff26}.buttons-div{align-items:center;border-radius:20px 20px 0 0;display:flex;height:10vh;justify-content:center;width:100%}.module-title{font-size:30px;font-weight:700;text-align:center}.center-div,.module-title{margin-left:auto;margin-right:auto}.center-div{width:100%}.lesson-progress-bar-container{align-items:center;display:flex}.lesson-progress-bar{background-color:#fff;border-radius:50px;display:flex;height:10px;justify-content:flex-start;margin:10px 10px 5px;width:100%}.lesson-progress{background-color:#0056d1;border-radius:50px;height:10px;width:80%}.lesson-progress-percentage{color:#0056d1;font-size:18px;font-weight:800;margin:5px 5px 5px 0}.default-text{align-items:center;font-family:Poppins,sans-serif;font-size:80px;font-weight:700;padding-left:18%;padding-top:22%}@media (max-width:768px){.lesson-container{align-items:center;flex-direction:column}.module-content-container{height:auto}}.introduction-content{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.introduction-content h4{color:#000}.introduction-content p{width:80%}.introduction-content>ol{font-weight:700;width:80%}.introduction-content>ol>li>ul li{font-weight:400}.introsec2-content{color:#000;font-family:Poppins,sans-serif;padding:20px;text-align:justify}.introsec2-content h3{color:#000;font-size:20px;font-weight:700;text-align:left}.introsec2-content p{font-size:16px;margin:0 auto;max-width:1600px;text-align:left}.introsec3-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.introsec3-container h2{font-size:20px}.introsec3-container .txt-img-container{display:flex;flex-direction:row;gap:10px}@media (max-width:1420px){.introsec3-container .txt-img-container{flex-direction:column}}.introsec4-content{font-family:Poppins,sans-serif;padding:20px;text-align:justify}.introsec4-content h3{color:#000;font-size:20px;font-weight:700;margin-bottom:5px;text-align:left}.introsec4-content p{font-size:16px;margin:0 auto;max-width:1600px;text-align:left}.accountability-img{display:block;height:auto;margin-bottom:0;max-width:25%}.dataprotect-img{display:block;height:auto;max-width:20%}.accountability-container,.dataprotect-container{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:space-between}@media (max-width:1420px){.accountability-container,.dataprotect-container{flex-direction:column}.accountability-img,.dataprotect-img{max-width:100%}.dataprotect-container{align-items:center}}.introsec5-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.introsec5-container h2{font-size:20px}.introsec6-content{color:#000;font-family:Poppins,sans-serif;padding:20px;text-align:justify}.introsec6-content h3{color:#000;font-size:20px;font-weight:700;text-align:left}.introsec6-content p{font-size:16px;margin:0 auto;max-width:1600px;text-align:left}.environmental-img{display:block;height:auto;margin-bottom:0;max-width:50%}.environmental-container{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}@media (max-width:1420px){.environmental-container{flex-direction:column}.environmental-img{max-width:100%}.environmental-container{align-items:center}}.introsec7-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.introsec7-container h2{font-size:20px}.introsec7-container .img-container{align-items:center;display:flex;flex-direction:column;width:100%}.introsec7-container img{width:90%}.action-button{background-color:#0056d1;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:auto;padding:10px 20px;transition:background-color .3s ease}.action-button:hover{background-color:#0041a1}.mod1sec1-container .img-container{align-items:center;display:flex;flex-direction:column;width:100%}.mod1sec1-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.mod1sec1-container p{margin-top:0;width:80%}.mod1sec1-container>ol,.mod1sec1-container>ul{width:75%}.mod1sec1-container>ol>li>ul li{font-weight:400}.mod1sec1-container>ol>li>p{margin-bottom:0;width:100%}.mod1sec1-container h1{font-size:x-large;text-align:left;width:80%}.mod1sec1-container h2{margin-top:50px;width:80%}.mod1sec1-container h3{font-size:20px;width:80%}.mod1sec1-container h4{font-size:18px;margin-bottom:0;width:80%}.unambiguous-img{width:50%}.TermsConditions-img,.implicitandexplicit-img{width:70%}.signupcorrect-img,.signupwrong-img{width:40%}.locationprivacy-img{width:60%}.GDPRimage-img{width:40%}.sevenprinciples-img{width:50%}.CPRA-img{width:30%}.CPRARights-img{width:70%}.DataSharing-img,.ProsCons-img,.compliancesecurity-img{width:50%}.personaldata-img{width:60%}.consentmanagementitsystems-img{width:70%}.LawfulBasis-img,.hexagons-img{width:80%}.GDPRchart-img,.impliedcookie-img{width:60%}.dataconsenttictactoe-img{width:70%}.locationdata-img{width:50%}.askapptotrack-img,.prepermission-img{width:70%}.locationalaccess-img{width:50%}.tictactoe-img{width:25%}.crossbordercompliance-img,.iab-img{width:50%}.mod1sec1-container .txt-img-container{display:flex;flex-direction:column;gap:10px}@media (max-width:1420px){.mod1sec1-container .txt-img-container{flex-direction:column}}.mod2sec1-container .img-container{align-items:center;display:flex;flex-direction:column;width:100%}.mod2sec1-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.mod2sec1-container p{margin-top:0;width:80%}.mod2sec1-container>ol,.mod2sec1-container>ul{width:75%}.mod2sec1-container>ol>li>ul li{font-weight:400}.mod2sec1-container>ol>li>p{margin-bottom:0;width:100%}.mod2sec1-container h1{font-size:x-large;text-align:left;width:80%}.mod2sec1-container h2{margin-top:50px;width:80%}.mod2sec1-container h3{font-size:20px;width:80%}.mod2sec1-container h4{font-size:18px;margin-bottom:0;width:80%}.aisolutions-img,.disabilitytypes-img,.greenlocks-img{width:60%}.designcircles-img,.mobile-img{width:70%}.webaccessibility-img{width:30%}.accessibilitytesting{width:50%}.mod2sec1-container .txt-img-container{display:flex;flex-direction:row;gap:10px}@media (max-width:1420px){.mod2sec1-container .txt-img-container{flex-direction:column}}.mod3sec1-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.mod3sec1-container p{margin-top:0;width:80%}.mod3sec1-container>ol,.mod3sec1-container>ul{width:75%}.mod3sec1-container>ol>li>ul li{font-weight:400}.mod3sec1-container>ol>li>p{width:100%}.mod3sec1-container h1{font-size:x-large;text-align:left;width:80%}.mod3sec1-container h2{margin-top:50px;width:80%}.mod3sec1-container h3{font-size:20px;width:80%}.mod3sec1-container h4{font-size:18px;margin-bottom:0;width:80%}.mod3sec1-container .txt-img-container{display:flex;flex-direction:column;gap:10px}.ethical-img{max-width:30%}@media (max-width:1420px){.mod3sec1-container .txt-img-container{flex-direction:column}}.mod4sec1-container .img-container{align-items:center;display:flex;flex-direction:column;width:100%}.mod4sec1-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.mod4sec1-container p{margin-top:0;width:80%}.mod4sec1-container>ol,.mod4sec1-container>ul{width:75%}.mod4sec1-container>ol>li>ul li{font-weight:400}.mod4sec1-container>ol>li>p{width:100%}.mod4sec1-container h1{font-size:x-large;text-align:left;width:80%}.mod4sec1-container h2{margin-top:50px;width:80%}.mod4sec1-container h3{font-size:20px;width:80%}.mod4sec1-container h4{font-size:18px;margin-bottom:0;width:80%}.whatissocialimpact-img{width:70%}.accessibilitytriangle-img{width:40%}.jobimpact-img{width:50%}.aigovern-img{width:70%}.securitysystems-img{width:60%}.aihealthcare-img{width:50%}.mod4sec1-container .txt-img-container{display:flex;flex-direction:column;gap:10px}@media (max-width:1420px){.mod4sec1-container .txt-img-container{flex-direction:column}}.mod5sec1-container .img-container{align-items:center;display:flex;flex-direction:column;width:100%}.mod5sec1-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.mod5sec1-container p{margin-top:0;width:80%}.mod5sec1-container>ol,.mod5sec1-container>ul{width:75%}.mod5sec1-container>ol>li>ul li{font-weight:400}.mod5sec1-container>ol>li>p{width:100%}.mod5sec1-container h1{font-size:x-large;text-align:left;width:80%}.mod5sec1-container h2{margin-top:50px;width:80%}.mod5sec1-container h3{font-size:20px;width:80%}.mod5sec1-container h4{font-size:18px;margin-bottom:0;width:80%}.mod5sec1-container .txt-img-container{display:flex;flex-direction:column;gap:10px}.explain-ai-img{height:auto;width:50%}.standard-ai-img{height:auto;width:30%}.aiSystems-ai-img,.shap-ai-img{height:auto;width:50%}@media (max-width:1420px){.mod5sec1-container .txt-img-container{flex-direction:column}}.mod6sec1-container .img-container{align-items:center;display:flex;flex-direction:column;width:100%}.mod6sec1-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.mod6sec1-container p{margin-top:0;width:80%}.mod6sec1-container>ol,.mod6sec1-container>ul{width:75%}.mod6sec1-container>ol>li>ul li{font-weight:400}.mod6sec1-container>ol>li>p{width:100%}.mod6sec1-container h1{font-size:x-large;text-align:left;width:80%}.mod6sec1-container h2{margin-top:50px;width:80%}.mod6sec1-container h3{font-size:20px;width:80%}.mod6sec1-container h4{font-size:18px;margin-bottom:0;width:80%}.mod6sec1-container .txt-img-container{display:flex;flex-direction:column;gap:10px}.acc-ai-img,.owner-ai-img,.quality-ai-img,.res-ai-img,.rights-ai-img,.stake-ai-img{height:auto;width:70%}@media (max-width:1420px){.mod6sec1-container .txt-img-container{flex-direction:column}}.mod7sec1-container .img-container{align-items:center;display:flex;flex-direction:column;width:100%}.mod7sec1-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}.mod7sec1-container p{margin-top:0;width:80%}.mod7sec1-container>ol,.mod7sec1-container>ul{width:75%}.mod7sec1-container>ol>li>ul li{font-weight:400}.mod7sec1-container>ol>li>p{width:100%}.mod7sec1-container h1{font-size:x-large;text-align:left;width:80%}.mod7sec1-container h2{margin-top:50px;width:80%}.mod7sec1-container h3{font-size:20px;width:80%}.mod7sec1-container h4{font-size:18px;margin-bottom:0;width:80%}.mod7sec1-container .txt-img-container{display:flex;flex-direction:column;gap:10px}.txt-img-container p{display:flex;flex-direction:column;margin-left:10px}.privacy-ai-img,.unsecured-ai-img{height:auto;width:70%}.apple-ai-img{height:auto;width:35%}.storage-ai-img{height:auto;width:70%}@media (max-width:1420px){.mod7sec1-container .txt-img-container{flex-direction:column}}.mod8sec1-container .img-container{align-items:center;display:flex;flex-direction:column;width:100%}.mod8sec1-container{font-family:Poppins,sans-serif;margin:20px;text-align:justify}ol>li::marker{font-weight:700}.mod8sec1-container p{margin-top:0;width:80%}.mod8sec1-container>ol,.mod8sec1-container>ul{width:75%}.mod8sec1-container>ol>li>ul li{font-weight:400}.mod8sec1-container>ol>li>p{width:100%}.mod8sec1-container h1{font-size:x-large;text-align:left;width:80%}.mod8sec1-container h2{margin-top:50px;width:80%}.mod8sec1-container h3{font-size:20px;width:80%}.mod8sec1-container h4{font-size:18px;margin-bottom:0;width:80%}.design-ai-img,.inclusive-ai-img,.responsible-ai-img,.role-of-ai-img{height:auto;width:70%}@media (max-width:768px){.text-image-container{align-items:center;flex-direction:column}.role-of-ai-img{max-width:80%}.analysis-container{flex-direction:column}}.quiz-container{flex-direction:row;width:100%}.question-container,.quiz-container{border-radius:20px;display:flex;height:100%}.question-container{flex-direction:column;width:65%}.answers-container{background-color:#fff;border-radius:0 20px 20px 0;flex-direction:column;height:auto;justify-content:center;margin:10px;min-height:98%;width:35%}.answers-container,.quiz-progress-bar-container{align-items:center;display:flex}.quiz-progress-bar{background-color:#fff;border-radius:50px;display:flex;height:10px;justify-content:flex-start;margin:20px;width:100%}.quiz-progress{background-color:#0056d1;border-radius:50px;height:10px;width:80%}.quiz-progress-percentage{color:#0056d1;font-size:18px;font-weight:800;margin:15px 15px 15px 0}.question-details-container{align-items:center;display:flex;flex-direction:row;margin:20px;width:90%}.question-number{color:#0056d1;font-size:18px;font-weight:800;margin-right:auto}.question-timer-container,.question-xp-container{align-items:center;background-color:#fff;border-radius:50px;display:flex;flex-direction:row;height:40px;margin:10px;width:120px}.question-timer-img,.question-xp-img{align-items:center;background-color:#0056d1;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.question-timer,.question-xp{color:#0056d1;font-size:16px;font-weight:800;margin:5px}.question{font-size:18px;font-weight:600;margin:20px 40px 20px 20px}.answer-box{align-items:center;border:5px solid #98c0fb;border-radius:20px;display:flex;flex-direction:row;height:auto;margin:10px;min-height:50px;width:90%}.answer-box:hover{border:5px solid #0056d1;cursor:pointer}.answer-box:hover .answer-text{font-size:18px;font-weight:700}.answer-box:hover .option-radio{background-color:#0056d1;border:none;height:18px;width:18px}.option-radio{border:4px solid #98c0fb;border-radius:50%;flex-shrink:0;height:12px;margin:10px;width:12px}.answer-text{font-size:16px;font-weight:600;margin:10px 10px 13px 0}.option-radio2{background-color:#0056d1;border-radius:50%;flex-shrink:0;height:18px;margin:10px;width:18px}.selected-answer{border:5px solid #0056d1;cursor:pointer}.selected-answer .answer-text{font-size:18px;font-weight:700}.selected-answer .option-radio{background-color:#0056d1;border:none;height:18px;width:18px}.quiz-nav-container{display:flex;flex-direction:row;justify-content:center;width:90%}.quiz-next-btn,.quiz-prev-btn{align-items:center;border:4px solid #98c0fb;border-radius:10px;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;margin:20px;padding-bottom:3px;width:110px}.quiz-prev-btn{background-color:#fff;border:2px solid #98c0fb}.quiz-prev-btn:hover{border:3px solid #98c0fb}.quiz-next-btn{background-color:#0056d1;border:4px solid #0056d1;color:#fff}.quiz-next-btn:hover,.quiz-prev-btn:hover{box-shadow:0 3.54px 8.86px 0 #00000040;cursor:pointer;font-size:19px}@media (max-width:1040px){.question-details-container{flex-direction:column;margin-bottom:none}.question-number{margin:10px}}@media (max-width:768px){.quiz-container{flex-direction:column;width:100%}.question-container{width:100%}.answers-container{border-radius:0 0 20px 20px;width:100%}}.results-page{align-items:center;background-color:#0056d1;border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.no-of-correct-ques-container{color:#0056d1;font-size:20px;font-weight:700;letter-spacing:-3px;margin-bottom:20px;margin-top:40px;position:relative;text-align:center}.no-of-correct-ques{left:48%;position:absolute;top:30%;transform:translate(-50%,-50%)}.results-xp-container{align-items:center;background-color:#fff;border-radius:50px;color:#0056d1;display:flex;flex-direction:row;font-size:20px;font-weight:700;gap:5px;height:40px;justify-content:center;letter-spacing:-1px;margin-bottom:30px;width:120px}.results-xp-img{width:28px}.Great-Job{font-size:35px;letter-spacing:-1px;margin-bottom:5px}.Great-Job,.result-text{color:#fff;font-weight:600}.result-text{font-size:20px;margin-bottom:40px}.result-buttons-container{gap:10px;height:40px;margin-bottom:40px;width:300px}.result-buttons-container,.result-finish-btn{align-items:center;display:flex;flex-direction:row;justify-content:center}.result-finish-btn{background-color:#fff;border-radius:10px;color:#0056d1;font-size:18px;font-weight:600;gap:5px;height:35px;width:160px}.result-finish-btn:hover{background-color:#0056d1;border:2px solid #fff;color:#fff;cursor:pointer}.result-retake-btn{align-items:center;background-color:#0056d1;border:2px solid #fff;border-radius:10px;color:#fff;display:flex;flex-direction:row;font-size:18px;font-weight:600;gap:5px;height:35px;justify-content:center;width:90px}.result-retake-btn:hover{background-color:#fff;color:#0056d1;cursor:pointer}.result-retake-btn:hover .retake-img{background-color:#0056d1;border-radius:50%}.resultFinishSym-img,.retake-img{margin-top:2px;width:20px;z-index:1}.quiz-start-page-container{border-radius:20px;flex-direction:column;height:100%;width:100%}.quiz-start-page-container,.start-title-container{align-items:center;display:flex;justify-content:center}.start-title-container{flex-direction:row;gap:20px;margin-bottom:20px;margin-top:60px}.start-title{color:#0056d1;font-size:45px;font-weight:700;margin-bottom:15px}.timer-xp-start-container{display:flex;margin-bottom:50px}.start-quiz-deets-container{align-items:center;color:#0056d1;display:flex;flex-direction:row;font-size:20px;font-weight:800;gap:20px;justify-content:center;margin-bottom:20px}.start-text{font-size:18px;font-weight:600;margin-left:10px;margin-right:10px;text-align:center}.start-quiz-btn{background-color:#0056d1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-bottom:60px;margin-top:80px;padding:10px 20px}.start-quiz-btn:hover{background-color:#fff;color:#0056d1}.popup-content{background:#fff;border:1px solid #d7d7d7;margin:auto;padding:5px;width:50%}[role=tooltip].popup-content{border-radius:5px;box-shadow:0 0 3px #00000029;width:200px}.popup-overlay{background:#00000080}[data-popup=tooltip].popup-overlay{background:#0000}.popup-arrow{stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;bottom:0;color:#fff;filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));left:0;right:0;top:0}.db-container{font-family:Poppins,sans-serif}.account-container{border-radius:20px;display:flex;flex-direction:row;height:100vh;width:100%}.text-container{background-color:#0056d1;border-radius:20px;display:flex;flex-direction:column;height:auto;margin:20px;width:30%}.input-container{border-radius:20px;height:95vh;width:70%}.text-title{color:#fff;font-size:40px;font-weight:700;line-height:50px;margin:180px 40px 0;text-align:left;word-spacing:-4px}.text-description{color:#fff;font-size:20px;font-weight:500;line-height:25px;margin:40px 40px 0;text-align:left}.form-header{font-size:40px;font-weight:600;line-height:60px;margin:40px 0 0 70px;text-align:left;word-spacing:-4px}.form-sub-text{font-size:20px;font-weight:500;line-height:30px;margin:0 0 0 70px;text-align:left}.form-sub-text a:active,.form-sub-text a:visited{color:#0056d1}.form-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin:40px 0 0 70px;width:65%}.label{display:flex;flex-direction:column;font-size:22px;font-weight:500;line-height:37.5px;text-align:left}.label input{border:3px solid #70aafe;border-radius:12px;font-weight:600;height:40px;padding-left:20px;width:250px}.email input{width:545px}#forgot-password-button,#google-login-button,#submit-button{align-items:center;background:#0056d1;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;gap:10px;height:55px;justify-content:center;width:200px}#forgot-password-button:hover,#google-login-button:hover,#submit-button:hover{box-shadow:0 20px 30px -10px #26394d;font-weight:550}.button-container{display:flex;gap:20px;margin-top:20px}.google-logo{height:24px;width:24px}.password-input-container{max-width:545px;position:relative;width:100%}.password-input{border:3px solid #70aafe;border-radius:12px;font-weight:600;height:40px;padding-left:20px;padding-right:40px;width:100%}.toggle-password-visibility{cursor:pointer;height:24px;margin-left:5px;transform:translateY(30%);width:24px}@media screen and (max-width:935px){.account-container{flex-direction:column}.text-container{width:100%}.text-title{margin-top:20px}.text-description{margin-bottom:20px;margin-top:20px}.email input{width:250px}.form-container,.form-header,.form-sub-text{margin-left:20px}.form-sub-text{font-size:16px}}.top-right-link{position:absolute;right:20px;top:20px;z-index:1000}.top-right-link a{color:#007bff;font-weight:700;text-decoration:none}.button-container-two{display:flex;flex-direction:row;gap:20px;justify-content:center;margin-top:20px}#google-signup-button,#submit-button-two{align-items:center;background:#0056d1;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;gap:10px;height:55px;justify-content:center;width:200px}#google-signup-button:hover,#submit-button-two:hover{box-shadow:0 20px 30px -10px #26394d;font-weight:550}.welcome-container{align-items:center;background-color:#0056d1;color:#fff;display:flex;flex-direction:column;height:100vh;text-align:center;width:100%}.welcome-logo{font-size:70px;font-weight:700;margin-bottom:20px;margin-left:40px;margin-top:150px}.welcome-title{font-size:50px;font-weight:700;line-height:65px;word-spacing:-4px}.welcome-subtitle{font-size:25px;font-weight:500;line-height:37.5px;margin-top:8px;word-spacing:-2px}.create-account-button{border:none;border-radius:50px;color:#0056d1;cursor:pointer;font-size:20px;font-weight:700;height:55px;line-height:37.5px;margin-top:50px;width:240px}.create-account-button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.create-account-button span:after{content:"\00bb";opacity:0;position:absolute;right:-20px;top:-1.5px;transition:.5s}.create-account-button:hover span{padding-right:25px}.create-account-button:hover span:after{opacity:1;right:0}.login-text{margin-left:5px;margin-top:20px}.login-link,.login-link:visited{color:#fff}.help-container{font-family:Poppins,sans-serif;margin-left:25px;padding-bottom:50px}.help-container h1{font-size:60px;margin-bottom:5px;margin-top:5px}.walkthrough{color:#1b1a1a;font-size:22px;font-weight:600;line-height:37.5px;margin-bottom:10px;text-align:left}.help-text{color:#1b1a1a;font-size:18px;font-weight:500;line-height:20px;margin-bottom:30px;text-align:justify;width:80%}.help-subheading{font-size:20px;font-weight:650;line-height:30px;text-align:left}table{background:#f1f1f1;border-collapse:collapse;border-radius:20px;border-style:hidden;box-shadow:0 0 0 2px #000;margin-bottom:20px;margin-top:8px;width:80%}th{border:2px solid #000}td,th{padding:10px;text-align:center}td{border-bottom:1px solid #c8c8c8;border-right:2px solid #000}.tbl-hd{width:12.5%}.milestone-text{color:#5c5c5c;font-weight:600}.milestone-text span{color:#0056d1;font-weight:600;text-decoration:underline}td:nth-child(3),th:nth-child(3){text-align:left}.profile-container{display:flex;flex-direction:column;gap:20px;margin-left:10px}.profile-lower-containers,.profile-upper-containers{display:flex;flex-direction:row;gap:20px}.profile-info-container{height:150px}.account-details-container,.profile-info-container{align-items:center;border-radius:25px;box-shadow:0 0 16.93px 0 #00000040;display:flex;flex-direction:column;width:29%}.account-details-container{gap:5px;height:420px}.achivements-container{border-radius:25px;box-shadow:0 0 16.93px 0 #00000040;height:420px;width:69%}.profile-info-user{align-items:center;display:flex;flex-direction:row;height:85px;margin:10px 10px 0;width:90%}.profile-picture{background-color:#c0dde9;border-radius:50%;height:70px;overflow:hidden;width:70px}.profile-picture img{display:block;height:100%;object-fit:cover;width:100%}.profile-picture-2{align-items:center;border:2px solid #ddd;display:flex;height:180px;justify-content:center;overflow:hidden;width:180px}.profile-picture-2 img{display:block;height:100%;object-fit:cover;width:100%}.username-container{height:50px;margin-right:auto;width:50%}.username{font-size:22px;font-weight:700;margin-left:10px}.current-milestone{color:#0056d1;margin-left:10px}.current-milestone,.userxp{font-size:15px;font-weight:600}.userxp{height:50px;width:25%}.xp{color:#0056d1;font-size:20px;font-weight:800}.profile-info-progress{display:flex;flex-direction:row;height:45px;margin:0 10px 10px;width:90%}.progress-current-milestone,.progress-next-milestone{color:#0056d1;flex-direction:row;text-align:center;width:20%}.milestone-progressbar-container,.progress-current-milestone,.progress-next-milestone{align-items:center;display:flex;font-size:12px;font-weight:600;height:45px;justify-content:center}.milestone-progressbar-container{flex-direction:column;gap:2px;width:60%}.milestone-progress-bar{background-color:#d9d9d9;border-radius:50px;display:flex;height:10px;justify-content:flex-start;width:98%}.milestone-progress{background-color:#0056d1;border-radius:50px;height:10px;transition:width .8s ease-in-out .3s}.account-header{align-items:center;display:flex;flex-direction:row;font-size:25px;font-weight:700;justify-content:center;margin:20px;width:90%}.edit-profile{background:#fff;border:1px solid #0056d1;border-radius:10px;font-size:13px;font-weight:600;line-height:19.34px;margin-left:auto;padding:5px 15px;text-align:left}.edit-profile:hover{background:#0056d1;box-shadow:0 0 16.93px 0 #00000040;color:#fff;cursor:pointer}.account-display{display:flex;flex-direction:row;gap:15px;height:40%;margin-left:20px;width:100%}.ad-column{flex-direction:column}.PP-label{align-items:center;color:#0056d1;display:flex;flex-direction:row;font-size:20px;font-weight:600;gap:auto;justify-content:start}.PP-label input{margin-left:auto}.account-label{color:#0056d1;display:flex;flex-direction:column;font-size:20px;font-weight:600;gap:5px;justify-content:center}.account-label input{border:2px solid #e2e2e2;border-radius:20px;color:#525252;font-size:18px;font-weight:600;line-height:28px;padding-left:10px;width:90%}#account-email{width:100%}.account-display-gender{color:#0056d1;font-size:20px;font-weight:600}.gender-radio{flex-direction:column}.gender-name{color:#525252;font-size:18px;font-weight:600;line-height:30px;margin:4px;text-align:left}input[type=radio]{transform:scale(1.2)}.ethical-evolution-container{border-radius:25px;box-shadow:0 0 16.93px 0 #00000040;display:flex;flex-direction:column;height:150px;width:69%}.ethical-eval-title{font-size:25px;font-weight:700;margin:20px 0 0 20px}.ethic-card-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-around;margin:8px 20px 10px}.ethic-card{align-items:center;display:flex;flex-direction:column;height:85px;width:60px}.ethic-card-xp{margin-bottom:8px}.ethic-card-name,.ethic-card-xp{color:#0056d1;font-size:10px;font-weight:700}.ethic-card-name{margin-top:10px;text-align:center}.ethic-card-circle{align-items:center;background-color:#419b45;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;width:20px}.achivements-header{font-size:25px;font-weight:700;margin:20px}.achievements-section-header{color:#807e7e;font-size:15px;font-weight:700;margin:5px 0 5px 20px}.achievements-badges-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;height:auto;margin:0 20px;width:95%}.badge-box{align-items:center;background-color:#dee9f9;border-radius:10px;color:#0056d1;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:5px;height:83px;justify-content:center;width:75px}.badge-box:hover{box-shadow:0 3.54px 8.86px 0 #00000040}.left-section{align-items:center}.left-section,.right-section{display:flex;flex:1 1;justify-content:center}.right-section{align-items:flex-start;flex-direction:column}.name{font-size:1.8rem;font-weight:700}.username2{color:gray;font-size:1.5rem}.account-actions-row{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-evenly;margin:0 auto;padding:10px;width:90%}.account-actions-row button:not(.reset-walkthrough-button){background-color:#0056d1;border:2px solid #0056d1;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:45px;margin:0;padding:10px 20px;transition:background-color .3s ease,color .3s ease;width:180px}.account-actions-row button:not(.reset-walkthrough-button):hover{background-color:#fff;color:#0056d1}.cancel-button{background-color:initial;color:#0056d1}.cancel-button:hover{background-color:#0041a1;color:#fff}.form-container{background:#fff;border-radius:15px;box-sizing:border-box;padding:10px;width:80%}@media screen and (max-width:1230px){.profile-lower-containers,.profile-upper-containers{flex-direction:column}.account-details-container,.achivements-container,.ethical-evolution-container,.profile-info-container{width:95%}.xp{font-size:16px}.userxp{font-size:11px}}@media screen and (max-width:1390px){.achivements-container,.ethical-evolution-container{height:auto;padding-bottom:20px}}.badge-box,.ethic-card{opacity:0;transform:scale(.5)}@keyframes popUp{to{opacity:1;transform:translateY(0)}}.account-display,.account-label,.gender-radio{animation:popUp .5s ease-in-out forwards;opacity:0;transform:translateY(100%)}.username{animation:fadeInLeft .5s ease-in-out forwards}.current-milestone,.username{opacity:0;transform:translateX(20%)}.current-milestone{animation:fadeInLeft .5s ease-in-out .1s forwards}.userxp{animation:fadeInLeft .5s ease-in-out .2s forwards;opacity:0;transform:translateX(20%)}.progress-current-milestone,.progress-next-milestone{animation:popUp .5s ease-in-out .3s forwards;opacity:0;transform:translateY(100%)}.db-container{display:flex;flex-direction:row;height:96%;width:100%}.db-left,.db-right{height:100%;width:50%}.db-container h4{font-size:20px;margin-bottom:10px;margin-top:20px}.left-inner{display:flex;flex-direction:column;margin:15px}.db-text-container{font-size:18px;font-weight:600}.db-user-name{color:#0056d1;display:flex;font-size:25px;font-weight:800;margin-bottom:2px}.course-prog-container{background-color:#0056d1;border-radius:25px;box-shadow:0 3.54px 8.86px 0 #00000040;display:flex;flex-direction:column;height:200px;width:80%}.prog-upper{display:flex;flex-direction:row;height:90%;width:100%}.db-course-name{color:#fff;font-size:27px;margin:20px 0 5px 20px}.beginner,.db-course-name{align-items:center;display:flex;font-weight:700}.beginner{background-color:#001f4b;border-radius:12px;color:fff;font-size:15px;height:24px;justify-content:center;margin-left:15px;margin-top:5px;text-align:center;width:90px}.db-course-name-subtext{color:#fff;font-size:15px;font-weight:600;margin:0 0 0 20px}.resume-btn{background-color:#fff;border:none;border-radius:15px;color:#000;cursor:pointer;font-size:15px;font-weight:700;height:36px;margin:25px 0 0 20px;width:95px}.resume-btn:hover{scale:1.1}.db-img{margin:30px 40px 0 auto}.prog-bottom{background-color:#a6c5f2;border-radius:0 0 25px 25px;height:16%;width:100%}.prog-black{background-color:#000;border-radius:0 0 40px 25px;display:flex;height:100%;transition:width .8s ease-in-out}.prog-cont-percent{color:#fff;font-weight:700;margin:2.5px 20px 0 auto;padding-left:15px}.recently-finished-container{display:flex;flex-direction:row;gap:10px;height:150px;width:80%}.quiz-card-container{background-color:#0056d1;border-radius:25px;box-shadow:0 3.54px 8.86px 0 #00000040;display:flex;flex-direction:column;height:150px;width:180px}.quiz-num{color:#fff;font-weight:700;gap:5px;margin:20px 0 5px 20px}.check-mark,.quiz-num{align-items:center;display:flex}.check-mark{background-color:#fff;border-radius:50%;color:#0056d1;flex-shrink:0;font-size:20px;height:25px;justify-content:center;margin-left:auto;margin-right:10px;width:25px}.quiz-course-name{color:#fff;font-size:15px;font-weight:600;margin:0 0 0 20px}.quiz-lower{background-color:#a6c5f2;border-radius:0 0 25px 25px;height:16%;margin-top:auto;width:100%}.quiz-prog{background-color:#000;border-radius:0 0 40px 25px;display:flex;height:100%;width:100%}.quiz-prog-percent{color:#fff;font-weight:700;margin:0 20px 0 auto;padding-left:15px}.right-inner{display:flex;flex-direction:column;margin:35px 15px 15px}.next-milestone-container{align-items:center;background-color:#eff5fd;border-radius:25px;display:flex;flex-direction:row;height:80px;width:80%}.db-progress-current-milestone,.db-progress-next-milestone{align-items:center;color:#0056d1;display:flex;flex-direction:row;font-size:15px;font-weight:600;height:45px;justify-content:center;text-align:center;width:20%}.db-milestone-progressbar-container{align-items:center;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:2px;height:45px;justify-content:center;width:60%}.db-milestone-progress-bar{background-color:#d9d9d9;border-radius:50px;display:flex;height:14px;justify-content:flex-start;width:98%}.db-milestone-progress{background-color:#0056d1;border-radius:50px;height:14px;transition:width .8s ease-in-out}.statistic-container{display:flex;flex-direction:column;gap:10px;height:200px;width:80%}.stat-upper{display:flex;flex-direction:row;gap:10px}.statxp-contaner{background-color:#eff5fd;border-radius:25px;flex-direction:row;gap:20px;height:130px;width:50%}.statbadge-container,.statxp-contaner{align-items:center;display:flex;justify-content:center}.statbadge-container{background-color:#fff;border-radius:20px;height:100px;width:100px}.stat-xp{font-size:16px;font-weight:700;text-align:left}.state-user-xp{color:#0056d1;font-size:25px;font-weight:700}.stat-module-semicircle-prog-container{align-items:center;background-color:#eff5fd;border-radius:25px;display:flex;flex-direction:column;font-weight:700;gap:10px;height:130px;justify-content:center;width:50%}.semi-prog{float:left;margin:4px;position:relative;text-align:center}.barOverflow{height:50px;margin-bottom:-14px;overflow:hidden;position:relative;width:100px}.bar{border-color:#d9d9d9 #000 #000 #d9d9d9;border-radius:50%;border-style:solid;border-width:12px;box-sizing:border-box;height:100px;left:0;position:absolute;top:0;transform:rotate(189deg);width:100px}.stat-lower{background-color:#eff5fd;border-radius:25px;height:70px;width:100%}.stat-time-left{font-weight:600;margin:8px 0 3px 20px}.stat-lower-prog-container-bar{background-color:#d9d9d9;border-radius:50px;display:flex;height:18px;justify-content:flex-start;margin-left:20px;width:92%}.stat-lower-prog{align-items:center;background-color:#000;border-radius:50px;display:flex;height:18px;width:50%}.stat-lower-prog-text{color:#fff;font-size:12px;font-weight:700;margin:0 20px 0 auto;padding-left:100px}.upcoming-task-container{display:flex;flex-direction:column;gap:10px;height:150px;width:80%}.task-box{align-items:center;border-radius:20px;box-shadow:0 3.54px 8.86px 0 #00000040;cursor:pointer;display:flex;flex-direction:row;height:55px;width:280px}.task-box:hover{scale:1.1}.task-box-icon{align-items:center;background-color:#c0dde9;border-radius:10px;display:flex;font-size:30px;height:40px;justify-content:center;margin-left:10px;width:40px}.task-box-name{font-size:15px;font-weight:600;margin-left:10px}.gtsymb{font-size:20px;font-weight:900;margin:0 20px 0 auto}@media screen and (max-width:1315px){.db-container{flex-direction:column}.db-left,.db-right{width:100%}.course-prog-container,.next-milestone-container,.recently-finished-container,.statistic-container{width:98%}.right-inner{margin-top:0}}@media screen and (max-width:536px){.db-course-name{font-size:18px}.beginner,.db-course-name-subtext{font-size:12px}.db-img{margin:30px 0 0 auto}.db-img img{margin-left:10px;max-width:60%}.resume-btn{margin:15px 0 0 20px}.recently-finished-container{flex-wrap:wrap;height:auto}.db-left{height:auto}.quiz-card-container{border-radius:25px 25px 20px 20px;height:100px;width:120px}.quiz-num{font-size:18px}.quiz-course-name,.quiz-prog-percent{font-size:12px}.quiz-prog{border-radius:0 0 25px 25px}.db-progress-current-milestone,.db-progress-next-milestone{font-size:11px}.statbadge-container{height:70px;width:70px}.statbadge-container img{max-width:50%}.state-user-xp{font-size:18px}.stat-xp{font-size:12px}.statxp-contaner{gap:5px}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.hand{animation:shake .8s}@keyframes fadeInBounce{50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.db-img,.statbadge-container{animation:fadeInBounce .8s ease-in-out forwards;opacity:0;transform:scale(.5)}@keyframes fadeInLeft{to{opacity:1;transform:translateX(0)}}.quiz-card-container,.task-box{opacity:0;transform:translateX(20%)}
/*# sourceMappingURL=main.84bd6a9e.css.map*/