.text-block p {
    width: 650px;
}

.something {
    margin-right: 0px;
}

.tabs {
    display: block;
}

.card-mb {
    display: none;
}
.option{
    inline-size: 200px;
    justify-content: start !important;
}
.mat-label {
    display: block;
    font-size: 16px;
    transform: translateY(25px);
    color: #e2e2e2;
    transition: all 0.5s;
}

.mat-input {
    position: relative;
    background: transparent;
    width: 100%;
    border: none;
    outline: none;
    padding: 8px 0;
    font-size: 16px;
}

.mat-div {
    padding: 30px 0 0 0;
    position: relative;
}

.mat-div:after,
.mat-div:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e2e2e2;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}

.my-checkbox {
    min-width: 21px !important;
    min-height: 21px !important;
    border: solid 1px #000000;
    cursor: pointer;
}

.option {
    inline-size: 200px;
    justify-content: start !important;
}

.my-checkbox.checked {
    background-color: #ff7900;
    border: none
}

.my-checkbox img {
    display: none;
}

.my-checkbox.checked img {
    display: block;
}

.mat-div::after {
    background-color: #8E8DBE;
    transform: scaleX(0);
}

.is-active::after {
    transform: scaleX(1);
}

.is-active .mat-label {
    color: #8E8DBE;
}

.is-completed .mat-label {
    font-size: 12px;
    transform: translateY(0);
}

.tab-content {
    padding-left: 50px!important;
    padding-right: 100px!important
}

@media screen and (max-width: 800px) {
    .text-block p {
        width: 480px;
        text-align: justify;
        margin-top: 15px;
    }
    .card-mb {
        display: none;
    }
    .tabs {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .winner-desc{
        flex-direction: column !important;
    }
    .winner-desc p{
        margin-top: 20px;
    }
    .text-block p {
        width: 480px;
        text-align: justify;
        margin-top: 15px;
    }
    .something {
        margin-right: 60px;
        margin-bottom: 33px;
    }
    .text-block p {
        width: 100% !important;
        text-align: justify;
        margin-top: 15px;
    }
    .contentA{
        display: none;
    }
    .tabs {
        display: none
    }
    .card-mb {
        display: block;
    }
    .card-mb .card {
        border: none;
    }
    .mat-div {
        margin-bottom: 20px;
    }
    .answers-mobile {
        flex-direction: column;
    }
    .answers-mobile .answer {
        margin-bottom: 20px;
        width: 200px;
        justify-content: start !important;
    }
}