.game{border:1px solid var(--border-color);border-radius:15px;flex-direction:column;display:flex;overflow:hidden}.game>img{aspect-ratio:2;width:100%!important;height:unset!important;position:relative!important}.game .text-holder{flex-direction:column;gap:7px;padding:15px 12px;display:flex}.game .text-holder span.color{color:var(--paragraph);font-size:14px;font-weight:700}.game .text-holder .top{justify-content:space-between;align-items:center;display:flex}.game .text-holder .top h4{color:var(--paragraph);letter-spacing:.4px;font-size:17px}.game .text-holder .top .steps{color:var(--main-color);letter-spacing:.3px;font-size:15px;font-weight:900}.game .text-holder .reviews{margin:-1px 0 -3px}.game .text-holder .difficulty{padding:0 4px}.game .text-holder .holder{text-align:center;border:2px solid var(--main-color);background:var(--second-color);border-style:dotted;border-radius:5px;flex-direction:column;justify-content:center;padding:10px;font-size:13px;font-weight:700;display:flex;gap:6px!important}.game .text-holder .holder .hold{justify-content:space-between;align-items:center;display:flex}.game .text-holder .holder .color{font-size:13px;font-weight:800}[lang=AR] .game .text-holder .holder .color{font-weight:700}.game .text-holder .price-holder p{justify-content:center}.game .text-holder .price-holder .old-price{color:#767676}.game .text-holder .description{-webkit-line-clamp:2;padding:0 4px;font-size:14px;line-height:1.3}.game .text-holder .description.no-clamp{-webkit-line-clamp:unset}.game .text-holder .main-button{cursor:pointer;width:100%;height:44px;font-size:13px;transition:all .3s;color:#fff!important}.big-holder.for-games{flex-direction:column}.discover .for-games>.holder{flex-direction:row;gap:10px;margin:35px 0}.discover .pruche-now{background:radial-gradient(#000,#0000);height:fit-content;position:sticky;top:88px}.discover .steps-list{flex-direction:column;align-items:center;gap:28px;min-width:55%;display:flex;position:relative}.discover .steps-list .step{justify-content:center;width:100%;display:flex;position:relative}.discover .steps-list .step .line{background:var(--second-color);border:2px solid var(--main-color);border-style:dotted;width:7px;height:28px;position:absolute;top:-28px}.discover .steps-list .icon-wrapper{border:2px solid var(--main-color);z-index:2;border-style:outset;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.discover .steps-list .step.left .icon-wrapper{border-style:inset}.discover .steps-list .title{max-width:250px;color:var(--paragraph);-webkit-line-clamp:2;background:var(--section-color);border-radius:7px;-webkit-box-orient:vertical;padding:5px 12px;font-size:14px;font-weight:700;display:-webkit-box;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.discover .steps-list .coins{white-space:nowrap;color:var(--main-color);background:var(--section-color);border-radius:7px;align-items:center;gap:3px;height:27px;padding:5px 12px;font-size:15px;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.discover .steps-list .step.left .title{text-align:right;right:calc(50% + 34px)}.discover .steps-list .step.left .coins{left:calc(50% + 34px)}.discover .steps-list .step.right .title{text-align:left;left:calc(50% + 34px)}.discover .steps-list .step.right .coins{right:calc(50% + 34px)}[lang=AR] .discover .steps-list .step.left .title{right:unset;text-align:left;left:calc(50% + 34px)}[lang=AR] .discover .steps-list .step.left .coins{left:unset;right:calc(50% + 34px)}[lang=AR] .discover .steps-list .step.right .title{left:unset;text-align:right;right:calc(50% + 34px)}[lang=AR] .discover .steps-list .step.right .coins{right:unset;left:calc(50% + 34px)}.steps-accordion{flex-direction:column;gap:7px;display:flex}.steps-accordion .step-item .step-header{background:var(--section-color);color:var(--paragraph);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:7px;padding:16px;transition:all .3s;display:flex}.steps-accordion .step-item .step-header:hover{background:var(--second-color)}.steps-accordion .step-item.active .step-header{background:var(--main-color);border-radius:12px 12px 0 0}.steps-accordion .step-item.active .step-header>*{color:#fff!important}.steps-accordion .step-item .step-header h4{color:var(--paragraph);transition:all .3s}.steps-accordion .step-item .step-header span{transition:all .3s}.steps-accordion .step-item .step-header .coins{color:var(--hover-color);align-items:center;gap:3px;font-weight:800;display:flex}.steps-accordion .step-item .step-content{border:1px solid var(--border-color);border-top:0;border-radius:0 0 10px 10px;height:0;padding:0;transition:all .4s;overflow:hidden}.steps-accordion .step-item.active .step-content{padding:12px}.steps-accordion .step-item .step-content:has(.location-image){padding-top:8px}.steps-accordion .step-item .step-content .location-image{aspect-ratio:2;object-fit:cover;border-radius:20px;margin:10px 0;position:relative;overflow:hidden}.single-game{flex-direction:column;flex:1;justify-content:center;padding:0 125px;display:flex}.progress-holder{flex-direction:column;gap:4px;margin:9px 30px 20px;display:flex}.game-page .progress-bar{background:#eee;border-radius:6px;width:100%;height:8px;margin-bottom:10px;overflow:hidden}.game-page .progress-bar .progress{background:var(--main-color);width:0%;height:100%;transition:width .4s}.game-page .progress-text{text-align:center;color:var(--paragraph);font-size:15px;font-weight:700}.game-page .question-box{background:#fff;border-radius:14px;padding:22px 22px 19px;box-shadow:0 2px 10px #0000001a}.game-page .question-box .top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.game-page .question-box h3{color:var(--paragraph);font-size:17px;font-weight:700}.game-page .question-box .top span{color:var(--main-color);min-width:max-content;font-weight:700}.game-page .options{grid-template-columns:repeat(2,1fr);gap:9px 7px;margin:10px 0 7px;display:grid}.game-page .option{cursor:pointer;color:var(--paragraph);background:#fafafa;border:1px solid #ccc;border-radius:10px;padding:10px 15px;font-size:14px;font-weight:700;transition:all .3s}.game-page .option:hover{background:var(--second-color)}.game-page .option.selected{background:var(--second-color);border-color:var(--main-color)}.game-page .nav-btns{justify-content:space-between;display:flex}.game-page .nav-btns button{width:120px;height:38px;font-size:13px}.game-page .prev-btn{color:var(--paragraph);background:#fafafa;border:1px solid #ccc}.game-page .prev-btn:disabled{visibility:hidden}.game-page .prev-btn:hover{background:var(--section-color)}.game-page .uploadlabel{height:160px!important}@media (max-width:1300px){.game-page .question-box h3{font-size:1rem}.game-page .question-box .top span{font-size:1rem;font-weight:700}.game-page .option{font-size:13px}}@media (max-width:1150px){.single-game{padding:0}}@media (max-width:992px){.discover .for-games>.holder{flex-direction:column-reverse;gap:30px;margin:0}}@media (max-width:768px){.single-game{width:100%;padding:15px}.game-page .question-box h3{font-size:14px}.game-page .nav-btns button{width:108px;height:35px;font-size:12px}.game-page .question-box .top{flex-direction:column-reverse;gap:6px}.game-page .question-box .top span{font-size:14px;font-weight:700}.game-page .options{gap:6px}.game-page .option{font-size:12px}.discover .steps-list .title{padding:5px 8px;font-size:14px}}@media (max-width:400px){.game-page .option{border-radius:6px;padding:8px 15px;font-weight:700}.game-page .question-box{padding:15px 22px}.game-page .options{margin:0 0 14px}.game-page .nav-btns button{font-size:10px}}
