@font-face{font-family:"IRSans";font-weight:600;src:url(..//assets/fonts/IRANSansXFaNum-Bold.ttf)}@font-face{font-family:"IRSans";font-weight:500;src:url(..//assets/fonts/IRANSansXFaNum-Medium.ttf)}@font-face{font-family:"IRSans";font-weight:400;src:url(..//assets/fonts/IRANSansXFaNum-Regular.ttf)}
*{box-sizing:border-box}html{direction:rtl;font-family:Vazirmatn,Roboto,sans-serif,Helvetica,Arial;font-size:17px}@media(max-width: 1200px){html{font-size:16px}}@media(max-width: 1000px){html{font-size:15px}}@media(max-width: 800px){html{font-size:14px}}@media(max-width: 600px){html{font-size:13px}}@media(max-width: 400px){html{font-size:12px}}body{margin:0}li,ul{list-style:none;margin:0;padding:0}input{outline:none;border:none;color:inherit;font-size:inherit;font-family:inherit}button{cursor:pointer;white-space:nowrap;font-family:inherit;font-size:inherit;outline:none;border:none;text-transform:capitalize;font-weight:600;padding-inline:2em;border-radius:.5em;padding-block:1em}button.light{color:#2b2b3b;border:1px solid currentColor;background-color:#f2f2f2}button.light:hover{background-color:#fff}button.primary{color:#fff;background-color:#eb4770}button.primary:hover{background-color:#e8305e}
#app{display:flex;flex-direction:column;height:100dvh}#app>main{flex:1}@media(max-height: 600px){#app header{display:none}#app main .main-header{padding-block:.5rem;color:#fff;background-color:#c11540}#app main .quiz .quiz-card .quiz-card-header{padding-block:2rem}#app main .quiz .butns{padding-bottom:1rem}#app main .form-page .container{padding-block:2rem}#app footer .shadow{font-size:.6rem;padding-block:.5rem .3rem}}@media(max-width: 500px){#app main .quiz .quiz-card .container{padding-inline:1rem}#app main .quiz .quiz-card ul{padding-inline:0}#app main .form-page form{align-items:stretch}}@media(max-width: 350px){#app main .form-page form .textfield{display:block;height:auto;margin-block:2rem}}
main{display:flex;flex-direction:column}main .container{margin-inline:auto;padding-inline:2rem;max-width:50rem}main .main-header{padding-block:2rem 1.1rem;color:#8a8aa8;border-bottom:5px solid #e6e6e6}main .main-header .main-title{display:flex;align-items:center;gap:1rem}main .main-header .main-title svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:.4rem;width:3rem}main .main-header.red{color:#fff;background-color:#c11540;border-bottom:5px solid #8e0b21}
.quiz{font-family:IRSans;position:relative;flex:1;display:grid;grid-template-rows:1fr auto;user-select:none}.quiz-timeline{position:absolute;top:-5px;left:0;right:0;border:1px solid #e6e6e6;background-color:#f5f5f5}.quiz-timeline .fill{position:relative;left:1rem;height:.5rem;color:#fff;background-color:#d92653;transition:width 400ms ease-out}.quiz-timeline .num{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;font-size:.8rem;border-radius:50%;color:#2b2b3b;border:1px solid #e6e6e6;background-color:#fff;translate:-50% -50%}.quiz-timeline .max{left:0}.quiz-timeline .current{z-index:10;left:0;border:1px solid #d92653}.quiz-slider{position:relative;overflow:hidden}.quiz-card{overflow-y:auto;position:absolute;top:0;bottom:0;left:0;right:0;color:#2b2b3b;transition:500ms}.quiz-card-header{max-width:100%;display:flex;gap:1rem;padding-block:3rem 2rem;font-weight:400}.quiz-card-header .id{font-size:3rem;padding-inline-end:1rem;border-inline-end:3px solid #e6e6e6;color:#d20f12}.quiz-card-header .question{max-width:100%;white-space:wrap;font-size:1.4rem}.quiz-card ul{font-size:1.2rem;padding-inline:4rem}.quiz-card ul li{cursor:pointer;display:flex;align-items:center;gap:1em;height:4em;border-radius:.5em;padding-inline:.5em;border:2px solid rgba(0,0,0,0);transition:background-color 500ms,border-color 100ms}.quiz-card ul li .inputbox{flex-shrink:0;height:2.5em;width:2.5em;border-radius:.4em;padding:.2rem;border:1px solid #b3b3b3;background-color:#fff}.quiz-card ul li .inputbox .icon{stroke-width:6;scale:.5;opacity:0;transition:scale 500ms,opacity 500ms}.quiz-card ul li.select{color:#111117;background-color:#c9cbcf}.quiz-card ul li.select .inputbox .icon{color:#2b2b3b;scale:1;opacity:1}.quiz-card ul li:hover:not(.select){border:2px solid #e6e6e6}.quiz-card.left{translate:-100% 0}.quiz-card.mid{translate:0 0}.quiz-card.right{translate:100% 0}.quiz .butns{display:flex;justify-content:center;padding-bottom:2rem}.quiz .butns button{overflow:hidden;opacity:1;transition:width 200ms,opacity 150ms,background-color 100ms;padding-inline:0;margin-inline:.2rem}.quiz .butns button.light{width:10rem}.quiz .butns button.primary{width:15rem}.quiz .butns button.disabled{color:#ccc;background:gray}.quiz .butns button.hidden{opacity:0;pointer-events:none;margin-inline:0;width:0}
.icon{fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;fill:none;stroke:currentColor}.icon.fill,.icon .fill{stroke:none;fill:currentColor}.icon .w2{stroke-width:8}.icon .w0{stroke-width:2}
.icon-button{display:flex;align-items:center;justify-content:center}.icon-button .icon{height:1.5rem}.icon-button.reverse{flex-direction:row-reverse}
.loader-button{display:flex;align-items:center;justify-content:center;height:3.5rem}.loader-button .loader{height:120%;width:60px;transition:width 100ms}.loader-button .loader .back{stroke:rgba(255,255,255,.5)}.loader-button .loader .filler{stroke:#fff}.loader-button[loading=false] .loader{width:0}
.loader{fill:none}.loader .back{stroke-width:9;stroke:#e6e6e6}.loader .filler{stroke-width:5;stroke-linecap:round;transform-origin:center;stroke:#c11540;animation:loading 1s ease-in-out infinite}@keyframes loading{100%{rotate:360deg}}
.form-page{height:100%}.form-page .container{height:100%;padding-block:6rem}.form-page form{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;color:#16161d}.form-page form .motivation{font-size:1.2rem;white-space:wrap}.form-page form .text{font-size:.9rem;text-align:center;white-space:wrap}.form-page form .fields{display:flex;flex-direction:column;gap:1rem}.form-page form button.disabled{color:#8c8c8c;background-color:#b3b3b3}
.textfield{cursor:pointer;display:flex;align-items:center;gap:1rem;height:3rem;color:#2b2b3b;border-bottom:2px solid #b3b3b3}.textfield .title{flex-shrink:0;width:8rem}.textfield input{flex:1;font-size:1.2rem;padding-inline-start:1rem;overflow-x:hidden}.textfield:focus-within{border-bottom:2px solid #c11540}
.error-msg{z-index:50;position:fixed;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;background-color:rgba(0,0,0,.4862745098);backdrop-filter:blur(2px)}.error-msg-container{display:flex;flex-direction:column;align-items:center;gap:1rem;border-radius:1rem;padding:2rem 3rem;position:absolute;top:50%;left:50%;width:30rem;translate:-50% -50%;border:2px solid #000;color:#2b2b3b;background-color:#c11540;background-color:#fff;box-shadow:0 .5rem .5rem 0 rgba(0,0,0,.2)}.error-msg-container .error-title{font-weight:bold;font-size:1.5rem;margin-bottom:1em}.error-msg-container button{margin-top:2rem;color:#fff;background-color:#c11540}.error-msg svg{height:6rem;color:#d20f12;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:.75}.error-msg svg .fill{stroke:none;fill:currentColor}
.report{flex:1;background-color:#c11540;direction:rtl}.report a{color:#fff;padding:2rem;display:block}.report iframe{height:100%;width:100%;position:fixed;top:0;bottom:0;left:0;right:0;border:none}.report .inner-content{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-block:8rem;text-align:center;font-size:1.2rem;line-height:3rem;color:#fff}.report .inner-content .loader{height:4rem}.report .inner-content .loader .back{stroke:rgba(255,255,255,.3)}.report .inner-content .loader .filler{stroke:#fff}
.result-page{direction:rtl;font-family:"IRSans";background-color:#666}.result-page .pdf-btn{z-index:100;position:fixed;bottom:1rem;left:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border:2px solid #999;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.5)}.result-page .pdf-btn img{height:5rem}.result-page .page{display:flex;flex-direction:column;background-position:center;background-size:cover;background-repeat:no-repeat;min-height:65rem;max-width:50rem;margin-inline:auto;padding:1rem 3rem;border-radius:.5rem;color:#222;background-color:#fff;border:2px solid #555}.result-page .page .icon{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round}.result-page .page .icon.fill{stroke:none;fill:currentColor}.result-page .page .bullet{display:flex;gap:1rem;margin-top:2rem}.result-page .page .bullet svg{flex-shrink:0;align-self:flex-start}.result-page .page .bullet svg.finger{width:2rem;color:#ff5757}.result-page .page .bullet svg.star{width:3rem;margin-top:-0.5rem;color:#222}.result-page .page .bullet .number{flex-shrink:0;align-self:flex-start;display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;margin-top:.2rem;padding-top:.1rem;border-radius:50%;color:#fff;background-color:#ff5757}.result-page .page p{margin:0;text-align:right}.result-page .page-header{display:flex;align-items:center;gap:1rem;margin-top:1rem}.result-page .page-header .text{flex:1;border-bottom:1px solid #999}.result-page .page-header .text .color{color:#ff5757}.result-page .page-header .brain{stroke:#999;width:3rem}.result-page .page-footer{display:flex;align-items:center;gap:1rem}.result-page .page-footer .link{flex:1;direction:ltr;border-top:2px solid #ff5757}.result-page .page-footer .number{display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;border-radius:50%;color:#fff;background-color:#ff5757}.result-page .page-title{align-self:flex-start;display:flex;align-items:center;gap:.5rem;font-size:1.2rem;padding:.7rem 1.5rem;margin-block:2rem;border-radius:1rem 0 0 1rem;color:#fff;background-color:#ff5757}.result-page .page-title .icon{flex-shrink:0;width:3rem}.result-page .page-content{flex:1;font-size:1.2rem;line-height:2.5rem;padding-block:2rem 5rem}.result-page .page .bold{font-weight:bold}.result-page .page .primary{color:#ff5757}.result-page .page .light{color:#999}.result-page .p1 .page-content{display:flex;flex-direction:column;align-items:center}.result-page .p1 .page-header{align-self:center;color:#fff;margin-top:5rem}.result-page .p1 .page-header .text{font-size:2.5rem;border-bottom:.4rem solid #ff5757}.result-page .p1 .page-header .text .color{color:inherit}.result-page .p1 .page-header .brain{stroke:currentColor;width:4rem}.result-page .p1 .info{margin-top:auto;margin-bottom:5rem}.result-page .p1 .info .box{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;width:20rem;height:4rem;border-radius:2rem;font-size:1.5rem;color:#222;background-color:#fff}.result-page .p2 .chapters{padding:3rem 5vw}.result-page .p2 .chapters .chapter{display:flex;gap:1rem;align-items:center;margin-block:2rem}.result-page .p2 .chapters .chapter .dots{flex-grow:1;border-top:2px dotted #a6a6a6}.result-page .p3{color:#fff}.result-page .p3 .bullet-border{font-weight:bold;margin-block:1rem;padding-right:1rem;border-right:4px solid #ff5757}.result-page .p3 .articles-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.result-page .p3 .articles-wrapper article .title{font-size:1.5rem}.result-page .p3 .articles-wrapper article .text{font-size:1rem}.result-page .p4{background-position:bottom;background-size:contain}.result-page .p4 .page-content{display:flex;flex-direction:column;align-items:center}.result-page .p4 .page-content .score-wrapper{text-align:center}.result-page .p4 .page-content .score-wrapper .star{position:relative;height:17rem}.result-page .p4 .page-content .score-wrapper .star svg{fill:#ff5757;height:100%}.result-page .p4 .page-content .score-wrapper .star .score{position:absolute;top:51%;left:50%;translate:-50% -50%;font-weight:bold;font-size:4rem;color:#fff}.result-page .p4 .page-content .score-wrapper .disc{font-size:.8em;color:#877}.result-page .p4 .page-content .bullets-wrapper{margin-top:1rem}.result-page .p4 .page-content .bullets-wrapper .title{color:#ff5757;font-weight:bold}.result-page .p5 .page-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.result-page .p5 .page-content .chart-spider{width:100%}.result-page .p6{background-position:bottom;background-size:contain}.result-page .p6 .page-footer{margin-top:10rem;color:#fff}.result-page .p7 .text{line-height:2rem;font-size:1rem}.result-page .p8 .page-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.result-page .p8 svg{stroke:#877;fill:none;width:7rem;stroke-width:5}.result-page .p8 .bullets-wrapper{color:#ff5757;margin-block:3rem}.result-page .p8 .disc{font-size:1rem;text-align:center;color:#877}.result-page .p8 a{color:#fff;text-decoration:none;padding:.8rem 1.5rem;border-radius:2rem;background-color:#81c653}.result-page .chart-bar{position:relative;display:flex;margin-block:3rem 5rem;margin-left:1rem}.result-page .chart-bar .bar-h{height:4rem;margin-bottom:2px}.result-page .chart-bar .labels .label{display:flex;align-items:center;justify-content:end;padding-left:.5rem;width:6.5rem;font-size:.8rem}.result-page .chart-bar .chart{position:relative;width:100%}.result-page .chart-bar .chart .grid{position:relative;height:100%;display:flex}.result-page .chart-bar .chart .grid .line{flex:1;border-right:1px solid #bbb}.result-page .chart-bar .chart .grid .line .number{font-size:.8rem;position:absolute;bottom:-2rem;translate:50% 0%}.result-page .chart-bar .chart .grid .line:last-child{flex:0}.result-page .chart-bar .chart .bars{position:absolute;top:0;height:100%;left:0;width:100%}.result-page .chart-bar .chart .bars .bar{background:#ff5757;border-radius:.5rem 0 0 .5rem}.result-page .chart-spider{position:relative}.result-page .chart-spider svg{fill:none;stroke:#a6a6a6}.result-page .chart-spider svg text{font-size:1.1rem;stroke:none;fill:currentColor;text-anchor:middle}.result-page .chart-spider svg .grid-poly{stroke-dasharray:2,5}.result-page .chart-spider svg .score-poly{stroke:#ff5757;fill:#ff5757;fill-opacity:.5}

.about-us{background-color:#8e0b21;overflow:hidden}.about-us .center{text-align:center}.about-us .container{max-width:50rem;padding-inline:unset;margin-inline:auto;box-shadow:0px 0px 30px 0px rgba(26,1,1,.4039215686)}.about-us .container .cover{display:block;width:100%}.about-us .container .cover.back{margin-top:-8rem}.about-us .container .wrapper{margin-inline:4%;padding-block:3rem;background-color:#fff}.about-us .container .wrapper .content{z-index:10;position:relative;padding-inline:5%}.about-us .container .wrapper .content .title-png{width:80%}.about-us .container .wrapper .content .title{margin-top:-5rem;font-size:4rem;font-weight:800}.about-us .container .wrapper .content .sub-title{margin-block:3rem 1.5rem;font-size:2rem;font-weight:700}.about-us .container .wrapper .content p{font-size:1.3rem;margin-block:2rem}.about-us .container .wrapper .content .border-t{padding-top:3rem;border-top:1px solid gray}.about-us .container .wrapper .content .customers{display:grid;justify-content:center;grid-template-columns:repeat(6, 1fr);gap:1rem 2%;margin-block:2rem 1rem}.about-us .container .wrapper .content .customers .customer{overflow:hidden;aspect-ratio:1.18;border-radius:15%;display:flex;align-items:center;justify-content:center}.about-us .container .wrapper .content .customers .customer img{width:100%}
.contact-us{height:100%}.contact-us .container{height:100%;padding-block:4rem}.contact-us form{height:100%;display:flex;flex-direction:column;align-items:center;gap:3rem;color:#16161d}.contact-us form .text{font-size:1.5rem;text-align:center;white-space:wrap}.contact-us form .text .num{font-family:IRSans;font-size:2.5rem}.contact-us form .fields{display:flex;flex-direction:column;gap:2rem}.contact-us form button{margin-bottom:1rem}.contact-us form button.disabled{color:#8c8c8c;background-color:#b3b3b3}.contact-us form .footer .address-box{flex-basis:20rem;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.2rem}.contact-us form .footer .address-box img{height:1rem}
footer{background-color:#c11540;background:linear-gradient(306deg, hsl(350, 85%, 30%) 0%, hsl(345, 80%, 42%) 100%)}footer .shadow{direction:ltr;display:flex;align-items:center;justify-content:center;font-size:.7rem;padding-block:1rem .4rem;color:#fff;background:linear-gradient(0, hsla(350, 90%, 10%, 0) 0%, hsla(350, 90%, 10%, 0.3) 100%)}
header{display:flex;align-items:center;gap:3rem;flex-shrink:0;padding-inline:2rem;height:4rem;color:#fff;background-color:#c11540;background:linear-gradient(306deg, hsl(350, 85%, 30%) 0%, hsl(345, 80%, 42%) 100%)}header .logo{cursor:pointer}header nav>ul{display:flex;gap:2rem;font-size:.9rem;text-transform:capitalize}header nav>ul li a{text-decoration:none;color:inherit}header .menu-wrapper{display:flex;align-items:center;gap:1rem}header .menu-wrapper .icon{cursor:pointer;height:1rem;stroke-width:6px}

