{"id":745,"date":"2025-09-20T06:48:09","date_gmt":"2025-09-20T06:48:09","guid":{"rendered":"https:\/\/skill.jk.gov.in\/cms\/?page_id=745"},"modified":"2026-07-13T07:38:48","modified_gmt":"2026-07-13T07:38:48","slug":"competition","status":"publish","type":"page","link":"https:\/\/skill.jk.gov.in\/cms\/competition\/","title":{"rendered":"IndiaSkills 2026-27"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>IndiaSkills Competition 2026-27 &#8211; J&#038;K Skill Development Mission<\/title>\n    <style>\n        *,\n        ::before,\n        ::after {\n            box-sizing: border-box;\n            border-width: 0;\n            border-style: solid;\n            border-color: #e5e7eb\n        }\n\n        ::before,\n        ::after {\n            --tw-content: ''\n        }\n\n        html {\n            line-height: 1.5;\n            -webkit-text-size-adjust: 100%;\n            tab-size: 4;\n            font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            font-feature-settings: normal;\n            font-variation-settings: normal;\n            scroll-behavior: smooth\n        }\n\n        body {\n            margin: 0;\n            line-height: inherit;\n            font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            scroll-behavior: smooth;\n            overflow-x: hidden;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        hr {\n            height: 0;\n            color: inherit;\n            border-top-width: 1px\n        }\n\n        abbr:where([title]) {\n            text-decoration: underline dotted\n        }\n\n        h1,\n        h2,\n        h3,\n        p {\n            margin: 0\n        }\n\n        h1,\n        h2,\n        h3 {\n            font-size: inherit;\n            font-weight: inherit\n        }\n\n        a {\n            color: inherit;\n            text-decoration: inherit\n        }\n\n        strong {\n            font-weight: bolder\n        }\n\n        button {\n            font-family: inherit;\n            font-feature-settings: inherit;\n            font-variation-settings: inherit;\n            font-size: 100%;\n            font-weight: inherit;\n            line-height: inherit;\n            color: inherit;\n            margin: 0;\n            padding: 0;\n            text-transform: none;\n            background-color: transparent;\n            background-image: none;\n            cursor: pointer\n        }\n\n        iframe,\n        img,\n        svg {\n            display: block;\n            vertical-align: middle\n        }\n\n        img {\n            max-width: 100%;\n            height: auto\n        }\n\n        .container {\n            width: 100%\n        }\n\n        .absolute {\n            position: absolute\n        }\n\n        .relative {\n            position: relative\n        }\n\n        .bottom-0 {\n            bottom: 0\n        }\n\n        .left-0 {\n            left: 0\n        }\n\n        .right-0 {\n            right: 0\n        }\n\n        .mx-auto {\n            margin-left: auto;\n            margin-right: auto\n        }\n\n        .mx-8 {\n            margin-left: 2rem;\n            margin-right: 2rem\n        }\n\n        .my-4 {\n            margin-top: 1rem;\n            margin-bottom: 1rem\n        }\n\n        .-mt-1 {\n            margin-top: -.25rem\n        }\n\n        .mb-2 {\n            margin-bottom: .5rem\n        }\n\n        .mb-3 {\n            margin-bottom: .75rem\n        }\n\n        .mb-4 {\n            margin-bottom: 1rem\n        }\n\n        .mb-8 {\n            margin-bottom: 2rem\n        }\n\n        .mb-10 {\n            margin-bottom: 2.5rem\n        }\n\n        .mb-12 {\n            margin-bottom: 3rem\n        }\n\n        .ml-4 {\n            margin-left: 1rem\n        }\n\n        .mr-2 {\n            margin-right: .5rem\n        }\n\n        .mt-1 {\n            margin-top: .25rem\n        }\n\n        .mt-2 {\n            margin-top: .5rem\n        }\n\n        .mt-8 {\n            margin-top: 2rem\n        }\n\n        .mt-10 {\n            margin-top: 2.5rem\n        }\n\n        .mt-12 {\n            margin-top: 3rem\n        }\n\n        .block {\n            display: block\n        }\n\n        .inline-block {\n            display: inline-block\n        }\n\n        .flex {\n            display: flex\n        }\n\n        .grid {\n            display: grid\n        }\n\n        .hidden {\n            display: none\n        }\n\n        .aspect-video {\n            aspect-ratio: 16\/9\n        }\n\n        .h-6 {\n            height: 1.5rem\n        }\n\n        .h-7 {\n            height: 1.75rem\n        }\n\n        .h-8 {\n            height: 2rem\n        }\n\n        .h-10 {\n            height: 2.5rem\n        }\n\n        .h-20 {\n            height: 5rem\n        }\n\n        .h-auto {\n            height: auto\n        }\n\n        .w-6 {\n            width: 1.5rem\n        }\n\n        .w-7 {\n            width: 1.75rem\n        }\n\n        .w-8 {\n            width: 2rem\n        }\n\n        .w-10 {\n            width: 2.5rem\n        }\n\n        .w-20 {\n            width: 5rem\n        }\n\n        .w-full {\n            width: 100%\n        }\n\n        .max-w-xs {\n            max-width: 20rem\n        }\n\n        .max-w-2xl {\n            max-width: 42rem\n        }\n\n        .max-w-3xl {\n            max-width: 48rem\n        }\n\n        .max-w-4xl {\n            max-width: 56rem\n        }\n\n        .flex-shrink-0 {\n            flex-shrink: 0\n        }\n\n        .transform {\n            transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)\n        }\n\n        .grid-cols-1 {\n            grid-template-columns: repeat(1, minmax(0, 1fr))\n        }\n\n        .grid-cols-2 {\n            grid-template-columns: repeat(2, minmax(0, 1fr))\n        }\n\n        .flex-col {\n            flex-direction: column\n        }\n\n        .items-start {\n            align-items: flex-start\n        }\n\n        .items-center {\n            align-items: center\n        }\n\n        .justify-center {\n            justify-content: center\n        }\n\n        .justify-around {\n            justify-content: space-around\n        }\n\n        .gap-4 {\n            gap: 1rem\n        }\n\n        .gap-6 {\n            gap: 1.5rem\n        }\n\n        .gap-8 {\n            gap: 2rem\n        }\n\n        .gap-12 {\n            gap: 3rem\n        }\n\n        .gap-x-12 {\n            column-gap: 3rem\n        }\n\n        .gap-y-8 {\n            row-gap: 2rem\n        }\n\n        .space-x-2>:not([hidden])~:not([hidden]) {\n            margin-left: .5rem\n        }\n\n        .space-x-4>:not([hidden])~:not([hidden]) {\n            margin-left: 1rem\n        }\n\n        .space-y-6>:not([hidden])~:not([hidden]) {\n            margin-top: 1.5rem\n        }\n\n        .overflow-hidden {\n            overflow: hidden\n        }\n\n        .whitespace-nowrap {\n            white-space: nowrap\n        }\n\n        .rounded-full {\n            border-radius: 9999px\n        }\n\n        .rounded-lg {\n            border-radius: .5rem\n        }\n\n        .rounded-xl {\n            border-radius: .75rem\n        }\n\n        .border {\n            border-width: 1px\n        }\n\n        .border-transparent {\n            border-color: transparent\n        }\n\n        .bg-amber-400 {\n            background-color: #fbbf24\n        }\n\n        .bg-blue-800 {\n            background-color: #1e40af\n        }\n\n        .bg-gray-50 {\n            background-color: #f9fafb\n        }\n\n        .bg-gray-200 {\n            background-color: #e5e7eb\n        }\n\n        .bg-slate-50 {\n            background-color: #f8fafc\n        }\n\n        .bg-slate-100 {\n            background-color: #f1f5f9\n        }\n\n        .bg-white {\n            background-color: #fff\n        }\n\n        .bg-gradient-to-r {\n            background-image: linear-gradient(to right, var(--tw-gradient-stops))\n        }\n\n        .from-blue-700 {\n            --tw-gradient-from: #1d4ed8;\n            --tw-gradient-to: rgb(29 78 216 \/ 0);\n            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n        }\n\n        .from-slate-800 {\n            --tw-gradient-from: #1e293b;\n            --tw-gradient-to: rgb(30 41 59 \/ 0);\n            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n        }\n\n        .to-blue-700 {\n            --tw-gradient-to: #1d4ed8\n        }\n\n        .to-slate-800 {\n            --tw-gradient-to: #1e293b\n        }\n\n        .bg-clip-text {\n            -webkit-background-clip: text;\n            background-clip: text\n        }\n\n        .p-1\\.5 {\n            padding: .375rem\n        }\n\n        .p-4 {\n            padding: 1rem\n        }\n\n        .p-8 {\n            padding: 2rem\n        }\n\n        .px-2 {\n            padding-left: .5rem;\n            padding-right: .5rem\n        }\n\n        .px-4 {\n            padding-left: 1rem;\n            padding-right: 1rem\n        }\n\n        .px-6 {\n            padding-left: 1.5rem;\n            padding-right: 1.5rem\n        }\n\n        .px-8 {\n            padding-left: 2rem;\n            padding-right: 2rem\n        }\n\n        .px-10 {\n            padding-left: 2.5rem;\n            padding-right: 2.5rem\n        }\n\n        .py-1 {\n            padding-top: .25rem;\n            padding-bottom: .25rem\n        }\n\n        .py-2 {\n            padding-top: .5rem;\n            padding-bottom: .5rem\n        }\n\n        .py-3 {\n            padding-top: .75rem;\n            padding-bottom: .75rem\n        }\n\n        .py-4 {\n            padding-top: 1rem;\n            padding-bottom: 1rem\n        }\n\n        .py-6 {\n            padding-top: 1.5rem;\n            padding-bottom: 1.5rem\n        }\n\n        .py-8 {\n            padding-top: 2rem;\n            padding-bottom: 2rem\n        }\n\n        .py-20 {\n            padding-top: 5rem;\n            padding-bottom: 5rem\n        }\n\n        .pb-4 {\n            padding-bottom: 1rem\n        }\n\n        .text-center {\n            text-align: center\n        }\n\n        .text-xs {\n            font-size: .75rem;\n            line-height: 1rem\n        }\n\n        .text-sm {\n            font-size: .875rem;\n            line-height: 1.25rem\n        }\n\n        .text-lg {\n            font-size: 1.125rem;\n            line-height: 1.75rem\n        }\n\n        .text-xl {\n            font-size: 1.25rem;\n            line-height: 1.75rem\n        }\n\n        .text-2xl {\n            font-size: 1.5rem;\n            line-height: 2rem\n        }\n\n        .text-3xl {\n            font-size: 1.875rem;\n            line-height: 2.25rem\n        }\n\n        .font-semibold {\n            font-weight: 600\n        }\n\n        .font-bold {\n            font-weight: 700\n        }\n\n        .font-extrabold {\n            font-weight: 800\n        }\n\n        .leading-relaxed {\n            line-height: 1.625\n        }\n\n        .tracking-wider {\n            letter-spacing: .05em\n        }\n\n        .text-amber-700 {\n            color: #b45309\n        }\n\n        .text-amber-800 {\n            color: #92400e\n        }\n\n        .text-black {\n            color: #000\n        }\n\n        .text-blue-400 {\n            color: #60a5fa\n        }\n\n        .text-blue-500 {\n            color: #3b82f6\n        }\n\n        .text-blue-600 {\n            color: #2563eb\n        }\n\n        .text-blue-700 {\n            color: #1d4ed8\n        }\n\n        .text-blue-800 {\n            color: #1e40af\n        }\n\n        .text-blue-900 {\n            color: #1e3a8a\n        }\n\n        .text-cyan-500 {\n            color: #06b6d4\n        }\n\n        .text-cyan-700 {\n            color: #0e7490\n        }\n\n        .text-gray-400 {\n            color: #9ca3af\n        }\n\n        .text-gray-500 {\n            color: #6b7280\n        }\n\n        .text-gray-600 {\n            color: #4b5563\n        }\n\n        .text-gray-700 {\n            color: #374151\n        }\n\n        .text-gray-800 {\n            color: #1f2937\n        }\n\n        .text-gray-900 {\n            color: #111827\n        }\n\n        .text-green-400 {\n            color: #4ade80\n        }\n\n        .text-green-500 {\n            color: #22c55e\n        }\n\n        .text-green-600 {\n            color: #16a34a\n        }\n\n        .text-green-700 {\n            color: #15803d\n        }\n\n        .text-indigo-400 {\n            color: #818cf8\n        }\n\n        .text-indigo-500 {\n            color: #6366f1\n        }\n\n        .text-indigo-600 {\n            color: #4f46e5\n        }\n\n        .text-lime-600 {\n            color: #65a30d\n        }\n\n        .text-orange-500 {\n            color: #f97316\n        }\n\n        .text-orange-600 {\n            color: #ea580c\n        }\n\n        .text-orange-800 {\n            color: #9a3412\n        }\n\n        .text-orange-900 {\n            color: #7c2d12\n        }\n\n        .text-pink-400 {\n            color: #f472b6\n        }\n\n        .text-pink-500 {\n            color: #ec4899\n        }\n\n        .text-purple-500 {\n            color: #a855f7\n        }\n\n        .text-purple-600 {\n            color: #9333ea\n        }\n\n        .text-purple-800 {\n            color: #6b21a8\n        }\n\n        .text-red-400 {\n            color: #f87171\n        }\n\n        .text-red-500 {\n            color: #ef4444\n        }\n\n        .text-red-600 {\n            color: #dc2626\n        }\n\n        .text-red-700 {\n            color: #b91c1c\n        }\n\n        .text-rose-500 {\n            color: #f43f5e\n        }\n\n        .text-rose-600 {\n            color: #e11d48\n        }\n\n        .text-sky-400 {\n            color: #38bdf8\n        }\n\n        .text-sky-500 {\n            color: #0ea5e9\n        }\n\n        .text-sky-600 {\n            color: #0284c7\n        }\n\n        .text-slate-500 {\n            color: #64748b\n        }\n\n        .text-slate-600 {\n            color: #475569\n        }\n\n        .text-stone-500 {\n            color: #78716c\n        }\n\n        .text-teal-500 {\n            color: #14b8a6\n        }\n\n        .text-teal-600 {\n            color: #0d9488\n        }\n\n        .text-transparent {\n            color: transparent\n        }\n\n        .text-violet-700 {\n            color: #6d28d9\n        }\n\n        .text-white {\n            color: #fff\n        }\n\n        .text-yellow-400 {\n            color: #facc15\n        }\n\n        .text-yellow-500 {\n            color: #eab308\n        }\n\n        .text-yellow-600 {\n            color: #ca8a04\n        }\n\n        .text-yellow-800 {\n            color: #854d0e\n        }\n\n        .opacity-50 {\n            opacity: .5\n        }\n\n        .shadow-md {\n            box-shadow: 0 4px 6px -1px rgb(0 0 0\/.1), 0 2px 4px -2px rgb(0 0 0\/.1)\n        }\n\n        .shadow-lg {\n            box-shadow: 0 10px 15px -3px rgb(0 0 0\/.1), 0 4px 6px -4px rgb(0 0 0\/.1)\n        }\n\n        .shadow-xl {\n            box-shadow: 0 20px 25px -5px rgb(0 0 0\/.1), 0 8px 10px -6px rgb(0 0 0\/.1)\n        }\n\n        .shadow-2xl {\n            box-shadow: 0 25px 50px -12px rgb(0 0 0\/.25)\n        }\n\n        .transition-all {\n            transition-property: all;\n            transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n            transition-duration: .15s\n        }\n\n        .transition-colors {\n            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n            transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n            transition-duration: .15s\n        }\n\n        .transition-transform {\n            transition-property: transform;\n            transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n            transition-duration: .15s\n        }\n\n        .duration-300 {\n            transition-duration: .3s\n        }\n\n        .duration-500 {\n            transition-duration: .5s\n        }\n\n        .hover\\:-translate-y-1\\.5:hover {\n            transform: translateY(-.375rem)\n        }\n\n        .hover\\:scale-105:hover {\n            transform: scale(1.05)\n        }\n\n        .hover\\:border-blue-500:hover {\n            border-color: #3b82f6\n        }\n\n        .hover\\:bg-gray-200:hover {\n            background-color: #e5e7eb\n        }\n\n        .hover\\:text-blue-600:hover {\n            color: #2563eb\n        }\n\n        .hover\\:shadow-xl:hover {\n            box-shadow: 0 20px 25px -5px rgb(0 0 0\/.1), 0 8px 10px -6px rgb(0 0 0\/.1)\n        }\n\n        .hero-section {\n            background-image: linear-gradient(rgba(23, 37, 84, .75), rgba(23, 37, 84, .75)), url('https:\/\/skill.jk.gov.in\/cms\/wp-content\/uploads\/2026\/07\/IndiaSkills_1500x500.png');\n            background-size: cover;\n            background-position: center\n        }\n\n        .cta-gradient {\n            background: linear-gradient(90deg, #ec4899, #f97316);\n            transition: all .3s ease\n        }\n\n        .cta-gradient:hover {\n            background: linear-gradient(90deg, #f97316, #ec4899);\n            box-shadow: 0 10px 20px -5px rgba(236, 72, 153, .4)\n        }\n\n        .purple-gradient {\n            background: linear-gradient(90deg, #8b5cf6, #a78bfa);\n            transition: all .3s ease\n        }\n\n        .purple-gradient:hover {\n            background: linear-gradient(90deg, #a78bfa, #8b5cf6);\n            box-shadow: 0 10px 20px -5px rgba(139, 92, 246, .4)\n        }\n\n        .blue-gradient {\n            background: linear-gradient(90deg, #3b82f6, #60a5fa);\n            transition: all .3s ease\n        }\n\n        .blue-gradient:hover {\n            background: linear-gradient(90deg, #60a5fa, #3b82f6);\n            box-shadow: 0 10px 20px -5px rgba(59, 130, 246, .4)\n        }\n\n        .section-title {\n            border-left: 4px solid #f59e0b;\n            padding-left: 1rem\n        }\n\n        .tab-content {}\n\n        .tab-button {\n            color: #4b5563;\n            font-weight: 500;\n            transition: all .3s ease\n        }\n\n        .tab-button.active {\n            background-color: #fff;\n            color: #2563eb;\n            font-weight: 700;\n            box-shadow: 0 4px 6px -1px rgb(0 0 0\/.1), 0 2px 4px -2px rgb(0 0 0\/.1)\n        }\n\n        .timer-box {\n            background: rgba(255, 255, 255, .1);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, .2)\n        }\n\n        .pattern-bg {\n            background-color: #f8fafc;\n            background-image: radial-gradient(#d1d5db 1px, transparent 1px);\n            background-size: 16px 16px\n        }\n\n        @keyframes fadeInDown {\n            from {\n                opacity: 0;\n                transform: translateY(-20px)\n            }\n\n            to {\n                opacity: 1;\n                transform: translateY(0)\n            }\n        }\n\n        .animate-fade-in-down {\n            animation: fadeInDown 1s ease-out forwards\n        }\n\n        .fade-in-up {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: opacity .8s ease-out, transform .8s ease-out\n        }\n\n        .fade-in-up.visible {\n            opacity: 1;\n            transform: translateY(0)\n        }\n\n        @keyframes marquee {\n            from {\n                transform: translateX(0)\n            }\n\n            to {\n                transform: translateX(-50%)\n            }\n        }\n\n        .marquee-content {\n            animation: marquee 30s linear infinite\n        }\n\n        @media (min-width:640px) {\n            .container {\n                max-width: 640px\n            }\n\n            .sm\\:grid-cols-3 {\n                grid-template-columns: repeat(3, minmax(0, 1fr))\n            }\n\n            .sm\\:text-sm {\n                font-size: .875rem;\n                line-height: 1.25rem\n            }\n        }\n\n        @media (min-width:768px) {\n            .container {\n                max-width: 768px\n            }\n\n            .md\\:w-1\\\/2 {\n                width: 50%\n            }\n\n            .md\\:w-24 {\n                width: 6rem\n            }\n\n            .md\\:w-auto {\n                width: auto\n            }\n\n            .md\\:grid-cols-2 {\n                grid-template-columns: repeat(2, minmax(0, 1fr))\n            }\n\n            .md\\:grid-cols-3 {\n                grid-template-columns: repeat(3, minmax(0, 1fr))\n            }\n\n            .md\\:flex-row {\n                flex-direction: row\n            }\n\n            .md\\:space-x-6>:not([hidden])~:not([hidden]) {\n                margin-left: 1.5rem\n            }\n\n            .md\\:px-6 {\n                padding-left: 1.5rem;\n                padding-right: 1.5rem\n            }\n\n            .md\\:px-10 {\n                padding-left: 2.5rem;\n                padding-right: 2.5rem\n            }\n\n            .md\\:py-4 {\n                padding-top: 1rem;\n                padding-bottom: 1rem\n            }\n\n            .md\\:pb-12 {\n                padding-bottom: 3rem\n            }\n\n            .md\\:text-sm {\n                font-size: .875rem;\n                line-height: 1.25rem\n            }\n\n            .md\\:text-base {\n                font-size: 1rem;\n                line-height: 1.5rem\n            }\n\n            .md\\:text-lg {\n                font-size: 1.125rem;\n                line-height: 1.75rem\n            }\n\n            .md\\:text-3xl {\n                font-size: 1.875rem;\n                line-height: 2.25rem\n            }\n\n            .md\\:text-4xl {\n                font-size: 2.25rem;\n                line-height: 2.5rem\n            }\n        }\n\n        @media (min-width:1024px) {\n            .container {\n                max-width: 1024px\n            }\n\n            .lg\\:w-1\\\/3 {\n                width: 33.333333%\n            }\n\n            .lg\\:grid-cols-4 {\n                grid-template-columns: repeat(4, minmax(0, 1fr))\n            }\n\n            .lg\\:text-4xl {\n                font-size: 2.25rem;\n                line-height: 2.5rem\n            }\n        }\n\n        @media (min-width:1280px) {\n            .container {\n                max-width: 1280px\n            }\n\n            .xl\\:grid-cols-5 {\n                grid-template-columns: repeat(5, minmax(0, 1fr))\n            }\n        }\n\n        @media (min-width:1536px) {\n            .container {\n                max-width: 1536px\n            }\n        }\n\n        .visible {\n            visibility: visible\n        }\n\n        .inline-flex {\n            display: inline-flex\n        }\n\n        .mr-3 {\n            margin-right: .75rem\n        }\n\n        .bg-gradient-to-b {\n            background-image: linear-gradient(to bottom, var(--tw-gradient-stops))\n        }\n\n        .from-blue-50 {\n            --tw-gradient-from: #eff6ff;\n            --tw-gradient-to: rgb(239 246 255 \/ 0);\n            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n        }\n\n        .from-blue-600 {\n            --tw-gradient-from: #2563eb;\n            --tw-gradient-to: rgb(37 99 235 \/ 0);\n            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n        }\n\n        .from-green-500 {\n            --tw-gradient-from: #22c55e;\n            --tw-gradient-to: rgb(34 197 94 \/ 0);\n            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n        }\n\n        .from-slate-700 {\n            --tw-gradient-from: #334155;\n            --tw-gradient-to: rgb(51 65 85 \/ 0);\n            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n        }\n\n        .to-emerald-500 {\n            --tw-gradient-to: #10b981\n        }\n\n        .to-indigo-600 {\n            --tw-gradient-to: #4f46e5\n        }\n\n        .to-slate-900 {\n            --tw-gradient-to: #0f172a\n        }\n\n        .to-white {\n            --tw-gradient-to: #fff\n        }\n\n        .hover\\:from-green-600:hover {\n            --tw-gradient-from: #16a34a;\n            --tw-gradient-to: rgb(22 163 74 \/ 0);\n            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n        }\n\n        .hover\\:from-slate-800:hover {\n            --tw-gradient-from: #1e293b;\n            --tw-gradient-to: rgb(30 41 59 \/ 0);\n            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n        }\n\n        .hover\\:to-black:hover {\n            --tw-gradient-to: #000\n        }\n\n        .hover\\:to-emerald-600:hover {\n            --tw-gradient-to: #059669\n        }\n\n        .marquee-container {\n            visibility: visible\n        }\n\n        .video-placeholder {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16\/9;\n            background-color: #c7ccd4;\n            background-image: linear-gradient(135deg, #dbeafe, #e2e8f0);\n            background-size: cover;\n            background-position: center;\n            border-radius: .5rem;\n            overflow: hidden;\n            cursor: pointer;\n            box-shadow: 0 25px 50px -12px rgb(0 0 0\/.25);\n            transition: transform .5s cubic-bezier(.4, 0, .2, 1)\n        }\n\n        .video-placeholder:hover {\n            transform: scale(1.05)\n        }\n\n        .video-placeholder::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background: rgba(15, 23, 42, .18);\n            transition: background .3s ease\n        }\n\n        .video-placeholder:hover::before {\n            background: rgba(15, 23, 42, .08)\n        }\n\n        .thumbnail-fallback {\n            background-image: linear-gradient(135deg, #dbeafe, #e2e8f0) !important\n        }\n\n        .play-button {\n            position: absolute;\n            left: 50%;\n            top: 50%;\n            width: 4.5rem;\n            height: 4.5rem;\n            transform: translate(-50%, -50%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 9999px;\n            background: rgba(255, 255, 255, .92);\n            color: #1d4ed8;\n            box-shadow: 0 20px 25px -5px rgb(0 0 0\/.1), 0 8px 10px -6px rgb(0 0 0\/.1);\n            transition: transform .3s ease, background-color .3s ease\n        }\n\n        .play-button svg {\n            width: 2.25rem;\n            height: 2.25rem;\n            margin-left: .25rem\n        }\n\n        .video-placeholder:hover .play-button {\n            transform: translate(-50%, -50%) scale(1.08);\n            background: #fff\n        }\n\n        @media (min-width:640px) {\n            .sm\\:flex-row {\n                flex-direction: row\n            }\n\n            .sm\\:text-2xl {\n                font-size: 1.5rem;\n                line-height: 2rem\n            }\n        }\n\n        .badge-individual {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 0.125rem 0.5rem;\n            font-size: 0.65rem;\n            font-weight: 700;\n            border-radius: 9999px;\n            background-color: #eff6ff;\n            color: #1e40af;\n            border: 1px solid #bfdbfe;\n            margin-top: 0.5rem;\n            letter-spacing: 0.025em;\n            text-transform: uppercase;\n        }\n\n        .badge-team {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 0.125rem 0.5rem;\n            font-size: 0.65rem;\n            font-weight: 700;\n            border-radius: 9999px;\n            background-color: #ecfdf5;\n            color: #065f46;\n            border: 1px solid #a7f3d0;\n            margin-top: 0.5rem;\n            letter-spacing: 0.025em;\n            text-transform: uppercase;\n        }\n\n        \/* --- Custom Additions (No CDNs) --- *\/\n        html, body, h1, h2, h3, h4, h5, h6, p, a, span, button, input, select, textarea {\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n        }\n        .h-5 { height: 1.25rem !important; }\n        .w-5 { width: 1.25rem !important; }\n        .faq-section {\n            padding: 5rem 0;\n            background-color: #f8fafc;\n        }\n        .faq-container {\n            max-width: 48rem;\n            margin: 0 auto;\n            padding: 0 1.5rem;\n        }\n        .faq-item {\n            background-color: #ffffff;\n            border: 1px solid #e2e8f0;\n            border-radius: 1rem;\n            margin-bottom: 1rem;\n            overflow: hidden;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        .faq-item:hover {\n            border-color: #cbd5e1;\n            transform: translateY(-2px);\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\n        }\n        .faq-item.active {\n            border-color: #3b82f6;\n            box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.1);\n        }\n        .faq-trigger {\n            width: 100%;\n            background: transparent;\n            border: none;\n            padding: 1.25rem 1.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            cursor: pointer;\n            text-align: left;\n            outline: none;\n        }\n        .faq-question {\n            font-size: 1.125rem;\n            font-weight: 700;\n            color: #1e293b;\n            transition: color 0.2s ease;\n        }\n        .faq-trigger:hover .faq-question {\n            color: #2563eb;\n        }\n        .faq-icon {\n            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            color: #64748b;\n            flex-shrink: 0;\n            margin-left: 1rem;\n        }\n        .faq-item.active .faq-icon {\n            transform: rotate(180deg);\n            color: #f97316;\n        }\n        .faq-panel {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        .faq-answer {\n            padding: 0 1.5rem 1.5rem 1.5rem;\n            font-size: 0.975rem;\n            color: #475569;\n            line-height: 1.6;\n            border-top: 1px solid #f1f5f9;\n        }\n        .search-wrapper {\n            position: relative;\n            width: 100%;\n            max-width: 28rem;\n            margin: 1.5rem auto 0 auto;\n        }\n        .search-input {\n            width: 100%;\n            padding: 0.75rem 1rem 0.75rem 2.75rem;\n            border-radius: 9999px;\n            border: 2px solid #cbd5e1;\n            font-size: 0.95rem;\n            outline: none;\n            transition: all 0.3s ease;\n            background-color: #ffffff;\n            color: #1e293b;\n        }\n        .search-input:focus {\n            border-color: #3b82f6;\n            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\n        }\n        .search-icon-svg {\n            position: absolute;\n            left: 1rem;\n            top: 50%;\n            transform: translateY(-50%);\n            color: #94a3b8;\n            width: 1.25rem;\n            height: 1.25rem;\n            pointer-events: none;\n        }\n        .skills-empty-state {\n            display: none;\n            text-align: center;\n            padding: 3rem;\n            background-color: #ffffff;\n            border: 1px dashed #cbd5e1;\n            border-radius: 1rem;\n            grid-column: 1 \/ -1;\n        }\n\n        \/* --- Mockup Buttons Custom Styling --- *\/\n        .mockup-btn {\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            width: 100% !important;\n            padding: 0.85rem 1.75rem !important;\n            font-size: 1rem !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n            border-radius: 9999px !important;\n            box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.25) !important;\n            transition: all 0.3s ease !important;\n            border: none !important;\n            text-decoration: none !important;\n            cursor: pointer !important;\n        }\n        .mockup-btn-blue {\n            background: linear-gradient(135deg, #4298ff, #4784ff) !important;\n        }\n        .mockup-btn-blue:hover {\n            background: linear-gradient(135deg, #2a7eff, #2f6aff) !important;\n            box-shadow: 0 6px 20px 0 rgba(59, 130, 246, 0.45) !important;\n            transform: translateY(-2px) !important;\n        }\n        .mockup-btn-purple {\n            background: linear-gradient(135deg, #9b6cff, #ab7cff) !important;\n            box-shadow: 0 4px 14px 0 rgba(155, 108, 255, 0.25) !important;\n        }\n        .mockup-btn-purple:hover {\n            background: linear-gradient(135deg, #834fe6, #935fe6) !important;\n            box-shadow: 0 6px 20px 0 rgba(155, 108, 255, 0.45) !important;\n            transform: translateY(-2px) !important;\n        }\n\n        \/* --- Premium Card Styles (3-Column Layout) --- *\/\n        .premium-card {\n            background: #ffffff !important;\n            border: 1px solid #e2e8f0 !important;\n            border-radius: 1.25rem !important;\n            padding: 2.25rem 2rem !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: space-between !important;\n            box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.04), 0 4px 6px -2px rgba(15, 23, 42, 0.02) !important;\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n            position: relative !important;\n            overflow: hidden !important;\n            height: 100% !important;\n        }\n        .premium-card:hover {\n            transform: translateY(-6px) !important;\n            box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.08), 0 10px 10px -5px rgba(15, 23, 42, 0.04) !important;\n            border-color: #cbd5e1 !important;\n        }\n        \/* Top accent border *\/\n        .premium-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: transparent;\n            transition: background 0.3s ease;\n        }\n        .premium-card-blue::before {\n            background: linear-gradient(90deg, #3b82f6, #60a5fa) !important;\n        }\n        .premium-card-indigo::before {\n            background: linear-gradient(90deg, #6366f1, #818cf8) !important;\n        }\n        .premium-card-purple::before {\n            background: linear-gradient(90deg, #8b5cf6, #c084fc) !important;\n        }\n        \n        \/* Premium Icon wrapper *\/\n        .premium-icon-box {\n            width: 2.75rem;\n            height: 2.75rem;\n            border-radius: 0.75rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 1.25rem;\n            transition: all 0.3s ease;\n            flex-shrink: 0;\n        }\n        .premium-icon-blue {\n            background-color: #eff6ff;\n            color: #2563eb;\n        }\n        .premium-icon-indigo {\n            background-color: #eef2ff;\n            color: #4f46e5;\n        }\n        .premium-icon-purple {\n            background-color: #f5f3ff;\n            color: #7c3aed;\n        }\n        .premium-card:hover .premium-icon-box {\n            transform: scale(1.05) rotate(3deg);\n        }\n\n        \/* Typography *\/\n        .premium-card-title {\n            font-size: 1.25rem !important;\n            font-weight: 800 !important;\n            color: #0f172a !important;\n            letter-spacing: -0.02em !important;\n            margin-bottom: 0.5rem !important;\n            text-align: left !important;\n        }\n        .premium-card-desc {\n            font-size: 0.875rem !important;\n            color: #64748b !important;\n            line-height: 1.6 !important;\n            margin-bottom: 1.5rem !important;\n            text-align: left !important;\n            flex-grow: 1 !important;\n        }\n        .premium-card-header {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            width: 100%;\n        }\n    <\/style>\n<\/head>\n\n<body class=\"text-gray-800 visible\">\n\n    <main class=\"container mx-auto px-4\">\n\n        <section\n            class=\"marquee-container bg-gradient-to-r from-slate-800 to-blue-700 text-white py-3 mt-8 rounded-lg overflow-hidden flex whitespace-nowrap\">\n            <div class=\"marquee-content flex\">\n                <div class=\"flex-shrink-0 flex items-center px-8\">\n                    <span class=\"font-semibold tracking-wider\">\ud83d\udd25 IndiaSkills 2026-27 Registrations are now Open!<\/span>\n                    <a href=\"https:\/\/www.skillindiadigital.gov.in\/account\/register?returnUrl=%2Findia-skills-competition\"\n                        target=\"_blank\"\n                        class=\"ml-4 bg-white text-blue-700 font-bold py-1 px-4 rounded-full text-sm hover:bg-gray-200 transition-colors\">Register\n                        Now<\/a>\n                    <span class=\"mx-8 opacity-50 text-xl\">\u2022<\/span>\n                <\/div>\n                <div class=\"flex-shrink-0 flex items-center px-8\">\n                    <span class=\"font-semibold tracking-wider\">\ud83d\udd25 IndiaSkills 2026-27 Registrations are now Open!<\/span>\n                    <a href=\"https:\/\/www.skillindiadigital.gov.in\/account\/register?returnUrl=%2Findia-skills-competition\"\n                        target=\"_blank\"\n                        class=\"ml-4 bg-white text-blue-700 font-bold py-1 px-4 rounded-full text-sm hover:bg-gray-200 transition-colors\">Register\n                        Now<\/a>\n                    <span class=\"mx-8 opacity-50 text-xl\">\u2022<\/span>\n                <\/div>\n                <!-- Duplication for seamless loop -->\n                <div class=\"flex-shrink-0 flex items-center px-8\">\n                    <span class=\"font-semibold tracking-wider\">\ud83d\udd25 IndiaSkills 2026-27 Registrations are now Open!<\/span>\n                    <a href=\"https:\/\/www.skillindiadigital.gov.in\/account\/register?returnUrl=%2Findia-skills-competition\"\n                        target=\"_blank\"\n                        class=\"ml-4 bg-white text-blue-700 font-bold py-1 px-4 rounded-full text-sm hover:bg-gray-200 transition-colors\">Register\n                        Now<\/a>\n                    <span class=\"mx-8 opacity-50 text-xl\">\u2022<\/span>\n                <\/div>\n                <div class=\"flex-shrink-0 flex items-center px-8\">\n                    <span class=\"font-semibold tracking-wider\">\ud83d\udd25 IndiaSkills 2026-27 Registrations are now Open!<\/span>\n                    <a href=\"https:\/\/www.skillindiadigital.gov.in\/account\/register?returnUrl=%2Findia-skills-competition\"\n                        target=\"_blank\"\n                        class=\"ml-4 bg-white text-blue-700 font-bold py-1 px-4 rounded-full text-sm hover:bg-gray-200 transition-colors\">Register\n                        Now<\/a>\n                    <span class=\"mx-8 opacity-50 text-xl\">\u2022<\/span>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Title Section -->\n        <section class=\"text-center py-4 my-4 bg-slate-100 rounded-lg\">\n            <h1\n                class=\"text-xl sm:text-2xl md:text-3xl lg:text-4xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-700 to-slate-800 px-2\">\n                IndiaSkills2026-27 \u2013 Nation\u2019s Largest Skill Competition!\n            <\/h1>\n        <\/section>\n\n        <!-- Hero Section -->\n        <section class=\"relative\">\n            <!-- Added width\/height and high priority fetching for faster, more stable loading -->\n            <img decoding=\"async\" src=\"https:\/\/skill.jk.gov.in\/cms\/wp-content\/uploads\/2026\/07\/IndiaSkills_1500x500.png\"\n                alt=\"IndiaSkills Competition 2026-27 Banner\" class=\"w-full h-auto rounded-lg block\" width=\"1280\"\n                height=\"720\" loading=\"eager\" fetchpriority=\"high\">\n            <div class=\"absolute bottom-0 left-0 right-0 pb-4 md:pb-12 text-center\">\n                <a href=\"https:\/\/www.skillindiadigital.gov.in\/account\/register?returnUrl=%2Findia-skills-competition\"\n                    target=\"_blank\"\n                    class=\"px-6 py-2 text-sm md:px-10 md:py-4 md:text-lg text-white font-bold rounded-lg cta-gradient shadow-xl transition-transform transform hover:scale-105 inline-block animate-fade-in-down\">\n                    \ud83d\ude80 Register Now!\n                <\/a>\n            <\/div>\n        <\/section>\n\n        <!-- Organizers Section -->\n        <section class=\"text-center py-6 mt-8 bg-slate-100 rounded-lg\">\n            <p class=\"text-slate-600 font-semibold px-2\">The competition is organized by Ministry of Skill Development\n                and Entrepreneurship (MSDE), Government of India and National Skill Development Corporation (NSDC).<\/p>\n        <\/section>\n\n\n        <!-- Countdown Timer Section -->\n        <!--<section class=\"bg-blue-800 text-white py-8 rounded-lg mt-8\">\n            <div class=\"px-6\">\n                <h3 class=\"text-center text-2xl font-bold mb-4\" style=\"color: white;\">Registration Closes In<\/h3>\n                <div id=\"countdown-timer\" class=\"flex justify-center items-center space-x-2 md:space-x-6 text-center\">\n                    <div class=\"timer-box p-4 rounded-lg w-20 md:w-24\">\n                        <span id=\"days\" class=\"text-3xl md:text-4xl font-bold\">00<\/span>\n                        <span class=\"block text-xs md:text-sm\">Days<\/span>\n                    <\/div>\n                    <div class=\"timer-box p-4 rounded-lg w-20 md:w-24\">\n                        <span id=\"hours\" class=\"text-3xl md:text-4xl font-bold\">00<\/span>\n                        <span class=\"block text-xs md:text-sm\">Hours<\/span>\n                    <\/div>\n                    <div class=\"timer-box p-4 rounded-lg w-20 md:w-24\">\n                        <span id=\"minutes\" class=\"text-3xl md:text-4xl font-bold\">00<\/span>\n                        <span class=\"block text-xs md:text-sm\">Minutes<\/span>\n                    <\/div>\n                    <div class=\"timer-box p-4 rounded-lg w-20 md:w-24\">\n                        <span id=\"seconds\" class=\"text-3xl md:text-4xl font-bold\">00<\/span>\n                        <span class=\"block text-xs md:text-sm\">Seconds<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>-->\n\n        <!-- Why Participate Section -->\n        <section class=\"py-20 bg-white\">\n            <div class=\"fade-in-up\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold\">Why Participate in IndiaSkills<\/h2>\n                <\/div>\n                <div class=\"max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8\">\n                    <div class=\"flex items-start space-x-4\">\n                        <svg class=\"w-7 h-7 text-blue-600 flex-shrink-0 mt-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 18.75h-9a9 9 0 119 0z\" \/>\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                d=\"M12 15.375a9 9 0 01-8.125-5.625A9 9 0 0112 4.125a9 9 0 018.125 5.625A9 9 0 0112 15.375z\" \/>\n                        <\/svg>\n                        <p class=\"text-gray-700\">IndiaSkills is popularly known as the <strong\n                                class=\"font-semibold text-gray-900\">Olympics of Skills<\/strong>, a prestigious national\n                            platform.<\/p>\n                    <\/div>\n                    <div class=\"flex items-start space-x-4\">\n                        <svg class=\"w-7 h-7 text-green-600 flex-shrink-0 mt-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                d=\"M12.75 3.03v.568c0 .334.148.65.405.864l1.068.89c.442.369.535 1.01.216 1.49l-.51.766a2.25 2.25 0 01-1.161.886l-.143.048a1.107 1.107 0 00-.539.166l-1.12.56a2.25 2.25 0 00-1.529 2.059v1.844c0 .678.312 1.3.831 1.666l1.06.662a2.25 2.25 0 011.06 1.885l.256 1.844a2.25 2.25 0 01-2.25 2.25h-1.5a2.25 2.25 0 01-2.25-2.25l.256-1.844a2.25 2.25 0 011.06-1.885l1.06-.662a2.25 2.25 0 00.831-1.666V13.5a2.25 2.25 0 00-1.529-2.059l-1.12-.56a1.107 1.107 0 00-.539-.166l-.143-.048a2.25 2.25 0 01-1.161-.886l-.51-.766a1.125 1.125 0 01.216-1.49l1.068-.89a1.125 1.125 0 00.405-.864v-.568a2.25 2.25 0 012.25-2.25h1.5A2.25 2.25 0 0112.75 3.03z\" \/>\n                        <\/svg>\n                        <p class=\"text-gray-700\">Winners get the incredible opportunity to <strong\n                                class=\"font-semibold text-gray-900\">represent India<\/strong> in WorldSkills\n                            competitions.<\/p>\n                    <\/div>\n                    <div class=\"flex items-start space-x-4\">\n                        <svg class=\"w-7 h-7 text-purple-600 flex-shrink-0 mt-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                d=\"M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.258-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0l-2.072-1.036A48.423 48.423 0 0112 4.493a48.423 48.423 0 0110.072 4.617l-2.072 1.036m-8.214 0c-.513.255-1.025.516-1.536.778\" \/>\n                        <\/svg>\n                        <p class=\"text-gray-700\"><strong class=\"font-semibold text-gray-900\">No formal\n                                qualifications<\/strong> or degrees are required; your talent is your only credential.\n                        <\/p>\n                    <\/div>\n                    <div class=\"flex items-start space-x-4\">\n                        <svg class=\"w-7 h-7 text-rose-600 flex-shrink-0 mt-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                d=\"M15.182 18.75a1.5 1.5 0 01-2.122 0l-4.5-4.5a1.5 1.5 0 010-2.122l4.5-4.5a1.5 1.5 0 112.122 2.122L13.12 15.75l2.062 2.063a1.5 1.5 0 010 2.122z\" \/>\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                d=\"M8.88 18.75a1.5 1.5 0 01-2.122 0l-4.5-4.5a1.5 1.5 0 010-2.122l4.5-4.5a1.5 1.5 0 112.122 2.122L6.879 15.75l2.063 2.063a1.5 1.5 0 010 2.122z\" \/>\n                        <\/svg>\n                        <p class=\"text-gray-700\">Eligibility is solely based on age, making it accessible to a <strong\n                                class=\"font-semibold text-gray-900\">wide range of skilled individuals.<\/strong><\/p>\n                    <\/div>\n                    <div class=\"flex items-start space-x-4\">\n                        <svg class=\"w-7 h-7 text-orange-600 flex-shrink-0 mt-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                d=\"M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m-7.5-2.962a3.75 3.75 0 015.409 0L18 18.72m-7.5-2.962a3.75 3.75 0 00-5.409 0L3 18.72m0 0a9.094 9.094 0 003.741.479 3 3 0 004.682-2.72m-7.5-2.962V13.5A3.75 3.75 0 0112 9.75h1.5A3.75 3.75 0 0117.25 13.5v2.25m-7.5-2.962h7.5\" \/>\n                        <\/svg>\n                        <p class=\"text-gray-700\">Many skills are <strong class=\"font-semibold text-gray-900\">Team\n                                Skills<\/strong>, fostering collaboration and shared success.<\/p>\n                    <\/div>\n                    <div class=\"flex items-start space-x-4\">\n                        <svg class=\"w-7 h-7 text-teal-600 flex-shrink-0 mt-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                d=\"M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n                        <\/svg>\n                        <p class=\"text-gray-700\">All participation expenses are covered by the Government, ensuring\n                            <strong class=\"font-semibold text-gray-900\">no financial burden<\/strong> on you.<\/p>\n                    <\/div>\n                    <div class=\"flex items-start space-x-4\">\n                        <svg class=\"w-7 h-7 text-yellow-500 flex-shrink-0 mt-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                d=\"M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z\" \/>\n                        <\/svg>\n                        <p class=\"text-gray-700\">Gain recognition for your skills at the <strong\n                                class=\"font-semibold text-gray-900\">State, National, and World levels<\/strong>.<\/p>\n                    <\/div>\n                    <div class=\"flex items-start space-x-4\">\n                        <svg class=\"w-7 h-7 text-blue-500 flex-shrink-0 mt-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                            <path d=\"M12 14l9-5-9-5-9 5 9 5z\" \/>\n                            <path\n                                d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-9.998 12.078 12.078 0 01.665-6.479L12 14z\" \/>\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"M12 14l9-5-9-5-9 5 9 5zm0 0v6\" \/>\n                        <\/svg>\n                        <p class=\"text-gray-700\">Benefit from <strong class=\"font-semibold text-gray-900\">free boot camp\n                                trainings<\/strong> to further refine your expertise.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"about\" class=\"py-20 bg-gray-50\">\n            <div class=\"fade-in-up\">\n                <div class=\"flex flex-col md:flex-row items-center gap-12\">\n                    <div class=\"md:w-1\/2\">\n                        <h2 class=\"text-3xl font-bold mb-4 section-title\">Discover the India Skills Competition \u2013 Watch\n                            the video.<\/h2>\n                        <p class=\"text-gray-600 mb-4 leading-relaxed\">IndiaSkills Competition is the biggest skill\n                            competition in India, held every two years. It provides a platform for youth to showcase\n                            their talent at regional, national, and international levels. Organized by the National\n                            Skill Development Corporation (NSDC) under the Ministry of Skill Development and\n                            Entrepreneurship, it aims to create a pool of skilled professionals for the global market.\n                        <\/p>\n                        <p class=\"text-gray-600 leading-relaxed\">No degree or formal qualification is required. If you\n                            have the skill and passion, this is your stage. The only eligibility criterion is the age\n                            limit specified for each skill.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-1\/2\">\n                        <div class=\"video-placeholder\" data-src=\"https:\/\/player.vimeo.com\/video\/1209409889?autoplay=1\"\n                            data-thumb=\"https:\/\/vumbnail.com\/1209409889.jpg\"\n                            style=\"background-image: url('https:\/\/vumbnail.com\/1209409889.jpg');\">\n                            <div class=\"play-button\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path d=\"M8 5.14v14l11-7-11-7z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Need Help Section -->\n        <section class=\"py-20 bg-white\">\n            <div class=\"fade-in-up\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold\">Need Help with Registration?<\/h2>\n                    <p class=\"text-gray-600 mt-2 max-w-3xl mx-auto\">Watch our step-by-step video tutorials or download the official user manuals to guide you through the registration process on the Skill India Portal.<\/p>\n                <\/div>\n                \n                <div class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 items-stretch px-4\">\n                    <!-- Column 1: Individual Video Guide -->\n                    <div class=\"premium-card premium-card-blue\">\n                        <div class=\"premium-card-header\">\n                            <div class=\"premium-icon-box premium-icon-blue\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; display: block;\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\" \/>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"premium-card-title\">Individual Registration<\/h3>\n                            <p class=\"premium-card-desc\">Watch the video tutorial explaining the individual participant registration process on the portal.<\/p>\n                        <\/div>\n                        <div class=\"video-placeholder w-full mt-auto\" data-src=\"https:\/\/player.vimeo.com\/video\/1208923365?autoplay=1\"\n                            data-thumb=\"https:\/\/vumbnail.com\/1208923365.jpg\"\n                            style=\"background-image: url('https:\/\/vumbnail.com\/1208923365.jpg'); border-radius: 0.5rem; overflow: hidden; aspect-ratio: 16\/9;\">\n                            <div class=\"play-button\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path d=\"M8 5.14v14l11-7-11-7z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Column 2: Team Video Guide -->\n                    <div class=\"premium-card premium-card-indigo\">\n                        <div class=\"premium-card-header\">\n                            <div class=\"premium-icon-box premium-icon-indigo\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; display: block;\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\" \/>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"premium-card-title\">Team Registration<\/h3>\n                            <p class=\"premium-card-desc\">Watch the video tutorial explaining how to register team-based skill categories on the portal.<\/p>\n                        <\/div>\n                        <div class=\"video-placeholder w-full mt-auto\" data-src=\"https:\/\/player.vimeo.com\/video\/1209305492?autoplay=1\"\n                            data-thumb=\"https:\/\/vumbnail.com\/1208923365.jpg\"\n                            style=\"background-image: url('https:\/\/vumbnail.com\/1208923365.jpg'); border-radius: 0.5rem; overflow: hidden; aspect-ratio: 16\/9;\">\n                            <div class=\"play-button\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path d=\"M8 5.14v14l11-7-11-7z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Column 3: User Manuals -->\n                    <div class=\"premium-card premium-card-purple\">\n                        <div class=\"premium-card-header\">\n                            <div class=\"premium-icon-box premium-icon-purple\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; display: block;\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"premium-card-title\">Official User Manuals<\/h3>\n                            <p class=\"premium-card-desc\">Download step-by-step PDF manual guides explaining individual and team registrations.<\/p>\n                        <\/div>\n                        \n                        <div class=\"w-full mt-auto\">\n                            <!-- Button 1 -->\n                            <a href=\"https:\/\/skill.jk.gov.in\/cms\/wp-content\/uploads\/2026\/07\/UserManual-IndividualSkill.pdf\" \n                                class=\"mockup-btn mockup-btn-blue\" style=\"margin-bottom: 1rem;\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"display: inline-block; vertical-align: middle; width: 1.25rem; height: 1.25rem; flex-shrink: 0; color: #ffffff; margin-right: 0.5rem;\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\" \/>\n                                <\/svg>\n                                <span>Individual Skills Manual<\/span>\n                            <\/a>\n                            <!-- Button 2 -->\n                            <a href=\"https:\/\/skill.jk.gov.in\/cms\/wp-content\/uploads\/2026\/07\/UserManual-TeamSkill.pdf\" \n                                class=\"mockup-btn mockup-btn-blue\" style=\"margin-bottom: 1rem;\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"display: inline-block; vertical-align: middle; width: 1.25rem; height: 1.25rem; flex-shrink: 0; color: #ffffff; margin-right: 0.5rem;\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\" \/>\n                                <\/svg>\n                                <span>Team Skills Manual<\/span>\n                            <\/a>\n                            <!-- Button 3 -->\n                            <a href=\"https:\/\/www.skillindiadigital.gov.in\/account\/register?returnUrl=%2Findia-skills-competition\" \n                                target=\"_blank\"\n                                class=\"mockup-btn mockup-btn-purple\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"display: inline-block; vertical-align: middle; width: 1.25rem; height: 1.25rem; flex-shrink: 0; color: #ffffff; margin-right: 0.5rem;\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n                                <\/svg>\n                                <span>Proceed to Register Now<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Skills Section -->\n        <section id=\"skills\" class=\"py-20 bg-slate-50 pattern-bg\">\n            <div class=\"fade-in-up\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold\">Explore the List of Skills You Can Compete In<\/h2>\n                    <p class=\"text-gray-600 mt-2\">Find your skill and check the age criteria.<\/p>\n                <\/div>\n\n                <div class=\"flex flex-col items-center justify-center mb-10\">\n                    <div class=\"bg-gray-200 p-1.5 rounded-xl flex space-x-2\">\n                        <button class=\"tab-button active py-2 px-4 md:px-6 rounded-lg text-sm md:text-base\"\n                            data-tab=\"tab1\">Born on or after 1 Jan 2006<\/button>\n                        <button class=\"tab-button py-2 px-4 md:px-6 rounded-lg text-sm md:text-base\"\n                            data-tab=\"tab2\">Born on or after 1 Jan 2003<\/button>\n                    <\/div>\n                    \n                    <div class=\"search-wrapper\">\n                        <input type=\"text\" id=\"skill-search\" class=\"search-input\" placeholder=\"Search skills (e.g. Bricklaying, Web, CAD)...\">\n                        <svg class=\"search-icon-svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" \/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n\n                <div id=\"tab1\" class=\"tab-content\">\n                    <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6 text-gray-700\">\n                        <!-- Skills for Tab 1 -->\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/232\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-red-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Bricklaying<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/243\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-pink-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M6.375 21v-4.5m11.25 4.5v-4.5m-11.25 0V15a2.25 2.25 0 012.25-2.25h6.75A2.25 2.25 0 0121 15v1.5m-11.25 0h6.75m-6.75 0V3.375c0-1.621 1.328-2.95 2.95-2.95h.05a2.95 2.95 0 012.95 2.95v1.5m-6.75 0h6.75\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Fashion Technology<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/544\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-teal-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M14.25 6.087c0-.595.484-1.087 1.088-1.087h.001c.603 0 1.087.492 1.087 1.087V6.75m-2.175 0c0 .595.484 1.087 1.088 1.087h.001c.603 0 1.087-.492 1.087-1.087V6.087m0 9.163c0 .595-.484 1.087-1.088 1.087h-.001c-.603 0-1.087-.492-1.087-1.087v-.663m2.175 0c0-.595-.484-1.087-1.088-1.087h-.001c-.603 0-1.087-.492-1.087-1.087v.663m-5.333-4.5a3.375 3.375 0 116.75 0 3.375 3.375 0 01-6.75 0z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Chemical Laboratory<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/236\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-yellow-800\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M2.25 7.125A2.25 2.25 0 014.5 4.875h15A2.25 2.25 0 0121.75 7.125v1.5A2.25 2.25 0 0119.5 10.875H4.5A2.25 2.25 0 012.25 8.625v-1.5zM2.25 15.375A2.25 2.25 0 014.5 13.125h15a2.25 2.25 0 012.25 2.25v1.5A2.25 2.25 0 0119.5 19.125H4.5A2.25 2.25 0 012.25 16.875v-1.5z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Cabinetmaking<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/240\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-rose-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193l-3.72 3.72a1.05 1.05 0 01-1.485 0l-3.72-3.72a2.333 2.333 0 01-1.98-2.193V10.608c0-.97.616-1.813 1.5-2.097m6.72 0c-1.105-1.105-2.915-1.105-4.02 0m4.02 0c1.105 1.105 1.105 2.915 0 4.02M16.5 12a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Floristry<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/219\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-gray-700\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">CNC Milling<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/238\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-orange-800\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M3 4.5h14.25M3 9h14.25m-14.25 4.5h14.25M3 18h14.25m5.25-10.5v1.5M19.5 15v1.5\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Carpentry<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/208\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-indigo-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M15.042 21.672L13.684 16.6m0 0l-2.51 2.225.569-9.47 5.227 7.917-3.286-.672zm-7.518-.267A8.25 8.25 0 1120.25 10.5M8.288 14.212A5.25 5.25 0 1117.25 10.5\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Graphic Design<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/218\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-gray-700\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">CNC Turning<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/430\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-gray-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M13.5 21v-7.5m-6 0V21M13.5 13.5h-6m-3-4.5v6.375c0 .621.504 1.125 1.125 1.125h13.5c.621 0 1.125-.504 1.125-1.125V9m-1.5-4.5H5.625c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125H18.375c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Concrete Construction<\/span><span\n                                class=\"badge-team\">Team Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/239\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-yellow-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Jewellery<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/228\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-sky-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.5 13.5h.008v.008h-.008v-.008z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Electronics<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/145\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-yellow-400\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Electrical Installations<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/336\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-purple-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Visual Merchandising<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/146\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-cyan-700\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M11.25 4.5l-.873.873a.75.75 0 000 1.06l4.25 4.25-4.25 4.25a.75.75 0 000 1.06l.873.873M21 12h-9.75\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Industrial Control<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/237\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-orange-900\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Joinery<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskillsindia.co.in\/file\/Skill-ISC-2025\/WSC2026_WSOS_PO2_Digital_Interactive_Media_Design.pdf\"\n                            target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18h3\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Digital Interactive\n                                Media<\/span><span class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/740\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-slate-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.438.995a6.427 6.427 0 010 .255c0 .382.146.755.438.995l1.003.827c.424.35.534.954.26 1.431l-1.296 2.247a1.125 1.125 0 01-1.37.49l-1.217-.456a1.125 1.125 0 01-1.075.124.938.938 0 01-.22.127c-.331.183-.581.495-.644.87l-.213 1.281c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.063-.374-.313-.686-.645-.87a1.125 1.125 0 01-.22-.127c-.324-.196-.72-.257-1.075-.124l-1.217.456a1.125 1.125 0 01-1.37-.49l-1.296-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.437-.995a6.427 6.427 0 010-.255c0-.382-.146-.755-.437-.995l-1.004-.827a1.125 1.125 0 01-.26-1.431l1.296-2.247a1.125 1.125 0 011.37-.49l1.217.456c.355.133.75.072 1.075-.124.072-.044.146-.087.22-.127.332-.183.582-.495.645-.87l.212-1.281zM12 15a3 3 0 100-6 3 3 0 000 6z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Industrial Mechanics<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/211\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-green-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M13.5 21v-7.5m-6 0V21M13.5 13.5h-6m6 0v-2.25c0-.621-.504-1.125-1.125-1.125H10.5m4.5 5.25v-2.25c0-.621-.504-1.125-1.125-1.125H10.5m0 0V9.75m0 0H7.5m3 0H6A2.25 2.25 0 013.75 7.5V5.25A2.25 2.25 0 016 3h12a2.25 2.25 0 012.25 2.25v2.25A2.25 2.25 0 0118 9.75h-1.5m-3 0h-3\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Landscape Gardening<\/span><span\n                                class=\"badge-team\">Team Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/212\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-800\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M21.75 17.25v-.228a4.5 4.5 0 00-.12-1.03l-2.268-9.64a3.375 3.375 0 00-3.285-2.602H7.92a3.375 3.375 0 00-3.285 2.602l-2.268 9.64a4.5 4.5 0 00-.12 1.03v.228m19.5 0a3 3 0 01-3 3H5.25a3 3 0 01-3-3m19.5 0a3 3 0 00-3-3H5.25a3 3 0 00-3 3m16.5 0h.008v.008h-.008v-.008zm-3 0h.008v.008h-.008v-.008z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">IT Network Systems Admin<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/217\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-slate-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12 21v-8.25M15.75 21v-8.25M8.25 21v-8.25M3 9l9-6 9 6m-1.5 12V10.332A48.36 48.36 0 0012 9.75c-2.551 0-5.056.2-7.5.582V21M3 21h18\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Mechanical Eng. CAD<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/234\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M8.25 21v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21m0 0h4.5A2.25 2.25 0 0019.5 18.75V10.5a2.25 2.25 0 00-2.25-2.25h-4.5m-4.5 0H5.625a2.25 2.25 0 01-2.25-2.25V5.25A2.25 2.25 0 015.625 3h4.5\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Painting and Decorating<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/221\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-green-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Software App Development<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/789\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-green-400\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Renewable Energy<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/235\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-stone-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Plastering &#038; Drywall<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/562\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-sky-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18h3m-3-18v1.5m-6.75 0h19.5\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Mobile App Development<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/222\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-orange-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M15.362 5.214A8.252 8.252 0 0112 21 8.25 8.25 0 016.038 7.048l5.962-5.962a3.375 3.375 0 014.774 4.774l-5.962 5.962\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Welding<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/227\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Plumbing &#038; Heating<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/127\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-purple-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Web Technologies<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskillsindia.co.in\/file\/Skill-ISC-2025\/WSC2026_WSOS_PO7_Unmanned_Aerial_Systems.pdf\"\n                            target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-gray-800\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path\n                                    d=\"M14.25 8.25a2.25 2.25 0 012.25 2.25v.75a2.25 2.25 0 01-2.25 2.25H9.75a2.25 2.25 0 01-2.25-2.25v-.75a2.25 2.25 0 012.25-2.25h4.5z\">\n                                <\/path>\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12 21.75l2.44-2.44a3.75 3.75 0 00-5.303 0L12 21.75z\"><\/path>\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21.75V19.5\"><\/path>\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12 4.5a3.75 3.75 0 013.75 3.75H8.25A3.75 3.75 0 0112 4.5z\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Unmanned Aerial Systems<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/249\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-cyan-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Refrigeration &#038; AC<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskillsindia.co.in\/file\/Skill-ISC-2025\/WSC2026_WSOS_PO3_Intelligent_Security_Technology.pdf\"\n                            target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-900\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.6-3.75M15.75 9.75c0-1.036-.426-2.083-1.125-2.828A4.5 4.5 0 0012 5.25v1.5a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v-1.5a4.5 4.5 0 00-2.625 1.672A4.5 4.5 0 006 9.75v1.5a.75.75 0 01-.75.75H3.75a.75.75 0 01-.75-.75v-1.5a11.956 11.956 0 012.162-6.422 11.956 11.956 0 016.422-2.162 11.956 11.956 0 016.422 2.162 11.956 11.956 0 012.162 6.422v1.5a.75.75 0 01-.75.75h-1.5a.75.75 0 01-.75-.75v-1.5z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Intelligent Security<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/128\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-amber-700\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M13.5 21v-7.5l-3.5-3.5L12 4.5l3.5 3.5-3.5 3.5v7.5zM13.5 21h-3\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Bakery<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/224\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-gray-400\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M9 4.5v15m6-15v15m-10.5-6H21m-21-6H21\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Wall &#038; Floor Tiling<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskillsindia.co.in\/file\/Skill-ISC-2025\/WSC2026_WSOS_PO6_Software_Testing.pdf\"\n                            target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-red-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Software Testing<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/125\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-pink-400\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M15.59 14.37a6 6 0 01-5.84 7.38v-4.82m5.84-2.56a14.96 14.96 0 00-5.84-2.56m-2.733 8.314c1.162.33 2.396.488 3.655.57m-3.655-.57a15.035 15.035 0 00-6.425-3.11C3.414 14.803 3 13.963 3 13.111v-1.424c0-.828.414-1.623 1.115-2.073.473-.304.992-.515 1.54-.645a15.02 15.02 0 0110.634 0c.548.13.967.34 1.54.645.7.45 1.115 1.245 1.115 2.073v1.424c0 .852-.414 1.692-1.115 2.073a15.035 15.035 0 00-6.425 3.11m-3.655-.57l-1.928 1.928a3 3 0 004.243 4.243l1.928-1.928m-3.655-.57a3 3 0 014.243 0\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Beauty Therapy<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/483\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-purple-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M21 7.5l-2.25-1.313M21 7.5v2.25m0-2.25l-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3l2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75v-2.25m0 0l-2.25-1.313M12 21.75l2.25-1.313M12 21.75v-2.25m2.25-9l2.25-1.313M18.75 10.5l-2.25-1.313M18.75 10.5V12.75m-7.5-6l-2.25-1.313M9 7.5l2.25-1.313M9 7.5l2.25 1.313\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">3D Digital Game Art<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/9\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-800\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 21v-1.5M15.75 3v1.5m0 15v-1.5\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Autonomous Mobile\n                                Robotics<\/span><span class=\"badge-team\">Team Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/40\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-red-400\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Health and Social Care<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/245\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-orange-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Cooking<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/114\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-yellow-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Hairdressing<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/547\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-indigo-400\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Hotel Reception<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/209\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-amber-800\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M2.25 12a8.954 8.954 0 0119.5 0M2.25 12h19.5\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Patisserie &#038;\n                                Confectionery<\/span><span class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/246\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-lime-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M9 12.75l3 3m0 0l3-3m-3 3v-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Restaurant Service<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskillsindia.co.in\/file\/Skill-ISC-2025\/WSC2026_WSOS_PO5_Retail_Sales.pdf\"\n                            target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-green-700\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c.51 0 .962-.328 1.095-.824l1.123-4.491c.12-.479-.196-1.011-.745-1.011H5.25l-.478-1.942m10.278 9a3 3 0 100-6 3 3 0 000 6z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Retail Sales<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/225\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-red-700\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12.75 21v-2.25m0 0a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v2.25m0 0a2.25 2.25 0 01-2.25-2.25H3.75a2.25 2.25 0 01-2.25-2.25V8.25a2.25 2.25 0 012.25-2.25h1.5a2.25 2.25 0 012.25 2.25v2.25m6.75 0v-2.25a2.25 2.25 0 00-2.25-2.25H9.75a2.25 2.25 0 00-2.25 2.25v2.25m0 0h2.25a2.25 2.25 0 012.25 2.25v2.25m2.25-13.5h-2.25a2.25 2.25 0 00-2.25 2.25v2.25m4.5 0a2.25 2.25 0 01-2.25 2.25H6.75a2.25 2.25 0 01-2.25-2.25v-2.25m11.25 0h-2.25a2.25 2.25 0 00-2.25 2.25v2.25\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Autobody Repair<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/244\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-700\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m-3-6h6\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Automobile Technology<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/247\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-red-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M9 9.563C9 9.252 9.252 9 9.563 9h4.874c.311 0 .563.252.563.563v4.874c0 .311-.252.563-.563.563H9.564A.562.562 0 019 14.437V9.564z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Car Painting<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/432\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-black\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Heavy Vehicle Technology<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/484\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-gray-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path\n                                    d=\"M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Logistics &#038; Freight<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div id=\"tab2\" class=\"tab-content hidden\">\n                    <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6 text-gray-700\">\n                        <!-- Skills for Tab 2 -->\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/566\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-700\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Digital Construction<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/557\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-violet-700\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12 20.25c4.97 0 9-3.694 9-8.25s-4.03-8.25-9-8.25S3 7.056 3 12s4.03 8.25 9 8.25z\">\n                                <\/path>\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12 12.75c2.686 0 4.875-1.86 4.875-4.125S14.686 4.5 12 4.5 7.125 6.36 7.125 8.625 9.314 12.75 12 12.75z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Industrial Design Tech<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/787\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-cyan-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M8.25 7.5V6a2.25 2.25 0 012.25-2.25h3a2.25 2.25 0 012.25 2.25v1.5m-9 3.75h9m-9 3.75h9m-9 3.75h9M3 12a9 9 0 1118 0 9 9 0 01-18 0z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Optoelectronic Tech<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/545\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-sky-400\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M2.25 15a4.5 4.5 0 004.5 4.5H18a3.75 3.75 0 001.332-7.257 3 3 0 00-2.43-2.43A3.75 3.75 0 0013.5 3H9.75a4.5 4.5 0 00-4.5 4.5v.75z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Cloud Computing<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/785\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-gray-700\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M21 7.5l-2.25-1.313M21 7.5v2.25m0-2.25l-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3l2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75v-2.25m0 0l-2.25-1.313M12 21.75l2.25-1.313M12 21.75v-2.25m2.25-9l2.25-1.313M18.75 10.5l-2.25-1.313M18.75 10.5V12.75m-7.5-6l-2.25-1.313M9 7.5l2.25-1.313M9 7.5l2.25 1.313\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Additive Manufacturing<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/558\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-800\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 21v-1.5M15.75 3v1.5m0 15v-1.5\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Robot Systems\n                                Integration<\/span><span class=\"badge-team\">Team Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/546\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-red-600\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Cyber Security<\/span><span\n                                class=\"badge-team\">Team Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/786\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-indigo-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Industry 4.0<\/span><span\n                                class=\"badge-team\">Team Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/485\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-400\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 01-1.414 1.414l-2.594 2.594a1.5 1.5 0 01-2.122 0L2.25 18z\">\n                                <\/path>\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M10.5 6a7.5 7.5 0 1010.5 10.5c-4.142 0-7.5-3.358-7.5-7.5z\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Water Technology<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/82\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-blue-800\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M21.75 17.25v-.228a4.5 4.5 0 00-.12-1.03l-2.268-9.64a3.375 3.375 0 00-3.285-2.602H7.92a3.375 3.375 0 00-3.285 2.602l-2.268 9.64a4.5 4.5 0 00-.12 1.03v.228m19.5 0a3 3 0 01-3 3H5.25a3 3 0 01-3-3m19.5 0a3 3 0 00-3-3H5.25a3 3 0 00-3 3m16.5 0h.008v.008h-.008v-.008zm-3 0h.008v.008h-.008v-.008z\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">ICT Network\n                                Infrastructure<\/span><span class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/216\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-purple-800\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Mechatronics<\/span><span\n                                class=\"badge-team\">Team Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskillsindia.co.in\/file\/Skill-ISC-2025\/WSC2026_WSOS_PO1_Dental_Prosthetics.pdf\"\n                            target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-gray-400\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m-3-6h6\"><\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Dental Prosthetics<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                        <a href=\"https:\/\/worldskills.org\/skills\/id\/177\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n                            class=\"bg-white rounded-xl shadow-md p-4 flex flex-col items-center justify-center text-center transition-all duration-300 hover:shadow-xl hover:-translate-y-1.5 hover:border-blue-500 border border-transparent\"><svg\n                                width=\"40\" height=\"40\" class=\"w-10 h-10 mb-3 text-gray-500\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                    d=\"M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5\">\n                                <\/path>\n                            <\/svg><span class=\"font-semibold text-gray-700 text-sm\">Aircraft Maintenance<\/span><span\n                                class=\"badge-individual\">Individual Skill<\/span><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- How to Register Section -->\n        <section id=\"register\" class=\"py-20 bg-white\">\n            <div class=\"fade-in-up\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold\">Ready to Compete<\/h2>\n                    <p class=\"text-gray-600 mt-2\">Follow these simple steps to register.<\/p>\n                <\/div>\n                <div class=\"max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n                    <div class=\"flex flex-col items-center\">\n                        <div\n                            class=\"flex items-center justify-center w-20 h-20 bg-amber-400 text-white rounded-full text-2xl font-bold mb-4 shadow-lg\">\n                            1<\/div>\n                        <h3 class=\"text-xl font-semibold mb-2\">Visit the Portal<\/h3>\n                        <p class=\"text-gray-600\">Click on the registration link to go to the official Skill India\n                            Portal.<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col items-center\">\n                        <div\n                            class=\"flex items-center justify-center w-20 h-20 bg-amber-400 text-white rounded-full text-2xl font-bold mb-4 shadow-lg\">\n                            2<\/div>\n                        <h3 class=\"text-xl font-semibold mb-2\">Fill Your Details<\/h3>\n                        <p class=\"text-gray-600\">Complete the online application form with your personal, educational\n                            and address details.<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col items-center\">\n                        <div\n                            class=\"flex items-center justify-center w-20 h-20 bg-amber-400 text-white rounded-full text-2xl font-bold mb-4 shadow-lg\">\n                            3<\/div>\n                        <h3 class=\"text-xl font-semibold mb-2\">Submit &#038; Prepare<\/h3>\n                        <p class=\"text-gray-600\">Submit your application and start preparing. We will contact you for\n                            the next steps.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"text-center mt-12\">\n                    <a href=\"https:\/\/www.skillindiadigital.gov.in\/account\/register?returnUrl=%2Findia-skills-competition\"\n                        target=\"_blank\"\n                        class=\"px-10 py-4 text-lg text-white font-bold rounded-lg cta-gradient shadow-xl transition-transform transform hover:scale-105 inline-block\">\n                        Go to Registration Portal\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\t\t<!-- NEW: Download App Section -->\n        <section class=\"py-20 bg-gradient-to-b from-blue-50 to-white\">\n            <div class=\"fade-in-up\">\n                <div class=\"text-center mb-12\">\n                    <h2\n                        class=\"text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600\">\n                        Apply via Mobile App<\/h2>\n                    <p class=\"text-gray-600 mt-2 max-w-3xl mx-auto\">To apply for the IndiaSkills competition through\n                        mobile app, please download the Skill India Digital Hub app from your respective store.<\/p>\n                <\/div>\n                <div class=\"flex flex-col sm:flex-row items-center justify-center gap-6\">\n                    <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.nsdcindia.skillindiaplatform&#038;hl=en_IN\"\n                        target=\"_blank\"\n                        class=\"w-full max-w-xs text-center px-8 py-4 text-lg text-white font-bold rounded-full bg-gradient-to-r from-green-500 to-emerald-500 hover:from-green-600 hover:to-emerald-600 shadow-lg transition-transform transform hover:scale-105 inline-flex items-center justify-center\">\n                        <svg class=\"w-6 h-6 mr-3\" fill=\"currentColor\" viewBox=\"0 0 24 24\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M3 22V2l18 10L3 22z\" \/>\n                        <\/svg>\n                        Download for Android\n                    <\/a>\n                    <a href=\"https:\/\/apps.apple.com\/in\/app\/skill-india-digital-hub\/id1631506973\" target=\"_blank\"\n                        class=\"w-full max-w-xs text-center px-8 py-4 text-lg text-white font-bold rounded-full bg-gradient-to-r from-slate-700 to-slate-900 hover:from-slate-800 hover:to-black shadow-lg transition-transform transform hover:scale-105 inline-flex items-center justify-center\">\n                        <svg class=\"w-6 h-6 mr-3\" fill=\"currentColor\" viewBox=\"0 0 24 24\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path\n                                d=\"M17.4,13.3c-0.1-1.4,1-2.4,1-2.4c-0.8-1.2-2-1.4-2.5-1.5c-1.1-0.2-2.2,0.5-2.8,0.5c-0.6,0-1.5-0.5-2.6-0.5c-1.3,0-2.5,0.6-3.2,1.6c-1.4,1.8-0.4,4.4,1,5.9c0.7,0.7,1.5,1.6,2.6,1.5c1.1,0,1.5-0.7,2.8-0.7c1.3,0,1.6,0.7,2.8,0.7c1.1,0.1,1.9-0.8,2.5-1.5c0.3-0.4,0.6-0.8,0.8-1.3C19.7,16.3,17.4,15.4,17.4,13.3z M14.6,3.6C15.4,4.5,16,5.8,16,7.1C16,5.7,15.5,4.5,14.6,3.6z\" \/>\n                        <\/svg>\n                        Download for iOS\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n        <!-- Journey to Excellence Section -->\n        <section class=\"py-20 bg-slate-50\">\n            <div class=\"fade-in-up\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold\">Journey to Excellence: Highlights from Previous Competitions<\/h2>\n                <\/div>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    <div class=\"w-full\">\n                        <h3 class=\"text-xl font-semibold text-center mb-4\">Highlights of J&#038;K (UT Level) IndiaSkills<\/h3>\n                        <div class=\"video-placeholder\" data-src=\"https:\/\/player.vimeo.com\/video\/1114457190?autoplay=1\"\n                            data-thumb=\"https:\/\/vumbnail.com\/1114457190.jpg\"\n                            style=\"background-image: url('https:\/\/vumbnail.com\/1114457190.jpg');\">\n                            <div class=\"play-button\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path d=\"M8 5.14v14l11-7-11-7z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"w-full\">\n                        <h3 class=\"text-xl font-semibold text-center mb-4\">Highlights of National Level IndiaSkills<\/h3>\n                        <div class=\"video-placeholder\" data-src=\"https:\/\/www.youtube.com\/embed\/vkxSMCyNMeg?autoplay=1\"\n                            data-thumb=\"https:\/\/img.youtube.com\/vi\/vkxSMCyNMeg\/hqdefault.jpg\"\n                            style=\"background-image: url('https:\/\/img.youtube.com\/vi\/vkxSMCyNMeg\/hqdefault.jpg');\">\n                            <div class=\"play-button\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path d=\"M8 5.14v14l11-7-11-7z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-center mt-12\">\n                    <a href=\"https:\/\/www.skillindiadigital.gov.in\/account\/register?returnUrl=%2Findia-skills-competition\"\n                        target=\"_blank\"\n                        class=\"px-8 py-4 text-lg text-white font-bold rounded-lg cta-gradient shadow-xl transition-transform transform hover:scale-105 inline-block\">\n                        \ud83d\ude80 Don&#8217;t Miss Out! Register Now for IndiaSkills!\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- FAQ Section -->\n        <section id=\"faqs\" class=\"faq-section bg-slate-50 border-t border-b border-gray-100\">\n            <div class=\"faq-container px-4\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold text-gray-900\">Frequently Asked Questions<\/h2>\n                    <p class=\"text-gray-600 mt-2\">Find answers to the most common queries about the IndiaSkills competition.<\/p>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-trigger\">\n                        <span class=\"faq-question\">Who is eligible to participate in IndiaSkills?<\/span>\n                        <svg class=\"faq-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0;\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"faq-panel\">\n                        <div class=\"faq-answer\">\n                            Eligibility is based solely on your birth date. Anyone born on or after 1 January 2006 is eligible for standard skills (Tab 1), while those born on or after 1 January 2003 are eligible for specific advanced skills like Cloud Computing, Cyber Security, Mechatronics, and Robot Systems Integration (Tab 2). No formal degrees or academic qualifications are required!\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-trigger\">\n                        <span class=\"faq-question\">Are there any fees or costs involved in participating?<\/span>\n                        <svg class=\"faq-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0;\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"faq-panel\">\n                        <div class=\"faq-answer\">\n                            No, participation is completely free. All expenses, including training, travel, accommodation, and food during regional, national, and international stages, are fully sponsored and covered by the Government.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-trigger\">\n                        <span class=\"faq-question\">What are the different competitive stages?<\/span>\n                        <svg class=\"faq-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0;\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"faq-panel\">\n                        <div class=\"faq-answer\">\n                            The competition progresses across four main stages:\n                            <ol style=\"list-style-type: decimal; margin-left: 1.5rem; margin-top: 0.5rem;\">\n                                <li style=\"margin-bottom: 0.25rem;\"><strong>UT\/State Level:<\/strong> Initial selection within Jammu &#038; Kashmir.<\/li>\n                                <li style=\"margin-bottom: 0.25rem;\"><strong>Regional Level:<\/strong> Competitors face winners from other states in the region.<\/li>\n                                <li style=\"margin-bottom: 0.25rem;\"><strong>National Level (IndiaSkills):<\/strong> Regional winners compete to become national champions.<\/li>\n                                <li style=\"margin-bottom: 0.25rem;\"><strong>World Level (WorldSkills):<\/strong> National champions undergo rigorous training to represent India globally.<\/li>\n                            <\/ol>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-trigger\">\n                        <span class=\"faq-question\">What is the difference between Individual and Team Skills?<\/span>\n                        <svg class=\"faq-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0;\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"faq-panel\">\n                        <div class=\"faq-answer\">\n                            <strong>Individual Skills:<\/strong> Skills where a single competitor represents themselves (e.g., Bricklaying, Fashion Technology, Cooking).<br>\n                            <strong>Team Skills:<\/strong> Skills requiring a group of two or more individuals working collaboratively (e.g., Cyber Security, Mechatronics, Robot Systems Integration, Industry 4.0).\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-trigger\">\n                        <span class=\"faq-question\">What kind of training is provided to selected competitors?<\/span>\n                        <svg class=\"faq-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0;\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"faq-panel\">\n                        <div class=\"faq-answer\">\n                            Selected UT\/State winners receive free intensive boot camp trainings. These are conducted by industry experts, academic partners, and former champions to refine technical expertise and mentally prepare candidates for the national and international arenas.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Contact Section -->\n        <section id=\"contact\" class=\"py-20 bg-white\">\n            <div class=\"text-center fade-in-up\">\n                <h2 class=\"text-3xl font-bold mb-4\">Have Questions We&#8217;re Here to Help!<\/h2>\n                <p class=\"text-gray-600 mb-8 max-w-2xl mx-auto\">For any queries regarding IndiaSkills competitions, feel\n                    free to reach out to us.<\/p>\n                <div\n                    class=\"max-w-3xl mx-auto bg-white p-8 rounded-xl shadow-lg flex flex-col md:flex-row justify-around items-center gap-8\">\n                    <div class=\"flex items-center gap-4\">\n                        <svg class=\"w-8 h-8 text-blue-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\"\n                            viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z\">\n                            <\/path>\n                        <\/svg>\n                        <div>\n                            <span class=\"block text-gray-500\">Mobile:<\/span>\n                            <a href=\"tel:9797110720\"\n                                class=\"text-lg font-semibold text-gray-800 hover:text-blue-600 transition-colors\">9797110720<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex items-center gap-4\">\n                        <svg class=\"w-8 h-8 text-blue-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\"\n                            viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                d=\"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75\">\n                            <\/path>\n                        <\/svg>\n                        <div>\n                            <span class=\"block text-gray-500\">Email:<\/span>\n                            <a href=\"mailto:indiaskillsjk@gmail.com\"\n                                class=\"text-lg font-semibold text-gray-800 hover:text-blue-600 transition-colors\">indiaskillsjk@gmail.com<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"mt-10\">\n                    <a href=\"https:\/\/worldskillsindia.co.in\/downloads.php\"\n                        class=\"px-8 py-4 text-lg text-white font-bold rounded-full cta-gradient shadow-lg transition-transform transform hover:scale-105 inline-block\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 inline-block -mt-1 mr-2\" fill=\"none\"\n                            viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"M12 6.253v11.494m-9-5.747h18\"><\/path>\n                        <\/svg>\n                        Download Complete Skill Description &#038; Rulebook\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n\n            \/\/ --- OPTIMIZATION: Lazy Load Videos & Lightbox Modal ---\n            const videoPlaceholders = document.querySelectorAll('.video-placeholder');\n            \n            function openVideoModal(src) {\n                \/\/ Create backdrop overlay\n                const overlay = document.createElement('div');\n                overlay.style.position = 'fixed';\n                overlay.style.top = '0';\n                overlay.style.left = '0';\n                overlay.style.width = '100vw';\n                overlay.style.height = '100vh';\n                overlay.style.backgroundColor = 'rgba(15, 23, 42, 0.85)';\n                overlay.style.backdropFilter = 'blur(8px)';\n                overlay.style.zIndex = '99999';\n                overlay.style.display = 'flex';\n                overlay.style.alignItems = 'center';\n                overlay.style.justifyContent = 'center';\n                overlay.style.opacity = '0';\n                overlay.style.transition = 'opacity 0.3s ease';\n                \n                \/\/ Create modal container\n                const container = document.createElement('div');\n                container.style.position = 'relative';\n                container.style.width = '90%';\n                container.style.maxWidth = '850px';\n                container.style.aspectRatio = '16\/9';\n                container.style.backgroundColor = '#000000';\n                container.style.borderRadius = '1rem';\n                container.style.overflow = 'hidden';\n                container.style.boxShadow = '0 25px 50px -12px rgba(0, 0, 0, 0.5)';\n                container.style.transform = 'scale(0.9)';\n                container.style.transition = 'transform 0.3s cubic-bezier(0.16, 1, 0.3, 1)';\n                \n                \/\/ Create iframe\n                const iframe = document.createElement('iframe');\n                iframe.setAttribute('src', src);\n                iframe.setAttribute('frameborder', '0');\n                iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen');\n                iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');\n                iframe.setAttribute('allowfullscreen', '');\n                iframe.style.width = '100%';\n                iframe.style.height = '100%';\n                \n                \/\/ Create close button\n                const closeBtn = document.createElement('button');\n                closeBtn.innerHTML = `\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"width: 1.5rem; height: 1.5rem; display: block; color: #ffffff;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M6 18L18 6M6 6l12 12\" \/>\n                    <\/svg>\n                `;\n                closeBtn.style.position = 'absolute';\n                closeBtn.style.top = '-3.5rem';\n                closeBtn.style.right = '0';\n                closeBtn.style.backgroundColor = 'rgba(255, 255, 255, 0.1)';\n                closeBtn.style.border = 'none';\n                closeBtn.style.borderRadius = '9999px';\n                closeBtn.style.padding = '0.5rem';\n                closeBtn.style.cursor = 'pointer';\n                closeBtn.style.transition = 'all 0.2s ease';\n                closeBtn.onmouseover = () => {\n                    closeBtn.style.backgroundColor = 'rgba(255, 255, 255, 0.2)';\n                    closeBtn.style.transform = 'scale(1.05)';\n                };\n                closeBtn.onmouseout = () => {\n                    closeBtn.style.backgroundColor = 'rgba(255, 255, 255, 0.1)';\n                    closeBtn.style.transform = 'scale(1)';\n                };\n                \n                \/\/ Append elements\n                container.appendChild(iframe);\n                container.appendChild(closeBtn);\n                overlay.appendChild(container);\n                document.body.appendChild(overlay);\n                \n                \/\/ Animate open\n                requestAnimationFrame(() => {\n                    overlay.style.opacity = '1';\n                    container.style.transform = 'scale(1)';\n                });\n                \n                \/\/ Close function\n                const close = () => {\n                    overlay.style.opacity = '0';\n                    container.style.transform = 'scale(0.9)';\n                    setTimeout(() => {\n                        document.body.removeChild(overlay);\n                    }, 300);\n                };\n                \n                closeBtn.onclick = close;\n                overlay.onclick = (e) => {\n                    if (e.target === overlay) close();\n                };\n            }\n\n            videoPlaceholders.forEach(placeholder => {\n                if (placeholder.dataset.thumb) {\n                    const img = new Image();\n                    img.onload = () => {\n                        placeholder.style.backgroundImage = 'url(' + placeholder.dataset.thumb + ')';\n                    };\n                    img.onerror = () => {\n                        placeholder.classList.add('thumbnail-fallback');\n                    };\n                    img.src = placeholder.dataset.thumb;\n                }\n                placeholder.addEventListener('click', () => openVideoModal(placeholder.dataset.src));\n            });\n\n            \/\/ --- OPTIMIZATION: Prevent Marquee FOUC ---\n            const marquee = document.querySelector('.marquee-container');\n            if (marquee) {\n                marquee.style.visibility = 'visible';\n                marquee.querySelector('.marquee-content').style.animation = 'marquee 30s linear infinite';\n            }\n\n            \/\/ --- Date Change 3: Countdown Timer ---\n            const countDownDate = new Date(\"Oct 15, 2025 23:59:59\").getTime();\n            const timer = setInterval(function () {\n                const now = new Date().getTime();\n                const distance = countDownDate - now;\n\n                const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n                const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n                const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n                const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n                const daysEl = document.getElementById(\"days\");\n                const hoursEl = document.getElementById(\"hours\");\n                const minutesEl = document.getElementById(\"minutes\");\n                const secondsEl = document.getElementById(\"seconds\");\n\n                if (daysEl && hoursEl && minutesEl && secondsEl) {\n                    daysEl.innerText = String(days).padStart(2, '0');\n                    hoursEl.innerText = String(hours).padStart(2, '0');\n                    minutesEl.innerText = String(minutes).padStart(2, '0');\n                    secondsEl.innerText = String(seconds).padStart(2, '0');\n                }\n\n                if (distance < 0) {\n                    clearInterval(timer);\n                    const countdownTimerEl = document.getElementById(\"countdown-timer\");\n                    if (countdownTimerEl) {\n                        countdownTimerEl.innerHTML = \"<div class='text-2xl font-bold'>Registration Closed<\/div>\";\n                    }\n                }\n            }, 1000);\n\n            \/\/ --- Tabs functionality ---\n            const tabButtons = document.querySelectorAll('.tab-button');\n            const tabContents = document.querySelectorAll('.tab-content');\n            tabButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    tabButtons.forEach(btn => btn.classList.remove('active'));\n                    tabContents.forEach(content => content.classList.add('hidden'));\n\n                    button.classList.add('active');\n                    const tabId = button.getAttribute('data-tab');\n                    const activeTab = document.getElementById(tabId);\n                    if (activeTab) {\n                        activeTab.classList.remove('hidden');\n                    }\n                    filterSkills();\n                });\n            });\n\n            \/\/ --- Skills Search Feature ---\n            const searchInput = document.getElementById('skill-search');\n            const tab1Content = document.getElementById('tab1');\n            const tab2Content = document.getElementById('tab2');\n            \n            function filterSkills() {\n                if (!searchInput) return;\n                const query = searchInput.value.toLowerCase().trim();\n                const activeTab = tab1Content.classList.contains('hidden') ? tab2Content : tab1Content;\n                const cards = activeTab.querySelectorAll('a');\n                let visibleCount = 0;\n\n                cards.forEach(card => {\n                    \/\/ Match skill name or badge type\n                    const skillName = card.querySelector('.font-semibold') ? card.querySelector('.font-semibold').textContent.toLowerCase() : '';\n                    const badge = card.querySelector('[class*=\"badge\"]') ? card.querySelector('[class*=\"badge\"]').textContent.toLowerCase() : '';\n                    if (skillName.includes(query) || badge.includes(query)) {\n                        card.style.setProperty('display', 'flex', 'important');\n                        visibleCount++;\n                    } else {\n                        card.style.setProperty('display', 'none', 'important');\n                    }\n                });\n\n                \/\/ Handle empty state\n                let emptyState = activeTab.querySelector('.skills-empty-state');\n                if (!emptyState) {\n                    emptyState = document.createElement('div');\n                    emptyState.className = 'skills-empty-state';\n                    emptyState.innerHTML = `\n                        <div style=\"font-size: 2rem; margin-bottom: 0.5rem;\">\ud83d\udd0d<\/div>\n                        <h4 style=\"font-size: 1.125rem; font-weight: 700; color: #1e3a8a; margin: 0 0 0.25rem 0;\">No Skills Found<\/h4>\n                        <p style=\"margin: 0; color: #64748b; font-size: 0.875rem;\">Try searching for a different keyword.<\/p>\n                    `;\n                    const gridContainer = activeTab.querySelector('.grid') || activeTab.firstElementChild;\n                    if (gridContainer) {\n                        gridContainer.appendChild(emptyState);\n                    }\n                }\n\n                if (visibleCount === 0) {\n                    emptyState.style.display = 'block';\n                } else {\n                    emptyState.style.display = 'none';\n                }\n            }\n\n            if (searchInput) {\n                searchInput.addEventListener('input', filterSkills);\n            }\n\n            \/\/ --- FAQ Accordion functionality ---\n            const faqTriggers = document.querySelectorAll('.faq-trigger');\n            faqTriggers.forEach(trigger => {\n                trigger.addEventListener('click', () => {\n                    const item = trigger.parentElement;\n                    const panel = trigger.nextElementSibling;\n                    const isActive = item.classList.contains('active');\n\n                    \/\/ Close all FAQs first\n                    document.querySelectorAll('.faq-item').forEach(faqItem => {\n                        faqItem.classList.remove('active');\n                        faqItem.querySelector('.faq-panel').style.maxHeight = null;\n                    });\n\n                    if (!isActive) {\n                        item.classList.add('active');\n                        panel.style.maxHeight = panel.scrollHeight + \"px\";\n                    }\n                });\n            });\n\n            \/\/ --- Scroll Animation ---\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('visible');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            const elements = document.querySelectorAll('.fade-in-up');\n            elements.forEach(el => observer.observe(el));\n\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>IndiaSkills Competition 2026-27 &#8211; J&#038;K Skill Development Mission \ud83d\udd25 IndiaSkills 2026-27 Registrations are now Open! Register Now \u2022 \ud83d\udd25 IndiaSkills 2026-27 Registrations are now Open! Register Now \u2022 \ud83d\udd25 IndiaSkills 2026-27 Registrations are now Open! Register Now \u2022 \ud83d\udd25 IndiaSkills 2026-27 Registrations are now Open! Register Now \u2022 IndiaSkills2026-27 \u2013 Nation\u2019s Largest Skill Competition! \ud83d\ude80 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-745","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_structure_type":"type-4","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/pages\/745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/comments?post=745"}],"version-history":[{"count":20,"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/pages\/745\/revisions"}],"predecessor-version":[{"id":985,"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/pages\/745\/revisions\/985"}],"wp:attachment":[{"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/media?parent=745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}