\u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n color: #333;\n font-size: 16px;\n }\n\n .container {\n max-width: 900px;\n margin: 0 auto;\n padding: 15px;\n width: 100%;\n }\n\n .blog-header {\n background: rgba(255, 255, 255, 0.95);\n padding: 30px 20px;\n border-radius: 20px;\n text-align: center;\n margin-bottom: 20px;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n }\n\n .blog-header h1 {\n font-size: clamp(1.8em, 5vw, 2.5em);\n color: #2c3e50;\n margin-bottom: 10px;\n background: linear-gradient(45deg, #667eea, #764ba2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1.2;\n }\n\n .blog-header .subtitle {\n font-size: clamp(1em, 3vw, 1.2em);\n color: #666;\n margin-bottom: 20px;\n padding: 0 10px;\n }\n\n .problem-card {\n background: rgba(255, 255, 255, 0.95);\n padding: 20px;\n border-radius: 15px;\n margin-bottom: 20px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n\n .problem-card:hover {\n transform: translateY(-2px);\n }\n\n .problem-text {\n font-size: clamp(1.1em, 4vw, 1.3em);\n font-weight: bold;\n color: white;\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n padding: 20px 15px;\n border-radius: 10px;\n text-align: center;\n margin-bottom: 20px;\n line-height: 1.4;\n }\n\n .options-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n\n .option-btn {\n padding: 15px 10px;\n border: 2px solid #ddd;\n border-radius: 10px;\n background: white;\n font-size: clamp(1em, 3vw, 1.1em);\n cursor: pointer;\n transition: all 0.3s ease;\n text-align: center;\n min-height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .option-btn:hover {\n border-color: #667eea;\n background: #f8f9ff;\n transform: scale(1.02);\n }\n\n .option-btn.correct {\n background: #4CAF50;\n color: white;\n border-color: #4CAF50;\n }\n\n .option-btn.incorrect {\n background: #f44336;\n color: white;\n border-color: #f44336;\n }\n\n .step-card {\n background: rgba(255, 255, 255, 0.95);\n padding: 20px 15px;\n border-radius: 15px;\n margin-bottom: 15px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n border-left: 5px solid #667eea;\n }\n\n .step-number {\n background: linear-gradient(45deg, #667eea, #764ba2);\n color: white;\n width: clamp(35px, 8vw, 40px);\n height: clamp(35px, 8vw, 40px);\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-right: 15px;\n font-size: clamp(1em, 3vw, 1.2em);\n flex-shrink: 0;\n }\n\n .step-title {\n font-size: clamp(1.2em, 4vw, 1.4em);\n font-weight: bold;\n color: #2c3e50;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .equation {\n background: #f8f9ff;\n padding: 15px 10px;\n border-radius: 8px;\n font-family: 'Courier New', monospace;\n font-size: clamp(1em, 3.5vw, 1.2em);\n text-align: center;\n margin: 10px 0;\n border: 2px solid #e3f2fd;\n word-break: break-all;\n overflow-wrap: break-word;\n }\n\n .highlight {\n background: linear-gradient(45deg, #FFD700, #FFA500);\n padding: 2px 8px;\n border-radius: 5px;\n font-weight: bold;\n }\n\n .interactive-calc {\n background: rgba(255, 255, 255, 0.95);\n padding: 20px 15px;\n border-radius: 15px;\n margin: 20px 0;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n }\n\n .calc-input {\n padding: 12px 8px;\n border: 2px solid #ddd;\n border-radius: 5px;\n font-size: clamp(1em, 4vw, 1.1em);\n margin: 8px 4px;\n width: clamp(60px, 15vw, 80px);\n text-align: center;\n max-width: 100px;\n }\n\n .calc-btn {\n background: linear-gradient(45deg, #667eea, #764ba2);\n color: white;\n border: none;\n padding: 12px 20px;\n border-radius: 5px;\n cursor: pointer;\n font-size: clamp(0.9em, 3vw, 1em);\n margin: 10px 5px;\n transition: transform 0.2s;\n min-width: 120px;\n }\n\n .calc-btn:hover {\n transform: scale(1.02);\n }\n\n .result-display {\n background: #e8f5e8;\n padding: 15px 10px;\n border-radius: 8px;\n margin-top: 10px;\n font-size: clamp(1em, 3vw, 1.1em);\n border: 2px solid #4CAF50;\n line-height: 1.5;\n }\n\n .visual-representation {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 20px 0;\n flex-wrap: wrap;\n gap: 8px;\n padding: 10px;\n }\n\n .note {\n width: clamp(50px, 12vw, 60px);\n height: clamp(25px, 6vw, 30px);\n border: 2px solid #333;\n border-radius: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: clamp(0.8em, 2.5vw, 0.9em);\n margin: 2px;\n }\n\n .note-20 {\n background: #ff6b6b;\n color: white;\n }\n\n .note-10 {\n background: #4ecdc4;\n color: white;\n }\n\n .celebration {\n text-align: center;\n font-size: clamp(1.5em, 5vw, 2em);\n margin: 20px 0;\n animation: bounce 1s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateY(0);\n }\n 40% {\n transform: translateY(-10px);\n }\n 60% {\n transform: translateY(-5px);\n }\n }\n\n .fade-in {\n animation: fadeIn 0.5s ease-in;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .progress-bar {\n width: 100%;\n height: 8px;\n background: #ddd;\n border-radius: 5px;\n margin: 20px 0;\n overflow: hidden;\n }\n\n .progress-fill {\n height: 100%;\n background: linear-gradient(45deg, #667eea, #764ba2);\n width: 0%;\n transition: width 0.5s ease;\n }\n\n \/* Mobile-specific adjustments *\/\n @media (max-width: 768px) {\n .container {\n padding: 10px;\n }\n \n .blog-header {\n padding: 25px 15px;\n margin-bottom: 15px;\n }\n \n .problem-card, .step-card {\n padding: 15px;\n margin-bottom: 15px;\n }\n \n .step-title {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n \n .step-number {\n margin-right: 0;\n margin-bottom: 5px;\n }\n \n .interactive-calc {\n padding: 15px 10px;\n }\n \n .calc-btn {\n width: 100%;\n max-width: 200px;\n margin: 8px auto;\n display: block;\n }\n \n .visual-representation {\n gap: 6px;\n padding: 5px;\n }\n \n .options-grid {\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n }\n }\n\n @media (max-width: 480px) {\n .options-grid {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .option-btn {\n padding: 12px 8px;\n min-height: 45px;\n }\n \n .equation {\n padding: 12px 8px;\n font-size: 1em;\n }\n \n .visual-representation {\n gap: 4px;\n }\n \n .note {\n width: 45px;\n height: 22px;\n font-size: 0.7em;\n }\n }\n\n \/* Landscape mobile orientation *\/\n @media (max-height: 500px) and (orientation: landscape) {\n .blog-header {\n padding: 15px;\n }\n \n .blog-header h1 {\n font-size: 1.8em;\n }\n \n .celebration {\n font-size: 1.5em;\n }\n }\n\n \/* High DPI displays *\/\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n .note, .option-btn, .calc-btn {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n }\n\n \/* Touch device optimizations *\/\n @media (hover: none) and (pointer: coarse) {\n .option-btn:hover, .calc-btn:hover {\n transform: none;\n }\n \n .option-btn:active {\n transform: scale(0.98);\n background: #f0f0f0;\n }\n \n .calc-btn:active {\n transform: scale(0.98);\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"blog-header\">\n <h1>\u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf<\/h1>\n <p class=\"subtitle\">5-\u0d3e\u0d02 \u0d15\u0d4d\u0d32\u0d3e\u0d38\u0d4d\u0d38\u0d4d \u0d15\u0d41\u0d1f\u0d4d\u0d1f\u0d3f\u0d15\u0d7e\u0d15\u0d4d\u0d15\u0d3e\u0d2f\u0d3f \u0d12\u0d30\u0d41 \u0d30\u0d38\u0d15\u0d30\u0d2e\u0d3e\u0d2f \u0d17\u0d23\u0d3f\u0d24 \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02<\/p>\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"problem-card\">\n <div class=\"problem-text\">\n \ud83d\udcdd \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02: 100 \u0d30\u0d42\u0d2a \u0d1a\u0d3f\u0d32\u0d4d\u0d32\u0d31\u0d2f\u0d3e\u0d2f\u0d3f \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d2a\u0d4d\u0d2a\u0d4b\u0d7e 20 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 10 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d3e\u0d2f\u0d23\u0d4d \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d24\u0d4d. \u0d06\u0d15\u0d46 7 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d0e\u0d19\u0d4d\u0d15\u0d3f\u0d7d 20 \u0d30\u0d42\u0d2a \u0d0e\u0d24\u0d4d\u0d30 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d09\u0d23\u0d4d\u0d1f\u0d4d?\n <\/div>\n \n <h3 style=\"text-align: center; margin: 20px 0;\">\u0d13\u0d2a\u0d4d\u0d37\u0d28\u0d41\u0d15\u0d7e:<\/h3>\n <div class=\"options-grid\">\n <div class=\"option-btn\" onclick=\"checkAnswer('A', 4)\">A) 4<\/div>\n <div class=\"option-btn\" onclick=\"checkAnswer('B', 3)\">B) 3<\/div>\n <div class=\"option-btn\" onclick=\"checkAnswer('C', 2)\">C) 2<\/div>\n <div class=\"option-btn\" onclick=\"checkAnswer('D', 5)\">D) 5<\/div>\n <\/div>\n <div id=\"answerFeedback\" style=\"display: none; margin-top: 20px; text-align: center; font-size: 1.2em;\"><\/div>\n <\/div>\n\n <div id=\"solutionSteps\" style=\"display: none;\">\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">1<\/span>\n \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d24\u0d3e\u0d23\u0d4d? \ud83e\udd14\n <\/div>\n <p>\u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d28\u0d3e\u0d7d \u0d05\u0d1c\u0d4d\u0d1e\u0d3e\u0d24\u0d2e\u0d3e\u0d2f \u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d46 \u0d2a\u0d4d\u0d30\u0d24\u0d3f\u0d28\u0d3f\u0d27\u0d40\u0d15\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28 \u0d05\u0d15\u0d4d\u0d37\u0d30\u0d02. \u0d07\u0d24\u0d4d \u0d12\u0d30\u0d41 \u0d2e\u0d3e\u0d1c\u0d3f\u0d15\u0d4d \u0d2c\u0d4b\u0d15\u0d4d\u0d38\u0d4d \u0d2a\u0d4b\u0d32\u0d46\u0d2f\u0d3e\u0d23\u0d4d – \u0d05\u0d24\u0d3f\u0d28\u0d41\u0d33\u0d4d\u0d33\u0d3f\u0d7d \u0d0e\u0d28\u0d4d\u0d24\u0d4b \u0d12\u0d30\u0d41 \u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d09\u0d23\u0d4d\u0d1f\u0d4d, \u0d2a\u0d15\u0d4d\u0d37\u0d46 \u0d28\u0d2e\u0d41\u0d15\u0d4d\u0d15\u0d31\u0d3f\u0d2f\u0d3f\u0d32\u0d4d\u0d32 \u0d0e\u0d24\u0d4d\u0d30 \u0d0e\u0d28\u0d4d\u0d28\u0d4d.<\/p>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">2<\/span>\n \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d28\u0d3f\u0d7c\u0d35\u0d1a\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02 \ud83d\udccb\n <\/div>\n <p><strong>x<\/strong> = 20 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d1f\u0d46 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d0e\u0d23\u0d4d\u0d23\u0d02 (\u0d07\u0d24\u0d3e\u0d23\u0d4d \u0d28\u0d2e\u0d41\u0d15\u0d4d\u0d15\u0d4d \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d47\u0d23\u0d4d\u0d1f\u0d24\u0d4d!)<\/p>\n <p><strong>y<\/strong> = 10 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d1f\u0d46 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d0e\u0d23\u0d4d\u0d23\u0d02<\/p>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">3<\/span>\n \u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d19\u0d4d\u0d19\u0d7e \u0d30\u0d42\u0d2a\u0d40\u0d15\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02 \u2696\ufe0f\n <\/div>\n <p><strong>\u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d02 1:<\/strong> \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d0e\u0d23\u0d4d\u0d23\u0d02<\/p>\n <div class=\"equation\">x + y = 7<\/div>\n \n <p><strong>\u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d02 2:<\/strong> \u0d06\u0d15\u0d46 \u0d24\u0d41\u0d15<\/p>\n <div class=\"equation\">20x + 10y = 100<\/div>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">4<\/span>\n \u0d07\u0d28\u0d4d\u0d31\u0d31\u0d3e\u0d15\u0d4d\u0d1f\u0d40\u0d35\u0d4d \u0d15\u0d3e\u0d7d\u0d15\u0d4d\u0d15\u0d41\u0d32\u0d47\u0d31\u0d4d\u0d31\u0d7c \ud83e\uddee\n <\/div>\n <div class=\"interactive-calc\">\n <p>\u0d35\u0d4d\u0d2f\u0d24\u0d4d\u0d2f\u0d38\u0d4d\u0d24 \u0d2e\u0d42\u0d32\u0d4d\u0d2f\u0d19\u0d4d\u0d19\u0d7e \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d28\u0d4b\u0d15\u0d4d\u0d15\u0d3e\u0d02:<\/p>\n <div style=\"text-align: center; margin: 20px 0;\">\n <label>20 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d1f\u0d46 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e (x): <\/label>\n <input type=\"number\" id=\"xValue\" class=\"calc-input\" min=\"0\" max=\"5\" value=\"1\">\n <br><br>\n <button class=\"calc-btn\" onclick=\"calculateResult()\">\u0d15\u0d23\u0d15\u0d4d\u0d15\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15<\/button>\n <\/div>\n <div id=\"calculationResult\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">5<\/span>\n \u0d2a\u0d30\u0d3f\u0d39\u0d3e\u0d30\u0d02 \ud83c\udfaf\n <\/div>\n <p>\u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d02 2 \u0d32\u0d33\u0d3f\u0d24\u0d2e\u0d3e\u0d15\u0d4d\u0d15\u0d3e\u0d02:<\/p>\n <div class=\"equation\">2x + y = 10<\/div>\n \n <p>\u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d02 1 \u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d: y = 7 – x<\/p>\n <p>\u0d07\u0d24\u0d4d \u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d02 2 \u0d7d \u0d2a\u0d15\u0d30\u0d02 \u0d35\u0d2f\u0d4d\u0d15\u0d4d\u0d15\u0d3e\u0d02:<\/p>\n <div class=\"equation\">2x + (7 – x) = 10<\/div>\n <div class=\"equation\">x + 7 = 10<\/div>\n <div class=\"equation\"><span class=\"highlight\">x = 3<\/span><\/div>\n \n <p>\u0d05\u0d24\u0d3f\u0d28\u0d3e\u0d7d: y = 7 – 3 = 4<\/p>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">6<\/span>\n \u0d35\u0d3f\u0d37\u0d4d\u0d35\u0d7d \u0d2a\u0d4d\u0d30\u0d24\u0d3f\u0d28\u0d3f\u0d27\u0d3e\u0d28\u0d02 \ud83d\udc40\n <\/div>\n <div class=\"visual-representation\" id=\"visualNotes\">\n \n <\/div>\n <p style=\"text-align: center; margin-top: 15px;\">\n <span style=\"color: #ff6b6b;\">\ud83d\udfe5 20 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e<\/span> | \n <span style=\"color: #4ecdc4;\">\ud83d\udfe6 10 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e<\/span>\n <\/p>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">7<\/span>\n \u0d2a\u0d30\u0d3f\u0d36\u0d4b\u0d27\u0d28 \u2705\n <\/div>\n <p>\u0d28\u0d2e\u0d4d\u0d2e\u0d41\u0d1f\u0d46 \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d23\u0d4b \u0d0e\u0d28\u0d4d\u0d28\u0d4d \u0d28\u0d4b\u0d15\u0d4d\u0d15\u0d3e\u0d02:<\/p>\n <div class=\"equation\">\u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d0e\u0d23\u0d4d\u0d23\u0d02: 3 + 4 = 7 \u2705<\/div>\n <div class=\"equation\">\u0d06\u0d15\u0d46 \u0d24\u0d41\u0d15: (3 \u00d7 20) + (4 \u00d7 10) = 60 + 40 = 100 \u2705<\/div>\n \n <div class=\"celebration\" id=\"celebration\" style=\"display: none;\">\n \ud83c\udf89 \u0d15\u0d43\u0d24\u0d4d\u0d2f\u0d2e\u0d3e\u0d2f \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02! \ud83c\udf89\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let currentStep = 0;\n let hasAnswered = false;\n\n function updateProgress() {\n const progress = (currentStep \/ 7) * 100;\n document.getElementById('progressBar').style.width = progress + '%';\n }\n\n function checkAnswer(option, value) {\n if (hasAnswered) return;\n \n hasAnswered = true;\n const buttons = document.querySelectorAll('.option-btn');\n const feedback = document.getElementById('answerFeedback');\n \n buttons.forEach(btn => {\n if (btn.textContent.includes(value.toString())) {\n if (value === 3) {\n btn.classList.add('correct');\n feedback.innerHTML = `\n <div style=\"color: #4CAF50; font-weight: bold;\">\n \ud83c\udf89 \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d23\u0d4d! ${option}) ${value} \u0d06\u0d23\u0d4d \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d2f \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02!\n <\/div>\n `;\n } else {\n btn.classList.add('incorrect');\n feedback.innerHTML = `\n <div style=\"color: #f44336; font-weight: bold;\">\n \u274c \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d! \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d2f \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 B) 3 \u0d06\u0d23\u0d4d.\n <\/div>\n `;\n }\n }\n });\n \n feedback.style.display = 'block';\n \n setTimeout(() => {\n document.getElementById('solutionSteps').style.display = 'block';\n currentStep = 1;\n updateProgress();\n generateVisualNotes();\n \n \/\/ Show celebration if correct answer\n if (value === 3) {\n setTimeout(() => {\n document.getElementById('celebration').style.display = 'block';\n currentStep = 7;\n updateProgress();\n }, 3000);\n }\n }, 1500);\n }\n\n function calculateResult() {\n const x = parseInt(document.getElementById('xValue').value) || 0;\n const y = 7 - x;\n const totalAmount = (x * 20) + (y * 10);\n const totalNotes = x + y;\n \n const resultDiv = document.getElementById('calculationResult');\n \n let resultClass = '';\n let resultText = '';\n \n if (totalAmount === 100 && totalNotes === 7) {\n resultClass = 'result-display';\n resultText = `\n \u2705 <strong>\u0d36\u0d30\u0d3f!<\/strong><br>\n 20 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${x}<br>\n 10 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${y}<br>\n \u0d06\u0d15\u0d46 \u0d24\u0d41\u0d15: ${totalAmount} \u0d30\u0d42\u0d2a<br>\n \u0d06\u0d15\u0d46 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${totalNotes}\n `;\n } else {\n resultClass = 'result-display';\n resultText = `\n \u274c <strong>\u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d!<\/strong><br>\n 20 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${x}<br>\n 10 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${y}<br>\n \u0d06\u0d15\u0d46 \u0d24\u0d41\u0d15: ${totalAmount} \u0d30\u0d42\u0d2a (\u0d06\u0d35\u0d36\u0d4d\u0d2f\u0d02: 100)<br>\n \u0d06\u0d15\u0d46 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${totalNotes} (\u0d06\u0d35\u0d36\u0d4d\u0d2f\u0d02: 7)\n `;\n }\n \n resultDiv.innerHTML = `<div class=\"${resultClass}\">${resultText}<\/div>`;\n currentStep = Math.max(currentStep, 4);\n updateProgress();\n }\n\n function generateVisualNotes() {\n const visual = document.getElementById('visualNotes');\n visual.innerHTML = '';\n \n \/\/ Add 3 twenty rupee notes\n for (let i = 0; i < 3; i++) {\n const note = document.createElement('div');\n note.className = 'note note-20';\n note.textContent = '20';\n visual.appendChild(note);\n }\n \n \/\/ Add 4 ten rupee notes\n for (let i = 0; i < 4; i++) {\n const note = document.createElement('div');\n note.className = 'note note-10';\n note.textContent = '10';\n visual.appendChild(note);\n }\n \n currentStep = Math.max(currentStep, 6);\n updateProgress();\n }\n\n \/\/ Initialize progress\n updateProgress();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf 5-\u0d3e\u0d02 \u0d15\u0d4d\u0d32\u0d3e\u0d38\u0d4d\u0d38\u0d4d \u0d15\u0d41\u0d1f\u0d4d\u0d1f\u0d3f\u0d15\u0d7e\u0d15\u0d4d\u0d15\u0d3e\u0d2f\u0d3f \u0d12\u0d30\u0d41 \u0d30\u0d38\u0d15\u0d30\u0d2e\u0d3e\u0d2f \u0d17\u0d23\u0d3f\u0d24 \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02 \ud83d\udcdd \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02: 100 \u0d30\u0d42\u0d2a \u0d1a\u0d3f\u0d32\u0d4d\u0d32\u0d31\u0d2f\u0d3e\u0d2f\u0d3f \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d2a\u0d4d\u0d2a\u0d4b\u0d7e 20 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 10 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d3e\u0d2f\u0d23\u0d4d \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d24\u0d4d. \u0d06\u0d15\u0d46 7 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d0e\u0d19\u0d4d\u0d15\u0d3f\u0d7d 20 \u0d30\u0d42\u0d2a \u0d0e\u0d24\u0d4d\u0d30 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d09\u0d23\u0d4d\u0d1f\u0d4d? \u0d13\u0d2a\u0d4d\u0d37\u0d28\u0d41\u0d15\u0d7e: A) 4 B) 3 C) 2 D) 5 1 \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d24\u0d3e\u0d23\u0d4d? \ud83e\udd14 \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d28\u0d3e\u0d7d \u0d05\u0d1c\u0d4d\u0d1e\u0d3e\u0d24\u0d2e\u0d3e\u0d2f \u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d46 […]<\/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-1827","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\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf 5-\u0d3e\u0d02 \u0d15\u0d4d\u0d32\u0d3e\u0d38\u0d4d\u0d38\u0d4d \u0d15\u0d41\u0d1f\u0d4d\u0d1f\u0d3f\u0d15\u0d7e\u0d15\u0d4d\u0d15\u0d3e\u0d2f\u0d3f \u0d12\u0d30\u0d41 \u0d30\u0d38\u0d15\u0d30\u0d2e\u0d3e\u0d2f \u0d17\u0d23\u0d3f\u0d24 \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02 \ud83d\udcdd \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02: 100 \u0d30\u0d42\u0d2a \u0d1a\u0d3f\u0d32\u0d4d\u0d32\u0d31\u0d2f\u0d3e\u0d2f\u0d3f \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d2a\u0d4d\u0d2a\u0d4b\u0d7e 20 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 10 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d3e\u0d2f\u0d23\u0d4d \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d24\u0d4d. \u0d06\u0d15\u0d46 7 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d0e\u0d19\u0d4d\u0d15\u0d3f\u0d7d 20 \u0d30\u0d42\u0d2a \u0d0e\u0d24\u0d4d\u0d30 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d09\u0d23\u0d4d\u0d1f\u0d4d? \u0d13\u0d2a\u0d4d\u0d37\u0d28\u0d41\u0d15\u0d7e: A) 4 B) 3 C) 2 D) 5 1 \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d24\u0d3e\u0d23\u0d4d? \ud83e\udd14 \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d28\u0d3e\u0d7d \u0d05\u0d1c\u0d4d\u0d1e\u0d3e\u0d24\u0d2e\u0d3e\u0d2f \u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d46…","_links":{"self":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1827","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=1827"}],"version-history":[{"count":2,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1827\/revisions"}],"predecessor-version":[{"id":1829,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1827\/revisions\/1829"}],"wp:attachment":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1827,"date":"2025-06-08T00:36:30","date_gmt":"2025-06-07T20:36:30","guid":{"rendered":"https:\/\/windowedu.in\/blog\/?p=1827"},"modified":"2025-06-08T00:39:58","modified_gmt":"2025-06-07T20:39:58","slug":"%e0%b4%b5%e0%b5%87%e0%b4%b0%e0%b4%bf%e0%b4%af%e0%b4%ac%e0%b4%bf%e0%b4%b3%e0%b5%81%e0%b4%95%e0%b5%be-%e0%b4%89%e0%b4%aa%e0%b4%af%e0%b5%8b%e0%b4%97%e0%b4%bf%e0%b4%9a%e0%b5%8d%e0%b4%9a%e0%b5%8d-%e0%b4%97","status":"publish","type":"post","link":"https:\/\/windowedu.in\/blog\/?p=1827","title":{"rendered":"\u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf"},"content":{"rendered":"\n\n\n\n \n \n \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n color: #333;\n font-size: 16px;\n }\n\n .container {\n max-width: 900px;\n margin: 0 auto;\n padding: 15px;\n width: 100%;\n }\n\n .blog-header {\n background: rgba(255, 255, 255, 0.95);\n padding: 30px 20px;\n border-radius: 20px;\n text-align: center;\n margin-bottom: 20px;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n }\n\n .blog-header h1 {\n font-size: clamp(1.8em, 5vw, 2.5em);\n color: #2c3e50;\n margin-bottom: 10px;\n background: linear-gradient(45deg, #667eea, #764ba2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1.2;\n }\n\n .blog-header .subtitle {\n font-size: clamp(1em, 3vw, 1.2em);\n color: #666;\n margin-bottom: 20px;\n padding: 0 10px;\n }\n\n .problem-card {\n background: rgba(255, 255, 255, 0.95);\n padding: 20px;\n border-radius: 15px;\n margin-bottom: 20px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n\n .problem-card:hover {\n transform: translateY(-2px);\n }\n\n .problem-text {\n font-size: clamp(1.1em, 4vw, 1.3em);\n font-weight: bold;\n color: white;\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n padding: 20px 15px;\n border-radius: 10px;\n text-align: center;\n margin-bottom: 20px;\n line-height: 1.4;\n }\n\n .options-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n\n .option-btn {\n padding: 15px 10px;\n border: 2px solid #ddd;\n border-radius: 10px;\n background: white;\n font-size: clamp(1em, 3vw, 1.1em);\n cursor: pointer;\n transition: all 0.3s ease;\n text-align: center;\n min-height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .option-btn:hover {\n border-color: #667eea;\n background: #f8f9ff;\n transform: scale(1.02);\n }\n\n .option-btn.correct {\n background: #4CAF50;\n color: white;\n border-color: #4CAF50;\n }\n\n .option-btn.incorrect {\n background: #f44336;\n color: white;\n border-color: #f44336;\n }\n\n .step-card {\n background: rgba(255, 255, 255, 0.95);\n padding: 20px 15px;\n border-radius: 15px;\n margin-bottom: 15px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n border-left: 5px solid #667eea;\n }\n\n .step-number {\n background: linear-gradient(45deg, #667eea, #764ba2);\n color: white;\n width: clamp(35px, 8vw, 40px);\n height: clamp(35px, 8vw, 40px);\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-right: 15px;\n font-size: clamp(1em, 3vw, 1.2em);\n flex-shrink: 0;\n }\n\n .step-title {\n font-size: clamp(1.2em, 4vw, 1.4em);\n font-weight: bold;\n color: #2c3e50;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .equation {\n background: #f8f9ff;\n padding: 15px 10px;\n border-radius: 8px;\n font-family: 'Courier New', monospace;\n font-size: clamp(1em, 3.5vw, 1.2em);\n text-align: center;\n margin: 10px 0;\n border: 2px solid #e3f2fd;\n word-break: break-all;\n overflow-wrap: break-word;\n }\n\n .highlight {\n background: linear-gradient(45deg, #FFD700, #FFA500);\n padding: 2px 8px;\n border-radius: 5px;\n font-weight: bold;\n }\n\n .interactive-calc {\n background: rgba(255, 255, 255, 0.95);\n padding: 20px 15px;\n border-radius: 15px;\n margin: 20px 0;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n }\n\n .calc-input {\n padding: 12px 8px;\n border: 2px solid #ddd;\n border-radius: 5px;\n font-size: clamp(1em, 4vw, 1.1em);\n margin: 8px 4px;\n width: clamp(60px, 15vw, 80px);\n text-align: center;\n max-width: 100px;\n }\n\n .calc-btn {\n background: linear-gradient(45deg, #667eea, #764ba2);\n color: white;\n border: none;\n padding: 12px 20px;\n border-radius: 5px;\n cursor: pointer;\n font-size: clamp(0.9em, 3vw, 1em);\n margin: 10px 5px;\n transition: transform 0.2s;\n min-width: 120px;\n }\n\n .calc-btn:hover {\n transform: scale(1.02);\n }\n\n .result-display {\n background: #e8f5e8;\n padding: 15px 10px;\n border-radius: 8px;\n margin-top: 10px;\n font-size: clamp(1em, 3vw, 1.1em);\n border: 2px solid #4CAF50;\n line-height: 1.5;\n }\n\n .visual-representation {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 20px 0;\n flex-wrap: wrap;\n gap: 8px;\n padding: 10px;\n }\n\n .note {\n width: clamp(50px, 12vw, 60px);\n height: clamp(25px, 6vw, 30px);\n border: 2px solid #333;\n border-radius: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: clamp(0.8em, 2.5vw, 0.9em);\n margin: 2px;\n }\n\n .note-20 {\n background: #ff6b6b;\n color: white;\n }\n\n .note-10 {\n background: #4ecdc4;\n color: white;\n }\n\n .celebration {\n text-align: center;\n font-size: clamp(1.5em, 5vw, 2em);\n margin: 20px 0;\n animation: bounce 1s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateY(0);\n }\n 40% {\n transform: translateY(-10px);\n }\n 60% {\n transform: translateY(-5px);\n }\n }\n\n .fade-in {\n animation: fadeIn 0.5s ease-in;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .progress-bar {\n width: 100%;\n height: 8px;\n background: #ddd;\n border-radius: 5px;\n margin: 20px 0;\n overflow: hidden;\n }\n\n .progress-fill {\n height: 100%;\n background: linear-gradient(45deg, #667eea, #764ba2);\n width: 0%;\n transition: width 0.5s ease;\n }\n\n \/* Mobile-specific adjustments *\/\n @media (max-width: 768px) {\n .container {\n padding: 10px;\n }\n \n .blog-header {\n padding: 25px 15px;\n margin-bottom: 15px;\n }\n \n .problem-card, .step-card {\n padding: 15px;\n margin-bottom: 15px;\n }\n \n .step-title {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n \n .step-number {\n margin-right: 0;\n margin-bottom: 5px;\n }\n \n .interactive-calc {\n padding: 15px 10px;\n }\n \n .calc-btn {\n width: 100%;\n max-width: 200px;\n margin: 8px auto;\n display: block;\n }\n \n .visual-representation {\n gap: 6px;\n padding: 5px;\n }\n \n .options-grid {\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n }\n }\n\n @media (max-width: 480px) {\n .options-grid {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .option-btn {\n padding: 12px 8px;\n min-height: 45px;\n }\n \n .equation {\n padding: 12px 8px;\n font-size: 1em;\n }\n \n .visual-representation {\n gap: 4px;\n }\n \n .note {\n width: 45px;\n height: 22px;\n font-size: 0.7em;\n }\n }\n\n \/* Landscape mobile orientation *\/\n @media (max-height: 500px) and (orientation: landscape) {\n .blog-header {\n padding: 15px;\n }\n \n .blog-header h1 {\n font-size: 1.8em;\n }\n \n .celebration {\n font-size: 1.5em;\n }\n }\n\n \/* High DPI displays *\/\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n .note, .option-btn, .calc-btn {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n }\n\n \/* Touch device optimizations *\/\n @media (hover: none) and (pointer: coarse) {\n .option-btn:hover, .calc-btn:hover {\n transform: none;\n }\n \n .option-btn:active {\n transform: scale(0.98);\n background: #f0f0f0;\n }\n \n .calc-btn:active {\n transform: scale(0.98);\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"blog-header\">\n <h1>\u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf<\/h1>\n <p class=\"subtitle\">5-\u0d3e\u0d02 \u0d15\u0d4d\u0d32\u0d3e\u0d38\u0d4d\u0d38\u0d4d \u0d15\u0d41\u0d1f\u0d4d\u0d1f\u0d3f\u0d15\u0d7e\u0d15\u0d4d\u0d15\u0d3e\u0d2f\u0d3f \u0d12\u0d30\u0d41 \u0d30\u0d38\u0d15\u0d30\u0d2e\u0d3e\u0d2f \u0d17\u0d23\u0d3f\u0d24 \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02<\/p>\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"problem-card\">\n <div class=\"problem-text\">\n \ud83d\udcdd \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02: 100 \u0d30\u0d42\u0d2a \u0d1a\u0d3f\u0d32\u0d4d\u0d32\u0d31\u0d2f\u0d3e\u0d2f\u0d3f \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d2a\u0d4d\u0d2a\u0d4b\u0d7e 20 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 10 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d3e\u0d2f\u0d23\u0d4d \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d24\u0d4d. \u0d06\u0d15\u0d46 7 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d0e\u0d19\u0d4d\u0d15\u0d3f\u0d7d 20 \u0d30\u0d42\u0d2a \u0d0e\u0d24\u0d4d\u0d30 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d09\u0d23\u0d4d\u0d1f\u0d4d?\n <\/div>\n \n <h3 style=\"text-align: center; margin: 20px 0;\">\u0d13\u0d2a\u0d4d\u0d37\u0d28\u0d41\u0d15\u0d7e:<\/h3>\n <div class=\"options-grid\">\n <div class=\"option-btn\" onclick=\"checkAnswer('A', 4)\">A) 4<\/div>\n <div class=\"option-btn\" onclick=\"checkAnswer('B', 3)\">B) 3<\/div>\n <div class=\"option-btn\" onclick=\"checkAnswer('C', 2)\">C) 2<\/div>\n <div class=\"option-btn\" onclick=\"checkAnswer('D', 5)\">D) 5<\/div>\n <\/div>\n <div id=\"answerFeedback\" style=\"display: none; margin-top: 20px; text-align: center; font-size: 1.2em;\"><\/div>\n <\/div>\n\n <div id=\"solutionSteps\" style=\"display: none;\">\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">1<\/span>\n \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d24\u0d3e\u0d23\u0d4d? \ud83e\udd14\n <\/div>\n <p>\u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d28\u0d3e\u0d7d \u0d05\u0d1c\u0d4d\u0d1e\u0d3e\u0d24\u0d2e\u0d3e\u0d2f \u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d46 \u0d2a\u0d4d\u0d30\u0d24\u0d3f\u0d28\u0d3f\u0d27\u0d40\u0d15\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28 \u0d05\u0d15\u0d4d\u0d37\u0d30\u0d02. \u0d07\u0d24\u0d4d \u0d12\u0d30\u0d41 \u0d2e\u0d3e\u0d1c\u0d3f\u0d15\u0d4d \u0d2c\u0d4b\u0d15\u0d4d\u0d38\u0d4d \u0d2a\u0d4b\u0d32\u0d46\u0d2f\u0d3e\u0d23\u0d4d – \u0d05\u0d24\u0d3f\u0d28\u0d41\u0d33\u0d4d\u0d33\u0d3f\u0d7d \u0d0e\u0d28\u0d4d\u0d24\u0d4b \u0d12\u0d30\u0d41 \u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d09\u0d23\u0d4d\u0d1f\u0d4d, \u0d2a\u0d15\u0d4d\u0d37\u0d46 \u0d28\u0d2e\u0d41\u0d15\u0d4d\u0d15\u0d31\u0d3f\u0d2f\u0d3f\u0d32\u0d4d\u0d32 \u0d0e\u0d24\u0d4d\u0d30 \u0d0e\u0d28\u0d4d\u0d28\u0d4d.<\/p>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">2<\/span>\n \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d28\u0d3f\u0d7c\u0d35\u0d1a\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02 \ud83d\udccb\n <\/div>\n <p><strong>x<\/strong> = 20 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d1f\u0d46 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d0e\u0d23\u0d4d\u0d23\u0d02 (\u0d07\u0d24\u0d3e\u0d23\u0d4d \u0d28\u0d2e\u0d41\u0d15\u0d4d\u0d15\u0d4d \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d47\u0d23\u0d4d\u0d1f\u0d24\u0d4d!)<\/p>\n <p><strong>y<\/strong> = 10 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d1f\u0d46 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d0e\u0d23\u0d4d\u0d23\u0d02<\/p>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">3<\/span>\n \u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d19\u0d4d\u0d19\u0d7e \u0d30\u0d42\u0d2a\u0d40\u0d15\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02 \u2696\ufe0f\n <\/div>\n <p><strong>\u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d02 1:<\/strong> \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d0e\u0d23\u0d4d\u0d23\u0d02<\/p>\n <div class=\"equation\">x + y = 7<\/div>\n \n <p><strong>\u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d02 2:<\/strong> \u0d06\u0d15\u0d46 \u0d24\u0d41\u0d15<\/p>\n <div class=\"equation\">20x + 10y = 100<\/div>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">4<\/span>\n \u0d07\u0d28\u0d4d\u0d31\u0d31\u0d3e\u0d15\u0d4d\u0d1f\u0d40\u0d35\u0d4d \u0d15\u0d3e\u0d7d\u0d15\u0d4d\u0d15\u0d41\u0d32\u0d47\u0d31\u0d4d\u0d31\u0d7c \ud83e\uddee\n <\/div>\n <div class=\"interactive-calc\">\n <p>\u0d35\u0d4d\u0d2f\u0d24\u0d4d\u0d2f\u0d38\u0d4d\u0d24 \u0d2e\u0d42\u0d32\u0d4d\u0d2f\u0d19\u0d4d\u0d19\u0d7e \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d28\u0d4b\u0d15\u0d4d\u0d15\u0d3e\u0d02:<\/p>\n <div style=\"text-align: center; margin: 20px 0;\">\n <label>20 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d1f\u0d46 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e (x): <\/label>\n <input type=\"number\" id=\"xValue\" class=\"calc-input\" min=\"0\" max=\"5\" value=\"1\">\n <br><br>\n <button class=\"calc-btn\" onclick=\"calculateResult()\">\u0d15\u0d23\u0d15\u0d4d\u0d15\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15<\/button>\n <\/div>\n <div id=\"calculationResult\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">5<\/span>\n \u0d2a\u0d30\u0d3f\u0d39\u0d3e\u0d30\u0d02 \ud83c\udfaf\n <\/div>\n <p>\u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d02 2 \u0d32\u0d33\u0d3f\u0d24\u0d2e\u0d3e\u0d15\u0d4d\u0d15\u0d3e\u0d02:<\/p>\n <div class=\"equation\">2x + y = 10<\/div>\n \n <p>\u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d02 1 \u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d: y = 7 – x<\/p>\n <p>\u0d07\u0d24\u0d4d \u0d38\u0d2e\u0d35\u0d3e\u0d15\u0d4d\u0d2f\u0d02 2 \u0d7d \u0d2a\u0d15\u0d30\u0d02 \u0d35\u0d2f\u0d4d\u0d15\u0d4d\u0d15\u0d3e\u0d02:<\/p>\n <div class=\"equation\">2x + (7 – x) = 10<\/div>\n <div class=\"equation\">x + 7 = 10<\/div>\n <div class=\"equation\"><span class=\"highlight\">x = 3<\/span><\/div>\n \n <p>\u0d05\u0d24\u0d3f\u0d28\u0d3e\u0d7d: y = 7 – 3 = 4<\/p>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">6<\/span>\n \u0d35\u0d3f\u0d37\u0d4d\u0d35\u0d7d \u0d2a\u0d4d\u0d30\u0d24\u0d3f\u0d28\u0d3f\u0d27\u0d3e\u0d28\u0d02 \ud83d\udc40\n <\/div>\n <div class=\"visual-representation\" id=\"visualNotes\">\n \n <\/div>\n <p style=\"text-align: center; margin-top: 15px;\">\n <span style=\"color: #ff6b6b;\">\ud83d\udfe5 20 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e<\/span> | \n <span style=\"color: #4ecdc4;\">\ud83d\udfe6 10 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e<\/span>\n <\/p>\n <\/div>\n\n <div class=\"step-card fade-in\">\n <div class=\"step-title\">\n <span class=\"step-number\">7<\/span>\n \u0d2a\u0d30\u0d3f\u0d36\u0d4b\u0d27\u0d28 \u2705\n <\/div>\n <p>\u0d28\u0d2e\u0d4d\u0d2e\u0d41\u0d1f\u0d46 \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d23\u0d4b \u0d0e\u0d28\u0d4d\u0d28\u0d4d \u0d28\u0d4b\u0d15\u0d4d\u0d15\u0d3e\u0d02:<\/p>\n <div class=\"equation\">\u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d0e\u0d23\u0d4d\u0d23\u0d02: 3 + 4 = 7 \u2705<\/div>\n <div class=\"equation\">\u0d06\u0d15\u0d46 \u0d24\u0d41\u0d15: (3 \u00d7 20) + (4 \u00d7 10) = 60 + 40 = 100 \u2705<\/div>\n \n <div class=\"celebration\" id=\"celebration\" style=\"display: none;\">\n \ud83c\udf89 \u0d15\u0d43\u0d24\u0d4d\u0d2f\u0d2e\u0d3e\u0d2f \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02! \ud83c\udf89\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let currentStep = 0;\n let hasAnswered = false;\n\n function updateProgress() {\n const progress = (currentStep \/ 7) * 100;\n document.getElementById('progressBar').style.width = progress + '%';\n }\n\n function checkAnswer(option, value) {\n if (hasAnswered) return;\n \n hasAnswered = true;\n const buttons = document.querySelectorAll('.option-btn');\n const feedback = document.getElementById('answerFeedback');\n \n buttons.forEach(btn => {\n if (btn.textContent.includes(value.toString())) {\n if (value === 3) {\n btn.classList.add('correct');\n feedback.innerHTML = `\n <div style=\"color: #4CAF50; font-weight: bold;\">\n \ud83c\udf89 \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d23\u0d4d! ${option}) ${value} \u0d06\u0d23\u0d4d \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d2f \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02!\n <\/div>\n `;\n } else {\n btn.classList.add('incorrect');\n feedback.innerHTML = `\n <div style=\"color: #f44336; font-weight: bold;\">\n \u274c \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d! \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d2f \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 B) 3 \u0d06\u0d23\u0d4d.\n <\/div>\n `;\n }\n }\n });\n \n feedback.style.display = 'block';\n \n setTimeout(() => {\n document.getElementById('solutionSteps').style.display = 'block';\n currentStep = 1;\n updateProgress();\n generateVisualNotes();\n \n \/\/ Show celebration if correct answer\n if (value === 3) {\n setTimeout(() => {\n document.getElementById('celebration').style.display = 'block';\n currentStep = 7;\n updateProgress();\n }, 3000);\n }\n }, 1500);\n }\n\n function calculateResult() {\n const x = parseInt(document.getElementById('xValue').value) || 0;\n const y = 7 - x;\n const totalAmount = (x * 20) + (y * 10);\n const totalNotes = x + y;\n \n const resultDiv = document.getElementById('calculationResult');\n \n let resultClass = '';\n let resultText = '';\n \n if (totalAmount === 100 && totalNotes === 7) {\n resultClass = 'result-display';\n resultText = `\n \u2705 <strong>\u0d36\u0d30\u0d3f!<\/strong><br>\n 20 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${x}<br>\n 10 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${y}<br>\n \u0d06\u0d15\u0d46 \u0d24\u0d41\u0d15: ${totalAmount} \u0d30\u0d42\u0d2a<br>\n \u0d06\u0d15\u0d46 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${totalNotes}\n `;\n } else {\n resultClass = 'result-display';\n resultText = `\n \u274c <strong>\u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d!<\/strong><br>\n 20 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${x}<br>\n 10 \u0d30\u0d42\u0d2a \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${y}<br>\n \u0d06\u0d15\u0d46 \u0d24\u0d41\u0d15: ${totalAmount} \u0d30\u0d42\u0d2a (\u0d06\u0d35\u0d36\u0d4d\u0d2f\u0d02: 100)<br>\n \u0d06\u0d15\u0d46 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e: ${totalNotes} (\u0d06\u0d35\u0d36\u0d4d\u0d2f\u0d02: 7)\n `;\n }\n \n resultDiv.innerHTML = `<div class=\"${resultClass}\">${resultText}<\/div>`;\n currentStep = Math.max(currentStep, 4);\n updateProgress();\n }\n\n function generateVisualNotes() {\n const visual = document.getElementById('visualNotes');\n visual.innerHTML = '';\n \n \/\/ Add 3 twenty rupee notes\n for (let i = 0; i < 3; i++) {\n const note = document.createElement('div');\n note.className = 'note note-20';\n note.textContent = '20';\n visual.appendChild(note);\n }\n \n \/\/ Add 4 ten rupee notes\n for (let i = 0; i < 4; i++) {\n const note = document.createElement('div');\n note.className = 'note note-10';\n note.textContent = '10';\n visual.appendChild(note);\n }\n \n currentStep = Math.max(currentStep, 6);\n updateProgress();\n }\n\n \/\/ Initialize progress\n updateProgress();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf 5-\u0d3e\u0d02 \u0d15\u0d4d\u0d32\u0d3e\u0d38\u0d4d\u0d38\u0d4d \u0d15\u0d41\u0d1f\u0d4d\u0d1f\u0d3f\u0d15\u0d7e\u0d15\u0d4d\u0d15\u0d3e\u0d2f\u0d3f \u0d12\u0d30\u0d41 \u0d30\u0d38\u0d15\u0d30\u0d2e\u0d3e\u0d2f \u0d17\u0d23\u0d3f\u0d24 \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02 \ud83d\udcdd \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02: 100 \u0d30\u0d42\u0d2a \u0d1a\u0d3f\u0d32\u0d4d\u0d32\u0d31\u0d2f\u0d3e\u0d2f\u0d3f \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d2a\u0d4d\u0d2a\u0d4b\u0d7e 20 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 10 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d3e\u0d2f\u0d23\u0d4d \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d24\u0d4d. \u0d06\u0d15\u0d46 7 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d0e\u0d19\u0d4d\u0d15\u0d3f\u0d7d 20 \u0d30\u0d42\u0d2a \u0d0e\u0d24\u0d4d\u0d30 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d09\u0d23\u0d4d\u0d1f\u0d4d? \u0d13\u0d2a\u0d4d\u0d37\u0d28\u0d41\u0d15\u0d7e: A) 4 B) 3 C) 2 D) 5 1 \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d24\u0d3e\u0d23\u0d4d? \ud83e\udd14 \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d28\u0d3e\u0d7d \u0d05\u0d1c\u0d4d\u0d1e\u0d3e\u0d24\u0d2e\u0d3e\u0d2f \u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d46 […]<\/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-1827","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\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d33\u0d41\u0d15\u0d7e \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d17\u0d23\u0d3f\u0d24\u0d02 \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02! \ud83c\udfaf 5-\u0d3e\u0d02 \u0d15\u0d4d\u0d32\u0d3e\u0d38\u0d4d\u0d38\u0d4d \u0d15\u0d41\u0d1f\u0d4d\u0d1f\u0d3f\u0d15\u0d7e\u0d15\u0d4d\u0d15\u0d3e\u0d2f\u0d3f \u0d12\u0d30\u0d41 \u0d30\u0d38\u0d15\u0d30\u0d2e\u0d3e\u0d2f \u0d17\u0d23\u0d3f\u0d24 \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02 \ud83d\udcdd \u0d2a\u0d4d\u0d30\u0d36\u0d4d\u0d28\u0d02: 100 \u0d30\u0d42\u0d2a \u0d1a\u0d3f\u0d32\u0d4d\u0d32\u0d31\u0d2f\u0d3e\u0d2f\u0d3f \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d2a\u0d4d\u0d2a\u0d4b\u0d7e 20 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 10 \u0d30\u0d42\u0d2a\u0d2f\u0d41\u0d02 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d33\u0d3e\u0d2f\u0d23\u0d4d \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d24\u0d4d. \u0d06\u0d15\u0d46 7 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d0e\u0d19\u0d4d\u0d15\u0d3f\u0d7d 20 \u0d30\u0d42\u0d2a \u0d0e\u0d24\u0d4d\u0d30 \u0d28\u0d4b\u0d1f\u0d4d\u0d1f\u0d41\u0d15\u0d7e \u0d09\u0d23\u0d4d\u0d1f\u0d4d? \u0d13\u0d2a\u0d4d\u0d37\u0d28\u0d41\u0d15\u0d7e: A) 4 B) 3 C) 2 D) 5 1 \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d24\u0d3e\u0d23\u0d4d? \ud83e\udd14 \u0d35\u0d47\u0d30\u0d3f\u0d2f\u0d2c\u0d3f\u0d7e \u0d0e\u0d28\u0d4d\u0d28\u0d3e\u0d7d \u0d05\u0d1c\u0d4d\u0d1e\u0d3e\u0d24\u0d2e\u0d3e\u0d2f \u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d46…","_links":{"self":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1827","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=1827"}],"version-history":[{"count":2,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1827\/revisions"}],"predecessor-version":[{"id":1829,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1827\/revisions\/1829"}],"wp:attachment":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}