.wall-of-knowledge{padding:20px}.wall-of-knowledge .data-container{margin-top:20px;display:flex;flex-direction:column;gap:20px}.wall-of-knowledge .data-container .box-1{width:80%;display:flex;flex-direction:column;gap:10px;margin:auto}.wall-of-knowledge .data-container .box-1 select{background-color:var(--input-background);padding:10px;border-radius:5px;outline:none;border:1px solid var(--primary-color)}.wall-of-knowledge .data-container .box-1 .link{align-self:center;color:var(--primary-color);text-decoration:underline}.wall-of-knowledge .data-container .subject{width:100%;max-width:450px;min-height:310px;max-height:370px;overflow-y:auto;overflow-x:hidden;margin:auto;display:flex;flex-direction:column;gap:5px;padding:10px;border:4px solid var(--primary-color);border-radius:10px}.wall-of-knowledge .data-container .subject .box-group{display:flex;gap:5px}.wall-of-knowledge .data-container .subject .box{padding:.4rem 0;flex:1 1 60px;text-align:center;border-radius:5px;background-color:var(--input-background);display:inline-block;position:relative;z-index:1;overflow:visible;cursor:pointer;font-size:13px}.wall-of-knowledge .data-container .subject .box:before{content:"";position:absolute;transition:.3s ease-in-out;top:0;left:0;height:100%;width:var(--box-width,0);z-index:-1}.wall-of-knowledge .data-container .subject-wise .box:before{width:100%}.wall-of-knowledge .data-container .view_keyBtn{color:var(--primary-color);text-decoration:underline}.view-result-page{padding:20px}.view-result-page .accordion-container{display:flex;flex-direction:column;gap:20px}.view-result-page .accordion-container .accordion-box{border:3px solid var(--primary-color);padding:0 20px;border-radius:10px}.view-result-page .accordion-container .accordion-box .accordion-button{text-decoration:none;font-size:20px;font-weight:600}.view-result-page .accordion-content .question-box{display:flex;flex-direction:column;gap:5px}.view-result-page .accordion-content .question-box .status-box{display:flex;justify-content:center;gap:5px;font-size:45px}.view-result-page .accordion-content .question-box .status-box .correct{color:#13ef13}.view-result-page .accordion-content .question-box .status-box .wrong{color:#ef3813}.view-result-page .accordion-content .question-box p{margin-bottom:5px}.view-result-page .accordion-content .question-box h3{font-weight:600}.view-result-page .accordion-content .question-box .video-box{display:grid;grid-template-columns:2fr 5fr;gap:15px;max-width:400px;align-self:center;border-radius:10px;overflow:hidden;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background-color:var(--input-background)}.view-result-page .accordion-content .question-box .video-box .img img{height:100%;width:100%;object-fit:cover}.view-result-page .accordion-content .question-box .video-box .details{display:flex;flex-direction:column;gap:10px;padding:10px 0}.view-result-page .accordion-content .question-box .video-box .details span{color:var(--primary-color)}.view-result-page .accordion-content .question-box .video-box .details h4{font-size:20px;font-weight:600}.view-result-page .accordion-content .question-box .video-box .details p{margin-bottom:0}.view-result-page .accordion-content .question-box button{width:100%;max-width:300px;background-color:var(--primary-color);color:#fff;align-self:center;padding:10px 20px;border-radius:30px}@media(max-width:768px){.wall-of-knowledge{padding-bottom:80px}.view-result-page{padding:20px 10px 80px}}