.quiz{background-position:50% 50% !important;background-size:cover !important;padding:4rem 0;min-height:50vh}
@media (min-width:992px){.quiz{padding:3rem 0 7rem}}
@media (max-width:991.98px){.quiz .answer-text{font-size:0.9rem}}
.quiz .carousel-item{min-height:514px}
.quiz .carousel-inner{min-height:40vh}
.quiz-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1% 2%}
@media (min-width:992px){.quiz-grid{grid-template-columns:repeat(4,1fr);grid-gap:0}}
.quiz .result-sticker{position:absolute;width:150px;height:150px;left:-91px;top:-22px}
@media (max-width:767.98px){.quiz .result-sticker{left:-20px;top:-10px}}
.quiz .result-container{background-color:white;padding:1rem;min-height:345px;opacity:0.9;box-shadow:0px 0px 1px rgba(0,0,0,0.04),0px 2px 6px rgba(0,0,0,0.04),0px 10px 20px rgba(0,0,0,0.04);border-radius:8px}
@media (max-width:767.98px){.quiz .result-container .col-12{padding:20px !important;padding-top:10px !important}}
@media (max-width:1199.98px){.quiz .result-container{padding:2rem 0}}
.quiz .result-container h5{font-weight:800 !important;font-size:40px;line-height:48px;padding:1rem 0}
@media (max-width:767.98px){.quiz .result-container h5{font-size:32px;line-height:38px}}
.quiz .result-container h4{font-weight:900;font-size:38px;line-height:46px}
@media (max-width:767.98px){.quiz .result-container h4{font-size:32px;line-height:40px}}
.quiz .result-container .strong{font-weight:600;line-height:160%}
@media (min-width:992px){.quiz .result-container .btn-primary{margin-top:1rem;padding:0;padding-top:0.5rem}}
.quiz .result-container .btn-primary i{margin:0.5rem}
.quiz .question-container{font-family:acumin-pro,sans-serif}
.quiz .question-container--indicator{margin:auto 0}
.quiz .btn{padding:10px}
.quiz .btn i{padding:0}
.quiz .card{transition:0.5s;border-radius:8px;box-shadow:0px 0px 1px rgba(0,0,0,0.04),0px 2px 6px rgba(0,0,0,0.04),0px 10px 20px rgba(0,0,0,0.04)}
.quiz .card-img-top{object-fit:cover;padding:0}
.quiz .card-body{padding:0.5rem 0rem}
@media (max-width:767.98px){.quiz .card-body{padding:5px !important;flex:none}}
.quiz .card-deck{padding:2rem 0}
.quiz .card .btn-primary{color:#fff !important}
.quiz .card:hover{cursor:pointer;transform:translateY(-20px)}
.quiz .card:hover .btn-primary{color:#000 !important;background-color:#fff}
@media (max-width:767.98px){.quiz .answer-letter{padding:0px !important}}
.quiz .answer-text{font-size:14px}