:root{--header-size:60px}@media (min-width:1025px){:root{--header-size:80px}}@font-face{font-family:fontello;src:url(../media/fontello.0-60pztg3y48e.eot);src:url(../media/fontello.0-60pztg3y48e.eot)format("embedded-opentype"),url(../media/fontello.126abxu7.8fiu.woff2)format("woff2"),url(../media/fontello.16dh1hswgkvnu.woff)format("woff"),url(../media/fontello.089j~3c_j_3yc.ttf)format("truetype"),url(../media/fontello.0un.no5rfmz.r.svg)format("svg");font-weight:400;font-style:normal}@keyframes slide-from-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-from-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-100%)rotate(-13deg)}to{opacity:1;transform:translate(0)rotate(13deg)}}@keyframes slide-in-from-left-mobile{0%{opacity:0;transform:translate(-100%)rotate(3deg)}to{opacity:1;transform:translate(0)rotate(-3deg)}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-100%)rotate(20deg)}to{opacity:1;transform:translateY(0)rotate(-20deg)}}@keyframes slide-in-from-top-mobile{0%{opacity:0;transform:translateY(-100%)rotate(-3deg)}to{opacity:1;transform:translateY(0)rotate(3deg)}}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(100%)rotate(-6deg)}to{opacity:1;transform:translateY(0)rotate(-6deg)}}@keyframes slide-in-from-bottom-mobile{0%{opacity:0;transform:translateY(100%)rotate(-3deg)}to{opacity:1;transform:translateY(0)rotate(3deg)}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(100%)rotate(-20deg)}to{opacity:1;transform:translate(0)rotate(20deg)}}@keyframes slide-in-from-right-mobile{0%{opacity:0;transform:translate(100%)rotate(3deg)}to{opacity:1;transform:translate(0)rotate(-3deg)}}@keyframes rotate-to-180{50%{transform:rotateX(0)rotateY(0)}to{z-index:50;transform:rotateY(180deg)}}@keyframes move-right-1{0%{right:0}to{right:-366px}}@keyframes move-right-1-lg{0%{right:0}to{right:-300px}}@keyframes move-right-1-sm{0%{top:0;right:0}to{top:98px;right:-85px;transform:rotate(2deg)}}@keyframes rotate-to-180-move-right-1{30%{z-index:50;right:0;transform:rotateX(0)rotateY(90deg)}to{z-index:50;right:-366px;transform:rotateY(180deg)}}@keyframes rotate-to-180-move-right-1-lg{30%{z-index:50;right:0;transform:rotateX(0)rotateY(90deg)}to{z-index:50;right:-300px;transform:rotateY(180deg)}}@keyframes rotate-to-180-move-right-1-sm{30%{z-index:50;top:0;right:0;transform:rotateX(0)rotateY(90deg)}to{z-index:50;top:98px;right:-85px;transform:rotateY(180deg)}}@keyframes move-right-2{0%{right:0}to{right:-122px}}@keyframes move-right-2-lg{0%{right:0}to{right:-100px}}@keyframes move-right-2-sm{0%{top:0;left:0}to{top:98px;left:-85px;transform:rotate(-27deg)}}@keyframes rotate-to-180-move-right-2{30%{z-index:50;right:0;transform:rotateX(0)rotateY(90deg)}to{z-index:50;right:-122px;transform:rotateY(180deg)}}@keyframes rotate-to-180-move-right-2-lg{30%{z-index:50;right:0;transform:rotateX(0)rotateY(90deg)}to{z-index:50;right:-100px;transform:rotateY(180deg)}}@keyframes rotate-to-180-move-right-2-sm{30%{z-index:50;top:0;left:0;transform:rotateX(0)rotateY(90deg)}to{z-index:50;top:98px;left:-85px;transform:rotateY(180deg)}}@keyframes move-left-3{0%{left:0}to{left:-122px}}@keyframes move-left-3-lg{0%{left:0}to{left:-100px}}@keyframes move-left-3-sm{0%{top:0;left:0}to{top:-98px;left:85px;transform:rotate(16deg)}}@keyframes rotate-to-180-move-left-3{30%{z-index:50;left:0;transform:rotateX(0)rotateY(-90deg)}to{z-index:50;left:-122px;transform:rotateY(-180deg)}}@keyframes rotate-to-180-move-left-3-lg{30%{z-index:50;left:0;transform:rotateX(0)rotateY(-90deg)}to{z-index:50;left:-100px;transform:rotateY(-180deg)}}@keyframes rotate-to-180-move-left-3-sm{30%{z-index:50;top:0;left:0;transform:rotateX(0)rotateY(90deg)}to{z-index:50;top:-98px;left:85px;transform:rotateY(180deg)}}@keyframes move-left-4{0%{left:0}to{left:-366px}}@keyframes move-left-4-lg{0%{left:0}to{left:-322px}}@keyframes move-left-4-sm{0%{top:0;left:0}to{top:-98px;left:-85px;transform:rotate(3deg)}}@keyframes rotate-to-180-move-left-4{30%{z-index:50;left:0;transform:rotateX(0)rotateY(-90deg)}to{z-index:50;left:-366px;transform:rotateY(-180deg)}}@keyframes rotate-to-180-move-left-4-lg{30%{z-index:50;left:0;transform:rotateX(0)rotateY(-90deg)}to{z-index:50;left:-300px;transform:rotateY(-180deg)}}@keyframes rotate-to-180-move-left-4-sm{30%{z-index:50;top:0;left:0;transform:rotateX(0)rotateY(90deg)}to{z-index:50;top:-98px;left:-85px;transform:rotateY(180deg)}}.quiz{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.quiz .question{color:#fff;max-width:1010px;padding:0 16px;font-size:18px;font-weight:700;line-height:22px;animation:.8s ease-in-out slide-from-top}@media (min-width:890px){.quiz .question{padding:0;font-size:32px;font-weight:700;line-height:46px}}.quiz .options{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:400px;margin-top:20px;margin-bottom:20px;display:flex;position:relative}@media (min-width:534px){.quiz .options{width:74%}}@media (min-width:598px){.quiz .options{width:60%}}@media (min-width:890px){.quiz .options{width:100%;height:40%;margin-top:60px;margin-bottom:120px}}.quiz .options .option-card{width:170px;height:196px;transform-style:preserve-3d;transition:transform .8s;position:relative}@media (min-width:890px){.quiz .options .option-card{width:200px;height:200px}}@media (min-width:1080px){.quiz .options .option-card{width:244px;height:244px}}.quiz .options .option-card:first-child{z-index:10;animation:.8s ease-in-out forwards slide-in-from-left-mobile;right:-5px;transform:rotate(-3deg)}@media (min-width:890px){.quiz .options .option-card:first-child{animation:.8s ease-in-out forwards slide-in-from-left;right:-20px;transform:rotate(13deg)}}.quiz .options .option-card:first-child .option-img{animation:none;transform:rotate(-13deg)}.quiz .options .option-card:first-child .option-text{animation:none}.quiz .options .option-card:first-child .selected-true:after{animation:none;transform:rotate(-15deg)}.quiz .options .option-card:nth-child(2){z-index:20;animation:.8s ease-in-out forwards slide-in-from-top-mobile;top:0;right:-5px;transform:rotate(3deg)}@media (min-width:890px){.quiz .options .option-card:nth-child(2){animation:.8s ease-in-out forwards slide-in-from-top;top:80px;right:-10px;transform:rotate(-20deg)}}.quiz .options .option-card:nth-child(2) .option-img{animation:none;transform:rotate(20deg)}.quiz .options .option-card:nth-child(2) .option-text{animation:none}.quiz .options .option-card:nth-child(2) .selected-true:after{animation:none;transform:rotate(-15deg)}.quiz .options .option-card:nth-child(3){z-index:30;animation:.8s ease-in-out forwards slide-in-from-bottom-mobile;left:-5px;transform:rotate(3deg)}@media (min-width:890px){.quiz .options .option-card:nth-child(3){animation:.8s ease-in-out forwards slide-in-from-bottom;left:-10px;transform:rotate(-6deg)}}.quiz .options .option-card:nth-child(3) .option-img{animation:none;transform:rotate(6deg)}.quiz .options .option-card:nth-child(3) .option-text{animation:none}.quiz .options .option-card:nth-child(3) .selected-true:after{animation:none;transform:rotate(-15deg)}.quiz .options .option-card:nth-child(4){z-index:40;animation:.8s ease-in-out forwards slide-in-from-right-mobile;top:0;left:-5px;transform:rotate(-3deg)}@media (min-width:890px){.quiz .options .option-card:nth-child(4){animation:.8s ease-in-out forwards slide-in-from-right;top:60px;left:-20px;transform:rotate(20deg)}}.quiz .options .option-card:nth-child(4) .option-img{animation:none;transform:rotate(-20deg)}.quiz .options .option-card:nth-child(4) .option-text{animation:none}.quiz .options .option-card:nth-child(4) .selected-true:after{animation:none;transform:rotate(-15deg)}.quiz .options .option-card .option,.quiz .options .option-card .remarks{backface-visibility:hidden;background-color:#002e67;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:26px 10px 10px;display:flex;position:absolute;box-shadow:-4px 2px 1px #0d1039}@media (min-width:890px){.quiz .options .option-card .option,.quiz .options .option-card .remarks{border-radius:40px;padding-top:16px}}.quiz .options .option-card .option:hover,.quiz .options .option-card .remarks:hover{cursor:pointer;background:#263a6f}.quiz .options .option-card .option .option-img,.quiz .options .option-card .remarks .option-img{width:44%}@media (min-width:890px){.quiz .options .option-card .option .option-img,.quiz .options .option-card .remarks .option-img{width:100%;max-width:150px}}.quiz .options .option-card .option .option-text,.quiz .options .option-card .remarks .option-text{color:#fff;bottom:20px;left:auto;right:auto;top:unset;font-size:16px;font-weight:400;line-height:22px;transform:rotate(0)}.quiz .options .option-card .option.right-answer,.quiz .options .option-card .remarks.right-answer{color:#002e67;background-color:#76ddb2}.quiz .options .option-card .option.right-answer p,.quiz .options .option-card .remarks.right-answer p,.quiz .options .option-card .option.right-answer a,.quiz .options .option-card .remarks.right-answer a{color:#002e67}.quiz .options .option-card .option.wrong-answer,.quiz .options .option-card .remarks.wrong-answer{color:#fff;background-color:#da291c}.quiz .options .option-card .option.wrong-answer p,.quiz .options .option-card .remarks.wrong-answer p,.quiz .options .option-card .option.wrong-answer a,.quiz .options .option-card .remarks.wrong-answer a{color:#fff}.quiz .options .option-card .option .title,.quiz .options .option-card .remarks .title{font-size:25px;font-weight:700;line-height:32px}@media (min-width:890px){.quiz .options .option-card .option .title,.quiz .options .option-card .remarks .title{font-size:36px;font-weight:700;line-height:40px}}@media (min-width:1080px){.quiz .options .option-card .option .title,.quiz .options .option-card .remarks .title{font-size:40px;font-weight:700;line-height:44px}}.quiz .options .option-card .option .description,.quiz .options .option-card .remarks .description{font-size:12px;font-weight:400;line-height:16px}@media (min-width:890px){.quiz .options .option-card .option .description,.quiz .options .option-card .remarks .description{font-size:14px;font-weight:400;line-height:20px}}.quiz .options .option-card .remarks{transform:rotateY(180deg)}.quiz .options .option-card .selected-false:after{content:"";background:#ffffff1a;border:2px solid #e1f3ff4d;border-radius:40px;width:24px;height:24px;position:absolute;top:20px;right:20px}@media (min-width:890px){.quiz .options .option-card .selected-false:after{width:30px;height:30px}}@media (min-width:1080px){.quiz .options .option-card .selected-false:after{width:40px;height:40px}}.quiz .options .option-card .selected-true{background-color:#00214a}.quiz .options .option-card .selected-true:after{content:"";color:#000;text-align:center;background:#fff url(/images/quiz/opttion-selected.svg) 50% no-repeat;border:2px solid #fff;border-radius:40px;width:24px;height:24px;font-size:24px;position:absolute;top:20px;right:20px}@media (min-width:890px){.quiz .options .option-card .selected-true:after{width:30px;height:30px}}@media (min-width:1080px){.quiz .options .option-card .selected-true:after{width:40px;height:40px}}.quiz .options .option-card .selected-true:hover{background-color:#263a6f}.quiz .revel-ans .option-card{transition:all .8s ease-in-out}.quiz .revel-ans .option-card:first-child{animation:.8s ease-in-out forwards move-right-1-sm}@media (min-width:890px){.quiz .revel-ans .option-card:first-child{animation:.8s ease-in-out forwards move-right-1-lg}}@media (min-width:1080px){.quiz .revel-ans .option-card:first-child{animation:.8s ease-in-out forwards move-right-1}}.quiz .revel-ans .option-card:nth-child(2){animation:.8s ease-in-out forwards move-right-2-sm}@media (min-width:890px){.quiz .revel-ans .option-card:nth-child(2){animation:.8s ease-in-out forwards move-right-2-lg}}@media (min-width:1080px){.quiz .revel-ans .option-card:nth-child(2){animation:.8s ease-in-out forwards move-right-2}}.quiz .revel-ans .option-card:nth-child(3){animation:.8s ease-in-out forwards move-left-3-sm}@media (min-width:890px){.quiz .revel-ans .option-card:nth-child(3){animation:.8s ease-in-out forwards move-left-3-lg}}@media (min-width:1080px){.quiz .revel-ans .option-card:nth-child(3){animation:.8s ease-in-out forwards move-left-3}}.quiz .revel-ans .option-card:nth-child(4){animation:.8s ease-in-out forwards move-left-4-sm}@media (min-width:890px){.quiz .revel-ans .option-card:nth-child(4){animation:.8s ease-in-out forwards move-left-4-lg}}@media (min-width:1080px){.quiz .revel-ans .option-card:nth-child(4){animation:.8s ease-in-out forwards move-left-4}}.quiz .revel-ans .option-card.show-ans:first-child{animation:.8s ease-in-out forwards rotate-to-180-move-right-1-sm}@media (min-width:890px){.quiz .revel-ans .option-card.show-ans:first-child{animation:.8s ease-in-out forwards rotate-to-180-move-right-1-lg}}@media (min-width:1080px){.quiz .revel-ans .option-card.show-ans:first-child{animation:.8s ease-in-out forwards rotate-to-180-move-right-1}}.quiz .revel-ans .option-card.show-ans:nth-child(2){animation:.8s ease-in-out forwards rotate-to-180-move-right-2-sm}@media (min-width:890px){.quiz .revel-ans .option-card.show-ans:nth-child(2){animation:.8s ease-in-out forwards rotate-to-180-move-right-2-lg}}@media (min-width:1080px){.quiz .revel-ans .option-card.show-ans:nth-child(2){animation:.8s ease-in-out forwards rotate-to-180-move-right-2}}.quiz .revel-ans .option-card.show-ans:nth-child(3){animation:.8s ease-in-out forwards rotate-to-180-move-left-3-sm}@media (min-width:890px){.quiz .revel-ans .option-card.show-ans:nth-child(3){animation:.8s ease-in-out forwards rotate-to-180-move-left-3-lg}}@media (min-width:1080px){.quiz .revel-ans .option-card.show-ans:nth-child(3){animation:.8s ease-in-out forwards rotate-to-180-move-left-3}}.quiz .revel-ans .option-card.show-ans:nth-child(4){animation:.8s ease-in-out forwards rotate-to-180-move-left-4-sm}@media (min-width:890px){.quiz .revel-ans .option-card.show-ans:nth-child(4){animation:.8s ease-in-out forwards rotate-to-180-move-left-4-lg}}@media (min-width:1080px){.quiz .revel-ans .option-card.show-ans:nth-child(4){animation:.8s ease-in-out forwards rotate-to-180-move-left-4}}.quiz .revel-ans .option-card .option:hover,.quiz .revel-ans .option-card .remarks:hover{cursor:default;background-color:#1f2253}.quiz .revel-ans .option-card .option.wrong-answer:hover,.quiz .revel-ans .option-card .remarks.wrong-answer:hover{cursor:default;background-color:#da291c}.quiz .revel-ans .option-card .option.right-answer:hover,.quiz .revel-ans .option-card .remarks.right-answer:hover{cursor:default;background-color:#76ddb2}.quiz .actions{justify-content:space-between;align-items:center;width:100%;max-width:960px;padding:0 20px;display:flex}@media (min-width:960px){.quiz .actions{padding:0}}.quiz .actions .question-no{color:#e1f3ff;font-size:16px;font-weight:400;line-height:22px}.quiz .actions .submit-qsn{width:128px;height:40px;font-size:13px;font-weight:700}.quiz .actions .submit-qsn span{line-height:40px}.quiz .actions .submit-qsn.disabled{color:#004b87;background-color:#ffffff4d}.quiz .actions .submit-qsn.disabled:after{width:0;height:0}.quiz .quiz-result{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.quiz .quiz-result .result-header{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.8s ease-in-out slide-from-top;display:flex}@media (min-width:675px){.quiz .quiz-result .result-header{gap:20px}}.quiz .quiz-result .result-header h6{font-size:12px;font-weight:400;line-height:16px}@media (min-width:675px){.quiz .quiz-result .result-header h6{font-size:16px;font-weight:400;line-height:22px}}.quiz .quiz-result .result-header h2{max-width:279px;font-size:25px;font-weight:700;line-height:32px}@media (min-width:675px){.quiz .quiz-result .result-header h2{max-width:100%;font-size:40px;font-weight:700;line-height:46px}}.quiz .quiz-result .result-animate{width:100%;height:400px;position:relative}@media (min-width:675px){.quiz .quiz-result .result-animate{height:60%}}.quiz .quiz-result .result-animate svg{width:235px;height:235px;position:absolute;top:calc(50% - 118px);left:calc(50% - 118px)}.quiz .quiz-result .result-footer{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:24px;animation:.8s ease-in-out slide-from-bottom;display:flex}@media (min-width:675px){.quiz .quiz-result .result-footer{gap:32px}}.quiz .quiz-result .result-footer h6{max-width:205px;font-size:13px;font-weight:400;line-height:18px}@media (min-width:675px){.quiz .quiz-result .result-footer h6{max-width:100%;font-size:16px;font-weight:400;line-height:22px}}.quiz .quiz-result .result-footer .play-again{width:157px;height:40px;font-weight:700}.quiz .quiz-result .result-footer .play-again span{line-height:40px}