@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap);body{font-family:Inter,sans-serif;margin:0;padding:0}.background{background:linear-gradient(#16c989,#0b6343);height:100vh;width:100vw}.background .cloud{opacity:.3;position:absolute;top:0;width:100%}.background .trees{bottom:150px;opacity:.5;position:absolute;width:100%}.background .logoCtn{bottom:320px;display:flex;justify-content:center;position:absolute;width:100%}.background .logoCtn .logo{height:60px;margin:0 20px}.NTTImg,.NTTImgNext{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.animateOutClass{animation:moveOut .4s ease-in-out}.NTTImgNext{animation:moveIn .4s ease-in-out}.arrow{border:none;color:#d2e8dc;filter:drop-shadow(0 0 3px #0B6343);font-size:80px;opacity:1;position:absolute;top:50%;transform:translateY(-50%);z-index:999}.nextBtn{right:5px}.backBtn{left:5px}@keyframes moveOut{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes moveIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.nttImg{border-top:4px solid #fff;bottom:0;height:300px}.content,.nttImg{overflow:hidden;position:absolute;width:100%;z-index:999}.content{height:calc(100% - 300px);left:0;top:0}.content .logoCtn{left:30px;position:absolute;top:5px}.content .logoCtn img{height:50px;margin:15px}.startScreen{height:100%;width:100%}.startScreen .header{position:absolute;text-align:center;top:50px;width:100%}.startScreen .header .title{color:#0b6343;font-size:50px;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 5px #16c989}.startScreen .header .subtitle{color:#d2e8dc;font-size:33px;font-weight:600;text-shadow:2px 2px 5px #0b6343}.startScreen .callToAction{animation:glowing 3s linear infinite;bottom:135px;color:#fff;font-size:42px;font-weight:600;position:absolute;text-align:center;text-shadow:2px 2px 5px #0b6343;width:100%}.startScreen .sponsorMedia .nttImgStartScreen{border-radius:30px;height:74%!important;left:50%;overflow:hidden;position:absolute;top:185px;transform:translateX(-50%)}.startScreen .sponsorMedia .shown{opacity:1}.flashAni{animation:flash .3s ease-in}@keyframes glowing{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes flash{0%{filter:brightness(100%)}to{filter:brightness(800%)}}.informations{height:100%;width:100%;z-index:990}.informations .infoBoard{background-color:#d2e8dc;border:2px solid #0b6343;border-radius:30px;box-sizing:border-box;height:1100px;left:50%;padding:70px 20px 30px;position:absolute;top:250px;transform:translate(-50%);width:80%}.informations .infoBoard .title{color:#0b6343;font-size:50px;font-weight:600;text-align:center;width:100%}.informations .infoBoard .infoForm .askTitle{color:#0b6343;font-size:35px;font-weight:600;padding:50px 0 20px 30px}.informations .infoBoard .infoForm .radioCtn{height:40px;margin:0 0 30px;padding:0 50px 20px}.informations .infoBoard .infoForm .radioCtn .radioInput{align-items:center;display:flex;font-size:30px;margin:0 0 10px}.informations .infoBoard .infoForm .radioCtn .radioInput input[type=radio]:after{background-color:#dfdfe8;border:2px solid #0b6343;border-radius:10px;content:"";cursor:pointer;display:inline-block;height:30px;left:-20px;position:relative;top:-12px;visibility:visible;width:30px}.informations .infoBoard .infoForm .radioCtn .radioInput input[type=radio]:checked:after{background-color:#16c989;border:2px solid #0b6343;border-radius:10px;content:"";display:inline-block;height:30px;left:-20px;position:relative;top:-12px;visibility:visible;width:30px}.informations .infoBoard .infoForm .radioCtn .radioInput label{color:#0b6343;margin:0 0 0 10px}.informations .infoBoard .infoForm .inputText{border:2px solid #0b6343;border-radius:20px;box-sizing:border-box;font-size:35px;height:80px;margin:10px 0 10px 30px;outline:none;padding:15px;transition:all .12s linear;width:90%}.informations .infoBoard .infoForm .disabled{background-color:#dfdfe8}.informations .infoBoard .infoForm .mssvErr{font-size:25px;font-weight:600;margin:5px 0 0 35px}.informations .infoBoard .infoForm .studentNoNeedInputName{color:#0b6343;font-size:25px;margin:0 0 0 40px}.informations .infoBoard .infoForm .addOnText{color:#0b6343;font-size:25px;margin:0 0 0 35px}.informations .infoBoard .infoForm .submitBtn{background:#0b6343;border:2px solid #16c989;border-radius:30px;color:#fff;font-size:35px;font-weight:600;height:80px;margin:100px 0 0 30px;outline:none;transition:all .12s linear;width:90%}.informations .infoBoard .infoForm .loadingCtn{display:flex;height:80px;justify-content:center;width:90%}.informations .infoBoard .infoForm .loadingCtn .isLoadingBtn{animation:spin 1s linear infinite;border-radius:50%;border-top:5px solid #0b6343;color:#fff;height:80px;margin:100px 0 0 30px;outline:none;width:80px}.informations .infoBoard .infoForm .disabledBtn{background:#dfdfe8;color:#0b6343;opacity:.4}.informations .infoBoard .infoForm .errMsg{color:#ea4335;font-size:30px;margin:10px 0 0 35px}.instructionModal{background-color:rgba(0,0,0,.375);height:100%;position:absolute;width:100%;z-index:999}.instructionModal .modal{background:#d2e8dc;border:3px solid #0b6343;border-radius:40px;box-sizing:border-box;height:620px;left:50%;padding:30px;position:absolute;top:430px;transform:translateX(-50%);width:90%}.instructionModal .modal .modal_title{color:#0b6343;font-size:45px;font-weight:600;margin:10px 0 0;text-align:center;width:100%}.instructionModal .modal .modal_list{font-size:30px}.instructionModal .modal .modal_list li{margin:15px 0}.instructionModal .modal .modal_startBtn{background:#0b6343;border:2px solid #16c989;border-radius:35px;color:#fff;font-size:35px;height:80px;margin:30px 0 0;outline:none;width:100%}.instructionModal .countDown{color:#fff;font-size:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.quiz{height:100%;width:100%}.quiz .userInfo{background-color:rgba(223,244,233,.639);border-radius:25px;font-size:28px;left:50%;padding:18px;position:absolute;text-align:center;top:225px;transform:translate(-50%);width:650px}.answer,.quiz .userInfo{box-sizing:border-box;color:#0b6343}.answer{text-wrap:wrap;background-color:#fff;border:3px solid #0b6343;border-radius:20px;height:165px;padding:15px;transition:all .12s linear;width:100%}.answer .id{font-size:25px;font-weight:600;margin:0 0 6px}.answer .AnsContent{font-size:18px}.isSelected{background:#00ffa3;border:3px solid #fff}.questionCtn{position:absolute;top:710px;width:100%}.questionCtn .question{background-color:#fff;border:1px solid #0b6343;border-radius:20px;box-sizing:border-box;color:#0b6343;height:220px;margin:0 100px;padding:25px}.questionCtn .question .NOQ{font-size:30px;font-weight:600;margin:0 0 20px}.questionCtn .question .QContent{font-size:25px;width:100%}.questionCtn .answersCtn{grid-column-gap:20px;grid-row-gap:50px;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);margin:30px 100px 0}.questionCtn .footer{box-sizing:border-box;display:flex;justify-content:space-between;margin:30px 100px 0}.questionCtn .footer .nextBtn{background-color:#0b6343;border:2px solid #fff;border-radius:20px;color:#fff;font-size:30px;outline:none;padding:18px 15px}.questionCtn .btnDisabled{background-color:#0000!important;border:2px solid #dfdfe8!important;color:#dfdfe8!important;opacity:.6;transition:.12s linear}.progressBar{background-color:#d2e8dc;height:100px;left:50%;overflow:hidden;top:150px;transform:translate(-50%,-50%);width:948px}.progressBar,.progressBar .progress{border-radius:59px;position:absolute}.progressBar .progress{background:linear-gradient(270deg,#16c989,#0b6343);height:100%;transition:all .12s linear;width:50%}.progressBar .progress .runnerIcon{position:absolute;right:35px;top:50%;transform:translateY(-50%)}.progressBar .currentQuestion{color:#fff;left:40px}.progressBar .currentQuestion,.progressBar .totalQuestion{font-size:40px;font-weight:600;position:absolute;top:50%;transform:translateY(-50%);z-index:999}.progressBar .totalQuestion{color:#0b6343;right:35px}.timmer{border-radius:50%;height:328px;top:340px;transform:translateX(-50%);width:328px}.timmer,.timmer .countdown{left:50%;position:absolute;transition:all 1s linear}.timmer .countdown{color:#fff;font-size:50px;font-weight:600;top:50%;transform:translate(-50%,-50%);z-index:999}.timmer .nearlyEnd{color:#ea4335}.timesUp{animation:fadeIn .6s linear;background-color:rgba(0,0,0,.496);height:100%;position:absolute;width:100%;z-index:999}.timesUp .description,.timesUp .title{color:#fff;font-weight:600;position:absolute;text-align:center;width:100%}.timesUp .title{color:#ea4335;font-size:60px;top:677px}.timesUp .description{animation:glow 2s linear infinite;font-size:40px;top:768px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.confirmRestart{background-color:rgba(0,0,0,.433);height:100%;position:absolute;top:0;width:100%;z-index:999}.confirmRestart .modal{background:#d2e8dc;border-radius:50px;box-sizing:border-box;height:400px;left:50%;padding:60px;position:absolute;text-align:center;top:500px;transform:translateX(-50%);width:85%}.confirmRestart .modal .modal_Title{color:#0b6343;font-size:38px;font-weight:600}.confirmRestart .modal .modal_description{color:#ea4335;font-size:33px;margin:20px 0 0}.confirmRestart .modal .modal_footer{align-items:center;display:flex;justify-content:space-between;margin:105px 0 0;width:100%}.confirmRestart .modal .modal_footer .modal_btn{border-radius:20px;box-sizing:border-box;font-size:30px;outline:none;padding:15px;width:48%}.confirmRestart .modal .modal_footer .modal_btn:first-child{background:none;border:2px solid #ea4335;color:#ea4335}.confirmRestart .modal .modal_footer .modal_btn:nth-child(2){background-color:#0b6343;color:#fff}.result{height:100%;width:100%}.result .resultCtn,.result .result_board{border-radius:60px;box-sizing:border-box;height:1200px;left:50%;position:absolute;top:200px;transform:translateX(-50%);width:80%;z-index:999}.result .result_board{-webkit-backdrop-filter:brightness(100%);backdrop-filter:brightness(100%);background:linear-gradient(#fff,#16c989);box-shadow:0 0 500px #000;filter:brightness(130%);opacity:.8}.result .resultCtn{padding:40px;text-align:center}.result .resultCtn .loadingCtn{display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.result .resultCtn .loadingCtn .isLoadingBtn{animation:spin 1s linear infinite;border-radius:50%;border-top:5px solid #0b6343;color:#fff;height:80px;outline:none;width:80px}.result .resultCtn .correctQuestions{color:#0b6343;font-size:140px;font-weight:600;margin:40px 0}.result .resultCtn .correctQuestions.failed{color:#ea4335}.result .resultCtn .failedCorrectQuestions{color:#ea4335!important}.result .resultCtn .status{color:#fff;margin:0 0 60px}.result .resultCtn .status .pill{border-radius:60px;font-size:43px;padding:20px 40px}.result .resultCtn .status .passed{background:#16c989}.result .resultCtn .status .failed{background:#ea4335}.result .resultCtn .lost,.result .resultCtn .timeUsed,.result .resultCtn .winnerRank{color:#0b6343;font-size:35px}.result .resultCtn .lost{color:#ea4335}.result .resultCtn .winnerRank{margin:0}.result .resultCtn .timeUsed{margin:25px 0 0}.result .resultCtn .userInfo{margin:120px 0 0}.result .resultCtn .userInfo .info{color:#0b6343;font-size:40px;margin:25px 0}.result .resultCtn .retry{background:#fff;border:none;border-radius:50%;box-sizing:border-box;font-size:80px;height:150px;margin:30px 0 0;outline:none;padding:20px;position:absolute;transform:translateX(-50%);width:150px}.result .resultCtn .retry .countDownAutoRestart{color:#0b6343;font-size:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.validateCode{background:linear-gradient(#16c989,#0b6343);height:100vh;width:100vw}.validateCode .inputValidateSection{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.validateCode .inputValidateSection .title{color:#fff;font-size:40px;font-weight:600;margin:0 0 20px;text-transform:uppercase}.validateCode .inputValidateSection .inputCtn{display:flex}.validateCode .inputValidateSection .inputCtn .inputCode{border:none;border-radius:20px 0 0 20px;box-sizing:border-box;font-size:40px;height:100px;outline:none;padding:20px;width:70vw}.validateCode .inputValidateSection .inputCtn .submit{background-color:#0b6343;border:none;border-radius:0 20px 20px 0;color:#fff;cursor:pointer;font-size:30px;height:100px;padding:0 15px}.validateCode .err{color:#ea4335;font-size:30px;font-weight:600;margin:10px 0 0;text-shadow:1px 1px 2px #16c989}.globalLoading{background:linear-gradient(#16c989,#0b6343);height:100vh;position:absolute;width:100vw;z-index:999}.globalLoading .loading{animation:spin 1s linear infinite;border-radius:50%;border-top:5px solid #d2e8dc;height:50px;left:50%;position:absolute;top:50%;width:50px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.logoNTTCtn{align-items:center;bottom:18px;box-sizing:border-box;display:flex;justify-content:center;left:50%;padding:0 30px;position:absolute;transform:translateX(-50%);width:100%}.logoNTTCtn .label{color:#fff;font-size:30px;font-weight:600;text-align:center;text-shadow:2px 2px 6px #0b6343;width:40vw}.logoNTTCtn .label.labelIn{animation:labelIn .3s ease-in-out}.logoNTTCtn .label.labelOut{animation:labelOut .3s ease-in-out}.logoNTTCtn .imgCtn{display:flex;justify-content:center;max-width:60vw;overflow:hidden;width:60vw}.logoNTTCtn .imgCtn.overThreeLogo{justify-content:start}.logoNTTCtn .imgCtn.overThreeLogo img{animation:wheelLeft 6s linear;animation-delay:1.5s}.logoNTTCtn .imgCtn.imgIn{animation:imgIn .3s ease-in-out}.logoNTTCtn .imgCtn.imgOut{animation:imgOut .3s ease-in-out}.logoNTTCtn .imgCtn img{filter:drop-shadow(2px 2px 6px #0B6343);height:85px;margin:10px 0 0}@keyframes labelIn{0%{transform:translateX(-120%)}to{transform:translateX(0)}}@keyframes labelOut{0%{transform:translateX(0)}to{transform:translateX(-120%)}}@keyframes imgIn{0%{transform:translateX(120%)}to{transform:translateX(0)}}@keyframes imgOut{0%{transform:translateX(0)}to{transform:translateX(120%)}}@keyframes wheelLeft{0%{transform:translateX(0)}to{transform:translateX(-60vw)}}