@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}*,:after,:before{padding:0;margin:0;box-sizing:border-box}html{font-size:18px}body{direction:ltr;font-family:Muli,sans-serif;font-size:1rem;color:#000}h1,h2,h3,h4,h5,h6,strong{font-weight:400}i{font-style:normal}@media (max-width:480px){h1{font-size:1.7em}}p{line-height:1.6;font-size:.8rem;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:all .15s}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:auto}ol,ul{list-style:none}::-webkit-input-placeholder{font-family:Muli;font-size:14px;color:#aeaeae}:-moz-placeholder,::-moz-placeholder{font-family:Muli;font-size:14px;color:#aeaeae}:-ms-input-placeholder{font-family:Muli;font-size:14px;color:#aeaeae}input{display:block;width:100%;height:40px;line-height:40px;font-family:Muli;font-size:15px;color:#000;-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:15px;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}form.search-form button{position:absolute;top:0;right: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:100vh;padding:20px 0}.frame{max-width:1240px;padding:0 20px;margin:auto}.frame.frame-sm{max-width:640px}.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-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{min-width:120px;color:#fff;padding:10px 12px;margin:10px 0;background-color:#13bdf7;border-radius:4px}.btn:hover{background-color:#ff3cad}.brand-text{font-weight:700;color:#fe6192}.brand-text span{color:#65eaff}@media (max-width:740px){.description{margin-top:0!important}}.logo{padding:20px;text-align:center}.logo.with-text{display:flex;justify-content:start;align-items:center}.logo.with-text img{width:70px;margin:0 15px 0 0}.logo img{width:100px}.title{text-align:center}@media (max-width:740px){.title{padding:1rem 0!important;margin:1rem 0!important}}@media (max-width:480px){.title{padding:.8rem 0!important;margin:.8rem 0!important}}.profile-box-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:70px}.profile-box-wrapper .profile-box{width:31%}@media (max-width:1040px){.profile-box-wrapper .profile-box{width:46.5%}}@media (max-width:740px){.profile-box-wrapper{margin-top:40px}.profile-box-wrapper .profile-box{width:100%}}@media (max-width:480px){.profile-box-wrapper{margin-top:20px}}.profile-box{position:relative;width:100%;max-width:375px;overflow:hidden;cursor:pointer;margin:1.2rem 0;box-shadow:0 0 15px #9e9e9e;border-radius:5px}.profile-box,.profile-box>img{transition:.2s ease-in-out}.profile-box.display-only{cursor:default}.profile-box:not(.display-only):hover{box-shadow:0 0 15px #2e2e2e}.profile-box:not(.display-only):hover>img{transform:scale(1.1)}.profile-box .activies{position:absolute;top:10px;left:10px;width:100%;z-index:10}.profile-box .activies img{display:inline-block;width:44px;margin:0 10px 0 0}.profile-box h2{position:absolute;bottom:0;left:0;width:100%;color:#fff;text-align:center;padding:13px 5px;background-color:rgba(19,189,247,.84);z-index:10}@media (max-width:740px){.profile-box{margin:1.2rem auto}}@media (max-width:480px){.profile-box{margin:1rem auto}}@media (max-width:400px){.profile-box{height:280px}}.socials{margin:20px -20px -20px -20px;background-color:#e8e8e8}.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}.start-quiz{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.progress-bar,.start-quiz form{text-align:center}.progress-bar{position:relative;max-width:500px;width:100%;height:40px;line-height:38px;overflow:hidden;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%;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%;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width:480px){.main-quiz a.btn{display:block}}.question-box{text-align:center;margin:40px 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{overflow:hidden;margin:20px;cursor:pointer}.question-box .answer-box li img{border:5px solid transparent;border-radius:5px}.question-box .answer-box li strong{display:block;font-size:1.5em;margin-top:10px}.question-box .answer-box li.selected img{border-color:#65eaff}.question-box .answer-box li.selected strong{color:#fe6192}.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:auto;border:4px solid #13bdf7;border-radius:5px}@media (max-width:740px){.result-card{height:calc(100vh - 40px)}.result-card .progress-bar{margin-top: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 .result-status{width:150px;margin:25px 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{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%}