.quiz {
   margin: 0 0 1.5rem 0;
}

@media (min-width: 992px) {
    .quiz {
        margin: 0 0 2.5rem 0;
    }
}

/* .quiz-results {
	display: block !important;
} */

.quiz .quiz-content {
    padding: 1.5rem;
}

@media (min-width: 992px) {
    .quiz .quiz-content {
        padding: 2.5rem;
    }
}

.quiz .label {
	display:none;
    /*font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .042rem;
    display: block;
    margin-bottom: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;*/
}

.quiz .label, .quiz .caption {
    color: #676767;
}

@media (min-width: 992px) {
    .quiz .label {
        font-size: .875rem;
        line-height: 1rem;
    }
}

.quiz .heading-2 {
    display: block;
    font-size: 1.5rem !important;
    line-height: 2rem  !important;
    margin-bottom: .5rem  !important;
	font-weight: 700  !important;
	font-family: "Utile Display", sans-serif;
}

@media (min-width: 992px) {
    .quiz .heading-2 {
        font-size: 2.25rem  !important;
        line-height: 3rem  !important;
        margin-bottom: .75rem  !important;
    }
}

.quiz form {
    margin-bottom: 2.5rem;
}

.quiz ol {
    list-style-type: none;
    padding-inline-start: 0;
    margin: 2.5rem 0;
}

.quiz ol li {
    border-top: 1px solid #676767;
}


.quiz fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.quiz ol li fieldset {
    margin: 2rem 0;
}

.quiz ol li fieldset legend {
    font-size: inherit;
    margin-bottom: 1.5rem;
}

.quiz legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}

.quiz fieldset legend {
    float: none;
}
@media (min-width: 1200px) {
    .quiz legend {
        font-size: 1.5rem;
    }
}


.quiz .quiz-question .quiz-question-content {
    display: flex;
    flex-direction: column;
}

@media (min-width: 576px) {
    .quiz .quiz-question .quiz-question-content {
        flex-direction: row;
    }
}

.quiz .invalid-feedback, .valid-feedback {
    line-height: 1.25em;
}


.quiz .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .5rem;
    font-size: 0.875rem;
    color: #d13239;
}

.quiz .quiz-question .invalid-feedback {
    margin: 0 0 1rem 0;
}


.quiz  .form-check {
    display: block;
    min-height: 1.875rem;
    padding-left: 1.5em;
    margin-bottom: .75rem;
}


.quiz .quiz-answer {
    display: flex;
    align-items: center;
    padding: 0;
}

.quiz .form-check-input {
	order: -1;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #F37021;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(20, 20, 20, .25);
    appearance: none;
    print-color-adjust: exact;
}
.quiz .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}

.quiz .form-check-input[type=radio] {
    border-radius: 50%;
}

.quiz .quiz-answer * {
    flex-shrink: 0;
}

.quiz .was-validated .form-check-input:invalid, .quiz .form-check-input.is-invalid {
   // border-color: #F37021 !important;
}

.quiz .was-validated .form-check-input:invalid, .quiz .form-check-input.is-invalid {
    border-color: #d13239;
}

.quiz .quiz-answer .form-check-input {
    margin: 0 .75rem 0 0;
}

.quiz .form-check-label {
    line-height: 1.35em;
}

.quiz .quiz-answer * {
    flex-shrink: 0;
}

.quiz .quiz-answer .form-check-label {
    display: flex;
    align-items: center;
    }

.quiz .was-validated .form-check-input:invalid~.form-check-label, .quiz .form-check-input.is-invalid~.form-check-label {
    color: inherit !important;
}

.quiz .was-validated .form-check-input:invalid~.form-check-label, .quiz .form-check-input.is-invalid~.form-check-label {
    color: #d13239;
}

.qprld {
	background-image: url('../img/dt.svg');
}

.quiz .form-check-input:checked[type=radio] {
    background-image: url('../img/dt.svg');
}
.quiz .quiz-answer * {
    flex-shrink: 0;
}
.quiz .form-check-input:checked {
    background-color: var(--e-global-color-text);
    border-color: var(--e-global-color-text);
}

.quiz ol li {
    border-top: 1px solid #676767;
}

.quiz .quiz-result .heading {
    margin-bottom: 1rem;
}

.quiz .quiz-result .quiz-result-content {
    display: flex;
    margin-bottom: 2.5rem;
    flex-direction: column;
}

@media (min-width: 992px) {
    .quiz .quiz-result .quiz-result-content {
        flex-direction: row;
    }
}


.quiz p {

    font-size: 1.125rem;
    line-height: 1.5rem;
    display: block;
    margin-bottom: .5rem;
    display: block;
    font-weight: 600;
}

.quiz p a {
	font-weight: 500 !important;
	text-decoration: underline !important;
	color: #002f87 !important;
}

@media (min-width: 992px) {
    .quiz p {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }
}

.quiz .form-check-input {
	cursor: pointer;
}

.quiz .form-check-input:focus {

    outline: 0;
    box-shadow: 0 0 0 .25rem var(--e-global-color-text);
}


body .quiz .btn.btn-primary {
    display: inline-flex;
    align-items: center;
    margin: .5rem .75rem .5rem 0;
    border: 16px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 1rem !important;
    line-height: 1rem !important;
    letter-spacing: 0 !important;
	text-transform: capitalize !important;
    font-weight: 700;
    justify-content: center;
    padding: .625rem 1.5rem;
    color: #003A28;
    border: 2px solid rgba(0, 0, 0, 0);
    text-align: center;
    text-decoration: none;
    --box-shadow-color: #ffbc0e;
    background-color: ##F37021;
	padding: 1rem 2rem !important;
	    padding-bottom: 0.75rem !important;
}

@media (min-width: 992px) {
   body .quiz  .btn.btn-primary {
        font-size: 1.25rem !important;
        line-height: 1.25rem !important;
        padding: 1rem 2rem;
    }
}

body .quiz  .btn.btn-primary:hover, body .quiz  .btn.btn-primary:focus {
    background-color: #E37839;
	
}
body .quiz  .btn.btn-primary:hover, body .quiz  .btn.btn-primary:focus {
    color: #003A28;
    text-decoration: none;
}



body .quiz  .btn.btn-secondary {
    display: inline-flex;
    align-items: center;
    margin: .5rem .75rem .5rem 0;
    border: 0;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 1rem !important;
    line-height: 1rem !important;
    letter-spacing: 0 !important;
    font-weight: 700;
    justify-content: center;
    padding: .625rem 1.5rem;
    color: #003A28;
    text-align: center;
    text-decoration: none;
    background-color: ##F37021;
    border-color: #141414;
	padding: 1rem 2rem !important;
	padding-bottom: 0.75rem !important;
}

body .quiz  .btn.btn-secondary:hover {
	opacity: 0.8;
}

@media (min-width: 992px) {
    body .quiz  .btn.btn-secondary {
        font-size: 1.25rem !important;
        line-height: 1.25rem !important;
        padding: 1rem 2rem;
    }
}