@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&family=Tajawal:wght@200;300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);*{font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{background-color:#f4f3f8!important;margin:0!important;padding:0!important}*{box-sizing:border-box}.landing{background-color:#fff;position:absolute;width:100%;height:100%}@media (min-width:1024px){#hero{background-attachment:fixed}}@media (max-width:992px){#hero{margin-top:35px!important}}#hero{width:100%;background-image:url(/static/media/hero-bg.5ef60beb.png);background-repeat:no-repeat;background-size:contain;background-position:100% 0;margin-top:55px!important}#hero,section{padding:60px 0}section{overflow:hidden}h1{font-family:Tajawal;font-style:normal;font-weight:700;font-size:36px;line-height:43px;color:#1b559c}#hero .btn-get-started{font-family:"Raleway",sans-serif;font-weight:600;font-size:16px;letter-spacing:1px;display:inline-block;padding:10px 22px;border-radius:30px;transition:.5s;color:#fff;background:#1b559c}a{color:#009cea;text-decoration:none}.Footer{background-color:#f6f6f6;padding:10px 30px;position:fixed;bottom:0!important;left:0!important;width:100%}.Footer_Copyright{border-right:1px solid #000}.FloatImg{-webkit-animation:updown 6s ease-out forwards;animation:updown 6s ease-out forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes updown{0%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}50%{-webkit-transform:translateY(5%);transform:translateY(5%)}to{-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@keyframes updown{0%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}50%{-webkit-transform:translateY(5%);transform:translateY(5%)}to{-webkit-transform:translateY(-5%);transform:translateY(-5%)}}a{color:#fff!important;text-decoration:none!important}.navbar-brand{font-family:Merriweather!important;font-style:normal!important;font-weight:400!important;font-size:24px!important;line-height:32px!important;display:flex!important;align-items:center!important;color:#433939!important}.navbar{box-shadow:0 4px 4px rgba(0,0,0,.12)!important;border-radius:10px!important;position:fixed!important;top:0;width:100%!important;z-index:5}.login-btn{width:78px;height:42px;font-family:Tajawal;font-style:normal;font-weight:700;font-size:18px;line-height:24px;text-align:center!important;color:#fff;text-shadow:0 4px 4px rgba(0,0,0,.25);background:#1b559c;border-radius:22px;border:none!important}.nav-link{font-family:Tajawal!important;font-style:normal!important;font-weight:500!important;font-size:18px!important;line-height:24px!important;display:flex!important;align-items:center!important;color:#9698a6!important}.navbar-toggler{border:none!important}.navbar-toggler .MuiSvgIcon-root{border:none!important;font-size:24px!important}.comp-nav{font-size:16px;font-weight:500!important}.logout{font-size:18px!important;font-weight:700;color:#5a5a5a!important}.Sidedrawer{top:0;width:350px;max-width:100%;height:100vh;background-color:#fff!important;position:fixed;z-index:12}.Sidedrawer_Open{-webkit-animation:sidedrawer_show .3s ease-out;animation:sidedrawer_show .3s ease-out}.side-drawer{background:hsla(0,0%,76.9%,.09)!important}@-webkit-keyframes sidedrawer_show{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes sidedrawer_show{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.Sidedrawer_Close{-webkit-animation:sidedrawer_close .33s ease-in;animation:sidedrawer_close .33s ease-in}@-webkit-keyframes sidedrawer_close{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes sidedrawer_close{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}.Sidedrawer_Logo{display:flex;justify-content:center;height:100px;width:240px;margin:0 auto}.Sidedrawer_Logo img{height:100%;width:100%}.side-drawer-links li{font-size:18px;margin:5px 0}.side-drawer-links a{text-decoration:none;color:#9698a6!important}.side-drawer-links .active,.side-drawer-links li a:active,.side-drawer-links li a:focus,.side-drawer-links li a:hover{color:#2e2c2c!important}.side-drawer-links{list-style:none;margin-left:20px;font-family:Tajawal!important;font-style:normal!important;font-weight:500!important;font-size:18px!important;line-height:24px!important;color:#9698a6!important}.Backdrop{position:fixed;height:100vh;width:100vw;left:0;top:0;background-color:rgba(0,0,0,.4);z-index:11}@media screen and (min-width:768px){.modal-dialog{max-width:60%!important}}.modal-content{border-radius:20px!important}.auth-inner{width:100%;margin:auto;background:#fff}.auth-inner .form-control:focus{border-color:#167bff;box-shadow:none}.custom-control-label{font-weight:400}.forgot-password,.forgot-password a{text-align:right;font-size:13px;padding-top:10px;color:#7f7d7d;margin:0}.invalid-feedback{display:contents!important}.or-signin{color:#1b559c!important;font-weight:600}.or-signin:hover{cursor:pointer!important}.forgot-password a{color:#1b559c}.navigation-btn{border:none;outline:none;background:#fff;color:#898989}.navigation-btn h5{font-family:"Tajawal";font-style:normal;font-weight:700;font-size:28px;line-height:32px}.active.navigation-btn{color:#2e2e2e;border-bottom:2px solid #2e2e2e!important}.form-btn{margin-top:20px;padding:10px 25px;background:#1b559c;border-radius:4px;outline:none;border:none;color:#fff;font-weight:400;font-size:15px}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#fff!important}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem;position:fixed;bottom:0!important;left:0!important;width:100%;z-index:5;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:20px 20px 0 0}.footer-nav-link{font-size:18px!important;line-height:20px!important}.selected{font-style:normal;font-weight:700!important;color:#1b559c!important}#root,.app,body{min-height:100vh}.dashboard{background-color:#f4f3f8!important;height:auto!important}.banner{background:#d6eaf7;border-radius:8px;box-shadow:0 6px 16px 0 rgb(0,0,0,15%);width:100%}.hello-name{font-weight:700;font-size:20px;line-height:29px}.hello-description,.hello-name{font-family:Tajawal;font-style:normal;display:flex;align-items:center;color:#000}.hello-description{font-weight:400;font-size:16px;line-height:22px}.heading-2{font-size:20px;line-height:26px}.heading-2,.heading-3{font-family:Tajawal;font-style:normal;font-weight:bolder;display:flex;align-items:center;color:rgb(33 33 33);text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.05)}.heading-3{font-size:17px;line-height:20px}.content-box{background:#fff;border-radius:8px;box-shadow:0 2px 16px 0 rgb(0,0,0,5%)}.card-link{font-size:15px}.stats{font-weight:500;font-size:16px;line-height:15px;color:#000}.count,.stats{font-family:Tajawal;font-style:normal}.count{font-weight:700;font-size:18px;line-height:29px;display:flex;align-items:center;color:rgb(33 33 33)}.Dashboard_Sidedrawer{padding:25px 0;position:fixed!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;top:70px!important;left:0;overflow:auto;max-height:calc(100% - 60px)}.Dashboard_Sidedrawer::-webkit-scrollbar{width:0;background:transparent}.Sidedrawer_Class{border-radius:12px;margin-top:20px}.Sidedrawer_Class.active{background-color:#fff;box-shadow:-1px 1px 3px #ccc}.Sidedrawer_Class:hover{background-color:rgba(32,33,36,.039);cursor:pointer}.Class_Title{color:#252525;font-weight:700}.Class_Desc{font-size:13px;color:rgb(105 105 105);line-height:1.1}@media screen and (min-width:992px){.width-80{width:80%!important}.width-20{width:20%!important}.pos{position:absolute;right:0;top:60px!important}}.pos{position:absolute;right:0;top:80px!important}@media screen and (max-width:768px){.padding-sx-0{padding-left:0!important;padding-right:0!important}.margin-sx-0{margin-left:0!important;margin-right:0!important}}.header-nav{display:none}@media screen and (min-width:768px){.header-nav{display:block}}.height-100{height:100%}.class-card{box-shadow:0 1px 16px 0 rgb(0,0,0,8%)!important}.card-width{max-width:300px}.card-width-mobile{min-width:100%!important}.classes-nav-btn{background-color:#f4f3f8;font-family:Tajawal;font-style:normal;font-weight:400;font-size:20px;line-height:25px;color:#7d7d7d;padding-top:15px;padding-bottom:15px}.classes-nav-btn.active{font-family:Tajawal;font-weight:bolder;line-height:20px;color:#1b559c}.mobile-classlist{border-top-left-radius:10px;border-top-right-radius:10px;min-height:50vh}.mobile-card-desc{display:block}@media screen and (max-width:500px){.mobile-card-desc{display:none}}.class-avatar .MuiAvatar-root{background-color:#1b559c!important}.join-create-btn{display:block;background:#868686;border-radius:7px;font-style:normal;font-weight:500;font-size:16px;line-height:28px;width:150px;color:#fff}.join-create-btn:hover{background:#707070}.Classroom{margin-top:70px;background-color:#f4f3f8!important;min-height:100vh}.Side_Border{border-right:1px solid #000}.Classroom_Desc div{margin-top:3px;margin-right:5px;padding-right:5px;display:flex;align-items:center;height:15px}.ClassName{margin:0}.Horizontal_Line{margin-top:5px;margin-right:10px;height:60px;width:6px;border-radius:5px;background-color:#99c6ff}.Classroom_Desc{font-size:15px;font-family:"inter","IBM Plex Sans"!important;font-weight:600;margin-left:7px;margin-top:4px}.Class_Code{border:1px solid #99c6ff;background-color:#eef7f8;padding:4px 10px;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#000;font-size:14px}.Classroom .MuiSvgIcon-root{cursor:pointer}.Classroom_Info{box-shadow:0 1px 6px #d8ddfd}.Classroom_Navtab{padding:0!important}.Classroom_Body,.Classroom_Navtab{width:63%!important}.Reminders{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:32%!important}.Reminders *{font-family:"Inter"!important}.Reminders a{color:#000!important}.Reminders a:hover .Reminder_Desc{text-decoration:underline}.Reminder_Title{font-size:17px;color:grey;font-weight:700}.Reminder_Desc{font-size:12px;color:#373333}.Classroom_Navtab div{font-size:18px;font-weight:700;color:#828282;padding:5px 18px;border-radius:5px;cursor:pointer}.Classroom_Navtab div.active{font-weight:700;color:#0b223f;background-color:#fff}.See_All{color:#6042ce;font-weight:700;font-size:16px;cursor:pointer}.SendButton:hover{color:#1b559c!important;font-size:large}.Discussion_PreviewImg{width:97%;height:auto;overflow:hidden;border-radius:4px}.Discussion_PreviewImg img{width:100%;height:100%}.Discussion_FileInput{display:none}.Discussion_TextArea{width:100%}.Discussion_TextArea textarea{width:95%;border:none;padding:8px 4px!important;line-height:1.1;outline:none}.Discussion{width:100%;padding:4px 10px}.Discussion .MuiSvgIcon-root{color:#747474;margin:0 3px}.Discussion_Input input{width:95%;padding:3px 4px;margin:0 6px;outline:none;border:none;font-size:16px;overflow-wrap:break-word}.Discussion_Input input::-webkit-input-placeholder{color:#747474}.Discussion_Input input:-ms-input-placeholder{color:#747474}.Discussion_Input input::placeholder{color:#747474}.Discussion_Input,.Post_Author{flex:1 1}.Post_UploadDate{font-size:12px;font-family:Roboto,"Inter"}.Post_UploadTime{font-size:11px;font-family:Roboto,"Inter";line-height:1.1}.Post_Desc{margin-top:10px;line-height:1.3}.Post_Img img{height:100%;width:100%;border-radius:3px}.Post_Img{margin-top:10px}.Assignment_Desc{color:#000;line-height:1.1;margin-top:6px;margin-bottom:4px;padding:0 3px}.Assignment_Date,.Assignment_Time{font-size:16px;font-weight:700;font-family:Roboto,"Inter";color:#454545}.Avatar_Small .MuiAvatar-root{font-size:17px!important;height:35px;width:35px}.Assignment_Box{border:1px solid #ccc;border-radius:6px;margin-top:6px;margin-bottom:28px}.Assignment_Img img{width:100%}.Assignment_Img{width:100%;height:150px;overflow:hidden;border-radius:4px;position:relative}.Assignment_Name{z-index:1;position:absolute;bottom:0;left:0;font-size:15px;background-color:rgba(0,0,0,.5);width:100%;color:#fff;font-weight:500;padding:3px 3px 3px 12px}.grow-wrap{display:grid}.grow-wrap:after{content:attr(data-replicated-value) " ";white-space:pre-wrap;visibility:hidden}.grow-wrap>textarea{resize:none;overflow:hidden}.grow-wrap:after,.grow-wrap>textarea{border:1px solid #000;padding:.5rem;font:inherit;grid-area:1/1/2/2}body{margin:2rem;font:1rem/1.4 system-ui,sans-serif}label{display:block}.Attendees_Title,.Member_Name{font-size:18px}.Button_Hover:hover{color:#fff!important}@media (max-width:772px){.Reminder_Title{font-size:14px}.Reminder_Desc{font-size:10px}.Classroom_Navtab div{font-size:15px}.Discussion_TextArea textarea{font-size:14px}.Avatar_Container .MuiAvatar-root{font-size:14px!important;width:33px;height:33px}.See_All div{margin-right:12px;margin-top:5px;font-size:14px}.InputImgButton,.SendButton{font-size:26px!important}.Post_AuthorName{font-size:16px!important}.Post_AdminName{font-size:13px!important}.Post_UploadDate{font-size:10px!important}.Post_UploadTime{font-size:9px!important}.Post_Desc{font-size:14px!important}.Classroom_Body{width:65%!important}.Assignment_Date{font-size:13px!important}.Assignment_Time{font-size:13px}.Assignment_Name{font-size:15px}.Assignment_Img{height:120px}.Attendees_Title{font-size:16px}}@media (max-width:576px){.Reminders{display:none}.Classroom_Body{width:100%!important}.ClassName{font-size:20px}.Class_Code,.Classroom_Desc{font-size:12px}.Class_Code{padding:3px 8px}.Horizontal_Line{margin-right:6px;height:50px}.Member_Name{font-size:16px}.Classroom_Navtab div{padding:3px 10px}.Classroom_Navtab{width:98%!important}}.btn-outline-primary:hover{background-color:#1b559c!important}.floating-btn{position:fixed!important;bottom:80px!important;right:15px!important;z-index:5!important}.Assignments,.Posts{margin-bottom:60px}@media (max-width:768px){.Posts{margin-bottom:120px}.Assignments{margin-bottom:100px!important}}.Reminder_className{font-size:16px;margin-bottom:-2px;font-weight:500}.Reminder_name{font-size:13px}@media screen and (max-width:768px){.modal-body{padding:30px!important}.modal{display:flex!important;justify-content:center!important;align-items:center!important}.modal-dialog{width:100%!important}}.assignment_modal .modal-content{font-family:"Tajawal";max-width:455px!important;border-radius:0!important;margin:auto!important}.btns{font-size:1rem!important}.blue-link{color:#00f!important}.head{background-color:#fff;border:1px solid #cacaca;border-radius:10px}.head,.head2{display:flex;font-weight:700}.adjust,.head,.head2{font-size:18px}.navtab{flex-direction:column;position:relative;max-width:1000px;background:#f1f1f1;margin:70px auto 0;word-break:break-all;border:1px solid rgba(0,0,0,.274)}.bloc-tabs,.navtab{display:flex}.tabs{padding:10px;text-align:center;width:50%;background:hsla(0,0%,50.2%,.075);cursor:pointer;border-bottom:1px solid rgba(0,0,0,.274);box-sizing:content-box;position:relative;outline:none;font-weight:500;font-size:18px}.tabs:not(:last-child){border-right:1px solid rgba(0,0,0,.274)}.active-tabs{background:#fff;border-bottom:1px solid transparent}.active-tabs:before{content:"";display:block;position:absolute;top:-5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% + 2px);height:5px;background:#5893f1}button{border:none}.content-tabs{flex-grow:1}.content{background:#fff;padding:20px;width:100%;height:100%;display:none}.content h2{padding:0 0 5px;font-size:20px;margin-bottom:-.8rem;font-weight:300}.content hr{height:2px;background:#222;margin-bottom:5px;opacity:1}.content p{width:100%;height:100%}.active-content{display:block}@media (max-width:768px){.tabs{font-size:1rem}.head{font-size:1.25rem}.adjust{font-size:1.1rem}}@media (max-width:496px){.adjust,.content h2,.tabs{font-size:.8rem}}@media (max-width:411px){.head{font-size:.9rem}.content h2,.tabs{font-size:.65rem}.adjust{font-size:.7rem}}.dropdown-menu{min-width:3.8rem!important}.Classroom_DueDate{line-height:1;font-size:16px}.border-bot{border-bottom:1px solid #000}.Assignment_Box_student{border:1px solid #ccc;border-radius:6px;margin-top:20px}.Assignments_student{margin-bottom:40px}.Avatar_Container .MuiAvatar-root{background-color:#1b559c!important}.MuiAvatar-colorDefault{color:#fafafa;background-color:#bdbdbd}.MuiAvatar-root{width:40px;height:40px;display:flex;overflow:hidden;position:relative;font-size:1.25rem;align-items:center;flex-shrink:0;font-family:"Roboto","Helvetica","Arial",sans-serif;line-height:1;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:50%;justify-content:center}.Assignment_Date_student,.Assignment_Time_student{font-size:16px;font-weight:700;font-family:Roboto,"Inter";color:#454545}.Post_AuthorName{color:#000;font-size:18px;font-weight:700}.Post_AdminName{line-height:.7;font-size:14px;color:#666262;font-weight:500}.Classroom_Body_student{width:40%!important}@media (max-width:992px){.Classroom_Body_student{width:50%!important}}.submit_area{display:flex;border-bottom:1px solid #000}.btn-outline-primary{color:#1b559c!important;border-color:#1b559c!important}.display_pdf{display:none}.resubmit_button{display:flex;justify-content:end;position:relative;bottom:0}@media (max-width:768px){.Classroom_Body_student{width:100%!important}.Post_AuthorName{font-size:14px}.Assignment_Date_student,.Assignment_Time_student,.Post_AdminName{font-size:13px}.Assignment_Box_student{margin-top:10px}}.button_hover:hover{color:#fafafa!important}@media (max-width:468px){.Post_AuthorName{font-size:13px}.Assignment_Date_student,.Assignment_Time_student,.Post_AdminName{font-size:12px}}@media (max-width:768px){.Upload_Options{margin-bottom:100px}}.ClassHeading{text-decoration:none;color:#000!important}.Reminders_mobile{width:95vw}.Reminders_mobile *{font-family:"Inter"!important}.Reminders_mobile a{color:#000!important}.Reminders_mobile a:hover .Reminder_Desc_mobile{text-decoration:underline}.Reminder_Title_mobile{font-size:17px;color:grey;font-weight:600}.Reminder_Desc_mobile{margin-top:4px;font-size:12px;color:#373333}@media(min-width:576px){.Reminders_mobile{display:none}}
/*# sourceMappingURL=main.a9f7a4ac.chunk.css.map */