@font-face{font-family:relway-fonts;src:url(/Roboto/Roboto-Light.ttf)}*{padding:0;margin:0;box-sizing:border-box;font-family:relway-fonts,sans-serif;scroll-behavior:smooth}.home{width:100%;min-height:100vh}body{width:100%;min-height:100vh;--main-color: #137abc;--alternate-color: #97ca5f}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:50px}.globalBtn{color:#fff;background:var(--main-color);padding:10px 15px;cursor:pointer;border-radius:4px;letter-spacing:1px;text-transform:capitalize}.globalBtn:hover{background:#1c82e7}.backdrop{position:fixed;top:0;left:0;background:#00000065;width:100%;height:100%;z-index:5000;display:none;align-items:center;justify-content:center;padding:0 20px}.backdrop.active{display:flex}a{text-decoration:none}button{border:none;outline:none}.login{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.login-figure{position:relative;width:180px;height:85px}.login-logo{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none}.login-wrapper{margin-top:40px;width:250px;display:flex;align-items:center;justify-content:center;flex-direction:column}h2{text-align:center;margin-bottom:30px;font-size:25px}.assignmentsBox{display:flex;align-items:center;justify-content:space-between;padding:20px;cursor:pointer;transition:.2s ease;border-radius:10px;margin-top:10px;background:#0000000a}.assignmentsBox:hover{background:#00000015}.assignmentsBox .assignmentsDetails{text-align:left}.assignmentsBox .date{font-size:calc(8px + 1vmin);color:#0008;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;text-align:left}.assignmentsBox.expired .date{color:#f02222}.assignmentsBox.expired{border:2px solid #f02222}.assignmentsBox.expired:hover{background:#ff000015}.details{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto}.details .detailContainer{width:100%;display:flex;align-items:center;justify-content:space-between}.details .trainerPic{width:250px;height:250px;padding:20px;border-radius:50%;overflow:hidden}.details .trainerPic img{width:100%;height:100%;border-radius:50%;object-fit:cover}.classDetails ul{list-style:none}.classDetails ul li{font-size:calc(15px + 2vmin);display:flex;align-items:center;justify-content:left}.classDetails ul li span{color:#000;font-weight:600;margin-right:10px}@media (max-width: 718px){.details{align-self:center;padding:50px 10px}.details .trainerPic{transform:translateY(30px)}.details .detailContainer{flex-direction:column}}.classContainer{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.class{width:80vw;min-height:80vh;display:flex;flex-direction:column;gap:50px;padding:30px 0 100px}.assignmentView{min-height:100vh;width:100%}.assignmentDetail{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:30px;border-radius:10px;margin-top:20px;color:#000}.assignmentDetail .title{font-size:40px;font-weight:600}.assignmentDetail .description{font-size:20px;font-weight:500}.assignmentDetail img{width:800px;height:auto;object-fit:cover;border-radius:10px}.assignmentNav{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px}.assignmentNav .dueDate span{font-weight:600}@media (max-width: 450px){.assignmentNav{flex-direction:column;gap:20px;justify-content:center}.assignmentNav .submitBtn{width:100%}}.modal{display:none}.modal .points{width:100%;font-size:1rem}.modal form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.sidebar .logout{height:40px;font-weight:600;letter-spacing:1.5px;font-size:1.1rem;color:#aaa;border:1px solid #aaa;cursor:not-allowed}.sidebar .logout.active{color:red;border:1px solid red;cursor:pointer}.student-home{display:flex;flex-direction:column;gap:20px}.class-join-modal{display:flex;justify-content:left;flex-direction:column;gap:15px}.class-join-modal>ul{margin-left:20px;line-height:25px}.class-join-modal .class-join-btns{display:flex;align-items:center;justify-content:right;width:100%;gap:20px}.student-join-class{width:100%;display:flex;align-items:center;flex-direction:column}.student-join-class>button{margin-left:20px}.home-class-card{width:100%;display:flex;align-items:center;justify-content:left;flex-wrap:wrap;gap:10px}@media (max-width: 850px){.home-class-card{justify-content:center}}.slider-figure{position:relative;width:100%;height:350px}.slider-figure>img{position:absolute;width:100%;height:100%;object-fit:cover}.register{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.register-figure{position:relative;width:180px;height:85px}.register-logo{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none}.register-wrapper{margin-top:40px;width:250px;display:flex;align-items:center;justify-content:center;flex-direction:column}.verify-otp{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.verify-otp-figure{position:relative;width:180px;height:85px}.verify-otp-logo{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none}.verify-otp-wrapper{margin-top:40px;width:250px;display:flex;align-items:center;justify-content:center;flex-direction:column}.studentCard:hover{box-shadow:2px 2px 5px #0002}.assignmentStudent{display:flex;flex-wrap:wrap;align-items:center;justify-content:left}.studentResultCard{width:200px;padding:0 15px;display:flex;align-items:center;justify-content:space-between}.header{position:sticky;top:0;width:100%;height:10vh;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem 0 3.5rem;z-index:100}.header .logo{font-size:30px;color:var(--main-color);font-weight:700;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:20px}.logo .icon{display:none;font-size:35px}.logo img{width:80px;margin-bottom:10px}.header .profileImage{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--main-color)}.profileImage img{width:100%;height:100%;object-fit:cover}.bot{display:flex}.sidebar{position:fixed;left:0;top:0;background:#fff;min-width:200px;transform:translateY(10vh);min-height:90vh;display:flex;flex-direction:column;justify-content:space-between}.sidebar .top{overflow-y:auto;max-height:80vh}.sidebar .top .text,.sidebar .logout{color:#000;font-size:1rem;padding:10px 0 10px 30px;margin:10px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:left;gap:10px}.sidebar .logout{height:40px;font-weight:600;letter-spacing:1.5px;font-size:1.1rem;color:#aaa;border:1px solid #aaa;pointer-events:none}.sidebar .logout.active{color:red;border:1px solid red;cursor:pointer;pointer-events:all}.sidebar .top .text.active{background:var(--main-color);color:#fff}.sidebarMargin{background:transparent;min-width:200px;min-height:90vh;pointer-events:none}.content{width:100%;overflow:auto;max-height:90vh;padding:10px}@media (hover: hover){.sidebar .logout.active:hover{border:1px solid red;background:#a50f0f;color:#fff}.sidebar .top .text.active:hover{background:var(--main-color)}.sidebar .top .text:hover{background:#137bbcd2;color:#fff}}@media (max-width: 760px){.header{padding:0 1.5rem 0 1rem}.logo .icon{display:block;cursor:pointer}.sidebarMargin{position:fixed;background:linear-gradient(to right,#0000005d,#0003);width:100%;min-height:100vh;z-index:98;opacity:0;transition:all .2s ease}.sidebar{z-index:1;transition:all .3s ease;transform:translate(-100%) translateY(10vh);z-index:99}.bot.active .sidebarMargin{opacity:1;pointer-events:all}.bot.active .sidebar{transform:translate(0) translateY(10vh)}}@media (max-width: 290px){.sidebar{width:100%}}