.quiz-header{background-color:#f6f8f9;padding:59px 0 145px;text-align:center}
.quiz-header .heading30{margin-bottom:11px;text-transform:uppercase}
.quiz-header h2{margin-bottom:15px}
.quiz-header p{line-height:22px}
.quiz-card-box{margin-top:-100px;margin-bottom:70px}
.quiz-card-inner{background-color:#fff;box-shadow:0 4px 25px rgba(0,0,0,0.08);border-radius:4px;padding:44px 20px 50px;text-align:center;max-width:1050px;margin:0 auto}
.quiz-card-inner .next-btn{margin-top:40px}
.quiz-card-head h5{font-weight:700;margin-bottom:22px}
.quiz-card-head p{font-weight:600;font-size:14px;line-height:14px;color:#333;margin-bottom:23px}
.quiz-card-head p span{font-size:13px;line-height:20px;font-weight:400}
.quiz-card{max-width:700px;margin:auto}
.quiz-card h6{font-weight:700;font-size:14px;line-height:26px;color:#333;margin-bottom:17px}
.question-wrap{display:flex;flex-wrap:wrap;margin:0 -10px}
.question-item{width:calc(50% - 20px);margin:0 10px}
.question-item label{display:block;background-color:#fff;border-radius:4px;box-shadow:0 4px 25px rgba(0,0,0,0.08);padding:17px 24px;margin-bottom:20px;font-weight:600;font-size:16px;line-height:26px;letter-spacing:.02em;text-transform:capitalize;color:#333;position:relative;border:1px solid transparent;cursor:pointer}
.question-item label.correct-answer{background-color:#d7df23}
.question-item label.correct-answer-border{border:1px solid #d7df23}
.question-item label.wrong-answer{background-color:#e81d2d;color:#fff}
.question-item label.wrong-answer span:before{border-color:#fff}
.question-item label.wrong-answer input:checked~span:after{background-color:#fff}
.question-item label span{padding-left:30px;padding-right:30px;word-break:break-word;display:inline-block}
.question-item label span:before{content:"";width:20px;height:20px;position:absolute;border:1px solid #333;border-radius:50%;left:24px;top:50%;transform:translateY(-50%)}
.question-item label span:after{content:"";width:11px;height:11px;position:absolute;border-radius:50%;left:29px;top:50%;transform:translateY(-50%)}
.question-item label input{display:none}
.question-item label input:checked~span:after{background-color:#005899}
.question-pagination{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}
.question-pagination li{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 7px;font-weight:600;font-size:14px;line-height:14px;color:#333}
.question-pagination li.current{border:1px solid #d7df23}
.question-pagination li.attempted{background:#d7df23}
.question-pagination li.correct{background:#d7df23}
.question-pagination li.wrong{background:#e81d2d;border-color:#e81d2d;color:#fff}
.anwser-info h5{font-weight:600;font-size:14px;line-height:26px;color:#005899;display:flex;justify-content:center;align-items:center}
.anwser-info h5 img{min-width:27px;margin-right:5px}
.anwser-info p{font-weight:400;font-size:14px;line-height:23px;color:#333}
.quiz-summary-box{display:flex;flex-wrap:wrap;padding:0 45px}
.quiz-summary-box .left-col{text-align:center;width:60%}
.quiz-summary-box .right-col{width:40%}
.quiz-summary-box img{max-width:285px;margin:0 auto;margin-bottom:23px}
.quiz-summary-box h2{font-weight:600;line-height:24px;margin-bottom:28px}
.score-wrap{margin-bottom:15px}
.score-wrap p{font-size:20px;line-height:24px;letter-spacing:-0.01em;color:#333}
.score-wrap p span{font-weight:700;font-size:20px;line-height:24px;letter-spacing:-0.01em;color:#fff;background-color:#005899;border-radius:4px;padding:5px 10px;display:inline-block;margin-left:16px}
.similar-quiz-wrap{text-align:left;border-left:1px solid rgba(0,88,153,0.3);padding-left:45px;height:100%}
.similar-quiz-card{background-color:#fff;border:1px solid rgba(43,140,208,0.15);border-radius:4px;padding:20px 60px 20px 20px;box-shadow:0 4px 25px rgba(0,0,0,0.08);position:relative}
.similar-quiz-card .similar-quiz-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:5px}
.similar-quiz-card .similar-quiz-head h5{font-weight:600;margin-right:15px}
.similar-quiz-card .arrow-btn{background-color:#d7df23;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;color:#333;position:absolute;right:20px;top:14px}
.similar-quiz-card p{font-size:16px;line-height:24px;color:#333}
.similar-quiz-card.check-scores .similar-quiz-head{margin-bottom:0}
.or-text{font-weight:600;font-size:20px;line-height:26px;color:#333;margin:20px 0}
@media(max-width:1199px){.quiz-summary-box .left-col,.quiz-summary-box .right-col{width:50%}
.question-pagination li{margin:0 5px}
}
@media(max-width:991px){.quiz-summary-box{padding:0 20px}
.quiz-summary-box .left-col,.quiz-summary-box .right-col{width:100%}
.similar-quiz-wrap{border-left:0;padding-left:0;border-top:1px solid rgba(0,88,153,0.3);padding-top:25px;margin-top:25px}
.quiz-header{padding:31px 0 105px}
.quiz-card-box{margin-top:-70px;margin-bottom:40px}
.or-text{padding-left:20px}
}
@media(max-width:767px){.quiz-card-inner{padding:34px 15px 40px}
.quiz-summary-box{padding:0}
.quiz-summary-box .right-col h2{font-weight:700;padding-left:20px}
.quiz-summary-box h2{margin-bottom:20px}
.quiz-summary-box img{max-width:209px;margin-bottom:18px}
.similar-quiz-wrap{padding-top:34px;margin-top:39px;position:relative;border-top:0}
.similar-quiz-wrap:before{content:"";border-top:1px solid rgba(0,88,153,0.3);position:absolute;left:-15px;right:-15px;top:0}
.score-wrap{margin-bottom:20px}
.score-wrap p{font-size:16px;line-height:19px}
.score-wrap p span{font-size:16px;line-height:19px;margin-left:7px}
.or-text{font-size:18px;font-weight:700}
.similar-quiz-card{border-radius:10px;padding-right:50px;padding-bottom:64px}
.similar-quiz-card p{font-size:14px}
.similar-quiz-card .similar-quiz-head h5{font-size:14px;line-height:22px;margin-right:0}
.similar-quiz-card .arrow-btn{width:24px;height:24px;font-size:10px;top:auto;bottom:19px;right:20px}
.similar-quiz-card.check-scores{padding-bottom:20px}
.similar-quiz-card.check-scores .arrow-btn{top:19px;bottom:auto}
.question-wrap{margin:0}
.question-item{width:100%;margin:0}
.quiz-card-head h5{font-weight:700;font-size:18px;line-height:25px;letter-spacing:.02em;margin-bottom:5px}
.quiz-card-head p{font-size:12px;margin-bottom:10px}
.quiz-card h6{line-height:20px;margin-bottom:13px}
.question-item label{font-size:14px;margin-bottom:9px;padding:0 0 0 35px;box-shadow:none}
.question-item label.correct-answer{background-color:transparent}
.question-item label.wrong-answer{background-color:transparent;color:#333}
.question-item label.wrong-answer input:checked~span:after{background-color:#e81d2d}
.question-item label.wrong-answer input:checked~span:before{border-color:#e81d2d}
.question-item label span{padding-left:0;padding-right:0}
.question-item label span::before{left:5px;width:15px;height:15px;border-color:#333}
.question-item label span:after{left:10px;width:7px;height:7px}
.question-item label input:checked~span:after{background-color:#d7df23}
.question-item label input:checked~span:before{border-color:#d7df23}
.anwser-info h5{margin-bottom:13px;justify-content:start;align-items:start}
.anwser-info h5 img{margin-left:2px}
.quiz-card-inner .next-btn{margin:30px auto 0;width:90px;display:block}
.question-pagination li{margin-bottom:5px}
.quiz-question-box{text-align:left;padding:0 5px}
.question-pagination li{margin:0 4px}
}
@media(max-width:359px){.question-pagination li{margin:0 3px}
}