@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Readex+Pro:wght@160..700&display=swap);*{box-sizing:border-box;font-family:Cairo,sans-serif;font-weight:400;line-height:150%}body{background-color:#f9f9f9;direction:rtl;margin:0;padding:0}a{color:#555;cursor:pointer;text-decoration:none}a:hover{opacity:.7}img{max-width:100%}audio,b,button,content,div,footer,h1,h2,h3,h4,h5,h6,img,input,li,nav,ol,p,select,table,td,text,textarea,ul{font-size:12pt;margin:0;outline-width:0;padding:0}li{list-style-type:none}table{border-spacing:0}::-webkit-scrollbar{height:2px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ccc;border-radius:15px}.LoaderBox{align-items:center;display:flex;height:100%;justify-content:center;position:fixed;right:0;top:0;width:100%;z-index:100}.loader{animation:rotation 1s linear infinite;border-color:#42a5f5 #42a5f5 #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;box-sizing:border-box;display:inline-block;height:48px;position:relative;width:48px}.loader:after,.loader:before{animation:rotationBack .5s linear infinite;border-color:#0000 #0000 #ff3d00 #ff3d00;border-radius:50%;border-style:solid;border-width:3px;bottom:0;box-sizing:border-box;content:"";height:40px;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center center;width:40px}.loader:before{animation:rotation 1.5s linear infinite;border-color:#42a5f5 #42a5f5 #0000 #0000;height:32px;width:32px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotationBack{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.mobileScreen{display:none}.mainWidth{display:table;margin:auto;width:960px}.btn{align-items:center;background-color:#fd745a;border:0;border-radius:5px;color:#fff;display:flex;font-size:14pt;font-weight:500}.align-left,.align-right{text-align:right!important}.align-center{text-align:center!important}.green{background-color:#01b2bc!important}.blue{background-color:#6799ec!important}.gray{background-color:#999!important}.orange{background-color:#ffa442!important}.red{background-color:#f44337!important}.btn,button{cursor:pointer}.btn{outline:#01b2bc}.btn:focus{box-shadow:inset 0 0 0 2px #000!important}.dataHead nav{align-self:self-end;background-color:#f5f5f5;border-bottom:1px solid #e5e5e5;display:flex;gap:10px;padding:15px 10px 0}.dataHead nav a{color:#666;display:flex;font-size:10pt;font-weight:400;padding:10px}.dataHead nav a.checked{background-color:#fff;border:1px solid #eee;border-bottom:0;border-radius:6px 6px 0 0;color:#444;font-weight:600;transform:translateY(1px)}.tabsSection{display:none}.tabsSection.active{display:block}.table{border-bottom:1px solid #d7e1ed;border-left:1px solid #d7e1ed;border-spacing:0;width:100%}.table thead tr td{font-weight:600}.table tr td{border-top:1px solid #d7e1ed;color:#607188;font-size:10pt;font-weight:400;padding:8px 6px;text-align:center;vertical-align:middle}.tableTRList.notValid td:first-child{border-right:3px solid red}.table tbody tr:nth-child(odd){background-color:#eef5f9}.table .check{zoom:1.5;cursor:pointer}.table .options{font-size:16pt;line-height:100%}.table .options.delete{color:#f33737}.tag{background-color:#42a5f5;border-radius:20px;color:#fff;display:table;font-size:10pt;margin:auto;padding:3px 10px}.noData{background-color:#f1f1f1;color:#555;padding:30px;text-align:center}table .tableOptions{background-color:#999;border-radius:5px;color:#fff;font-size:15pt;line-height:0;padding:4px 4px 0}@media only screen and (max-width:1000px){.mainWidth{width:100%}.effect.small h1{padding:13px}.effect.small .headPath,.effect.small h1{font-size:16pt!important;margin-top:0!important;text-align:center}.effect.small .headPath{padding:22px}.effect.small .headPath a{font-size:14pt}.effect.small .headPath a.main{font-size:14pt!important}.logo{display:block;padding:5px 10px!important}.mobileScreen.menuCont{align-items:center;display:flex;gap:10px}.mobileScreen.menuCont .btn{border-radius:20px;padding:2px 15px}.mobileScreen.menuCont div{align-items:flex-end;color:#fff;display:flex;position:relative;width:50px}.mobileScreen.menuCont div img{aspect-ratio:1;border:1px solid #fff;border-radius:100px;object-fit:cover;width:40px}.mobileScreen .menuBtn{align-self:center;color:#fff;display:block;font-size:26pt;line-height:50%;margin-right:10px}.mobileScreen.menuCont div b{align-items:center;background-color:#c62827;border-radius:50%;display:flex;font-size:8pt;height:16px;justify-content:center;line-height:100%;position:absolute;right:-5px;top:-5px;width:16px}.mobileScreen.slideMenu.open{display:block}.mobileScreen.slideMenu .black{background-color:#00000080;height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:4}.mobileScreen.slideMenu .menuBox{background-color:#fff;box-shadow:0 0 10px #0003;height:100vh;left:0;max-width:360px;overflow:auto;position:fixed;top:0;transform:translateX(-110%);transition:all .4s;width:80%;z-index:5}.mobileScreen.slideMenu.open .menuBox{transform:translateX(0)}.mobileScreen.slideMenu .userImgIn{align-items:center;background-color:#e1e9e9;border-bottom:1px solid #ddd;display:flex;gap:8px;padding:20px}.mobileScreen.slideMenu .userImgIn img{aspect-ratio:1;border-radius:50%;object-fit:cover;width:50px}.mobileScreen.slideMenu .userImgIn div{flex:1 1}.mobileScreen.slideMenu .userImgIn div h3{font-size:12pt;font-weight:600}.mobileScreen.slideMenu .userImgIn div h4{color:#777;font-size:10pt;font-weight:300}.mobileScreen.slideMenu .menuBox .allMenusMobile nav{border-top:1px solid #ddd;padding:20px 0}.mobileScreen.slideMenu .menuBox .allMenusMobile nav a{align-items:center;display:flex;gap:10px;padding:10px 20px}.mobileScreen.slideMenu .menuBox .allMenusMobile nav a svg{color:#555}.effect{height:400px!important}.effect.small{height:70px!important}.effect .textEffect{max-width:100%!important;padding:20px}.effect .textEffect h1{font-size:26pt!important}.effect .textEffect p{font-size:14pt!important;font-weight:500!important;text-shadow:1px 1px #000;visibility:hidden}.firstElem{margin:auto;margin-top:-10px!important;width:90%}.firstElem .mainWidth{flex-wrap:wrap}.firstElem .mainWidth a{border-bottom:1px solid #eee;flex:none!important;flex-direction:column;width:50%}.firstElem .mainWidth a img{align-self:center!important}.boxLine,.boxTitle,.boxshort{margin-left:10px!important}.boxshort{display:block}.sect1 .sectBox{display:block!important}.sect1 .sectBox .options{flex-direction:column}.sect1 .sectBox .options a{border-top:1px solid #ddd;height:auto!important;padding:15px;width:100%!important}.sect1 .sectBox .man{display:none}.sect5 .sect5Box{flex-wrap:wrap;gap:2%!important;margin-top:20px!important;padding:15px}.sect5 .sect5Box div{flex:none!important;margin-bottom:2%;width:49%!important}.sect5 .sect5Box div img{aspect-ratio:16/11!important}.sect3 text{font-size:12pt!important;font-weight:200!important;margin:30px 10px 0!important}.sect3 .sec3Box{flex-direction:column}.sect3 .sec3Box a{border-top:1px solid #444;padding:25px 15px}.footer{padding-top:50px!important}.footer .mainWidth{flex-direction:column}.footer .mainWidth .footerBox{border-bottom:1px solid #ddd;padding:20px 15px;width:100%!important}.footerText{margin-top:0!important}.cp{flex-direction:column}.cp .containerBox{width:100%!important}.quizzesList{overflow:auto;width:100vw}.quizzesList table{min-width:-webkit-max-content!important;min-width:max-content!important}.quizzesList table td{max-width:300px}.profileBox{margin-top:0!important;width:94%!important}.sect5 .sect5Box div text{font-size:11pt}.firstElem.search{width:100%}.body{margin-top:0!important}.filterBox.open{width:100%}.quizPrevBox .questionsBox{padding:30px 20px!important}.quizPrevBox .quizInfo .left .moreInfo{flex-direction:column;gap:5px!important}.sect5.tasks{padding-top:20px}.backGMain{background-position:100% 100%;padding-top:70px}header{position:fixed;right:0;top:0;width:100%;z-index:1}header nav{background-color:#0009!important}.body.taskBox .containerBox{margin:auto;width:94%!important}.body.taskBox .sectionInfo ul{padding:20px 15px!important}.cp .containerBox .boxTitle{padding:0!important}header nav .mainWidth .left,header nav .mainWidth .right{display:none!important}.answersBox .letSqu b{width:51px!important}.filterBoxTop .formInputBox .selectBox .selectName{min-width:auto!important}}.firstElem{margin-top:-70px;z-index:1}.firstElem .mainWidth{background-color:#fff;box-shadow:0 0 10px #0000001a;display:flex;justify-content:space-between}.firstElem .mainWidth a{border-right:1px solid #eee;color:#111;display:flex;flex:1 1;gap:20px;padding:25px 15px;z-index:1}.firstElem .mainWidth a svg{color:#fd745a;font-size:26pt}.firstElem .mainWidth a img{align-self:start;height:auto;width:40px}.firstElem .mainWidth a div{flex:1 1}.firstElem .mainWidth a div h2{color:#555;font-size:12pt;font-weight:600;line-height:120%;margin-bottom:5px}.firstElem .mainWidth a div p{color:#777;font-size:11pt;font-weight:300}.shadow{box-shadow:0 0 10px #0000001a}.sect1{margin-top:50px}.sect1 .sectBox{display:flex}.sect1 .sectBox .options{align-items:flex-start;align-self:start;display:flex;flex:1 1;flex-wrap:wrap;gap:5%;padding-bottom:10px}.sect1 .sectBox .options a{display:flex;gap:15px;height:100px;width:46%}.sect1 .sectBox .options a svg{color:#e00667;font-size:36pt}.sect1 .sectBox .options a img{align-self:start;width:40px}.sect1 .sectBox .options a h4{color:#444;font-size:12pt;font-weight:600}.sect1 .sectBox .options a text{color:#999;display:table;font-size:10pt;font-weight:300}.sect1 .sectBox .man{align-self:end;width:24%}.sect1 .sectBox .man img{display:table}.sect2{background-color:#fff;border-top:1px solid #ddd;padding:50px 0}.sect2 .mainWidth{display:flex;gap:20px}.sect2 .mainWidth h5{font-size:20pt;font-weight:0}.sect2 .mainWidth text{color:#777;display:block;font-size:13pt;font-weight:300;margin-top:10px}.sect2 .mainWidth img{aspect-ratio:1.8;object-fit:cover;width:44%}.sect3{background-color:#222;padding:50px 0}.sect3 h6{border-bottom:2px solid #ddd;height:22px;margin:auto;padding:0 40px;width:315px}.sect3 h6 span{background-color:#222;color:#fd745a;display:table;font-size:20pt;font-weight:600;letter-spacing:5px;padding:0 10px}.sect3 text{color:#eee;display:table;font-size:14pt;font-weight:300;margin:36px auto auto}.sect3 .sec3Box{display:flex;gap:5%;margin-top:40px}.sect3 .sec3Box a{flex:1 1}.sect3 .sec3Box a svg{color:#fd745a;font-size:30pt}.sect3 .sec3Box a b{color:#eee;font-size:16pt;font-weight:300}.sect3 .sec3Box a p{color:#999;font-size:12pt;font-weight:200}.sect3 .sec3Box a span{color:#ddd;display:block;font-size:10pt;font-weight:200;margin-top:10px}.sect5{background-color:#fff;border-top:1px solid #eee;padding:40px 0}.sect5 .sect5Box{display:flex;flex-wrap:wrap;gap:40px 5%;margin-top:40px}.sect5 .sect5Box div{background-color:#f7f7f7;border-radius:10px;display:block;padding:10px;width:30%}.sect5 .sect5Box div img{aspect-ratio:16/9;color:#444;object-fit:cover;width:100%}.sect5 .sect5Box div h3{color:#111;font-size:12pt;font-weight:600}.sect5 .sect5Box div h4{color:#666;font-size:10pt;font-weight:300}.sect5 .sect5Box div span{display:flex;gap:5px;margin-top:10px}.sect5 .sect5Box div span small{background-color:#ffa135;border-radius:20px;color:#fff;display:flex;font-size:9pt;padding:4px 10px}.sect5 .sect5Box div text{color:#777;display:block;flex:1 1;font-weight:200;margin-bottom:10px}.sect5.gray5{background-color:#f9f9f9}.sect5.gray5 .sect5Box{gap:2%}.sect5.gray5 .sect5Box div{background-color:#fff;box-shadow:0 0 5px #0000001a;width:23.2%}.sect5.gray5 .gameListBox img{aspect-ratio:1}.sect6{background-color:#fff;border-bottom:1px solid #eee}.sect6 .mainWidth hr{margin-top:40px}.sect6 .sect6Box{align-items:center;display:flex;margin-top:40px}.sect6 .sect6Box .right,.sect6 .sect6Box a{display:flex;flex:1 1}.sect6 .sect6Box a{flex-direction:column;text-align:center}.sect6 .sect6Box a span{color:#e00667;font-size:34pt;line-height:100%}.sect6 .sect6Box a text{color:#999;font-size:10pt;font-weight:200}.sect6 .sect6Box .left img{display:block;height:200px}.boxLine{border:0;border-top:2px solid #1f94d8;margin:10px auto 15px;width:150px}.boxTitle{color:#333;font-size:20pt;font-weight:800;line-height:150%;text-align:center;text-transform:capitalize}.boxshort{color:#999;font-family:Readex Pro,serif;font-size:11pt;font-weight:300;text-align:center}.statsMainBox{background-color:#fff;border-top:1px solid #eee;padding:60px 0;position:relative;z-index:1}.statsMainBox .mainWidth{align-items:center;display:flex;gap:15px;padding:0}.statsMainBox .mainWidth div{align-items:center;background-color:#ffa135;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;flex:1 1;flex-direction:column;padding:30px 0}.statsMainBox .mainWidth div:first-child{border:0}.statsMainBox .mainWidth div span{color:#fff;font-size:9pt;font-weight:300}.statsMainBox .mainWidth div b{color:#fff;font-family:Readex Pro,serif;font-size:35pt;font-weight:400}.statsMainBox .mainWidth div:nth-child(2){background-color:#32b388}.statsMainBox .mainWidth div:nth-child(3){background-color:#ff5e5e}.statsMainBox .mainWidth div:nth-child(4){background-color:#1f94d8}.sect5.gamesCont{border:0;display:flex;flex-wrap:wrap;gap:3%;padding:0}.sect5.gamesCont .sect5Box{padding:15px}.sect5.gamesCont .sect5Box .gameListBox{border:1px solid #eee;margin-bottom:10px;width:23.6%}.classesListBox{display:flex;flex-wrap:wrap;gap:5%;justify-content:center}.classesListBox div{background-color:#fff;border:1px solid #eee;display:flex;flex-direction:column;margin-top:5%;position:relative;text-align:center;width:29%}.classesListBox div img{height:140px;object-fit:cover;width:100%}.classesListBox div h4{font-size:12pt;font-weight:700!important;padding:10px 0}.classesListBox div label{display:none;left:0;position:absolute;top:0}.classesListBox div label svg{background-color:#42a5f5;color:#fff;cursor:pointer;font-size:20pt;padding:5px}.classesListBox div label input{height:1px;position:absolute;width:1px}.classesListBox div:hover label{display:block}.catsListBox{display:flex;flex-wrap:wrap;gap:5%}.catsListBox div{background-color:#fff;border:1px solid #eee;display:flex;flex-direction:column;margin-top:5%;position:relative;text-align:center;width:29%}.catsListBox div img{height:140px;object-fit:cover;width:100%}.catsListBox div h4{font-size:12pt;font-weight:700!important;padding:10px 0}.catsListBox div label{display:none;left:0;position:absolute;top:0}.dataListBox{display:flex;flex-wrap:wrap;gap:3%}.dataListBox div{background-color:#fff;border:1px solid #eee;display:flex;flex-direction:column;margin-top:5%;position:relative;text-align:center;width:17.5%}.dataListBox div svg{background-color:#eee;font-size:65pt;padding:26px 0;width:100%}.dataListBox div h4{font-size:9pt;font-weight:700!important;padding:10px 5px}div.noData{background-color:#f8f8f8;border-radius:10px;flex:1 1;font-weight:800}.homeTopScreenMain{max-height:300px;object-fit:cover;width:100%}.formInputBox{display:block;max-width:400px;padding:25px 10px;position:relative;width:100%}.formInputBox span{color:#7c899c;display:block;font-size:12px;font-weight:600;height:18px;transform:translateY(18px);transition:all .1s}.formInputBox span b{color:#f05a56;font-size:9pt;font-weight:600}.formInputBox input,.formInputBox textarea{background-color:initial;border:0;border-bottom:1px solid #d3dbe5;color:#555;font-size:14px;font-weight:400;padding:3px 0;width:100%}.formInputBox textarea{display:block;margin:0;min-height:80px}.formInputBox.focused span{color:#42a5f5;transform:translateY(0)}.formInputBox hr{border:0;border-bottom:1px solid #42a5f5;margin:0;padding:0;position:absolute;transform:scaleX(0);transition:all .3s;width:95%}.formInputBox.focused hr{transform:scaleX(1)}.formInputBox.error span{color:#f05a56}.formInputBox p{display:none}.formInputBox.error p{color:#f05a56;display:block;font-size:10pt;margin-top:2px}.formInputBox.error hr{border-color:#f05a56}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}.selectBox .selectName{align-items:center;border-bottom:1px solid #d3dbe5;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:space-between;padding:3px 0}.selectBox svg{font-size:14pt}nav.dropDownBox{background-color:#fff;box-shadow:0 0 5px #0000001a;height:0;overflow:hidden;position:absolute;top:50px;transition:all .4s;width:100%;z-index:1}nav.dropDownBox.open{height:auto}nav.dropDownBox.open div{max-height:200px;overflow:auto}nav.dropDownBox input{background-color:#f9f9f9;border-bottom:1px solid #eee;font-size:11pt;padding:10px}nav.dropDownBox a,nav.dropDownBox label{display:block;font-size:10pt;padding:8px 20px}nav.dropDownBox a.selected,nav.dropDownBox a:hover,nav.dropDownBox label:hover{background-color:#4fa0ff;color:#fff}.dropDownBox .multiSelectBox label{align-items:center;display:flex;gap:5px}.dropDownBox .multiSelectBox label svg{color:#4fa0ff;font-size:16pt}.dropDownBox .multiSelectBox label:hover svg{color:#fff}.formInputBox .uploadForm.Img{aspect-ratio:1;border:2px solid #eee;border-radius:10px;cursor:pointer;object-fit:cover;width:150px}.formInputBox .uploadForm.Img:hover{opacity:.7}.formInputBox .uploadField{height:1px;visibility:hidden;width:1px}.focusedSelect:focus{box-shadow:inset 0 0 0 2px #000!important}.quizPrevBox{display:flex;flex-direction:column;height:90vh;min-height:0}.quizPrevBox .quizInfo{background-color:#f9f9f9}.quizPrevBox .quizInfo .left{display:flex;gap:10px;padding:15px 10px}.quizPrevBox .quizInfo .left img{aspect-ratio:1.2;border-radius:5px;object-fit:cover;width:120px}.quizPrevBox .quizInfo .left .infoText h2{color:#555;font-size:14pt;font-weight:600}.quizPrevBox .quizInfo .left .infoText p{color:#555;font-size:11pt;font-weight:300}.quizPrevBox .quizInfo .left .moreInfo{display:flex;gap:10px;margin-top:4px}.quizPrevBox .quizInfo .left .moreInfo text{align-items:center;background-color:#fd745a;border-radius:20px;color:#fff;display:flex;font-size:10pt;padding:2px 10px}.quizPrevBox .quizInfo .left .moreInfo text b{font-size:9pt;font-weight:600;margin-left:2px}.quizPrevBox .quizInfo .left .moreInfo text svg{margin-left:3px}.quizPrevBox .questionsBox{border-top:1px solid #e9e9e9;display:flex;flex:1 1;flex-direction:column;gap:15px;min-height:0;overflow:auto;padding:30px 50px}.quizPrevBox .questionsBox .question{border-radius:5px;box-shadow:0 0 5px #fd745a80;cursor:pointer;padding:0;position:relative}.quizPrevBox .questionsBox .question:hover{box-shadow:0 0 5px #fd745acc}.quizPrevBox .questionsBox .question.checked{box-shadow:0 0 5px #01b2bc80}.quizPrevBox .questionsBox .question h3{color:#555;font-size:12pt;font-weight:600;padding:5px 15px 0 0}.quizPrevBox .questionsBox .question .notesBox{color:#888;font-size:10pt;font-weight:300;padding:10px 15px 0 0}.quizPrevBox .questionsBox .question .notesBox b{color:#666;font-size:10pt;font-weight:500}.quizPrevBox .questionsBox .question .checkBoxQ{display:flex;justify-content:space-between;padding:5px;text-align:right}.quizPrevBox .questionsBox .question .checkBoxQ b{align-items:center;background-color:#111;border-radius:0 10px 0 10px;color:#fff;display:flex;height:30px;justify-content:center;transform:translate(5px,-5px);width:30px}.quizPrevBox .questionsBox .question .checkBoxQ svg{color:#fd745a;cursor:pointer;font-size:22pt}.quizPrevBox .questionsBox .question .answersBox{display:flex;flex-direction:column;gap:6px;margin-bottom:30px;margin-top:20px;padding:0 15px}.quizPrevBox .questionsBox .question .answersBox label{align-items:center;background-color:#fff;border-radius:5px;color:#555;display:flex;font-size:11pt;font-weight:300;gap:5px;padding:0 10px}.quizPrevBox .questionsBox .question .answersBox label svg.radio{color:#999;font-size:14pt}.quizPrevBox .questionsBox .question .answersBox label svg.radio.on{color:#fd745a}.quizPrevBox .questionsBox .question .qVideoPlayer{padding:15px}.quizPrevBox .questionsBox .question .qVideoPlayer iframe{aspect-ratio:16/9;width:100%}.quizPrevBox .questionsBox .question .qVideoPlayer p{color:#777;font-size:10pt;font-weight:300;padding:0 15px}.quizPrevBox .quizBtnBox{background-color:#f9f9f9;border-top:1px solid #e9e9e9;display:flex;gap:5px;justify-content:flex-end;padding:15px}.quizPrevBox .quizBtnBox .btn{cursor:pointer;font-size:12pt;font-weight:400;padding:6px 15px}.quizPrevBox .quizBtnBox .btn:hover{opacity:.8}.quizPrevBox .questionsBox .question .fav{background-color:#999;bottom:10px;padding:4px;position:absolute;right:10px}.quizPrevBox .questionsBox .question .fav.on{background-color:#01b2bc}.questionComments{align-items:center;background-color:#f9f9f9;border-radius:0 0 5px 5px;border-top:1px solid #e7e7e7;display:flex;justify-content:space-between;margin-top:20px;padding:0 15px}.questionComments .formInputBox{padding:10px;width:100px}.questionComments .formInputBox input{background-color:#fff;border:1px solid #e4e4e4;border-radius:5px;font-size:16pt;text-align:center}.questionComments .formInputBox span{transform:translateY(0)}.questionComments .formInputBox .dropDownBox input,.questionComments .formInputBox hr{display:none}.kettersSplit{padding:20px}.kettersSplit a{aspect-ratio:1;width:30px}.answerLetTr{margin-top:10px;text-align:center}.answerLetTr b{color:#fd745a;font-size:30pt;font-weight:600;letter-spacing:5px;text-transform:uppercase}.storyBox{border-radius:5px;box-shadow:0 0 5px #fd745a80;padding:10px}.storyBox strong{font-weight:800}.storyBox h2{font-size:14pt;font-weight:600;margin-bottom:5px}.filterQuestionsBox{align-items:center;background-color:#f1f1f1;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:5px 10px}.filterQuestionsBox input{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:5px;width:40%}.filterQuestionsBox a{color:#2487ae;text-decoration:underline}.textMissingWord *{font-weight:300;line-height:200%}missing.missingAnswer{background-color:#ddd;border-radius:5px;font-weight:600;padding:0 10px}.footer{background-color:#000;padding:100px 0 0}.footer .mainWidth{display:flex;gap:5%}.footer .mainWidth .footerBox b{display:block;font-size:11pt;font-weight:600;margin-bottom:5px}.footer .mainWidth .footerBox text{color:#888;font-size:10pt}.footer .mainWidth .footerBox.links ul li{list-style-position:inside;list-style-type:disc}.footer .mainWidth .footerBox.links ul li a{color:#555;margin-left:-8px}.footer .mainWidth .footerBox.social nav{display:flex;gap:5px}.footer .mainWidth .footerBox.social nav a{background-color:#f2f3f5;font-size:16pt;line-height:100%;padding:8px}.footer .mainWidth .footerBox.social nav a:hover{background-color:#e00667;color:#fff}.footerText{background-color:#111;border-top:1px solid #333;color:#ccc;font-size:10pt;margin-top:60px;padding:20px 0;text-align:center}.footerText a{color:#ffa135}.backGMain{display:flex;flex-direction:column;height:450px;position:relative}.backGMain.small{height:380px}.backgroundVid{background-color:#000;object-fit:cover}.aboveVideo,.backgroundVid{height:100%;position:absolute;width:100%;z-index:-1}.aboveVideo{background-color:#0000001a}.aboveVideo video{background-color:#000;height:100%;object-fit:cover;width:100%}header{align-self:flex-start;background-color:#fff;box-shadow:0 0 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}header .headWidth{padding:10px}header nav{display:table;padding:0;width:100%}header nav .mainWidth{display:flex;gap:10px;justify-content:space-between}header nav .mainWidth .logo{align-items:center;color:#fff;display:flex;font-size:30pt}header nav .mainWidth .logo img{height:52px}header nav .mainWidth .left{display:flex;padding:0}header nav .mainWidth .left a{align-items:center;color:#777;display:flex;flex-direction:column;font-size:10pt;font-weight:800;padding:18px 13px}header nav .mainWidth .left a.checked{background-color:#f9f9f9;border-bottom:2px solid #1f66d8}header nav .mainWidth .left a svg{display:none;font-size:16pt}header nav .mainWidth .left a:hover{opacity:.7}.effect{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGymlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTEwLTExVDEwOjE3OjA4KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0xMC0xMVQxMDoxODo1OCswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0xMC0xMVQxMDoxODo1OCswMzowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5ZWFiNDU5Yi1jOTQ4LTRlY2ItODhlMy0xY2E2ZTkyMzUwYjEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphMzcxYTJmZi1lNTM4LTY3NDctYjhkNS00ZTExOGU2YjY3MjEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MkQzNjQ3Njk4RUMxMUU1OTYyRUFCNjczREJCODQyMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyRDM2NDczOThFQzExRTU5NjJFQUI2NzNEQkI4NDIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyRDM2NDc0OThFQzExRTU5NjJFQUI2NzNEQkI4NDIzIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2Y2I2YjUxLTE4MDAtNDc3NC1iMDA5LTRiZjliOGU4NjdhMSIgc3RFdnQ6d2hlbj0iMjAyNC0xMC0xMVQxMDoxODo1OCswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjllYWI0NTliLWM5NDgtNGVjYi04OGUzLTFjYTZlOTIzNTBiMSIgc3RFdnQ6d2hlbj0iMjAyNC0xMC0xMVQxMDoxODo1OCswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+82MK5wAAAERJREFUKJFjZGPnrFdSN3vAwMDAcO/mKQVS2IwaevbxDGQCJnI1MjAwMDDdu3lKAcYhlT3qbFI1jzqbRJvJ1cjAwMAAAN3hS2UwUausAAAAAElFTkSuQmCC);display:flex;flex:1 1}.effect.small{display:block;flex:0 1;height:300px}.effect .textEffect{max-width:50%}.effect .textEffect h1{color:#fff;display:table;font-size:36pt;font-weight:800;padding:2px 20px;text-shadow:#0003 3px 3px}.effect .textEffect h2{background-color:#ffa135;color:#fff;display:table;font-size:14pt;font-weight:600;margin-top:10px;padding:2px 20px}.effect .textEffect p{color:#fff;font-weight:300;margin-top:20px}.effect .textEffect .btn{background-color:#1f66d8;border-radius:5px;color:#fff;display:table;font-size:14pt;margin-top:20px;padding:7px 20px}header nav .mainWidth .right{align-items:center;display:flex;gap:15px}header nav .mainWidth .right a.link{align-items:center;color:#eee;display:flex;font-size:11pt;gap:3px}header nav .mainWidth .right a.btn{background-color:#1f66d8;border-radius:20px;color:#fff;display:table;font-size:12pt;font-weight:600;height:30px;padding:8px 20px}.userBox{align-items:center;cursor:pointer;display:flex;height:100%;padding:0 10px;position:relative}.userBox:focus{box-shadow:inset 0 0 0 1px #fff!important}.userBox:hover{background-color:#ffffff1a}.userBox div{align-items:flex-end;color:#fff;display:flex;position:relative}.userBox div b{align-items:center;background-color:#c62827;border-radius:50%;display:flex;font-size:8pt;height:16px;justify-content:center;line-height:100%;position:absolute;right:-5px;top:-5px;width:16px}.userBox div img{aspect-ratio:1;border-radius:100px;object-fit:cover;width:45px}.userBox .userMenuBox{background-color:#fff;box-shadow:2px 2px 10px #0000001a;position:absolute;right:0;top:58px;width:220px;z-index:2}.userBox .userMenuBox a{align-items:center;border-top:1px solid #eee;color:#366883;display:flex;font-size:10pt;gap:8px;padding:8px 10px}.userBox .userMenuBox a:hover{background-color:#fd745a;border-top:1px solid #de634b;color:#fff;opacity:1}.userBox .userMenuBox a svg{font-size:14pt}.effect.small h1{font-size:30pt;margin-top:170px}.effect.small .headPath,.effect.small h1{color:#fff;font-weight:600;text-shadow:2px 2px #000}.effect.small .headPath{align-items:end;display:flex;font-size:16pt;gap:5px;margin-top:200px}.effect.small .headPath a{color:#fff;line-height:50%}.effect.small .headPath a.main{font-size:20pt}.languageSelectBox{position:relative}.languageSelectBox li{align-items:center;background-color:#fffc;border-radius:15px;color:#555;cursor:pointer;display:flex;font-size:10pt;padding:4px 5px 4px 10px}.languageSelectBox li:hover{opacity:.8}.languageSelectBox template{background-color:#fff;border-radius:0 0 10px 10px;display:none;flex-direction:column;gap:5px;padding:5px;position:absolute;right:0;top:48px}.languageSelectBox template a{color:#555;font-size:10pt;font-weight:600;text-align:center}.languageSelectBox template.open{display:flex}.marqueeContent{background-color:#222;overflow:hidden;padding:8px 0;width:100vw}.marqueeBox{animation:marquee 25s linear infinite;display:flex;gap:20px}.marqueeBox a{align-items:center;display:flex;gap:2px;white-space:nowrap}.marqueeBox a time{color:#ff6141;font-weight:300}.marqueeBox a h5,.marqueeBox a time{font-family:Readex Pro,serif;font-size:10pt}.marqueeBox a h5{color:#d5d5d5}.marqueeBox:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.homeTopScreen{max-height:250px;object-fit:cover;width:100%}.smallHeaderSelect{align-items:center;background-color:#1f66d8;display:flex;justify-content:center;min-height:200px;position:relative}.smallHeaderSelect h1{color:#fff;font-size:24pt;position:absolute;text-shadow:#0003 3px 3px}.catsPathAll .mainWidth{align-items:center;display:flex;font-size:10pt;gap:5px;padding:10px 0}.catsPathAll svg{color:#666;font-size:9pt}.catsPathAll a:hover{color:#c62827}.loginForm h2{color:#fd745a;font-size:18pt;font-weight:800;margin-bottom:5px;text-align:center}.loginForm p{color:#888;font-size:11pt;font-weight:300;margin-bottom:50px;text-align:center}.loginForm .btn{justify-content:center;margin-top:20px;padding:8px;width:100%}.loginForm .or{border-top:1px solid #ddd;margin:40px auto auto;padding:0 20px;text-align:center;width:70%}.loginForm .or span{background-color:#fff;color:#777;display:table;font-size:10pt;margin:-11px auto auto;padding:0 10px}.loginForm .btn.extLogin{align-items:center;background-color:#f1f1f1;border:1px solid #ddd;color:#555;display:table;display:flex;font-size:12pt;gap:10px;justify-content:center;margin:30px auto auto;width:auto}.loginForm .extLogin img{height:30px}.popupBox{align-items:center;animation:popup .2s linear;background-color:#000c;display:flex;height:100vh;justify-content:center;opacity:1;padding:10px;position:fixed;right:0;top:0;width:100vw;z-index:9}@keyframes popup{0%{opacity:0}to{opacity:1}}.popupBox .popup{animation:popupBox .2s linear;background-color:#fff;box-shadow:0 0 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;min-height:0;transform:scale(1);width:96%}@keyframes popupBox{0%{transform:scale(0)}to{transform:scale(1)}}.popupBox .popup .closePop{align-items:center;background-color:red;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:-15px;top:-15px;width:26px}.popupBox .popup .closePop:hover{opacity:.8}.popupBox .popup h1{align-items:center;background-color:#fd745a;color:#fff;display:flex;font-size:16pt;font-weight:600;gap:5px;padding:10px 20px}.popupBox .popup h1 svg{cursor:pointer;font-size:24pt}.popupBox .popup h1 svg:hover{opacity:.7}.popupBox .popup .popupBody{flex:1 1;overflow:auto}.popupBox .popup .popupBody form{padding:20px}.searchDicBox{display:flex;padding:20px}.searchDicBox input{border:1px solid #ddd;border-radius:5px 0 0 5px;border-right-color:#eee;flex:1 1;padding:10px}.searchDicBox select{border:1px solid #ddd;border-left:0;border-radius:0 5px 5px 0;padding:0 10px}.dicResBox{background-color:#fff;border-top:1px solid #eee;padding:20px}.dicResBox table{border-spacing:0;width:100%}.dicResBox table tr:nth-child(odd){background-color:#f9f9f9}.dicResBox table tr td{border-bottom:1px solid #eee;padding:2px 10px;vertical-align:middle}.dicResBox table tr td svg{color:#ec4679;cursor:pointer;font-size:24pt;line-height:0%;margin-top:5px}.dicResBox table tr td svg:hover{opacity:.8}.quizBody{background-attachment:fixed;background-image:url(/static/media/93826.a6dae33b90a534a1505f.jpg);background-position:top;background-size:cover;height:100vh;justify-content:center;overflow:auto;width:100vw}.quizBody,.quizBody .quizBox{align-items:center;display:flex}.quizBody .quizBox{background-color:#ffffffb3;border-radius:30px;box-shadow:0 0 20px #00b5cf90;flex-direction:column;min-height:600px;width:800px}.quizBody .quizHead{height:150px;width:100%}.quizBody .quizHead img{border-radius:30px 30px 0 0;height:100%;object-fit:cover;width:100%}.quizBody .quizBg{background-color:#fff;border-radius:5px;box-shadow:0 0 5px #00b5cf50;margin-bottom:20px;width:90%}.quizBody .quizBg .catBox{margin-top:-20px}.quizBody .quizBg .catBox span{background-color:#00b5cf;border-radius:20px;color:#fff;display:table;margin:auto;padding:4px 20px}.quizBody .quizBg h1{color:#555;font-size:12pt;font-weight:600;padding:20px 30px}.firstElem.stats .mainWidth{border-top:3px solid #1ccf93}.firstElem.stats section{gap:15px;padding:30px 5%}.firstElem.stats section svg.Icon{background-color:#ffeae6;border-radius:50%;color:#ff6c74;font-size:30pt;padding:10px}.firstElem.stats section h3{font-size:46pt;font-weight:300;line-height:100%}.firstElem.stats section b{color:#999;font-size:10pt;font-weight:300;line-height:120%}.firstElem.stats section span{align-items:center;background-color:#fee6e8;border-radius:20px;color:#b93336;display:flex;font-size:8pt;font-weight:600;gap:2px;justify-content:center;margin-top:4px;width:56px}.firstElem.stats section span svg{color:#b93336;font-size:7pt}.firstElem.stats section span.up{background-color:#e5fdf5;color:#34a57f}.firstElem.stats section span.up svg{color:#34a57f}.containerBox{background-color:#fff;box-shadow:0 0 10px #0000001a;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.cp{display:flex;flex-basis:content;gap:20px;margin-top:20px}.cp .containerBox .boxTitle{font-size:15pt;padding:0 10px}.cp .containerBox .boxTitle .btnFilter{background-color:#00b5c0;border-radius:5px;color:#fff;font-size:16pt;line-height:0;padding:4px}.cp .containerBox .boxLine{border-color:#1ccf93}.cp .containerBox .profile{margin-top:20px}.cp .containerBox .profile .pImg{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:50px}.cp .containerBox .profile .pImg img{border-radius:50%;height:100px;width:100px}.cp .containerBox .profile .pImg h5{color:#777;font-size:11pt}.cp .containerBox .profile li{display:flex;justify-content:space-between;padding:5px 25px}.cp .containerBox .profile li:nth-child(2n){background-color:#f6f6f6}.cp .containerBox .profile li span{color:#777;font-weight:300}.cp .containerBox .profile li b{color:#156148}.cp .containerBox .profile li b,.cp .containerBox .profile li span{flex:1 1;font-size:10pt}.quizzesList{margin-top:20px;padding:10px}.quizzesList table{width:100%}.quizzesList table thead{background-color:#f8f8f8}.quizzesList table thead td{border-bottom:1px solid #ddd}.quizzesList table tr.checked{background-color:#ffeedc}.quizzesList table tr.checked td{border-color:#dad5be}.quizzesList table td{border-bottom:1px solid #eee;color:#555;font-size:10pt;padding:20px 8px;text-align:center}.quizzesList table td b{font-size:12pt;font-weight:600}.quizzesList table td p{font-size:10pt;font-weight:300}.quizzesList table tr:nth-child(2n){background-color:#f9f9f9}.quizInfoBox{margin-top:40px}.quizInfoBox a{align-items:center;border-top:1px solid #e5e5e5;display:flex}.quizInfoBox a:nth-child(odd){background-color:#f7f7f7}.quizInfoBox a span{font-size:11pt;font-weight:500;padding:10px;width:30%}.quizInfoBox a b{border-left:1px solid #e5e5e5;color:#555;display:block;flex:1 1;font-size:11pt;padding:10px}.quizInfoBox ul{display:table;margin:auto;text-align:center}.quizInfoBox ul img{aspect-ratio:1;border-radius:50%;object-fit:cover;width:150px}.quizInfoBox ul h3{font-size:12pt;font-weight:600}.quizInfoBox ul h4{color:#777;font-size:11pt;font-weight:300}.questionComments .btn{cursor:pointer;font-size:12pt;margin:auto;padding:4px 10px}.filterBox{align-items:center;background-color:#f8f8f8;border-radius:10px 10px 0 0;display:none;gap:20px;padding:0 20px}.filterBox.open{border-bottom:1px solid #bed3e3;display:flex;height:auto;padding:30px 20px}.errorBox{color:#777;font-size:14pt;padding:30px;text-align:center}.checkboxFav:focus{box-shadow:inset 0 0 0 2px #000!important}.searchTasksBox{align-items:center;display:flex;gap:10px}.searchTasksBox .selectBox{width:200px}.searchTasksBox .selectBox .selectName{background-color:#f5f5f5;padding:5px}.titleWithFilter{padding:15px}.titleWithFilter .formInputBox{width:200px}.titleWithFilter .formInputBox .selectName{background-color:#f5f5f5;padding:10px 5px}.popupBody.newQuestion .steps{display:none}.popupBody.newQuestion .steps.active{display:block}.popupBody.newQuestion .answersBox label{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 4px #0003;display:flex;margin-top:10px;max-width:420px;padding:6px}.popupBody.newQuestion .answersBox label input{border:0;flex:1 1;font-size:10pt;padding:5px 10px}.popupBody.newQuestion .answersBox label .ico{color:#999;cursor:pointer;font-size:16pt}.popupBody.newQuestion .answersBox label .ico:hover{color:#ee4d4d}.popupBody.newQuestion .answersBox label .check{border-radius:5px;border-radius:50%;color:#999;font-size:24pt;line-height:0;margin-left:2px}.popupBody.newQuestion .answersBox label .check.on{color:#265de6}.popupBody.newQuestion .answersBox .btn{border-radius:20px;margin-right:140px;margin-top:10px;padding:5px 5px 5px 10px}.popupBody.newQuestion .answersBox{background-color:#fff;border:1px solid #eee;border-radius:10px;margin-top:0;padding:10px 20px}.popupBody.newQuestion .answersType{display:flex;gap:8px;margin-top:10px;padding-left:20px}.popupBody.newQuestion .answersType a{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px 5px 0 0;font-size:10pt;padding:6px 10px}.popupBody.newQuestion .answersType a.checked{background-color:#fff;border-bottom:0;font-weight:600;transform:translateY(1px)}.buttonsDataPopUp{display:flex;gap:5px;justify-content:end;padding:20px 10px}.buttonsDataPopUp .btn{align-items:center;display:flex;font-size:11pt;gap:5px;padding:6px 15px 6px 6px}.firstElem.search .mainWidth{padding-top:20px}.sect5.tasks .sect5Box{flex-wrap:wrap;gap:1.5%}.sect5.tasks .sect5Box.just4 div{flex:none;margin-top:1.5%;width:23.5%}.sect5.tasks .sect5Box div{flex:none;margin-top:1.5%;width:18.5%}.sect5.tasks .sect5Box div img{aspect-ratio:1.5}.sect5.tasks .sect5Box div p{align-items:flex-start;display:flex;flex-direction:column}.sect5.tasks .sect5Box div p .btn{color:#fff;font-size:12pt;gap:5px;padding:4px 10px 4px 5px}.sect5.tasks .sect5Box div p .btn svg{color:#fff;font-size:14pt}.filterBoxTop{display:flex;padding:0 10px}.filterBoxTop .formInputBox{padding:18px 5px;width:auto}.filterBoxTop .formInputBox .selectBox .selectName{border:1px solid #e5e5e5;border-radius:20px;min-width:130px;padding:6px}.filterBoxTop .formInputBox .dropDownBox{min-width:160px}.filterBoxTop .formInputBox .dropDownBox a{padding:8px 10px;width:auto}.addQuestButtonBox,.questionBoxes{background-color:#fff;box-shadow:0 0 5px #0000001a}.addQuestButtonBox{bottom:0;display:flex;justify-content:center;left:0;margin:auto;padding:10px 0;position:fixed;right:0;width:100%}.addQuestButtonBox .btn{cursor:pointer;font-size:12pt;padding:5px 15px}.addQuestButtonBox .btn:hover{opacity:.8}.gameBox{height:100vh;width:100vw}.gameBox .close{font-size:40pt;left:10px;position:fixed;top:10px}.gameBox iframe{border:0;height:100vh!important;width:100vw!important}.gameListBox{position:relative}.lockedBox{background-color:#ffffff80;color:#000;font-size:16pt;height:100%;padding:5px;position:absolute;width:100%;z-index:0}.sectTasks .mainWidth{background-color:#fff;box-shadow:0 0 5px #0000001a;display:flex;flex-direction:row;min-height:200px}.sectTasks .left{background-color:#f8f8f8;border-right:1px solid #eee;padding:15px;width:250px}.sectTasks .left h4{color:#555;font-size:10pt}.sectTasks .left nav{display:flex;flex-direction:column;margin-top:10px}.sectTasks .left nav a.mainCatsLink{align-items:center;color:#111;display:flex;font-size:11pt;font-weight:400;gap:5px;padding:4px 0}.sectTasks .left nav a.mainCatsLink.selected{color:#ec4679}.sectTasks .right{flex:1 1}.subCatsBox{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:2%;padding:4%}.subCatsBox h2{font-size:12pt;font-weight:600;width:100%}.subCatsBox a{margin-top:20px;width:18.2%}.subCatsBox a img{aspect-ratio:16/11;height:auto;object-fit:cover;width:100%}.subCatsBox a h3{font-size:9pt}.productsInTask{display:flex;flex-wrap:wrap;gap:3%;padding:20px 4%}.productsInTask h1{font-size:16pt;font-weight:800;width:100%}.productsInTask div{background-color:#f9f9f9;margin-top:20px;width:48%}.productsInTask div img{aspect-ratio:1.6;height:auto;object-fit:cover;width:100%}.productsInTask div p{padding:5px 10px}.productsInTask div h3{font-size:11pt;font-weight:500}.productsInTask div span{color:#888;display:flex;font-size:10pt;margin-top:10px}.productsInTask div span small{background-color:#ffa135;border-radius:20px;color:#fff;margin:0 2px;padding:4px 10px}.bookListBox{display:flex;flex-wrap:wrap;gap:2%;padding:30px}.bookListBox .bookBox{box-shadow:0 0 7px #0000001a;margin-top:2%;position:relative;width:23.4%}.bookListBox .bookBox img{aspect-ratio:16/22;object-fit:cover;width:100%}.bookListBox .bookBox nav{padding:0 10px 10px}.bookListBox .bookBox h3{font-size:10pt;font-weight:800}.bookListBox .bookBox h4{color:#888;font-size:10pt;font-weight:300}.bookListBox .bookBox span{background-color:#1f66d8;color:#fff;font-size:8pt;font-weight:800;padding:4px 10px;position:absolute;right:0;top:10px}.bookHeaderBox{align-items:center;background-color:#111;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 15px;position:-webkit-sticky;position:sticky;right:0;top:0}.bookHeaderBox ul.right{align-items:center;display:flex;gap:10px}.bookHeaderBox ul.right a{line-height:100%}.bookHeaderBox ul.right a:hover svg{color:#fff;opacity:1}.bookHeaderBox ul.right a svg{color:#ccc;font-size:22pt}.bookHeaderBox .left .outterUserBox{padding:15px;position:relative}.bookHeaderBox .left .outterUserBox:hover{background-color:#222}.bookHeaderBox .left .outterUserBox:hover .userMenuBox{display:flex}.bookHeaderBox .left b{color:#fff;display:block;font-size:10pt;font-weight:800;padding:15px}.bookHeaderBox .left .userMenuBox{display:flex}.bookHeaderBox .left .mainLink{align-items:center;color:#ddd;display:flex;gap:5px}.bookHeaderBox .left .mainLink img{border-radius:50%;height:30px;width:30px}.bookHeaderBox .left .userMenuBox{background-color:#222;display:none;flex-direction:column;left:0;padding:10px 0;position:absolute;top:60px;width:200px}.bookHeaderBox .left .userMenuBox a{align-items:center;color:#eee;display:flex;font-size:10pt;font-weight:800;gap:5px;padding:5px 10px}.bookHeaderBox h1{color:#fff;font-size:12pt;font-weight:800}.bookPagingBox{align-items:center;background-color:#111;border-radius:30px 30px 0 0;bottom:0;display:flex;justify-content:center;left:0;margin:auto;padding:10px;position:fixed;right:0;width:120px}.bookPagingBox input{border:0;border-radius:10px;font-size:12pt;padding:6px;text-align:center;width:80px}.bookPagesListBox{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.bookPagesListBox div.page{background-color:#fff;box-shadow:0 0 20px #0003;padding:4px}.bookPagesListBox div.page img{display:block}.activitiesHeadBox .btn{align-self:center;border:0!important;color:#fff!important;cursor:pointer;flex:initial!important;font-size:11pt;gap:3px!important;margin-right:10px;padding:5px 10px 5px 5px!important}.activitiesHeadBox .btn svg{color:#fff!important;font-size:16pt!important}.gameListBox.activity p{padding:5px 10px!important}.gameListBox.activity span{margin:0!important}.gameListBox.activity .btn{font-size:11pt;justify-content:center;padding:5px 10px;width:100%}.gameListBox.activity div{padding:10px;width:auto!important}.gameListBox.activity{position:relative}.gameListBox.activity:hover .editMenu{display:flex}.gameListBox.activity .editMenu{display:none;gap:4px;justify-content:end;padding:3px;position:absolute;width:100%;z-index:1}.gameListBox.activity .editMenu svg{background-color:#db4141;border-radius:50%;color:#fff;cursor:pointer;font-size:20pt;padding:4px}.gameListBox.activity .editMenu a:nth-child(2) svg{background-color:#3ea63e}.newGenInputIn .newGenTitle{background-color:#f8f8f8;border-bottom:1px solid #e7e7e7;padding:20px 25px}.newGenInputIn .formInputBox{min-width:100%;padding:10px}.newGenInputIn .formInputBox span{color:#7c899c;margin-bottom:2px;transform:translateY(0)}.newGenInputIn .formInputBox input,.newGenInputIn .formInputBox textarea{background-color:#fff;border:1px solid #d3dbe5;border-radius:5px;font-size:13pt;padding:5px 10px}.newGenInputIn .formInputBox hr{display:none}.newGenOptions{padding:20px 25px}.newGenTable{display:flex}.newGenTable strong{align-items:center;display:flex;font-size:10pt;font-weight:600;width:25px}.newGenTable div{flex:1 1}.newGenTable div b{font-size:9pt;font-weight:600}.newGenTable ul{align-items:center;color:#9e9f9e;display:flex;gap:5px;justify-content:center;width:80px}.newGenTable ul svg{cursor:pointer}.newGenTable ul svg:hover{color:#444}.newGenTable.genBody{margin-bottom:5px}.newGenTable.genBody div{align-items:center;border-bottom:1px solid #d1d1d1;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;display:flex}.newGenTable.genBody div:nth-child(2){border-left:1px solid #e5e5e5}.newGenTable.genBody div input{border:0;flex:1 1;font-size:11pt;padding:6px}.newGenTable.genBody div label{cursor:pointer;padding:0 5px}.newGenTable.genBody div label input{height:1px;visibility:hidden;width:1px}.newGenTable.genBody div label:hover svg{color:#444}.newGenTable.genBody div label svg{color:#9e9f9e;font-size:14pt;transform:translateY(2px)}.newGenTable.genBody div img{aspect-ratio:1;display:table;flex:1 1;max-width:34px;object-fit:cover;padding:2px}.newGenMore{align-items:center;display:flex;font-size:10pt;font-weight:600;gap:5px;margin-left:25px;margin-top:10px}.newGenOptions .btn{font-size:12pt;margin-top:15px;padding:5px 15px}.newGenScroll{align-items:start;display:flex;flex:1 1;height:100%;overflow:hidden}.newGenCatsBox{display:flex;flex:1 1;flex-wrap:wrap;gap:2%;margin-bottom:30px;min-width:100%;padding:20px;white-space:wrap}.newGenCatsBox a{align-self:flex-start;border:1px solid #ddd;border-radius:10px;display:flex;gap:10px;margin-top:10px;max-width:48%}.newGenCatsBox a img{border-radius:10px 0 0 10px;border-right:1px solid #ddd;object-fit:cover;width:100px}.newGenCatsBox a label{padding:5px}.newGenCatsBox a label h3{font-size:13pt;font-weight:600}.newGenCatsBox a label p{color:#888;font-size:9pt}.newGenInput{flex:1 1;min-width:100%}.questionsBoxSend .answersBox,.questionsBoxSend .btn.fav,.questionsBoxSend .qVideoPlayer iframe,.questionsBoxSend .qVideoPlayer p{display:none}.btnQuizSend{cursor:pointer;font-size:12pt;margin-top:20px;padding:5px 10px}.btnQuizSend:hover{opacity:.8}.checkBoxTable{zoom:1.4;cursor:pointer}.statsBox{display:flex;gap:15px}.statsBox div{background-color:#fff;border-radius:10px;box-shadow:0 0 3px #0003;flex:1 1;padding:15px 20px}.statsBox div span{color:#999;display:block;font-size:10pt}.statsBox div b{color:#555;color:#fd745a;display:block;font-size:30pt}.body.taskBox{height:100vh;overflow:auto;padding-bottom:20px;width:100vw}.body.taskBox .mainWidth{max-width:700px}.body.taskBox .containerBox{border-radius:30px;flex:1 1;margin-top:40px;min-height:400px}.body.taskBox h1{align-items:center;background-color:#00b4c1;border-radius:30px 30px 0 0;color:#fff;display:flex;font-size:14pt;justify-content:space-between;padding:15px 20px}.body.taskBox .sectionInfo .teeacherInfo{border-bottom:1px solid #eee;display:flex;gap:10px;padding:20px}.body.taskBox .sectionInfo .teeacherInfo img{aspect-ratio:1;border-radius:50%;width:60px}.body.taskBox .sectionInfo .teeacherInfo div{display:flex;flex-direction:column;justify-content:center}.body.taskBox .sectionInfo .teeacherInfo div text{color:#555;display:block;font-weight:600}.body.taskBox .sectionInfo .teeacherInfo div text:nth-child(2){color:#999;font-size:10pt;font-weight:300}.body.taskBox .sectionInfo ul{background-color:#f9f9f9;display:flex;flex-wrap:wrap;gap:13px;padding:20px 25px}.body.taskBox .sectionInfo ul li{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 0 5px #0000001a;color:#888;display:flex;gap:5px;padding:10px;width:48%}.body.taskBox .sectionInfo ul li svg{color:#207e85;font-size:18pt}.body.taskBox .sectionInfo ul li span,.body.taskBox .sectionInfo ul li span b{font-size:11pt}.body.taskBox .btnSection{border-top:1px solid #eee;display:flex;gap:5px;padding:20px 22px}.body.taskBox .btnSection .btn{font-size:12pt;padding:5px 10px}.quizHide{display:none}.body.taskBox .questionsBox{display:none;position:relative}.body.taskBox .questionsBox .answerTrueFalse{stroke-width:10px;stroke:#fff;color:#57cb58;font-size:60pt;left:0;margin:auto;position:absolute;right:0;top:-25px}.body.taskBox .questionsBox .answerTrueFalse.answerFalse{color:#d23b3b;font-size:80pt;top:-45px}.body.taskBox .questionsBox.show{display:block}.body.taskBox .questionsBoxQ{padding:30px}.body.taskBox .questionsBoxQ .noteBox{color:#777;font-size:12pt;font-weight:300;margin-bottom:5px}.body.taskBox .questionsBoxQ h3{color:#555;font-size:13pt;font-weight:600}.body.taskBox .questionsBoxQ .answersBox{display:flex;flex-direction:column;gap:8px;margin-bottom:30px;margin-top:30px}.body.taskBox .questionsBoxQ .answersBox a{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:25px;color:#111;display:flex;gap:8px;padding:10px 8px;width:50%}.body.taskBox .questionsBoxQ .answersBox a svg{color:#00b4c1;font-size:18pt}.body.taskBox .questionsBoxQ .answersBox a.checked{background-color:#00b4c1;color:#fff}.body.taskBox .questionsBoxQ .answersBox a.checked svg{color:#fff}.body.taskBox .qVideoPlayer{padding:20px}.body.taskBox .qVideoPlayer iframe{aspect-ratio:16/9;width:100%}.body.taskBox .qVideoPlayer h3{margin-top:5px;padding:0}.body.taskBox .qVideoPlayer p{color:#777;font-size:11pt;font-weight:300}.answerSuccess{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.answerSuccess div{background-color:#fff;border-radius:30px;box-shadow:0 0 10px #0000001a;max-width:450px;padding:20px;text-align:center;width:90%}.answerSuccess div svg{color:#00b4c1;font-size:120pt}.answerSuccess div h1{font-size:14pt}.answerSuccess div p{color:#999;font-size:12pt}.answerSuccess div score{color:#00b4c1;display:block;font-size:40pt;line-height:100%;margin-top:30px}.answerSuccess div score.error{color:red}.answerSuccess div b{color:#777;font-size:11pt;font-weight:300}.answerSuccess div .btn{display:table;margin:30px auto auto;padding:5px 20px}.answerSuccess.er div svg{color:#d23b3b}.answersBox .letSqu{display:flex;gap:.7%;justify-content:center;margin-top:20px}.answersBox .letSqu span{background-color:#f9f9f9;border-bottom:2px solid #e5e5e5;color:#028eff;flex:1 1;font-size:16pt;font-weight:700;max-width:45px}.answersBox .letSqu b,.answersBox .letSqu span{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;text-transform:uppercase}.answersBox .letSqu b{background-color:#42a5f5;border:2px solid #469be1;border-radius:5px;color:#fff;font-size:20pt;margin-top:1%;width:47px}.answersBox .letSqu b:hover{opacity:.8}.answersBox .letSqu b.disabled{background-color:#999;border:2px solid #888}.answerStats{border-bottom:1px solid #eee;justify-content:center;padding:20px}.answerStats,.answerStats li{align-items:center;display:flex}.answerStats li{flex:1 1;flex-direction:column}.answerStats li span{color:#028eff;font-size:27pt;text-align:center}.answerStats li b{color:#999;font-size:10pt}.teacherTaskTitle{align-items:center}.teacherTaskTitle svg{background-color:#fff3;border-radius:5px;color:#fff;font-size:26pt;padding:2px}.showAllAnswersBox{align-items:center;background-color:#d23b3b;border-radius:10px;bottom:10px;color:#fff;display:flex;gap:5px;padding:10px;position:fixed;right:10px;z-index:1}.showAllAnswersBox svg{font-size:20pt}.missingWords{display:flex;gap:10px;margin-top:30px}.answerBoxMissing .missingTxt *{font-weight:300;line-height:200%}.missingWords label{background-color:#2e8e95;border-radius:5px;color:#fff;font-size:10pt;padding:4px 10px}.answerBoxMissing .missingTxt .drop{background-color:#f5f5f5;border-bottom:1px solid #ddd;border-radius:5px;display:inline-block;font-weight:600;margin:0 4px;min-width:60px;text-align:center}.answerBoxMissing .missingTxt .drop.active{background-color:#d2eaff}.answerBoxMissing .missingTxt .drop.hover{background-color:#00b4c1}.answerBoxMissing .missingTxt .drop b{visibility:hidden}.answerBoxMissing .missingAnswer{background-color:#d2eaff;border-bottom:1px solid #ddd;border-radius:5px;display:inline-block;font-weight:600;margin:0 4px;min-width:60px;text-align:center}.sortingBox{display:flex;flex-direction:column;gap:10px}.sortingBox label{background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:20px;max-width:400px;min-width:200px;padding:8px 20px}.profileBox{background-color:#fff;box-shadow:0 0 10px #0000001a;margin:-70px auto auto;min-height:200px;padding:15px;width:600px}.profileBox .formInputBox{margin:auto}.profileBox .formInputBox .uploadForm.Img{border-radius:50%;display:table;margin:auto}.profileBox .or{border-color:orange;width:100%}.articleBox{background-color:#fff;box-shadow:0 0 10px #0000001a;margin:-70px auto auto;max-width:900px;min-height:200px;padding:20px 30px;width:100%}.articleBox h2{color:#fd745a;font-size:22pt;font-weight:800;margin-bottom:5px;text-align:start}.articleBox .fullBox{margin-top:25px;text-align:start}.articleBox .fullBox *{color:#444;font-size:13pt;font-weight:300;line-height:190%}.articleBox .fullBox p{margin-bottom:15px}.articleBox form{background-color:#f9f9f9;border:1px solid #eee;border-radius:10px;display:table;margin-top:50px;max-width:440px;padding:10px 20px;width:100%}.articleBox form p{color:#fd745a}.articleBox form .btn{cursor:pointer;font-size:12pt;margin-left:10px;padding:5px 15px}.articleBox form .btn:hover{opacity:.8}.errorMainBox{align-items:center;background-color:#f8f8f8;display:flex;height:100vh;justify-content:center;width:100vw}.errorMainBox .errorBox{max-width:500px;padding:2%;text-align:center;width:100%}.errorMainBox .errorBox h1{font-size:20pt;font-weight:600}.errorMainBox .errorBox h2{color:#555;font-size:12pt;font-weight:400}.errorMainBox .errorBox p{color:#777;font-size:10pt;font-weight:300}.errorMainBox .errorBox img{width:60%}.errorMainBox .errorBox .btn{display:table;font-size:12pt;margin:20px auto auto;padding:5px 15px}.successWhite{align-items:flex-start;animation:Successopacity .5s ease;background-color:#f6f8fab3;display:flex;height:100vh;justify-content:center;opacity:1;position:fixed;right:0;top:0;width:100vw;z-index:99}.successBox{align-items:center;animation:success 2.5s ease;background-color:#fff;border-bottom:5px solid #2cd640;border-radius:20px;box-shadow:0 0 15px #0000001a;display:flex;gap:10px;margin-top:10px;max-width:400px;padding:20px;transform:scale(0);width:90%}@keyframes success{0%,to{transform:scale(0)}10%,90%{transform:scale(1)}}@keyframes Successopacity{0%{opacity:0}to{opacity:1}}.successBox.error{border-bottom:5px solid #e53434}.successBox p{align-items:center;background-color:#e3ffe4;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.successBox.error p{background-color:#ffeaed}.successBox p b{align-items:center;background-color:#2cd640;border-radius:50%;color:#fff;display:flex;height:22px;justify-content:center;padding:5px;width:22px}.successBox.error p b{background-color:#e53434}.successBox div.text{flex:1 1}.successBox div.text h3{color:#485164;font-size:11pt;font-weight:400;line-height:100%}.successBox div.text span{color:#555;font-size:10pt}.successBox a{cursor:pointer}.successBox a:hover{opacity:.8}html[lang=AR] body{direction:rtl}html[lang=AR] .languageSelectBox li{padding:4px 10px 4px 5px}html[lang=AR] *{box-sizing:border-box;font-family:Cairo,sans-serif;font-weight:400;line-height:150%}html[lang=AR] header nav .mainWidth .left a{font-weight:400}html[lang=AR] header nav .mainWidth .left a.checked{font-weight:700}html[lang=AR] .align-left{text-align:right!important}
/*# sourceMappingURL=main.b9b75dc6.css.map*/