article:has(.question){counter-reset:numbering}article .que p::before{counter-increment:numbering;content:counter(numbering) ". "}.question.isloading{opacity:.3;pointer-events:none}input[type=radio]{width:20px;height:20px;border-radius:50%;outline:0;padding:0;margin:0 10px;border:1px solid var(--darkgrey);cursor:pointer}input[type=radio]:before{content:'';display:block;width:60%;height:60%;margin:20% auto;border-radius:50%}input[type=radio]:focus{outline:0}.options{gap:20px;display:flex;align-items:stretch}.pagecontainer .paging:first-child{margin-top:0}.page_quiz .sidebar .header{padding:15px 18px 15px 20px;display:none}.page_quiz .sidebar.item_toggled .header{display:flex}.list .remove:last-child{display:none}.container.head{margin:20px 0 30px 0}.option{border:1px solid var(--darkgrey);border-radius:10px;cursor:pointer;float:left;min-height:65px;width:100%;display:flex;align-items:center;padding:0 0 0 15px}.leftbar .body{max-width:70%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.expand,.unexpand{right:15px;top:calc(40px - 8.5px)}.expand .bi-chevron-up{display:inline-block;cursor:pointer}.expand .bi-chevron-down{display:none;cursor:pointer}.page_quiz .leftbar.toggleUp .expand .bi-chevron-up{display:none}.page_quiz .toggleUp.m_hide{display:inline-block!important}.page_quiz .leftbar.toggleUp .expand .bi-chevron-down{display:inline-table}.explanation{padding:0 10px;border-left:5px solid var(--linkcolor);border-radius:5px;margin-top:15px}.listq .bi-check-circle,.listq .bi-x-circle,.paging .bi-check-circle,.paging .bi-x-circle{display:none}.markicon{display:none}.paging{gap:10px;padding:10px;margin:5px 0;position:relative;height:80%;cursor:pointer}.check{height:20px;width:20px;border-radius:50%;border:1px solid;font-size:12px}.checked{background:#fff;color:var(--primarycolor)}.page_quiz .logo i{margin-left:auto}.logo .dropdown{width:100%}.leftbar .paging{height:60px}.leftbar .container{padding:0 10%;margin-top:50px}.leftbar h3{margin:0}.h20{height:20%}.leftbar.stretch .pagelist{padding:0 2%}.hide{display:none}.pagecontainer{padding:0 2%;display:inline-block}.leftbar .pagecontainer{overflow:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative}.page_quiz .sidebar{transition:none;box-shadow:none}.option{transition:all .3s}.option:hover,.paging:hover{scale:1.05}@media (hover:none){.option:hover,.paging:hover{scale:unset}.option:active,.paging:active{scale:1.05}}label.selected{border:3px solid var(--textcolor)}label.wrong{border:3px solid tomato}.option.wrong{background:rgba(255,99,71,.2)}label.correct{border:3px solid #4caf50}.option.correct{background:rgba(102,205,170,.2)}label.wrong:hover{border:3px solid tomato}label.correct:hover{border:3px solid #4caf50}.correct .markicon,.wrong .markicon{display:inline-block;left:12px;top:-8px;position:absolute}.correct .label,.wrong .label{width:78%}.correct.option input[type=radio],.wrong.option input[type=radio]{opacity:0}.correct .body,.wrong .body{width:calc(100% - 80px)}.markicon i{display:none;font-size:22px}.correct .bi-check-circle,.correct .bi-check-circle-fill,.wrong .bi-x-circle,.wrong .bi-x-circle-fill{display:inline-block}.correct .markicon{color:#4caf50}.wrong .markicon{color:#f44336}.pagecontainer .correct,.pagecontainer .wrong{border:0}.pagecontainer .wrong .markicon{cologr:#FFFFFF}@media only screen and (min-width:768px){.options{gap:4%;row-gap:20px}.option{width:48%}}@media only screen and (min-width:992px){.page_quiz .sidebar{width:34%;right:1%}.logo{min-width:40%}.page_quiz .leftbar.toggleUp .pagecontainer{display:none}.page_quiz .rightbar{padding-bottom:50px;width:77%}button .label{display:inline-block}.leftbar.stretch{padding:10px}.page_quiz .leftbar .item{padding:10px;width:80%;text-align:center;border-radius:15px;margin-bottom:10px}}.optionsinput{width:85%}.optionsinput{border:0}.optionsinput:focus{outline:0}.option label{font-size:15px}input::placeholder{color:#dfdfdf}input:focus::placeholder{color:transparent}label{display:block}input::placeholder{color:#dfdfdf}input:focus::placeholder{color:transparent}input{border:0;border-radius:6px;padding:20px 0;width:100%;border:1px solid #eee}.optionsinput{margin:0;border:0}.page_quiz .group{width:100%}.page_quiz .group:focus-within label{color:#212121!important;font-weight:400}.skeleton label span{min-width:40%}.skeleton .question span{min-width:100%;display:inline-block}.page_quiz .leftbar .skeleton:after{background:0 0}.result-card{background:var(--whitecolor);color:var(--blackcolor);padding:25px;border-radius:16px;width:100%;margin-top:10px;box-shadow:var(--darkgrey) 0 0 .2px 1px}.result-card .user-info h2{font-size:22px}.result-card .user-info p{margin:5px 0;font-size:14px;color:#666}.result-card .overall-score{position:relative;width:120px;height:120px;margin-bottom:20px;margin-left:auto}.result-card .progress-ring__background{transform:rotate(-90deg);transform-origin:50% 50%}.result-card .progress-ring__circle{transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:314;stroke-dashoffset:62.8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.result-card .score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:700}.result-card .categories{margin-top:20px}.result-card .categories h3{font-size:16px;color:#333;margin-bottom:10px}.result-card .category{display:flex;align-items:center;margin-bottom:10px}.result-card .category span:first-child{width:130px;font-size:14px;color:#555}.result-card .bar{flex:1;background:#eee;height:8px;border-radius:8px;margin:0 10px}.result-card .fill{height:8px;border-radius:8px;background:var(--primarycolor)}.result-card .percent{width:35px;font-size:14px;color:#555;text-align:right}.result-card .answers{margin-top:20px}.result-card .answers h3{font-size:16px;color:#333;margin-bottom:10px}.result-card .answer-summary{display:flex;justify-content:space-between;font-size:14px}.result-card .answer-summary span{border-radius:10px;height:20px;width:20px;display:flex;align-items:center;justify-content:center;color:#fff}.result-card .answer-summary .correct span{background:#4caf50}.result-card .answer-summary .unanswered span{background:#888}.result-card .answer-summary .wrong span{background:tomato}