


svg:not(:root){overflow:hidden}

.back-btn{position: relative !important;}

.quiz-wrapper{width:1440px;text-align:center;margin:auto;padding:50px 0px 50px}
@media (max-width:1440px){.quiz-wrapper{width:90%}
}
.quiz-wrapper .quiz-intro p{text-align:center;font-size:1.0625rem;font-family:YogaSansOT Medium;color:#0d4336}
.quiz-wrapper .quiz-options{transition:all 0.3s ease-in-out;transition-delay:0s;padding:0px 0px 20px;height:auto;margin:auto}
.quiz-wrapper .quiz-options .option-set{display:none;text-align:center;margin:auto}
@media (max-width:1200px){.quiz-wrapper .quiz-options .option-set{width:80%}
}
@media (max-width:992px){.quiz-wrapper .quiz-options .option-set{width:75%}
}
@media (max-width:768px){.quiz-wrapper .quiz-options .option-set{width:80%}
}
.quiz-wrapper .quiz-options .option-set:first-child{display:block}
.quiz-wrapper .quiz-options .option-set .question{padding:0px 0px 30px}
.quiz-wrapper .quiz-options .option-set .question h1{text-align:center;font-family:Kepler Italic;font-size:3rem;color:#0d4336}
@media (max-width:992px){.quiz-wrapper .quiz-options .option-set .question h1{font-size:2.625rem}
}
@media (max-width:768px){.quiz-wrapper .quiz-options .option-set .question h1{font-size:2.25rem}
}
@media (max-width:768px){.quiz-wrapper .quiz-options .option-set .question h1{font-size:1.875rem}
}
.quiz-wrapper .quiz-options .option-set .option-wrapper{padding:0px 15px;height:auto;display:inline-block;margin:0px 0px 20px;vertical-align:top}
.quiz-wrapper .quiz-options .option-set .option-wrapper .option{border:1px solid #c9d4d0;border-radius:10px;height:315px;width:200px;position:relative;cursor:pointer;transition:all 0.3s ease-in-out;transition-delay:0s}
.quiz-wrapper .quiz-options .option-set .option-wrapper .option .option-image{border-top-right-radius:10px;border-top-left-radius:10px;height:200px;width:100%;background-size:cover}
.quiz-wrapper .quiz-options .option-set .option-wrapper .option .option-text{min-height:66px;padding:7px 7px 15px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}
.quiz-wrapper .quiz-options .option-set .option-wrapper .option .option-text p{color:#696969;text-align:center}
.quiz-wrapper .quiz-options .option-set .option-wrapper .option .option-number{text-align:center;position:absolute;bottom:-15px;background:#fafafa;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:0px 10px}
.quiz-wrapper .quiz-options .option-set .option-wrapper .option .option-number p{margin:0px;color:#0d4336;font-family:Kepler Italic;font-size:1.1875rem}
.quiz-wrapper .quiz-options .option-set .option-wrapper .option:hover{border:1px solid #0d4336}
.quiz-wrapper .quiz-options .option-set .option-wrapper .option:hover .option-text{background:#fafafa;}
.quiz-wrapper .quiz-options .option-set .option-wrapper .option:hover .option-number{background:#fafafa;border-bottom-right-radius:100%;border-bottom-left-radius:100%}
.quiz-wrapper .quiz-options .quiz-progress{position:absolute;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;margin-right: 3%;}
.quiz-wrapper .quiz-options .quiz-progress .progress-wrapper{height:250px;width:2px;background:#c9d4d0}
.quiz-wrapper .quiz-options .quiz-progress .progress-wrapper .stage-indicator{border-right:8px solid #fff;position:absolute;top:10%;left:-40px;transition:all 0.3s ease-in-out;transition-delay:0s}
.quiz-wrapper .quiz-options .quiz-progress .progress-wrapper .stage-indicator p{color:#0d4336;font-family:Kepler Italic;font-size:1.25rem}
.quiz-wrapper .quiz-options .quiz-progress .progress-wrapper .stage-indicator span{display:inline}
.quiz-wrapper .quiz-controls{padding:10px 0px 50px}
.quiz-wrapper .quiz-controls .controls-wrapper{text-align:center}
.quiz-wrapper .quiz-controls .controls-wrapper .ctrl-btn{transition:all 0.3s ease-in-out;transition-delay:0s;cursor:pointer;margin:0px 8px;display:inline-block;width:50px;height:50px;border-radius:100%;color:#c9d4d0;border:1px solid #c9d4d0}
.quiz-wrapper .quiz-controls .controls-wrapper .ctrl-btn a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:all 0.3s ease-in-out;transition-delay:0s;font-size:0.875rem}
.quiz-wrapper .quiz-controls .controls-wrapper .ctrl-btn #back-arrow{position:absolute;top:50%;left:45%;-webkit-transform:translate(-45%, -50%);-ms-transform:translate(-45%, -50%);transform:translate(-45%, -50%);width:25px;transition:all 0.3s ease-in-out;transition-delay:0s}
.quiz-wrapper .quiz-controls .controls-wrapper .ctrl-btn #back-arrow path{transition:all 0.3s ease-in-out;transition-delay:0s;fill:#c9d4d0}
.quiz-wrapper .quiz-controls .controls-wrapper .ctrl-btn:hover{border:1px solid #0d4336}
.quiz-wrapper .quiz-controls .controls-wrapper .ctrl-btn:hover a{color:#0d4336}
.quiz-wrapper .quiz-controls .controls-wrapper .ctrl-btn:hover #back-arrow path{fill:#0d4336}
.results-wrapper{padding:205px 0px 50px;width:1440px;margin:auto}
@media (max-width:1440px){.results-wrapper{width:100%}
}
