#modal-quiz{
    width:1900px;
    max-width:calc(100% - 60px);
    text-align:left;
    padding:70px;
    background: #F0F0F0;
}
.quiz-form{
    display:flex;
    gap:20px;
    justify-content: space-between;
    width:100%;
}
.mquiz_left{
    max-width:890px;
}
.mquiz_right{
    max-width:700px;
}
.mquiz_right img{
    max-width:100%;
    max-height:100%;
}
.mquiz_title{
    font-size:38px;
    line-height:36px;
    font-family: var(--font-family2);
}
.mquiz_slide.hidden{
    display:none;   
}
.mquiz_name_wrapper{
    margin-top: 30px;
    font-size:24px;
    font-family: var(--font-family2);
    display:flex;
    gap:10px;
}
.mquiz_counter{
    color:#6E6E6E;
    min-width:80px;
}
.mquiz_name{
    max-width:calc(100% - 80px);
}
.mquiz_multiple,
.mquiz_subtext:not(:empty){
    margin-top: 16px;
    color:#1C2645;
}
.mquiz_field{
    margin-top: 24px;
    border: 0;
}
.mquiz_nav{
    margin-top: 20px;
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.mquiz_field.input input{
    border:0;
    border-bottom:1px solid #D9D9D9;
    width:100%;
    background: transparent;
    font-family: var(--font-family);
    padding:11px 0;
    font-size: 14px;
}
.mquiz_field.input input::placeholder{
    color:#D9D9D9;
}
.mquiz_field.input input:focus,
.mquiz_field.input input:not(:empty){
    border-color:#717171;
}
.mquiz_field.checkbox{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.mquiz_field.checkbox label{
    padding:25px 25px 24px;
    border:1px solid #D9D9D9;
    border-radius:5px;
    cursor:pointer;
    width: calc(33.333% - 7px);
    text-align: center;
    font-size:16px;
}
.mquiz_field.checkbox label:has(input:checked){
    border-color:#717171;
}
#errors_block:not(:empty){
    color:red;
    margin-bottom: 15px;
    font-size:14px;
}

@media(max-width:1600px){
    .mquiz_left{
        max-width:600px;
    }
    #modal-quiz{
        padding:30px;
    }
}
@media(max-width:1280px){
    .mquiz_field.checkbox label{
        width:calc(50% - 5px);
    }
    .mquiz_left{
        max-width:500px;
    }
}
@media(max-width:991px){
    .mquiz_field.checkbox label{
        font-size:12px;
        padding:15px 15px 14px;
    }
    .mquiz_field.input input{
        font-size:12px;
        padding:8px 0;
    }
    .mquiz_right{
        display:none;
    }
    .mquiz_left {
        max-width: 100%;
    }
    .mquiz_title{
        font-size:32px;
    }
    .mquiz_multiple, 
    .mquiz_subtext:not(:empty){
        font-size:12px;
        margin-top: 10px;
    }
    .mquiz_name_wrapper{
        font-size:16px;
        margin-top: 16px;
    }
    .mquiz_counter{
        min-width:55px;
    }
    #modal-quiz{
        padding:30px 20px;
        max-width:calc(100% - 30px);
    }
    .mquiz_field{
        margin-top: 16px;
    }
}