.content-quiz-top{padding:50px 0}.content-quiz-top .card-top-title{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #3850C4}.section-quiz-list{background-color:rgba(131,222,205,0.1);padding-bottom:100px;position:relative}.quiz-nav-list{margin-bottom:80px}.quiz-nav-list .title{padding-top:20px;padding-bottom:18px;border-bottom:1px solid #3850C4;margin-bottom:30px}@media (max-width: 991px){.quiz-nav-list .title{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;margin-bottom:20px}}.quiz-nav-list .title .icon-toggle{width:20px;height:20px;position:relative;cursor:pointer}.quiz-nav-list .title .icon-toggle:before,.quiz-nav-list .title .icon-toggle:after{content:'';background-color:#3850C4;position:absolute;top:50%;right:0;left:0;margin:auto;width:20px;height:2px}.quiz-nav-list .title .icon-toggle:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.quiz-nav-list .title .icon-toggle:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.quiz-nav-list .title .icon-toggle:before{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}.quiz-nav-list .title .icon-toggle:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all 0.3s ease-in-out 0.2s;-moz-transition:all 0.3s ease-in-out 0.2s;-o-transition:all 0.3s ease-in-out 0.2s;transition:all 0.3s ease-in-out 0.2s;-ms-transition:all 0.3s ease-in-out 0.2s}.quiz-nav-list .title.active .icon-toggle:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.quiz-nav-list .title.active .icon-toggle:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width: 992px){.quiz-nav-list ul{display:flex;display:-webkit-flex;padding:0;margin:0;background-color:#83DECD}.quiz-nav-list ul li{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;text-align:center}.quiz-nav-list ul li a{font-family:"sofia-pro","Thonburi",Helvetica,Arial,sans-serif;color:#fff;display:block;height:110px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;position:relative}.quiz-nav-list ul li a:after{content:'';width:1px;height:30px;background-color:#fff;position:absolute;top:50%;right:0;margin-top:-15px}.quiz-nav-list ul li a.active,.quiz-nav-list ul li a:hover{background-color:#fff;color:#83DECD}.quiz-nav-list ul li:last-child a:after{display:none}}@media (max-width: 991px){.quiz-nav-list ul{display:none;padding-bottom:18px;border-bottom:1px solid #3850C4;margin-bottom:30px}.quiz-nav-list ul li{margin-bottom:20px}.quiz-nav-list ul li a{color:#4A4A4A}.quiz-nav-list ul li a.active,.quiz-nav-list ul li a:hover{color:#50E3C2}}.box-quiz{padding-bottom:90px;position:relative}.box-quiz>div{background:#FFFFFF;box-shadow:0 2px 7px 0 rgba(217,217,217,0.5);border-radius:10px;padding:50px 60px 30px 60px}@media (max-width: 575px){.box-quiz>div{padding:30px 30px 20px}}.box-quiz .number{position:absolute;width:58px;height:58px;border-radius:50%;background-color:#50E3C2;color:#fff;font-size:25px;font-family:"sofia-pro-semibold","Thonburi",Helvetica,Arial,sans-serif;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media (max-width: 767px){.box-quiz .number{font-size:18px;width:48px;height:48px}}.box-quiz .quiz-choices{position:relative;padding-bottom:30px}.box-quiz .quiz-choices .choices-title{position:relative}@media (max-width: 575px){.box-quiz .quiz-choices .choices-title{border-bottom:1px solid #3850C4;padding-bottom:20px}}.box-quiz .quiz-choices .choices-title:after{width:100%;height:1px;background-color:#3850C4;content:'';position:absolute;right:0;top:50%;margin-top:1px}@media (max-width: 575px){.box-quiz .quiz-choices .choices-title:after{display:none}}.box-quiz .quiz-choices .choices-title span{display:inline-block;background-color:#fff;z-index:1;position:relative;padding-right:8px}.box-quiz .quiz-choices .choice-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.box-quiz .quiz-choices .choice-list .choice-item{margin-bottom:40px;padding-right:15px}@media (min-width: 992px){.box-quiz .quiz-choices .choice-list .choice-item{-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}}@media (max-width: 991px){.box-quiz .quiz-choices .choice-list .choice-item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-bottom:20px}}.box-quiz .quiz-choices .choice-list .choice-item input[type="radio"]{position:absolute;opacity:1;visibility:hidden;left:0;width:0}.box-quiz .quiz-choices .choice-list .choice-item input[type="radio"]:checked+.label-choice,.box-quiz .quiz-choices .choice-list .choice-item input[type="radio"]:checked+label+.label-choice{color:#3850C4}.box-quiz .quiz-choices .choice-list .choice-item input[type="radio"]:checked+.label-choice:after,.box-quiz .quiz-choices .choice-list .choice-item input[type="radio"]:checked+label+.label-choice:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.box-quiz .quiz-choices .choice-list .choice-item .label-choice{font-family:"sofia-pro","Thonburi",Helvetica,Arial,sans-serif;color:#878A9D;font-size:20px;padding-left:60px;position:relative;cursor:pointer}@media (max-width: 575px){.box-quiz .quiz-choices .choice-list .choice-item .label-choice{font-size:16px;padding-left:45px}}.box-quiz .quiz-choices .choice-list .choice-item .label-choice:hover{color:#3850C4}.box-quiz .quiz-choices .choice-list .choice-item .label-choice:before,.box-quiz .quiz-choices .choice-list .choice-item .label-choice:after{position:absolute;content:''}.box-quiz .quiz-choices .choice-list .choice-item .label-choice:before{width:29px;height:29px;border:1px solid #E6E6EA;border-radius:50%;top:0;left:0}.box-quiz .quiz-choices .choice-list .choice-item .label-choice:after{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;width:19px;height:19px;background-color:#3850C4;border-radius:50%;top:5px;left:5px;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.box-quiz .quiz-choices .choice-list .choice-item label.error{position:absolute;color:red;font-size:12px;bottom:0;left:0;width:100%;text-align:right}.scroll-up{position:fixed;right:0;bottom:0;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1;min-width:70px}.shrink-2 .scroll-up{opacity:1;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.scroll-up a{width:70px;height:70px;border-radius:50%;background-color:#4A90E2;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;font-size:0}@media (max-width: 575px){.scroll-up a{width:50px;height:50px}}.scroll-up a:before{content:'';background-image:url(../images/arrow-up.svg);width:13px;height:23px;position:absolute;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}.scroll-up a:hover{background-color:#3850C4}.scroll-up a:hover:before{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.popup-result{background-color:rgba(56,80,196,0.9);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;z-index:100;overflow:auto;opacity:0;visibility:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;-ms-transition:all 0.5s}.popup-result.active{opacity:1;visibility:visible}.popup-result .box-result{background:#FFFFFF;box-shadow:0 2px 16px 0 #0A228F;border-radius:10px;padding:40px;max-width:550px;margin:auto;width:100%;display:none}@media (max-width: 575px){.popup-result .box-result{max-width:90%}}.popup-result .box-result>div{max-width:325px;margin:auto}.popup-result .box-result img{max-width:200px}@media (max-width: 767px){.popup-result .box-result img{max-width:100px}}
/*# sourceMappingURL=quiz.css.map */