.mainMenuBox{background-color:hsla(0,0%,100%,.9);box-shadow:0 0 20px rgba(0,0,0,.2);position:sticky;top:0;right:0;width:100%;z-index:6}.mainMenuBox .mainMenu{display:flex;justify-content:space-between;align-items:center}.mainMenuBox .mainMenu .menuItems{padding:10px 0;display:flex;gap:3px}.mainMenuBox .mainMenu .menuItems a{padding:6px 10px;font-size:9pt;font-weight:800;color:#444}.mainMenuBox .mainMenu .menuItems a.ck,.mainMenuBox .mainMenu .menuItems a:hover{background-color:var(--main-color);color:#fff;border-radius:20px}.mainMenuBox .mainMenu .menuLogo{padding:10px 0}.mainMenuBox .mainMenu .menuLogo img{height:50px;object-fit:contain}.blackScreen{display:none;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);position:fixed;z-index:5;justify-content:flex-end}.blackScreen a{font-size:26pt;color:#fff;display:table;padding:5px}.headBox{padding:15px 0;background-color:#1a222b;z-index:1}.headBox .mainWidth{display:flex;justify-content:space-between;align-items:center}.headBox img{height:60px;width:auto}.headBox nav{display:flex;gap:10px}.headBox nav a{color:#fff}.headBox nav a svg{padding:10px;border:1px solid #555;font-size:30pt;border-radius:50%}.userMenuBox .usersBox{cursor:pointer;padding:5px 15px;display:flex;align-items:center;gap:5px;background-color:#f8f8f8;position:relative}.userMenuBox .usersBox img{width:45px;height:45px;border-radius:50%}.userMenuBox .usersBox h4{font-size:9pt;font-weight:800}.userMenuBox .usersBox h5{font-size:9pt;font-weight:300}.userMenuBox .usersBox:hover{background-color:#1a222b}.userMenuBox .usersBox:hover nav{display:block}.userMenuBox .usersBox:hover h4,.userMenuBox .usersBox:hover h5{color:#fff}.userMenuBox .usersBox nav{position:absolute;top:55px;left:0;width:210px;display:none}.userMenuBox .usersBox nav ul{padding:20px 15px;background-color:#1a222b;display:flex;gap:10px;flex-direction:column}.userMenuBox .usersBox nav ul a{display:flex;justify-content:space-between;align-items:center}.userMenuBox .usersBox nav ul a span{display:flex;gap:8px;align-items:center;font-weight:600;font-size:9pt;color:#fff}.userMenuBox .usersBox nav ul a svg{font-size:13pt}.userMenuBox .usersBox nav ul a:hover{color:#e22a24}.userMenuBox .usersBox nav ul a b{width:18px;line-height:100%;align-items:center;justify-content:center;display:flex;border-radius:50%;color:#fff;height:18px;background-color:#e22a24}.guest{font-size:9pt;font-weight:700}.guest:hover{color:#e22a24}:root{--main-width:1024px;--background:#eee;--main-color:#4c95a7;--sec-color:#ff8955}body{background-color:var(--background);background-image:url(/_next/static/media/bg3.62b9317a.jpg);overflow-x:hidden}.mainWidth{width:100%;max-width:var(--main-width);margin:auto}.mainWebSite *{font-family:Cairo,sans-serif!important}.titleBox>h2{color:var(--main-sec);font-weight:400;font-size:20pt;margin-bottom:5px}.titleBox>h2 b{color:var(--main-color);font-weight:inherit}.titleBox>p{font-size:10pt;font-weight:400;color:#777}.mobile{display:none}.crumbs{display:flex;align-items:center;gap:3px;background-color:#f2f2f2;padding:10px}.crumbs a{color:var(--main-sec);font-size:10pt}.crumbs svg{color:var(--main-color)}.lessonsPageBox .lessionContainer .lessionBox{width:18.3%}.lessonsPageTitleBox{display:flex;justify-content:space-between;align-items:center;position:relative}.lessonsPageTitleBox .filterBtn svg{font-size:26pt;background-color:#eee;border-radius:10px;padding:5px;color:#555}.filterMainBox{margin-top:20px;width:100%;padding:0 20px;background-color:#f1f1f1;border-radius:10px;display:flex;gap:20px}.filterMainBox .inputBox{max-width:200px}.lessonsPageBox .gamesBox{width:18.4%!important}.fullArticleMainBox{flex-direction:column!important}.wrappedShadow{box-shadow:0 0 30px rgba(0,0,0,.1);width:100%;max-width:var(--main-width);margin:auto}.loginPopupBox{position:fixed;top:0;right:0;z-index:10;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.loginPopupBox .mainWidth{animation:zoomInLogin .3s linear;transform:scale(1);background-color:"#000"}.loginPopupBox .closeLoginPopup{position:absolute;left:10px;top:10px}.loginPopupBox .closeLoginPopup svg{font-size:40pt;color:#fff}@keyframes zoomInLogin{0%{transform:scale(0)}to{transform:scale(1)}}