.loader, loader1 {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    display: none;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#loadingIndicator1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
}
/*---------15-10-25-- score board ui--------------------*/
.divider {
    border-top: 2px solid #0a52c2;
    width: 85%;
    margin: 10px auto;
}

.score-text {
    font-size: 16px;
    margin: 6px 0;
    text-align:center;
}

.correct {
    color: #000;
}

.incorrect {
    color: red;
}

.unanswered {
    color: #666;
}

.final-score {
    color: green;
    font-weight: 600;
    margin-top: 10px;
    font-size: 17px;
}