@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";.quiz-main .btn{border-radius:15px;border:1px solid #000;color:#000;text-align:center;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:800;line-height:normal;letter-spacing:.8px;padding:15px 30px;text-decoration:none;transition:all .5s ease}.quiz-main .btn:hover{background:#000;color:#fff;border-color:#000}.quiz-main .outline-btn{opacity:.5}.quiz-main .outline-btn:hover{opacity:1}.quiz-main .quiz-head-new{display:flex;align-items:center;justify-content:space-between;text-align:left}.quiz-main .quiz-head-new .quiz-title{margin:0;color:#ffab41;font-family:Nunito Sans;font-size:80px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.8px}.quiz-main .quiz-head-new .text{max-width:490px;width:100%}.quiz-main .quiz-head-new p{color:#000;font-family:Nunito Sans;font-size:26px;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:-.26px;margin:0;padding:0;min-height:72px}.quiz-main .quiz_details_main .quiz_details .level-product{opacity:0}.quiz-main .level-product .down-icon{display:flex;align-items:center;justify-content:center;margin-top:-20px;position:relative}.quiz-main .level-product ul.level-product-main{display:flex;gap:20px;justify-content:center;margin:0;padding:0}.quiz-main .level-product ul.level-product-main li{display:block;gap:10px;width:100%}.quiz-main .level-product ul.level-product-main li .level-product-image{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.quiz-main .level-product ul.level-product-main li .level-product-title{color:#000;text-align:center;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:600;line-height:1.3;letter-spacing:-.16px}.quiz-main .level-product ul.level-product-main li .level-product-image img{width:100%;max-width:76px;height:76px;object-fit:contain;border-radius:10px;border:1px solid #B2B2B2;background:#fff}.quiz-main .quiz-button-block{justify-content:flex-start;display:flex;padding-bottom:60px}.quiz-main .quiz-button-block .yellow-btn{border-radius:15px;border:1px solid #FFAB41;background:none;color:#ffab41;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:800;line-height:normal;letter-spacing:.8px;opacity:1;text-transform:uppercase;cursor:pointer}.quiz-main .quiz-button-block .yellow-btn:hover{background:#ffab41;color:#000}.quiz_links{display:flex;align-items:center;gap:10px;max-width:250px;justify-content:space-between;position:relative}.quiz_links:before{height:100%;width:1px;background:#5e5e5e;opacity:.3;content:"";position:absolute;right:calc(50% - 1px);top:0}.quiz_links .link{background:transparent;border:0;display:flex;align-items:center;column-gap:7px;color:#000;text-align:center;font-size:16px;font-style:normal;font-weight:700;line-height:normal;cursor:pointer;letter-spacing:1.6px;text-transform:uppercase;font-family:Bai Jamjuree;transition:all .5s ease}.quiz_links .link svg{transition:all .5s ease;position:relative}.quiz_links .link_previous svg{left:0}.quiz_links .link_next svg{right:0}.quiz_links .link:hover{color:#ffab41}.quiz_links .link:hover svg path{fill:#ffab41;transition:all .5s ease}.quiz_links .link_previous:hover svg{left:-10px}.quiz_links .link_next:hover svg{right:-10px}.quiz-main-custom-sec,.select-level-section{position:relative}.select-level-section:after{content:"";background:url(level-play-img01g.png) no-repeat bottom right;width:750px;height:100%;position:absolute;bottom:0;right:0;background-size:100%}.select-level-section .quiz-main{background:url(level-play-main-bg.jpg) no-repeat center;background-size:cover}.select-level-section .quiz-main>div{position:relative;z-index:5}.select-level-section .quiz-main .quiz_details_main{justify-content:flex-start;gap:20px;padding:50px 0 40px;min-height:480px}.quiz-main .quiz_details_main .quiz_details label .svg{position:relative}.quiz-main-custom-sec .quiz-main .main_quiz{max-width:1660px;position:relative;z-index:4}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details label:before{width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;left:1px;bottom:1px;content:"";background:#fff;border-radius:20px;z-index:2}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details label:after{width:100%;height:100%;position:absolute;left:0;bottom:0;content:"";background:#989898;background:linear-gradient(0deg,#989898,#dadada);border-radius:20px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details label>*{position:relative;z-index:5}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details label .title{font-size:27px;font-weight:700;letter-spacing:-.27px;color:#b5b5b5;position:relative}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details label{position:relative;cursor:pointer;border-radius:20px;border:0;padding:30px 20px 20px;min-height:210px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label{min-height:230px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label:before{opacity:1;background:url(box-hover.jpg) no-repeat bottom left;background-size:cover}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details{max-width:280px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label:after{background:#ffab41;background:linear-gradient(0deg,#ffab41,#dadada)}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label .title{color:#000}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label+.level-product{opacity:1;position:relative;z-index:5}.quiz-main-custom-sec .quiz-main .quiz_details_main{min-height:480px}.game-preference:after{content:"";background:url(/cdn/shop/files/game-preference-img01e_png.png) no-repeat bottom right;width:650px;height:100%;position:absolute;bottom:0;right:0%;background-size:100%}.game-preference .quiz-main{background:url(game-preference-bg.jpg) no-repeat center;background-size:cover}.game-preference .quiz-main .quiz_details_main .quiz_details label .svg path{opacity:.4}.game-preference .quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label .svg path{fill:#ffab41;opacity:1}.style-of-play:after{content:"";background:url(/cdn/shop/files/style-of-play-img01e_png.png) no-repeat bottom right;width:600px;height:100%;position:absolute;bottom:0;right:5%;background-size:100%}.style-of-play .quiz-main{background:url(game-preference-bg.jpg) no-repeat center;background-size:cover}.style-of-play .quiz-main .quiz_details_main .quiz_details label .svg path{opacity:.4}.style-of-play .quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label .svg path{fill:#ffab41;opacity:1}.budget-section .quiz-main .quiz_budget_main{margin:100px 0 145px;padding:1px;border-radius:20px;overflow:hidden;position:relative}.budget-section .quiz-main .quiz_budget_main:before{width:100%;height:100%;position:absolute;left:0;bottom:0;content:"";background:#ffab41;background:linear-gradient(0deg,#ffab41,#dadada);border-radius:20px;z-index:2}.budget-section .quiz-main .quiz_budget_main>div{position:relative;z-index:4}.budget-section:after{content:"";background:url(/cdn/shop/files/preferred-price-range-img01e_png.png) no-repeat bottom right;width:400px;height:100%;position:absolute;bottom:0;right:5%;background-size:100%}.budget-section .quiz-main .main_quiz{min-height:895px}.budget-section .quiz-main .slider{height:44px;width:100%}.budget-section .quiz-main .slider-bar{height:20px;border-radius:5px;background:#e8e8e8}.budget-section .quiz-main .slider input[type=range]{height:24px}.price_title{color:#000;text-align:center;font-family:Nunito Sans;font-size:27px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.27px;margin-bottom:30px}.budget-section .quiz-main .price-slider{border-radius:20px;border:0}.budget-section .quiz-main .range-inputs input{border-radius:5px;border:1px solid #C8C5C5;background:#f8f8f8;color:#000}.budget-section .quiz-main .price-slider:hover .range-inputs input{border:1px solid #C8C5C5;background:#f8f8f8}.budget-section .quiz-main .slider-values{margin-top:0}.budget-section .quiz-main .slider-values span{color:#000;font-size:20px}.budget-section .quiz-main .range-inputs input{font-size:16px;height:45px;font-family:Nunito Sans;color:#0006;font-weight:700;text-align:center}.budget-section .quiz-main .range-inputs{margin-top:30px}.budget-section .quiz-main .price-slider:hover .slider-bar{background:#e8e8e8}.budget-section .quiz-main .price-slider:hover .range-inputs input{color:#0003}.budget-section .quiz-main .price-slider:hover .slider-values span{color:#000}.budget-section .quiz-main .price-slider{padding:45px 65px}.budget-section .quiz-main .price-slider .range-inputs input::-webkit-input-placeholder{color:#0003;opacity:1}.budget-section .quiz-main .price-slider .range-inputs input::-moz-placeholder{color:#0003;opacity:1}.budget-section .quiz-main .price-slider .range-inputs input:-ms-input-placeholder{color:#0003;opacity:1}.budget-section .quiz-main .price-slider .range-inputs input:-moz-placeholder{color:#0003;opacity:1}.favourite-brands-section .quiz-main{background:url(favourite-brands-bg.jpg) no-repeat center;background-size:cover}.favourite-brands-section .quiz-brand-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:50px 0;max-width:900px;width:100%}.favourite-brands-section .brand-logo{position:relative;display:flex}.favourite-brands-section .brand-logo>input[type=radio]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:5}.favourite-brands-section:after{background:url(favourite-brands-image.png) no-repeat 100% 97%;background-size:100%}.favourite-brands-section .brand-logo label{border-radius:15px;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;width:100%}.favourite-brands-section .brand-logo label:before{width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;left:1px;bottom:1px;content:"";background:#fff;border-radius:20px;z-index:2}.favourite-brands-section .brand-logo label:after{width:100%;height:100%;position:absolute;left:0;bottom:0;content:"";background:#989898;background:linear-gradient(0deg,#989898,#dadada);border-radius:20px}.favourite-brands-section .brand-logo label>*{position:relative;z-index:2}.favourite-brands-section .brand-logo input[type=radio]:hover+label:before,.favourite-brands-section .brand-logo input[type=radio]:checked+label:before{opacity:1;background:url(box-hover.jpg) no-repeat bottom left;background-size:cover}.favourite-brands-section .brand-logo input[type=radio]:hover+label:after,.favourite-brands-section .brand-logo input[type=radio]:checked+label:after{background:#ffab41;background:linear-gradient(0deg,#ffab41,#dadada)}.favourite-brands-section .brand-logo label .logo-img{display:flex;align-items:center;justify-content:center}.favourite-brands-section .brand-logo label .logo-img img{filter:grayscale(1);transition:all .5s ease;opacity:.5;max-height:60px;object-fit:contain}.favourite-brands-section .brand-logo label .logo-text{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;color:#848484;text-align:center;font-family:Nunito Sans;font-size:18px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.18px;transition:all .5s ease}.favourite-brands-section .brand-logo:hover label .logo-img img,.favourite-brands-section .brand-logo input:checked+label .logo-img img{filter:inherit;opacity:1}.favourite-brands-section .brand-logo:hover label .logo-text,.favourite-brands-section .brand-logo input:checked+label .logo-text{color:#000}.quiz_budget_main .slider{position:relative;width:100%;height:6px;margin:70px 0 10px}.quiz_budget_main .slider-bar{position:absolute;width:100%;height:6px;background:#ddd;border-radius:3px;top:50%;transform:translateY(-50%)}.quiz_budget_main .progress{position:absolute;height:20px;background:orange;top:50%;transform:translateY(-50%);margin:0;border-radius:100px}.quiz_budget_main input[type=range]{position:absolute;width:100%;top:50%;transform:translateY(-50%);background:none;pointer-events:none}.quiz_budget_main input[type=range]::-webkit-slider-thumb{pointer-events:all;width:16px;height:16px;border-radius:50%;background:#999;cursor:pointer;-webkit-appearance:none;appearance:none}.quiz_budget_main .bubble{color:#000;text-align:center;position:absolute;top:-50px;transform:translate(-50%)}.quiz_budget_main .bubble>span{color:#000;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.16px;background:#f8f8f8;border:solid 1px #C8C5C5;padding:6px 15px;border-radius:4px;font-size:14px;white-space:nowrap}.quiz_budget_main .bubble:after{position:absolute;content:"";width:10px;height:10px;bottom:-12px;left:0;right:0;margin:0 auto;background-size:contain;background:#f8f8f8;border-radius:2px;border:solid 1px #C8C5C5;transform:rotate(45deg);border-left:0;border-top:0}.quiz_budget_main #bubble-min{margin-left:15px}.quiz_budget_main #bubble-max{margin-left:-15px}.quiz-main-custom-sec .quiz_details{transition:border-color .3s,background .3s,color .3s}.quiz-main-custom-sec .animate{position:relative;z-index:1000;transition:transform .6s ease-in-out}.quiz_cate_main .no-product-message{width:100%;text-align:center;justify-content:center}.best-for-you-section .quiz-main .quiz-head-new{justify-content:center;text-align:center}.quiz-main .quiz_cate_main>div{width:100%}.quiz-main .quiz_cate_main .load-more-container{display:flex;justify-content:center}.quiz-main .quiz_cate_main .load-more-container button{border-radius:10px;border:1px solid #FFAB41;background:none;color:#ffab41;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:800;line-height:normal;letter-spacing:.8px;opacity:1;text-transform:uppercase;cursor:pointer}.quiz-main .quiz_cate_main .load-more-container button:hover{background:#ffab41;color:#000}.favourite-brands-section .quiz_links:before,.best-for-you-section .quiz_links:before{display:none}.quiz-main-custom-sec.js-level-section .quiz_links:before{display:none}@media only screen and (min-width: 1920px){.game-preference:after{width:820px}.select-level-section:after{width:750px}.style-of-play:after{width:600px;right:5%}.budget-section:after{width:440px;right:5%}}@media only screen and (max-width: 1800px){.select-level-section:after{width:40%}.game-preference:after{right:0;width:40%}.style-of-play:after{width:36%}.budget-section:after{right:20px;width:28%}}@media only screen and (max-width: 1500px){.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details{max-width:220px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details label .title{font-size:22px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details label{gap:10px;min-height:190px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label{min-height:210px}.quiz-main .level-product ul.level-product-main li .level-product-title{font-size:14px}}@media only screen and (max-width: 1440px){.quiz-main .quiz-head-new .quiz-title{font-size:65px}.quiz-main .quiz-head-new p{font-size:22px;min-height:inherit}.budget-section .quiz-main .price-slider{padding:20px 50px}.budget-section .quiz-main .quiz_budget_main{margin:60px 0 80px}}@media (max-width: 1280px){.favourite-brands-section .quiz-brand-list{padding:40px 0}}@media only screen and (max-width: 1199px){.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details{max-width:220px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details label .title{font-size:22px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details label{gap:10px;min-height:190px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label{min-height:210px}.quiz-main .level-product ul.level-product-main li .level-product-title{font-size:14px}.game-preference:after{width:30%}.select-level-section:after{width:30%}.style-of-play:after{width:30%}.quiz-main .quiz-head-new p{min-height:unset}.budget-section:after{width:19%}.quiz-main .quiz-head-new .quiz-title{font-size:60px}}@media only screen and (max-width: 991px){.quiz-main .quiz-head-new{flex-direction:column;text-align:center;row-gap:20px}.quiz-main .quiz-head-new .quiz-title{font-size:60px}.quiz-main .quiz-head-new .text{max-width:100%}.quiz-main .outline-btn{display:block}.quiz-main-custom-sec .quiz-main .quiz_details_main{display:grid;grid-template-columns:repeat(3,1fr)}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details{max-width:100%}.select-level-section:after{width:27%}.style-of-play:after{width:22%}.budget-section .quiz-main .main_quiz{min-height:720px}.budget-section .quiz-main .quiz_budget_main{margin:40px 0 100px}.budget-section .quiz-main .price-slider .price_title{margin-top:0}.budget-section .quiz-main .range-inputs{margin-bottom:0}}@media only screen and (max-width: 750px){.quiz-main-custom-sec .quiz-main .quiz_details_main{grid-template-columns:repeat(1,1fr)}.quiz-main .quiz_details_main .quiz_details .level-product{display:none}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details input[type=radio]:checked+label+.level-product{display:block}.quiz-main .quiz_details_main .quiz_details .level-product{opacity:1}.select-level-section .quiz-main .quiz_details_main{gap:40px}.quiz-main .quiz-button-block{justify-content:center;padding-bottom:40px}.quiz_links{margin:0 auto;max-width:180px;justify-content:center}.quiz_links .link{font-size:14px;column-gap:10px;letter-spacing:0}.quiz_links .link svg{width:30px}.select-level-section:after{width:30%}.quiz-main .quiz-head-new .quiz-title{font-size:34px}.quiz-main .quiz-head-new p{font-size:20px}.quiz-main .btn{font-size:14px}.quiz-main-custom-sec .quiz-main .quiz_details_main .quiz_details label .title{font-size:20px}.quiz-main .quiz-button-block .yellow-btn{font-size:14px}.game-preference:after{width:30%}.style-of-play:after{right:2%}.budget-section .quiz-main .main_quiz{min-height:unset}.budget-section:after{width:15%}.budget-section .quiz-main .quiz_budget_main{margin:40px 0}.budget-section .quiz-main .price-slider{padding:30px 20px}.favourite-brands-section .quiz_links,.best-for-you-section .quiz_links{justify-content:center}}@media (max-width: 767px){.favourite-brands-section .quiz-brand-list{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.favourite-brands-section .quiz-brand-list{grid-template-columns:repeat(3,1fr);gap:10px;padding-top:30px}.favourite-brands-section.select-level-section:after{width:50%;background-position:100% 90%!important}.quiz_budget_main .progress,.budget-section .quiz-main .slider-bar{height:10px}.budget-section .quiz-main .range-inputs{margin-top:20px}.budget-section .quiz-main .slider-values span{font-size:18px}.quiz-main .btn{border-radius:6px;padding:10px 20px}.budget-section .quiz-main .slider input[type=range]{height:20px}.quiz_budget_main .bubble{padding:6px 12px;top:-40px;font-size:12px}.quiz_budget_main .bubble:after{bottom:-6px}.favourite-brands-section .brand-logo label .logo-text{font-size:15px}.favourite-brands-section .brand-logo label{border-radius:10px}.favourite-brands-section .brand-logo label:before{border-radius:10px}.favourite-brands-section .brand-logo label:after{border-radius:10px}}@media (max-width: 480px){.favourite-brands-section .quiz-brand-list{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/new-quiz-style.css.map */