.App{height:100vh;width:100vw;overflow-y:scroll;max-width:100%;overflow-x:hidden;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;cursor:default}.App::-webkit-scrollbar{display:none}.feedback{position:absolute;z-index:999;width:30%;height:10%;top:101%;left:5%;border-radius:2vw;background:rgb(193,193,193);background:linear-gradient(137deg,rgba(193,193,193,1) 52%,rgba(210,210,210,1) 100%);overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;transition:all .2s ease-in-out;display:grid;box-shadow:#00000080 4px 4px 10px;cursor:default;opacity:0}.feedback::-webkit-scrollbar{display:none}.feedbackMessage{display:flex;justify-content:center;align-items:center;font-size:1vmax;padding:.5vmax 3.5vmax .5vmax 1vmax;font-weight:600;cursor:default}.feedbackMessageAr{padding-left:1vmax;padding-right:4vmax}.feedbackImg{height:3vmax;width:3vmax;position:absolute;justify-self:center;align-self:center;left:88%;transition:all .2s ease-in-out}.feedbackGreen{transform:translateY(-13vh);opacity:1}.feedbackGreen .feedbackImg{content:url(/correct.svg)}.feedbackRed{transform:translateY(-13vh);opacity:1}.feedbackRed .feedbackImg{content:url(/wrong.svg)}@media (max-width: 750px){.App{height:100dvh;max-width:100%;overflow-x:hidden}.feedback{position:absolute;width:90%;height:10%;top:101%;left:5%;border-radius:2vh}.feedbackMessage{font-size:2.2vmax;padding-left:1vh;padding-right:6vh}.feedbackImg{height:5vmax;width:5vmax;left:86%}.feedbackGreen,.feedbackRed{transform:translateY(-25dvh)}}:root{--mainBlue: #07014f}a{text-decoration:none;color:unset;margin:0;padding:0}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:500;width:100%;height:8%;height:4%;display:flex;justify-content:space-between;background:rgb(66,12,159);background:linear-gradient(186deg,rgba(40,2,105,.98) 3%,rgba(13,8,59,.98) 26%,rgba(9,8,48,.98) 54%,rgba(26,26,35,.98) 85%);box-shadow:#000000bf 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;transition:all .1s ease-in-out;overflow:hidden;border-bottom-left-radius:1vmax;border-bottom-right-radius:1vmax}.navbar:after{content:"Menu";display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;height:100%;width:100%;background:rgb(66,12,159);background:linear-gradient(186deg,rgb(31,2,82) 3%,rgb(21,15,73) 26%,rgba(9,8,48,1) 54%,rgba(26,26,35,1) 85%);color:#fff;z-index:501;font-size:1.2vmax;transition:all .3s ease-in-out}.navbarAr:after{content:"القائمة"}.navbar:hover:after{height:0%;content:""}.navbar:hover{height:8%;overflow:hidden}.toggleNavbarDiv{display:none}.leftNavItem,.rightNavItem{width:5%;height:100%;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center}.homeLogoImg,.languageLogoImg{height:3vmax;width:3vmax;cursor:pointer;transition:all .2s ease-in-out}.homeLogoImg:hover,.languageLogoImg:hover{transform:scale(1.1)}.navContainer{width:90%;position:relative;display:flex;align-items:center;justify-content:space-around;color:#fff;height:100%;list-style:none;padding:0;margin:0;transition:all .2s ease-in-out}.navbarItem{cursor:pointer;color:#fff;font-weight:500;font-size:1.4vmax;display:flex;flex-direction:column;position:relative}.navbarItem:after{position:absolute;display:block;content:"";width:0%;height:.15vmax;background-color:#fff;top:100%;border-radius:2vmax;background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(217,183,5,.98) 100%);transition:all .2s ease-in-out}.logoutIconImg{height:2vmax;width:2vmax;transition:all .2s ease-in-out}.navbarItem:hover:after{width:100%}.navbarItem:hover{color:#ffea72}.logoutItem{display:flex;justify-content:center;align-items:center;flex-direction:row}.logoutItem:hover img{filter:invert(77%) sepia(86%) saturate(500%) hue-rotate(354deg) brightness(403%) contrast(104%)}@media (max-width: 750px){.navbar{width:100%;height:8%;display:grid;grid-template-columns:33.3% 33.3% 33.3%;grid-template-rows:100% auto;background:rgb(66,12,159);background:linear-gradient(186deg,rgba(20,6,100,.98) 3%,rgba(7,3,46,.98) 26%,rgba(9,8,48,.98) 54%,rgba(31,31,129,.98) 85%);padding-top:.5vmax;padding-bottom:.5vmax;overflow:visible;border-radius:0}.navbar:hover:after{height:0%;content:""}.navbar:hover{height:8%;overflow:visible}.navbar:after{content:"";display:none}.navbarAr:after{content:"";display:none}.toggleNavbarDiv{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:1;width:100%;height:100%;margin:0;padding:0;list-style:none;position:relative}.toggleNavbarLi{height:8%;width:5vmax;background-color:#fff;border-radius:3vmax;margin-top:.5vh;transition:all .2s ease-in-out}.toggleNavbarLi:first-of-type{margin-top:0}.toggleNavbarDivExpanded .ThriedToggleLi{display:none}.toggleNavbarDivExpanded .firstToggleLi{position:absolute;transform:rotate(45deg);margin-top:0}.toggleNavbarDivExpanded .secondToggleLi{position:absolute;transform:rotate(135deg);margin-top:0}.leftNavItem,.rightNavItem{width:100%;height:100%}.leftNavItem{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:1}.rightNavItem{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:1}.homeLogoImg,.languageLogoImg{height:6vmax;width:6vmax}.homeLogoImg:hover,.languageLogoImg:hover{transform:none}.navContainer{z-index:999;height:fit-content;grid-column-start:1;grid-column-end:-1;grid-row-start:2;grid-row-end:-1;width:100%;position:relative;display:flex;flex-direction:column;background:rgb(0,2,30);background:linear-gradient(180deg,rgba(0,2,30,1) 0%,rgba(0,4,72,1) 100%)}.navbarMenuCollapsed{height:0%;overflow:hidden}.navbarItem{cursor:default;font-weight:500;font-size:2.5vmax;margin-top:2vh;margin-bottom:2vh}.logoutIconImg{height:3vmax;width:3vmax}}.regiserContainer{height:92%;width:100%;display:flex;justify-content:center;overflow:hidden;align-items:center}.registerWindowDiv{height:90%;width:70%;background:rgb(255,255,255);background:linear-gradient(142deg,rgba(255,255,255,.8) 16%,rgba(220,220,220,.8) 45%,rgba(255,255,255,.8) 77%);border-radius:2vw;box-shadow:#00001480 0 3px 8px;display:grid;grid-template-rows:10% 12% 10% 12% 12% 12% 12% 10% auto;grid-template-columns:100%;justify-items:center;align-items:center;font-size:2.1vw;z-index:201}.registerHeaderTitleContainer{display:flex;justify-content:center;align-items:center;width:100%;cursor:default}.registerHeaderTitleLine{height:.3vh;width:30%;background:rgb(4,0,48);background:linear-gradient(142deg,rgba(4,0,48,.8) 23%,rgba(7,1,79,.8) 47%,rgba(3,0,36,.8) 77%)}.registerHeaderTitle{padding:0 2vw;color:#787878}.thirdPartyImagesDiv{width:16%;display:flex;align-items:center;justify-content:space-between}.thirdPartyImgRegister{height:3.5vw;width:3.5vw;transition:all .2s ease-in-out;cursor:pointer}.googleImgRegister{height:3.2vw;width:3.2vw}.thirdPartyImgRegister:hover{transform:scale(1.2)}.thirdPartyTextRegister{font-size:1.4vw;font-weight:500;align-self:flex-end;cursor:default}.registerInputWrapper{border:.15vw #000 solid;border-radius:3vw;height:65%;width:60%;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.registerInput{width:100%;height:100%;outline:none;background-color:transparent;border:none;text-align:center;font-size:1.5vw;padding-left:3vw;padding-right:5vw}.registerButton{width:25%;height:65%;background:rgb(4,0,48);background:linear-gradient(142deg,rgba(4,0,48,1) 23%,rgba(7,1,79,1) 47%,rgba(3,0,36,1) 77%);border:none;outline:none;border-radius:.75vw;color:#fff;font-size:1.5vw;cursor:pointer;transition:all .2s ease-in-out;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.registerButtonActive,.registerButton:hover{transform:scale(1.1);box-shadow:#0303fa4d 0 3px 7px,#0303fa3b 0 2px 2px}.goToLoginP{padding:0;margin:0;font-size:1vmax;font-weight:600;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.goToLoginLink{padding-left:.5vmax;padding-right:.5vmax;font-size:1.1vmax;cursor:pointer;color:#01015d;transition:all .2s ease-in-out}.goToLoginLink:hover{transform:scale(1.1)}@media (max-width: 750px){.regiserContainer{margin-top:0vh}.registerWindowDiv{font-size:2.3vh;width:80%}.registerHeaderTitleLine{height:.15vh;width:5%}.registerHeaderTitle{padding:0 2vh}.thirdPartyImagesDiv{width:50%}.thirdPartyImgRegister{height:5.5vh;width:5.5vh}.googleImgRegister{height:5.3vh;width:5.3vh}.thirdPartyTextRegister{font-size:1.7vh;font-weight:600;align-self:center;text-align:center}.registerInputWrapper{width:90%;border-radius:3vw;border:.15vh #000 solid;height:50%;display:flex}.registerInput{font-size:2.2vh;padding-left:3vh;padding-right:5vh}.registerButton{width:70%;border-radius:7vh;font-size:2.3vh}.registerButtonActive,.registerButton:hover{transform:scale(1.1);box-shadow:#0303fa4d 0 5px 10px,#0303fa3b 0 4px 4px}}.loadingContainer{height:100vh;width:100vw;background-color:#0009;z-index:998;position:absolute;display:flex;justify-content:center;align-items:center;border:none;margin:0;padding:0;top:0}.loadingImg{z-index:999;width:25vw;animation:loading .8s linear infinite}.passwordEyeImg{height:80%;position:absolute;left:92%;opacity:.6;cursor:pointer;transition:all .2s ease-in-out}.passwordEyeImgActive{opacity:1}@media (max-width: 750px){.passwordEyeImg{height:50%;position:absolute;left:88%}}.miniLoadingImg{height:70%;position:absolute;left:92%;animation:loading 1s linear infinite}@media (max-width: 750px){.miniLoadingImg{height:50%;position:absolute;left:88%}}.notFound{height:92%;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.notFoundImg{height:35vmax;width:35vmax}.notFoundText{margin:0;padding:0;font-size:3.5vmax}.loginContainer{height:92%;width:100%;display:flex;justify-content:center;align-items:center}.loginWindowDiv{height:80%;width:70%;background:rgb(255,255,255);background:linear-gradient(142deg,rgba(255,255,255,.5) 16%,rgba(161,161,161,.5) 45%,rgba(255,255,255,.5) 77%);border-radius:2vw;box-shadow:#00001480 0 3px 8px;display:grid;grid-template-rows:10% 15% 10% 15% 15% 10% auto 10%;grid-template-columns:100%;justify-items:center;align-items:center;font-size:2vw;z-index:200}.loginHeaderTitleContainer{display:flex;justify-content:center;align-items:center;width:100%;cursor:default}.loginHeaderTitleLine{height:.3vh;width:20%;background:rgb(4,0,48);background:linear-gradient(142deg,rgba(4,0,48,.8) 23%,rgba(7,1,79,.8) 47%,rgba(3,0,36,.8) 77%)}.loginHeaderTitle{padding:0 4vw;color:#787878}.thirdPartyImagesDiv{width:18%;display:flex;align-items:center;justify-content:space-between}.thirdPartyImg{height:3.8vw;width:3.8vw;transition:all .2s ease-in-out;cursor:pointer}.googleImg{height:3.5vw;width:3.5vw}.thirdPartyImg:hover{transform:scale(1.2)}.thirdPartyText{font-size:1.4vw;font-weight:500;align-self:flex-end;cursor:default}.loginInputWrapper{border:.15vw #000 solid;border-radius:3vw;height:65%;width:60%;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.loginInput{width:100%;height:100%;outline:none;background-color:transparent;border:none;text-align:center;font-size:1.6vw;padding-left:3vw;padding-right:5vw}.forgotPasswordDiv{width:60%;font-size:1.1vw;font-weight:500}.forgotPasswordDivP{transition:all .2s ease-in-out;padding:0;margin:0;width:fit-content}.forgotPasswordDivP:hover{transform:scale(1.1);cursor:pointer}.loginButton{width:23%;height:50%;background:rgb(4,0,48);background:linear-gradient(142deg,rgba(4,0,48,1) 23%,rgba(7,1,79,1) 47%,rgba(3,0,36,1) 77%);border:none;outline:none;border-radius:3vw;color:#fff;cursor:pointer;transition:all .2s ease-in-out;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;font-size:1.5vw}.loginButtonActive,.loginButton:hover{transform:scale(1.1);box-shadow:#0303fa4d 0 5px 10px,#0303fa3b 0 4px 4px}.GoToRegisterLink{font-size:1.1vmax;font-weight:600;color:#000052;transition:all .2s ease-in-out}.GoToRegisterLink:hover{transform:scale(1.05)}@media (max-width: 750px){.loginContainer{margin-top:0vh}.loginWindowDiv{font-size:2.3vh;width:90%}.loginHeaderTitleLine{height:.15vh;width:5%}.loginHeaderTitle{padding:0 2vh}.thirdPartyImagesDiv{width:55%}.thirdPartyImg{height:5.5vh;width:5.5vh}.googleImg{height:5.3vh;width:5.3vh}.thirdPartyText{font-size:1.8vh;font-weight:600;align-self:center;text-align:center}.loginInputWrapper{width:90%;border-radius:3vw;border:.15vh #000 solid;height:50%;display:flex}.loginInput{font-size:2.2vh;padding-left:3vh;padding-right:5vh}.forgotPasswordDiv{width:90%;font-size:2vh}.forgotPasswordDivP:hover{transform:scale(1.05)}.loginButton{width:70%;border-radius:7vh;font-size:2.3vh}.loginButtonActive,.loginButton:hover{transform:scale(1.1);box-shadow:#0303fa4d 0 5px 10px,#0303fa3b 0 4px 4px}}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.forgotPasswordContainer{position:absolute;height:90%;width:100%;display:grid;place-items:center;z-index:900;background-color:#0009}.forgotPasswordWindow{width:50%;height:40%;background:rgb(255,255,255);background:linear-gradient(142deg,rgba(255,255,255,1) 16%,rgba(161,161,161,1) 45%,rgba(255,255,255,1) 77%);border-radius:2vw;box-shadow:#00001480 0 3px 8px;position:relative;display:grid;place-items:center;grid-template-columns:100%;grid-template-rows:20% 40% 40%}.forgotPasswordClose{position:absolute;height:1.7vmax;width:1.7vmax;top:3%;left:93%;cursor:pointer;transition:all .2s ease-in-out}.forgotPasswordClose:hover{transform:rotate(90deg)}.forgotPasswordLabel{font-size:1.8vw;cursor:default}.forgotPasswordWrapper{border:.15vw #000 solid;border-radius:3vw;height:50%;width:80%;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.forgotPasswordInput{color:#191970;width:100%;height:100%;outline:none;background-color:transparent;border:none;text-align:center;font-size:1.8vw}.forgotPasswordInputPassword{padding-left:3vw;padding-right:5vw}.forgotPasswordButton{height:50%;width:40%;background-color:#000;color:#fff;position:relative;border-radius:3vw;font-size:2vw;cursor:pointer;box-shadow:#00001480 0 6px 11px;outline:none;border:2px #fff solid;transition:all .2s ease-in-out}.forgotPasswordButton:focus{border-color:#06b406}.forgotPasswordButton:hover{border-color:#06b406}.forgotPasswordButton:active{outline:none}.passwordButtonLoading{position:absolute;height:10vmax;width:10vmax;display:grid;animation:loading 1s linear infinite;z-index:120}.codeInput{width:50%}.codeInput input{font-size:2.5vw;padding:0}.step3Button{font-size:1.6vw}@media (max-width: 750px){.forgotPasswordWindow{width:90%;height:40%}.forgotPasswordClose{height:2.5vmax;width:2.5vmax}.forgotPasswordLabel{font-size:2vh}.forgotPasswordWrapper{border-radius:2vh;height:60%}.forgotPasswordInput{width:80%;font-size:2.3vh}.forgotPasswordInputPassword{padding-right:5vh}.step2Label{width:60%;text-align:center}.codeInput input{font-size:3vh}.forgotPasswordButton{height:40%;width:70%;border-radius:5vh;font-size:2.5vh}.passwordButtonLoading{height:20vmax;width:20vmax}}:root{--theColor: rgba(2, 9, 44, .57)}@keyframes glow{0%{opacity:.5}25%{opacity:1}50%{opacity:.5}75%{opacity:1}to{opacity:.5}}.homeSkeletonContainer{height:92%;width:100%;position:relative}.homeSkeleteonUL{margin:0;padding:0;list-style:none;height:fit-content;width:100%;overflow:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;cursor:default;display:flex;flex-direction:column;margin-top:1vmax}.homeSkeleteonUL::-webkit-scrollbar{display:none}.homeSkeletonComponent{height:35vh;width:85%;margin-bottom:2vmax;margin-left:2vmax;margin-right:2vmax;display:grid;grid-template-columns:65% 35%;grid-template-rows:100%;place-items:center}.homeSkeletonComponent:nth-child(2n){align-self:flex-end;direction:rtl}.homeSkeletonLinesDiv,.homeSkeletonImgButtonDiv{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;animation:glow 5s infinite}.homeSkeletonLine{height:10%;width:90%;background-color:var(--theColor);margin-bottom:2vmax;border-radius:3vmax}.homeSkeletonLine:last-of-type{margin-bottom:0}.homeSkeletonImgShape{height:15vmax;width:20vmax;border-radius:1vmax;background-color:var(--theColor);margin-bottom:2vmax}.homeSkeletonButton{background-color:var(--theColor);width:40%;height:20%;border-radius:3vmax}@media (max-width: 750px){.homeSkeletonComponent{height:28vh;width:85%;margin-bottom:1vmax}.homeSkeletonButton{background-color:var(--theColor);width:80%;height:10%;border-radius:3vmax}.homeSkeletonLinesDiv{align-items:flex-start}.homeSkeletonLine{height:10%;width:70%;background-color:var(--theColor);margin-bottom:2vmax;border-radius:3vmax}.homeSkeletonImgShape{height:12vmax;width:16vmax;border-radius:1vmax;background-color:var(--theColor);margin-bottom:2vmax}}@keyframes load{0%{background-color:red;width:0%}25%{background-color:red;width:10%}35%{background-color:#ffa600;width:20%}50%{background-color:#d9ff00;width:40%}65%{width:65%;background-color:#d9ff00}75%{background-color:#3cff00;width:80%}to{background-color:#09ff00;width:100%}}@keyframes type{0%{content:""}25%{content:""}35%{content:""}50%{content:""}65%{content:""}75%{content:""}80%{content:""}85%{content:""}90%{content:""}95%{content:""}to{content:"This delay might be duo to slow connection, please wait..."}}@keyframes typeAr{0%{content:""}25%{content:""}35%{content:""}50%{content:""}65%{content:""}75%{content:""}80%{content:""}85%{content:""}90%{content:""}95%{content:""}to{content:"...إستغرق التحميل وقت أكثر من المتوقع، قد يكون هذا بسبب بطء الإتصال بالأنترنت"}}.POS_SK_container{position:absolute;height:100%;width:100%;overflow:hidden;background-color:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center}.POS_SK_text{font-weight:600;font-size:2vmax;padding-bottom:2vmax}.POS_SK_loadingDiv{width:60%;height:5%;border:.3vmax #000 solid;border-radius:6vmax;position:relative}.POS_SK_loadingFigure,.POS_SK_loadingFigureAr{padding:0;margin:0;height:100%;border-radius:6vmax;transition:all .2s ease-in-out;animation:load 8s 1;animation-fill-mode:forwards}.POS_SK_loadingFigure:after{content:"";display:flex;position:absolute;top:150%;justify-content:center;align-items:center;width:70%;height:100%;left:15%;font-size:1.3vmax;font-weight:600;transition:all .2s ease-in-out;animation:type 9s 1;animation-fill-mode:forwards}.POS_SK_loadingFigureAr:after{content:"";display:flex;position:absolute;top:150%;justify-content:center;align-items:center;width:70%;height:100%;left:15%;font-size:1.3vmax;font-weight:600;transition:all .2s ease-in-out;animation:typeAr 9s 1;animation-fill-mode:forwards}@media (max-width: 750px){.POS_SK_loadingDiv{overflow:hidden}.POS_SK_text{font-weight:600;font-size:2vmax;padding-bottom:2vmax}.POS_SK_loadingFigure:after{text-align:center;font-size:1.4vmax}.POS_SK_loadingFigureAr:after{text-align:center;font-size:1.4vmax}}.tutorialCardGrid{display:grid;height:18vmax;width:20vmax;place-items:center;background-color:#fff;margin:1vmax;border-radius:1vmax;box-shadow:#00000026 2px 1.95px 1.95px 2.6px;position:relative;grid-template-columns:100%;grid-template-rows:35% 15% 50%;padding-bottom:1vmax;cursor:pointer;transition:all .2s ease-in-out;opacity:.85}.tutorialCardGrid:hover{transform:translate(-.25vmax) translateY(-.25vmax) scale(1.02);box-shadow:#0000004d 3px 2.95px 2.95px 3.6px;opacity:1}.tutorialCardGrid:hover .tutorialCardImage{filter:grayscale(0%)}.tutorialCardGrid:hover .youtubeHover{opacity:.2;z-index:1}.youtubeHover{height:100%;width:100%;position:absolute;z-index:-1;align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease-in-out}.youtubeHoverImg{height:16vmax;width:16vmax;transition:all .2s ease-in-out}.tutorialCardImageDiv{height:4.7vmax;width:4.7vmax;display:grid;place-items:center;border-radius:50%;border:.2vmax #07014f solid;z-index:30}.tutorialCardImage{height:4.5vmax;width:4.5vmax;border-radius:50%;z-index:30;filter:grayscale(70%);transition:all .2s ease-in-out}.tutorialCardTitle{height:100%;width:100%;background-color:#07014f;background:linear-gradient(186deg,rgba(28,2,72,.98) 3%,rgba(0,0,0,.98) 26%,rgba(9,8,48,.98) 54%,rgba(26,26,35,.98) 85%);color:#fff;display:grid;place-items:center;font-size:1.3vmax;padding:0;z-index:30;margin:0}.tutorialCardText{max-height:95%;width:95%;z-index:30;padding:.5vmax 1vmax;margin:0;display:grid;align-items:flex-start;justify-items:flex-start;align-self:flex-start;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;transition:all .2s ease-in-out;scroll-behavior:smooth;font-weight:700;font-size:1vmax;color:#07014f}.tutorialCardText::-webkit-scrollbar{display:none}@media (max-width: 750px){.tutorialCardGrid{display:grid;height:20vmax;width:17vmax}}.videoPlayerContainer{position:absolute;top:0%;z-index:300;height:100%;width:100vw;background-color:#0009;display:flex;justify-content:center;align-items:center;background:rgb(1,0,57);background:radial-gradient(circle,rgba(1,0,57,1) 0%,rgba(5,5,66,1) 50%,rgba(0,0,0,1) 100%)}.videoPlayerClose{position:absolute;background-color:#fff;border-radius:50%;border:.2vmax #fff solid;height:2vmax;width:2vmax;top:10%;left:93%;cursor:pointer;transition:all .2s ease-in-out;z-index:333}.videoPlayerClose:hover{transform:rotate(90deg)}.videoPlayerFrame{border-radius:1vmax;height:40.5vw;width:72vw;border:.18vmax #fff solid;box-shadow:#0000004d 3px 2.95px 2.95px 3.6px}@font-face{font-family:roboto;src:url(/fonts/Roboto-Regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:monotype_corsivaregular;src:url(/fonts/mtcorsva-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:arabic-font;src:url(/fonts/ar-jarida.woff) format("woff");font-weight:400;font-style:normal}:root{font-family:roboto,Calibri;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;max-width:100%}.AppArabic{font-family:arabic-font,roboto,Calibri}.rightToLeft{direction:rtl;text-align:right}.leftToRight{direction:ltr}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#000!important}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{margin:0;padding:0;display:flex;place-items:center;background-image:url(/background.svg);font-family:Roboto;background-size:cover;color:#000;overflow:hidden;height:100vh;width:100vw}html{position:relative}div,button,input textarea{font-family:inherit}input:autofill{background:#fff}.printingContainer{display:none}@media (max-width: 750px){:root{font-family:roboto;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#root{align-self:flex-start}}