@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sen:wght@400;700;800&display=swap");:root{--primary-color:rgb(255,193,0);--secondary-color:rgb(236,236,236)}svg{margin-left:6px;margin-right:6px}body{font-family:Jost;width:100%}main{background-image:url(webpack:///mini-css-extract-plugin//_next/static/media/bg.f93ab950.jpg);background-size:cover;min-height:100vh;display:grid;padding:0 100px}.side,main{width:100%;position:relative}.side{height:100%;z-index:10}.side_image{display:flex;flex-direction:column}.side_image,.side_image img{width:100%;height:100%}.border-up{width:100%;height:10px;display:block;position:relative;background-color:var(--secondary-color)}.border-up:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--primary-color)}.border-down{content:"";width:100%;height:10px;display:block}.border-down,.step-count{background-color:var(--secondary-color)}.step-count{position:absolute;top:0;right:0;width:10px;height:100%;display:grid;z-index:1000}.step-single{height:20%;display:flex;flex-direction:column}.step-line{height:100%;top:0;transition:.5s;left:0;display:block;width:10px;background-color:var(--secondary-color);position:relative;z-index:-2}.step-line .fill{width:100%;height:0;transition:.5s;background-color:var(--primary-color)}.step-number{border-radius:50%;position:relative;left:-18px;background-color:rgb(255,255,255);min-width:46px;min-height:46px;font-size:25px;color:rgb(212,212,212);font-weight:700;display:grid;place-content:center}.step-number:before{height:54px;background-color:var(--secondary-color)}.step-number:after,.step-number:before{content:"";position:absolute;top:-4px;left:-4px;width:54px;border-radius:50%;z-index:-1}.step-number:after{transition:.5s;background-color:var(--primary-color)}.step-single.active .fill{height:100%}.step-single.active .step-number{color:rgb(0,0,0)}.step-single.active .step-number:after{height:54px}form{display:grid;height:100%;position:relative;overflow:hidden}.countdown h3{font-size:30px;font-family:Jost;color:rgb(0,0,0);font-weight:400}.countdown{position:absolute;top:0;right:0;background-color:var(--primary-color);width:73px;height:111px;display:grid;place-content:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#countdown-timer{display:block;font-weight:700}.wrapper{width:71%;margin:80px auto 40px}.wrapper section{display:flex;flex-direction:column;height:100%;position:relative;z-index:10}fieldset{flex:1;margin-top:30px}.quiz-question{font-size:45px;color:rgb(0,0,0);font-weight:700}.radio-field{position:relative;height:85px;width:100%;margin-bottom:35px;display:grid;align-items:center}.radio-field input{-webkit-appearance:none;position:absolute;border:3px solid var(--secondary-color);background-color:rgb(255,255,255);width:100%;height:100%;cursor:pointer;transition:.5s}.radio-field label{font-size:28px;color:rgb(0,10,56);font-weight:700;display:flex;flex-direction:row;pointer-events:none;position:relative;z-index:10;line-height:80px}.radio-field label:before{content:"X";display:inline-block;position:relative;text-align:center;line-height:105px;top:-10px;background-color:var(--secondary-color);width:90px;height:105px;border-bottom-left-radius:10px;border-top-left-radius:10px;font-size:40px;color:rgb(0,0,0);font-weight:700;margin-right:50px;transition:.5s}.radio-field .op1:before{content:"A"}.radio-field .op2:before{content:"B"}.radio-field .op3:before{content:"C"}.radio-field .op4:before{content:"D"}.radio-field input:checked{border-color:var(--primary-color)}.radio-field input:checked~label:before{background-color:var(--primary-color)}.radio-field input:checked:before{content:"";position:absolute;top:20px;right:40px;border-radius:50%;background-color:var(--primary-color);width:40px;height:40px}.radio-field input:checked:after{content:"";position:absolute;border-left:3px solid rgb(0,0,0);border-bottom:3px solid rgb(0,0,0);top:30px;right:30px;width:25px;height:15px;transform:rotate(-45deg);opacity:0;z-index:1000}.next-prev{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}.next-prev button{border:2px solid transparent;background-color:rgb(255,255,255);height:70px;width:230px;font-size:18px;color:rgb(0,0,0);font-weight:700}.next-prev button i{position:relative;top:2px;margin:0 7px}.next-prev .next{background-color:var(--primary-color)}.footer-line{background-color:rgb(0,0,0);width:100%;height:158px;position:absolute;left:0;bottom:0}#error div{position:fixed;top:20px;left:20px;z-index:1000}.border-up:before{animation:border-up 1s forwards}@keyframes border-up{to{width:100%}}.bounce-left{animation:bounceleft .6s linear forwards;opacity:0}@keyframes bounceleft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{opacity:1;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.bounce-right{animation:bounceright .6s linear forwards;opacity:1}@keyframes bounceright{0%{opacity:1;transform:translateX(0)}60%{opacity:1;transform:translateX(10px)}80%{opacity:1;transform:translateX(-30px)}to{opacity:0;transform:translateX(2000px)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.radio-field input:checked:after{transform-origin:left top;animation:checkmark .3s linear both}@keyframes checkmark{0%{height:0;width:0;opacity:0;right:55px}30%{height:15px;width:0;opacity:1;right:55px}to{height:15px;width:25px;opacity:1}}.next:hover svg{animation:left .4s forwards}@keyframes left{0%{transform:translateX(0)}to{transform:translateX(10px)}}.prev:hover svg{animation:right .4s forwards}@keyframes right{0%{transform:translateX(0)}to{transform:translateX(-10px)}}@media (max-width:1500px){main{padding:0 50px}.quiz-question{font-size:35px}}@media (max-width:1200px){main{padding:0 30px 0 0}.wrapper{width:90%}.radio-field label{font-size:24px}.radio-field label:before{font-size:30px}}@media (max-width:1024px){.tab-none{display:none}.tab-100{width:100%}}@media (max-width:768px){.tab-50{width:50%}.tab-100{width:100%}.tab-none{display:none}.order-tab{order:2}}@media (max-width:576px){main{padding:0}.wrapper{width:95%}.quiz-question{font-size:20px}fieldset{margin-top:40px}.radio-field{height:50px}.radio-field label{font-size:15px;line-height:50px}.radio-field label:before{width:60px;height:70px;line-height:70px;font-size:20px}.radio-field input:checked:after,.radio-field input:checked:before{display:none}.next-prev button{width:100%}}.loadingresult{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(226,226,226,.8);z-index:100000;transition:.5s;display:grid;place-content:center;text-align:center;display:none}.loadingresult img{margin:0 auto}.result_page{background-image:url(/_next/static/media/result.341d227c.jpg);width:100%;min-height:100vh;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;clip-path:circle(0 at 50% 50%);pointer-events:none;visibility:hidden;transition:1s;position:absolute;left:0;top:0;z-index:-9999999999;overflow-y:auto}.result_page_show{pointer-events:all;clip-path:circle(70.7% at 50% 50%);visibility:visible;z-index:999999999}.result_inner{position:relative;z-index:999;width:45%;height:auto}.result_inner2{border-radius:10px;background-color:rgb(255,255,255);background-image:url(/_next/static/media/resultinside.a34baa99.jpg);background-size:cover;box-shadow:0 0 90px 0 rgba(19,19,19,.09);width:100%;min-height:300px;padding:80px 80px 60px;text-align:center;animation:result-pop .6s ease-out}.behind_bg{position:absolute;top:-3%;left:-3%;width:106%;height:106%;z-index:-1}.result_inner h2{font-size:42px;font-family:Sen;color:rgb(0,0,0);font-weight:900;margin-bottom:40px}.p_result,.u_result{background-color:rgb(245,245,245);width:100%;height:100px;border-radius:50px;margin-bottom:5px;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;animation:slide-up .6s ease-out}.p_score,.u_score{height:100%;flex:0 0 auto;font-size:28px;font-weight:900;background-color:rgb(226,226,226);border-radius:50px;display:grid;align-content:center;text-align:left;padding-left:50px;padding-right:30px;position:relative;z-index:10}.p_prcnt,.p_score,.u_prcnt,.u_score{min-width:0;font-family:Sen;color:rgb(0,0,0)}.p_prcnt,.u_prcnt{position:static;height:auto;flex:1;display:flex;justify-content:flex-end;text-align:right;padding-right:50px}.p_prcnt,.p_result span,.u_prcnt,.u_result span{font-size:30px;font-weight:700;align-items:center}.p_result span,.u_result span{font-family:Sen;color:rgb(0,0,0);display:grid;text-align:end;width:-webkit-fill-available;padding-right:80px}.line{background-color:rgb(226,226,226);width:100%;height:1px;margin:50px 0}.result_show h2{font-size:35px;margin-bottom:10px}.pass_check{background-color:rgb(237,237,237);height:40px;width:265px;border-radius:50px;margin:0 auto;font-size:20px;font-family:Sen;color:rgb(0,0,0);display:flex;align-items:center;justify-content:center}.pass_check i{color:rgb(244,67,54);font-size:24px;margin-right:10px}.result_msg{font-family:Sen;color:rgb(0,0,0);font-size:25px;margin-top:30px}@keyframes result-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:1500px){.result_inner{width:60%}}@media (max-width:1200px){.result_inner{width:80%}}@media (max-width:768px){.result_inner{width:90%}.result_inner2{padding:50px}.p_prcnt,.p_result span,.p_score,.u_prcnt,.u_result span,.u_score{font-size:25px}.p_result,.u_result{height:90px}}@media (max-width:480px){.result_inner{width:95%}.result_inner h2{font-size:30px}.result_inner2{padding:30px 15px 15px}.p_score,.u_score{border-radius:0}.p_result,.p_result span,.u_result,.u_result span{display:block;min-height:50px;height:auto}.p_prcnt,.u_prcnt{display:none}}@font-face{font-family:Myriad Pro Regular;font-style:normal;font-weight:400;src:local("Myriad Pro Regular"),url(/_next/static/media/MYRIADPRO-REGULAR.898be05d.woff) format("woff")}@font-face{font-family:Myriad Pro Condensed;font-style:normal;font-weight:400;src:local("Myriad Pro Condensed"),url(/_next/static/media/MYRIADPRO-COND.b042c38c.woff) format("woff")}@font-face{font-family:Myriad Pro Condensed Italic;font-style:normal;font-weight:400;src:local("Myriad Pro Condensed Italic"),url(/_next/static/media/MYRIADPRO-CONDIT.2a8b47fc.woff) format("woff")}@font-face{font-family:Myriad Pro Light;font-style:normal;font-weight:400;src:local("Myriad Pro Light"),url(/_next/static/media/MyriadPro-Light.4866f0f3.woff) format("woff")}@font-face{font-family:Myriad Pro Semibold;font-style:normal;font-weight:400;src:local("Myriad Pro Semibold"),url(/_next/static/media/MYRIADPRO-SEMIBOLD.2186db52.woff) format("woff")}@font-face{font-family:Myriad Pro Semibold Italic;font-style:normal;font-weight:400;src:local("Myriad Pro Semibold Italic"),url(/_next/static/media/MYRIADPRO-SEMIBOLDIT.42dc1a27.woff) format("woff")}@font-face{font-family:Myriad Pro Bold Condensed;font-style:normal;font-weight:400;src:local("Myriad Pro Bold Condensed"),url(/_next/static/media/MYRIADPRO-BOLDCOND.f604d2fd.woff) format("woff")}@font-face{font-family:Myriad Pro Bold;font-style:normal;font-weight:400;src:local("Myriad Pro Bold"),url(/_next/static/media/MYRIADPRO-BOLD.1948f9e4.woff) format("woff")}@font-face{font-family:Myriad Pro Bold Italic;font-style:normal;font-weight:400;src:local("Myriad Pro Bold Italic"),url(/_next/static/media/MYRIADPRO-BOLDIT.b2a9f28c.woff) format("woff")}@font-face{font-family:Myriad Pro Bold Condensed Italic;font-style:normal;font-weight:400;src:local("Myriad Pro Bold Condensed Italic"),url(/_next/static/media/MYRIADPRO-BOLDCONDIT.10ac53c9.woff) format("woff")}