{"id":1793,"date":"2025-06-07T18:10:03","date_gmt":"2025-06-07T14:10:03","guid":{"rendered":"https:\/\/windowedu.in\/blog\/?p=1793"},"modified":"2025-06-07T19:51:03","modified_gmt":"2025-06-07T15:51:03","slug":"%e0%b4%95%e0%b5%87%e0%b4%b0%e0%b4%b3-%e0%b4%b8%e0%b4%bf%e0%b4%b5%e0%b4%bf%e0%b5%bd-%e0%b4%b8%e0%b4%aa%e0%b5%8d%e0%b4%b2%e0%b5%88%e0%b4%b8%e0%b5%8d-%e0%b4%95%e0%b5%8b%e0%b5%bc%e0%b4%aa%e0%b5%8d","status":"publish","type":"post","link":"https:\/\/windowedu.in\/blog\/?p=1793","title":{"rendered":"\u0d15\u0d47\u0d30\u0d33 \u0d38\u0d3f\u0d35\u0d3f\u0d7d \u0d38\u0d2a\u0d4d\u0d32\u0d48\u0d38\u0d4d \u0d15\u0d4b\u0d7c\u0d2a\u0d4d\u0d2a\u0d31\u0d47\u0d37\u0d7b \u0d38\u0d46\u0d2f\u0d3f\u0d7d\u0d38\u0d4d \u0d05\u0d38\u0d3f\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d28\u0d4d\u0d31\u0d4d – \u0d38\u0d2e\u0d4d\u0d2a\u0d42\u0d7c\u0d23\u0d4d\u0d23 \u0d17\u0d48\u0d21\u0d4d"},"content":{"rendered":"\n

CAT NO: 527\/2024 | \u0d2a\u0d4d\u0d30\u0d24\u0d40\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37: \u0d13\u0d17\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d4d – \u0d12\u0d15\u0d4d\u0d1f\u0d4b\u0d2c\u0d7c 2025<\/h2>\n\n\n\n
\n\n\n\n

\ud83d\udccb \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d2f\u0d46\u0d15\u0d4d\u0d15\u0d41\u0d31\u0d3f\u0d1a\u0d4d\u0d1a\u0d41\u0d33\u0d4d\u0d33 \u0d2a\u0d4a\u0d24\u0d41 \u0d35\u0d3f\u0d35\u0d30\u0d23\u0d02<\/h2>\n\n\n\n

\u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d2f\u0d41\u0d1f\u0d46 \u0d38\u0d4d\u0d35\u0d2d\u0d3e\u0d35\u0d02<\/h3>\n\n\n\n

\u0d15\u0d47\u0d30\u0d33 \u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d47\u0d31\u0d4d\u0d31\u0d4d \u0d38\u0d3f\u0d35\u0d3f\u0d7d \u0d38\u0d2a\u0d4d\u0d32\u0d48\u0d38\u0d4d \u0d15\u0d4b\u0d7c\u0d2a\u0d4d\u0d2a\u0d31\u0d47\u0d37\u0d7b \u0d32\u0d3f\u0d2e\u0d3f\u0d31\u0d4d\u0d31\u0d21\u0d3f\u0d32\u0d46 \u0d38\u0d46\u0d2f\u0d3f\u0d7d\u0d38\u0d4d \u0d05\u0d38\u0d3f\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d28\u0d4d\u0d31\u0d4d<\/strong> \u0d24\u0d38\u0d4d\u0d24\u0d3f\u0d15\u0d2f\u0d3f\u0d32\u0d47\u0d15\u0d4d\u0d15\u0d41\u0d33\u0d4d\u0d33 \u0d08 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37 \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d32 \u0d2e\u0d24\u0d4d\u0d38\u0d30 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d2f\u0d3e\u0d23\u0d4d<\/strong>. \u0d13\u0d30\u0d4b \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d2f\u0d3f\u0d32\u0d46\u0d2f\u0d41\u0d02 \u0d09\u0d26\u0d4d\u0d2f\u0d4b\u0d17\u0d3e\u0d7c\u0d24\u0d4d\u0d25\u0d3f\u0d15\u0d7e \u0d05\u0d35\u0d30\u0d35\u0d30\u0d41\u0d1f\u0d46 \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d2f\u0d3f\u0d7d \u0d2e\u0d3e\u0d24\u0d4d\u0d30\u0d02 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d02.<\/p>\n\n\n\n

\u0d2a\u0d4d\u0d30\u0d27\u0d3e\u0d28 \u0d38\u0d35\u0d3f\u0d36\u0d47\u0d37\u0d24\u0d15\u0d7e<\/h3>\n\n\n\n
    \n
  • \ud83d\udcca \u0d06\u0d15\u0d46 \u0d05\u0d2a\u0d47\u0d15\u0d4d\u0d37\u0d15\u0d7c:<\/strong> 5+ \u0d32\u0d15\u0d4d\u0d37\u0d02<\/li>\n\n\n\n
  • \ud83d\uddd3\ufe0f \u0d15\u0d7a\u0d2b\u0d7c\u0d2e\u0d47\u0d37\u0d7b \u0d15\u0d3e\u0d32\u0d2f\u0d33\u0d35\u0d4d:<\/strong> 23\/5\/2025 \u0d2e\u0d41\u0d24\u0d7d 11\/6\/2025 \u0d35\u0d30\u0d46<\/li>\n\n\n\n
  • \ud83d\udcdd \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d3e \u0d2e\u0d3e\u0d7c\u0d15\u0d4d\u0d15\u0d4d:<\/strong> 100 \u0d2e\u0d3e\u0d7c\u0d15\u0d4d\u0d15\u0d4d<\/li>\n\n\n\n
  • \u23f0 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d3e \u0d38\u0d2e\u0d2f\u0d02:<\/strong> \u0d2a\u0d4d\u0d30\u0d24\u0d40\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d4d \u0d13\u0d17\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d4d – \u0d12\u0d15\u0d4d\u0d1f\u0d4b\u0d2c\u0d7c 2025<\/li>\n\n\n\n
  • \ud83c\udfe2 \u0d28\u0d3f\u0d2f\u0d2e\u0d28 \u0d05\u0d24\u0d4b\u0d31\u0d3f\u0d31\u0d4d\u0d31\u0d3f:<\/strong> \u0d15\u0d47\u0d30\u0d33 \u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d47\u0d31\u0d4d\u0d31\u0d4d \u0d38\u0d3f\u0d35\u0d3f\u0d7d \u0d38\u0d2a\u0d4d\u0d32\u0d48\u0d38\u0d4d \u0d15\u0d4b\u0d7c\u0d2a\u0d4d\u0d2a\u0d31\u0d47\u0d37\u0d7b<\/li>\n<\/ul>\n\n\n\n

    \u0d2a\u0d4d\u0d30\u0d3e\u0d27\u0d3e\u0d28\u0d4d\u0d2f\u0d02<\/h3>\n\n\n\n
      \n
    • \u0d38\u0d4d\u0d25\u0d3f\u0d30\u0d2e\u0d3e\u0d2f \u0d38\u0d7c\u0d15\u0d4d\u0d15\u0d3e\u0d7c \u0d1c\u0d4b\u0d32\u0d3f<\/strong> \u0d05\u0d35\u0d38\u0d30\u0d02<\/li>\n\n\n\n
    • \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d32\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d28\u0d3f\u0d2f\u0d2e\u0d28\u0d02<\/strong> – \u0d38\u0d4d\u0d25\u0d32\u0d02\u0d2e\u0d3e\u0d31\u0d4d\u0d31\u0d02 \u0d15\u0d41\u0d31\u0d35\u0d4d<\/li>\n\n\n\n
    • \u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d2e\u0d3e\u0d2f \u0d36\u0d2e\u0d4d\u0d2a\u0d33\u0d35\u0d41\u0d02<\/strong> \u0d05\u0d32\u0d35\u0d7b\u0d38\u0d41\u0d15\u0d33\u0d41\u0d02<\/li>\n\n\n\n
    • \u0d15\u0d30\u0d3f\u0d2f\u0d7c \u0d35\u0d33\u0d7c\u0d1a\u0d4d\u0d1a\u0d2f\u0d4d\u0d15\u0d4d\u0d15\u0d41\u0d33\u0d4d\u0d33<\/strong> \u0d28\u0d32\u0d4d\u0d32 \u0d05\u0d35\u0d38\u0d30\u0d19\u0d4d\u0d19\u0d7e<\/li>\n<\/ul>\n\n\n\n\n\n\n \n \n Kerala Civil Supplies Corporation Assistant Salesman – Syllabus<\/title>\n <style>\n \/* CSS Reset and Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n font-size: 16px;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: clamp(0.5rem, 2vw, 1.5rem);\n }\n\n \/* Container with fluid scaling *\/\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n background: #ffffff;\n border-radius: clamp(10px, 2vw, 20px);\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n overflow: hidden;\n animation: fadeInUp 0.6s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Header Section *\/\n .header {\n background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%);\n color: white;\n padding: clamp(1rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .header::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 10px,\n rgba(255,255,255,0.05) 10px,\n rgba(255,255,255,0.05) 20px\n );\n animation: slide 20s linear infinite;\n }\n\n @keyframes slide {\n 0% { transform: translateX(-50px) translateY(-50px); }\n 100% { transform: translateX(50px) translateY(50px); }\n }\n\n .header-content {\n position: relative;\n z-index: 2;\n }\n\n .header h1 {\n font-size: clamp(1.25rem, 5vw, 2.5rem);\n font-weight: 700;\n margin-bottom: clamp(0.5rem, 2vw, 1rem);\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n letter-spacing: -0.02em;\n }\n\n .header p {\n font-size: clamp(0.875rem, 2.5vw, 1.125rem);\n opacity: 0.95;\n font-weight: 400;\n }\n\n \/* Exam Info Grid *\/\n .exam-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));\n gap: clamp(1rem, 3vw, 1.5rem);\n padding: clamp(1rem, 4vw, 2rem);\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n }\n\n .info-card {\n background: white;\n padding: clamp(1rem, 3vw, 1.5rem);\n border-radius: clamp(8px, 2vw, 15px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border: 1px solid rgba(0,0,0,0.05);\n position: relative;\n overflow: hidden;\n }\n\n .info-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #667eea, #764ba2);\n }\n\n .info-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n }\n\n .info-card h3 {\n color: #2193b0;\n margin-bottom: clamp(0.5rem, 2vw, 0.75rem);\n font-size: clamp(1rem, 2.5vw, 1.25rem);\n font-weight: 600;\n }\n\n .info-card p {\n font-size: clamp(0.875rem, 2vw, 1rem);\n line-height: 1.5;\n color: #555;\n }\n\n \/* Main Content *\/\n .syllabus-container {\n padding: clamp(1rem, 4vw, 2rem);\n }\n\n .main-title {\n text-align: center;\n margin-bottom: clamp(1.5rem, 4vw, 2.5rem);\n color: #2c3e50;\n font-size: clamp(1.25rem, 4vw, 1.75rem);\n font-weight: 600;\n }\n\n \/* Section Styling *\/\n .section {\n margin-bottom: clamp(1rem, 3vw, 1.5rem);\n border: 2px solid #e9ecef;\n border-radius: clamp(8px, 2vw, 15px);\n overflow: hidden;\n transition: all 0.3s ease;\n background: white;\n }\n\n .section.active {\n border-color: #2193b0;\n box-shadow: 0 5px 20px rgba(33, 147, 176, 0.15);\n }\n\n .section-header {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: clamp(0.875rem, 3vw, 1.25rem);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: clamp(0.5rem, 2vw, 1rem);\n transition: all 0.3s ease;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n min-height: 60px;\n }\n\n .section-header:hover {\n background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);\n }\n\n .section-header:active {\n transform: scale(0.98);\n }\n\n .section-title {\n font-size: clamp(0.875rem, 2.5vw, 1.125rem);\n font-weight: 600;\n flex: 1;\n line-height: 1.3;\n }\n\n .marks-badge {\n background: rgba(255,255,255,0.2);\n padding: clamp(0.375rem, 1.5vw, 0.5rem) clamp(0.75rem, 2vw, 1rem);\n border-radius: 20px;\n font-weight: 700;\n font-size: clamp(0.75rem, 2vw, 0.875rem);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.3);\n white-space: nowrap;\n }\n\n .toggle-icon {\n font-size: clamp(1rem, 2.5vw, 1.25rem);\n transition: transform 0.3s ease;\n width: clamp(20px, 4vw, 24px);\n height: clamp(20px, 4vw, 24px);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .section.active .toggle-icon {\n transform: rotate(180deg);\n }\n\n \/* Section Content *\/\n .section-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease-in-out;\n background: white;\n }\n\n .section.active .section-content {\n max-height: 2000px;\n }\n\n \/* Topics Grid *\/\n .topics-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));\n gap: clamp(0.75rem, 2vw, 1rem);\n padding: clamp(1rem, 3vw, 1.5rem);\n }\n\n .topic-item {\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n padding: clamp(0.875rem, 2.5vw, 1.125rem);\n border-radius: clamp(6px, 1.5vw, 10px);\n border-left: 4px solid #2193b0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n cursor: pointer;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n\n .topic-item:hover {\n background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);\n transform: translateX(clamp(2px, 1vw, 5px));\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n }\n\n .topic-item:active {\n transform: scale(0.98);\n }\n\n .topic-name {\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: clamp(0.25rem, 1vw, 0.375rem);\n font-size: clamp(0.875rem, 2vw, 1rem);\n line-height: 1.4;\n padding-right: clamp(1.5rem, 4vw, 2rem);\n }\n\n .topic-marks {\n color: #e74c3c;\n font-weight: 700;\n font-size: clamp(0.75rem, 1.8vw, 0.875rem);\n }\n\n .priority-indicator {\n position: absolute;\n top: clamp(0.5rem, 2vw, 0.75rem);\n right: clamp(0.5rem, 2vw, 0.75rem);\n width: clamp(8px, 2vw, 12px);\n height: clamp(8px, 2vw, 12px);\n border-radius: 50%;\n border: 2px solid white;\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n\n .priority-high { background: #e74c3c; }\n .priority-medium { background: #f39c12; }\n .priority-low { background: #27ae60; }\n\n \/* Strategy Section *\/\n .strategy-section {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-top: clamp(1rem, 3vw, 2rem);\n position: relative;\n overflow: hidden;\n }\n\n .strategy-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/><\/svg>');\n opacity: 0.3;\n }\n\n .strategy-title {\n text-align: center;\n margin-bottom: clamp(1rem, 3vw, 1.5rem);\n font-size: clamp(1.25rem, 3.5vw, 1.75rem);\n font-weight: 600;\n position: relative;\n z-index: 2;\n }\n\n .strategy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));\n gap: clamp(1rem, 3vw, 1.5rem);\n position: relative;\n z-index: 2;\n }\n\n .strategy-card {\n background: rgba(255,255,255,0.1);\n padding: clamp(1rem, 3vw, 1.5rem);\n border-radius: clamp(8px, 2vw, 15px);\n backdrop-filter: blur(15px);\n border: 1px solid rgba(255,255,255,0.2);\n transition: all 0.3s ease;\n }\n\n .strategy-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-2px);\n }\n\n .strategy-card h3 {\n margin-bottom: clamp(0.75rem, 2vw, 1rem);\n color: #ffd700;\n font-size: clamp(1rem, 2.5vw, 1.25rem);\n font-weight: 600;\n }\n\n .strategy-card ul {\n list-style: none;\n padding: 0;\n }\n\n .strategy-card li {\n margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);\n padding-left: clamp(1rem, 2.5vw, 1.5rem);\n position: relative;\n font-size: clamp(0.875rem, 2vw, 1rem);\n line-height: 1.5;\n }\n\n .strategy-card li::before {\n content: '\u2192';\n position: absolute;\n left: 0;\n top: 0;\n color: #ffd700;\n font-weight: bold;\n }\n\n \/* Footer *\/\n .footer {\n background: #2c3e50;\n color: white;\n text-align: center;\n padding: clamp(1rem, 3vw, 1.5rem);\n font-size: clamp(0.75rem, 2vw, 0.875rem);\n line-height: 1.6;\n }\n\n .legend {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: clamp(0.5rem, 2vw, 1rem);\n flex-wrap: wrap;\n margin-bottom: clamp(0.5rem, 2vw, 0.75rem);\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: clamp(0.75rem, 1.8vw, 0.875rem);\n }\n\n .legend-dot {\n width: clamp(8px, 2vw, 12px);\n height: clamp(8px, 2vw, 12px);\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.3);\n }\n\n \/* Accessibility Improvements *\/\n @media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n \/* Focus states for accessibility *\/\n .section-header:focus,\n .topic-item:focus,\n .info-card:focus {\n outline: 3px solid #ffd700;\n outline-offset: 2px;\n }\n\n \/* High contrast mode support *\/\n @media (prefers-contrast: high) {\n .container {\n border: 2px solid;\n }\n \n .section {\n border-width: 3px;\n }\n }\n\n \/* Print styles *\/\n @media print {\n body {\n background: white;\n padding: 0;\n }\n \n .container {\n box-shadow: none;\n border-radius: 0;\n }\n \n .section-content {\n max-height: none !important;\n }\n \n .section {\n break-inside: avoid;\n }\n }\n\n \/* Enhanced Dark mode support with better contrast *\/\n @media (prefers-color-scheme: dark) {\n body {\n background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%);\n }\n \n .container {\n background: #1a1a1a;\n color: #f0f0f0;\n border: 1px solid #333;\n }\n \n .info-card {\n background: #262626;\n color: #f0f0f0;\n border: 1px solid #404040;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n \n .info-card h3 {\n color: #4fc3f7;\n }\n \n .topic-item {\n background: linear-gradient(135deg, #262626 0%, #2a2a2a 100%);\n color: #f0f0f0;\n border-left-color: #4fc3f7;\n box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n }\n \n .topic-item:hover {\n background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n }\n \n .topic-name {\n color: #f0f0f0;\n }\n \n .topic-marks {\n color: #ff6b6b;\n }\n \n .section-content {\n background: #1a1a1a;\n color: #f0f0f0;\n }\n \n .section {\n border-color: #404040;\n background: #1a1a1a;\n }\n \n .section.active {\n border-color: #4fc3f7;\n box-shadow: 0 5px 20px rgba(79, 195, 247, 0.2);\n }\n \n .main-title {\n color: #f0f0f0;\n }\n \n .strategy-card {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n backdrop-filter: blur(20px);\n }\n \n .strategy-card:hover {\n background: rgba(255,255,255,0.08);\n }\n }\n\n \/* Laptop\/Desktop specific optimizations *\/\n @media (min-width: 1024px) {\n .container {\n background: #ffffff;\n color: #2c3e50;\n box-shadow: 0 20px 60px rgba(0,0,0,0.15);\n }\n \n .info-card {\n background: #ffffff;\n color: #2c3e50;\n border: 1px solid rgba(0,0,0,0.08);\n }\n \n .info-card h3 {\n color: #2193b0;\n }\n \n .info-card p {\n color: #555;\n }\n \n .topic-item {\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n color: #2c3e50;\n border-left: 4px solid #2193b0;\n }\n \n .topic-item:hover {\n background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);\n }\n \n .topic-name {\n color: #2c3e50;\n }\n \n .topic-marks {\n color: #e74c3c;\n }\n \n .section-content {\n background: #ffffff;\n color: #2c3e50;\n }\n \n .section {\n background: #ffffff;\n border: 2px solid #e9ecef;\n }\n \n .section.active {\n border-color: #2193b0;\n box-shadow: 0 5px 20px rgba(33, 147, 176, 0.15);\n }\n \n .main-title {\n color: #2c3e50;\n }\n \n .exam-info {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n }\n \n \/* Enhanced hover effects for laptop\/desktop *\/\n .info-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n }\n \n .topic-item:hover {\n transform: translateX(8px) scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \n .strategy-card:hover {\n transform: translateY(-3px);\n background: rgba(255,255,255,0.18);\n }\n }\n\n \/* Very small devices *\/\n @media (max-width: 320px) {\n .header h1 {\n font-size: 1.125rem;\n }\n \n .section-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n }\n \n .marks-badge {\n align-self: flex-end;\n }\n }\n\n \/* Loading animation *\/\n .loading {\n display: inline-block;\n width: 20px;\n height: 20px;\n border: 3px solid rgba(255,255,255,.3);\n border-radius: 50%;\n border-top-color: #fff;\n animation: spin 1s ease-in-out infinite;\n }\n\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"header-content\">\n <h1>\ud83c\udfdb\ufe0f Kerala Civil Supplies Corporation<\/h1>\n <p>Assistant Salesman – Complete Syllabus & Strategy Guide<\/p>\n <\/div>\n <\/div>\n\n <div class=\"exam-info\">\n <div class=\"info-card\" tabindex=\"0\">\n <h3>\ud83d\udcc5 Exam Timeline<\/h3>\n <p><strong>Confirmation:<\/strong> 23\/5\/2025 – 11\/6\/2025<br>\n <strong>Expected Exam:<\/strong> August – October 2025<\/p>\n <\/div>\n <div class=\"info-card\" tabindex=\"0\">\n <h3>\ud83d\udc65 Competition<\/h3>\n <p><strong>Expected Applicants:<\/strong> 5+ Lakh<br>\n <strong>Appointments:<\/strong> 1857+ from rank list<\/p>\n <\/div>\n <div class=\"info-card\" tabindex=\"0\">\n <h3>\ud83d\udcca Cut-off Range<\/h3>\n <p><strong>District-wise:<\/strong> 57-66 marks<br>\n <strong>Total Marks:<\/strong> 100<\/p>\n <\/div>\n <div class=\"info-card\" tabindex=\"0\">\n <h3>\ud83d\udcda Exam Level<\/h3>\n <p><strong>Standard:<\/strong> 10th Level<br>\n <strong>Similar to:<\/strong> LDC & Secretariat OA<\/p>\n <\/div>\n <\/div>\n\n <div class=\"syllabus-container\">\n <h2 class=\"main-title\">\ud83d\udcd6 Detailed Syllabus Breakdown<\/h2>\n\n <div class=\"section active\" data-section=\"general-knowledge\">\n <div class=\"section-header\" tabindex=\"0\" role=\"button\" aria-expanded=\"true\">\n <div class=\"section-title\">Section I: General Knowledge<\/div>\n <div class=\"marks-badge\">50 Marks<\/div>\n <div class=\"toggle-icon\">\u25bc<\/div>\n <\/div>\n <div class=\"section-content\">\n <div class=\"topics-grid\">\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-medium\"><\/div>\n <div class=\"topic-name\">History (Kerala + Indian + World)<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-low\"><\/div>\n <div class=\"topic-name\">Geography (Kerala + Indian + World)<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-high\"><\/div>\n <div class=\"topic-name\">Economics<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-high\"><\/div>\n <div class=\"topic-name\">Indian Constitution<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-high\"><\/div>\n <div class=\"topic-name\">Kerala Administration & Governance<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-medium\"><\/div>\n <div class=\"topic-name\">Biology & Public Health<\/div>\n <div class=\"topic-marks\">6 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-medium\"><\/div>\n <div class=\"topic-name\">Physics<\/div>\n <div class=\"topic-marks\">3 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-medium\"><\/div>\n <div class=\"topic-name\">Chemistry<\/div>\n <div class=\"topic-marks\">3 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-high\"><\/div>\n <div class=\"topic-name\">Arts, Sports, Literature & Culture<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-low\"><\/div>\n <div class=\"topic-name\">Computer Basics<\/div>\n <div class=\"topic-marks\">3 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-high\"><\/div>\n <div class=\"topic-name\">Important Laws (RTI, Consumer Protection, etc.)<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\" data-section=\"current-affairs\">\n <div class=\"section-header\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"section-title\">Section II: Current Affairs<\/div>\n <div class=\"marks-badge\">20 Marks<\/div>\n <div class=\"toggle-icon\">\u25bc<\/div>\n <\/div>\n <div class=\"section-content\">\n <div class=\"topics-grid\">\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-high\"><\/div>\n <div class=\"topic-name\">Contemporary Events & News<\/div>\n <div class=\"topic-marks\">20 Marks<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\" data-section=\"mathematics\">\n <div class=\"section-header\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"section-title\">Section III: Mathematics & Mental Ability<\/div>\n <div class=\"marks-badge\">10 Marks<\/div>\n <div class=\"toggle-icon\">\u25bc<\/div>\n <\/div>\n <div class=\"section-content\">\n <div class=\"topics-grid\">\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-medium\"><\/div>\n <div class=\"topic-name\">Elementary Mathematics<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-medium\"><\/div>\n <div class=\"topic-name\">Mental Ability & Observation Skills<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\" data-section=\"english\">\n <div class=\"section-header\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"section-title\">Section IV: General English<\/div>\n <div class=\"marks-badge\">10 Marks<\/div>\n <div class=\"toggle-icon\">\u25bc<\/div>\n <\/div>\n <div class=\"section-content\">\n <div class=\"topics-grid\">\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-medium\"><\/div>\n <div class=\"topic-name\">Grammar<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-medium\"><\/div>\n <div class=\"topic-name\">Vocabulary<\/div>\n <div class=\"topic-marks\">5 Marks<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\" data-section=\"languages\">\n <div class=\"section-header\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n <div class=\"section-title\">Section V: Regional Languages<\/div>\n <div class=\"marks-badge\">10 Marks<\/div>\n <div class=\"toggle-icon\">\u25bc<\/div>\n <\/div>\n <div class=\"section-content\">\n <div class=\"topics-grid\">\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-high\"><\/div>\n <div class=\"topic-name\">Malayalam<\/div>\n <div class=\"topic-marks\">10 Marks<\/div>\n <\/div>\n <div class=\"topic-item\" tabindex=\"0\">\n <div class=\"priority-indicator priority-medium\"><\/div>\n <div class=\"topic-name\">Kannada\/Tamil (Alternative)<\/div>\n <div class=\"topic-marks\">10 Marks<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"strategy-section\">\n <h2 class=\"strategy-title\">\ud83c\udfaf Strategic Preparation Guide<\/h2>\n <div class=\"strategy-grid\">\n <div class=\"strategy-card\">\n <h3>\ud83d\ude80 High Priority (40-47 marks expected)<\/h3>\n <ul>\n <li>Kerala History, Geography, Administration, Culture<\/li>\n <li>Indian Constitution (excluding history)<\/li>\n <li>Current Affairs<\/li>\n <li>Malayalam<\/li>\n <\/ul>\n <\/div>\n <div class=\"strategy-card\">\n <h3>\u2b50 Small Syllabus, High Marks (20 marks)<\/h3>\n <ul>\n <li>Economics (5 marks)<\/li>\n <li>Constitution (5 marks)<\/li>\n <li>Kerala Administration (5 marks)<\/li>\n <li>Important Laws (5 marks)<\/li>\n <\/ul>\n <\/div>\n <div class=\"strategy-card\">\n <h3>\ud83d\udcda Focus on PYQs Only<\/h3>\n <ul>\n <li>Geography (vast syllabus, 5 marks)<\/li>\n <li>Indian & World History<\/li>\n <li>Computer Science (3 marks)<\/li>\n <li>Sciences (9 marks total)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer\">\n <div class=\"legend\">\n <div class=\"legend-item\">\n <span class=\"legend-dot priority-high\"><\/span>\n <span>High Priority<\/span>\n <\/div>\n <div class=\"legend-item\">\n <span class=\"legend-dot priority-medium\"><\/span>\n <span>Medium Priority<\/span>\n <\/div>\n <div class=\"legend-item\">\n <span class=\"legend-dot priority-low\"><\/span>\n <span>Focus on PYQs<\/span>\n <\/div>\n <\/div>\n <p>Good luck with your preparation! \ud83c\udf93 | Best viewed on all devices<\/p>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const sections = document.querySelectorAll('.section');\n \n \/\/ Enhanced section toggle functionality\n sections.forEach(section => {\n const header = section.querySelector('.section-header');\n const content = section.querySelector('.section-content');\n \n header.addEventListener('click', function() {\n toggleSection(section);\n });\n \n \/\/ Keyboard accessibility\n header.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n toggleSection(section);\n }\n });\n });\n \n function toggleSection(section) {\n const isActive = section.classList.contains('active');\n const header = section.querySelector('.section-header');\n const content = section.querySelector('.section-content');\n \n \/\/ Close all other sections for better mobile experience\n if (window.innerWidth <= 768) {\n sections.forEach(otherSection => {\n if (otherSection !== section) {\n otherSection.classList.remove('active');\n otherSection.querySelector('.section-header').setAttribute('aria-expanded', 'false');\n }\n });\n }\n \n \/\/ Toggle current section\n section.classList.toggle('active');\n header.setAttribute('aria-expanded', !isActive);\n \n \/\/ Smooth scroll on mobile after expansion\n if (!isActive && window.innerWidth <= 768) {\n setTimeout(() => {\n section.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }, 300);\n }\n \n \/\/ Dynamic height calculation for smooth animation\n if (!isActive) {\n content.style.maxHeight = content.scrollHeight + 'px';\n } else {\n content.style.maxHeight = '0';\n }\n }\n \n \/\/ Enhanced topic item interactions\n const topicItems = document.querySelectorAll('.topic-item');\n \n topicItems.forEach(item => {\n \/\/ Check if device supports hover\n if (window.matchMedia('(hover: hover)').matches) {\n item.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(8px) scale(1.02)';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.transform = 'translateX(0) scale(1)';\n });\n } else {\n \/\/ Touch device interactions\n item.addEventListener('touchstart', function(e) {\n this.style.transform = 'scale(0.98)';\n this.style.transition = 'transform 0.1s ease';\n }, { passive: true });\n \n item.addEventListener('touchend', function(e) {\n this.style.transform = 'scale(1)';\n }, { passive: true });\n }\n \n \/\/ Keyboard navigation\n item.addEventListener('keydown', function(e) {\n if (e.key === 'Enter') {\n this.click();\n }\n });\n });\n \n \/\/ Info card interactions\n const infoCards = document.querySelectorAll('.info-card');\n infoCards.forEach(card => {\n card.addEventListener('keydown', function(e) {\n if (e.key === 'Enter') {\n this.style.transform = 'scale(0.98)';\n setTimeout(() => {\n this.style.transform = 'scale(1)';\n }, 150);\n }\n });\n });\n \n \/\/ Responsive optimization\n let resizeTimer;\n window.addEventListener('resize', function() {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(function() {\n \/\/ Recalculate heights for active sections\n const activeSections = document.querySelectorAll('.section.active .section-content');\n activeSections.forEach(content => {\n content.style.maxHeight = content.scrollHeight + 'px';\n });\n }, 250);\n });\n \n \/\/ Performance optimization for animations\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n \n if (prefersReducedMotion.matches) {\n document.body.style.setProperty('--animation-duration', '0.01ms');\n }\n \n \/\/ Intersection Observer for performance\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n \/\/ Observe cards for staggered animation\n document.querySelectorAll('.info-card, .topic-item, .strategy-card').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\n }\n \n \/\/ Service Worker for offline capability (optional)\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.register('\/sw.js').catch(function(error) {\n console.log('ServiceWorker registration failed: ', error);\n });\n }\n \n \/\/ Auto-close sections on outside click (mobile)\n document.addEventListener('click', function(e) {\n if (window.innerWidth <= 768) {\n const clickedSection = e.target.closest('.section');\n if (!clickedSection) {\n sections.forEach(section => {\n section.classList.remove('active');\n section.querySelector('.section-header').setAttribute('aria-expanded', 'false');\n });\n }\n }\n });\n \n \/\/ Initialize first section as open\n const firstSection = document.querySelector('.section');\n if (firstSection) {\n const content = firstSection.querySelector('.section-content');\n content.style.maxHeight = content.scrollHeight + 'px';\n }\n \n console.log('Kerala Civil Supplies Syllabus Widget Loaded Successfully! \ud83c\udf93');\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n <title>Kerala Civil Supplies – Interactive Cut-off Analysis<\/title>\n <style>\n \/* CSS Reset and Base *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n font-size: 16px;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: clamp(0.5rem, 2vw, 1.5rem);\n }\n\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n background: #ffffff;\n border-radius: clamp(10px, 2vw, 20px);\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n overflow: hidden;\n animation: fadeInUp 0.8s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Header *\/\n .header {\n background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%);\n color: white;\n padding: clamp(1.5rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .header::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 15px,\n rgba(255,255,255,0.05) 15px,\n rgba(255,255,255,0.05) 30px\n );\n animation: slide 25s linear infinite;\n }\n\n @keyframes slide {\n 0% { transform: translateX(-50px) translateY(-50px); }\n 100% { transform: translateX(50px) translateY(50px); }\n }\n\n .header-content {\n position: relative;\n z-index: 2;\n }\n\n .header h1 {\n font-size: clamp(1.5rem, 5vw, 2.8rem);\n font-weight: 700;\n margin-bottom: clamp(0.5rem, 2vw, 1rem);\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .header p {\n font-size: clamp(1rem, 2.5vw, 1.25rem);\n opacity: 0.95;\n }\n\n \/* Analysis Overview *\/\n .analysis-overview {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n }\n\n .overview-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));\n gap: clamp(1rem, 3vw, 1.5rem);\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\n }\n\n .overview-card {\n background: white;\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-radius: clamp(10px, 2vw, 15px);\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n border-left: 4px solid;\n position: relative;\n overflow: hidden;\n }\n\n .overview-card.increase {\n border-left-color: #e74c3c;\n }\n\n .overview-card.competition {\n border-left-color: #f39c12;\n }\n\n .overview-card.strategy {\n border-left-color: #27ae60;\n }\n\n .overview-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 60px;\n height: 60px;\n opacity: 0.1;\n background-size: contain;\n background-repeat: no-repeat;\n }\n\n .overview-card.increase::before {\n background-image: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"%23e74c3c\" viewBox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\/><\/svg>');\n }\n\n .overview-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n }\n\n .overview-card h3 {\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n font-weight: 600;\n margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);\n color: #2c3e50;\n }\n\n .overview-card .highlight {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n color: #e74c3c;\n display: block;\n margin: clamp(0.5rem, 1vw, 0.75rem) 0;\n }\n\n \/* District Comparison *\/\n .district-comparison {\n padding: clamp(1.5rem, 4vw, 2.5rem);\n }\n\n .section-title {\n text-align: center;\n font-size: clamp(1.5rem, 4vw, 2rem);\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\n }\n\n .filter-controls {\n display: flex;\n justify-content: center;\n gap: clamp(0.5rem, 2vw, 1rem);\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\n flex-wrap: wrap;\n }\n\n .filter-btn {\n padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2.5vw, 1.5rem);\n border: 2px solid #667eea;\n background: white;\n color: #667eea;\n border-radius: 25px;\n font-weight: 600;\n font-size: clamp(0.875rem, 2vw, 1rem);\n cursor: pointer;\n transition: all 0.3s ease;\n white-space: nowrap;\n min-height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .filter-btn:hover,\n .filter-btn.active {\n background: #667eea;\n color: white;\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);\n }\n\n .districts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));\n gap: clamp(1rem, 2.5vw, 1.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n }\n\n .district-card {\n background: white;\n border-radius: clamp(12px, 2.5vw, 18px);\n box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n position: relative;\n }\n\n .district-card:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 12px 35px rgba(0,0,0,0.15);\n border-color: #667eea;\n }\n\n .district-header {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: clamp(1rem, 2.5vw, 1.5rem);\n position: relative;\n }\n\n .district-name {\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n font-weight: 600;\n margin-bottom: clamp(0.5rem, 1vw, 0.75rem);\n }\n\n .competition-badge {\n display: inline-block;\n padding: clamp(0.25rem, 1vw, 0.375rem) clamp(0.75rem, 2vw, 1rem);\n background: rgba(255,255,255,0.2);\n border-radius: 15px;\n font-size: clamp(0.75rem, 1.8vw, 0.875rem);\n font-weight: 600;\n backdrop-filter: blur(10px);\n }\n\n .competition-badge.very-high {\n background: rgba(231, 76, 60, 0.8);\n }\n\n .competition-badge.high {\n background: rgba(243, 156, 18, 0.8);\n }\n\n .competition-badge.moderate {\n background: rgba(39, 174, 96, 0.8);\n }\n\n .district-content {\n padding: clamp(1.25rem, 3vw, 1.75rem);\n }\n\n .cutoff-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(1rem, 2vw, 1.5rem);\n margin-bottom: clamp(1rem, 2vw, 1.5rem);\n }\n\n .cutoff-item {\n text-align: center;\n padding: clamp(0.75rem, 2vw, 1rem);\n border-radius: clamp(8px, 1.5vw, 12px);\n position: relative;\n }\n\n .cutoff-item.previous {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n }\n\n .cutoff-item.predicted {\n background: linear-gradient(135deg, #fff5f5 0%, #fed7d7 100%);\n }\n\n .cutoff-label {\n font-size: clamp(0.75rem, 1.8vw, 0.875rem);\n color: #666;\n margin-bottom: clamp(0.25rem, 1vw, 0.5rem);\n font-weight: 500;\n }\n\n .cutoff-value {\n font-size: clamp(1.5rem, 4vw, 2rem);\n font-weight: 700;\n color: #2c3e50;\n }\n\n .cutoff-item.predicted .cutoff-value {\n color: #e74c3c;\n }\n\n .increase-indicator {\n position: absolute;\n top: -8px;\n right: -8px;\n background: #e74c3c;\n color: white;\n border-radius: 50%;\n width: clamp(24px, 5vw, 32px);\n height: clamp(24px, 5vw, 32px);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: clamp(0.7rem, 1.5vw, 0.8rem);\n font-weight: 700;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n }\n\n .difficulty-meter {\n margin-top: clamp(1rem, 2vw, 1.5rem);\n }\n\n .meter-container {\n background: #e9ecef;\n border-radius: 10px;\n height: clamp(8px, 1.5vw, 12px);\n overflow: hidden;\n margin-bottom: clamp(0.5rem, 1vw, 0.75rem);\n }\n\n .meter-fill {\n height: 100%;\n border-radius: 10px;\n transition: width 1s ease-in-out;\n background: linear-gradient(90deg, #27ae60, #f39c12, #e74c3c);\n }\n\n .difficulty-label {\n text-align: center;\n font-size: clamp(0.75rem, 1.8vw, 0.875rem);\n color: #666;\n font-weight: 500;\n }\n\n \/* Strategy Recommendations *\/\n .strategy-section {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: clamp(2rem, 5vw, 3rem);\n position: relative;\n overflow: hidden;\n }\n\n .strategy-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"rgba(255,255,255,0.05)\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/><\/svg>');\n opacity: 0.3;\n }\n\n .strategy-content {\n position: relative;\n z-index: 2;\n }\n\n .strategy-title {\n text-align: center;\n font-size: clamp(1.5rem, 4vw, 2rem);\n font-weight: 600;\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\n }\n\n .strategy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));\n gap: clamp(1.25rem, 3vw, 1.75rem);\n }\n\n .strategy-card {\n background: rgba(255,255,255,0.1);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-radius: clamp(12px, 2.5vw, 18px);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.2);\n transition: all 0.3s ease;\n }\n\n .strategy-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n\n .strategy-card h3 {\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n font-weight: 600;\n margin-bottom: clamp(1rem, 2vw, 1.25rem);\n color: #ffd700;\n }\n\n .strategy-list {\n list-style: none;\n }\n\n .strategy-list li {\n margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);\n padding-left: clamp(1.25rem, 3vw, 1.5rem);\n position: relative;\n font-size: clamp(0.875rem, 2vw, 1rem);\n line-height: 1.5;\n }\n\n .strategy-list li::before {\n content: '\ud83c\udfaf';\n position: absolute;\n left: 0;\n top: 0;\n }\n\n \/* Footer *\/\n .footer {\n background: #2c3e50;\n color: white;\n text-align: center;\n padding: clamp(1.5rem, 3vw, 2rem);\n font-size: clamp(0.875rem, 2vw, 1rem);\n }\n\n .footer-warning {\n background: rgba(231, 76, 60, 0.1);\n border: 1px solid rgba(231, 76, 60, 0.3);\n border-radius: 10px;\n padding: clamp(1rem, 2.5vw, 1.5rem);\n margin-bottom: clamp(1rem, 2vw, 1.5rem);\n color: #ff6b6b;\n font-weight: 500;\n }\n\n \/* Responsive Optimizations *\/\n @media (max-width: 768px) {\n .cutoff-comparison {\n grid-template-columns: 1fr;\n gap: clamp(0.75rem, 2vw, 1rem);\n }\n \n .filter-controls {\n gap: clamp(0.5rem, 1.5vw, 0.75rem);\n }\n \n .districts-grid {\n grid-template-columns: 1fr;\n }\n \n .strategy-grid {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 480px) {\n .header h1 {\n font-size: 1.4rem;\n line-height: 1.2;\n }\n \n .filter-btn {\n font-size: 0.8rem;\n padding: 0.5rem 0.9rem;\n }\n \n .district-card:hover {\n transform: translateY(-2px) scale(1.01);\n }\n }\n\n @media (max-width: 360px) {\n .overview-grid {\n grid-template-columns: 1fr;\n }\n \n .cutoff-value {\n font-size: 1.3rem;\n }\n }\n\n \/* High contrast mode *\/\n @media (prefers-contrast: high) {\n .district-card {\n border: 3px solid #333;\n }\n \n .filter-btn {\n border-width: 3px;\n }\n }\n\n \/* Laptop\/Desktop specific optimizations - Force light theme *\/\n @media (min-width: 1024px) {\n body {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\n }\n \n .container {\n background: #ffffff !important;\n color: #2c3e50 !important;\n box-shadow: 0 20px 60px rgba(0,0,0,0.15);\n }\n \n .overview-card,\n .district-card {\n background: #ffffff !important;\n color: #2c3e50 !important;\n border: 1px solid rgba(0,0,0,0.08);\n }\n \n .overview-card h3,\n .district-content,\n .cutoff-label,\n .difficulty-label {\n color: #2c3e50 !important;\n }\n \n .cutoff-value {\n color: #2c3e50 !important;\n }\n \n .cutoff-item.predicted .cutoff-value {\n color: #e74c3c !important;\n }\n \n .section-title {\n color: #2c3e50 !important;\n }\n \n .filter-btn {\n background: #ffffff !important;\n color: #667eea !important;\n border: 2px solid #667eea !important;\n }\n \n .filter-btn:hover,\n .filter-btn.active {\n background: #667eea !important;\n color: #ffffff !important;\n }\n \n .cutoff-item.previous {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;\n color: #2c3e50 !important;\n }\n \n .cutoff-item.predicted {\n background: linear-gradient(135deg, #fff5f5 0%, #fed7d7 100%) !important;\n color: #2c3e50 !important;\n }\n \n .district-header {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\n color: #ffffff !important;\n }\n \n .district-name {\n color: #ffffff !important;\n }\n \n \/* Enhanced hover effects for laptop\/desktop *\/\n .overview-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.15) !important;\n background: #ffffff !important;\n }\n \n .district-card:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 12px 35px rgba(0,0,0,0.15) !important;\n background: #ffffff !important;\n }\n \n .meter-container {\n background: #e9ecef !important;\n }\n }\n\n \/* Ultra-wide screens - Force light theme *\/\n @media (min-width: 1400px) {\n .container {\n background: #ffffff !important;\n color: #2c3e50 !important;\n }\n \n .overview-card,\n .district-card {\n background: #ffffff !important;\n color: #2c3e50 !important;\n }\n \n .section-title {\n color: #2c3e50 !important;\n }\n \n .overview-card h3,\n .district-content *,\n .cutoff-label,\n .difficulty-label,\n .cutoff-value {\n color: #2c3e50 !important;\n }\n \n .cutoff-item.predicted .cutoff-value {\n color: #e74c3c !important;\n }\n }\n\n \/* Override dark mode completely for laptops\/desktops *\/\n @media (min-width: 1024px) and (prefers-color-scheme: dark) {\n body {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\n }\n \n .container {\n background: #ffffff !important;\n color: #2c3e50 !important;\n }\n \n .overview-card,\n .district-card,\n .cutoff-item {\n background: #ffffff !important;\n color: #2c3e50 !important;\n }\n \n .section-title,\n .overview-card h3,\n .district-name,\n .cutoff-label,\n .difficulty-label {\n color: #2c3e50 !important;\n }\n \n .cutoff-value {\n color: #2c3e50 !important;\n }\n \n .cutoff-item.predicted .cutoff-value {\n color: #e74c3c !important;\n }\n }\n\n \/* Loading animation *\/\n .loading {\n display: inline-block;\n width: 20px;\n height: 20px;\n border: 3px solid rgba(255,255,255,.3);\n border-radius: 50%;\n border-top-color: #fff;\n animation: spin 1s ease-in-out infinite;\n }\n\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n\n \/* Hidden class for filtering *\/\n .hidden {\n display: none !important;\n }\n\n \/* Smooth transitions *\/\n .district-card,\n .overview-card,\n .strategy-card {\n will-change: transform;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"header-content\">\n <h1>\ud83d\udcca \u0d15\u0d47\u0d30\u0d33 \u0d38\u0d3f\u0d35\u0d3f\u0d7d \u0d38\u0d2a\u0d4d\u0d32\u0d48\u0d38\u0d4d \u0d15\u0d4b\u0d7c\u0d2a\u0d4d\u0d2a\u0d31\u0d47\u0d37\u0d7b<\/h1>\n <p>\u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d \u0d35\u0d3f\u0d36\u0d15\u0d32\u0d28\u0d35\u0d41\u0d02 \u0d2a\u0d4d\u0d30\u0d35\u0d1a\u0d28\u0d35\u0d41\u0d02 – 2025<\/p>\n <\/div>\n <\/div>\n\n <div class=\"analysis-overview\">\n <div class=\"overview-grid\">\n <div class=\"overview-card increase\">\n <h3>\u0d2a\u0d4d\u0d30\u0d24\u0d40\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28 \u0d35\u0d7c\u0d26\u0d4d\u0d27\u0d28\u0d35\u0d4d<\/h3>\n <span class=\"highlight\">+10 \u0d2a\u0d4b\u0d2f\u0d3f\u0d28\u0d4d\u0d31\u0d4d<\/span>\n <p>\u0d0e\u0d32\u0d4d\u0d32\u0d3e \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d15\u0d33\u0d3f\u0d32\u0d41\u0d02 \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d \u0d35\u0d7c\u0d26\u0d4d\u0d27\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d02<\/p>\n <\/div>\n <div class=\"overview-card competition\">\n <h3>\u0d2e\u0d24\u0d4d\u0d38\u0d30 \u0d28\u0d3f\u0d32\u0d35\u0d3e\u0d30\u0d02<\/h3>\n <span class=\"highlight\">5+ \u0d32\u0d15\u0d4d\u0d37\u0d02<\/span>\n <p>\u0d05\u0d2a\u0d47\u0d15\u0d4d\u0d37\u0d15\u0d7c 1857 \u0d38\u0d4d\u0d25\u0d3e\u0d28\u0d19\u0d4d\u0d19\u0d7e\u0d15\u0d4d\u0d15\u0d3e\u0d2f\u0d3f<\/p>\n <\/div>\n <div class=\"overview-card strategy\">\n <h3>\u0d36\u0d41\u0d2a\u0d3e\u0d7c\u0d36\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28 \u0d32\u0d15\u0d4d\u0d37\u0d4d\u0d2f\u0d02<\/h3>\n <span class=\"highlight\">75-80+<\/span>\n <p>\u0d38\u0d41\u0d30\u0d15\u0d4d\u0d37\u0d3f\u0d24\u0d24\u0d4d\u0d35\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d3e\u0d2f\u0d3f \u0d2e\u0d3e\u0d7c\u0d15\u0d4d\u0d15\u0d4d<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"district-comparison\">\n <h2 class=\"section-title\">\u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d1f\u0d3f\u0d38\u0d4d\u0d25\u0d3e\u0d28\u0d24\u0d4d\u0d24\u0d3f\u0d32\u0d41\u0d33\u0d4d\u0d33 \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d \u0d24\u0d3e\u0d30\u0d24\u0d2e\u0d4d\u0d2f\u0d02<\/h2>\n \n <div class=\"filter-controls\">\n <button class=\"filter-btn active\" data-filter=\"all\">\u0d0e\u0d32\u0d4d\u0d32\u0d3e \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d15\u0d33\u0d41\u0d02<\/button>\n <button class=\"filter-btn\" data-filter=\"very-high\">\u0d35\u0d33\u0d30\u0d46 \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/button>\n <button class=\"filter-btn\" data-filter=\"high\">\u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/button>\n <button class=\"filter-btn\" data-filter=\"moderate\">\u0d2e\u0d3f\u0d24\u0d2e\u0d3e\u0d2f \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/button>\n <\/div>\n\n <div class=\"districts-grid\" id=\"districtsGrid\">\n <div class=\"district-card\" data-competition=\"very-high\" data-district=\"tvm\">\n <div class=\"district-header\">\n <div class=\"district-name\">\ud83c\udfdb\ufe0f \u0d24\u0d3f\u0d30\u0d41\u0d35\u0d28\u0d28\u0d4d\u0d24\u0d2a\u0d41\u0d30\u0d02 (TVM)<\/div>\n <div class=\"competition-badge very-high\">\u0d35\u0d33\u0d30\u0d46 \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/div>\n <\/div>\n <div class=\"district-content\">\n <div class=\"cutoff-comparison\">\n <div class=\"cutoff-item previous\">\n <div class=\"cutoff-label\">\u0d2e\u0d41\u0d7b \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d<\/div>\n <div class=\"cutoff-value\">63.00<\/div>\n <\/div>\n <div class=\"cutoff-item predicted\">\n <div class=\"cutoff-label\">\u0d2a\u0d4d\u0d30\u0d35\u0d1a\u0d3f\u0d15\u0d4d\u0d15\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d4d\u0d1f 2025<\/div>\n <div class=\"cutoff-value\">73.00<\/div>\n <div class=\"increase-indicator\">+10<\/div>\n <\/div>\n <\/div>\n <div class=\"difficulty-meter\">\n <div class=\"meter-container\">\n <div class=\"meter-fill\" style=\"width: 75%\"><\/div>\n <\/div>\n <div class=\"difficulty-label\">\u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d: \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28\u0d24\u0d4d<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"district-card\" data-competition=\"moderate\" data-district=\"alz\">\n <div class=\"district-header\">\n <div class=\"district-name\">\ud83c\udf3e \u0d06\u0d32\u0d2a\u0d4d\u0d2a\u0d41\u0d34 (ALZ)<\/div>\n <div class=\"competition-badge moderate\">\u0d2e\u0d3f\u0d24\u0d2e\u0d3e\u0d2f \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/div>\n <\/div>\n <div class=\"district-content\">\n <div class=\"cutoff-comparison\">\n <div class=\"cutoff-item previous\">\n <div class=\"cutoff-label\">\u0d2e\u0d41\u0d7b \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d<\/div>\n <div class=\"cutoff-value\">61.67<\/div>\n <\/div>\n <div class=\"cutoff-item predicted\">\n <div class=\"cutoff-label\">\u0d2a\u0d4d\u0d30\u0d35\u0d1a\u0d3f\u0d15\u0d4d\u0d15\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d4d\u0d1f 2025<\/div>\n <div class=\"cutoff-value\">71.67<\/div>\n <div class=\"increase-indicator\">+10<\/div>\n <\/div>\n <\/div>\n <div class=\"difficulty-meter\">\n <div class=\"meter-container\">\n <div class=\"meter-fill\" style=\"width: 70%\"><\/div>\n <\/div>\n <div class=\"difficulty-label\">\u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d: \u0d2e\u0d3f\u0d24\u0d2e\u0d3e\u0d2f\u0d3f \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28\u0d24\u0d4d<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"district-card\" data-competition=\"moderate\" data-district=\"ptm\">\n <div class=\"district-header\">\n <div class=\"district-name\">\u26ea \u0d2a\u0d24\u0d4d\u0d24\u0d28\u0d02\u0d24\u0d3f\u0d1f\u0d4d\u0d1f (PTM)<\/div>\n <div class=\"competition-badge moderate\">\u0d2e\u0d3f\u0d24\u0d2e\u0d3e\u0d2f \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/div>\n <\/div>\n <div class=\"district-content\">\n <div class=\"cutoff-comparison\">\n <div class=\"cutoff-item previous\">\n <div class=\"cutoff-label\">\u0d2e\u0d41\u0d7b \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d<\/div>\n <div class=\"cutoff-value\">61.00<\/div>\n <\/div>\n <div class=\"cutoff-item predicted\">\n <div class=\"cutoff-label\">\u0d2a\u0d4d\u0d30\u0d35\u0d1a\u0d3f\u0d15\u0d4d\u0d15\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d4d\u0d1f 2025<\/div>\n <div class=\"cutoff-value\">71.00<\/div>\n <div class=\"increase-indicator\">+10<\/div>\n <\/div>\n <\/div>\n <div class=\"difficulty-meter\">\n <div class=\"meter-container\">\n <div class=\"meter-fill\" style=\"width: 68%\"><\/div>\n <\/div>\n <div class=\"difficulty-label\">\u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d: \u0d2e\u0d3f\u0d24\u0d2e\u0d3e\u0d2f\u0d24\u0d4d<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"district-card\" data-competition=\"moderate\" data-district=\"idk\">\n <div class=\"district-header\">\n <div class=\"district-name\">\ud83c\udfd4\ufe0f \u0d07\u0d1f\u0d41\u0d15\u0d4d\u0d15\u0d3f (IDK)<\/div>\n <div class=\"competition-badge moderate\">\u0d2e\u0d3f\u0d24\u0d2e\u0d3e\u0d2f \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/div>\n <\/div>\n <div class=\"district-content\">\n <div class=\"cutoff-comparison\">\n <div class=\"cutoff-item previous\">\n <div class=\"cutoff-label\">\u0d2e\u0d41\u0d7b \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d<\/div>\n <div class=\"cutoff-value\">57.33<\/div>\n <\/div>\n <div class=\"cutoff-item predicted\">\n <div class=\"cutoff-label\">\u0d2a\u0d4d\u0d30\u0d35\u0d1a\u0d3f\u0d15\u0d4d\u0d15\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d4d\u0d1f 2025<\/div>\n <div class=\"cutoff-value\">67.33<\/div>\n <div class=\"increase-indicator\">+10<\/div>\n <\/div>\n <\/div>\n <div class=\"difficulty-meter\">\n <div class=\"meter-container\">\n <div class=\"meter-fill\" style=\"width: 65%\"><\/div>\n <\/div>\n <div class=\"difficulty-label\">\u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d: \u0d2e\u0d3f\u0d24\u0d2e\u0d3e\u0d2f\u0d24\u0d4d<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"strategy-section\">\n <div class=\"strategy-content\">\n <h2 class=\"strategy-title\">\ud83c\udfaf \u0d24\u0d28\u0d4d\u0d24\u0d4d\u0d30\u0d2a\u0d30\u0d2e\u0d3e\u0d2f \u0d36\u0d41\u0d2a\u0d3e\u0d7c\u0d36\u0d15\u0d7e \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d1f\u0d3f\u0d38\u0d4d\u0d25\u0d3e\u0d28\u0d24\u0d4d\u0d24\u0d3f\u0d7d<\/h2>\n <div class=\"strategy-grid\">\n <div class=\"strategy-card\">\n <h3>\ud83d\udd25 \u0d05\u0d7e\u0d1f\u0d4d\u0d30\u0d3e-\u0d2e\u0d24\u0d4d\u0d38\u0d30 \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d15\u0d7e (75+)<\/h3>\n <ul class=\"strategy-list\">\n <li><strong>TVM, TSR, EKM<\/strong> – 80+ \u0d2e\u0d3e\u0d7c\u0d15\u0d4d\u0d15\u0d4d \u0d32\u0d15\u0d4d\u0d37\u0d4d\u0d2f\u0d2e\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15<\/li>\n <li>\u0d15\u0d47\u0d30\u0d33 \u0d35\u0d3f\u0d37\u0d2f\u0d19\u0d4d\u0d19\u0d33\u0d3f\u0d7d 100% \u0d2a\u0d4d\u0d30\u0d3e\u0d35\u0d40\u0d23\u0d4d\u0d2f\u0d02<\/li>\n <li>\u0d38\u0d2e\u0d15\u0d3e\u0d32\u0d3f\u0d15 \u0d38\u0d02\u0d2d\u0d35\u0d19\u0d4d\u0d19\u0d7e \u0d26\u0d48\u0d28\u0d02\u0d26\u0d3f\u0d28 \u0d2a\u0d30\u0d3f\u0d36\u0d40\u0d32\u0d28\u0d02<\/li>\n <li>\u0d2e\u0d32\u0d2f\u0d3e\u0d33\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d2a\u0d42\u0d7c\u0d23\u0d4d\u0d23 \u0d2e\u0d3e\u0d7c\u0d15\u0d4d\u0d15\u0d4d (10\/10)<\/li>\n <li>\u0d15\u0d41\u0d31\u0d1e\u0d4d\u0d1e\u0d24\u0d4d 6 \u0d2e\u0d3e\u0d38\u0d02 \u0d24\u0d40\u0d35\u0d4d\u0d30 \u0d2a\u0d20\u0d28\u0d02<\/li>\n <\/ul>\n <\/div>\n <div class=\"strategy-card\">\n <h3>\u26a1 \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28 \u0d2e\u0d24\u0d4d\u0d38\u0d30 \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d15\u0d7e (70-75)<\/h3>\n <ul class=\"strategy-list\">\n <li><strong>KLM, KTYM<\/strong> – 77+ \u0d2e\u0d3e\u0d7c\u0d15\u0d4d\u0d15\u0d4d \u0d32\u0d15\u0d4d\u0d37\u0d4d\u0d2f\u0d2e\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15<\/li>\n <li>\u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28 \u0d2e\u0d41\u0d7b\u0d17\u0d23\u0d28\u0d3e \u0d35\u0d3f\u0d37\u0d2f\u0d19\u0d4d\u0d19\u0d33\u0d3f\u0d7d \u0d36\u0d4d\u0d30\u0d26\u0d4d\u0d27<\/li>\n <li>\u0d15\u0d47\u0d30\u0d33 \u0d2d\u0d30\u0d23\u0d02, \u0d38\u0d02\u0d38\u0d4d\u0d15\u0d3e\u0d30\u0d02, \u0d1a\u0d30\u0d3f\u0d24\u0d4d\u0d30\u0d02 \u0d2e\u0d3e\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d7c \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15<\/li>\n <li>4-5 \u0d2e\u0d3e\u0d38\u0d02 \u0d15\u0d47\u0d28\u0d4d\u0d26\u0d4d\u0d30\u0d40\u0d15\u0d43\u0d24 \u0d24\u0d2f\u0d4d\u0d2f\u0d3e\u0d31\u0d46\u0d1f\u0d41\u0d2a\u0d4d\u0d2a\u0d4d<\/li>\n <li>\u0d2a\u0d4d\u0d30\u0d3e\u0d15\u0d4d\u0d1f\u0d40\u0d38\u0d4d \u0d1f\u0d46\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d41\u0d15\u0d7e \u0d26\u0d48\u0d28\u0d02\u0d26\u0d3f\u0d28\u0d02<\/li>\n <\/ul>\n <\/div>\n <div class=\"strategy-card\">\n <h3>\ud83c\udfb2 \u0d2e\u0d3f\u0d24\u0d2e\u0d3e\u0d2f \u0d2e\u0d24\u0d4d\u0d38\u0d30 \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d15\u0d7e (67-72)<\/h3>\n <ul class=\"strategy-list\">\n <li><strong>ALZ, PTM, IDK<\/strong> – 73+ \u0d2e\u0d3e\u0d7c\u0d15\u0d4d\u0d15\u0d4d \u0d32\u0d15\u0d4d\u0d37\u0d4d\u0d2f\u0d2e\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15<\/li>\n <li>\u0d09\u0d31\u0d2a\u0d4d\u0d2a\u0d3e\u0d2f \u0d35\u0d3f\u0d37\u0d2f\u0d19\u0d4d\u0d19\u0d33\u0d3f\u0d7d \u0d2e\u0d3e\u0d24\u0d4d\u0d30\u0d02 \u0d36\u0d4d\u0d30\u0d26\u0d4d\u0d27<\/li>\n <li>\u0d35\u0d3f\u0d36\u0d3e\u0d32\u0d2e\u0d3e\u0d2f \u0d38\u0d3f\u0d32\u0d2c\u0d38\u0d4d \u0d12\u0d34\u0d3f\u0d35\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15<\/li>\n <li>3-4 \u0d2e\u0d3e\u0d38\u0d02 \u0d24\u0d28\u0d4d\u0d24\u0d4d\u0d30\u0d2a\u0d30\u0d2e\u0d3e\u0d2f \u0d2a\u0d20\u0d28\u0d02 \u0d2e\u0d24\u0d3f<\/li>\n <li>PYQ \u0d05\u0d1f\u0d3f\u0d38\u0d4d\u0d25\u0d3e\u0d28\u0d24\u0d4d\u0d24\u0d3f\u0d32\u0d41\u0d33\u0d4d\u0d33 \u0d24\u0d2f\u0d4d\u0d2f\u0d3e\u0d31\u0d46\u0d1f\u0d41\u0d2a\u0d4d\u0d2a\u0d4d<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer\">\n <div class=\"footer-warning\">\n \u26a0\ufe0f <strong>\u0d2e\u0d41\u0d28\u0d4d\u0d28\u0d31\u0d3f\u0d2f\u0d3f\u0d2a\u0d4d\u0d2a\u0d4d:<\/strong> \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d41\u0d15\u0d7e +12 \u0d2e\u0d41\u0d24\u0d7d +15 \u0d2a\u0d4b\u0d2f\u0d3f\u0d28\u0d4d\u0d31\u0d4d \u0d35\u0d30\u0d46 \u0d09\u0d2f\u0d30\u0d3e\u0d7b \u0d38\u0d3e\u0d27\u0d4d\u0d2f\u0d24! \u0d05\u0d35\u0d38\u0d3e\u0d28 \u0d28\u0d3f\u0d2e\u0d3f\u0d37\u0d24\u0d4d\u0d24\u0d46 \u0d05\u0d2a\u0d47\u0d15\u0d4d\u0d37\u0d3e \u0d15\u0d41\u0d24\u0d3f\u0d2a\u0d4d\u0d2a\u0d41\u0d02 \u0d38\u0d3e\u0d2e\u0d4d\u0d2a\u0d24\u0d4d\u0d24\u0d3f\u0d15 \u0d2e\u0d3e\u0d28\u0d4d\u0d26\u0d4d\u0d2f\u0d35\u0d41\u0d02 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02 \u0d15\u0d42\u0d1f\u0d41\u0d24\u0d7d \u0d35\u0d7c\u0d26\u0d4d\u0d27\u0d3f\u0d2a\u0d4d\u0d2a\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d02.\n <\/div>\n <p><strong>\u0d2c\u0d4b\u0d1f\u0d4d\u0d1f\u0d02 \u0d32\u0d48\u0d7b:<\/strong> \u0d1c\u0d3f\u0d32\u0d4d\u0d32 \u0d2a\u0d30\u0d3f\u0d17\u0d23\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d24\u0d46 80+ \u0d2e\u0d3e\u0d7c\u0d15\u0d4d\u0d15\u0d3f\u0d28\u0d4d \u0d24\u0d2f\u0d4d\u0d2f\u0d3e\u0d31\u0d46\u0d1f\u0d41\u0d15\u0d4d\u0d15\u0d41\u0d15. 1-2 \u0d2e\u0d3e\u0d7c\u0d15\u0d4d\u0d15\u0d3f\u0d28\u0d4d \u0d2a\u0d30\u0d3e\u0d1c\u0d2f\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d3f\u0d28\u0d47\u0d15\u0d4d\u0d15\u0d3e\u0d7e \u0d28\u0d32\u0d4d\u0d32\u0d24\u0d4d \u0d05\u0d27\u0d3f\u0d15\u0d02 \u0d24\u0d2f\u0d4d\u0d2f\u0d3e\u0d31\u0d46\u0d1f\u0d41\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d3e\u0d23\u0d4d!<\/p>\n <p style=\"margin-top: 1rem; opacity: 0.8;\">\ud83d\udcf1 \u0d0e\u0d32\u0d4d\u0d32\u0d3e \u0d09\u0d2a\u0d15\u0d30\u0d23\u0d19\u0d4d\u0d19\u0d33\u0d3f\u0d32\u0d41\u0d02 \u0d2e\u0d3f\u0d15\u0d1a\u0d4d\u0d1a \u0d2a\u0d4d\u0d30\u0d15\u0d1f\u0d28\u0d02 | \ud83d\udd04 \u0d24\u0d24\u0d4d\u0d38\u0d2e\u0d2f \u0d05\u0d2a\u0d4d\u0d21\u0d47\u0d31\u0d4d\u0d31\u0d41\u0d15\u0d7e<\/p>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Filter functionality\n const filterButtons = document.querySelectorAll('.filter-btn');\n const districtCards = document.querySelectorAll('.district-card');\n \n filterButtons.forEach(button => {\n button.addEventListener('click', function() {\n const filter = this.getAttribute('data-filter');\n \n \/\/ Update active button\n filterButtons.forEach(btn => btn.classList.remove('active'));\n this.classList.add('active');\n \n \/\/ Filter cards\n districtCards.forEach(card => {\n const competition = card.getAttribute('data-competition');\n \n if (filter === 'all' || competition === filter) {\n card.classList.remove('hidden');\n \/\/ Trigger animation\n setTimeout(() => {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, 100);\n } else {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n setTimeout(() => {\n card.classList.add('hidden');\n }, 300);\n }\n });\n });\n });\n \n \/\/ Animate difficulty meters on scroll\n const observerOptions = {\n threshold: 0.3,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const meterObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const meter = entry.target.querySelector('.meter-fill');\n if (meter) {\n const width = meter.style.width;\n meter.style.width = '0%';\n setTimeout(() => {\n meter.style.width = width;\n }, 200);\n }\n }\n });\n }, observerOptions);\n \n districtCards.forEach(card => {\n meterObserver.observe(card);\n });\n \n \/\/ Card hover effects for touch devices\n if ('ontouchstart' in window) {\n districtCards.forEach(card => {\n card.addEventListener('touchstart', function() {\n this.style.transform = 'scale(0.98)';\n }, { passive: true });\n \n card.addEventListener('touchend', function() {\n this.style.transform = 'scale(1)';\n }, { passive: true });\n });\n }\n \n \/\/ Smooth scroll for filter changes\n const filterControls = document.querySelector('.filter-controls');\n filterControls.addEventListener('click', function() {\n setTimeout(() => {\n document.querySelector('.districts-grid').scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }, 100);\n });\n \n \/\/ Performance optimization for animations\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n if (prefersReducedMotion.matches) {\n document.body.style.setProperty('--animation-duration', '0.01ms');\n \/\/ Disable heavy animations\n document.querySelectorAll('.meter-fill').forEach(meter => {\n meter.style.transition = 'none';\n });\n }\n \n \/\/ Initialize cards animation\n setTimeout(() => {\n districtCards.forEach((card, index) => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(30px)';\n \n setTimeout(() => {\n card.style.transition = 'all 0.6s ease';\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 100);\n });\n }, 500);\n \n \/\/ Responsive grid adjustment\n function adjustGrid() {\n const grid = document.querySelector('.districts-grid');\n const cards = grid.querySelectorAll('.district-card:not(.hidden)');\n \n if (window.innerWidth <= 768 && cards.length > 4) {\n grid.style.maxHeight = '800px';\n grid.style.overflowY = 'auto';\n } else {\n grid.style.maxHeight = 'none';\n grid.style.overflowY = 'visible';\n }\n }\n \n window.addEventListener('resize', adjustGrid);\n adjustGrid();\n \n \/\/ Add click analytics (placeholder for future implementation)\n districtCards.forEach(card => {\n card.addEventListener('click', function() {\n const district = this.getAttribute('data-district');\n console.log(`District clicked: ${district}`);\n \/\/ Here you can add analytics tracking\n });\n });\n \n \/\/ Keyboard navigation\n filterButtons.forEach((button, index) => {\n button.addEventListener('keydown', function(e) {\n if (e.key === 'ArrowRight' && index < filterButtons.length - 1) {\n filterButtons[index + 1].focus();\n } else if (e.key === 'ArrowLeft' && index > 0) {\n filterButtons[index - 1].focus();\n }\n });\n });\n \n console.log('\ud83c\udfaf Kerala Cut-off Interactive Widget Loaded Successfully!');\n });\n <\/script>\n<\/body>\n<\/html>“>\n <div class=\"cutoff-label\">\u0d2e\u0d41\u0d7b \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d<\/div>\n <div class=\"cutoff-value\">66.00<\/div>\n <\/div>\n <div class=\"cutoff-item predicted\">\n <div class=\"cutoff-label\">\u0d2a\u0d4d\u0d30\u0d35\u0d1a\u0d3f\u0d15\u0d4d\u0d15\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d4d\u0d1f 2025<\/div>\n <div class=\"cutoff-value\">76.00<\/div>\n <div class=\"increase-indicator\">+10<\/div>\n <\/div>\n <\/div>\n <div class=\"difficulty-meter\">\n <div class=\"meter-container\">\n <div class=\"meter-fill\" style=\"width: 90%\"><\/div>\n <\/div>\n <div class=\"difficulty-label\">\u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d: \u0d35\u0d33\u0d30\u0d46 \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28\u0d24\u0d4d<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"district-card\" data-competition=\"very-high\" data-district=\"tsr\">\n <div class=\"district-header\">\n <div class=\"district-name\">\ud83c\udfad \u0d24\u0d43\u0d36\u0d4d\u0d36\u0d42\u0d7c (TSR)<\/div>\n <div class=\"competition-badge very-high\">\u0d35\u0d33\u0d30\u0d46 \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/div>\n <\/div>\n <div class=\"district-content\">\n <div class=\"cutoff-comparison\">\n <div class=\"cutoff-item previous\">\n <div class=\"cutoff-label\">\u0d2e\u0d41\u0d7b \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d<\/div>\n <div class=\"cutoff-value\">66.33<\/div>\n <\/div>\n <div class=\"cutoff-item predicted\">\n <div class=\"cutoff-label\">\u0d2a\u0d4d\u0d30\u0d35\u0d1a\u0d3f\u0d15\u0d4d\u0d15\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d4d\u0d1f 2025<\/div>\n <div class=\"cutoff-value\">76.33<\/div>\n <div class=\"increase-indicator\">+10<\/div>\n <\/div>\n <\/div>\n <div class=\"difficulty-meter\">\n <div class=\"meter-container\">\n <div class=\"meter-fill\" style=\"width: 88%\"><\/div>\n <\/div>\n <div class=\"difficulty-label\">\u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d: \u0d35\u0d33\u0d30\u0d46 \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28\u0d24\u0d4d<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"district-card\" data-competition=\"very-high\" data-district=\"ekm\">\n <div class=\"district-header\">\n <div class=\"district-name\">\ud83c\udf0a \u0d0e\u0d31\u0d23\u0d3e\u0d15\u0d41\u0d33\u0d02 (EKM)<\/div>\n <div class=\"competition-badge very-high\">\u0d35\u0d33\u0d30\u0d46 \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/div>\n <\/div>\n <div class=\"district-content\">\n <div class=\"cutoff-comparison\">\n <div class=\"cutoff-item previous\">\n <div class=\"cutoff-label\">\u0d2e\u0d41\u0d7b \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d<\/div>\n <div class=\"cutoff-value\">64.67<\/div>\n <\/div>\n <div class=\"cutoff-item predicted\">\n <div class=\"cutoff-label\">\u0d2a\u0d4d\u0d30\u0d35\u0d1a\u0d3f\u0d15\u0d4d\u0d15\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d4d\u0d1f 2025<\/div>\n <div class=\"cutoff-value\">74.67<\/div>\n <div class=\"increase-indicator\">+10<\/div>\n <\/div>\n <\/div>\n <div class=\"difficulty-meter\">\n <div class=\"meter-container\">\n <div class=\"meter-fill\" style=\"width: 85%\"><\/div>\n <\/div>\n <div class=\"difficulty-label\">\u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d: \u0d35\u0d33\u0d30\u0d46 \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28\u0d24\u0d4d<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"district-card\" data-competition=\"high\" data-district=\"klm\">\n <div class=\"district-header\">\n <div class=\"district-name\">\ud83c\udfed \u0d15\u0d4a\u0d32\u0d4d\u0d32\u0d02 (KLM)<\/div>\n <div class=\"competition-badge high\">\u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/div>\n <\/div>\n <div class=\"district-content\">\n <div class=\"cutoff-comparison\">\n <div class=\"cutoff-item previous\">\n <div class=\"cutoff-label\">\u0d2e\u0d41\u0d7b \u0d15\u0d1f\u0d4d\u0d1f\u0d4d \u0d13\u0d2b\u0d4d<\/div>\n <div class=\"cutoff-value\">64.00<\/div>\n <\/div>\n <div class=\"cutoff-item predicted\">\n <div class=\"cutoff-label\">\u0d2a\u0d4d\u0d30\u0d35\u0d1a\u0d3f\u0d15\u0d4d\u0d15\u0d2a\u0d4d\u0d2a\u0d46\u0d1f\u0d4d\u0d1f 2025<\/div>\n <div class=\"cutoff-value\">74.00<\/div>\n <div class=\"increase-indicator\">+10<\/div>\n <\/div>\n <\/div>\n <div class=\"difficulty-meter\">\n <div class=\"meter-container\">\n <div class=\"meter-fill\" style=\"width: 78%\"><\/div>\n <\/div>\n <div class=\"difficulty-label\">\u0d2c\u0d41\u0d26\u0d4d\u0d27\u0d3f\u0d2e\u0d41\u0d1f\u0d4d\u0d1f\u0d4d: \u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28\u0d24\u0d4d<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"district-card\" data-competition=\"high\" data-district=\"ktym\">\n <div class=\"district-header\">\n <div class=\"district-name\">\ud83d\udcda \u0d15\u0d4b\u0d1f\u0d4d\u0d1f\u0d2f\u0d02 (KTYM)<\/div>\n <div class=\"competition-badge high\">\u0d09\u0d2f\u0d7c\u0d28\u0d4d\u0d28 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d02<\/div>\n <\/div>\n <div class=\"district-content\">\n <div class=\"cutoff-comparison\">\n <div class=\"cutoff-item previous\n","protected":false},"excerpt":{"rendered":"<p>CAT NO: 527\/2024 | \u0d2a\u0d4d\u0d30\u0d24\u0d40\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37: \u0d13\u0d17\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d4d – \u0d12\u0d15\u0d4d\u0d1f\u0d4b\u0d2c\u0d7c 2025 \ud83d\udccb \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d2f\u0d46\u0d15\u0d4d\u0d15\u0d41\u0d31\u0d3f\u0d1a\u0d4d\u0d1a\u0d41\u0d33\u0d4d\u0d33 \u0d2a\u0d4a\u0d24\u0d41 \u0d35\u0d3f\u0d35\u0d30\u0d23\u0d02 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d2f\u0d41\u0d1f\u0d46 \u0d38\u0d4d\u0d35\u0d2d\u0d3e\u0d35\u0d02 \u0d15\u0d47\u0d30\u0d33 \u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d47\u0d31\u0d4d\u0d31\u0d4d \u0d38\u0d3f\u0d35\u0d3f\u0d7d \u0d38\u0d2a\u0d4d\u0d32\u0d48\u0d38\u0d4d \u0d15\u0d4b\u0d7c\u0d2a\u0d4d\u0d2a\u0d31\u0d47\u0d37\u0d7b \u0d32\u0d3f\u0d2e\u0d3f\u0d31\u0d4d\u0d31\u0d21\u0d3f\u0d32\u0d46 \u0d38\u0d46\u0d2f\u0d3f\u0d7d\u0d38\u0d4d \u0d05\u0d38\u0d3f\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d28\u0d4d\u0d31\u0d4d \u0d24\u0d38\u0d4d\u0d24\u0d3f\u0d15\u0d2f\u0d3f\u0d32\u0d47\u0d15\u0d4d\u0d15\u0d41\u0d33\u0d4d\u0d33 \u0d08 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37 \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d32 \u0d2e\u0d24\u0d4d\u0d38\u0d30 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d2f\u0d3e\u0d23\u0d4d. \u0d13\u0d30\u0d4b \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d2f\u0d3f\u0d32\u0d46\u0d2f\u0d41\u0d02 \u0d09\u0d26\u0d4d\u0d2f\u0d4b\u0d17\u0d3e\u0d7c\u0d24\u0d4d\u0d25\u0d3f\u0d15\u0d7e \u0d05\u0d35\u0d30\u0d35\u0d30\u0d41\u0d1f\u0d46 \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d2f\u0d3f\u0d7d \u0d2e\u0d3e\u0d24\u0d4d\u0d30\u0d02 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d02. \u0d2a\u0d4d\u0d30\u0d27\u0d3e\u0d28 \u0d38\u0d35\u0d3f\u0d36\u0d47\u0d37\u0d24\u0d15\u0d7e \u0d2a\u0d4d\u0d30\u0d3e\u0d27\u0d3e\u0d28\u0d4d\u0d2f\u0d02 Kerala Civil Supplies Corporation Assistant Salesman – Syllabus \ud83c\udfdb\ufe0f Kerala Civil Supplies Corporation Assistant Salesman […]<\/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-1793","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":1,"uagb_excerpt":"CAT NO: 527\/2024 | \u0d2a\u0d4d\u0d30\u0d24\u0d40\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37: \u0d13\u0d17\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d4d – \u0d12\u0d15\u0d4d\u0d1f\u0d4b\u0d2c\u0d7c 2025 \ud83d\udccb \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d2f\u0d46\u0d15\u0d4d\u0d15\u0d41\u0d31\u0d3f\u0d1a\u0d4d\u0d1a\u0d41\u0d33\u0d4d\u0d33 \u0d2a\u0d4a\u0d24\u0d41 \u0d35\u0d3f\u0d35\u0d30\u0d23\u0d02 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d2f\u0d41\u0d1f\u0d46 \u0d38\u0d4d\u0d35\u0d2d\u0d3e\u0d35\u0d02 \u0d15\u0d47\u0d30\u0d33 \u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d47\u0d31\u0d4d\u0d31\u0d4d \u0d38\u0d3f\u0d35\u0d3f\u0d7d \u0d38\u0d2a\u0d4d\u0d32\u0d48\u0d38\u0d4d \u0d15\u0d4b\u0d7c\u0d2a\u0d4d\u0d2a\u0d31\u0d47\u0d37\u0d7b \u0d32\u0d3f\u0d2e\u0d3f\u0d31\u0d4d\u0d31\u0d21\u0d3f\u0d32\u0d46 \u0d38\u0d46\u0d2f\u0d3f\u0d7d\u0d38\u0d4d \u0d05\u0d38\u0d3f\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d28\u0d4d\u0d31\u0d4d \u0d24\u0d38\u0d4d\u0d24\u0d3f\u0d15\u0d2f\u0d3f\u0d32\u0d47\u0d15\u0d4d\u0d15\u0d41\u0d33\u0d4d\u0d33 \u0d08 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37 \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d32 \u0d2e\u0d24\u0d4d\u0d38\u0d30 \u0d2a\u0d30\u0d40\u0d15\u0d4d\u0d37\u0d2f\u0d3e\u0d23\u0d4d. \u0d13\u0d30\u0d4b \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d2f\u0d3f\u0d32\u0d46\u0d2f\u0d41\u0d02 \u0d09\u0d26\u0d4d\u0d2f\u0d4b\u0d17\u0d3e\u0d7c\u0d24\u0d4d\u0d25\u0d3f\u0d15\u0d7e \u0d05\u0d35\u0d30\u0d35\u0d30\u0d41\u0d1f\u0d46 \u0d1c\u0d3f\u0d32\u0d4d\u0d32\u0d2f\u0d3f\u0d7d \u0d2e\u0d3e\u0d24\u0d4d\u0d30\u0d02 \u0d2e\u0d24\u0d4d\u0d38\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d02. \u0d2a\u0d4d\u0d30\u0d27\u0d3e\u0d28 \u0d38\u0d35\u0d3f\u0d36\u0d47\u0d37\u0d24\u0d15\u0d7e \u0d2a\u0d4d\u0d30\u0d3e\u0d27\u0d3e\u0d28\u0d4d\u0d2f\u0d02 Kerala Civil Supplies Corporation Assistant Salesman – Syllabus \ud83c\udfdb\ufe0f Kerala Civil Supplies Corporation Assistant Salesman…","_links":{"self":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1793","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=1793"}],"version-history":[{"count":8,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1793\/revisions"}],"predecessor-version":[{"id":1801,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1793\/revisions\/1801"}],"wp:attachment":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}