.live-ques {
    max-width: 85%;
    margin: 75px auto 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    .live-ques-top {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        display: flex;
        align-items: center;
        padding: 15px 0;
        .live-ques-logo {
            width: 10%;
            text-align: center;
        }
        .question-btns {
            width: 45%;
            text-align: end;
            button {
                border-radius: 30px;
                padding: 10px;
                color: #fff;
                background: linear-gradient(10deg, #ef4d7f 0%, #ee834f 100%);
                border: 0;
                cursor: pointer;
                transition: 1s;
                outline: 0;
                min-width: 100px;
                margin: 0 5px;
                &:hover {
                    background: linear-gradient(40deg, #ef4d7f 50%, #ee834f 100%);
                }
                &:disabled {
                    cursor: not-allowed;
                }
            }
        }
        .live-ques-per {
            width: 45%;
            text-align: end;
            h2 {
                font-style: normal;
                font-weight: normal;
                font-size: 30px;
                line-height: 38px;
                color: #D7779B;
                margin: 0;
            }
        }
    }
    .live-ques-bottom {
        padding: 50px 100px;
        .que {
            h2 {
                font-style: normal;
                font-weight: normal;
                font-size: 18px;
                line-height: 30px;
                color: #FFFFFF;
                mix-blend-mode: normal;
            }
        }
        .question-option {
            ul {
                padding-left: 0;
                li {
                    display: flex;
                    justify-content: flex-start;
                    align-items: flex-start;
                    margin-bottom: 30px;
                    span {
                        font-style: normal;
                        font-weight: normal;
                        font-size: 18px;
                        line-height: 23px;
                        color: #FFFFFF;
                        mix-blend-mode: normal;
                        margin-right: 15px;
                    }
                    p {
                        font-style: normal;
                        font-weight: normal;
                        font-size: 18px;
                        line-height: 23px;
                        color: #FFFFFF;
                        mix-blend-mode: normal;
                        margin: 0;
                    }
                    &.question-correct {
                        p {
                            color: #B25CFF !important;
                        }
                        span {
                            position: relative;
                            &::before {
                                position: absolute;
                                content: "";
                                height: 20px;
                                width: 20px;
                                background: linear-gradient(45deg, #8900D7, #B25CFF);
                                border-radius: 50%;
                                left: -3px;
                                top: 2px;
                            }
                            &:after {
                                position: absolute;
                                content: "";
                                height: 20px;
                                width: 20px;
                                background: url("../../../assets/images/white-check.png");
                                background-repeat: no-repeat;
                                left: 3px;
                                top: 9px;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media(max-width:767px) {
    .live-ques {
        .live-ques-top {
            .live-ques-logo {
                width: 41%;
                text-align: left;
            }
            .live-ques-per {
                width: 61%;
                h2 {
                    margin: 15px 0;
                    text-align: left;
                }
            }
        }
        .live-ques-bottom {
            padding: 10px 0;
            .que {
                h2 {
                    font-size: 14px;
                    line-height: 1.4;
                }
            }
            .question-option {
                ul {
                    li {
                        p {
                            font-size: 14px;
                            line-height: 1.4;
                        }
                    }
                }
            }
        }
    }
}