.quiz-main{font-family:Nunito Sans}.template-quiz #shopify-chat{position:relative;z-index:999}.quiz-main{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:700px;text-align:center;background:url(quiz-cover.jpg) no-repeat center;background-size:cover}.quiz-main h2{font-weight:700;font-size:84px;margin:0 auto;padding:0;line-height:1.2;letter-spacing:0;max-width:820px;width:100%}.quiz-main .action-button{display:flex;align-items:center;gap:10px;margin-top:50px}.quiz-main .arrow-btn a{border:solid 1px #a09f9d;width:92px;height:92px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;overflow:hidden}.quiz-main .arrow-btn a span{position:relative;animation:mymove 5s infinite;width:46px;height:46px;object-fit:contain;display:flex;align-items:center}@keyframes mymove{0%{left:0}to{left:60%}}.quiz-main .action-button.arrow-btn{justify-content:center}.quiz-main .main_quiz{width:100%;max-width:1600px;padding:50px 30px;margin:0 auto}.quiz-main .quiz-head .text p{font-size:15px;line-height:1.5;margin:20px 0 0;padding:0;color:#000;font-weight:500}.quiz-main .quiz_title{font-weight:700;font-size:64px;margin:0 0 20px;padding:0 0 10px;line-height:1.2;letter-spacing:0;color:#000;position:relative;display:flex;align-items:center;justify-content:center}.quiz-main .quiz_title p{margin:0;transition-duration:1s;transform:translate(0);opacity:1}.quiz-main .quiz_title strong{color:#b6c0ab}.quiz-main.right_animation .quiz_title p{opacity:1;animation-name:left-animation;animation-duration:.7s}.quiz-main.left_animation .quiz_title p{opacity:1;animation-name:right-animation;animation-duration:.7s}@keyframes right-animation{0%{transform:translate(30px)}to{transform:translate(0)}}@keyframes left-animation{0%{transform:translate(-30px)}to{transform:translate(0)}}.quiz-main .quiz_title:after{content:"";width:150px;height:6px;background:#e78d2e;position:absolute;bottom:0;left:0;right:0;margin:0 auto;border-radius:100px}.quiz-main .quiz_details_main{display:flex;flex-wrap:wrap;gap:30px;padding:80px 0}.quiz-main .quiz_button{display:flex;width:100%;justify-content:center;gap:10px;align-items:center;padding-top:10px}.quiz-main .quiz_button .quiz_right_btn{display:flex;align-items:center;gap:10px}.quiz-main .quiz_button button{font-weight:600;font-size:15px;line-height:1.5;letter-spacing:0;color:#fff;padding:10px 25px;background:#e78d2e;text-transform:capitalize;border:0;border-radius:8px;cursor:pointer;transition:all .5s ease}.quiz-main .quiz_button button:hover{background:#000;color:#fff}.quiz-main .quiz_details_main .quiz_details{position:relative;width:100%;max-width:300px}.quiz-main .quiz_details_main .quiz_details input[type=radio]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}.quiz-main .quiz_details_main .quiz_details label{background:#fff;border:solid 1px #efefec;border-radius:16px;padding:39px 20px;text-align:center;width:100%;transition:all .5s ease;display:grid;gap:20px}.quiz-main .quiz_details_main .quiz_details label .svg{display:flex;align-items:center;justify-content:center}.quiz-main .quiz_details_main .quiz_details label .svg path{transition:all .5s ease}.quiz-main .quiz_details_main .quiz_details label .title{font-weight:600;font-size:20px;line-height:1.4;letter-spacing:0;color:#000;transition:all .5s ease}.quiz-main .quiz_details_main .quiz_details:hover label,.quiz-main .quiz_details_main .quiz_details input[type=radio]:hover+label,.quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label{border-color:#e78d2e;background:#e78d2e;color:#fff}.quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label .title{color:#fff}.quiz-main .quiz_cate_main{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;padding:20px 0 40px}.quiz-main .quiz_cate_main .quiz-cate-box{width:calc(33.33% - 20px);position:relative}.quiz-main .quiz_cate_main .quiz-cate-box input[type=checkbox]{position:absolute;top:0;margin:0;left:0;width:100%;height:100%;padding:0;cursor:pointer;opacity:0;z-index:2}.quiz-main .quiz_cate_main .quiz-cate-box label{display:grid;gap:30px;padding:10px;background:#fff;position:relative;border-radius:16px;border:solid 1px #d9d9d9;grid-template-columns:130px 1fr;align-items:center;justify-content:center;transition:all .5s ease}.quiz-main .quiz_cate_main .quiz-cate-box label:after{content:"";background:url(checked-icon.png) no-repeat center;width:30px;height:30px;position:absolute;top:-5px;right:-5px;transition:all .5s ease;opacity:0}.quiz-main .quiz_cate_main .quiz-cate-box label .img-box{display:flex}.quiz-main .quiz_cate_main .quiz-cate-box label .img-box img{width:100%;height:110px;object-fit:cover;border-radius:16px}.quiz-main .quiz_cate_main .quiz-cate-box label .box-details{text-align:left;display:grid;gap:10px}.quiz-main .quiz_cate_main .quiz-cate-box label .box-details .title{font-weight:600;font-size:20px;line-height:1.4;letter-spacing:0;color:#000;transition:all .5s ease;display:block}.quiz-main .quiz_cate_main .quiz-cate-box label .box-details .text{font-weight:400;font-size:18px;line-height:1.4;letter-spacing:0;color:#000;transition:all .5s ease;display:block}.quiz-main .quiz_cate_main .quiz-cate-box:hover label,.quiz-main .quiz_cate_main .quiz-cate-box input[type=checkbox]:hover+label,.quiz-main .quiz_cate_main .quiz-cate-box input[type=checkbox]:checked+label{border-color:#e78d2e;background:#ffead4;color:#fff}.quiz-main .quiz_cate_main .quiz-cate-box:hover label:after,.quiz-main .quiz_cate_main .quiz-cate-box input[type=checkbox]:hover+label:after,.quiz-main .quiz_cate_main .quiz-cate-box input[type=checkbox]:checked+label:after{opacity:1;top:-10px;right:-10px}.quiz-main .quiz_budget_main{padding:100px 0;display:flex;align-items:center;justify-content:center;max-width:900px;width:100%;margin:0 auto}.quiz-main .price-slider{border:1px solid #E78D2E;padding:45px 35px;border-radius:16px;width:100%;background-color:#fff;position:relative;transition:all .5s ease}.quiz-main .range-inputs{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center}.quiz-main .range-inputs span.object-arrow{display:flex}.quiz-main .range-inputs input{width:132px;padding:14px;border:1px solid #D3D3D3;border-radius:8px;font-size:13px;color:#727272;height:40px}.quiz-main .slider{position:relative;height:30px;width:95%;margin:0 auto;z-index:2}.quiz-main .slider input[type=range]{cursor:pointer;position:absolute;height:10px;background:transparent;pointer-events:none;-webkit-appearance:none;left:0;top:22px}.quiz-main .slider input[type=range]::-webkit-slider-thumb{pointer-events:all;width:32px;height:32px;background:#bdbdbd;border-radius:50%;border:none;-webkit-appearance:none;fill:linear-gradient(180deg,#D9D9D9 0%,#C0C0C0 100%);stroke-width:1px;stroke:#bdbdbd;filter:drop-shadow(0 1px 3px rgba(0,0,0,.24))}.quiz-main .slider-bar{position:absolute;top:50%;left:0;right:0;height:6px;background:#d9d9d9;transform:translateY(-50%);z-index:0}.quiz-main .slider-values{display:flex;justify-content:space-between;margin-top:10px;font-size:14px;color:#555}.quiz-main .slider-values span{display:flex;position:relative;color:gray;font-size:12px;font-weight:700}.quiz-main .slider-values span:after{content:"";background:#d9d9d9;width:3px;height:18px;position:absolute;top:-34px;left:0;right:0;margin:0 auto}.quiz-main .slider-values span:first-child:after,.quiz-main .slider-values span:last-child:after{display:none}.quiz-main .slider input[type=range]::-moz-range-thumb{width:32px;height:32px;background:#bdbdbd;border:solid 2px #BDBDBD;border-radius:3px;cursor:pointer;fill:linear-gradient(180deg,#D9D9D9 0%,#C0C0C0 100%);stroke-width:1px;stroke:#bdbdbd;filter:drop-shadow(0 1px 3px rgba(0,0,0,.24))}.quiz-main .quiz_cate_main .quiz_cate_row{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;width:100%;max-width:1200px;margin:0 auto}.quiz-main .quiz_cate_main .quiz_cate_card{position:relative;width:calc(20% - 16px);max-width:100%;display:flex}.quiz-main .quiz_cate_main .quiz_cate_card .quiz_cate_inner{width:100%;display:flex}.quiz-main .quiz_cate_main .quiz_cate_card .quiz_cate_inner a{color:#000;text-decoration:none;width:100%;display:flex}.quiz-main .quiz_cate_main .quiz_cate_card .quiz_cate_inner a>label{width:100%}.quiz-main .quiz_cate_main .quiz_cate_card input[type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}.quiz-main .quiz_cate_main .quiz_cate_card label{display:block;text-align:center;border:1px solid #e6e6e6;border-radius:15px;background:#fff;padding:10px 10px 17px;transition:all .5s ease;width:100%;cursor:pointer}.quiz-main .quiz_cate_main .quiz_cate_card:hover label,.quiz-main .quiz_cate_main .quiz_cate_card input[type=checkbox]:hover+label,.quiz-main .quiz_cate_main .quiz_cate_card input[type=checkbox]:checked+label{border-color:#e78d2e}.quiz-main .quiz_cate_main .quiz_cate_card label span{display:block}.quiz-main .quiz_cate_main .quiz_cate_card label .card_img{padding:25px 10px 10px}.quiz-main .quiz_cate_main .quiz_cate_card label .card_img img{width:100%;height:130px;object-fit:contain}.quiz-main .quiz_cate_main .quiz_cate_card label .card_title{font-size:14px;font-weight:400;color:#000;padding-top:18px;line-height:1.4}.quiz-main .quiz_cate_main .quiz_cate_card label .card_price_row{display:flex;justify-content:center;gap:5px;font-size:14px;color:#000;padding-top:12px;flex-wrap:wrap}.quiz-main .quiz_cate_main .quiz_cate_card label .card_price{font-weight:700}.quiz-main .quiz_cate_main .quiz_cate_card label .card_price_compare{text-decoration:line-through}.quiz-main .quiz_cate_main .pagination{display:flex;margin:20px 0 0;padding:0;width:100%}.quiz-main .quiz_cate_main .pagination ul.pagination_list{margin:0;padding:0;width:100%;display:flex;justify-content:center;gap:10px}.quiz-main .quiz_cate_main .pagination ul.pagination_list li{display:flex;align-items:center;justify-content:center;font-size:14px;color:#000;border:solid 1px #dcdcdc;border-radius:5px;min-width:40px}.quiz-main .quiz_cate_main .pagination ul.pagination_list li.active{border-color:#e78d2e;background:#e78d2e;color:#fff;font-weight:700}.quiz-main .quiz_cate_main .pagination ul.pagination_list li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#000;text-decoration:none;padding:10px 15px}.quiz-main .quiz_brand_list{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:80px 0 40px;max-width:1000px;width:100%;margin:0 auto}.quiz-main .quiz_brand_list .brand-logo{width:calc(20% - 16px);position:relative;display:flex}.quiz-main .quiz_brand_list .brand-logo input[type=radio]{position:absolute;top:0;margin:0;left:0;width:100%;height:100%;padding:0;cursor:pointer;opacity:0;z-index:2}.quiz-main .quiz_brand_list .brand-logo label{padding:24px 12px;background:#fff;position:relative;border-radius:16px;border:solid 1px #d9d9d9;align-items:center;justify-content:center;transition:all .5s ease;display:flex;width:100%;min-height:130px}.quiz-main .quiz_brand_list .brand-logo label img{transition:all .5s ease}.quiz-main .quiz_brand_list .brand-logo label .hover_img{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#fff;font-weight:500}.quiz-main .quiz_brand_list .brand-logo:hover label,.quiz-main .quiz_brand_list .brand-logo input[type=radio]:hover+label,.quiz-main .quiz_brand_list .brand-logo input[type=radio]:checked+label{border-color:#e78d2e;background:#e78d2e}.quiz-main .quiz_brand_list .brand-logo:hover label .hover_img,.quiz-main .quiz_brand_list .brand-logo input[type=radio]:hover+label .hover_img,.quiz-main .quiz_brand_list .brand-logo input[type=radio]:checked+label .hover_img{opacity:1}.quiz-main .quiz_brand_list .brand-logo:hover label .hover_img+img,.quiz-main .quiz_brand_list .brand-logo input[type=radio]:hover+label .hover_img+img,.quiz-main .quiz_brand_list .brand-logo input[type=radio]:checked+label .hover_img+img{opacity:0}.template-quiz .site-footer-wrapper{margin-top:0}@media (min-width:1400px){.badminton-player-section .quiz_details_main .quiz_details+.quiz_details{margin-left:250px}.badminton-player-section .quiz_details_main .quiz_details+.quiz_details:after{content:"";background:url(object-arrow-vector.png) no-repeat center;width:201px;height:45px;display:flex;position:absolute;top:50%;left:-240px;transform:translateY(-50%)}}@media (max-width:1540px){.quiz-main .quiz_title:after{width:120px;height:4px}.quiz-main .quiz_details_main{gap:20px;padding:40px 0}.quiz-main .quiz_details_main .quiz_details{max-width:250px}.quiz-main .quiz_details_main .quiz_details label{border-radius:10px;padding:30px 20px}.quiz-main .quiz_details_main .quiz_details label .title{font-size:18px}.quiz-main .quiz_button button{font-size:16px;padding:10px 25px;border-radius:8px}}@media (max-width:1440px){.quiz-main{min-height:600px}.quiz-main h2{font-size:64px}.quiz-main .arrow-btn a{width:70px;height:70px}.quiz-main .arrow-btn a span{width:35px;height:35px}.quiz-main .quiz_title{font-size:45px}.quiz-main .quiz_cate_main{gap:20px;padding:20px 0 40px}.quiz-main .quiz_cate_main .quiz-cate-box{width:calc(33.33% - 20px*2/3)}.quiz-main .quiz_cate_main .quiz-cate-box label{gap:20px;border-radius:10px;grid-template-columns:110px 1fr}.quiz-main .quiz_cate_main .quiz-cate-box label .img-box img{height:100px;border-radius:10px}.quiz-main .quiz_cate_main .quiz-cate-box label .box-details{gap:5px}.quiz-main .quiz_cate_main .quiz-cate-box label .box-details .title{font-size:18px}.quiz-main .quiz_cate_main .quiz-cate-box label .box-details .text{font-size:16px}.quiz-main .quiz_budget_main{padding:40px 0}.quiz-main .quiz_cate_main .quiz_cate_card{width:calc(25% - 15px)}}@media (max-width:1024px){.quiz-main .quiz_cate_main .quiz-cate-box{width:calc(50% - 10px)}}@media (max-width:991px){.quiz-main{min-height:inherit;padding:60px 0}.quiz-main .main_quiz{padding:0 25px}.quiz-main .quiz-inner{padding:0 20px}.quiz-main h2{font-size:50px}.quiz-main .quiz_title:after{width:80px;height:4px}.quiz-main .arrow-btn a{width:50px;height:50px}.quiz-main .arrow-btn a span{width:25px;height:25px}.quiz-main .quiz_title{font-size:35px}.quiz-main .quiz_budget_main{padding:20px 0}.quiz-main .price-slider{padding:20px;border-radius:10px}.quiz-main .quiz_cate_main .quiz_cate_card{width:calc(33.33% - 20px*2/3)}.quiz-main .quiz_brand_list{padding:40px 0}.quiz-main .quiz_brand_list .brand-logo label .hover_img{font-size:14px}.quiz-main .quiz_brand_list .brand-logo{width:calc(20% - 18.75px)}}@media (max-width:768px){.quiz-main .quiz_brand_list .brand-logo{width:calc(33.33% - 25px*2/3)}}@media (max-width:640px){.quiz-main .quiz_cate_main .quiz-cate-box{width:100%}.quiz-main h2{font-size:30px}.quiz-main .action-button{margin-top:30px}.quiz-main .quiz_title{font-size:25px}.quiz-main .quiz_title:after{width:50px;height:3px}.quiz-main .quiz_details_main,.quiz-main .quiz_cate_main{padding:20px 0}.quiz-main .quiz_button button{font-size:14px;padding:8px 18px;border-radius:6px;font-weight:500}.quiz-main .quiz_cate_main .quiz-cate-box label .box-details .title{font-size:16px}.quiz-main .quiz_cate_main .quiz-cate-box label .box-details .text{font-size:14px}.quiz-main .range-inputs input{width:100px}.quiz-main .quiz_cate_main .quiz_cate_card{width:calc(50% - 10px)}.badminton-player-section .quiz-main .quiz_details_main{display:grid;grid-template-columns:1fr 1fr}.badminton-player-section .quiz-main .quiz_details_main .quiz_details{display:flex;max-width:100%}.badminton-player-section .quiz-main .quiz_details_main .quiz_details label{width:100%;display:flex;flex-wrap:wrap;justify-content:center}.badminton-player-section .quiz-main .quiz_details_main .quiz_details label .svg{width:100%}.badminton-player-section .quiz-main .quiz_details_main .quiz_details label .svg svg{width:100%;height:100px}.quiz-main .quiz_brand_list{padding:20px 0}.quiz-main .quiz_brand_list .brand-logo{width:calc(50% - 10px)}.quiz-main .quiz_brand_list .brand-logo label{padding:10px 30px;border-radius:10px;min-height:100px}.quiz-main .quiz_brand_list .brand-logo label .hover_img{width:calc(100% - 40px)}.quiz-main .quiz_button button{font-size:12px;padding:8px 15px}.quiz-main .slider input[type=range]::-webkit-slider-thumb{width:25px;height:25px}}@media (max-width:479px){.quiz-main{padding:40px 0}.quiz-main .quiz_details_main .quiz_details{max-width:100%}.quiz-main .quiz_cate_main .quiz_cate_row{gap:10px}.quiz-main .quiz_cate_main .quiz_cate_card{width:calc(50% - 5px);max-width:100%}.quiz-main .quiz_cate_main .quiz_cate_card label{border-radius:10px;padding:12px;width:100%}.quiz-main .quiz_cate_main .quiz_cate_card label .card_img{padding:0}.quiz-main .quiz_cate_main .quiz_cate_card label .card_title{font-size:13px}.quiz-main .quiz_cate_main .quiz_cate_card label .card_price_row{font-size:13px;padding-top:10px}.quiz-main .quiz_cate_main .quiz-cate-box label:after{width:20px;height:20px;background-size:100%!important}.quiz-main .quiz_cate_main .quiz-cate-box:hover label:after,.quiz-main .quiz_cate_main .quiz-cate-box input[type=checkbox]:hover+label:after,.quiz-main .quiz_cate_main .quiz-cate-box input[type=checkbox]:checked+label:after{opacity:1;top:-5px;right:-5px}.quiz-main .quiz_cate_main{gap:10px}.quiz-main .quiz_cate_main .quiz-cate-box label{grid-template-columns:100px 1fr}.quiz-main .quiz_cate_main .quiz-cate-box label .img-box img{height:80px}.quiz-main .quiz_cate_main .quiz-cate-box label .box-details .title{font-size:15px}.badminton-player-section .quiz-main .quiz_details_main .quiz_details label .svg svg{height:80px}.quiz-main .quiz_title{margin:0 0 10px;padding:0 0 8px}.quiz-main .quiz-head .text p{font-size:14px;margin:10px 0 0}}.load-more-container button{background:#000;color:#fff;border:none;font-size:16px;border-radius:4px}.load-more-container button:disabled{background:#888;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/25/assets/quiz-style.css.map */