.reaction-time-test{width:100%;display:flex;flex-direction:column;align-items:center}.reaction-time-test .reaction-time-test-content{padding-bottom:88px;max-width:1038px;width:100%;display:flex;flex-direction:column;align-items:center}.reaction-time-test .reaction-time-test-content h1{width:100%;font:normal normal bold 40px/58px Titillium Web;color:#2a2a2a;margin-top:68px}.reaction-time-test .reaction-time-test-content h1 img{width:46px;height:52px;object-fit:contain;float:left;margin-right:6px}.reaction-time-test .reaction-time-test-content .desc{width:100%;text-align:center;font:normal normal normal 16px/24px Titillium Web;color:#707070;margin-top:8px;margin-bottom:9px}.reaction-time-test .reaction-time-test-content .click-container{width:100%;height:256px;padding:18px 22px 15px;box-sizing:border-box;background:#e6efff 0% 0% no-repeat padding-box;box-shadow:0px 10px 10px rgba(18,100,252,.262745098);border:1px solid #b9d1ff;border-radius:20px;display:flex;flex-direction:column;align-items:center}.reaction-time-test .reaction-time-test-content .click-container .click-container-title{width:100%;font:normal normal normal 16px/24px Titillium Web;color:#2a2a2a}.reaction-time-test .reaction-time-test-content .click-container .click-container-title span{color:#00b578}.reaction-time-test .reaction-time-test-content .click-container .click-container-box{width:418px;height:128px;background:#3178ff 0% 0% no-repeat padding-box;border-radius:14px;margin-top:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;font:normal normal bold 20px/31px Titillium Web;color:#fff;cursor:pointer}.reaction-time-test .reaction-time-test-content .click-container .click-container-box .test-result-text{display:none}.reaction-time-test .reaction-time-test-content .click-container .click-container-box.await-test{background:#fa5251 0% 0% no-repeat padding-box}.reaction-time-test .reaction-time-test-content .click-container .click-container-box.test{background:#00b578 0% 0% no-repeat padding-box}.reaction-time-test .reaction-time-test-content .click-container .click-container-box.early-test{background:#f2bc09 0% 0% no-repeat padding-box}.reaction-time-test .reaction-time-test-content .click-container .click-container-box.test-result{background:#c6dafe 0% 0% no-repeat padding-box;font:normal normal bold 18px/27px Titillium Web}.reaction-time-test .reaction-time-test-content .click-container .click-container-box.test-result .hint-text{color:#1264fc}.reaction-time-test .reaction-time-test-content .click-container .click-container-box.test-result .test-result-text{display:inline;font:normal normal bold 24px/36px Titillium Web;color:#1264fc}.reaction-time-test .reaction-time-test-content .click-container .click-container-box.test-result .test-result-text .number{font:normal normal bold 36px/36px Titillium Web}.reaction-time-test .reaction-time-test-content .click-container .click-container-reset-btn{margin-top:15px;min-width:84px;height:32px;padding:0 15px;box-sizing:border-box;background:#f3f7ff 0% 0% no-repeat padding-box;border:1px solid #1264fc;border-radius:16px;outline:none;display:flex;justify-content:center;align-items:center;font:normal normal normal 14px/21px Titillium Web;color:#1264fc;cursor:pointer}.reaction-time-test .reaction-time-test-content .click-container .click-container-reset-btn:hover{background:#fff 0% 0% no-repeat padding-box}.reaction-time-test .reaction-time-test-content .result-number-container{margin-top:21.5px;width:100%;height:146px;background:#f5f5f5 0% 0% no-repeat padding-box;border-radius:20px;padding:14.5px 10px;box-sizing:border-box;display:flex;gap:14px;justify-content:space-between}.reaction-time-test .reaction-time-test-content .result-number-container .result-number-container-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff 0% 0% no-repeat padding-box;border-radius:15px;padding-top:13px;padding-bottom:10px;box-sizing:border-box}.reaction-time-test .reaction-time-test-content .result-number-container .result-number-container-item .result-number-container-item-title{font:normal normal normal 16px/24px Titillium Web;color:#2a2a2a;text-align:center}.reaction-time-test .reaction-time-test-content .result-number-container .result-number-container-item .result-number-container-item-value{font:normal normal bold 36px/55px Titillium Web;color:#1264fc;text-align:center}.reaction-time-test .reaction-time-test-content .result-number-container .result-number-container-item .result-number-container-item-no-value{width:20px;flex:1;border-bottom:5px solid #1264fc}.reaction-time-test .reaction-time-test-content .result-number-container .result-number-container-item .result-number-container-item-unit{height:21px;font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.reaction-time-test .reaction-time-test-content .about-test-container{margin-top:14px;width:100%;min-height:146px;padding:20px 26px 0;box-sizing:border-box;background:#f5f5f5 0% 0% no-repeat padding-box;border-radius:20px}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-title{display:flex;align-items:center;gap:2px;font:normal normal 600 16px/24px Titillium Web;color:#1264fc;margin-bottom:4px}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-title img{width:23px;height:23px}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-content{display:flex;flex-direction:column;gap:9px}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-content p{padding:0;margin:0;font:normal normal normal 16px/24px Titillium Web;color:#707070}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-content p span{font:normal normal bold 16px/24px Titillium Web;color:#1264fc}html[lang=ar] .reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-content p{margin-left:0px;margin-right:4px}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-content p a{font:normal normal normal 16px/20px Titillium Web;color:#1264fc !important;text-decoration:underline;cursor:pointer;margin-left:4px}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-content p a:hover{color:#4b8aff !important}.reaction-time-test .reaction-time-test-content .test-no-result-container{margin-top:13.5px;width:100%;height:300px;padding:16px 22px;box-sizing:border-box;background:#f5f7fc 0% 0% no-repeat padding-box;border-radius:20px}.reaction-time-test .reaction-time-test-content .test-no-result-container .test-no-result-container-title{font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.reaction-time-test .reaction-time-test-content .test-no-result-container .test-no-result-container-content{margin-top:101px;text-align:center;font:normal normal 600 16px/24px Titillium Web;color:#1264fc}.reaction-time-test .reaction-time-test-content .test-result-container{width:100%;height:300px;margin-top:13.5px;padding:16px 22px 0;box-sizing:border-box;background:#f5f7fc 0% 0% no-repeat padding-box;border-radius:20px}.reaction-time-test .reaction-time-test-content .test-result-container .test-result-container-title{font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.reaction-time-test .reaction-time-test-content .test-result-container .result-number-list{display:flex;justify-content:center;gap:30px;margin-top:7px}.reaction-time-test .reaction-time-test-content .test-result-container .result-number-list span{font:normal normal bold 20px/31px Titillium Web;color:#2a2a2a}.reaction-time-test .reaction-time-test-content .test-result-container .result-container{width:100%;margin-top:22px;display:flex;justify-content:space-between;align-items:flex-end}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-left{max-width:452px;width:calc(50% - 12px);display:flex;flex-direction:column}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-left .result-container-left-title{font:normal normal 600 14px/21px Titillium Web;color:#2a2a2a;margin-bottom:22px}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-left .result-container-left-chart{width:100%;height:124px;position:relative;overflow:hidden;flex-shrink:0}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-left .result-container-left-chart canvas{display:block}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right{max-width:492px;padding:12px 21px 11px;box-sizing:border-box;width:calc(50% - 12px);height:180px;background:#fff 0% 0% no-repeat padding-box;box-shadow:0px 10px 10px rgba(73,73,74,.1019607843);border-radius:15px;display:flex;flex-direction:column;justify-content:space-between}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right .result-container-right-title{font:normal normal 600 14px/21px Titillium Web;color:#2a2a2a}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right .result-grade{width:100%;text-align:center;font:normal normal 600 20px/31px Titillium Web}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right .result-grade.below-average{color:#fa5251}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right .result-grade.average{color:#1264fc}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right .result-grade.above-average{color:#00b578}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right .result-grade-desc{font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.reaction-time-test .reaction-time-test-content .download-container{margin-top:21px;width:100%;height:309px;border-radius:20px;overflow:hidden;position:relative;padding:30px 59px 29px;box-sizing:border-box}.reaction-time-test .reaction-time-test-content .download-container .pc-bg{width:1064px;height:100%;object-fit:cover;right:0;top:0;position:absolute;z-index:-1}.reaction-time-test .reaction-time-test-content .download-container .phone-bg{display:none}.reaction-time-test .reaction-time-test-content .download-container .download-container-title{font:normal normal bold 20px/31px Titillium Web;color:#fff}.reaction-time-test .reaction-time-test-content .download-container .download-container-desc{max-width:455px;font:normal normal normal 16px/20px Titillium Web;color:#a0a0a0;min-height:50px}.reaction-time-test .reaction-time-test-content .download-container .download-container-desc span{color:#ff3a39}.reaction-time-test .reaction-time-test-content .download-container .download-container-list{margin-top:20px;display:flex;flex-direction:column;gap:2px}.reaction-time-test .reaction-time-test-content .download-container .download-container-list .download-container-list-item{display:flex;align-items:center;height:24px;gap:9px;font:normal normal 600 16px/20px Titillium Web;color:#fff}.reaction-time-test .reaction-time-test-content .download-container .download-container-list .download-container-list-item img{width:14px;height:14px}.reaction-time-test .reaction-time-test-content .download-container .download-container-btn{margin-top:24px;min-width:272px;padding:0 15px;box-sizing:border-box;outline:none;border:none;height:49px;background:#125ae4 0% 0% no-repeat padding-box;border-radius:10px;display:flex;justify-content:center;align-items:center;font:normal normal bold 16px/24px Titillium Web;color:#fff;cursor:pointer}.reaction-time-test .reaction-time-test-content .download-container .download-container-btn:hover{background:#3178ff 0% 0% no-repeat padding-box}@media screen and (max-width: 768px){.reaction-time-test{padding-top:60px}.reaction-time-test .reaction-time-test-content h1{margin-top:.53rem;width:6.43rem;font-size:.7rem;line-height:1.03rem;margin-bottom:.45rem;-webkit-text-size-adjust:100%}.reaction-time-test .reaction-time-test-content h1 img{width:.9rem;height:1rem;object-fit:contain;margin-right:.1rem;display:inline-block;vertical-align:top;float:none}.reaction-time-test .reaction-time-test-content .desc{display:none}.reaction-time-test .reaction-time-test-content .click-container{width:6.7rem;min-height:6.2rem;padding:.32rem .34rem;box-sizing:border-box}.reaction-time-test .reaction-time-test-content .click-container .click-container-title{font-size:.26rem;line-height:.39rem}.reaction-time-test .reaction-time-test-content .click-container .click-container-box{margin-top:.5rem;width:6.02rem;height:2.59rem;font-size:.32rem;line-height:.48rem}.reaction-time-test .reaction-time-test-content .click-container .click-container-box .test-result-text{font-size:.36rem !important;line-height:.54rem !important}.reaction-time-test .reaction-time-test-content .click-container .click-container-box .test-result-text .number{font-size:.54rem !important;line-height:.54rem !important}.reaction-time-test .reaction-time-test-content .click-container .click-container-reset-btn{margin-top:.4rem;min-width:2.1rem;height:.8rem;padding:0 .3rem;box-sizing:border-box;font-size:.34rem;line-height:.52rem;border-radius:.4rem;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none;-webkit-appearance:none}.reaction-time-test .reaction-time-test-content .click-container .click-container-reset-btn:focus,.reaction-time-test .reaction-time-test-content .click-container .click-container-reset-btn:active{outline:none}.reaction-time-test .reaction-time-test-content .result-number-container{margin-top:.445rem;width:6.7rem;height:4.13rem;padding:.2rem .16rem;box-sizing:border-box;row-gap:.17rem;column-gap:.12rem;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);justify-content:space-between}.reaction-time-test .reaction-time-test-content .result-number-container .result-number-container-item{height:1.8rem;padding-top:.16rem;padding-bottom:.1rem;box-sizing:border-box}.reaction-time-test .reaction-time-test-content .result-number-container .result-number-container-item .result-number-container-item-title{font-size:.24rem;line-height:.36rem}.reaction-time-test .reaction-time-test-content .result-number-container .result-number-container-item .result-number-container-item-value{font-size:.44rem;line-height:.67rem}.reaction-time-test .reaction-time-test-content .result-number-container .result-number-container-item .result-number-container-item-no-value{border-bottom-width:.1rem;position:relative;width:.24rem;bottom:3px}.reaction-time-test .reaction-time-test-content .result-number-container .result-number-container-item .result-number-container-item-unit{font-size:.24rem;line-height:.36rem;height:.36rem}.reaction-time-test .reaction-time-test-content .about-test-container{margin-top:.45rem;width:6.7rem;min-height:4.64rem;padding:.49rem .3rem;box-sizing:border-box}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-title{font-size:.28rem;line-height:.43rem;margin-bottom:.29rem}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-title img{width:.43rem;height:.43rem}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-content{gap:.21rem}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-content p{font-size:.26rem;line-height:.39rem}.reaction-time-test .reaction-time-test-content .about-test-container .about-test-container-content p a:hover{color:#1264fc !important}.reaction-time-test .reaction-time-test-content .test-no-result-container{margin-top:.45rem;width:6.7rem;min-height:5.79rem;padding:.24rem .35rem;box-sizing:border-box}.reaction-time-test .reaction-time-test-content .test-no-result-container .test-no-result-container-title{font-size:.28rem;line-height:.43rem}.reaction-time-test .reaction-time-test-content .test-no-result-container .test-no-result-container-content{margin-top:1.94rem;font-size:.32rem;line-height:.48rem;text-align:center}.reaction-time-test .reaction-time-test-content .test-result-container{margin-top:.45rem;width:6.7rem;min-height:8.06rem;padding:.24rem .3rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.reaction-time-test .reaction-time-test-content .test-result-container .test-result-container-title{font-size:.28rem;line-height:.43rem;padding:0 .05rem;box-sizing:border-box;width:100%}.reaction-time-test .reaction-time-test-content .test-result-container .result-number-list{margin-top:.59rem;width:5.8rem;gap:0;justify-content:space-between}.reaction-time-test .reaction-time-test-content .test-result-container .result-number-list span{font-size:.3rem;line-height:.46rem}.reaction-time-test .reaction-time-test-content .test-result-container .result-container{margin-top:.26rem;width:6.1rem;gap:.58rem;flex-direction:column-reverse}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-left{width:100%;height:2.22rem}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-left .result-container-left-title{font-size:.24rem;line-height:.36rem;margin-bottom:.1rem}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-left .result-container-left-chart{height:1.76rem}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right{width:100%;padding:.24rem .42rem;box-sizing:border-box;height:2.77rem}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right .result-container-right-title{font-size:.24rem;line-height:.36rem}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right .result-grade{font-size:.34rem;line-height:.52rem}.reaction-time-test .reaction-time-test-content .test-result-container .result-container .result-container-right .result-grade-desc{font-size:.24rem;line-height:.36rem}.reaction-time-test .reaction-time-test-content .download-container{width:6.64rem;margin-top:.44rem;height:9.7rem;padding:.48rem .33rem .45rem;box-sizing:border-box}.reaction-time-test .reaction-time-test-content .download-container .pc-bg{display:none}.reaction-time-test .reaction-time-test-content .download-container .phone-bg{display:block;position:absolute;right:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1}.reaction-time-test .reaction-time-test-content .download-container html[lang=ar] .download-container-title{margin-left:0;margin-right:.21rem}.reaction-time-test .reaction-time-test-content .download-container html[lang=ar] .download-container-desc{margin-left:0;margin-right:.21rem}.reaction-time-test .reaction-time-test-content .download-container .download-container-title{font-size:.34rem;line-height:.44rem;margin-left:.21rem}.reaction-time-test .reaction-time-test-content .download-container .download-container-desc{max-width:5.9rem;font-size:.24rem;line-height:.34rem;min-height:1.19rem;margin-top:.07rem;margin-left:.21rem}.reaction-time-test .reaction-time-test-content .download-container .download-container-list{margin-top:3.9rem}.reaction-time-test .reaction-time-test-content .download-container .download-container-list .download-container-list-item{font-size:.3rem;line-height:.44rem;gap:.15rem}.reaction-time-test .reaction-time-test-content .download-container .download-container-list img{width:.24rem;height:.24rem}.reaction-time-test .reaction-time-test-content .download-container .download-container-btn{width:100%;margin-top:.22rem;height:1rem;font-size:.38rem;line-height:.58rem}}