@font-face{font-family:Muli;src:url(../fonts/Muli.625889cb.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Iran;src:url(../fonts/Iran.1c7f779d.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Impacto;src:url(../fonts/Impacto.463948c2.woff) format("woff");font-weight:400;font-style:normal}*,:after,:before{padding:0;margin:0;box-sizing:border-box}html{font-size:18px}body,html{height:100%;min-height:100%}body{direction:rtl;font-family:Iran,sans-serif;font-size:1rem;color:#000}@media (max-width:480px){body{font-size:.9rem}}h1,h2,h3,h4,h5,h6,strong{font-weight:400}i{font-style:normal}@media (max-width:480px){h1{font-size:1.7em}}@media (max-width:480px){h2{font-size:.9em}}p{line-height:2;font-size:.9rem;padding-top:15px}p strong{color:#fe6192}@media (max-width:480px){p:not(.no-justify){text-align:justify!important}}a{color:inherit;text-decoration:none;transition:.2s ease-in-out}a,a:focus,a:hover{outline:none}a:active{opacity:.8;transform:scale(.8)}a img{outline:none;border:none}img{display:block;max-width:100%;height:auto!important;margin:0 auto}ol,ul{list-style:none}::-webkit-input-placeholder{font-family:Iran;font-size:14px;color:#aeaeae}:-moz-placeholder,::-moz-placeholder{font-family:Iran;font-size:14px;color:#aeaeae}:-ms-input-placeholder{font-family:Iran;font-size:14px;color:#aeaeae}input{display:block;width:100%;height:40px;line-height:40px;font-family:Iran;font-size:16px;color:#000;text-align:center;-webkit-appearance:none;transition:all .2s ease-in-out;padding:0 15px;outline:none;background-color:#fff;border:1px solid #2e2e2e;border-radius:4px}input:-webkit-autofill,input:-webkit-autofill:focus{background-color:#fff}input:-webkit-autofill:active{background-color:#fff}input:focus{box-shadow:0 0 10px #2e2e2e;border-color:transparent}select{height:40px;line-height:40px;padding:0 15px;-webkit-appearance:none}button,select{display:block;width:100%;font-size:16px;text-align:center;cursor:pointer;outline:none;border:none}button{position:relative;font-family:inherit;color:#fff;padding:12px 10px;margin-top:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fe6192;border-radius:4px;transition:all .2s ease-in-out}button:active{opacity:.8;transform:scale(.8)}form.search-form{position:relative;max-width:400px;margin-left:auto;margin-right:auto}form.search-form input{text-align:start}form.search-form button{position:absolute;top:0;left:0;font-size:1rem;padding:0;height:40px;width:55px;margin-top:0;cursor:default;opacity:1!important;background-color:transparent;transform:none!important}#app{position:relative;min-width:320px;min-height:100%;height:100%;padding:20px 0}.frame{max-width:1240px;padding:0 20px;margin:0 auto}.frame.frame-sm{max-width:640px}.mt-0{margin-top:0!important}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.pt-0{padding-top:0!important}.pt-1{padding-top:1rem}.pt-2{padding-top:2rem}.pt-3{padding-top:3rem}.pt-4{padding-top:4rem}.pb-1{padding-bottom:1rem}.pb-2{padding-bottom:2rem}.pb-3{padding-bottom:3rem}.pb-4{padding-bottom:4rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.text-justify{text-align:justify}.btn{display:inline-block;min-width:220px;color:#fff;padding:10px 12px;margin:10px 0;background-color:#13bdf7;border-radius:4px}.btn:hover{background-color:#ff3cad}@media (max-width:480px){.btn.full-width-xs{display:block}}.brand-text{font-family:Impacto;font-size:1.1em;color:#fe6192;letter-spacing:1.3px}.brand-text span{color:#65eaff}.not-found{display:flex;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column}.not-found img{margin:0 auto}.description{max-width:780px;margin-left:auto;margin-right:auto}@media (max-width:740px){.description{margin-top:0!important}}@media (max-width:480px){.description{font-size:.75rem}}.center-flex{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.hint{display:inline-block;color:#fff;font-size:12px;padding:10px 15px;margin-top:12px;text-align:center;background-color:#ff3f3f;border-radius:7px}.hint.warning{background-color:#ffc61c;color:#000}.hint a{color:#000}.color-primary,.hint a:hover{color:#65eaff}.color-secondary{color:#fe6192}.default-max-width{max-width:315px;margin-left:auto;margin-right:auto}@media (max-width:480px){.default-max-width{max-width:100%}}@-webkit-keyframes slide-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slide-out{0%{opacity:1}to{opacity:0}}@keyframes slide-out{0%{opacity:1}to{opacity:0}}.slide-enter-active{-webkit-animation:slide-in .4s ease-out forwards;animation:slide-in .4s ease-out forwards}.slide-leave-active{-webkit-animation:slide-out .4s ease-out;animation:slide-out .4s ease-out}.logo{direction:ltr;position:relative;display:flex;justify-content:start;align-items:center;min-width:320px;margin-right:auto;margin-left:auto;padding-bottom:20px;text-align:center}.logo img{width:70px;margin:0 10px 0 0}.logo>div,.logo img{cursor:pointer}.logo.full-width{max-width:100%}.logo .brand-text-wrapper{height:38px}.logo .brand-text-wrapper .brand-text{font-size:26px}.logo .controller{display:flex;flex-direction:column;align-items:flex-end;width:100%}.logo .controller .vue-js-switch:not(:last-child){margin-bottom:.75em}.logo .vue-js-switch{direction:ltr;right:0}.logo .vue-js-switch .v-switch-label{line-height:20px!important;font-family:sans-serif;font-size:12px;font-weight:400!important}@media (max-width:480px){.logo{min-width:270px}}@media (max-width:400px){.logo img{width:60px}.logo .brand-text-wrapper{height:30px}.logo .brand-text-wrapper .brand-text{font-size:22px}}.title{text-align:center}@media (max-width:740px){.title{padding-bottom:1rem!important;margin-bottom:1rem!important}}@media (max-width:480px){.title{padding-bottom:.8rem!important}.title,.title.responsive-margin{margin-bottom:0!important}}.profile-box-wrapper{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-top:60px}.profile-box-wrapper .profile-box{width:23%}@media (max-width:1040px){.profile-box-wrapper .profile-box{width:31%}}@media (max-width:740px){.profile-box-wrapper{margin-top:40px}.profile-box-wrapper .profile-box{width:46.5%}}@media (max-width:480px){.profile-box-wrapper{margin-top:20px}.profile-box-wrapper .profile-box{width:44%}}.profile-box{position:relative;width:100%;max-width:375px;max-height:280px;overflow:hidden;cursor:pointer;margin:.55rem 0;box-shadow:0 0 10px #7e7e7e;border-radius:5px}.profile-box,.profile-box>img{transition:.2s ease-in-out}.profile-box.display-only{max-width:315px;max-height:100%;cursor:default;margin:.5rem auto}@media (max-width:480px){.profile-box.display-only{max-width:200px}}.profile-box:not(.display-only):hover{box-shadow:0 0 13px #000}.profile-box:not(.display-only):hover>img{transform:scale(1.1)}.profile-box .activies{position:absolute;top:10px;right:10px;width:100%;z-index:10}.profile-box .activies a img{display:inline-block;width:47px;margin:0 0 0 10px;opacity:.8;transition:.2s ease-in-out}@media (max-width:740px){.profile-box .activies a img{opacity:1}}.profile-box .activies a:hover img{opacity:1;transform:scale(1.1)}@media (max-width:480px){.profile-box .activies{top:5px;right:5px}.profile-box .activies a img{width:32px;margin:0 0 0 5px}}.profile-box h3{position:absolute;bottom:0;left:0;width:100%;color:#fff;text-align:center;text-shadow:0 0 5px #000;padding:10px 5px;background-color:rgba(19,189,247,.84);z-index:10;transition:.2s ease-in-out}@media (max-width:1040px){.profile-box h3{font-size:1em;padding:8px 5px}}@media (max-width:740px){.profile-box{max-height:320px;margin:.55rem auto}}@media (max-width:480px){.profile-box{margin:.4rem auto}.profile-box h3{font-size:.75em;text-shadow:0 0 7px #000;padding:7px 5px}}.socials{color:#fff;text-align:center;padding:20px 10px;margin:40px 0 -20px 0;background-color:#2e2e2e;border-radius:7px 7px 0 0;box-shadow:0 0 6px #9e9e9e}.socials ul{display:flex;justify-content:center;align-items:center;width:100%;height:100px}.socials ul li{margin:0 10px}.socials ul li img{width:50px}.socials a{color:#b6ef13;margin:0 5px}.start-quiz{position:absolute;top:0;left:0;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:20px 0}.start-quiz form{text-align:center}.end-quiz{position:absolute;top:0;left:0;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:20px 0}@media (max-width:740px){.end-quiz,.end-quiz .frame{height:100%}}.progress-bar{direction:ltr;position:relative;max-width:calc(100% - 34px);width:100%;height:38px;line-height:36px;overflow:hidden;text-align:center;margin:0 auto;background-color:#e1e1e1;border-radius:50px}.progress-bar.display-only{max-width:300px;height:25px;margin:0 auto}.progress-bar.display-only strong{font-size:.7rem}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#65eaff,#fe6192 72%);transition:all .3s ease-in-out}.progress-bar strong{position:absolute;left:50%;top:50%;font-family:Muli;transform:translate(-50%,-50%);z-index:10}@media (max-width:480px){.progress-bar{height:35px}}.main-quiz{position:absolute;top:0;left:0;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}@media (max-width:480px){.main-quiz a.btn{display:block}}.quiz-page{height:100%}.question-box{text-align:center;margin:40px 0 10px 0;transition:.3s ease-in-out}.question-box.fading{opacity:0}.question-box .answer-box{display:flex;justify-content:center;align-items:center;margin-top:20px}@media (max-width:480px){.question-box .answer-box{margin:0 -20px}}.question-box .answer-box li{margin:20px;cursor:pointer}.question-box .answer-box li img{width:325px;background-color:#2e2e2e;border:5px solid #2e2e2e;border-radius:5px;transition:.2s ease-in-out}.question-box .answer-box li strong{display:block;font-size:1.4em;margin-top:14px;transition:.2s ease-in-out}@media (max-width:740px){.question-box .answer-box li strong{font-size:1.1em}}@media (max-width:480px){.question-box .answer-box li strong{font-size:.8em}}.question-box .answer-box li.selected img{border-color:#65eaff;box-shadow:0 0 10px #2e2e2e}.question-box .answer-box li.selected strong{color:#fe6192;text-shadow:2px 2px 2px #e1e1e1}.result-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:640px;height:600px;padding:100px 20px 105px 20px;margin:0 auto;border:4px solid #13bdf7;border-radius:5px}@media (max-width:740px){.result-card{height:100%}.result-card .progress-bar{margin-top:20px}}@media (max-width:480px){.result-card{padding:85px 20px 95px 20px}}.result-card h4 strong{font-weight:700;margin:0 3px;font-size:1.2rem}.result-card .logo{position:absolute;top:0;left:0;width:100%;padding:10px;z-index:10}.result-card .logo img{width:50px}.result-card .logo .vue-js-switch{right:0}@media (max-width:400px){.result-card .logo img{margin-right:5px}}.result-card .result-status{width:150px;margin:25px auto}@media (max-width:480px){.result-card .result-status{width:100px;margin:0 auto}}.result-card .result-text span{font-size:1.5rem;color:#13bdf7}.result-card .result-text span:last-of-type{color:#ff3cad}.result-card .card-footer{direction:ltr;position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;padding:15px;background-color:#65eaff;border-top:4px solid #13bdf7}.result-card .card-footer img{width:50px;padding:2px;margin:0 10px 0 0;background-color:#fff;border:2px solid #ff3cad;border-radius:50%}@media (max-width:480px){.result-card .card-footer{padding:10px}}body{transition:.2s ease-in-out}body.dark-theme{color:#fff;background-color:#2e2e2e}body.dark-theme .socials{color:#000;background-color:#e8e8e8;box-shadow:0 0 6px #000}body.dark-theme .socials a{color:#6f9600}body.dark-theme .progress-bar strong{color:#2e2e2e}body.dark-theme .question-box .answer-box li.selected strong{text-shadow:none}body.dark-theme .profile-box{box-shadow:0 0 10px #1e1e1e}body.dark-theme .result-card .card-footer{color:#2e2e2e}html[dir=ltr]{font-size:16px}html[dir=ltr] body{direction:ltr;font-family:Muli,sans-serif}html[dir=ltr] body form.search-form button{left:auto;right:0}html[dir=ltr] body input{font-family:Muli}html[dir=ltr] body p{font-size:1rem}html[dir=ltr] body ::-webkit-input-placeholder{font-family:Muli}html[dir=ltr] body :-moz-placeholder,html[dir=ltr] body ::-moz-placeholder{font-family:Muli}html[dir=ltr] body :-ms-input-placeholder{font-family:Muli}html[dir=ltr] body .profile-box .activies{left:10px}html[dir=ltr] body .profile-box .activies a img{margin:0 10px 0 0}@media (max-width:480px){html[dir=ltr] body .profile-box .activies{left:5px}html[dir=ltr] body .profile-box .activies a img{margin:0 5px 0 0}}