body {
                font-family: "Noto Sans Devanagari", sans-serif;
                background: #f4f4f4;
                margin: 0;
                padding: 0;
                text-align: center;
        }

        /* header { background: #00695c; color: white; padding: 20px; font-size: 28px; font-weight: bold; } */
        .quiz-container {
                width: 60%;
                ;
                margin: 4px auto;
                background: white;
                padding: 20px;
                box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
                border-radius: 12px;
        }

        .progress-bar {
                font-size: 18px;
                color: #004d40;
                margin-bottom: 10px;
                font-weight: bold;
        }

        .timer-container {
                position: relative;
                width: 120px;
                height: 120px;
                margin: 0 auto 15px auto;
        }

        .timer-svg {
                transform: rotate(-90deg);
        }

        .timer-circle-bg {
                fill: none;
                stroke: #ddd;
                stroke-width: 10;
        }

        .timer-circle {
                fill: none;
                stroke: green;
                stroke-width: 10;
                stroke-linecap: round;
                stroke-dasharray: 377;
                stroke-dashoffset: 0;
                transition: stroke 0.5s;
        }

        .timer-text {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: 22px;
                font-weight: bold;
                color: #00695c;
        }

        .question {
                font-size: 20px;
                margin-bottom: 10px;
        }

        .options button {
                display: block;
                min-width: 50%;
                margin: 5px auto;
                padding: 10px;
                font-size: 16px;
                border: none;
                border-radius: 5px;
                background: #00796b;
                color: white;
                cursor: pointer;
        }

        .options button.correct {
                background: #2e7d32 !important;
        }

        .options button.wrong {
                background: #c62828 !important;
        }

        .answer-text {
                margin-top: 8px;
                font-size: 16px;
                font-weight: bold;
                color: #2e7d32;
        }

        .navigation {
                display: flex;
                justify-content: space-between;
                margin-top: 15px;
        }

        .navigation button {
                background: #004d40;
                color: white;
                border: none;
                padding: 8px 20px;
                font-size: 16px;
                border-radius: 5px;
                cursor: pointer;
        }

        .score {
                font-size: 22px;
                margin-top: 20px;
                font-weight: bold;
        }

        .quiz-container h1 {
                font-size: 1.5rem;
                margin: 1rem auto;
                color: #004d40
        }

        @media (max-width:800px) {
                .quiz-container {
                        width: 90%;
                        padding: 1rem 2rem;
                }
                .options button{
                        min-width: 70%;
                }
        }

        @media (max-width:480px) {
                .quiz-container {
                        width: 100%;
                        padding: 1rem;
                }
                .options button{
                        min-width: 90%;
                }

        }