{"id":2063,"date":"2025-06-14T12:43:14","date_gmt":"2025-06-14T08:43:14","guid":{"rendered":"https:\/\/windowedu.in\/blog\/?p=2063"},"modified":"2025-06-14T12:43:15","modified_gmt":"2025-06-14T08:43:15","slug":"%e0%b4%aa%e0%b4%a4%e0%b5%8d%e0%b4%b0%e0%b4%aa%e0%b5%8d%e0%b4%b0%e0%b4%b5%e0%b5%bc%e0%b4%a4%e0%b5%8d%e0%b4%a4%e0%b4%a8%e0%b4%b5%e0%b5%81%e0%b4%82-%e0%b4%a6%e0%b5%87%e0%b4%b6%e0%b5%80%e0%b4%af%e0%b4%a4","status":"publish","type":"post","link":"https:\/\/windowedu.in\/blog\/?p=2063","title":{"rendered":"\u0d2a\u0d24\u0d4d\u0d30\u0d2a\u0d4d\u0d30\u0d35\u0d7c\u0d24\u0d4d\u0d24\u0d28\u0d35\u0d41\u0d02 \u0d26\u0d47\u0d36\u0d40\u0d2f\u0d24\u0d2f\u0d41\u0d02"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ml\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0d35\u0d28\u0d4d\u0d26\u0d47\u0d2e\u0d3e\u0d24\u0d30\u0d02 &#8211; Complete Learning Tool<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Noto Sans Malayalam', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            min-height: 100vh;\n            padding: 10px;\n        }\n        \n        .learning-app {\n            max-width: 100%;\n            width: 100%;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 20px;\n            backdrop-filter: blur(10px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n            overflow: hidden;\n        }\n        \n        \/* Header Section *\/\n        .app-header {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            padding: 20px;\n            text-align: center;\n            position: relative;\n        }\n        \n        .app-title {\n            font-size: clamp(20px, 5vw, 28px);\n            font-weight: bold;\n            margin-bottom: 8px;\n        }\n        \n        .app-subtitle {\n            font-size: clamp(12px, 3vw, 16px);\n            opacity: 0.9;\n        }\n        \n        \/* Navigation *\/\n        .nav-tabs {\n            display: flex;\n            background: rgba(255,255,255,0.1);\n            border-radius: 25px;\n            margin: 15px 20px 0;\n            padding: 5px;\n            overflow-x: auto;\n        }\n        \n        .nav-tab {\n            flex: 1;\n            padding: 10px 15px;\n            background: transparent;\n            border: none;\n            color: white;\n            border-radius: 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(12px, 2.5vw, 14px);\n            white-space: nowrap;\n            min-width: 80px;\n        }\n        \n        .nav-tab.active {\n            background: white;\n            color: #667eea;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }\n        \n        \/* Stats Bar *\/\n        .stats-bar {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));\n            gap: 10px;\n            padding: 15px 20px;\n            background: rgba(255,255,255,0.1);\n            color: white;\n        }\n        \n        .stat-item {\n            text-align: center;\n            padding: 8px;\n            border-radius: 10px;\n            background: rgba(255,255,255,0.1);\n        }\n        \n        .stat-number {\n            display: block;\n            font-size: clamp(16px, 4vw, 24px);\n            font-weight: bold;\n            margin-bottom: 2px;\n        }\n        \n        .stat-label {\n            font-size: clamp(10px, 2.5vw, 12px);\n            opacity: 0.9;\n        }\n        \n        \/* Content Area *\/\n        .content-area {\n            padding: 20px;\n            min-height: 60vh;\n        }\n        \n        \/* Flashcard Mode *\/\n        .flashcard-container {\n            perspective: 1000px;\n            margin-bottom: 20px;\n        }\n        \n        .flashcard {\n            width: 100%;\n            height: clamp(200px, 40vh, 300px);\n            position: relative;\n            transform-style: preserve-3d;\n            transition: transform 0.6s;\n            cursor: pointer;\n        }\n        \n        .flashcard.flipped {\n            transform: rotateY(180deg);\n        }\n        \n        .card-face {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            backface-visibility: hidden;\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: 20px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n        \n        .card-front {\n            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n            color: white;\n        }\n        \n        .card-back {\n            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\n            color: white;\n            transform: rotateY(180deg);\n        }\n        \n        .card-text {\n            font-size: clamp(16px, 4vw, 20px);\n            line-height: 1.4;\n            font-weight: 500;\n        }\n        \n        \/* Quiz Mode *\/\n        .quiz-container {\n            max-width: 100%;\n        }\n        \n        .question-card {\n            background: white;\n            border-radius: 15px;\n            padding: 20px;\n            margin-bottom: 20px;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n        }\n        \n        .question-number {\n            background: #667eea;\n            color: white;\n            padding: 5px 15px;\n            border-radius: 20px;\n            font-size: clamp(12px, 3vw, 14px);\n            display: inline-block;\n            margin-bottom: 15px;\n        }\n        \n        .question-text {\n            font-size: clamp(16px, 4vw, 18px);\n            font-weight: 600;\n            margin-bottom: 20px;\n            line-height: 1.5;\n            color: #2c3e50;\n        }\n        \n        .options-container {\n            display: grid;\n            gap: 12px;\n        }\n        \n        .option {\n            background: #f8f9fa;\n            border: 2px solid #e9ecef;\n            border-radius: 12px;\n            padding: 15px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            font-size: clamp(14px, 3.5vw, 16px);\n        }\n        \n        .option:hover {\n            background: #e3f2fd;\n            border-color: #2196f3;\n            transform: translateX(5px);\n        }\n        \n        .option.selected {\n            background: #bbdefb;\n            border-color: #1976d2;\n        }\n        \n        .option.correct {\n            background: #c8e6c9;\n            border-color: #4caf50;\n            color: #2e7d32;\n        }\n        \n        .option.wrong {\n            background: #ffcdd2;\n            border-color: #f44336;\n            color: #c62828;\n        }\n        \n        .option-letter {\n            width: 30px;\n            height: 30px;\n            background: #2196f3;\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 12px;\n            font-weight: bold;\n            font-size: 14px;\n            flex-shrink: 0;\n        }\n        \n        \/* Timer *\/\n        .timer-display {\n            background: rgba(255,87,108,0.1);\n            color: #f5576c;\n            padding: 10px 20px;\n            border-radius: 25px;\n            font-size: clamp(16px, 4vw, 20px);\n            font-weight: bold;\n            text-align: center;\n            margin-bottom: 20px;\n        }\n        \n        .timer-warning {\n            animation: pulse 1s infinite;\n            background: rgba(255,87,108,0.2);\n        }\n        \n        \/* Progress Bar *\/\n        .progress-container {\n            background: #e9ecef;\n            height: 8px;\n            border-radius: 4px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n        \n        .progress-bar {\n            background: linear-gradient(90deg, #4caf50, #8bc34a);\n            height: 100%;\n            border-radius: 4px;\n            transition: width 0.5s ease;\n            width: 0%;\n        }\n        \n        \/* Buttons *\/\n        .controls {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            justify-content: center;\n            margin-top: 20px;\n        }\n        \n        .btn {\n            background: #4caf50;\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 25px;\n            cursor: pointer;\n            font-size: clamp(14px, 3.5vw, 16px);\n            font-weight: 500;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);\n            min-width: 120px;\n        }\n        \n        .btn:hover {\n            background: #45a049;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n        \n        .btn:disabled {\n            background: #bdbdbd;\n            cursor: not-allowed;\n            transform: none;\n            box-shadow: none;\n        }\n        \n        .btn-secondary {\n            background: #2196f3;\n            box-shadow: 0 4px 15px rgba(33, 150, 243, 0.3);\n        }\n        \n        .btn-secondary:hover {\n            background: #1976d2;\n            box-shadow: 0 6px 20px rgba(33, 150, 243, 0.4);\n        }\n        \n        .btn-warning {\n            background: #ff9800;\n            box-shadow: 0 4px 15px rgba(255, 152, 0, 0.3);\n        }\n        \n        .btn-warning:hover {\n            background: #f57c00;\n            box-shadow: 0 6px 20px rgba(255, 152, 0, 0.4);\n        }\n        \n        \/* Feedback *\/\n        .feedback {\n            padding: 15px;\n            border-radius: 12px;\n            margin: 15px 0;\n            text-align: center;\n            font-weight: 500;\n            font-size: clamp(14px, 3.5vw, 16px);\n        }\n        \n        .feedback.success {\n            background: #c8e6c9;\n            color: #2e7d32;\n            border: 2px solid #4caf50;\n        }\n        \n        .feedback.error {\n            background: #ffcdd2;\n            color: #c62828;\n            border: 2px solid #f44336;\n        }\n        \n        \/* Results *\/\n        .results-container {\n            text-align: center;\n            padding: 20px;\n            background: white;\n            border-radius: 15px;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n        }\n        \n        .results-title {\n            font-size: clamp(20px, 5vw, 24px);\n            color: #2c3e50;\n            margin-bottom: 20px;\n        }\n        \n        .achievement {\n            background: linear-gradient(135deg, #ffd700, #ffed4e);\n            color: #333;\n            padding: 8px 16px;\n            border-radius: 20px;\n            display: inline-block;\n            margin: 5px;\n            font-weight: bold;\n            font-size: clamp(12px, 3vw, 14px);\n            box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);\n        }\n        \n        \/* Hidden state *\/\n        .hidden {\n            display: none;\n        }\n        \n        \/* Difficulty Rating *\/\n        .difficulty-rating {\n            display: flex;\n            justify-content: center;\n            gap: 10px;\n            margin: 15px 0;\n            flex-wrap: wrap;\n        }\n        \n        .difficulty-btn {\n            padding: 8px 16px;\n            border: none;\n            border-radius: 20px;\n            cursor: pointer;\n            font-size: clamp(12px, 3vw, 14px);\n            font-weight: 500;\n            transition: all 0.3s ease;\n            min-width: 80px;\n        }\n        \n        .difficulty-easy {\n            background: #4caf50;\n            color: white;\n        }\n        \n        .difficulty-medium {\n            background: #ff9800;\n            color: white;\n        }\n        \n        .difficulty-hard {\n            background: #f44336;\n            color: white;\n        }\n        \n        \/* Animations *\/\n        @keyframes pulse {\n            0% { transform: scale(1); opacity: 1; }\n            50% { transform: scale(1.05); opacity: 0.8; }\n            100% { transform: scale(1); opacity: 1; }\n        }\n        \n        @keyframes slideIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \n        .slide-in {\n            animation: slideIn 0.5s ease-out;\n        }\n        \n        \/* Mobile Specific Improvements *\/\n        @media (max-width: 768px) {\n            body {\n                padding: 5px;\n            }\n            \n            .app-header {\n                padding: 15px;\n            }\n            \n            .content-area {\n                padding: 15px;\n            }\n            \n            .nav-tabs {\n                margin: 10px 15px 0;\n            }\n            \n            .stats-bar {\n                padding: 10px 15px;\n                grid-template-columns: repeat(4, 1fr);\n            }\n            \n            .flashcard {\n                height: clamp(180px, 35vh, 250px);\n            }\n            \n            .card-face {\n                padding: 15px;\n            }\n            \n            .controls {\n                flex-direction: column;\n                align-items: stretch;\n            }\n            \n            .btn {\n                width: 100%;\n                margin-bottom: 10px;\n            }\n            \n            .options-container .option {\n                padding: 12px;\n            }\n            \n            .option-letter {\n                width: 25px;\n                height: 25px;\n                font-size: 12px;\n                margin-right: 10px;\n            }\n        }\n        \n        \/* Touch interactions *\/\n        @media (hover: none) and (pointer: coarse) {\n            .option:hover,\n            .btn:hover,\n            .nav-tab:hover {\n                transform: none;\n            }\n            \n            .option:active,\n            .btn:active {\n                transform: scale(0.98);\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"learning-app\">\n        <!-- Header -->\n        <div class=\"app-header\">\n            <h1 class=\"app-title\">\u0d35\u0d28\u0d4d\u0d26\u0d47\u0d2e\u0d3e\u0d24\u0d30\u0d02 \u0d2a\u0d20\u0d28 \u0d09\u0d2a\u0d15\u0d30\u0d23\u0d02<\/h1>\n            <p class=\"app-subtitle\">\u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f\u0d7b \u0d38\u0d4d\u0d35\u0d3e\u0d24\u0d28\u0d4d\u0d24\u0d4d\u0d30\u0d4d\u0d2f\u0d38\u0d2e\u0d30 \u0d15\u0d3e\u0d32\u0d24\u0d4d\u0d24\u0d46 \u0d2a\u0d4d\u0d30\u0d38\u0d3f\u0d26\u0d4d\u0d27\u0d40\u0d15\u0d30\u0d23\u0d19\u0d4d\u0d19\u0d7e<\/p>\n            \n            <!-- Navigation Tabs -->\n            <div class=\"nav-tabs\">\n                <button class=\"nav-tab active\" onclick=\"switchMode('flashcard')\">\ud83d\udcda \u0d2b\u0d4d\u0d32\u0d3e\u0d37\u0d4d\u0d15\u0d3e\u0d7c\u0d21\u0d4d<\/button>\n                <button class=\"nav-tab\" onclick=\"switchMode('quiz')\">\ud83c\udfaf \u0d15\u0d4d\u0d35\u0d3f\u0d38\u0d4d<\/button>\n                <button class=\"nav-tab\" onclick=\"switchMode('challenge')\">\u26a1 \u0d1a\u0d3e\u0d32\u0d1e\u0d4d\u0d1a\u0d4d<\/button>\n                <button class=\"nav-tab\" onclick=\"switchMode('study')\">\ud83d\udcd6 \u0d2a\u0d20\u0d28\u0d02<\/button>\n            <\/div>\n            \n            <!-- Stats Bar -->\n            <div class=\"stats-bar\">\n                <div class=\"stat-item\">\n                    <span class=\"stat-number\" id=\"totalScore\">0<\/span>\n                    <span class=\"stat-label\">\u0d38\u0d4d\u0d15\u0d4b\u0d7c<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-number\" id=\"currentLevel\">1<\/span>\n                    <span class=\"stat-label\">\u0d32\u0d46\u0d35\u0d7d<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-number\" id=\"streakCount\">0<\/span>\n                    <span class=\"stat-label\">\u0d38\u0d4d\u0d1f\u0d4d\u0d30\u0d40\u0d15\u0d4d<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-number\" id=\"accuracyRate\">0%<\/span>\n                    <span class=\"stat-label\">\u0d15\u0d43\u0d24\u0d4d\u0d2f\u0d24<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Content Area -->\n        <div class=\"content-area\">\n            <!-- Progress Bar -->\n            <div class=\"progress-container\">\n                <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n            <\/div>\n            \n            <!-- Timer (for timed modes) -->\n            <div class=\"timer-display hidden\" id=\"timerDisplay\">\n                \u23f1\ufe0f <span id=\"timeRemaining\">05:00<\/span>\n            <\/div>\n            \n            <!-- Flashcard Mode -->\n            <div id=\"flashcardMode\" class=\"mode-content\">\n                <div class=\"flashcard-container\">\n                    <div class=\"flashcard\" id=\"flashcard\" onclick=\"flipCard()\">\n                        <div class=\"card-face card-front\">\n                            <div class=\"card-text\" id=\"cardFront\">\n                                \u0d06\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d7b &#8220;\u0d2a\u0d4d\u0d30\u0d3e\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15&#8221; \u0d15\u0d4d\u0d32\u0d3f\u0d15\u0d4d\u0d15\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-face card-back\">\n                            <div class=\"card-text\" id=\"cardBack\">\n                                <!-- Back content will be populated -->\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"difficulty-rating hidden\" id=\"difficultyRating\">\n                    <p style=\"width: 100%; text-align: center; margin-bottom: 10px; color: #666;\">\u0d08 \u0d15\u0d3e\u0d7c\u0d21\u0d4d \u0d0e\u0d24\u0d4d\u0d30 \u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d3e\u0d2f\u0d3f\u0d30\u0d41\u0d28\u0d4d\u0d28\u0d41?<\/p>\n                    <button class=\"difficulty-btn difficulty-easy\" onclick=\"rateDifficulty('easy')\">\ud83d\ude0a \u0d0e\u0d33\u0d41\u0d2a\u0d4d\u0d2a\u0d02<\/button>\n                    <button class=\"difficulty-btn difficulty-medium\" onclick=\"rateDifficulty('medium')\">\ud83e\udd14 \u0d07\u0d1f\u0d24\u0d4d\u0d24\u0d30\u0d02<\/button>\n                    <button class=\"difficulty-btn difficulty-hard\" onclick=\"rateDifficulty('hard')\">\ud83d\ude30 \u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- Quiz Mode -->\n            <div id=\"quizMode\" class=\"mode-content hidden\">\n                <div class=\"question-card\">\n                    <div class=\"question-number\" id=\"questionNumber\">\u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 1<\/div>\n                    <div class=\"question-text\" id=\"questionText\">\n                        \u0d15\u0d4d\u0d35\u0d3f\u0d38\u0d4d \u0d06\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d7b &#8220;\u0d2a\u0d4d\u0d30\u0d3e\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15&#8221; \u0d15\u0d4d\u0d32\u0d3f\u0d15\u0d4d\u0d15\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15\n                    <\/div>\n                    <div class=\"options-container\" id=\"optionsContainer\">\n                        <!-- Options will be populated here -->\n                    <\/div>\n                <\/div>\n                \n                <div class=\"feedback hidden\" id=\"feedbackMessage\"><\/div>\n            <\/div>\n            \n            <!-- Challenge Mode -->\n            <div id=\"challengeMode\" class=\"mode-content hidden\">\n                <div class=\"question-card\">\n                    <div class=\"question-number\">\u26a1 \u0d38\u0d4d\u0d2a\u0d40\u0d21\u0d4d \u0d1a\u0d3e\u0d32\u0d1e\u0d4d\u0d1a\u0d4d<\/div>\n                    <div class=\"question-text\" id=\"challengeQuestion\">\n                        2 \u0d2e\u0d3f\u0d28\u0d3f\u0d31\u0d4d\u0d31\u0d3f\u0d28\u0d41\u0d33\u0d4d\u0d33\u0d3f\u0d7d \u0d0e\u0d24\u0d4d\u0d30 \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d19\u0d4d\u0d19\u0d7e\u0d15\u0d4d\u0d15\u0d4d \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 \u0d28\u0d7d\u0d15\u0d3e\u0d7b \u0d15\u0d34\u0d3f\u0d2f\u0d41\u0d02?\n                    <\/div>\n                    <div class=\"options-container\" id=\"challengeOptions\">\n                        <!-- Challenge options will be populated here -->\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Study Mode -->\n            <div id=\"studyMode\" class=\"mode-content hidden\">\n                <div class=\"question-card\">\n                    <div class=\"question-number\">\ud83d\udcd6 \u0d2a\u0d20\u0d28 \u0d2e\u0d4b\u0d21\u0d4d<\/div>\n                    <div class=\"question-text\">\n                        \u0d0e\u0d32\u0d4d\u0d32\u0d3e \u0d2a\u0d4d\u0d30\u0d38\u0d3f\u0d26\u0d4d\u0d27\u0d40\u0d15\u0d30\u0d23\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d02 \u0d05\u0d35\u0d2f\u0d41\u0d1f\u0d46 \u0d38\u0d4d\u0d25\u0d3e\u0d2a\u0d15\u0d30\u0d41\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15\n                    <\/div>\n                    <div id=\"studyContent\">\n                        <!-- Study content will be populated here -->\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Results -->\n            <div id=\"resultsContainer\" class=\"results-container hidden\">\n                <h2 class=\"results-title\">\ud83c\udf89 \u0d2b\u0d32\u0d02<\/h2>\n                <div id=\"resultsContent\"><\/div>\n                <div id=\"achievementsContainer\"><\/div>\n            <\/div>\n            \n            <!-- Controls -->\n            <div class=\"controls\">\n                <button class=\"btn\" id=\"startBtn\" onclick=\"startCurrentMode()\">\u0d2a\u0d4d\u0d30\u0d3e\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15<\/button>\n                <button class=\"btn btn-secondary hidden\" id=\"nextBtn\" onclick=\"nextItem()\">\u0d05\u0d1f\u0d41\u0d24\u0d4d\u0d24\u0d24\u0d4d<\/button>\n                <button class=\"btn btn-warning hidden\" id=\"skipBtn\" onclick=\"skipItem()\">\u0d12\u0d34\u0d3f\u0d35\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15<\/button>\n                <button class=\"btn btn-secondary hidden\" id=\"restartBtn\" onclick=\"restartApp()\">\u0d2a\u0d41\u0d28\u0d30\u0d3e\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Learning Data\n        const learningData = [\n            {\n                question: \"\u0d38\u0d02\u0d2c\u0d3e\u0d26\u0d4d \u0d15\u0d57\u0d2e\u0d41\u0d26\u0d3f, \u0d2e\u0d3f\u0d31\u0d3e\u0d24\u0d4d\u0d24\u0d4d-\u0d09\u0d7d-\u0d05\u0d15\u0d4d\u0d2c\u0d7c\",\n                answer: \"\u0d30\u0d3e\u0d1c\u0d3e\u0d31\u0d3e\u0d02 \u0d2e\u0d4b\u0d39\u0d7b \u0d31\u0d4b\u0d2f\u0d4d\",\n                options: [\"\u0d30\u0d3e\u0d1c\u0d3e\u0d31\u0d3e\u0d02 \u0d2e\u0d4b\u0d39\u0d7b \u0d31\u0d4b\u0d2f\u0d4d\", \"\u0d08\u0d36\u0d4d\u0d35\u0d30\u0d1a\u0d28\u0d4d\u0d26\u0d4d\u0d30 \u0d35\u0d3f\u0d26\u0d4d\u0d2f\u0d3e\u0d38\u0d3e\u0d17\u0d7c\", \"\u0d26\u0d47\u0d2c\u0d47\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d28\u0d3e\u0d25 \u0d1f\u0d3e\u0d17\u0d4b\u0d7c\", \"\u0d15\u0d47\u0d36\u0d2c\u0d4d \u0d1a\u0d28\u0d4d\u0d26\u0d4d\u0d30 \u0d38\u0d46\u0d7b\"],\n                correct: 0,\n                explanation: \"\u0d30\u0d3e\u0d1c\u0d3e\u0d31\u0d3e\u0d02 \u0d2e\u0d4b\u0d39\u0d7b \u0d31\u0d4b\u0d2f\u0d4d \u0d2c\u0d02\u0d17\u0d3e\u0d33\u0d3f \u0d28\u0d35\u0d4b\u0d24\u0d4d\u0d25\u0d3e\u0d28\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d4d\u0d31\u0d46 \u0d2a\u0d3f\u0d24\u0d3e\u0d35\u0d3e\u0d2f\u0d3f \u0d15\u0d23\u0d15\u0d4d\u0d15\u0d3e\u0d15\u0d4d\u0d15\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d41\u0d28\u0d4d\u0d28\u0d41\",\n                category: \"\u0d38\u0d3e\u0d2e\u0d42\u0d39\u0d3f\u0d15 \u0d2a\u0d30\u0d3f\u0d37\u0d4d\u0d15\u0d7c\u0d24\u0d4d\u0d24\u0d3e\u0d15\u0d4d\u0d15\u0d7e\"\n            },\n            {\n                question: \"\u0d2a\u0d4d\u0d30\u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d2d\u0d3e\u0d30\u0d24\u0d4d, \u0d09\u0d26\u0d4d\u0d2c\u0d4b\u0d27\u0d7b\",\n                answer: \"\u0d38\u0d4d\u0d35\u0d3e\u0d2e\u0d3f \u0d35\u0d3f\u0d35\u0d47\u0d15\u0d3e\u0d28\u0d28\u0d4d\u0d26\u0d7b\",\n                options: [\"\u0d38\u0d4d\u0d35\u0d3e\u0d2e\u0d3f \u0d35\u0d3f\u0d35\u0d47\u0d15\u0d3e\u0d28\u0d28\u0d4d\u0d26\u0d7b\", \"\u0d38\u0d4d\u0d35\u0d3e\u0d2e\u0d3f \u0d26\u0d2f\u0d3e\u0d28\u0d28\u0d4d\u0d26 \u0d38\u0d30\u0d38\u0d4d\u0d35\u0d24\u0d3f\", \"\u0d30\u0d3e\u0d2e\u0d15\u0d43\u0d37\u0d4d\u0d23 \u0d2a\u0d30\u0d2e\u0d39\u0d02\u0d38\u0d7b\", \"\u0d05\u0d30\u0d2c\u0d3f\u0d28\u0d4d\u0d26\u0d4b \u0d18\u0d4b\u0d37\u0d4d\"],\n                correct: 0,\n                explanation: \"\u0d38\u0d4d\u0d35\u0d3e\u0d2e\u0d3f \u0d35\u0d3f\u0d35\u0d47\u0d15\u0d3e\u0d28\u0d28\u0d4d\u0d26\u0d7b \u0d30\u0d3e\u0d2e\u0d15\u0d43\u0d37\u0d4d\u0d23 \u0d2e\u0d3f\u0d37\u0d28\u0d4d\u0d31\u0d46 \u0d38\u0d4d\u0d25\u0d3e\u0d2a\u0d15\u0d28\u0d3e\u0d23\u0d4d\",\n                category: \"\u0d06\u0d24\u0d4d\u0d2e\u0d40\u0d2f \u0d28\u0d47\u0d24\u0d3e\u0d15\u0d4d\u0d15\u0d7e\"\n            },\n            {\n                question: \"\u0d2f\u0d19\u0d4d \u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f, \u0d39\u0d30\u0d3f\u0d1c\u0d7b, \u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f\u0d7b \u0d12\u0d2a\u0d4d\u0d2a\u0d40\u0d28\u0d3f\u0d2f\u0d7b, \u0d28\u0d35\u0d1c\u0d40\u0d35\u0d7b\",\n                answer: \"\u0d2e\u0d39\u0d3e\u0d24\u0d4d\u0d2e\u0d3e\u0d17\u0d3e\u0d28\u0d4d\u0d27\u0d3f\",\n                options: [\"\u0d2e\u0d39\u0d3e\u0d24\u0d4d\u0d2e\u0d3e\u0d17\u0d3e\u0d28\u0d4d\u0d27\u0d3f\", \"\u0d1c\u0d35\u0d39\u0d7c\u0d32\u0d3e\u0d7d \u0d28\u0d46\u0d39\u0d4d\u0d31\u0d41\", \"\u0d38\u0d30\u0d26\u0d3e\u0d7c \u0d2a\u0d1f\u0d4d\u0d1f\u0d47\u0d7d\", \"\u0d2e\u0d57\u0d32\u0d3e\u0d28 \u0d06\u0d38\u0d3e\u0d26\u0d4d\"],\n                correct: 0,\n                explanation: \"\u0d17\u0d3e\u0d28\u0d4d\u0d27\u0d3f\u0d1c\u0d3f \u0d05\u0d39\u0d3f\u0d02\u0d38\u0d2f\u0d41\u0d1f\u0d46\u0d2f\u0d41\u0d02 \u0d38\u0d24\u0d4d\u0d2f\u0d3e\u0d17\u0d4d\u0d30\u0d39\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d4d\u0d31\u0d46\u0d2f\u0d41\u0d02 \u0d2a\u0d4d\u0d30\u0d35\u0d15\u0d4d\u0d24\u0d3e\u0d35\u0d3e\u0d2f\u0d3f\u0d30\u0d41\u0d28\u0d4d\u0d28\u0d41\",\n                category: \"\u0d26\u0d47\u0d36\u0d40\u0d2f \u0d28\u0d47\u0d24\u0d3e\u0d15\u0d4d\u0d15\u0d7e\"\n            },\n            {\n                question: \"\u0d15\u0d47\u0d38\u0d30\u0d3f, \u0d2e\u0d31\u0d3e\u0d24\u0d4d\u0d24\",\n                answer: \"\u0d2c\u0d3e\u0d32\u0d17\u0d02\u0d17\u0d3e\u0d27\u0d30 \u0d24\u0d3f\u0d32\u0d15\u0d4d\",\n                options: [\"\u0d2c\u0d3e\u0d32\u0d17\u0d02\u0d17\u0d3e\u0d27\u0d30 \u0d24\u0d3f\u0d32\u0d15\u0d4d\", \"\u0d17\u0d4b\u0d2a\u0d3e\u0d32\u0d15\u0d43\u0d37\u0d4d\u0d23 \u0d17\u0d4b\u0d16\u0d32\u0d46\", \"\u0d32\u0d3e\u0d32\u0d3e \u0d32\u0d1c\u0d4d\u200c\u0d2a\u0d24\u0d4d \u0d31\u0d3e\u0d2f\u0d4d\", \"\u0d2c\u0d3f\u0d2a\u0d3f\u0d7b \u0d1a\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d2a\u0d3e\u0d7d\"],\n                correct: 0,\n                explanation: \"'\u0d38\u0d4d\u0d35\u0d30\u0d3e\u0d1c\u0d4d \u0d0e\u0d28\u0d4d\u0d31\u0d46 \u0d1c\u0d28\u0d4d\u0d2e\u0d3e\u0d35\u0d15\u0d3e\u0d36\u0d2e\u0d3e\u0d23\u0d4d' \u0d0e\u0d28\u0d4d\u0d28\u0d4d \u0d2a\u0d4d\u0d30\u0d16\u0d4d\u0d2f\u0d3e\u0d2a\u0d3f\u0d1a\u0d4d\u0d1a \u0d24\u0d3f\u0d32\u0d15\u0d4d\",\n                category: \"\u0d24\u0d40\u0d35\u0d4d\u0d30 \u0d26\u0d47\u0d36\u0d40\u0d2f\u0d35\u0d3e\u0d26\u0d3f\u0d15\u0d7e\"\n            },\n            {\n                question: \"\u0d2c\u0d39\u0d3f\u0d37\u0d4d\u0d15\u0d43\u0d24 \u0d2d\u0d3e\u0d30\u0d24\u0d4d, \u0d2e\u0d42\u0d15\u0d4d\u0d28\u0d3e\u0d2f\u0d15\u0d4d\",\n                answer: \"\u0d21\u0d4b. \u0d2c\u0d3f.\u0d06\u0d7c. \u0d05\u0d02\u0d2c\u0d47\u0d26\u0d4d\u200c\u0d15\u0d7c\",\n                options: [\"\u0d21\u0d4b. \u0d2c\u0d3f.\u0d06\u0d7c. \u0d05\u0d02\u0d2c\u0d47\u0d26\u0d4d\u200c\u0d15\u0d7c\", \"\u0d1c\u0d4d\u0d2f\u0d4b\u0d24\u0d3f\u0d2c\u0d3e \u0d2b\u0d42\u0d32\u0d46\", \"\u0d30\u0d3e\u0d2e\u0d38\u0d4d\u0d35\u0d3e\u0d2e\u0d3f \u0d28\u0d3e\u0d2f\u0d3f\u0d21\u0d41\", \"\u0d2a\u0d46\u0d30\u0d3f\u0d2f\u0d3e\u0d7c\"],\n                correct: 0,\n                explanation: \"\u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f\u0d7b \u0d2d\u0d30\u0d23\u0d18\u0d1f\u0d28\u0d2f\u0d41\u0d1f\u0d46 \u0d2a\u0d3f\u0d24\u0d3e\u0d35\u0d4d \u0d0e\u0d28\u0d4d\u0d28\u0d31\u0d3f\u0d2f\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d41\u0d28\u0d4d\u0d28 \u0d05\u0d02\u0d2c\u0d47\u0d26\u0d4d\u200c\u0d15\u0d7c\",\n                category: \"\u0d26\u0d32\u0d3f\u0d24\u0d4d \u0d28\u0d47\u0d24\u0d3e\u0d15\u0d4d\u0d15\u0d7e\"\n            },\n            {\n                question: \"\u0d28\u0d4d\u0d2f\u0d42 \u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f, \u0d15\u0d4b\u0d2e\u0d7a \u0d35\u0d40\u0d7d\",\n                answer: \"\u0d06\u0d28\u0d3f\u0d2c\u0d38\u0d28\u0d4d\u0d31\u0d4d\",\n                options: [\"\u0d06\u0d28\u0d3f\u0d2c\u0d38\u0d28\u0d4d\u0d31\u0d4d\", \"\u0d38\u0d3f\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d7c \u0d28\u0d3f\u0d35\u0d47\u0d26\u0d3f\u0d24\u0d3e\", \"\u0d2e\u0d3e\u0d7c\u0d17\u0d30\u0d31\u0d4d\u0d31\u0d4d \u0d15\u0d38\u0d3f\u0d7b\u0d38\u0d4d\", \"\u0d2e\u0d47\u0d30\u0d3f \u0d15\u0d3e\u0d7c\u0d2a\u0d46\u0d28\u0d4d\u0d31\u0d7c\"],\n                correct: 0,\n                explanation: \"\u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f\u0d7b \u0d26\u0d47\u0d36\u0d40\u0d2f \u0d15\u0d4b\u0d7a\u0d17\u0d4d\u0d30\u0d38\u0d3f\u0d28\u0d4d\u0d31\u0d46 \u0d06\u0d26\u0d4d\u0d2f\u0d24\u0d4d\u0d24\u0d46 \u0d35\u0d28\u0d3f\u0d24\u0d3e \u0d2a\u0d4d\u0d30\u0d38\u0d3f\u0d21\u0d28\u0d4d\u0d31\u0d4d\",\n                category: \"\u0d35\u0d3f\u0d26\u0d47\u0d36\u0d3f \u0d2a\u0d3f\u0d28\u0d4d\u0d24\u0d41\u0d23\u0d15\u0d4d\u0d15\u0d3e\u0d7c\"\n            },\n            {\n                question: \"\u0d35\u0d28\u0d4d\u0d26\u0d47\u0d2e\u0d3e\u0d24\u0d30\u0d02 (\u0d09\u0d7c\u0d26\u0d41)\",\n                answer: \"\u0d32\u0d3e\u0d32\u0d3e \u0d32\u0d1c\u0d4d\u200c\u0d2a\u0d24\u0d4d \u0d31\u0d3e\u0d2f\u0d4d (\u0d32\u0d3e\u0d39\u0d4b\u0d7c)\",\n                options: [\"\u0d32\u0d3e\u0d32\u0d3e \u0d32\u0d1c\u0d4d\u200c\u0d2a\u0d24\u0d4d \u0d31\u0d3e\u0d2f\u0d4d\", \"\u0d2c\u0d3f\u0d2a\u0d3f\u0d7b \u0d1a\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d2a\u0d3e\u0d7d\", \"\u0d05\u0d30\u0d2c\u0d3f\u0d28\u0d4d\u0d26\u0d4b \u0d18\u0d4b\u0d37\u0d4d\", \"\u0d2c\u0d3e\u0d32\u0d17\u0d02\u0d17\u0d3e\u0d27\u0d30 \u0d24\u0d3f\u0d32\u0d15\u0d4d\"],\n                correct: 0,\n                explanation: \"\u0d2a\u0d1e\u0d4d\u0d1a\u0d3e\u0d2c\u0d4d \u0d15\u0d47\u0d36\u0d30\u0d3f \u0d0e\u0d28\u0d4d\u0d28\u0d31\u0d3f\u0d2f\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d4d\u0d1f \u0d32\u0d3e\u0d32\u0d3e \u0d32\u0d1c\u0d4d\u200c\u0d2a\u0d24\u0d4d \u0d31\u0d3e\u0d2f\u0d4d\",\n                category: \"\u0d2a\u0d4d\u0d30\u0d3e\u0d26\u0d47\u0d36\u0d3f\u0d15 \u0d28\u0d47\u0d24\u0d3e\u0d15\u0d4d\u0d15\u0d7e\"\n            },\n            {\n                question: \"\u0d2c\u0d02\u0d17\u0d3e\u0d7e \u0d17\u0d38\u0d31\u0d4d\u0d31\u0d4d (\u0d15\u0d7d\u0d15\u0d4d\u0d15\u0d1f\u0d4d\u0d1f \u0d1c\u0d28\u0d31\u0d7d \u0d05\u0d21\u0d4d\u0d35\u0d38\u0d7c)\",\n                answer: \"\u0d1c\u0d2f\u0d3f\u0d02\u0d38\u0d4d \u0d05\u0d17\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d38\u0d4d \u0d39\u0d3f\u0d15\u0d4d\u0d15\u0d3f\",\n                options: [\"\u0d1c\u0d2f\u0d3f\u0d02\u0d38\u0d4d \u0d05\u0d17\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d38\u0d4d \u0d39\u0d3f\u0d15\u0d4d\u0d15\u0d3f\", \"\u0d1c\u0d4b\u0d7a \u0d15\u0d4d\u0d32\u0d3e\u0d7c\u0d15\u0d4d\u0d15\u0d4d \u0d2e\u0d3e\u0d7c\u0d37\u0d4d\u0d2e\u0d3e\u0d7b\", \"\u0d35\u0d3f\u0d32\u0d4d\u0d2f\u0d02 \u0d15\u0d3e\u0d30\u0d3f\", \"\u0d1c\u0d4b\u0d37\u0d4d\u0d35 \u0d2e\u0d3e\u0d7c\u0d37\u0d4d\u0d2e\u0d3e\u0d7b\"],\n                correct: 0,\n                explanation: \"\u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f\u0d2f\u0d3f\u0d32\u0d46 \u0d06\u0d26\u0d4d\u0d2f\u0d24\u0d4d\u0d24\u0d46 \u0d2a\u0d24\u0d4d\u0d30\u0d02 1780-\u0d7d \u0d06\u0d30\u0d02\u0d2d\u0d3f\u0d1a\u0d4d\u0d1a\u0d41\",\n                category: \"\u0d06\u0d26\u0d4d\u0d2f\u0d15\u0d3e\u0d32 \u0d2a\u0d24\u0d4d\u0d30\u0d2a\u0d4d\u0d30\u0d35\u0d7c\u0d24\u0d4d\u0d24\u0d15\u0d7c\"\n            },\n            {\n                question: \"\u0d28\u0d3e\u0d37\u0d23\u0d7d \u0d39\u0d46\u0d31\u0d3e\u0d7e\u0d21\u0d4d\",\n                answer: \"\u0d1c\u0d35\u0d39\u0d7c\u0d32\u0d3e\u0d7d \u0d28\u0d46\u0d39\u0d4d\u0d31\u0d41\",\n                options: [\"\u0d1c\u0d35\u0d39\u0d7c\u0d32\u0d3e\u0d7d \u0d28\u0d46\u0d39\u0d4d\u0d31\u0d41\", \"\u0d2e\u0d39\u0d3e\u0d24\u0d4d\u0d2e\u0d3e\u0d17\u0d3e\u0d28\u0d4d\u0d27\u0d3f\", \"\u0d38\u0d30\u0d26\u0d3e\u0d7c \u0d2a\u0d1f\u0d4d\u0d1f\u0d47\u0d7d\", \"\u0d2e\u0d57\u0d32\u0d3e\u0d28 \u0d06\u0d38\u0d3e\u0d26\u0d4d\"],\n                correct: 0,\n                explanation: \"\u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f\u0d2f\u0d41\u0d1f\u0d46 \u0d06\u0d26\u0d4d\u0d2f \u0d2a\u0d4d\u0d30\u0d27\u0d3e\u0d28\u0d2e\u0d28\u0d4d\u0d24\u0d4d\u0d30\u0d3f \u0d1c\u0d35\u0d39\u0d7c\u0d32\u0d3e\u0d7d \u0d28\u0d46\u0d39\u0d4d\u0d31\u0d41\",\n                category: \"\u0d15\u0d4b\u0d7a\u0d17\u0d4d\u0d30\u0d38\u0d4d \u0d28\u0d47\u0d24\u0d3e\u0d15\u0d4d\u0d15\u0d7e\"\n            },\n            {\n                question: \"\u0d2c\u0d02\u0d17\u0d3e\u0d33\u0d3f\",\n                answer: \"\u0d38\u0d41\u0d30\u0d47\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d28\u0d3e\u0d25\u0d4d \u0d2c\u0d3e\u0d28\u0d7c\u0d1c\u0d3f\",\n                options: [\"\u0d38\u0d41\u0d30\u0d47\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d28\u0d3e\u0d25\u0d4d \u0d2c\u0d3e\u0d28\u0d7c\u0d1c\u0d3f\", \"\u0d2c\u0d3f\u0d2a\u0d3f\u0d7b \u0d1a\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d2a\u0d3e\u0d7d\", \"\u0d05\u0d30\u0d2c\u0d3f\u0d28\u0d4d\u0d26\u0d4b \u0d18\u0d4b\u0d37\u0d4d\", \"\u0d2c\u0d30\u0d40\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d15\u0d41\u0d2e\u0d3e\u0d7c \u0d18\u0d4b\u0d37\u0d4d\"],\n                correct: 0,\n                explanation: \"\u0d2c\u0d02\u0d17\u0d3e\u0d7e \u0d35\u0d3f\u0d2d\u0d1c\u0d28\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d46\u0d24\u0d3f\u0d30\u0d46 \u0d2a\u0d4b\u0d30\u0d3e\u0d1f\u0d3f\u0d2f \u0d28\u0d47\u0d24\u0d3e\u0d35\u0d4d\",\n                category: \"\u0d2c\u0d02\u0d17\u0d3e\u0d7e \u0d28\u0d47\u0d24\u0d3e\u0d15\u0d4d\u0d15\u0d7e\"\n            },\n            {\n                question: \"\u0d05\u0d7d\u0d39\u0d3f\u0d32\u0d3e\u0d7d\",\n                answer: \"\u0d2e\u0d57\u0d32\u0d3e\u0d28 \u0d05\u0d2c\u0d41\u0d7e \u0d15\u0d32\u0d3e\u0d02 \u0d06\u0d38\u0d3e\u0d26\u0d4d\",\n                options: [\"\u0d2e\u0d57\u0d32\u0d3e\u0d28 \u0d05\u0d2c\u0d41\u0d7e \u0d15\u0d32\u0d3e\u0d02 \u0d06\u0d38\u0d3e\u0d26\u0d4d\", \"\u0d2e\u0d57\u0d32\u0d3e\u0d28\u0d3e \u0d2e\u0d41\u0d39\u0d2e\u0d4d\u0d2e\u0d26\u0d4d \u0d05\u0d32\u0d3f\", \"\u0d16\u0d3e\u0d7b \u0d05\u0d2c\u0d4d\u0d26\u0d41\u0d7d \u0d17\u0d2b\u0d3e\u0d7c \u0d16\u0d3e\u0d7b\", \"\u0d05\u0d36\u0d4d\u0d2b\u0d3e\u0d16\u0d41\u0d33\u0d4d\u0d33 \u0d16\u0d3e\u0d7b\"],\n                correct: 0,\n                explanation: \"\u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f\u0d2f\u0d41\u0d1f\u0d46 \u0d06\u0d26\u0d4d\u0d2f \u0d35\u0d3f\u0d26\u0d4d\u0d2f\u0d3e\u0d2d\u0d4d\u0d2f\u0d3e\u0d38 \u0d2e\u0d28\u0d4d\u0d24\u0d4d\u0d30\u0d3f\",\n                category: \"\u0d2e\u0d41\u0d38\u0d4d\u200c\u0d32\u0d3f\u0d02 \u0d28\u0d47\u0d24\u0d3e\u0d15\u0d4d\u0d15\u0d7e\"\n            },\n            {\n                question: \"\u0d2c\u0d02\u0d17\u0d3e \u0d26\u0d7c\u0d36\u0d7b\",\n                answer: \"\u0d2c\u0d19\u0d4d\u0d15\u0d3f\u0d02 \u0d1a\u0d28\u0d4d\u0d26\u0d4d\u0d30 \u0d1a\u0d3e\u0d31\u0d4d\u0d31\u0d7c\u0d1c\u0d3f\",\n                options: [\"\u0d2c\u0d19\u0d4d\u0d15\u0d3f\u0d02 \u0d1a\u0d28\u0d4d\u0d26\u0d4d\u0d30 \u0d1a\u0d3e\u0d31\u0d4d\u0d31\u0d7c\u0d1c\u0d3f\", \"\u0d30\u0d35\u0d40\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d28\u0d3e\u0d25 \u0d1f\u0d3e\u0d17\u0d4b\u0d7c\", \"\u0d36\u0d30\u0d24\u0d4d\u0d1a\u0d28\u0d4d\u0d26\u0d4d\u0d30 \u0d1a\u0d3e\u0d31\u0d4d\u0d31\u0d4b\u0d2a\u0d3e\u0d26\u0d4d\u0d27\u0d4d\u0d2f\u0d3e\u0d2f\", \"\u0d2e\u0d48\u0d15\u0d4d\u0d15\u0d47\u0d7d \u0d2e\u0d27\u0d41\u0d38\u0d42\u0d26\u0d7b \u0d26\u0d24\u0d4d\u0d24\"],\n                correct: 0,\n                explanation: \"\u0d35\u0d28\u0d4d\u0d26\u0d47\u0d2e\u0d3e\u0d24\u0d30\u0d02 \u0d17\u0d3e\u0d28\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d4d\u0d31\u0d46 \u0d30\u0d1a\u0d2f\u0d3f\u0d24\u0d3e\u0d35\u0d4d\",\n                category: \"\u0d38\u0d3e\u0d39\u0d3f\u0d24\u0d4d\u0d2f\u0d15\u0d3e\u0d30\u0d28\u0d4d\u0d2e\u0d3e\u0d7c\"\n            },\n            {\n                question: \"\u0d26 \u0d1f\u0d4d\u0d30\u0d3f\u0d2c\u0d4d\u0d2f\u0d42\u0d7a\",\n                answer: \"\u0d26\u0d2f\u0d3e\u0d7d \u0d38\u0d3f\u0d02\u0d17\u0d4d \u0d2e\u0d1c\u0d46\u0d15\u0d4d\u0d24\u0d3f\u0d2f\",\n                options: [\"\u0d26\u0d2f\u0d3e\u0d7d \u0d38\u0d3f\u0d02\u0d17\u0d4d \u0d2e\u0d1c\u0d46\u0d15\u0d4d\u0d24\u0d3f\u0d2f\", \"\u0d32\u0d3e\u0d32\u0d3e \u0d32\u0d1c\u0d4d\u200c\u0d2a\u0d24\u0d4d \u0d31\u0d3e\u0d2f\u0d4d\", \"\u0d38\u0d7c \u0d38\u0d2f\u0d4d\u0d2f\u0d3f\u0d26\u0d4d \u0d05\u0d39\u0d2e\u0d4d\u0d2e\u0d26\u0d4d \u0d16\u0d3e\u0d7b\", \"\u0d16\u0d3e\u0d7b \u0d05\u0d2c\u0d4d\u0d26\u0d41\u0d7d \u0d17\u0d2b\u0d3e\u0d7c \u0d16\u0d3e\u0d7b\"],\n                correct: 0,\n                explanation: \"\u0d2a\u0d1e\u0d4d\u0d1a\u0d3e\u0d2c\u0d3f\u0d32\u0d46 \u0d2a\u0d4d\u0d30\u0d2e\u0d41\u0d16 \u0d35\u0d4d\u0d2f\u0d35\u0d38\u0d3e\u0d2f\u0d3f\",\n                category: \"\u0d35\u0d4d\u0d2f\u0d35\u0d38\u0d3e\u0d2f\u0d3f\u0d15\u0d7e\"\n            },\n            {\n                question: \"\u0d15\u0d7c\u0d2e\u0d4d\u0d2e\u0d2f\u0d4b\u0d17\u0d3f\",\n                answer: \"\u0d05\u0d30\u0d2c\u0d3f\u0d28\u0d4d\u0d26\u0d4b \u0d18\u0d4b\u0d37\u0d4d\",\n                options: [\"\u0d05\u0d30\u0d2c\u0d3f\u0d28\u0d4d\u0d26\u0d4b \u0d18\u0d4b\u0d37\u0d4d\", \"\u0d2c\u0d3f\u0d2a\u0d3f\u0d7b \u0d1a\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d2a\u0d3e\u0d7d\", \"\u0d2c\u0d30\u0d40\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d15\u0d41\u0d2e\u0d3e\u0d7c \u0d18\u0d4b\u0d37\u0d4d\", \"\u0d38\u0d41\u0d30\u0d47\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d28\u0d3e\u0d25\u0d4d \u0d2c\u0d3e\u0d28\u0d7c\u0d1c\u0d3f\"],\n                correct: 0,\n                explanation: \"\u0d24\u0d40\u0d35\u0d4d\u0d30 \u0d26\u0d47\u0d36\u0d40\u0d2f\u0d35\u0d3e\u0d26\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d \u0d06\u0d24\u0d4d\u0d2e\u0d40\u0d2f\u0d24\u0d2f\u0d3f\u0d32\u0d47\u0d15\u0d4d\u0d15\u0d4d \u0d24\u0d3f\u0d30\u0d3f\u0d1e\u0d4d\u0d1e \u0d26\u0d3e\u0d7c\u0d36\u0d28\u0d3f\u0d15\u0d7b\",\n                category: \"\u0d26\u0d3e\u0d7c\u0d36\u0d28\u0d3f\u0d15\u0d7c\"\n            },\n            {\n                question: \"\u0d2f\u0d41\u0d17\u0d3e\u0d28\u0d4d\u0d24\u0d7c\",\n                answer: \"\u0d2c\u0d30\u0d40\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d15\u0d41\u0d2e\u0d3e\u0d7c \u0d18\u0d4b\u0d37\u0d4d, \u0d2d\u0d42\u0d2a\u0d47\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d28\u0d3e\u0d25 \u0d26\u0d24\u0d4d\u0d24\",\n                options: [\"\u0d2c\u0d30\u0d40\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d15\u0d41\u0d2e\u0d3e\u0d7c \u0d18\u0d4b\u0d37\u0d4d\", \"\u0d05\u0d30\u0d2c\u0d3f\u0d28\u0d4d\u0d26\u0d4b \u0d18\u0d4b\u0d37\u0d4d\", \"\u0d2c\u0d3f\u0d2a\u0d3f\u0d7b \u0d1a\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d2a\u0d3e\u0d7d\", \"\u0d38\u0d41\u0d30\u0d47\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d28\u0d3e\u0d25\u0d4d \u0d2c\u0d3e\u0d28\u0d7c\u0d1c\u0d3f\"],\n                correct: 0,\n                explanation: \"\u0d35\u0d3f\u0d2a\u0d4d\u0d32\u0d35\u0d15\u0d30\u0d2e\u0d3e\u0d2f \u0d2a\u0d4d\u0d30\u0d38\u0d3f\u0d26\u0d4d\u0d27\u0d40\u0d15\u0d30\u0d23\u0d02\",\n                category: \"\u0d35\u0d3f\u0d2a\u0d4d\u0d32\u0d35\u0d15\u0d3e\u0d30\u0d3f\u0d15\u0d7e\"\n            }\n        ];\n\n        \/\/ App State\n        let currentMode = 'flashcard';\n        let currentIndex = 0;\n        let userProgress = JSON.parse(localStorage.getItem('learningProgress') || '{}');\n        let sessionStats = {\n            score: 0,\n            level: 1,\n            streak: 0,\n            correctAnswers: 0,\n            totalQuestions: 0,\n            timeStarted: null\n        };\n        let timerInterval = null;\n        let timeRemaining = 300; \/\/ 5 minutes for timed modes\n        let isFlipped = false;\n        let selectedAnswer = null;\n\n        \/\/ Initialize App\n        function initializeApp() {\n            loadUserProgress();\n            updateStatsDisplay();\n            setupEventListeners();\n        }\n\n        \/\/ Mode Switching\n        function switchMode(mode) {\n            currentMode = mode;\n            \n            \/\/ Update nav tabs\n            document.querySelectorAll('.nav-tab').forEach(tab => tab.classList.remove('active'));\n            event.target.classList.add('active');\n            \n            \/\/ Hide all mode contents\n            document.querySelectorAll('.mode-content').forEach(content => content.classList.add('hidden'));\n            \n            \/\/ Show selected mode\n            document.getElementById(mode + 'Mode').classList.remove('hidden');\n            \n            \/\/ Reset controls\n            resetControls();\n            \n            \/\/ Setup mode-specific content\n            setupMode(mode);\n        }\n\n        function setupMode(mode) {\n            switch(mode) {\n                case 'flashcard':\n                    setupFlashcardMode();\n                    break;\n                case 'quiz':\n                    setupQuizMode();\n                    break;\n                case 'challenge':\n                    setupChallengeMode();\n                    break;\n                case 'study':\n                    setupStudyMode();\n                    break;\n            }\n        }\n\n        function setupFlashcardMode() {\n            document.getElementById('cardFront').textContent = '\u0d06\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d7b \"\u0d2a\u0d4d\u0d30\u0d3e\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15\" \u0d15\u0d4d\u0d32\u0d3f\u0d15\u0d4d\u0d15\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15';\n            document.getElementById('difficultyRating').classList.add('hidden');\n            document.getElementById('timerDisplay').classList.add('hidden');\n            isFlipped = false;\n            currentIndex = 0;\n        }\n\n        function setupQuizMode() {\n            document.getElementById('questionText').textContent = '\u0d15\u0d4d\u0d35\u0d3f\u0d38\u0d4d \u0d06\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d7b \"\u0d2a\u0d4d\u0d30\u0d3e\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15\" \u0d15\u0d4d\u0d32\u0d3f\u0d15\u0d4d\u0d15\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15';\n            document.getElementById('optionsContainer').innerHTML = '';\n            document.getElementById('feedbackMessage').classList.add('hidden');\n            document.getElementById('timerDisplay').classList.add('hidden');\n            currentIndex = 0;\n        }\n\n        function setupChallengeMode() {\n            document.getElementById('challengeQuestion').textContent = '2 \u0d2e\u0d3f\u0d28\u0d3f\u0d31\u0d4d\u0d31\u0d3f\u0d28\u0d41\u0d33\u0d4d\u0d33\u0d3f\u0d7d \u0d0e\u0d24\u0d4d\u0d30 \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d19\u0d4d\u0d19\u0d7e\u0d15\u0d4d\u0d15\u0d4d \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 \u0d28\u0d7d\u0d15\u0d3e\u0d7b \u0d15\u0d34\u0d3f\u0d2f\u0d41\u0d02?';\n            document.getElementById('challengeOptions').innerHTML = '';\n            timeRemaining = 120; \/\/ 2 minutes for challenge\n            currentIndex = 0;\n        }\n\n        function setupStudyMode() {\n            generateStudyContent();\n        }\n\n        \/\/ Start Current Mode\n        function startCurrentMode() {\n            sessionStats.timeStarted = new Date();\n            document.getElementById('startBtn').classList.add('hidden');\n            \n            switch(currentMode) {\n                case 'flashcard':\n                    startFlashcardMode();\n                    break;\n                case 'quiz':\n                    startQuizMode();\n                    break;\n                case 'challenge':\n                    startChallengeMode();\n                    break;\n                case 'study':\n                    startStudyMode();\n                    break;\n            }\n        }\n\n        function startFlashcardMode() {\n            currentIndex = 0;\n            showFlashcard();\n            document.getElementById('nextBtn').classList.remove('hidden');\n        }\n\n        function startQuizMode() {\n            currentIndex = 0;\n            selectedAnswer = null;\n            showQuizQuestion();\n            document.getElementById('nextBtn').classList.remove('hidden');\n            document.getElementById('skipBtn').classList.remove('hidden');\n        }\n\n        function startChallengeMode() {\n            currentIndex = 0;\n            timeRemaining = 120;\n            document.getElementById('timerDisplay').classList.remove('hidden');\n            startTimer();\n            showChallengeQuestion();\n            document.getElementById('nextBtn').classList.remove('hidden');\n        }\n\n        function startStudyMode() {\n            \/\/ Study mode is already setup, just show controls\n            document.getElementById('nextBtn').classList.remove('hidden');\n            document.getElementById('nextBtn').textContent = '\u0d05\u0d1f\u0d41\u0d24\u0d4d\u0d24 \u0d35\u0d3f\u0d37\u0d2f\u0d02';\n        }\n\n        \/\/ Flashcard Functions\n        function showFlashcard() {\n            if (currentIndex >= learningData.length) {\n                showResults();\n                return;\n            }\n\n            const card = learningData[currentIndex];\n            document.getElementById('cardFront').textContent = card.question;\n            document.getElementById('cardBack').innerHTML = `\n                <strong>${card.answer}<\/strong><br><br>\n                <small>${card.explanation}<\/small>\n            `;\n            \n            document.getElementById('flashcard').classList.remove('flipped');\n            document.getElementById('difficultyRating').classList.add('hidden');\n            isFlipped = false;\n            \n            updateProgress();\n        }\n\n        function flipCard() {\n            if (currentIndex < 0 || currentIndex >= learningData.length) return;\n            \n            const flashcard = document.getElementById('flashcard');\n            flashcard.classList.toggle('flipped');\n            isFlipped = !isFlipped;\n            \n            if (isFlipped) {\n                document.getElementById('difficultyRating').classList.remove('hidden');\n            }\n        }\n\n        function rateDifficulty(level) {\n            const cardId = `card_${currentIndex}`;\n            if (!userProgress[cardId]) {\n                userProgress[cardId] = { reviews: 0, difficulty: 1.0, lastReviewed: null };\n            }\n            \n            userProgress[cardId].reviews++;\n            userProgress[cardId].lastReviewed = new Date().toISOString();\n            \n            \/\/ Adjust difficulty based on rating\n            switch(level) {\n                case 'easy':\n                    userProgress[cardId].difficulty = Math.max(0.5, userProgress[cardId].difficulty - 0.1);\n                    sessionStats.score += 15;\n                    sessionStats.streak++;\n                    break;\n                case 'medium':\n                    sessionStats.score += 10;\n                    break;\n                case 'hard':\n                    userProgress[cardId].difficulty = Math.min(2.0, userProgress[cardId].difficulty + 0.2);\n                    sessionStats.score += 5;\n                    sessionStats.streak = Math.max(0, sessionStats.streak - 1);\n                    break;\n            }\n            \n            sessionStats.correctAnswers++;\n            sessionStats.totalQuestions++;\n            updateStatsDisplay();\n            saveUserProgress();\n            \n            \/\/ Auto advance after rating\n            setTimeout(() => {\n                nextItem();\n            }, 500);\n        }\n\n        \/\/ Quiz Functions\n        function showQuizQuestion() {\n            if (currentIndex >= learningData.length) {\n                showResults();\n                return;\n            }\n\n            const question = learningData[currentIndex];\n            selectedAnswer = null;\n            \n            document.getElementById('questionNumber').textContent = `\u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 ${currentIndex + 1}`;\n            document.getElementById('questionText').textContent = question.question;\n            \n            const optionsContainer = document.getElementById('optionsContainer');\n            optionsContainer.innerHTML = '';\n            \n            question.options.forEach((option, index) => {\n                const optionElement = document.createElement('div');\n                optionElement.className = 'option';\n                optionElement.onclick = () => selectOption(index);\n                \n                optionElement.innerHTML = `\n                    <div class=\"option-letter\">${String.fromCharCode(65 + index)}<\/div>\n                    <div>${option}<\/div>\n                `;\n                \n                optionsContainer.appendChild(optionElement);\n            });\n            \n            document.getElementById('feedbackMessage').classList.add('hidden');\n            document.getElementById('nextBtn').disabled = true;\n            updateProgress();\n        }\n\n        function selectOption(index) {\n            if (selectedAnswer !== null) return;\n            \n            selectedAnswer = index;\n            const question = learningData[currentIndex];\n            const options = document.querySelectorAll('#optionsContainer .option');\n            \n            \/\/ Disable all options\n            options.forEach(option => option.style.pointerEvents = 'none');\n            \n            \/\/ Mark correct and incorrect\n            options[question.correct].classList.add('correct');\n            if (index !== question.correct) {\n                options[index].classList.add('wrong');\n            }\n            \n            \/\/ Update stats\n            sessionStats.totalQuestions++;\n            if (index === question.correct) {\n                sessionStats.correctAnswers++;\n                sessionStats.streak++;\n                sessionStats.score += 10 + (sessionStats.streak * 2);\n                showFeedback(true, question.explanation);\n            } else {\n                sessionStats.streak = 0;\n                showFeedback(false, question.explanation);\n            }\n            \n            updateStatsDisplay();\n            document.getElementById('nextBtn').disabled = false;\n        }\n\n        function showFeedback(isCorrect, explanation) {\n            const feedback = document.getElementById('feedbackMessage');\n            feedback.className = 'feedback ' + (isCorrect ? 'success' : 'error');\n            feedback.innerHTML = `\n                <div>${isCorrect ? '\u2705 \u0d36\u0d30\u0d3f!' : '\u274c \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d!'}<\/div>\n                <div style=\"margin-top: 10px; font-size: 14px; opacity: 0.9;\">${explanation}<\/div>\n            `;\n            feedback.classList.remove('hidden');\n        }\n\n        \/\/ Challenge Functions\n        function showChallengeQuestion() {\n            if (currentIndex >= learningData.length || timeRemaining <= 0) {\n                endChallenge();\n                return;\n            }\n\n            const question = learningData[currentIndex];\n            document.getElementById('challengeQuestion').textContent = question.question;\n            \n            const optionsContainer = document.getElementById('challengeOptions');\n            optionsContainer.innerHTML = '';\n            \n            question.options.forEach((option, index) => {\n                const optionElement = document.createElement('div');\n                optionElement.className = 'option';\n                optionElement.onclick = () => quickSelectOption(index);\n                \n                optionElement.innerHTML = `\n                    <div class=\"option-letter\">${String.fromCharCode(65 + index)}<\/div>\n                    <div>${option}<\/div>\n                `;\n                \n                optionsContainer.appendChild(optionElement);\n            });\n            \n            updateProgress();\n        }\n\n        function quickSelectOption(index) {\n            const question = learningData[currentIndex];\n            sessionStats.totalQuestions++;\n            \n            if (index === question.correct) {\n                sessionStats.correctAnswers++;\n                sessionStats.streak++;\n                sessionStats.score += 15 + (sessionStats.streak * 3); \/\/ Higher score for speed\n            } else {\n                sessionStats.streak = 0;\n            }\n            \n            updateStatsDisplay();\n            \n            \/\/ Quick advance to next question\n            setTimeout(() => {\n                nextItem();\n            }, 200);\n        }\n\n        \/\/ Study Mode Functions\n        function generateStudyContent() {\n            const studyContent = document.getElementById('studyContent');\n            const categories = [...new Set(learningData.map(item => item.category))];\n            \n            let html = '';\n            categories.forEach(category => {\n                html += `<div style=\"margin-bottom: 30px;\">`;\n                html += `<h3 style=\"color: #667eea; margin-bottom: 15px;\">${category}<\/h3>`;\n                \n                const categoryItems = learningData.filter(item => item.category === category);\n                categoryItems.forEach(item => {\n                    html += `\n                        <div style=\"background: #f8f9fa; padding: 15px; margin: 10px 0; border-radius: 10px; border-left: 4px solid #667eea;\">\n                            <strong>${item.question}<\/strong><br>\n                            <span style=\"color: #28a745; font-weight: 600;\">${item.answer}<\/span><br>\n                            <small style=\"color: #666; font-style: italic;\">${item.explanation}<\/small>\n                        <\/div>\n                    `;\n                });\n                \n                html += `<\/div>`;\n            });\n            \n            studyContent.innerHTML = html;\n        }\n\n        \/\/ Navigation Functions\n        function nextItem() {\n            currentIndex++;\n            \n            \/\/ Reset option styles\n            const options = document.querySelectorAll('.option');\n            options.forEach(option => {\n                option.style.pointerEvents = 'auto';\n                option.classList.remove('correct', 'wrong', 'selected');\n            });\n            \n            switch(currentMode) {\n                case 'flashcard':\n                    showFlashcard();\n                    break;\n                case 'quiz':\n                    showQuizQuestion();\n                    break;\n                case 'challenge':\n                    showChallengeQuestion();\n                    break;\n                case 'study':\n                    \/\/ In study mode, just scroll to next section\n                    break;\n            }\n        }\n\n        function skipItem() {\n            if (currentMode === 'quiz') {\n                sessionStats.totalQuestions++;\n                sessionStats.streak = 0;\n                updateStatsDisplay();\n            }\n            nextItem();\n        }\n\n        \/\/ Timer Functions\n        function startTimer() {\n            timerInterval = setInterval(() => {\n                timeRemaining--;\n                updateTimerDisplay();\n                \n                if (timeRemaining <= 0) {\n                    endChallenge();\n                }\n            }, 1000);\n        }\n\n        function updateTimerDisplay() {\n            const minutes = Math.floor(timeRemaining \/ 60);\n            const seconds = timeRemaining % 60;\n            const timeString = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\n            \n            document.getElementById('timeRemaining').textContent = timeString;\n            \n            const timerDisplay = document.getElementById('timerDisplay');\n            if (timeRemaining <= 30) {\n                timerDisplay.classList.add('timer-warning');\n            }\n        }\n\n        function endChallenge() {\n            if (timerInterval) {\n                clearInterval(timerInterval);\n                timerInterval = null;\n            }\n            showResults();\n        }\n\n        \/\/ Progress and Statistics\n        function updateProgress() {\n            const progress = currentMode === 'study' ? 100 : ((currentIndex + 1) \/ learningData.length) * 100;\n            document.getElementById('progressBar').style.width = progress + '%';\n        }\n\n        function updateStatsDisplay() {\n            document.getElementById('totalScore').textContent = sessionStats.score;\n            document.getElementById('currentLevel').textContent = Math.floor(sessionStats.score \/ 100) + 1;\n            document.getElementById('streakCount').textContent = sessionStats.streak;\n            \n            const accuracy = sessionStats.totalQuestions > 0 \n                ? Math.round((sessionStats.correctAnswers \/ sessionStats.totalQuestions) * 100) \n                : 0;\n            document.getElementById('accuracyRate').textContent = accuracy + '%';\n            \n            \/\/ Update level\n            sessionStats.level = Math.floor(sessionStats.score \/ 100) + 1;\n        }\n\n        \/\/ Results\n        function showResults() {\n            \/\/ Hide current mode content\n            document.querySelectorAll('.mode-content').forEach(content => content.classList.add('hidden'));\n            \n            \/\/ Show results\n            const resultsContainer = document.getElementById('resultsContainer');\n            resultsContainer.classList.remove('hidden');\n            \n            const timeSpent = sessionStats.timeStarted \n                ? Math.round((new Date() - sessionStats.timeStarted) \/ 1000 \/ 60)\n                : 0;\n            \n            const accuracy = sessionStats.totalQuestions > 0 \n                ? Math.round((sessionStats.correctAnswers \/ sessionStats.totalQuestions) * 100) \n                : 0;\n            \n            const resultsContent = document.getElementById('resultsContent');\n            resultsContent.innerHTML = `\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin: 20px 0;\">\n                    <div style=\"background: #e8f5e8; padding: 15px; border-radius: 10px;\">\n                        <div style=\"font-size: 24px; font-weight: bold; color: #2e7d32;\">${sessionStats.score}<\/div>\n                        <div style=\"color: #666;\">\u0d2e\u0d4a\u0d24\u0d4d\u0d24\u0d02 \u0d38\u0d4d\u0d15\u0d4b\u0d7c<\/div>\n                    <\/div>\n                    <div style=\"background: #e3f2fd; padding: 15px; border-radius: 10px;\">\n                        <div style=\"font-size: 24px; font-weight: bold; color: #1976d2;\">${accuracy}%<\/div>\n                        <div style=\"color: #666;\">\u0d15\u0d43\u0d24\u0d4d\u0d2f\u0d24<\/div>\n                    <\/div>\n                    <div style=\"background: #fff3e0; padding: 15px; border-radius: 10px;\">\n                        <div style=\"font-size: 24px; font-weight: bold; color: #f57c00;\">${sessionStats.streak}<\/div>\n                        <div style=\"color: #666;\">\u0d2a\u0d30\u0d2e\u0d3e\u0d35\u0d27\u0d3f \u0d38\u0d4d\u0d1f\u0d4d\u0d30\u0d40\u0d15\u0d4d<\/div>\n                    <\/div>\n                    <div style=\"background: #fce4ec; padding: 15px; border-radius: 10px;\">\n                        <div style=\"font-size: 24px; font-weight: bold; color: #c2185b;\">${timeSpent}<\/div>\n                        <div style=\"color: #666;\">\u0d2e\u0d3f\u0d28\u0d3f\u0d31\u0d4d\u0d31\u0d41\u0d15\u0d7e<\/div>\n                    <\/div>\n                <\/div>\n            `;\n            \n            \/\/ Generate achievements\n            generateAchievements(accuracy);\n            \n            \/\/ Show restart button\n            document.getElementById('restartBtn').classList.remove('hidden');\n            \n            \/\/ Save progress\n            saveUserProgress();\n        }\n\n        function generateAchievements(accuracy) {\n            const achievements = [];\n            \n            if (accuracy >= 95) achievements.push('\ud83c\udfc6 \u0d2a\u0d46\u0d7c\u0d2b\u0d46\u0d15\u0d4d\u0d1f\u0d4d \u0d38\u0d4d\u0d15\u0d4b\u0d33\u0d7c');\n            else if (accuracy >= 85) achievements.push('\ud83e\udd47 \u0d17\u0d4b\u0d7e\u0d21\u0d4d \u0d2e\u0d46\u0d21\u0d32\u0d3f\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d4d');\n            else if (accuracy >= 75) achievements.push('\ud83e\udd48 \u0d38\u0d3f\u0d7d\u0d35\u0d7c \u0d2e\u0d46\u0d21\u0d32\u0d3f\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d4d');\n            else if (accuracy >= 65) achievements.push('\ud83e\udd49 \u0d2c\u0d4d\u0d30\u0d4b\u0d7a\u0d38\u0d4d \u0d2e\u0d46\u0d21\u0d32\u0d3f\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d4d');\n            \n            if (sessionStats.streak >= 10) achievements.push('\ud83d\udd25 \u0d38\u0d4d\u0d1f\u0d4d\u0d30\u0d40\u0d15\u0d4d \u0d2e\u0d3e\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d7c');\n            if (sessionStats.streak >= 5) achievements.push('\u26a1 \u0d39\u0d4b\u0d1f\u0d4d\u0d1f\u0d4d \u0d38\u0d4d\u0d1f\u0d4d\u0d30\u0d40\u0d15\u0d4d');\n            \n            if (sessionStats.score >= 500) achievements.push('\ud83d\udc51 \u0d38\u0d4d\u0d15\u0d4b\u0d7c \u0d15\u0d3f\u0d02\u0d17\u0d4d');\n            if (sessionStats.score >= 300) achievements.push('\u2b50 \u0d38\u0d4d\u0d15\u0d4b\u0d7c \u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d3e\u0d7c');\n            \n            if (currentMode === 'challenge' && accuracy >= 80) achievements.push('\ud83d\ude80 \u0d38\u0d4d\u0d2a\u0d40\u0d21\u0d4d \u0d21\u0d46\u0d2e\u0d7a');\n            if (sessionStats.correctAnswers === learningData.length) achievements.push('\ud83c\udfaf \u0d2a\u0d46\u0d7c\u0d2b\u0d46\u0d15\u0d4d\u0d1f\u0d4d \u0d37\u0d42\u0d1f\u0d4d\u0d1f\u0d7c');\n            \n            const achievementsContainer = document.getElementById('achievementsContainer');\n            if (achievements.length > 0) {\n                achievementsContainer.innerHTML = `\n                    <h3 style=\"color: #2c3e50; margin: 20px 0 15px;\">\ud83c\udfc6 \u0d28\u0d47\u0d1f\u0d3f\u0d2f \u0d05\u0d35\u0d3e\u0d7c\u0d21\u0d41\u0d15\u0d7e<\/h3>\n                    <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;\">\n                        ${achievements.map(achievement => `<div class=\"achievement\">${achievement}<\/div>`).join('')}\n                    <\/div>\n                `;\n            }\n        }\n\n        \/\/ Data Persistence\n        function loadUserProgress() {\n            const saved = localStorage.getItem('learningProgress');\n            if (saved) {\n                userProgress = JSON.parse(saved);\n            }\n            \n            const savedStats = localStorage.getItem('sessionStats');\n            if (savedStats) {\n                const parsed = JSON.parse(savedStats);\n                sessionStats.score = parsed.score || 0;\n                sessionStats.level = parsed.level || 1;\n            }\n        }\n\n        function saveUserProgress() {\n            localStorage.setItem('learningProgress', JSON.stringify(userProgress));\n            localStorage.setItem('sessionStats', JSON.stringify({\n                score: sessionStats.score,\n                level: sessionStats.level,\n                lastPlayed: new Date().toISOString()\n            }));\n        }\n\n        \/\/ Utility Functions\n        function resetControls() {\n            document.getElementById('startBtn').classList.remove('hidden');\n            document.getElementById('nextBtn').classList.add('hidden');\n            document.getElementById('skipBtn').classList.add('hidden');\n            document.getElementById('restartBtn').classList.add('hidden');\n            document.getElementById('resultsContainer').classList.add('hidden');\n            document.getElementById('feedbackMessage').classList.add('hidden');\n            document.getElementById('difficultyRating').classList.add('hidden');\n            \n            if (timerInterval) {\n                clearInterval(timerInterval);\n                timerInterval = null;\n            }\n        }\n\n        function restartApp() {\n            sessionStats = {\n                score: sessionStats.score, \/\/ Keep cumulative score\n                level: sessionStats.level,\n                streak: 0,\n                correctAnswers: 0,\n                totalQuestions: 0,\n                timeStarted: null\n            };\n            \n            currentIndex = 0;\n            resetControls();\n            setupMode(currentMode);\n            updateStatsDisplay();\n        }\n\n        function setupEventListeners() {\n            \/\/ Keyboard shortcuts\n            document.addEventListener('keydown', (e) => {\n                switch(e.key) {\n                    case ' ':\n                        e.preventDefault();\n                        if (currentMode === 'flashcard') flipCard();\n                        break;\n                    case 'ArrowRight':\n                        e.preventDefault();\n                        if (!document.getElementById('nextBtn').classList.contains('hidden')) {\n                            nextItem();\n                        }\n                        break;\n                    case 'ArrowLeft':\n                        e.preventDefault();\n                        if (currentIndex > 0) {\n                            currentIndex -= 2; \/\/ Will be incremented in nextItem\n                            nextItem();\n                        }\n                        break;\n                }\n            });\n        }\n\n        \/\/ Initialize app when DOM is loaded\n        document.addEventListener('DOMContentLoaded', function() {\n            initializeApp();\n        });\n\n        \/\/ If DOM is already loaded\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initializeApp);\n        } else {\n            initializeApp();\n        }\n\n        \/\/ Prevent zoom on double tap for mobile\n        let lastTouchEnd = 0;\n        document.addEventListener('touchend', function (event) {\n            const now = (new Date()).getTime();\n            if (now - lastTouchEnd <= 300) {\n                event.preventDefault();\n            }\n            lastTouchEnd = now;\n        }, false);\n\n        \/\/ Service Worker for offline functionality (optional)\n        if ('serviceWorker' in navigator) {\n            window.addEventListener('load', function() {\n                navigator.serviceWorker.register('\/sw.js').then(function(registration) {\n                    console.log('SW registered: ', registration);\n                }).catch(function(registrationError) {\n                    console.log('SW registration failed: ', registrationError);\n                });\n            });\n        }\n\n        \/\/ Add touch gestures for mobile\n        let touchStartX = 0;\n        let touchStartY = 0;\n\n        document.addEventListener('touchstart', function(e) {\n            touchStartX = e.changedTouches[0].screenX;\n            touchStartY = e.changedTouches[0].screenY;\n        }, false);\n\n        document.addEventListener('touchend', function(e) {\n            const touchEndX = e.changedTouches[0].screenX;\n            const touchEndY = e.changedTouches[0].screenY;\n            \n            const deltaX = touchEndX - touchStartX;\n            const deltaY = touchEndY - touchStartY;\n            \n            \/\/ Swipe detection (minimum distance of 50px)\n            if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > 50) {\n                if (deltaX > 0) {\n                    \/\/ Swipe right - previous\n                    if (currentIndex > 0 && !document.getElementById('nextBtn').classList.contains('hidden')) {\n                        currentIndex -= 2;\n                        nextItem();\n                    }\n                } else {\n                    \/\/ Swipe left - next\n                    if (!document.getElementById('nextBtn').classList.contains('hidden')) {\n                        nextItem();\n                    }\n                }\n            }\n        }, false);\n\n        \/\/ Performance optimization - lazy loading for images if any\n        if ('IntersectionObserver' in window) {\n            const imageObserver = new IntersectionObserver((entries, observer) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        const img = entry.target;\n                        img.src = img.dataset.src;\n                        img.classList.remove('lazy');\n                        imageObserver.unobserve(img);\n                    }\n                });\n            });\n\n            document.querySelectorAll('img[data-src]').forEach(img => imageObserver.observe(img));\n        }\n\n        \/\/ Add haptic feedback for mobile devices\n        function hapticFeedback(type = 'light') {\n            if ('vibrate' in navigator) {\n                switch(type) {\n                    case 'light':\n                        navigator.vibrate(10);\n                        break;\n                    case 'medium':\n                        navigator.vibrate(20);\n                        break;\n                    case 'heavy':\n                        navigator.vibrate([30, 10, 30]);\n                        break;\n                    case 'success':\n                        navigator.vibrate([100, 30, 100]);\n                        break;\n                    case 'error':\n                        navigator.vibrate([200, 100, 200]);\n                        break;\n                }\n            }\n        }\n\n        \/\/ Enhanced mobile interactions\n        function enhancedSelectOption(index) {\n            hapticFeedback('light');\n            selectOption(index);\n        }\n\n        function enhancedFlipCard() {\n            hapticFeedback('medium');\n            flipCard();\n        }\n\n        function enhancedRateDifficulty(level) {\n            if (level === 'easy') hapticFeedback('success');\n            else if (level === 'hard') hapticFeedback('error');\n            else hapticFeedback('medium');\n            rateDifficulty(level);\n        }\n\n        \/\/ Update click handlers to use enhanced functions\n        setTimeout(() => {\n            \/\/ Replace flipCard calls with enhanced version\n            document.getElementById('flashcard').onclick = enhancedFlipCard;\n            \n            \/\/ Replace difficulty button handlers\n            document.querySelectorAll('.difficulty-btn').forEach(btn => {\n                const level = btn.textContent.includes('\u0d0e\u0d33\u0d41\u0d2a\u0d4d\u0d2a\u0d02') ? 'easy' :\n                            btn.textContent.includes('\u0d07\u0d1f\u0d24\u0d4d\u0d24\u0d30\u0d02') ? 'medium' : 'hard';\n                btn.onclick = () => enhancedRateDifficulty(level);\n            });\n        }, 100);\n\n        \/\/ Auto-save progress every 30 seconds\n        setInterval(saveUserProgress, 30000);\n\n        \/\/ Handle app visibility changes (when user switches tabs\/apps)\n        document.addEventListener('visibilitychange', function() {\n            if (document.hidden) {\n                \/\/ App is hidden - pause timer if running\n                if (timerInterval && currentMode === 'challenge') {\n                    clearInterval(timerInterval);\n                }\n                saveUserProgress();\n            } else {\n                \/\/ App is visible - resume timer if needed\n                if (currentMode === 'challenge' && timeRemaining > 0 && !timerInterval) {\n                    startTimer();\n                }\n            }\n        });\n\n        \/\/ Handle browser back button\n        window.addEventListener('popstate', function(e) {\n            if (currentIndex > 0) {\n                currentIndex--;\n                switch(currentMode) {\n                    case 'flashcard':\n                        showFlashcard();\n                        break;\n                    case 'quiz':\n                        showQuizQuestion();\n                        break;\n                    case 'challenge':\n                        showChallengeQuestion();\n                        break;\n                }\n            }\n        });\n\n        \/\/ Add loading states for better UX\n        function showLoadingState(element) {\n            element.style.opacity = '0.6';\n            element.style.pointerEvents = 'none';\n        }\n\n        function hideLoadingState(element) {\n            element.style.opacity = '1';\n            element.style.pointerEvents = 'auto';\n        }\n\n        \/\/ Error handling for localStorage\n        function safeLocalStorageSet(key, value) {\n            try {\n                localStorage.setItem(key, value);\n                return true;\n            } catch (e) {\n                console.warn('localStorage not available:', e);\n                return false;\n            }\n        }\n\n        function safeLocalStorageGet(key, defaultValue = null) {\n            try {\n                return localStorage.getItem(key) || defaultValue;\n            } catch (e) {\n                console.warn('localStorage not available:', e);\n                return defaultValue;\n            }\n        }\n\n        \/\/ Update save\/load functions to use safe localStorage\n        function saveUserProgressSafe() {\n            safeLocalStorageSet('learningProgress', JSON.stringify(userProgress));\n            safeLocalStorageSet('sessionStats', JSON.stringify({\n                score: sessionStats.score,\n                level: sessionStats.level,\n                lastPlayed: new Date().toISOString()\n            }));\n        }\n\n        function loadUserProgressSafe() {\n            const saved = safeLocalStorageGet('learningProgress');\n            if (saved) {\n                try {\n                    userProgress = JSON.parse(saved);\n                } catch (e) {\n                    console.warn('Error parsing saved progress:', e);\n                    userProgress = {};\n                }\n            }\n            \n            const savedStats = safeLocalStorageGet('sessionStats');\n            if (savedStats) {\n                try {\n                    const parsed = JSON.parse(savedStats);\n                    sessionStats.score = parsed.score || 0;\n                    sessionStats.level = parsed.level || 1;\n                } catch (e) {\n                    console.warn('Error parsing saved stats:', e);\n                }\n            }\n        }\n\n        \/\/ Replace the original functions\n        saveUserProgress = saveUserProgressSafe;\n        loadUserProgress = loadUserProgressSafe;\n\n        \/\/ Add PWA install prompt\n        let deferredPrompt;\n        \n        window.addEventListener('beforeinstallprompt', (e) => {\n            e.preventDefault();\n            deferredPrompt = e;\n            \n            \/\/ Show install button (you can customize this)\n            const installBtn = document.createElement('button');\n            installBtn.className = 'btn btn-secondary';\n            installBtn.textContent = '\ud83d\udcf1 \u0d06\u0d2a\u0d4d\u0d2a\u0d4d \u0d07\u0d7b\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d3e\u0d7e \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15';\n            installBtn.style.position = 'fixed';\n            installBtn.style.bottom = '20px';\n            installBtn.style.right = '20px';\n            installBtn.style.zIndex = '1000';\n            \n            installBtn.addEventListener('click', async () => {\n                if (deferredPrompt) {\n                    deferredPrompt.prompt();\n                    const result = await deferredPrompt.userChoice;\n                    if (result.outcome === 'accepted') {\n                        console.log('User accepted the install prompt');\n                    }\n                    deferredPrompt = null;\n                    installBtn.remove();\n                }\n            });\n            \n            document.body.appendChild(installBtn);\n            \n            \/\/ Auto-hide after 10 seconds\n            setTimeout(() => {\n                if (installBtn && installBtn.parentNode) {\n                    installBtn.remove();\n                }\n            }, 10000);\n        });\n\n        \/\/ Console message for developers\n        console.log(`\n        \ud83c\udf93 \u0d35\u0d28\u0d4d\u0d26\u0d47\u0d2e\u0d3e\u0d24\u0d30\u0d02 Learning Tool\n        \ud83d\udcf1 Mobile-optimized interactive learning experience\n        \ud83d\udd27 Features: Flashcards, Quiz, Challenge, Study modes\n        \ud83d\udcbe Progress auto-saved to localStorage\n        \u2328\ufe0f  Keyboard shortcuts: Space (flip), Arrow keys (navigate)\n        \ud83d\udc46 Touch gestures: Swipe left\/right to navigate\n        \ud83c\udfaf Built with vanilla JavaScript for maximum compatibility\n        \n        Total questions: ${learningData.length}\n        Categories: ${[...new Set(learningData.map(item => item.category))].length}\n        `);\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0d35\u0d28\u0d4d\u0d26\u0d47\u0d2e\u0d3e\u0d24\u0d30\u0d02 &#8211; Complete Learning Tool \u0d35\u0d28\u0d4d\u0d26\u0d47\u0d2e\u0d3e\u0d24\u0d30\u0d02 \u0d2a\u0d20\u0d28 \u0d09\u0d2a\u0d15\u0d30\u0d23\u0d02 \u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f\u0d7b \u0d38\u0d4d\u0d35\u0d3e\u0d24\u0d28\u0d4d\u0d24\u0d4d\u0d30\u0d4d\u0d2f\u0d38\u0d2e\u0d30 \u0d15\u0d3e\u0d32\u0d24\u0d4d\u0d24\u0d46 \u0d2a\u0d4d\u0d30\u0d38\u0d3f\u0d26\u0d4d\u0d27\u0d40\u0d15\u0d30\u0d23\u0d19\u0d4d\u0d19\u0d7e \ud83d\udcda \u0d2b\u0d4d\u0d32\u0d3e\u0d37\u0d4d\u0d15\u0d3e\u0d7c\u0d21\u0d4d \ud83c\udfaf \u0d15\u0d4d\u0d35\u0d3f\u0d38\u0d4d \u26a1 \u0d1a\u0d3e\u0d32\u0d1e\u0d4d\u0d1a\u0d4d \ud83d\udcd6 \u0d2a\u0d20\u0d28\u0d02 0 \u0d38\u0d4d\u0d15\u0d4b\u0d7c 1 \u0d32\u0d46\u0d35\u0d7d 0 \u0d38\u0d4d\u0d1f\u0d4d\u0d30\u0d40\u0d15\u0d4d 0% \u0d15\u0d43\u0d24\u0d4d\u0d2f\u0d24 \u23f1\ufe0f 05:00 \u0d06\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d7b &#8220;\u0d2a\u0d4d\u0d30\u0d3e\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15&#8221; \u0d15\u0d4d\u0d32\u0d3f\u0d15\u0d4d\u0d15\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15 \u0d08 \u0d15\u0d3e\u0d7c\u0d21\u0d4d \u0d0e\u0d24\u0d4d\u0d30 \u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d3e\u0d2f\u0d3f\u0d30\u0d41\u0d28\u0d4d\u0d28\u0d41? \ud83d\ude0a \u0d0e\u0d33\u0d41\u0d2a\u0d4d\u0d2a\u0d02 \ud83e\udd14 \u0d07\u0d1f\u0d24\u0d4d\u0d24\u0d30\u0d02 \ud83d\ude30 \u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 1 \u0d15\u0d4d\u0d35\u0d3f\u0d38\u0d4d \u0d06\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d7b &#8220;\u0d2a\u0d4d\u0d30\u0d3e\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15&#8221; \u0d15\u0d4d\u0d32\u0d3f\u0d15\u0d4d\u0d15\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15 \u26a1 \u0d38\u0d4d\u0d2a\u0d40\u0d21\u0d4d \u0d1a\u0d3e\u0d32\u0d1e\u0d4d\u0d1a\u0d4d 2 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2063","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"ocean-thumb-m":false,"ocean-thumb-ml":false,"ocean-thumb-l":false},"uagb_author_info":{"display_name":"raghumadambath","author_link":"https:\/\/windowedu.in\/blog\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\u0d35\u0d28\u0d4d\u0d26\u0d47\u0d2e\u0d3e\u0d24\u0d30\u0d02 &#8211; Complete Learning Tool \u0d35\u0d28\u0d4d\u0d26\u0d47\u0d2e\u0d3e\u0d24\u0d30\u0d02 \u0d2a\u0d20\u0d28 \u0d09\u0d2a\u0d15\u0d30\u0d23\u0d02 \u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f\u0d7b \u0d38\u0d4d\u0d35\u0d3e\u0d24\u0d28\u0d4d\u0d24\u0d4d\u0d30\u0d4d\u0d2f\u0d38\u0d2e\u0d30 \u0d15\u0d3e\u0d32\u0d24\u0d4d\u0d24\u0d46 \u0d2a\u0d4d\u0d30\u0d38\u0d3f\u0d26\u0d4d\u0d27\u0d40\u0d15\u0d30\u0d23\u0d19\u0d4d\u0d19\u0d7e \ud83d\udcda \u0d2b\u0d4d\u0d32\u0d3e\u0d37\u0d4d\u0d15\u0d3e\u0d7c\u0d21\u0d4d \ud83c\udfaf \u0d15\u0d4d\u0d35\u0d3f\u0d38\u0d4d \u26a1 \u0d1a\u0d3e\u0d32\u0d1e\u0d4d\u0d1a\u0d4d \ud83d\udcd6 \u0d2a\u0d20\u0d28\u0d02 0 \u0d38\u0d4d\u0d15\u0d4b\u0d7c 1 \u0d32\u0d46\u0d35\u0d7d 0 \u0d38\u0d4d\u0d1f\u0d4d\u0d30\u0d40\u0d15\u0d4d 0% \u0d15\u0d43\u0d24\u0d4d\u0d2f\u0d24 \u23f1\ufe0f 05:00 \u0d06\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d7b &#8220;\u0d2a\u0d4d\u0d30\u0d3e\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15&#8221; \u0d15\u0d4d\u0d32\u0d3f\u0d15\u0d4d\u0d15\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15 \u0d08 \u0d15\u0d3e\u0d7c\u0d21\u0d4d \u0d0e\u0d24\u0d4d\u0d30 \u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d3e\u0d2f\u0d3f\u0d30\u0d41\u0d28\u0d4d\u0d28\u0d41? \ud83d\ude0a \u0d0e\u0d33\u0d41\u0d2a\u0d4d\u0d2a\u0d02 \ud83e\udd14 \u0d07\u0d1f\u0d24\u0d4d\u0d24\u0d30\u0d02 \ud83d\ude30 \u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 1 \u0d15\u0d4d\u0d35\u0d3f\u0d38\u0d4d \u0d06\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d7b &#8220;\u0d2a\u0d4d\u0d30\u0d3e\u0d30\u0d02\u0d2d\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15&#8221; \u0d15\u0d4d\u0d32\u0d3f\u0d15\u0d4d\u0d15\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15 \u26a1 \u0d38\u0d4d\u0d2a\u0d40\u0d21\u0d4d \u0d1a\u0d3e\u0d32\u0d1e\u0d4d\u0d1a\u0d4d 2&hellip;","_links":{"self":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2063","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2063"}],"version-history":[{"count":1,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2063\/revisions"}],"predecessor-version":[{"id":2064,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2063\/revisions\/2064"}],"wp:attachment":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}