#addBalance{direction:rtl;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;padding:5% 0;font-family:Cairo,sans-serif;display:flex}@media (max-width:992px){#addBalance{padding:4rem 0}}#addBalance .addBalance_header{text-align:center}@media (max-width:992px){#addBalance .addBalance_header{width:90%;padding-bottom:1rem}}#addBalance .addBalance_header h1{color:var(--main-color-two);font-size:1.5rem;font-weight:600}#addBalance .addBalance_header h3{color:var(--main-color-one);font-size:1.2rem;font-weight:600}#addBalance .balanceContainer{grid-template-columns:repeat(3,1fr);place-items:center;gap:1rem;width:80%;display:grid;position:relative}@media (max-width:1100px){#addBalance .balanceContainer{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){#addBalance .balanceContainer{width:95%;font-size:1rem}}#addBalance .balanceContainer .balanceComp{color:#fff;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:85%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0003}@media (max-width:600px){#addBalance .balanceContainer .balanceComp{border-radius:25px}}#addBalance .balanceContainer .balanceComp .balanceBtn{background:var(--white-color);border-radius:50px;width:80%;padding:.4rem 1.5rem;font-size:1.2rem;font-weight:600;transition:all .2s}@media (max-width:700px){#addBalance .balanceContainer .balanceComp .balanceBtn{width:80%;font-size:1rem}}@media (max-width:600px){#addBalance .balanceContainer .balanceComp .balanceBtn{width:90%;padding:.4rem .5rem;font-size:.75rem}}#addBalance .balanceContainer .balanceComp .balanceBtn:hover{width:100%;transition:all .2s}#addBalance .balanceContainer .balanceComp.upper{background:radial-gradient(circle at center,transparent 0%,#0003 100%),repeating-conic-gradient(from 0deg at 50% 50%,#4b2861 0deg 10deg,var(--main-color-one)10deg 20deg)}#addBalance .balanceContainer .balanceComp.upper .balanceBtn{color:var(--main-color-one);transition:all .2s}#addBalance .balanceContainer .balanceComp.upper .balanceBtn:hover{border:var(--main-color-one);transition:all .2s}#addBalance .balanceContainer .balanceComp.button{background:radial-gradient(circle at center,transparent 0%,#0003 100%),repeating-conic-gradient(from 0deg at 50% 50%,#7f354e 0deg 10deg,var(--main-color-two)10deg 20deg)}#addBalance .balanceContainer .balanceComp.button .balanceBtn{color:var(--main-color-two)}#addBalance .balanceContainer .balanceComp .mainImg{width:70%;height:70%}@media (max-width:1360px){#addBalance .balanceContainer .balanceComp .mainImg{width:50%;height:50%}}#addBalance .balanceContainer .balanceContent{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:1rem 2rem;display:flex;position:relative}@media (max-width:600px){#addBalance .balanceContainer .balanceContent{gap:.5rem;padding:.8rem 1rem}}#addBalance .balanceContainer .balanceContent h4{color:var(--white-color)!important}#addBalance .balanceContainer .balanceContent .priceContainer{justify-content:center;align-items:center;gap:.5rem;width:50%;font-size:2.5rem;font-weight:700;display:flex;color:var(--white-color)!important}@media (max-width:1360px){#addBalance .balanceContainer .balanceContent .priceContainer{font-size:1.8rem}}@media (max-width:700px){#addBalance .balanceContainer .balanceContent .priceContainer{font-size:1.5rem}}@media (max-width:600px){#addBalance .balanceContainer .balanceContent .priceContainer{font-size:1.2rem}}#addBalance .balanceContainer .balanceContent .priceContainer img{width:40px;height:40px}@media (max-width:1360px){#addBalance .balanceContainer .balanceContent .priceContainer img{width:30px;height:30px}}@media (max-width:700px){#addBalance .balanceContainer .balanceContent .priceContainer img{width:20px;height:20px}}@media (max-width:600px){#addBalance .balanceContainer .balanceContent .priceContainer img{width:15px;height:15px}}#addBalance .balanceContainer .balanceContent h4{font-size:1.7rem;font-weight:700}@media (max-width:1360px){#addBalance .balanceContainer .balanceContent h4{font-size:1.4rem}}@media (max-width:600px){#addBalance .balanceContainer .balanceContent h4{font-size:1.2rem}}
.gameConfirmOverlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gameConfirmBoxIcon{color:var(--main-color-one);padding-bottom:1rem;font-size:4rem}.switchOffer_container{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:90%;padding:.5rem 1rem;display:flex}@media (max-width:700px){.switchOffer_container{width:100%;font-size:65%}}.switchOffer_container strong{padding:.5rem 0}.switchOffer_container input{border:1px solid var(--main-color-one);border-radius:50px;outline:none;padding:.5rem 1rem}.switchOffer_container input:focus{border:1px solid var(--main-color-two)}.switchOffer_container{gap:1rem}.switchOffer{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.gameConfirmBox{background:var(--white-color);text-align:center;color:var(--headline-color);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:35%;padding:2rem;animation:.3s popup;display:flex}@media (max-width:992px){.gameConfirmBox{width:80%;padding:1rem}}@media (max-width:700px){.gameConfirmBox{width:90%;padding:1rem}}.gameConfirmBox .img{width:20px;padding-bottom:1rem}.gameConfirmBox i{color:var(--main-color-one);padding-bottom:1rem;font-size:3rem}.gameConfirmBox p{font-size:1.1rem}@media (max-width:480px){.gameConfirmBox p{font-size:.9rem}}.gameConfirmBox .modalSecLine{color:var(--main-text-color);padding:.5rem 0 1rem}@keyframes popup{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.btnGroup{flex-direction:column;justify-content:center;gap:1rem;width:80%;margin-top:1rem;display:flex}@media (max-width:480px){.btnGroup{width:100%}}.btnGroup .GridBtn{background:var(--H-gradient);width:100%;color:var(--white-color);text-align:center;cursor:pointer;background-position:0;background-size:100%;border-radius:50px;padding:.5rem 0;font-weight:700;transition:all .4s ease-in-out}@media (max-width:480px){.btnGroup .GridBtn{font-size:.9rem}}.btnGroup .cancelBtn{border:1px solid var(--main-color-one);width:100%;color:var(--main-color-one);text-align:center;cursor:pointer;background:0/200%;border-radius:50px;flex-direction:column;align-items:center;padding:.5rem 0;font-weight:700;transition:all .4s ease-in-out;display:flex;position:relative;overflow:hidden}@media (max-width:480px){.btnGroup .cancelBtn{font-size:.9rem}}.btnGroup .cancelBtn i{z-index:1;font-size:1.5rem;transition:all .4s ease-in-out;position:absolute;transform:translateY(-150%)}.btnGroup .cancelBtn span{transition:all .4s ease-in-out;transform:translateY(0)}.btnGroup .cancelBtn:hover i{transition:all .4s ease-in-out;transform:translateY(0%)}.btnGroup .cancelBtn:hover span{transition:all .4s ease-in-out;transform:translateY(150%)}.btnGroup .GridBtn:hover{background-position:100%;background-size:250%}.gameConfirmBoxIcon{width:70px}