.card-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:auto;margin-top:15px;padding-top:10px}.card{background-color:#6cacbf;border-radius:15px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:180px}.card-image{border-radius:50%;height:80px;margin-bottom:5px;object-fit:cover;width:80px}.card-content{color:#fff;font-size:14px;margin-bottom:5px}@media (max-width:768px){.card-container{justify-content:center;margin-top:5px}.card{max-width:200px;width:100%}.card-image{height:60px;width:60px}.card-content{font-size:12px}}.cardlist{display:flex;flex-direction:column;gap:20px;padding-top:20px}.body{line-height:30px;max-height:calc(100vh - 50px);padding:10px}.title{text-align:center}@media only screen and (max-width:600px){.navContainer{height:auto;padding:10px}.buttonContainer{margin-right:10px}}.navContainer{background-color:#6cacbf;display:flex;height:60px;left:0;padding:0 10px;position:fixed;top:0;width:100vw;z-index:1000}@media only screen and (max-width:600px){.navContainer{height:auto;padding:10px}}.buttonContainer{align-items:center;display:flex;gap:20px;margin-left:auto;margin-right:30px;padding-inline:20px;position:relative}.button{background-color:#2f4046;border:none;border-radius:30px;color:#fff;cursor:pointer;display:block;font-size:10px;line-height:normal;margin:0 auto;padding:10px 18px;text-align:center;width:80px}@media only screen and (max-width:600px){.button{padding:10px}}body{align-items:center;background-color:#f0f0f0;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.container{background-color:#6cacbf;border-radius:10px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;max-width:300px;padding:25px;width:90%}.container h1{color:#000;font-size:17px;margin-bottom:20px;text-align:center}.input-group{display:flex;justify-content:center;margin-bottom:20px;width:100%}.input-group input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#000;padding:10px;width:90%}@media (max-width:480px){.container{padding:20px;width:95%}.container h1{font-size:16px}.input-group input{padding:10px;width:95%}}@media (max-width:360px){.container{padding:15px;width:100%}.input-group input{width:100%}.container h1{font-size:15px}}.instruction-container{background-color:#6cacbf;border-radius:25px;display:flex;flex-direction:column;height:400px;margin:50px auto;padding:10px 20px;position:relative;text-align:center;width:300px}.instruction-container h1{color:#fff;font-size:22px;margin-bottom:15px}.instruction-container p{color:#000;font-size:18px;margin-bottom:15px}.instruction-container .button-container{display:flex;justify-content:center;margin-top:auto}.instruction-container button{background-color:#2f4046;border:none;border-radius:30px;color:#fff;cursor:pointer;display:block;font-size:10px;line-height:normal;margin:0 auto;padding:10px 15px;width:75px}@media (max-width:480px){.instruction-container{height:300px;margin:20px auto;padding:15px;width:90%}.instruction-container h1{font-size:20px}.instruction-container p{font-size:50px}.instruction-container button{font-size:12px;width:90px}}@media (max-width:360px){.instruction-container{margin:15px auto;padding:10px}.instruction-container h1{font-size:18px}.instruction-container p{font-size:19px}.instruction-container button{font-size:11px;width:85px}}.header-section{align-items:center;background-color:#e3f2fd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-inline:auto;margin-bottom:20px;margin-top:5px;text-align:center;width:100%}.group-goal{margin:0}.group-goal,.group-skill{color:#000;font-size:14px;font-weight:700;padding:0}.group-skill{margin:4px 0 0}@media screen and (max-width:600px){.header-section{padding:10px;width:95%}.group-goal,.group-skill{font-size:16px}}.popup-overlay{align-items:center;background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:20px 30px;position:relative;text-align:center;width:100%}.popup-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.popup-score{color:#28a745;font-size:48px;font-weight:700;margin-bottom:10px}.distraction-score,.memory-score,.non-target-score,.sequencing-score,.target-score{color:#28a745;font-size:18px;font-weight:700;margin:5px 0}.correct-answers{color:#28a745}.popup-text{color:#666;font-size:16px;margin-bottom:20px}.popup-close-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.popup-close-button:hover{background-color:#0056b3}.popup-close-button:focus{outline:none}@media screen and (max-width:600px){.popup-container{padding:15px 20px}.popup-title{font-size:20px}.popup-score{font-size:36px}.distraction-score,.memory-score,.sequencing-score{font-size:12px}.popup-close-button,.popup-text{font-size:14px}}.test-screen{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:20px auto;padding:10px;width:280px}.test-screen .header span{color:#000;font-size:20px}.test-screen .content{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;margin-bottom:15px;padding:15px;text-align:center;width:90%}.test-screen .content h2{color:#000;margin:30px 0 0}.test-screen .content h4{color:#000;font-size:15px;font-weight:400;margin:0}.test-screen .audio-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.test-screen .audio-button{align-items:center;background-color:#417bb2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px 20px;transition:background-color .3s ease}.test-screen .audio-button.correct{background-color:green}.test-screen .audio-button.wrong{background-color:red}.test-screen .audio-icon{margin-right:5px}.test-screen .exit-button{background-color:#2f4046;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease;width:100px}.test-screen .exit-button:hover{background-color:#1c262a}.repeat-button{background-color:#2f4046;border:none;border-radius:30px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.test-screen button{font-family:Arial,sans-serif;font-size:14px;outline:none}@media screen and (max-width:600px){.test-screen{margin:20px auto;max-width:320px;width:100%}}.audio-button{background-color:#417bb2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.audio-button.correct{background-color:green}.audio-button.wrong{background-color:red}.test-screen2{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:20px auto;padding:10px;position:relative;width:320px}.pause-button{background-color:#ff9800;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:10px 15px;transition:background-color .3s ease}.pause-button:hover{background-color:#e68900}.test-screen2 .header span{color:#000;font-size:18px;margin-left:25px}.test-screen2 .content{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;margin-bottom:15px;padding:15px;text-align:center;width:90%}.test-screen2 .content h2{color:#fff;font-size:22px;margin:5px 0 40px}.test-screen2 .content h4{color:#000;font-size:15px;font-weight:400;margin:0}.test-screen2 .audio-icon{font-size:30px;margin-bottom:10px}.test-screen2 .audio-button,.test-screen2 .correct-button,.test-screen2 .exit-button,.test-screen2 .incorrect-button,.test-screen2 .repeat-button{border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;margin:5px;padding:10px;transition:background-color .3s ease;width:80px}.test-screen2 .correct-button{background-color:#25b233}.test-screen2 .incorrect-button{background-color:#a81d1d}.test-screen2 .exit-button,.test-screen2 .repeat-button{background-color:#2f4046}.test-screen2 .audio-button:hover,.test-screen2 .correct-button:hover,.test-screen2 .exit-button:hover,.test-screen2 .incorrect-button:hover,.test-screen2 .repeat-button:hover{opacity:.9}.test-screen2 .button-row{display:flex;justify-content:space-around;width:100%}@media screen and (max-width:600px){.test-screen2{margin:20px auto;max-width:320px;width:100%}}.test-screen3{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;margin:20px auto;padding:10px;position:relative;width:280px}.test-screen3 .header span{color:#000;font-size:20px}.test-screen3 .content{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;margin-bottom:15px;padding:15px;text-align:center;width:90%}.test-screen3 .content h2{color:#000;margin:20px 0 0}.test-screen3 .content h4{color:#000;font-size:15px;font-weight:400;margin:0}.test-screen3 .audio-icon{font-size:24px;margin-bottom:10px}.test-screen3 .display-script{word-wrap:break-word;color:#000;font-size:17px;margin:10px 0;overflow-x:visible;white-space:normal;width:100%}.test-screen3 .button-row{display:flex;justify-content:center;width:100%}.test-screen3 .button-row.correct-incorrect,.test-screen3 .button-row.repeat-exit{flex-wrap:wrap;justify-content:space-between}.test-screen3 .button-line,.test-screen3 .control-line{display:flex;justify-content:space-between}.test-screen3 .control-line{margin-top:10px}.test-screen3 .button{border:none;border-radius:30px;color:#fff;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.test-screen3 .correct-button{background-color:#238323}.test-screen3 .incorrect-button{background-color:#8a2626}.test-screen3 .exit-button,.test-screen3 .repeat-button{background-color:#2f4046}.test-screen3 .button:hover{opacity:.8}@media screen and (max-width:600px){body{margin-top:50px}.test-screen3{margin:20px auto;max-width:320px;width:100%}}.test-screen4{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:20px auto;padding:10px;width:320px}.show-options-button{background-color:#417bb2;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;min-width:120px;padding:10px 20px;text-align:center;transition:background-color .3s ease}.test-screen4 .header span{color:#fff;font-size:24px}.test-screen4 .content{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;margin-bottom:15px;padding:15px;text-align:center;width:90%}.test-screen4 .content h2{color:#000;font-size:22px;margin:20px 0 0}.test-screen4 .content h4{color:#000;font-size:16px;font-weight:400;margin:0}.test-screen4 .audio-icon{cursor:pointer;font-size:30px;margin-top:10px}.test-screen4 .audio-button,.test-screen4 .correct-button,.test-screen4 .exit-button,.test-screen4 .incorrect-button,.test-screen4 .repeat-button{flex:1 1;font-family:Arial,sans-serif;font-size:14px;padding:10px 20px}.test-screen4 .incorrect-button{background-color:#8a2626}.test-screen4 .button-row{gap:10px}.test-screen4 .button-row.correct-incorrect,.test-screen4 .button-row.repeat-exit{flex-wrap:wrap;justify-content:space-between}.test-screen4 .option-buttons{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:20px;width:100%}.test-screen4 .option-buttons .option-button{background-color:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:14px;font-weight:700;padding:10px;text-align:center;transition:background-color .3s ease;width:200px;word-break:break-word}.test-screen4 .option-buttons .option-button.single-word{display:inline-block;margin:5px}.test-screen4 .option-buttons .option-button.multi-word{display:block;text-align:center;width:100%}.test-screen4 .popup{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0003;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.test-screen4 .popup .popup-header{margin-bottom:10px}.test-screen4 .popup .popup-body{margin-bottom:20px}.test-screen4 .popup .popup-footer{display:flex;gap:10px;justify-content:center}.test-screen4 .popup .popup-footer button{background-color:#417bb2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.test-screen4 .popup .popup-footer button:hover{background-color:#355d7d}.test-screen4 .popup .popup-footer button.close{background-color:#a81d1d}.test-screen4 .popup .popup-footer button.close:hover{background-color:#8c1414}@media screen and (max-width:600px){.test-screen4{height:auto;max-width:320px;padding:10px;width:100%}.test-screen4 .content h2,.test-screen4 .header span{font-size:18px}.test-screen4 .content h4{font-size:14px}.test-screen4 .audio-icon{font-size:24px}.test-screen4 .button-row.correct-incorrect,.test-screen4 .button-row.repeat-exit{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.test-screen4 .audio-button,.test-screen4 .correct-button,.test-screen4 .exit-button,.test-screen4 .incorrect-button,.test-screen4 .repeat-button{margin:5px 0;max-width:none;width:100%}.test-screen4 .option-buttons .option-button{font-size:16px;padding:10px;width:100%}.test-screen4 .popup{max-width:300px;width:90%}.test-screen4 .popup .popup-footer button{font-size:12px;padding:8px 16px}}.test-screen4 .audio-button,.test-screen4 .correct-button,.test-screen4 .exit-button,.test-screen4 .incorrect-button,.test-screen4 .repeat-button{border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;height:40px;margin:5px;padding:10px;transition:background-color .3s ease;width:120px}.test-screen4 .correct-button{background-color:#238323}.test-screen4 .incorrect-button{background-color:#a81d1d}.test-screen4 .exit-button,.test-screen4 .repeat-button{background-color:#2f4046}.test-screen4 .button-container{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:20px;width:100%}.test-screen4 .button-row{display:flex;gap:7px;justify-content:center;margin:5px 0;width:100%}.test-screen4 .button-row.correct-incorrect,.test-screen4 .button-row.repeat-exit{display:flex;gap:10px;justify-content:center}@media screen and (max-width:600px){.test-screen4 .audio-button,.test-screen4 .correct-button,.test-screen4 .exit-button,.test-screen4 .incorrect-button,.test-screen4 .repeat-button{font-size:11px;width:100px}.test-screen4 .button-row.correct-incorrect,.test-screen4 .button-row.repeat-exit{display:flex;gap:3px;justify-content:center;width:100%}}.test-container{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;max-width:430px;padding:10px;width:320px}.control-button{border-radius:50px}.control-button:hover{background-color:#417bb2}.control-button.active{background-color:#2b527d}.options-section{align-items:center;display:flex;justify-content:center;margin-top:20px}@media screen and (max-width:600px){.control-button{font-size:14px;padding:8px 16px}}.content{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;padding:15px;width:90%}.content,.instruction-section{margin-bottom:15px;text-align:center}.skill-title{color:#000;font-size:25px;margin-bottom:10px}.options-list{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:300px;padding:0;width:100%}.option-item{background-color:#fff;border-radius:20px;box-sizing:border-box;color:#000;font-size:1rem;max-width:300px;padding:5px;text-align:center;transition:transform .3s ease;width:100%}.option-item:hover{transform:scale(1.03)}.instruction-text{color:#000;font-size:1.2rem}.audio-button-icon{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:2rem;height:50px;justify-content:center;margin:0 auto;padding:0;width:50px}.audio-button-icon span{display:inline-block}.audio-button-icon:focus{outline:none}.script-display{background-color:#fff;border-radius:30px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;font-size:13px;margin-top:15px;max-height:300px;padding:15px 25px;width:100%}.script-display::-webkit-scrollbar{display:none}.script-display{-ms-overflow-style:none;scrollbar-width:none}.control-section{display:flex;flex-direction:column;gap:5px;max-width:600px;width:100%}.button-row{flex-wrap:wrap}.button-row.correct-incorrect,.button-row.repeat-exit{justify-content:space-between}.control-button{background-color:#417bb2;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;min-width:120px;padding:10px 20px;text-align:center;transition:background-color .3s ease}.control-button.correct{background-color:#238323}.control-button.incorrect{background-color:#8a2626}.control-button.exit,.control-button.repeat{background-color:#2f4046}.control-button:hover{background-color:#2b527d}.control-button:active{transform:translateY(2px)}@media (max-width:768px){.test-container{flex-grow:1;margin:0;max-width:100%;padding:10px}.content{gap:10px;padding-bottom:20px}.header-section{margin-bottom:10px;padding:12px}.instruction-text,.skill-title{font-size:1rem}.control-button{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;max-width:30%}.options-list{max-width:100%;padding:10px}.option-item{font-size:.9rem;padding:10px}.script-display{padding:10px 20px}}@media (max-width:500px){.test-container{padding:5px}.header-section{padding:10px}.control-button{font-size:.85rem;padding:8px}.content{gap:1px}.options-list{max-width:100%;padding:8px}.option-item{font-size:.85rem;padding:8px 12px}.button-row{gap:5px}}.test-screen6{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;margin:20px auto;padding:10px;position:relative;width:280px}.test-screen6 .header span{color:#000;font-size:20px}.test-screen6 .content{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;margin-bottom:15px;padding:15px;text-align:center;width:90%}.test-screen6 .content h2{color:#000;margin:20px 0 0}.test-screen6 .content h4{color:#000;font-size:15px;font-weight:400;margin:0}.test-screen6 .audio-icon{font-size:24px;margin-bottom:10px}.test-screen6 .display-script{color:#000;font-size:18px;margin:10px 0}.test-screen6 .button-container{display:flex;flex-direction:column;gap:10px;width:100%}.test-screen6 .button{border:none;border-radius:5px;border-radius:30px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.test-screen6 .button.correct{background-color:green}.test-screen6 .button.incorrect{background-color:red}.test-screen6 .button.repeat{background-color:#417bb2}.test-screen6 .button:hover{opacity:.8}.test-screen .button-row{background-color:#1c262a}.test-screen6 .button.exit{background-color:#2f4046}@media screen and (max-width:600px){.test-screen6{margin:20px auto;max-width:320px;width:100%}}.test-screen7{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;margin:20px auto;padding:10px;position:relative;width:280px}.test-screen7 .header span{color:#000;font-size:20px}.test-screen7 .content{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;margin-bottom:15px;padding:15px;text-align:center;width:90%}.test-screen7 .scripts-display{color:#000;font-size:18px;margin:10px 0}.test-screen7 .scripts-display ul{list-style-type:none;margin:0;padding:0}.test-screen7 .scripts-display input{border:1px solid #ccc;border-radius:5px;margin-bottom:5px;padding:5px;width:100%}.response-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px;transition:background-color .3s ease}.response-btn.default{background-color:#417bb2}.response-btn.green{background-color:green}.control-buttons{display:flex;gap:10px;justify-content:space-between;margin-top:20px;width:100%}.control-btn{border:none;border-radius:30px;color:#fff;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.edit-btn{background-color:#417bb2}.submit-btn{background-color:#28a745}.exit-btn{background-color:#2f4046}.control-btn:hover{opacity:.8}@media screen and (max-width:600px){.test-screen7{margin:20px auto;max-width:320px;width:100%}}.test-screen9{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;margin:20px auto;padding:20px;position:relative;width:280px}.test-screen9 h2{color:#000;font-size:20px;margin-bottom:10px;text-align:center}.button-row{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px;width:100%}.button-row button{border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.button-row button.correct{background-color:#238323}.button-row button.incorrect{background-color:#a81d1d}.button-row button.incorrect:hover{background-color:darkred}.button-row button.exit{background-color:#2f4046}.button-row button.exit:hover{background-color:#1c262a}.test-screen11{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;margin:20px auto;padding:10px;position:relative;width:280px}.test-screen11 .header span{color:#fff;font-size:24px}.test-screen11 .content{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;margin-bottom:15px;padding:15px;text-align:center;width:90%}.test-screen11 .content h2{color:#000;font-size:22px;margin:20px 0 0}.test-screen11 .content h4{color:#000;font-size:16px;font-weight:400;margin:0}.test-screen11 .display-script{color:#000;font-size:18px;margin-top:20px}.test-screen11 .click-button,.test-screen11 .exit-button{border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin:5px;padding:10px;transition:background-color .3s ease;width:100px}.test-screen11 .click-button{background-color:#40a343}.test-screen11 .exit-button{background-color:#2f4046}.test-screen11 .button-row{display:flex;gap:10px;justify-content:center;width:100%}.test-screen11 .popup{background-color:#fff;border-radius:10px;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.test-screen11 .popup .popup-header{margin-bottom:10px}.test-screen11 .popup .popup-body{margin-bottom:20px}.test-screen11 .popup .popup-footer{display:flex;gap:10px;justify-content:center}.test-screen11 .popup .popup-footer button{background-color:#417bb2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.test-screen11 .question-button{background-color:#417bb2}@media screen and (max-width:600px){.test-screen11{height:auto;max-width:320px;padding:10px;width:100%}.test-screen11 .content h2,.test-screen11 .header span{font-size:18px}.test-screen11 .content h4{font-size:14px}.test-screen11 .button-row-index{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.test-screen11 .click-button,.test-screen11 .exit-button{width:calc(50% - 10px)}.test-screen11 .popup{max-width:300px;width:90%}.test-screen11 .popup .popup-footer button{font-size:12px;padding:8px 16px}}.test-screen13{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;margin:20px auto;padding:20px;position:relative;width:300px}.test-screen13 .header span{color:#fff;font-size:24px}.test-screen13 .content{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;margin-bottom:15px;padding:15px;text-align:center;width:90%}.test-screen13 .content h2{color:#000;font-size:22px;margin:20px 0 0}.test-screen13 .content h4{color:#000;font-size:16px;font-weight:400;margin:0}.test-screen13 .display-script{color:#000;font-size:18px;margin-top:20px}.test-screen13 .button,.test-screen13 .exit-button{border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin:5px;padding:10px;transition:background-color .3s ease;width:100px}.test-screen13 .button,.test-screen13 .exit-button{background-color:#2f4046}.test-screen13 .question-button{background-color:#417bb2}.test-screen13 .button-row{display:flex;gap:10px;justify-content:center;width:100%}.test-screen13 .popup{background-color:#fff;border-radius:10px;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.test-screen13 .popup .popup-header{margin-bottom:10px}.test-screen13 .popup .popup-body{margin-bottom:20px}.test-screen13 .popup .popup-footer{display:flex;gap:10px;justify-content:center}.test-screen13 .popup .popup-footer button{background-color:#417bb2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}@media screen and (max-width:600px){.test-screen13{height:auto;max-width:320px;padding:10px;width:100%}.test-screen13 .content h2,.test-screen13 .header span{font-size:18px}.test-screen13 .content h4{font-size:14px}.test-screen13 .button-row{flex-wrap:wrap;justify-content:space-between}.test-screen13 .button,.test-screen13 .exit-button{width:calc(50% - 10px)}.test-screen13 .popup{max-width:300px;width:90%}.test-screen13 .popup .popup-footer button{font-size:12px;padding:8px 16px}}.test-screen14{align-items:center;background-color:#6cacbf;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;margin:20px auto;padding:10px;position:relative;width:280px}.test-screen14 h4{color:#000;font-size:18px;margin-bottom:20px}.test-screen14 .question-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;margin-bottom:15px;padding:15px;text-align:center;width:90%}.test-screen14 .question-container h2{color:#000;margin:0}.test-screen14 .question-container p{color:#000;font-size:16px;margin-top:15px}.test-screen14 .options-container{display:flex;flex-direction:column;gap:10px;margin-top:15px}.test-screen14 .option-display{background-color:#f2f2f2;border-radius:5px;color:#000;font-size:14px;padding:8px}.test-screen14 .buttons-rows{display:flex;justify-content:space-between;margin-top:20px;width:100%}.test-screen14 .buttons{border:none;border-radius:30px;color:#fff;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-size:14px;padding:10px 20px;text-align:center;transition:background-color .3s ease}.test-screen14 .correct-btn{background-color:#238323}.test-screen14 .incorrect-btn{background-color:#8a2626}.test-screen14 .exit-btn{background-color:#2f4046}.test-screen14 .correct-btn-highlight{background-color:#238323}.test-screen14 .incorrect-btn-highlight{background-color:#8a2626}.test-screen14 .button:hover{opacity:.8}.test-screen14 .popup{background-color:#000000b3;border-radius:10px;color:#fff;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width:600px){.test-screen14{margin:20px auto;max-width:320px;width:100%}.test-screen14 .buttons-rows{flex-wrap:nowrap;justify-content:space-evenly}.test-screen14 .buttons{flex:none;width:30%}}
/*# sourceMappingURL=main.f50256b6.css.map*/