.quiz-app{width:100%;max-width:950px;margin:35px auto;font-family:Arial,Helvetica,sans-serif;color:#222}
.quiz-app *{box-sizing:border-box}
.quiz-intro{padding:10px 0 30px}
.quiz-intro h1,.quiz-title{margin:0 0 24px;color:#222;font-size:32px;line-height:1.25;font-weight:700}
.quiz-intro p{margin:0 0 18px;color:#444;font-size:18px;line-height:1.7}
.quiz-start-btn,.quiz-restart-btn{display:inline-block;border:0;border-radius:3px;
  padding: 32px 30px;
    width: 100%;
    background: #0B57D0;
    color: #fff;
    font-size: 29px;font-weight:600;cursor:pointer}
.quiz-start-btn:hover,.quiz-restart-btn:hover{background:#087fbc}

.quiz-external-start{display:inline-block;border:0;border-radius:3px;
  padding: 32px 30px;
    width: 100%;
    background: #0B57D0;
    color: #fff;
    font-size: 29px;font-weight:600;cursor:pointer}
.quiz-external-start:hover{background:#087fbc}


.quiz-area[hidden],.quiz-result[hidden],.quiz-intro[hidden]{display:none!important}
.quiz-question{margin-bottom:48px}
.quiz-question-title{margin:0 0 26px;padding:18px 20px;border:1px solid #9da3a5;border-radius:6px;background:#f1f4f5;
  color:#3b3b3b;font-size:22px;line-height:1.4;font-weight:700}
.quiz-answers{display:flex;flex-direction:column;gap:16px}
.quiz-answer{position:relative;width:100%;min-height:60px;border:0;border-radius:3px;padding:14px 18px 14px 44px;background:#f4f5f6;color:#030303;text-align:left;font-size:18px;line-height:1.4;cursor:pointer;transition:.2s}
.quiz-answer::before{content:"";position:absolute;left:12px;top:50%;width:20px;height:20px;transform:translateY(-50%);border:2px solid #979da0;border-radius:5px}
.quiz-answer:hover{background:#e9ecee  ; color:blue}
.quiz-answer.is-disabled{cursor:default}
.quiz-answer.is-correct{background:#51ab54;color:#fff}
.quiz-answer.is-wrong{background:#fc8580;color:#fff}
.quiz-answer.is-correct::before,.quiz-answer.is-wrong::before{border-color:#fff}
.quiz-feedback{display:none;margin-top:22px;padding:15px 13px;border:1px solid #ddd;background:#fff;font-size:18px;font-weight:700}
.quiz-feedback.is-visible{display:block}
.quiz-feedback.is-correct{color:#329845}
.quiz-feedback.is-wrong{color:#ed3d36}
.quiz-result{margin-top:30px;padding:20px 25px 25px;border-radius:4px;background:#283138}
.quiz-result-heading{margin-bottom:18px;color:#fff;font-size:22px}
.quiz-result-card{padding:25px;border-radius:6px;background:#fff}
.quiz-result-card h2{margin:0 0 14px;font-size:21px}
.quiz-result-card h3{margin:0 0 18px;font-size:21px}
.quiz-result-card p{margin:0 0 20px;font-size:18px;line-height:1.75}
@media(max-width:700px){
  .quiz-app{margin:20px auto}
  .quiz-intro h1,.quiz-title{font-size:26px}
  .quiz-question{margin-bottom:38px}
  .quiz-question-title{padding:15px;font-size:19px}
  .quiz-answer{font-size:16px}
  .quiz-result-card p{font-size:16px}
}


/* =========================================
   SINGLE QUESTION QUIZ FLOW
========================================= */

.quiz-question-counter {
    margin-bottom: 12px;

    color: #777;

    font-size: 15px;
    font-weight: 600;
}


.quiz-question-container {
    width: 100%;
}


.quiz-next-btn {
    display: block;

    margin: 25px 0 0 auto;

    border: 0;
    border-radius: 3px;

    padding: 14px 30px;

    background: #078ed1;
    color: #fff;

    font-size: 17px;
    font-weight: 600;

    cursor: pointer;
}


.quiz-next-btn:hover {
    background: #087fbc;
}


.quiz-next-btn[hidden] {
    display: none !important;
}


#rt-tpg-container-2625065541 .rt-holder .read-more a {
    background-color: #2f5fad;
    padding: 8px 15px;
    font-size: large;
    font-weight: 600;
    width: 100%;
}