*{margin:0;padding:0;font-family:'Zoho_Puvi_Regular'}.popup-quizgame{height:100%}.quiz_intro{width:100%;display:inline-block;vertical-align:top;position:relative;padding:50px 0}.quiz_intro_contents{width:50%;display:inline-block;vertical-align:top}.quiz_intro_contents h2{font-size:3em;font-weight:400;margin:0 0 30px 0}.quiz_intro_contents h3{font-size:2em;font-weight:400;margin:0 0 30px 0;line-height:1.3em;color:#be2024;display:inline-block;width:100%}.quiz_intro_contents p{font-size:1.3em;font-weight:400;margin:0 0 30px 0;line-height:1.5em;display:inline-block;width:100%}.quiz_intro_contents a.start_quiz{background:#1d85e8;color:#fff;text-decoration:none;padding:20px 40px;font-size:1.5em;margin:0 0 20px 0;display:inline-block}.quiz_intro_contents a.start_quiz:hover{background:#1269bb;cursor:pointer}ul.quiz_weekly_tabs{list-style:none}ul.quiz_weekly_tabs li{padding:10px 15px;border:1px solid #ccc;display:inline-block;vertical-align:middle;margin:0 2px 0 0}ul.quiz_weekly_tabs li.inactive{background:#eaeaea;border:1px solid #eaeaea;color:#a3a1a1}ul.quiz_weekly_tabs li:hover{cursor:pointer}.quiz_game_section{width:100%;height:100%;display:none;vertical-align:top;position:relative;padding:200px 0}.quiz_game_section .container{position:relative}.quiz_game_section label::before{box-sizing:content-box}span.quiz_game_numbers{font-size:220px;position:absolute;top:-100px;left:-60px;color:#a2a2a2;-webkit-text-fill-color:white;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#a2a2a2}.quiz_game_contents h3{font-weight:400;line-height:1.1em;background:#fff;display:block;z-index:9999;position:relative;margin:0 0 50px 0}[type="radio"]:checked,[type="radio"]:not(:checked){position:absolute;left:-9999px}[type="radio"]:checked+label,[type="radio"]:not(:checked)+label{position:relative;padding-left:42px;cursor:pointer;line-height:1.3em;display:inline-block;color:#000}[type="radio"]:checked+label{color:#000;font-weight:bold}[type="radio"]:checked+label:before,[type="radio"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;border:1px solid #000;border-radius:100%;background:#fff}[type="radio"]:checked+label:before{border:1px solid #000}[type="radio"]:checked+label:after,[type="radio"]:not(:checked)+label:after{content:'';width:18px;height:18px;background:#000;position:absolute;top:4px;left:4px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}[type="radio"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}[type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.quiz_game_contents label.red{color:#d80f0f}.quiz_game_contents label.red:before{border:1px solid #d80f0f}.quiz_game_contents label.red:after{background:#d80f0f}.quiz_game_contents label.green{color:#4cb40a}.quiz_game_contents label.green:before{border:1px solid #4cb40a}.quiz_game_contents label.green:after{background:#4cb40a}a.quiz_next:hover{background:#1269bb;cursor:pointer}.quiz_game_error{position:absolute;top:28px;margin:0 auto;display:table;left:0;right:0;background:#ffd5d5;padding:10px 15px;color:#bd4747;opacity:0}.spin .spinner::before{content:"";width:10px;height:10px;border-radius:50%;border:solid .20em #fff;border-bottom-color:#1d85e8;animation:.8s linear infinite spinner;will-change:transform;display:block;box-sizing:content-box}.spin .spinner{display:inline-block;vertical-align:top;padding-left:10px;padding-top:4px}@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.spin .next-spinner::before{content:"";width:10px;height:10px;border-radius:50%;border:solid .20em #fff;border-bottom-color:#a2bfdb;animation:.8s linear infinite spinner;will-change:transform;display:block;box-sizing:content-box}.spin .next-spinner{display:inline-block;vertical-align:top;padding-left:10px;padding-top:4px}.spin .msg-spinner::before{content:"";width:10px;height:10px;border-radius:50%;border:solid .20em #fff;border-bottom-color:#e84d1d;animation:.8s linear infinite spinner;will-change:transform;display:block;box-sizing:content-box}.spin .msg-spinner{display:inline-block;vertical-align:top;padding-left:10px}.spin .sumbit-color{border-bottom-color:#f27b39}.popup-quiz-success2 .welldone:after{display:none}.{z-index:10}.quiz_game_page{z-index:10}. p{line-height:1.4;font-size:1em;display:flex}.popup{background-image:none;background:white;overflow:scroll}.popup-new{background-image:none;background:white;overflow:scroll}.popup-resource-success{display:none}.popup-resource-success .welldone:after{display:none}.popup-cybergame-success .welldone:after{display:none}.popup-quiz-success{display:none}#modal-close{cursor:pointer}#quiz-play-again{cursor:pointer}#resource-success-msg{display:block}#quiz-success-msg{position:fixed;top:0;z-index:99900;background:#ffc101;width:100%;text-align:center;padding:20px 0}#quiz-success-msg h4{margin:0}.popup-quiz-success2{display:none}.alert-card-box{display:flex;justify-content:center}.alert-card{width:50%;padding:11em 0}.alert-card button{background:#1d85e8;color:#fff;text-decoration:none;padding:20px 40px;font-size:1.5em;margin:0 0 20px 0}.alert-card-border h4{margin:1em 5px;font-size:2em}.popup-form{display:none}#quiz-continue{cursor:pointer}@keyframes next-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes msg-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#cyber-modal-again{margin-right:20px}@media(min-width:320px){.quiz_game_section{background:white;padding:10px 0}.quiz_game_section .container{padding:0 10px;display:flex;flex-direction:column}.quiz_game_timer{border:1px solid #033ba3;display:inline-block;margin:70px 0 15px;max-width:250px}.quiz_game_timer p{margin:0}.quiz_game_timer span:nth-child(2){min-width:80px}.quiz_intro_contents{width:100%;padding:10px}.quiz_intro_contents h2{font-size:2em;text-align:center}.quiz_intro_contents h3{font-size:1.4em;text-align:center}.quiz_intro_contents p{text-align:center}.quiz_intro .start-box{display:flex;justify-content:center}.quiz_intro .weekly-box{display:flex;justify-content:center}.quiz_game_section{background:white}span.quiz_game_numbers{display:none}.quiz_game_contents h3{font-size:1.6em;margin:0 0 25px 0}.quiz_game_contents p{font-size:1.2em;font-weight:400;margin:0 0 20px 0}.quiz_game_contents{width:100%;margin:0 0 40px 0}.quiz_game_navigations{display:flex;flex-direction:column;margin-bottom:40px;z-index:10}.quiz_next_but{display:flex;justify-content:center}.quiz_game_section ul{list-style:none;position:relative;margin:0 0 25px 0}.quiz_game_section ul li{display:none}.quiz_game_section ul li.active{display:block;position:relative}.quiz_game_error p{margin:0 0 10px;line-height:1.2;font-size:.8em}.quiz_pagination p{margin:0 0 10px;line-height:1.2;font-size:.8em}a.quiz_next{background:#1d85e8;color:#fff;text-decoration:none;padding:15px 30px;font-size:1em;margin:0 0 60px 0;display:inline-block}.quiz_pagination{display:flex;justify-content:center}.quiz_game_timer span:first-child{border-right:1px solid #033ba3}.quiz_game_timer span:nth-child(2){min-width:80px}.quiz_game_timer span{padding:10px;display:inline-block;vertical-align:middle}.scorer{font-size:50px !important}}@media(min-width:550px){.scorer{font-size:50px !important}.quiz_game_timer{display:block}.quiz_game_section::after{content:"";width:300px;height:310px;background:url(../images/question-mark-pg.svg) no-repeat 100px 0;background-size:auto;bottom:0;right:0;position:fixed;display:inline-block;background-size:70%}}@media(min-width:750px){.quiz_game_section{background:white;padding:80px 0}.quiz_game_section .container{padding:0 40px;display:block}.quiz_intro_contents h2{font-size:2.5em;text-align:left}.quiz_intro_contents h3{font-size:1.6em;text-align:left}.quiz_intro_contents p{text-align:left}.quiz_game_error{top:18px}.quiz_intro .start-box{display:flex;justify-content:left}.quiz_intro .weekly-box{display:block;width:100%}ul.quiz_weekly_tabs{list-style:none}span.quiz_game_numbers{display:block;font-size:100px;position:absolute;top:-48px;left:-31px;color:#a2a2a2;-webkit-text-fill-color:white;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#a2a2a2}.quiz_pagination{margin:15px 0 0 0}.quiz_pagination p span{margin:0 0 0 10px}.quiz_next_but{display:inline-block}.quiz_game_error p{margin:0 0 25px;line-height:1.8;font-size:1.2em}.quiz_pagination p{margin:0 0 25px;line-height:1.8;font-size:1.2em}a.quiz_next{background:#1d85e8;color:#fff;text-decoration:none;padding:20px 40px;font-size:1.5em;margin:0 0 20px 0;display:inline-block}.quiz_pagination{display:block}.quiz_game_navigations{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px}.quiz_game_timer{position:absolute;top:-61px;right:40px;margin:0 10px 15px}.quiz_intro_contents{width:66%}.quiz_intro::before{content:"";width:80px;height:360px;background:url("../images/quiz-right-pg.png") no-repeat -60px;background-size:auto;top:10%;left:5px;position:absolute;display:inline-block;background-size:150%}.quiz_intro::after{content:"";width:450px;height:450px;background:url("https://www.manageengine.com/fr/cybersecurity/2022/css/../images/quiz-right-pg.svg") no-repeat 180px;background-size:auto;top:10%;right:0;position:absolute;display:inline-block;background-size:150%}ul.quiz_weekly_tabs{list-style:none;position:absolute;right:10%}.scorer{font-size:55px !important}}@media(min-width:1200px){.quiz_intro_contents{width:50%;padding:10px}.quiz_intro_contents h2{font-size:3em}.quiz_intro_contents h3{font-size:2em}ul.quiz_weekly_tabs{list-style:none;position:absolute;right:10%}.quiz_game_section{background:white;padding:100px 0}.quiz_game_contents h3{font-size:2.5em}span.quiz_game_numbers{display:block;font-size:220px;position:absolute;top:-100px;left:-60px;color:#a2a2a2;-webkit-text-fill-color:white;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#a2a2a2}.quiz_game_timer{border:1px solid #033ba3;display:inline-block;position:absolute;top:-57px;right:0}.quiz_game_timer p{line-height:1.8;font-size:1.2em;display:inline-block;margin:0}.quiz_game_timer span{padding:10px;display:inline-block;vertical-align:middle}.quiz_game_timer span:first-child{border-right:1px solid #033ba3}.quiz_game_contents p{font-size:2em;font-weight:400;margin:0 0 20px 0}.quiz_game_contents{width:70%;margin:0 0 50px 0}.quiz_pagination{position:absolute;left:0;margin:30px 0 0 0}.quiz_pagination p span{margin:0 0 0 20px}.quiz_next_but{display:inline-block;position:absolute;right:0;z-index:10}.quiz_game_navigations{display:block}.quiz_next_but{display:inline-block}.quiz_game_section ul{list-style:none;position:relative;margin:0 0 50px 0}.quiz_game_section ul li{display:none}.quiz_game_section ul li.active{display:block;position:relative}a.quiz_next{background:#1d85e8;color:#fff;text-decoration:none;padding:20px 40px;font-size:1.5em;margin:0 0 20px 0;display:inline-block}.quiz_intro::before{content:"";width:80px;height:400px;background:url("https://www.manageengine.com/fr/cybersecurity/2022/css/../images/quiz-left-pg.png") no-repeat -60px;top:10%;left:0;position:absolute;display:inline-block;background-size:150%}.quiz_intro::after{content:"";width:500px;height:500px;background:url("https://www.manageengine.com/fr/cybersecurity/2022/css/../images/quiz-right-pg.svg") no-repeat 50px;top:10%;right:0;position:absolute;display:inline-block;background-size:150%}[type="radio"]:checked+label:before,[type="radio"]:not(:checked)+label:before{top:8px}[type="radio"]:checked+label::after,[type="radio"]:not(:checked)+label::after{top:12px}.quiz_game_section{height:100%}.scorer{font-size:58px !important}}@media(min-width:1400px){.scorer{font-size:74px !important}}