#quizModal .form-inner {position: relative;width: 100%;box-sizing: border-box;padding: 0;}
#quizModal .form-inner h2 {display: none;}
#quizModal .form-inner .quiz-categories-wrapper .steps {display: none;}
#quizModal .form-inner .quiz-categories-wrapper .content {margin: 0;height: auto;max-width: unset;background-color: transparent;transform: unset;box-shadow: unset;}
#quizModal .form-inner .quiz-categories-wrapper .content:before, #quizModal .form-inner .quiz-categories-wrapper .content:after {display: none;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .title {color: var(--xm-color-black);
    text-align: center;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 146.429%;
    text-transform: uppercase;
    margin-bottom: 20px;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields {display: flex;flex-wrap: wrap;margin: 0 -10px;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field {padding: 0 10px;width: 50%;box-sizing: border-box;margin-bottom: 20px;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner {display: flex;align-items: flex-start;border-radius: 5px; border: 1px solid var(--xm-bd-grey); background-color: var(--xm-bg-header); padding: 19px;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner:hover {cursor: pointer;border-color: var(--xm-color-read);}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .default-checkbox {position: absolute;z-index: -1;opacity: 0;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .default-checkbox:checked + .checkbox-check {border-color: #003B82;
    background-color: #004392;
    background-image: url(../../../img/icons/checked.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .default-radio {position: absolute;z-index: -1;opacity: 0;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner:has(:checked){border-color: var(--xm-color-read); outline: 1px solid var(--xm-color-read);}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .default-radio:checked + .default-check:after {content: '';display: block; width: 12px; height: 12px; border-radius: 50%; background-color: var(--xm-color-read); transition: .3s;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .default-radio:checked + .default-check {border-color: var(--xm-color-read);}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .text {font-weight: 400;font-size: 16px;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .default-check {position: relative;display: flex; align-items: center; justify-content: center; width: 24px;height: 24px;margin-right: 10px;flex-shrink: 0; border-radius: 50%; border: 1px solid var(--xm-bd-inp); background-color: var(--xm-bg-body);}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .default-check:after {content: '';transition: background-color 0.3s;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .checkbox-check {position: relative;display: block;width: 24px;height: 24px;;margin-right: 10px;flex-shrink: 0;border-radius: 4px; border: 1px solid var(--xm-bd-inp); background: #FFFFFF;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .checkbox-check:after {content: '';transition: background-color 0.3s;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper {display: flex;justify-content: center;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner {top: 0;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .form-title {top: 0;font-size: 20px;text-align: center;font-weight: 500;line-height: 1.5;margin-bottom: 15px;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance {padding: 0;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .form-row {top: 0;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .form-row .form-label {display: block;margin-bottom: 7px;font-weight: 600;font-size: 13px;color: #999999;line-height: 1.2;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .form-row label.error-rbz {display: block;margin-bottom: 7px;font-weight: 600;font-size: 13px;color: red;line-height: 1.2;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .form-row input.error-rbz {border: 1px solid red;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .submit-row {top: 0;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .form-politika-konf {font-size: 13px;line-height: 18px;font-weight: 400;margin-top: 30px;color: #707070;}
#quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .error-container {color: red;margin-bottom: 10px;}
#quizModal .form-inner .bottom {border-top: 1px solid #dddde1;}
#quizModal .form-inner .bottom .wrapper {display: flex;align-items: center;padding: 25px 0 0;}
#quizModal .form-inner .bottom .wrapper .wrap-progress-n-text {width: 60%;}
#quizModal .form-inner .bottom .wrapper .wrap-progress-n-text .done {margin-bottom: 10px;}
#quizModal .form-inner .bottom .wrapper .progress-bar-for-quiz {height: 4px;background-color: #EAEAEA;position: relative;margin-right: 20px;}
#quizModal .form-inner .bottom .wrapper .progress-bar-for-quiz .progress {width: 0;background-color: #e30016;height: 4px;position: absolute;z-index: 10;transition: 300ms linear;}
#quizModal .form-inner .bottom.none {display: none;}
#quizModal .form-inner .bottom .wrapper .buttons-quiz {width: 40%;display: flex;justify-content: flex-end;}
#quizModal .form-inner .bottom .wrapper .buttons-quiz .none {display: none;}
#quizModal .form-inner .bottom .wrapper .buttons-quiz .btn-quiz {padding: 10px;}
#quizModal .form-inner .bottom .wrapper .buttons-quiz .btn-quiz:disabled {cursor: not-allowed!important; opacity: 0.6; pointer-events: none;}
#quizModal .form-inner .bottom .wrapper .buttons-quiz .next {margin-left: 10px;}

@media screen and (max-width: 590px) {
    #quizModal .form-inner .quiz-categories-wrapper .form-step .fields{flex-direction: column;}
    #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field{width: 100%;}

    #quizModal .form-inner .quiz-categories-wrapper .form-step .title {
        font-size: 15px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    #quizModal .form-inner .bottom .wrapper .wrap-progress-n-text{width: auto; flex: 1; margin-right: 20px;}
    #quizModal .form-inner .bottom .wrapper .buttons-quiz{width: auto;}

}