* {
    text-decoration: none !important;
}

span.number-icon {
    color: #fff;
    background-color: #747474;
    display: inline-block;
    padding: 0.6em;
    border-radius: 15px;
}

span.wrong {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255, 37, 37);
    padding: 0.5em 0.8em;
    border-radius: 10px;
    color: #fff;
}

span.right {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(0, 133, 0);
    padding: 0.5em 0.8em;
    border-radius: 10px;
    color: #fff;
}

span.nulled {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #747474;
    padding: 0.5em 0.8em;
    border-radius: 10px;
    color: #fff;
}

div.opts {
    display: block;
    font-size: 1.4em;
    font-weight: 600;
    margin: 8px;
    padding: 6px;
}

div.opts i.fa-circle {
    color: rgb(212, 212, 212);
}

span.question-text {
    width: 45px;
    height: 45px;
    background-color: #212529;
    border: 3px solid #0088cc;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    line-height: 40px;
    margin-right: 6px;
}

label.opt-label {
    font-size: 1.4em;
}

div.test-question p {
    font-size: 1.5em !important;
}

label.opt-label input[type=radio] {
    width: 25px;
    height: 25px;
    margin: 6px 12px;
}

div.main {
    background-image: url('/public/assets/template/img/logoHeader.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.bg-success {
    background-color: rgb(0, 133, 0) !important;
}

.bg-danger {
    background-color: rgb(255, 37, 37) !important;
}

.rotate-anime {
    animation-name: rotating;
    animation-timing-function: linear;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.form_timer.d-flex.flex-column.rounded-pill.countdown_timer {
    text-align: center;
    font-size: 3em;
    height: 50px;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 9%);
    width: 250px;
    line-height: 50px;
    margin: 40px auto;
    background: none;
    background-color: #fff !important;
}

div.voca-timer.form_timer {
    margin-top: 3em !important;
}

ul.social-icons li.social-icons-instagram:hover a {
    background-color: #e95950 !important;
    color: #fff;
}

ul.social-icons li.social-icons-telegram:hover a {
    background-color: #0088CC !important;
    color: #fff;
}

ul.toggle-content{
    padding:0;
}
.tabs-navigation .nav-tabs li:first-child .nav-link{
    border-radius: 0;
}

ul.toggle-content a.nav-link{
    background-color: #efefef;
}

.toggle>.toggle-content{
    padding-left:.5em;
}

section .que_text span  p{
    color:#555;
    font-weight:500;
    font-size:0.73em;
}

td.custom-flex{
    display: flex;
    flex-direction: column;
}