.quiz_wrap{
    padding:12px;
    border-radius: 8px 100px 8px 100px;
    display:flex;
    justify-content: space-between;
    background:url('/local/templates/main/images/qbg.png') left center / contain no-repeat, #F0F0F0;
}
.quiz_info{
    padding: 36px 20px 36px 92px;
}
.quiz_title{
    font-size:38px;
    line-height:36px;
    font-family: var(--font-family2);
}
.quiz_text{
    font-size:14px;
    max-width:430px;
    margin-top: 16px;
}
.quiz_info button{
    margin-top: 24px;
}
.quiz_images{
    display:flex;
    gap:6px;
    position: relative;
    padding-left: 140px;
}
.quiz_image{
    max-width:340px;
    line-height: 0;
}
.quiz_image img{
    max-width:100%;
    max-height:100%;
    object-fit: cover;
}
.quiz_active_image{
    position: absolute;
    left:0;
    top:20px;
    max-width:250px;
    max-height:250px;
}
@media(max-width:1600px){
    .quiz_active_image{
        max-width:200px;
        max-height:200px;
    }
    .quiz_images{
        padding-left: 100px;
    }
    .quiz_info{
        padding-left: 36px;
    }
}
@media(max-width:1400px){
    .quiz_images{
        padding-left: 50px;
    }
    .quiz_images .quiz_image:nth-child(2){
        display:none;
    }
}
@media(max-width:991px){
    .quiz_wrap{
        padding:20px;
        flex-direction: column;

    }
    .quiz_images{
        padding-top: 60px;
        padding-left: 0;

    }
    .quiz_active_image{
        max-width:135px;
        max-height:135px;
        top:0;
        left:50%;
        transform: translateX(-50%);
    }
    .quiz_info button{
        margin-top: 16px;
    }
    .quiz_text{
        max-width:100%;
    }
    .quiz_info{
        padding:10px 0;
    }
    .quiz_title{
        font-size:32px;
    }
    .quiz_images .quiz_image:nth-child(1){
        border-bottom-left-radius: 80px;
        overflow: hidden;
    }
    .quiz_images .quiz_image:nth-child(1){
        border-top-right-radius: 80px;
        overflow: hidden;
    }
}