.quiz-container{align-items:center;background-color:#2f5991;box-sizing:border-box;display:flex;justify-content:center;padding:16px 0}.quiz-container .quiz-window{background-color:#f0eff3;border-radius:24px;box-sizing:border-box;max-width:calc(100% - 24px);overflow:hidden;padding:48px 68px;width:1096px}@media (max-width:1199.98px){.quiz-container .quiz-window{padding:24px 32px}}@media (max-width:991.98px){.quiz-container .quiz-window{padding:16px}}.quiz-container .quiz-window .quiz{scrollbar-base-color:#2f5991;position:relative;scrollbar-width:thin}.quiz-container .quiz-window .quiz::-webkit-scrollbar{width:1px}.quiz-container .quiz-window .quiz::-webkit-scrollbar-track{background:#e0e0e7}.quiz-container .quiz-window .quiz::-webkit-scrollbar-thumb{background:#2f5991;border-radius:2px}.quiz-container .quiz-window .quiz::-webkit-scrollbar-thumb:hover{background:#2f5991}.quiz-container .quiz-window .quiz .balance{align-items:center;color:#ee6e27;display:flex;font-size:20px;font-weight:600;justify-content:flex-end;margin-left:0;text-align:right;width:100%}@media (max-width:991.98px){.quiz-container .quiz-window .quiz .balance{font-size:16px}}.quiz-container .quiz-window .quiz .h2{font-size:38px;font-weight:600;line-height:42px;text-align:center}@media (max-width:991.98px){.quiz-container .quiz-window .quiz .h2{font-size:24px;font-weight:600;line-height:32px}}.quiz-container .quiz-window .quiz .h3{font-size:28px;font-weight:600;line-height:35px;text-align:center}@media (max-width:991.98px){.quiz-container .quiz-window .quiz .h3{font-size:20px;font-weight:600;line-height:26px}}.quiz-container .quiz-window .quiz .h4{font-size:56px;font-weight:600;line-height:61px;text-align:center}@media (max-width:991.98px){.quiz-container .quiz-window .quiz .h4{font-size:28px;font-weight:600;line-height:34px}}.quiz-container .quiz-window .quiz .image-answers{display:flex;flex-direction:row;justify-content:center}@media (max-width:991.98px){.quiz-container .quiz-window .quiz .image-answers{align-items:center;flex-direction:column;gap:16px}}.quiz-container .quiz-window .quiz .image-answers .image-video{height:254px;width:416px}@media (max-width:511.98px){.quiz-container .quiz-window .quiz .image-answers .image-video{height:164px;width:270px}}.quiz-container .quiz-window .quiz .image-answers .image-video iframe,.quiz-container .quiz-window .quiz .image-answers .image-video img{border-radius:12px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.quiz-container .quiz-window .quiz .image-answers .answers{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;justify-content:flex-start;max-width:75%;width:75%}@media (max-width:991.98px){.quiz-container .quiz-window .quiz .image-answers .answers{max-width:100%;width:100%}}.quiz-container .quiz-window .quiz .image-answers .answers .answer{align-items:center;background-color:#fff;border-radius:48px;color:#112238;cursor:pointer;display:flex;flex-direction:column;font-size:22px;font-weight:600;line-height:42px;padding:8px 24px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz .image-answers .answers .answer{border-radius:48px;font-size:16px;font-weight:600;line-height:24px;padding:8px 24px}}.quiz-container .quiz-window .quiz .image-answers .answers .answer img{border-radius:100%;height:132px;-o-object-fit:cover;object-fit:cover;width:132px}.quiz-container .quiz-window .quiz .image-answers .answers .answer.active{background-color:#f8b70e;color:#fff}.quiz-container .quiz-window .quiz .image-answers .answers.with-images{flex-direction:row;height:unset;justify-content:center}.quiz-container .quiz-window .quiz .image-answers .answers.with-images .answer{border-radius:12px}.quiz-container .quiz-window .quiz .image-answers.with-images{justify-content:space-between}.quiz-container .quiz-window .quiz .image-answers.with-images .answers{max-width:50%;width:50%}@media (max-width:991.98px){.quiz-container .quiz-window .quiz .image-answers.with-images .answers{max-width:100%;width:100%}}.quiz-container .quiz-window .quiz .confirm-quiz{display:flex;justify-content:center;margin-top:48px;opacity:.5}@media (max-width:991.98px){.quiz-container .quiz-window .quiz .confirm-quiz{margin-top:12px}}.quiz-container .quiz-window .quiz .confirm-quiz .button{display:block}@media (max-width:991.98px){.quiz-container .quiz-window .quiz .confirm-quiz .button{font-size:18px;line-height:24px;padding:8px 24px}}.quiz-container .quiz-window .quiz .confirm-quiz.active{opacity:1}.quiz-container .quiz-window .quiz.general .h2{color:#293d56;margin-bottom:48px;margin-top:8px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.general .h2{margin-bottom:12px;margin-top:0}}.quiz-container .quiz-window .quiz.failed .h3{margin-bottom:24px}.quiz-container .quiz-window .quiz.failed .h4{margin-bottom:16px;margin-top:48px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.failed .h4{margin-top:12px}}.quiz-container .quiz-window .quiz.failed .pic{height:318px;width:570px}.quiz-container .quiz-window .quiz.success .h3{margin-bottom:48px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.success .h3{margin-bottom:12px}}.quiz-container .quiz-window .quiz.success .pic{height:318px;width:570px}.quiz-container .quiz-window .quiz.correct .h2,.quiz-container .quiz-window .quiz.failed .h2,.quiz-container .quiz-window .quiz.success .h2{margin-bottom:16px;margin-top:0}.quiz-container .quiz-window .quiz.correct .pic,.quiz-container .quiz-window .quiz.failed .pic,.quiz-container .quiz-window .quiz.success .pic{display:flex;justify-content:center;margin:0 auto;max-width:100%;overflow:hidden;position:relative}.quiz-container .quiz-window .quiz.correct .pic img,.quiz-container .quiz-window .quiz.failed .pic img,.quiz-container .quiz-window .quiz.success .pic img{border-radius:12px;max-width:100%;-o-object-fit:cover;object-fit:cover}.quiz-container .quiz-window .quiz.correct .buttons,.quiz-container .quiz-window .quiz.failed .buttons,.quiz-container .quiz-window .quiz.success .buttons{display:flex;flex-direction:row;justify-content:center;margin-top:72px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.correct .buttons,.quiz-container .quiz-window .quiz.failed .buttons,.quiz-container .quiz-window .quiz.success .buttons{align-items:center;flex-direction:column;margin-top:24px}}.quiz-container .quiz-window .quiz.correct .buttons>div,.quiz-container .quiz-window .quiz.failed .buttons>div,.quiz-container .quiz-window .quiz.success .buttons>div{display:flex;flex-direction:row;gap:32px;justify-content:center;max-width:100%;position:relative;width:-moz-fit-content;width:fit-content}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.correct .buttons>div,.quiz-container .quiz-window .quiz.failed .buttons>div,.quiz-container .quiz-window .quiz.success .buttons>div{flex-direction:column;gap:12px}}.quiz-container .quiz-window .quiz.correct .buttons .button,.quiz-container .quiz-window .quiz.failed .buttons .button,.quiz-container .quiz-window .quiz.success .buttons .button{padding:12px 90px}.quiz-container .quiz-window .quiz.correct .buttons .retry,.quiz-container .quiz-window .quiz.failed .buttons .retry,.quiz-container .quiz-window .quiz.success .buttons .retry{align-items:center;background-color:#ee6e27;border-radius:6px;color:#fff;display:flex;font-size:16px;font-weight:600;letter-spacing:0;line-height:26px;padding:0 8px;position:absolute;right:0;top:-21px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.correct .buttons .retry,.quiz-container .quiz-window .quiz.failed .buttons .retry,.quiz-container .quiz-window .quiz.success .buttons .retry{top:46px}}.quiz-container .quiz-window .quiz.correct .buttons .retry span,.quiz-container .quiz-window .quiz.failed .buttons .retry span,.quiz-container .quiz-window .quiz.success .buttons .retry span{background-image:url(/templates/www/img/coin-icon.svg);background-position:center 4px;background-repeat:no-repeat;background-size:34px;display:block;height:34px;padding-top:6px;width:34px}.quiz-container .quiz-window .quiz.correct .footer,.quiz-container .quiz-window .quiz.failed .footer,.quiz-container .quiz-window .quiz.success .footer{align-items:center;display:flex;gap:32px;justify-content:center;margin-top:48px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.correct .footer,.quiz-container .quiz-window .quiz.failed .footer,.quiz-container .quiz-window .quiz.success .footer{flex-direction:column;margin-top:24px}}.quiz-container .quiz-window .quiz.correct .footer .text,.quiz-container .quiz-window .quiz.failed .footer .text,.quiz-container .quiz-window .quiz.success .footer .text{color:#112238;font-size:22px;font-weight:700;letter-spacing:0;line-height:26px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.correct .footer .text,.quiz-container .quiz-window .quiz.failed .footer .text,.quiz-container .quiz-window .quiz.success .footer .text{text-align:center}}.quiz-container .quiz-window .quiz.correct .footer .text a,.quiz-container .quiz-window .quiz.failed .footer .text a,.quiz-container .quiz-window .quiz.success .footer .text a{text-decoration:underline}.quiz-container .quiz-window .quiz.correct .footer .button,.quiz-container .quiz-window .quiz.failed .footer .button,.quiz-container .quiz-window .quiz.success .footer .button{padding:12px 50px}.quiz-container .quiz-window .quiz.correct .share-block-3,.quiz-container .quiz-window .quiz.failed .share-block-3,.quiz-container .quiz-window .quiz.success .share-block-3{align-items:center;color:#112238;display:flex;font-size:22px;font-weight:700;gap:16px;justify-content:center;line-height:26px;margin-top:46px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.correct .share-block-3,.quiz-container .quiz-window .quiz.failed .share-block-3,.quiz-container .quiz-window .quiz.success .share-block-3{align-items:center;flex-direction:column;font-size:18px;gap:8px;line-height:22px;margin-top:12px}}.quiz-container .quiz-window .quiz.correct .share-block-3 .share a,.quiz-container .quiz-window .quiz.failed .share-block-3 .share a,.quiz-container .quiz-window .quiz.success .share-block-3 .share a{margin-left:4px}.quiz-container .quiz-window .quiz.correct .share-block-3 a.link,.quiz-container .quiz-window .quiz.failed .share-block-3 a.link,.quiz-container .quiz-window .quiz.success .share-block-3 a.link{text-decoration:underline}.quiz-container .quiz-window .quiz.correct .share-block-3.second,.quiz-container .quiz-window .quiz.failed .share-block-3.second,.quiz-container .quiz-window .quiz.success .share-block-3.second{color:#2f5991;margin-top:24px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.correct .share-block-3 .button,.quiz-container .quiz-window .quiz.failed .share-block-3 .button,.quiz-container .quiz-window .quiz.success .share-block-3 .button{box-sizing:border-box;max-width:100%}}@media (max-width:767.98px){.quiz-container .quiz-window .quiz.correct .pic{width:264px}}.quiz-container .quiz-window .quiz.correct .coin{animation:coin .5s;animation-timing-function:ease-in-out;left:calc(50% - 104px);position:absolute;top:50px}@media (max-width:767.98px){.quiz-container .quiz-window .quiz.correct .coin{animation:coin-mobile .5s;top:12px}}@keyframes coin{0%{top:-208px}to{top:50px}}@keyframes coin-mobile{0%{top:-120px}to{top:20px}}.quiz-container .quiz-window .quiz.correct .second.h2{margin-bottom:16px;margin-top:48px}.quiz-container .quiz-window .quiz.correct .buttons{margin-top:24px}@media (max-width:991.98px){.quiz-container .quiz-window .quiz.correct .buttons{margin-top:12px}}.quiz-container .quiz-window .quiz.correct .buttons .button.transparent{text-wrap:wrap;padding:12px;text-decoration:underline}#main-app>#mainHeader+*{min-height:calc(100vh - 80px)}@media (max-width:991px){#main-app>#mainHeader+*{min-height:calc(100vh - 62px)}}#main-app>#mainHeader.with-buttons+*{min-height:calc(100vh - 80px)}@media (max-width:991px){#main-app>#mainHeader.with-buttons+*{min-height:calc(100vh - 190px)}}.orange{color:#ee6e27}.green{color:#52943a}.coin{align-items:center;background-image:url(/templates/www/img/coin-icon-3.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;height:215px;justify-content:center;width:208px}@media (max-width:767.98px){.coin{height:120px}}.coin span{color:#fff;font-size:78px;font-weight:600;line-height:78px;margin-top:-28px}@media (max-width:767.98px){.coin span{font-size:32px;line-height:32px;margin-top:-14px}}.white-stripe-small{background-color:#fff;margin:68px -68px 40px;padding:40px 68px}@media (max-width:991.98px){.white-stripe-small{margin:24px -16px 20px;padding:20px 16px}}.white-stripe{background-color:#fff;margin:68px -68px 40px;padding:68px}@media (max-width:991.98px){.white-stripe{margin:24px -16px 20px;padding:20px 16px}}.white-stripe .header{color:#bebec6;font-size:28px;font-weight:600;line-height:35px;text-align:left}@media (max-width:991.98px){.white-stripe .header{font-size:20px;line-height:26px}}@media (max-width:767.98px){.white-stripe .header{text-align:center}}.white-stripe .content{align-items:center;display:flex;gap:38px}@media (max-width:767.98px){.white-stripe .content{flex-direction:column;gap:12px;justify-content:center}}.white-stripe .content div{font-size:38px;font-weight:600;line-height:46px;text-align:left}@media (max-width:991.98px){.white-stripe .content div{font-size:24px;line-height:32px}}@media (max-width:767.98px){.white-stripe .content div{text-align:center}}.calendar{border-top:1px solid #bebec6;margin-bottom:24px;margin-top:22px;padding-top:24px}.calendar .heading{font-size:28px;font-weight:600;line-height:35px;margin-bottom:16px}@media (max-width:767.98px){.calendar .heading{text-align:center}}.calendar .heading a{text-decoration:underline}.calendar ul{display:flex;flex-wrap:wrap;gap:24px 48px}@media (max-width:767.98px){.calendar ul{justify-content:center}}.calendar ul li{align-items:center;background-color:#bebec6;border-radius:12px;box-shadow:0 4px 15px 0 rgba(74,95,123,.102);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:700;height:112px;justify-content:center;line-height:26px;position:relative;width:168px}.calendar ul li>img{margin-left:8px}.calendar ul li.available{background-color:#fff;color:#112238;flex-direction:column}.calendar ul li.available>img{display:none}.calendar ul li.available .live-in{align-items:center;color:#ef273a;display:flex;font-size:16px;font-weight:500;line-height:21px;margin-top:8px;text-align:center}.calendar ul li.available .live-in img{margin-right:4px}.calendar ul li.available.correct:before,.calendar ul li.available.failed:before,.calendar ul li.available.pending:before{background-position:50%;background-repeat:no-repeat;background-size:auto;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:2px 3px 4px 0 rgba(0,0,0,.09);content:" ";display:block;height:45px;position:absolute;right:12px;top:-10px;width:28px}.calendar ul li.available.correct{color:#52943a}.calendar ul li.available.correct:before{background-color:#92d700;background-image:url(/templates/www/img/tick-white.svg)}.calendar ul li.available.failed:before{background-color:#ee6e27;background-image:url(/templates/www/img/cross-white.svg)}.calendar ul li.available.pending:before{background-color:#8d8f98;background-image:url(/templates/www/img/eye-white.svg)}.daily-quiz-modal{background-color:var(--background-color-white);border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;margin:auto;max-height:100%;max-width:calc(100% - 40px);overflow-y:auto;padding:48px 68px;position:relative;width:706px}@media (max-width:767px){.daily-quiz-modal{padding:24px 34px}}.daily-quiz-modal .pic{margin:0 auto;max-width:100%;width:416px}.daily-quiz-modal .pic img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.daily-quiz-modal .h1{color:#112238;font-size:56px;font-weight:600;letter-spacing:0;line-height:62px;margin-bottom:24px;text-align:center}@media (max-width:767px){.daily-quiz-modal .h1{font-size:48px;line-height:54px}}.daily-quiz-modal .content{color:#112238;font-size:38px;font-weight:600;letter-spacing:0;line-height:42px;margin-bottom:68px;text-align:center}@media (max-width:767px){.daily-quiz-modal .content{font-size:28px;line-height:34px;margin-bottom:32px}}.daily-quiz-modal .content span{text-wrap:nowrap;color:#ee6e27}.daily-quiz-modal .buttons{display:flex;flex-direction:row;gap:32px}@media (max-width:767px){.daily-quiz-modal .buttons{flex-direction:column;gap:12px}}.daily-quiz-modal .buttons .button{width:100%}.daily-quiz-modal .later{cursor:pointer;font-size:20px;line-height:32px;margin-top:20px;text-align:center}