.home-work-page{display:flex;flex-direction:column;gap:20px;padding:20px}.home-work-page .filter-box{display:flex;justify-content:space-between;background-color:var(--input-background);width:450px;align-self:center;border-radius:30px;gap:10px}.home-work-page .filter-box button{padding:10px 20px;border-radius:30px;min-width:150px;text-transform:capitalize}.home-work-page .filter-box .active{background-color:var(--primary-color);color:#fff}.home-work-page .filter-box2{background-color:transparent}.home-work-page .filter-box2 button{background-color:var(--input-background);padding:8px 20px}.home-work-page .work-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.home-work-page .work-container .work-card{background-color:var(--input-background);position:relative;padding:20px;border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15)}.home-work-page .work-container .work-card span{color:var(--primary-color)}.home-work-page .work-container .work-card h2{margin:10px 0;font-size:18px;font-weight:600}.home-work-page .work-container .work-card .date-box{display:flex;justify-content:space-between}.home-work-page .work-container .work-card .date-box p{font-size:14px}.home-work-page .work-container .work-card .mandatory{position:absolute;top:-7px;right:-7px;font-size:12px;background-color:var(--primary-color);color:#fff;border-radius:50%;height:22px;width:22px;text-align:center;line-height:22px}.homework-view-page{padding:20px;display:flex;flex-direction:column;gap:20px}.homework-view-page .work-box{display:flex;flex-direction:column;gap:20px;border:4px solid var(--primary-color);border-radius:10px;padding:15px}.homework-view-page .work-box .box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;min-height:200px}.homework-view-page .work-box .box img{width:100px}.homework-view-page .work-box .box h2{font-size:20px;font-weight:600}.homework-view-page .work-box .box h3{font-weight:600}.homework-view-page .work-box .box p{text-align:center;white-space:pre-line}.homework-view-page .work-box .box span{color:var(--primary-color)}.homework-view-page .work-box .box div{display:flex;justify-content:space-evenly;width:100%}.homework-view-page .work-box .box div p{display:flex;align-items:center;gap:10px}.homework-view-page .start-btn{padding:10px 30px;background-color:var(--primary-color);color:#fff;border-radius:30px;width:fit-content;align-self:center;min-width:300px}.homework-view-page .disable{background-color:gray}.homework-popup-box{display:flex;flex-direction:column;align-items:center;gap:20px}.homework-popup-box svg{font-size:150px}.homework-popup-box h2{font-size:20px;font-weight:600}.homework-popup-box p{text-align:center}.homework-popup-box button{background-color:var(--primary-color);color:#fff;padding:8px 20px;border-radius:30px;min-width:200px}@media(max-width:768px){.home-work-page{padding:15px 15px 80px}.home-work-page .work-container .work-card .date-box p{font-size:12px}.homework-view-page{padding-bottom:80px}.homework-view-page .work-box{flex-direction:column}.homework-view-page .work-box .box p{text-align:left}.homework-view-page .work-box .box h3{width:100%}}@media(max-width:500px){.home-work-page .filter-box{width:100%}.home-work-page .work-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}