.group_1 {
    margin: .5rem auto 1rem !important;
}

.text_7 {
    font-size: .8rem!important;
    font-weight: bold!important;
    text-align: left!important;
    margin: 0!important;
    width: auto !important;
}

.group_10 {
    position: relative;
    background: linear-gradient(270deg, #F5F6F8 0%, #FEF0ED 100%);
}

.text_5 {
    max-width: 21rem;
    width: 100%;
    overflow-wrap: break-word;
    color: rgba(25, 26, 27, 1);
    font-size: 1.546rem;
    font-family: Britti Sans Trial-Bold;
    font-weight: 700;
    text-align: center;
    margin: 1.5rem auto 0;
}

.text_6 {
    font-size: 0.48rem!important;
    font-weight: normal!important;
    margin: 1rem auto;
}

.group_2 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 30px;
    border: 1px solid rgba(236, 234, 247, 1);
    max-width: 28rem;
    width: 100%;
    justify-content: center;
    margin: .5rem auto;
    padding: 1rem;
}

.text_8 {
    color: rgba(153, 153, 153, 1)!important;
}

.block_7 {
    margin: 1rem auto 0;
    gap: .4rem;
    width: 100%;
}

.is-checked{
    background-color: rgba(121, 104, 196, 1);
}

.group_3 {
    /*background-color: rgba(121, 104, 196, 1);*/
    border-radius: 12px;
    background-color: rgba(244, 244, 244, 1);
    align-items: center;
    justify-content: space-between;
    width: 49%;
    padding: 20px;

}

.label_2 {
    width: 0.8rem;
    height: 0.8rem;
    display: none;
}

.question-completed{
    display:none;
}

.question-in-progress{
    display: block;
}

.question-incomplete{
    display: none;
}

.group_3:hover{
    background-color: #7968C4;
}

.group_3:hover .label_2{
    display: block!important;
}

.is-checked{
    background-color: #7968C4;
}

.is-checked .label_2{
    display: block!important;
}

.disable-click{
    pointer-events: none;
    background: #aaabab!important;
}

.group_7 {
    background-color: #7968C4;
    border-radius: 12px;
    padding: .5rem 2rem;
    gap: .2rem;
    align-items: center;
}

.group_8 {
    border-radius: 12px;
    padding: .5rem 2rem;
    gap: .2rem;
    align-items: center;
}

.submit-btn{
    background-color: #7968C4;
    margin: .5rem auto 1rem;
    border-radius: 12px;
    display: none;
}

.text-group_1 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.533rem;
    font-family: Inter-Semi Bold;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    line-height: 0.534rem;
}

.thumbnail_1 {
    width: 0.6rem;
    height: 0.6rem;
}

.text-group_2 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.8rem;
    font-family: Cocon-Regular;
    font-weight: 1000;
    text-align: center;
    white-space: nowrap;
    line-height: 0.8rem;
}

.box_1 {
    background: #FEF0ED;
}

.option_bg_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
}

.option_bg_1 img {
    width: 100%;
}

.page-btn {
    max-width: 1050px;
    margin: .6rem auto;
    width: 100%;
}

.text_9 {
    width: 90%;
    line-height: 1.5!important;
    text-align: left!important;
}


@media screen and (max-width: 768px) {
    .group_10 {
        padding: 0 10px;
    }

    .group_1 {
        margin: .5rem auto !important;
    }

    .option_bg_1 img {
        width: 200%;
        height: 100%;
    }

    .text_5 {
        margin: .5rem auto 0;
        font-size: .8rem;
        line-height: 1.2;
    }

    .text_6 {
        margin-top: .5rem!important;
    }

    .group_2 {
        padding: .5rem;
        border-radius: 15px;
    }

    .text_7 {
        font-size: .5rem !important;
    }

    .text_8 {
        font-size: .5rem!important;
        line-height: .5rem!important;
    }

    .block_7 {
        margin: .5rem auto 0;
    }

    .group_3 {
        padding: 10px;
    }

    .text_9 {
        font-size: .5rem;
    }

    .label_2 {
        width: 0.6rem;
        height: .6rem;
    }

    .group_7 {
        padding: .5rem 1rem;
    }
}