body.showQuiz {
    overflow: hidden !important;
}

body.showQuiz .fos.quiz-doc-check {
    visibility: visible;
    opacity: 1;
}

.fos.quiz-doc-check .fos-fb-cont {
    width: calc(100vw * 790 / 1920);
    min-width: calc(100vw * 790 / 1920);
}

.fos.quiz-doc-check .qdc_questions {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * 24 / 1920);
}

.fos.quiz-doc-check .qdc_question {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.fos.quiz-doc-check .qdc_question_title {
    font-weight: 500;
    font-size: calc(100vw * 20 / 1920);
}

.fos.quiz-doc-check .heading {
    line-height: 1.15;
    font-family: 'Daray', sans-serif;
}

.fos.quiz-doc-check .qdc_question_variant span {
    transition: color .3s;
    font-size: calc(100vw * 20 / 1920);
}

.fos.quiz-doc-check .qdc_question_variant input:checked~span {
    color: var(--c-gray);
}

.fos.quiz-doc-check .qdc_question_body {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * 16 / 1920);
    align-items: flex-start;
}

.fos.quiz-doc-check .qdc_question_variant input {
    display: none;
}

.fos.quiz-doc-check .qdc_question_body {
    margin-top: calc(100vw * 16 / 1920);
}

.fos.quiz-doc-check .qdc_question_variant {
    cursor: pointer;
    display: flex;
    align-items: center;
    --p-fill: #0000;
    gap: calc(100vw * 8 / 1920);
}

.fos.quiz-doc-check .qdc_question_variant input:checked+svg {
    --p-fill: #000;
}

.fos.quiz-doc-check .qdc_question_variant svg {
    display: block;
    min-width: calc(100vw * 24 / 1920);
    width: calc(100vw * 24 / 1920);
    height: calc(100vw * 24 / 1920);
}

.fos.quiz-doc-check .qdc_btns {
    margin-top: calc(100vw * 48 / 1920);
    display: flex;
    align-items: center;
    --gap: calc(100vw * 20 / 1920);
    gap: var(--gap);
}

.fos.quiz-doc-check .qdc_btns .btn {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    width: calc((100% - var(--gap)) / 2);
    height: calc(100vw * 60 / 1920);
    padding-top: calc(100vw * 5 / 1920);
    font-size: calc(100vw * 32 / 1920);
    background-color: #BF3546;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Daray', sans-serif;
    cursor: pointer;
}

.fos.quiz-doc-check .qdc_btns .btn:hover {
    opacity: .7;
}

.fos.quiz-doc-check .qdc_question_variant_text{
    padding-top: calc(100vw * 3 / 1920);
}

.fos.quiz-doc-check .qdc_errors_bl,
.fos.quiz-doc-check .qdc_errors {
    font-size: calc(100vw * 20 / 1920);
    display: none;
    padding: calc(100vw * 10 / 1920) calc(100vw * 16 / 1920) calc(100vw * 8 / 1920);
    background-color: #fffab5;
    margin-top: calc(100vw * 8 / 1920);
    border-radius: 4px;
}

.fos.quiz-doc-check .qdc_errors_bl {
    margin-top: calc(100vw * 30 / 1920);
    font-size: calc(100vw * 20 / 1920);
    text-align: center;
}

@media (max-width: 768px) {
    .fos.quiz-doc-check .qdc_question_variant span {
        font-size: calc(100vw * 16 / 375);
    }

    .fos.quiz-doc-check .fos-fb-cont {
        width: 100%;
        min-width: unset;
    }

    .fos.quiz-doc-check .qdc_questions {
        gap: calc(100vw * 24 / 375);
    }

    .fos.quiz-doc-check .qdc_question_title {
        font-weight: 500;
        font-size: calc(100vw * 16 / 375);
    }

    .fos.quiz-doc-check .qdc_question_body {
        gap: calc(100vw * 16 / 375);
    }

    .fos.quiz-doc-check .qdc_question_body {
        margin-top: calc(100vw * 16 / 375);
    }

    .fos.quiz-doc-check .qdc_question_variant {
        gap: calc(100vw * 8 / 375);
    }

    .fos.quiz-doc-check .qdc_question_variant svg {
        min-width: calc(100vw * 20 / 375);
        width: calc(100vw * 20 / 375);
        height: calc(100vw * 20 / 375);
    }

    .fos.quiz-doc-check .qdc_btns {
        margin-top: calc(100vw * 32 / 375);
        align-items: unset;
        flex-wrap: wrap;
        --gap: calc(100vw * 8 / 375);
    }

    .fos.quiz-doc-check .qdc_btns .btn {
        width: 100%;
        height: calc(100vw * 60 / 375);
        font-size: calc(100vw * 24 / 375);
    }

    .fos.quiz-doc-check .qdc_errors_bl,
    .fos.quiz-doc-check .qdc_errors {
        padding: calc(100vw * 8 / 375) calc(100vw * 16 / 375);
        margin-top: calc(100vw * 8 / 375);
        border-radius: calc(100vw * 4 / 375);
    }

    .fos.quiz-doc-check .qdc_errors_bl {
        margin-top: calc(100vw * 30 / 375);
        font-size: calc(100vw * 16 / 375);
    }
}