*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Times New Roman',Times,serif;background-color:#f4f4f4;max-width:1500px}main{display:flex;max-width:1500px}main h1{text-align:center;color:#008a5e}.leftBar{width:20%}.rightBar{width:20%;min-width:260px}.testContainer{display:flex;flex-direction:column;align-items:center;width:60%}#paperCode{color:#007bbe;margin-bottom:10px}.testInfo{display:flex;flex-wrap:wrap;font-weight:bold;color:#00608c}.testInfo1,.testInfo2{padding:5px 15px 15px 15px}@media (max-width:420px){.testInfo1,.testInfo2{padding:0 15px}.testInfo{justify-content:center;text-align:center;margin-bottom:7px}}.timerContainer{display:flex;justify-content:center;align-items:center;position:sticky;top:10px;z-index:1}.timer{width:120px;background-color:#0faf00;color:#fff;font-size:1.2em;text-align:center;padding:10px;box-shadow:0 0 10px #6f6f6f;border-radius:17px}#testForm{box-sizing:border-box;max-width:1000px;padding:20px;width:100%}.questionSection{text-align:center;margin-bottom:10px}.popup h2{color:#333;text-align:center;margin-bottom:5px}.question,.question1{display:flex;flex-direction:column;width:100%;margin-bottom:10px;background-color:#fff;padding:20px;border-radius:7px;box-shadow:0 0 10px rgba(0,0,0,.1);font-size:18px;color:#3a3a3a}.questionBox{display:flex;margin-bottom:20px}.serialNo{margin-right:5px}.writeQuestion img{max-width:90%}.writeQuestion table{max-width:90%;overflow-x:auto}.options{display:flex;flex-wrap:wrap}.option{display:flex;width:50%;padding:10px;box-sizing:border-box}@media (max-width:500px){.option{width:100%}}.optNo{margin-right:7px}.optBox{display:flex;align-items:center;flex-wrap:wrap;margin-top:10px}.optBox label{cursor:pointer}input{margin:0 2px 0 20px;cursor:pointer;height:15px;width:15px}.qButton{cursor:pointer;font-size:16px;margin-left:25px;padding:5px 10px}.ansDisp{display:none;margin:10px 0 10px 30px;color:#272727;font-weight:bold}.revMarked{background-color:#a300a3;color:#fff}.revBtn{border-radius:2px;border:1px solid #a300a3}.revBtn:active{background-color:#008a76}@media (max-width:535px){.qButton{margin-top:10px}}@media (max-width:780px){.qButton{margin-top:15px}}table{border-collapse:collapse;width:100%}th,td{border:1px solid #000;padding:8px;text-align:left}th{border-bottom:2px solid #000}#resultSummery{text-align:center;display:none}.performance-summary{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.performance-summary table{max-width:100%;border-collapse:collapse;margin-bottom:15px}.performance-summary table td:nth-child(3) {background-color:#f8d7da;font-weight:bold}.performance-summary table td:nth-child(4) {background-color:#e5fff5;color:#000}.performance-summary table td:nth-child(2) {background-color:#d4edda;font-weight:bold}.performance-summary table td:nth-child(1) {background-color:#00608c;color:#fff}.performance-summary table th,.performance-summary table td{white-space:nowrap;text-align:center}.overall-score-table{width:100%;max-width:600px;margin:20px auto;border-collapse:collapse;text-align:left;background-color:#f9f9f9;box-shadow:0 2px 5px rgba(0,0,0,.1)}.overall-score-table th,.overall-score-table td{padding:10px 15px;border:1px solid #ddd}.overall-score-table th{background-color:#f1f1f1;font-weight:bold}.overall-score-table tr:nth-child(even) {background-color:#f1f1f1}.overall-score-table td{color:#333;font-size:14px}#rankPrediction,#rankPrediction2{font-size:16px;font-weight:bold;text-align:center;color:#006064;padding:10px 0}@media (max-width:700px){.performance-summary table th{font-size:12px}}.questionNavContainer{position:fixed;bottom:10px;right:var(--fixed-right,20px);display:flex;flex-wrap:wrap;width:240px;margin-bottom:20px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:10px;z-index:99}.progressBoard{display:flex;justify-content:space-between;align-items:center;padding:10px 0 0 0;width:80%;margin:auto}.progressBoardDiv{display:flex;width:25%}#noOfAnswered{border:2px solid gray;background-color:#90ee90;width:10px;height:10px;border-radius:2px;margin:2px 7px 0 0}#noOfRev{height:10px;width:12px;border-radius:50%;border:2px solid purple;margin:2px 7px 0 0}#noOfUnanswered{border:2px solid gray;width:10px;height:10px;border-radius:2px;margin:2px 7px 0 0}#navRightCounter,#navWrongCounter{display:none}#noOfRightAns{border:2px solid gray;background-color:#0c9600;width:10px;height:10px;border-radius:2px;margin:2px 7px 0 0}#noOfWrongAns{border:2px solid gray;background-color:#ff0015;width:10px;height:10px;border-radius:2px;margin:2px 7px 0 0}.qBox{height:25px;width:30px;border:2px solid gray;display:flex;justify-content:center;align-items:center;margin:5px;background-color:#fff;cursor:pointer;border-radius:3px}.qBox.answered{background-color:#bfb;color:#383838;font-weight:600}.qBox.rightQBox{background-color:#00a800;color:#fff;font-weight:600}.qBox.markForReview{border:2px solid purple;border-radius:50%}.navContainer{display:flex;flex-wrap:wrap;justify-content:center}.navSubject{display:flex;flex-wrap:wrap;justify-content:center;padding:5px 10px 0 10px}#chemistryTab{display:none}#zoologyTab{display:none}#botanyTab{display:none}.subjectButton{margin:5px;cursor:pointer}.subjectButtons{display:flex;flex-wrap:wrap;justify-content:center}button.subjectButton{background-color:#fff;margin:5px;border:2px solid #ccc;cursor:pointer;height:40px;width:100px;border-radius:7px}button.subjectButton.active{background-color:green;color:#fff}.atmToSubmit{display:flex;justify-content:center;width:100%}.menuButton{display:none}#atmToSubmit,#atmToSubmit2,#questionNavContainerScore{background-color:#009678;margin:5px;border:2px solid #a8a8a8;cursor:pointer;height:40px;width:100px;border-radius:7px;color:#fff}.menuButton{background-color: #0000005f;border-radius:50%;display:flex;height:60px;width:60px;padding:10px;box-sizing:border-box;position:fixed;bottom:20px;right:20px;z-index:100}#navSubOpen{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;box-sizing:border-box}.menuDot{height:7px;width:7px;background-color: #ffffff98;margin:3px}#navSubClose{display:none;flex-direction:column;align-items:center;justify-content:center;height:40px;width:40px}#crossMenuBar1{width:40px;height:7px;background-color:#fff;transform:rotate(45deg);margin-top:5px;margin-bottom:-4px;border-radius:3px}#crossMenuBar2{width:40px;height:7px;background-color:#fff;transform:rotate(-45deg);margin-bottom:5px;margin-top:-3px;border-radius:3px}@media (min-width:701px){.menuButton{display:none}}@media (max-width:1100px){.leftBar{display:none}.testContainer{width:calc(100% - 260px)}}@media (max-width:700px){h1{font-size:22px;color:#008a5e}.timer{font-size:17px;width:80px}.questionNavContainer{display:none}.leftBar{display:none}.rightBar{display:none}.testContainer{width:100%}.questionNavContainer{bottom:30px}}@media (max-width:420px){.qButton{margin-top:10px}#testForm{padding:10px}.question{padding:10px}.popup{width:80%}input{margin:0 2px 0 25px;height:18px;width:18px}}.popup{display:none;flex-direction:column;align-items:center;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;padding:20px;z-index:1000;box-shadow:0 0 10px rgba(0,0,0,.1);width:80%;max-width:400px}.popup p{margin:16px 0;text-align:center;font-size:20px}.overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.popupBtn{display:flex;flex-wrap:wrap;justify-content:center}.popup button{cursor:pointer;background-color:#009678;margin:10px 5px 5px 5px;border:2px solid #a8a8a8;cursor:pointer;height:40px;width:100px;border-radius:7px;color:#fff}.scoreDisplay{display:flex;align-items:center;justify-content:center;font-size:50px;font-weight:bold}#scoreCard{display:none;width:80%;max-width:600px}.SciencelessonLogo{width:100%;display:flex;justify-content:center}#ThankYou{color:#0faf00;font-size:30px}#rankPrediction,#rankPrediction2{text-align:center;color:#4a4a4a}#rankPrediction b,#rankPrediction2 b{color:#008a5e;font-size:20px}.popup img{width:80%;max-width:350px;margin-bottom:5px}.popup hr{width:50%;background-color:#a8a8a8;border:none;height:1px}#questionNavContainerScore{display:none;margin:5px 65px 5px 5px}.fullscreen-button{float:left;margin:11px 0 0 -55px;cursor:pointer;border:none;border-radius:5px;font-size:16px;opacity:60%;background-color:#fff}.fullscreen-button img{height:25px;width:25px}.wrongQBox{background-color:#ff0015;color:#fff;font-weight:bold}.answeredWrong{border:1px solid #ff0015;background-color:#fff7f8}.answeredWrong .ansDisp{color:red}.answeredCorrect .ansDisp{color:#006503}.answeredCorrect{border:1px solid #008432;background-color:#f7fffb}.ans{display:none}.explanation{background-color:#dbf5fe;order:5;overflow-y:hidden;overflow-x:auto;margin:5px -20px -20px -20px;padding:10px;border-radius:7px;display:none}.explanation::before{content:"Explanation:- ";font-weight:bold;float:left;color:#006149}.writeQuestion,.option{overflow-y:hidden;overflow-x:auto}@media (max-width:420px){.explanation{margin:5px -10px -10px -10px}}#overlay{display:block;z-index:889;backdrop-filter:blur(10px)}#startTestDiv{display:flex;height:100vh;width:100vw;justify-content:center;align-items:center}.startTestCard{position:fixed;background-color:#fff;z-index:999;padding:10px;border-radius:10px;display:flex;flex-direction:column;align-items:center;margin:15px;width:90%;max-width:600px;h2 {
    text-align: center;
    color: #006169;
    margin: 10px 0;
  }

  ul li {
    list-style: none;
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #494949;

    strong {
      color: rgb(0, 82, 171);
    }
  }

  button {
    background-color: #009678;
    color: #ffffff;
    font-size: 1.2rem;
    margin: 5px;
    border: 2px solid #ccc;
    cursor: pointer;
    height: 40px;
    width: 100px;
    border-radius: 7px;
    transition: all 0.3s ease;
  }

  button:hover {
    background: #2575fc;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }
}