#NavBar{padding-bottom:4rem}#NavBar .NavLeftItems{width:50%}.UserAvatarName{color:var(--main-color-one);font-weight:700}#MobileNavBar{z-index:999;background-color:#f9f9f9;border-top:4px solid #3e125b;width:100%;position:sticky;top:0}#MobileNavBar .mobelNavContainer{background-color:#3e125b;width:100%}#MobileNavBar .PlayerBalance{background:#f0f0f0;border-radius:10px;justify-content:space-between;align-items:center;width:50%;margin:20px 0;padding:15px;display:flex}#MobileNavBar .PlayerBalance img{width:15px;height:auto}@media (max-width:400px){#MobileNavBar .PlayerBalance{width:70%;transform:scale(.9)}}#MobileNavBar .balanceInfo{align-items:center;gap:8px;display:flex}#MobileNavBar .addBalanceBtn{color:#fff;background:#3e125b;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;text-decoration:none;display:flex}#MobileNavBar .MobelNavBar{background:var(--body-BG);flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%;height:70px;padding:10px 15px;display:flex;position:fixed;top:0}#MobileNavBar .MobelNavRightItems .MobelNavImg{object-fit:contain;width:auto;height:45px}#MobileNavBar .navIcon{cursor:pointer;width:40px;height:35px;color:var(--main-color-one);border-radius:2px;justify-content:center;align-items:center;font-size:3rem;transition:all .3s;display:flex}#MobileNavBar .MobelNavLeftItems{direction:rtl;background-color:#fff;flex-direction:column;gap:20px;width:100%;height:calc(100vh - 100px);padding:20px;display:flex;position:fixed;top:70px;left:0;box-shadow:-2px 5px 10px #0000001a}#MobileNavBar .MobelNavBar{direction:rtl;justify-content:space-between;align-items:center;height:60px;padding:10px 15px;display:flex}#MobileNavBar .MobelNavImg{width:auto;height:35px}#MobileNavBar .mobelNavContainer{position:fixed;top:0;left:0}#MobileNavBar .mobelNavContainerOn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0000003a;width:100%;height:100vh}#MobileNavBar .MobelNavDrawer{z-index:1001;background:#fff;flex-direction:column;width:300px;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;box-shadow:-5px 0 15px #0000001a}#MobileNavBar .MobelNavDrawer .PlayerBalance{background:#f0f0f0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin:20px 0;padding:15px;display:flex}#MobileNavBar .MobelNavDrawer .balanceInfo{align-items:center;gap:8px;display:flex}#MobileNavBar .MobelNavDrawer .addBalanceBtn{color:#fff;background:#3e125b;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;text-decoration:none;display:flex}#MobileNavBar .MobelNavDrawer.open{animation:.3s forwards slideIn}#MobileNavBar .MobelNavDrawer.close{animation:.3s forwards slideOut}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}#MobileNavBar .MobelNavList,#MobileNavBar .userMenuOptions{margin:0;padding:0;list-style:none}#MobileNavBar .MobelNavList li,#MobileNavBar .userMenuOptions li{border-bottom:1px solid #eee;padding:15px 0}#MobileNavBar .MobelNavList li a,#MobileNavBar .userMenuOptions li a{color:#333;font-weight:600;text-decoration:none;display:block}#MobileNavBar .logoutBtn{cursor:pointer;font-weight:700;color:#ff4d4d!important}#MobileNavBar .divider{border:0;border-top:1px solid #ddd;margin:20px 0}#MobileNavBar .DrawerHeader{justify-content:space-between;align-items:center;display:flex}#MobileNavBar .UserAvatar{align-items:center;gap:.5rem;display:flex;position:relative}#MobileNavBar .UserAvatar .userIcon{color:var(--white-color);background-color:var(--main-color-one);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.6rem;display:flex;overflow:hidden}#MobileNavBar .UserAvatar .userIcon img{object-fit:cover;width:40px;height:40px}#MobileNavBar .UserAvatar .userMenuIcon{color:var(--white-color)}#MobileNavBar .UserAvatar .userMenuOptions{z-index:100;background-color:#004d80;border-radius:8px;flex-direction:column;width:180px;padding:.5rem 0;display:flex;position:absolute;top:3.5rem;right:0;box-shadow:0 10px 25px #0003}#MobileNavBar .UserAvatar .userMenuOptions:before{content:"";border:8px solid #0000;border-top-width:0;border-bottom-color:#004d80;position:absolute;top:-8px;right:15px}#MobileNavBar .UserAvatar .userMenuOptions li{cursor:pointer;color:#fff;align-items:center;gap:12px;padding:.8rem 1.2rem;font-size:.9rem;list-style:none;transition:background .2s;display:flex}#MobileNavBar .UserAvatar .userMenuOptions li i,#MobileNavBar .UserAvatar .userMenuOptions li svg{opacity:.8;font-size:1.1rem}#MobileNavBar .UserAvatar .userMenuOptions li:hover{background-color:#ffffff1a;font-weight:500}#MobileNavBar .UserAvatar .userMenuOptions li:first-child{background-color:#ffffff0d;border-left:3px solid #63d2ff}.NavBar{background:var(--H-gradient);z-index:999;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 4%;display:flex;position:fixed;box-shadow:1px 4px 7px #0003}.NavBar p,.NavBar li{color:var(--white-color)}.NavBar .NavRightItems,.NavBar .NavLeftItems{justify-content:end;align-items:center;gap:10%;display:flex}.NavBar .NavRightItems{width:45%}.NavBar .NavRightItems .NavImg{width:75px}.NavBar .NavRightItems .NavList{justify-content:start;gap:2rem;width:100%;font-size:1.3rem;display:flex}.NavBar .NavRightItems .NavList li{cursor:pointer;transition:all .3s ease-in-out;position:relative}.NavBar .NavRightItems .NavList li:after{content:"";background:var(--white-color);width:0%;height:2px;transition:all .2s linear;position:absolute;bottom:-.6rem;right:0}.NavBar .NavRightItems .NavList li:hover:after{background:var(--white-color);width:100%;transition:all .2s linear}@media (max-width:1100px){.NavBar .NavRightItems .NavList{gap:1.5rem;font-size:1.1rem}}.NavBar .NavLeftItems .addBalance,.NavBar .NavLeftItems .PlayerBalance{align-items:center;gap:.5rem;display:flex}.NavBar .NavLeftItems .addBalance{border-radius:2rem;padding:.4rem .6rem}.NavBar .NavLeftItems .addBalance p{font-size:1.2rem;transition:all .3s ease-in-out}@media (max-width:1050px){.NavBar .NavLeftItems .addBalance p{font-size:.8rem}}@media (max-width:992px){.NavBar .NavLeftItems .addBalance p{font-size:1rem}}.NavBar .NavLeftItems .addBalance i{background-color:var(--body-BG);color:var(--main-color-one);border-radius:50%;justify-content:center;align-items:center;padding:.3rem;font-size:.7rem;transition:all .3s ease-in-out;display:flex}.NavBar .NavLeftItems .addBalance{transition:all .3s ease-in-out}.NavBar .NavLeftItems .addBalance:hover{background-color:var(--white-color);transition:all .3s ease-in-out}.NavBar .NavLeftItems .addBalance:hover p{color:var(--main-color-one);font-weight:700;transition:all .3s ease-in-out}.NavBar .NavLeftItems .addBalance:hover i{font-size:.9rem;transition:all .3s ease-in-out}.NavBar .NavLeftItems .PlayerBalance{background-color:var(--body-BG);border-radius:2rem;padding:.5rem 1rem;font-size:.7rem}.NavBar .NavLeftItems .PlayerBalance p{color:var(--main-text-color);font-size:1rem;font-weight:700}.NavBar .NavLeftItems .PlayerBalance .curncyicon{justify-content:center;align-items:center;width:10px;display:flex}.NavBar .NavLeftItems .UserAvatar{align-items:center;gap:.5rem;transition:all .2s ease-in-out;display:flex;position:relative}.NavBar .NavLeftItems .UserAvatar .userIcon{color:var(--main-text-color);background-color:var(--body-BG);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex;overflow:hidden}.NavBar .NavLeftItems .UserAvatar .userIcon img{object-fit:cover;width:50px;height:50px}.NavBar .NavLeftItems .UserAvatar .userMenuIcon{color:var(--white-color);font-size:1.4rem;overflow:hidden}.NavBar .NavLeftItems .UserAvatar:hover{transition:all .1s ease-in-out;transform:scale(1.05)}.NavBar .NavLeftItems .UserAvatar:hover .userMenuIcon{animation:.5s ease-in-out move}@keyframes move{0%{opacity:1;transform:translateY(0)}40%{opacity:0;transform:translateY(120%)}50%{opacity:0;transform:translateY(-120%)}60%{opacity:1;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}.NavBar .NavLeftItems .UserAvatar .userMenuOptions{background-color:var(--white-color);z-index:100;border-radius:8px;flex-direction:column;width:180px;padding:.5rem 0;display:flex;position:absolute;top:3.5rem;left:0;box-shadow:0 10px 25px #0003}.NavBar .NavLeftItems .UserAvatar .userMenuOptions:before{content:"";border-style:solid;border-width:0 8px 8px;border-color:#0000 #0000 var(--white-color)#0000;position:absolute;top:-8px;left:15px}.NavBar .NavLeftItems .UserAvatar .userMenuOptions li{cursor:pointer;color:var(--main-color-one);align-items:center;gap:12px;padding:.8rem 1.2rem;font-size:.9rem;list-style:none;transition:background .2s;display:flex}.NavBar .NavLeftItems .UserAvatar .userMenuOptions li i,.NavBar .NavLeftItems .UserAvatar .userMenuOptions li svg{opacity:.8;font-size:1.1rem}.NavBar .NavLeftItems .UserAvatar .userMenuOptions li:hover{background-color:var(--Light-text-color);font-weight:500}.NavBar .NavLeftItems .UserAvatar .userMenuOptions .UserAvatarNameMain{background-color:var(--main-color-one);border-radius:25px;justify-content:center;align-items:center;margin:0 .8rem .2rem;padding:.5rem 0;font-weight:700;display:flex;color:var(--white-color)!important}.NavBar .NavLeftItems .UserAvatar .userMenuOptions .UserAvatarNameMain:hover{background-color:var(--main-color-one);font-weight:700}#NoUserNav{align-items:center;display:flex;justify-content:space-between!important;width:100%!important}@media (max-width:600px){#NoUserNav .NavRightItems{justify-content:start;width:25%}}#NoUserNav .NavBtnContainer{align-items:center;gap:2rem;display:flex}@media (max-width:1100px){#NoUserNav .NavBtnContainer{gap:.8rem}}@media (max-width:500px){#NoUserNav .NavBtnContainer{gap:.8rem}}#NoUserNav .NavBtnContainer a{font-size:.9rem;font-weight:700}@media (max-width:500px){#NoUserNav .NavBtnContainer a{font-size:.7rem}}#NoUserNav .NavBtnContainer .signupNav,#NoUserNav .NavBtnContainer .loginNav{border-radius:100px;padding:.5rem 1.5rem;display:inline-block}@media (max-width:500px){#NoUserNav .NavBtnContainer .signupNav,#NoUserNav .NavBtnContainer .loginNav{padding:.4rem 1rem}}#NoUserNav .NavBtnContainer .signupNav,#NoUserNav .NavBtnContainer .loginNav{transition:all .2s ease-in-out}#NoUserNav .NavBtnContainer .signupNav:hover,#NoUserNav .NavBtnContainer .loginNav:hover{background:var(--white-color);color:var(--headline-color);transition:all .2s ease-in-out;transform:scale(1.05)}#NoUserNav .NavBtnContainer .signupNav{border:1px solid var(--white-color);color:var(--white-color)}#NoUserNav .NavBtnContainer .loginNav{background:var(--white-color);color:var(--headline-color);border:1px solid #0000}
.footer{background-color:var(--main-color-two);direction:rtl;width:100%;margin-top:5%;padding-top:50px;font-family:Cairo,sans-serif}@media (max-width:992px){.footer{flex-direction:column;justify-content:center;align-items:center;margin-top:10%;display:flex}}.footer .Footer-container{justify-content:space-between;align-items:center;width:90%;margin:0 auto;padding:0 20px;display:flex}@media (max-width:992px){.footer .Footer-container{flex-direction:column-reverse}}.footer .footer-content{justify-content:space-between;align-items:flex-start;gap:40px;width:70%;display:flex}@media (max-width:992px){.footer .footer-content{width:98%;padding-top:2rem}}@media (max-width:600px){.footer .footer-content{flex-direction:column-reverse;align-items:center}}.footer .footer-content .footer-links{flex:1;width:50%}@media (max-width:600px){.footer .footer-content .footer-links{width:100%}}.footer .footer-content .footer-links h3{color:#fff;border-bottom:1px solid #fff3;width:100%;padding-bottom:10px;display:inline-block}.footer .footer-content .footer-links ul{width:70%;padding:0;list-style:none}.footer .footer-content .footer-links ul li{border-bottom:1px solid #fff3;margin:10px 0;padding-bottom:10px}.footer .footer-content .footer-links ul li a{color:#fffc;text-decoration:none}.footer .footer-content .footer-links ul li a:hover{color:#fff}.footer .footer-content .footer-about{color:#fff;flex:1;width:50%}@media (max-width:600px){.footer .footer-content .footer-about{width:100%}}.footer .footer-content .footer-about h3{border-bottom:1px solid #fff3;margin-bottom:20px;padding-bottom:10px}.footer .footer-content .footer-about p{color:#ffffffe6;font-size:.95rem;line-height:1.8}.footer .contact-info{flex-direction:column;align-items:center;width:25%;display:flex}@media (max-width:992px){.footer .contact-info{width:90%}}@media (max-width:400px){.footer .contact-info{width:100%}}.footer .contact-info .contact-card{border:1px solid var(--main-color-two);text-align:center;z-index:11;background:#f8f9fa;border-radius:30px;width:320px;margin-top:-100px;padding:25px;position:relative;box-shadow:0 10px 30px #0000001a}@media (max-width:1100px){.footer .contact-info .contact-card{width:280px}}@media (max-width:992px){.footer .contact-info .contact-card{width:98%}}.footer .contact-info .contact-card h3{color:var(--main-color-two);margin-bottom:20px}.footer .contact-info .contact-card form{flex-direction:column;gap:15px;display:flex}.footer .contact-info .contact-card form input,.footer .contact-info .contact-card form textarea{border:1px solid var(--main-color-one);background:#fff;border-radius:20px;outline:none;width:100%;padding:12px}.footer .contact-info .contact-card form textarea{resize:none;height:80px}.footer .contact-info .contact-card form button{background-color:var(--main-color-two);color:#fff;cursor:pointer;border:none;border-radius:20px;align-self:center;width:120px;padding:10px 30px;transition:all .3s}.footer .contact-info .contact-card form button:hover{opacity:.9}.footer .contact-info .contact-card .formSubmit{text-align:start;width:100%}.footer .social-icons{justify-content:space-between;align-items:center;width:310px;margin-top:30px;padding-bottom:20px;display:flex}@media (max-width:1100px){.footer .social-icons{width:270px}}@media (max-width:992px){.footer .social-icons{justify-content:center;gap:1rem;width:80%}}.footer .social-icons .icon{color:var(--main-color-one);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:1.5rem;transition:all .3s;display:flex}@media (max-width:1100px){.footer .social-icons .icon{width:45px;height:45px}}.footer .social-icons .icon:hover{background:#f8f9fa;transform:translateY(-5px)}.footer .footer-bottom{text-align:center;background:#fff;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:15px 10%;display:flex}.footer .footer-bottom p{color:var(--main-color-one);margin:0;font-weight:700}.footer .footer-bottom p span{color:var(--main-color-two);font-weight:900}.footer .footer-bottom .missan-link{cursor:pointer;transition:all .3s}.footer .footer-bottom .missan-link:hover{transform:scale(1.1)}