.congratulations_detail {
    margin-top: -1rem;
    display: none
}

.congratulations_detail .scroll-slider {
    max-height: 40rem
}

.congratulations_detail .congratulations_sec {
    padding: 2.875rem 3.75rem;
    background-color: #ebf9f8;
    border-radius: 16px
}

.congratulations_detail .congrats {
    color: #282828;
    font-family: Lato-Bold;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.625rem
}

.congratulations_detail .congratulations_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center
}

.congratulations_detail .congratulations_wrap .mob_cont {
    display: none
}

.congratulations_detail .congratulations_wrap .desk_cont {
    display: block
}

.congratulations_detail .congratulations_wrap .content_wrap .congratulations_text.desk_img {
    display: block
}

.congratulations_detail .congratulations_wrap .content_wrap .totalScore {
    color: #12877f;
    font-size: 2.5rem;
    line-height: 2.75rem;
    font-family: Lato-Bold;
    font-weight: 700;
    margin-top: .75rem;
    margin-bottom: 1rem
}

.congratulations_detail .congratulations_wrap .content_wrap .quiz_comp_text {
    color: #282828;
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: Lato-Medium;
    font-weight: 500;
    margin-bottom: 1rem
}

.congratulations_detail .congratulations_wrap .content_wrap .attempt {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: Lato-Bold;
    font-weight: 700;
    margin-bottom: 2rem;
    color: #282828
}

.congratulations_detail .congratulations_wrap .content_wrap .attempt .totalQue {
    color: #12877f;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01rem
}

.congratulations_detail .btn-wrap {
    -ms-flex-pack: start;
    justify-content: start;
    display: -ms-flexbox;
    display: flex
}

.congratulations_detail .btn-wrap .btn {
    padding: .5rem 1.5rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: .015rem;
    width: 9.875rem
}

.congratulations_detail .btn-wrap .btn:first-child {
    margin-right: 1rem
}

.congratulations_detail .btn-wrap .btn.btn-outline-light {
    color: #97144d;
    border: 1px solid #e2e2e2;
    background-color: #fff
}

.congratulations_detail .quiz_summary_detail {
    padding: 2rem 1rem 2rem 2rem;
    border-radius: 16px;
    background-color: #fff;
    margin-top: 2.5rem
}

.congratulations_detail .quiz_summary_detail .short-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: Lato-Bold;
    font-weight: 700;
    margin-bottom: 1.25rem;
    color: #282828
}

.congratulations_detail .quiz_summary_list li {
    margin-bottom: 1.25rem
}

.congratulations_detail .quiz_summary_list li:last-child {
    margin-bottom: 0
}

.congratulations_detail .quiz_summary_list .question {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: Lato-Bold;
    margin-bottom: .25rem;
    color: #282828
}

.congratulations_detail .quiz_summary_list .answer {
    font-size: .875rem;
    line-height: 1.25rem;
    font-family: Lato-Regular;
    color: #6e6e6e;
    padding-left: 1.25rem
}

.congratulations_detail .quiz_summary_list .answer span {
    color: #eb0000
}

.congratulations_detail .quiz_summary_list .answer span.correct {
    color: #278829
}

.darkmode .disclaimer .title,.darkmode .offer-disclaimer .disclaimer-wrap .disclaimer-title,.darkmode .offer-disclaimer .disclaimer-wrap p {
    color: #fff
}
.darkmode .disclaimer .desc{
    color: #e2e2e2
}
.darkmode .offer-disclaimer .disclaimer-wrap {
    background-color: #0c1015
}
.darkmode .disclaimer .disclaimer-desc-wrap {
    background: #0c1015
}
.disclaimer .disclaimer_wrap {
    padding: 1.5rem 2rem;
    border-radius: 16px;
    background-color: #f1f4f7
}

.disclaimer .title {
    color: #2e2e2e;
    font-family: Lato-Bold;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.625rem;
    letter-spacing: .01rem;
    margin-bottom: .75rem
}


@media only screen and (max-width:767px) {

    .congratulations_detail .scroll-slider {
        max-height: 35.25rem
    }

    .congratulations_detail .congratulations_sec {
        padding: 1.5rem 1rem
    }

    .congratulations_detail .congrats {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem
    }

    .congratulations_detail .congratulations_wrap {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .congratulations_detail .congratulations_wrap .mob_cont {
        display: block
    }

    .congratulations_detail .congratulations_wrap .desk_cont {
        display: none
    }

    .congratulations_detail .congratulations_wrap .img_wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .congratulations_detail .congratulations_wrap .img_wrap img {
        width: 50%;
        height: auto;
        text-align: center
    }

    .congratulations_detail .congratulations_wrap .content_wrap {
        text-align: center
    }

    .congratulations_detail .congratulations_wrap .content_wrap .congratulations_text.desk_img {
        display: none
    }

    .congratulations_detail .congratulations_wrap .content_wrap .totalScore {
        font-size: 2rem;
        line-height: 2.625rem;
        margin-top: 1rem;
        margin-bottom: .5rem
    }

    .congratulations_detail .congratulations_wrap .content_wrap .quiz_comp_text {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: .5rem
    }

    .congratulations_detail .congratulations_wrap .content_wrap .attempt {
        font-size: .875rem;
        line-height: 1.25rem;
        letter-spacing: .015rem;
        margin-bottom: 1.5rem
    }

    .congratulations_detail .congratulations_wrap .content_wrap .attempt .totalQue {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: .015rem
    }

    .congratulations_detail .btn-wrap {
        -ms-flex-pack: center;
        justify-content: center
    }

    .congratulations_detail .btn-wrap .btn {
        padding: .5rem 1rem;
        width: 8.75rem
    }

    .congratulations_detail .quiz_summary_detail {
        padding: 1rem .6875rem 1rem 1rem;
        margin-top: 1.5rem
    }

    .congratulations_detail .quiz_summary_detail .short-title {
        font-size: 1.25rem;
        line-height: 1.625rem
    }

    .congratulations_detail .quiz_summary_list .question {
        line-height: 1.25rem
    }

    .congratulations_detail .quiz_summary_list .answer {
        padding: 0
    }
    .disclaimer .disclaimer_wrap {
        padding: 1rem
    }

    .disclaimer .title {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: .5rem
    }
}