{"id":1752,"date":"2026-08-10T03:50:37","date_gmt":"2026-08-10T03:50:37","guid":{"rendered":"https:\/\/www.certesindia.com\/ms-systems\/?page_id=1752"},"modified":"2026-08-21T18:08:50","modified_gmt":"2026-08-21T18:08:50","slug":"projects","status":"publish","type":"page","link":"https:\/\/www.certesindia.com\/ms-systems\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1752\" class=\"elementor elementor-1752\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87fc44c e-flex e-con-boxed e-con e-parent\" data-id=\"87fc44c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-420ac62 elementor-widget elementor-widget-heading\" data-id=\"420ac62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Projects<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d498d68 e-grid project-tiles e-con-boxed e-con e-parent\" data-id=\"d498d68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<a class=\"elementor-element elementor-element-ce27197 e-con-full e-flex e-con e-child\" data-id=\"ce27197\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7eb8c5a elementor-widget elementor-widget-html\" data-id=\"7eb8c5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-youtube-video\">\n\n    <img decoding=\"async\"\n        class=\"youtube-thumbnail\"\n        src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/Arham-Enclave.jpg\"\n        alt=\"Arham Enclave\"\n    >\n\n    <iframe\n        class=\"youtube-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/VcU6vMesY14?enablejsapi=1&autoplay=0&mute=1&controls=0&loop=1&playlist=VcU6vMesY14&rel=0&playsinline=1\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen>\n    <\/iframe>\n\n<\/div>\n\n<style>\n.hover-youtube-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n.hover-youtube-video .youtube-thumbnail {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 2;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n}\n\n.hover-youtube-video .youtube-player {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    z-index: 1;\n    transform: scale(1.02);\n    transition: transform 0.6s ease;\n}\n\n.hover-youtube-video.is-playing .youtube-thumbnail {\n    opacity: 0;\n}\n\n.hover-youtube-video:hover .youtube-player {\n    transform: scale(1.04);\n}\n<\/style>\n\n<script>\n(function () {\n\n    if (!window.YouTubeHoverCards) {\n        window.YouTubeHoverCards = {\n            players: [],\n            ready: false,\n            callbacks: []\n        };\n\n        if (!window.YT) {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/www.youtube.com\/iframe_api';\n            document.head.appendChild(script);\n        }\n\n        window.onYouTubeIframeAPIReady = function () {\n            window.YouTubeHoverCards.ready = true;\n\n            window.YouTubeHoverCards.callbacks.forEach(function (callback) {\n                callback();\n            });\n\n            window.YouTubeHoverCards.callbacks = [];\n        };\n    }\n\n    const cards = document.querySelectorAll('.hover-youtube-video');\n\n    cards.forEach(function (card) {\n\n        const iframe = card.querySelector('.youtube-player');\n        if (!iframe) return;\n\n        let player = null;\n\n        function initPlayer() {\n\n            if (player) return;\n\n            player = new YT.Player(iframe, {\n\n                events: {\n\n                    onReady: function () {\n                        player.mute();\n                    },\n\n                    onStateChange: function (event) {\n\n                        if (event.data === YT.PlayerState.PLAYING) {\n                            card.classList.add('is-playing');\n                        }\n\n                        if (\n                            event.data === YT.PlayerState.PAUSED ||\n                            event.data === YT.PlayerState.ENDED\n                        ) {\n                            card.classList.remove('is-playing');\n                        }\n\n                    }\n\n                }\n\n            });\n        }\n\n        if (\n            window.YouTubeHoverCards.ready &&\n            window.YT &&\n            window.YT.Player\n        ) {\n            initPlayer();\n        } else {\n            window.YouTubeHoverCards.callbacks.push(initPlayer);\n        }\n\n        card.addEventListener('mouseenter', function () {\n\n            if (!player) return;\n\n            player.mute();\n            player.playVideo();\n\n        });\n\n        card.addEventListener('mouseleave', function () {\n\n            if (!player) return;\n\n            player.pauseVideo();\n            card.classList.remove('is-playing');\n\n        });\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f494e69 e-con-full e-flex e-con e-child\" data-id=\"f494e69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4cfc47 elementor-widget elementor-widget-heading\" data-id=\"c4cfc47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Arham Enclave<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb5aa9a elementor-widget elementor-widget-heading\" data-id=\"fb5aa9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\"> 18KW | Kochi | Kerala<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-fc74afd e-con-full e-flex e-con e-child\" data-id=\"fc74afd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e8e761 elementor-widget elementor-widget-html\" data-id=\"6e8e761\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-youtube-video\">\n\n    <img decoding=\"async\"\n        class=\"youtube-thumbnail\"\n        src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/Bhavani-motors.jpg\"\n        alt=\"Bhavani Motors\"\n    >\n\n    <iframe\n        class=\"youtube-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/MvCoXjgI_XY?enablejsapi=1&autoplay=0&mute=1&controls=0&loop=1&playlist=MvCoXjgI_XY&rel=0&playsinline=1\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen>\n    <\/iframe>\n\n<\/div>\n\n<style>\n.hover-youtube-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n.hover-youtube-video .youtube-thumbnail {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 2;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n}\n\n.hover-youtube-video .youtube-player {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    z-index: 1;\n    transform: scale(1.02);\n    transition: transform 0.6s ease;\n}\n\n.hover-youtube-video.is-playing .youtube-thumbnail {\n    opacity: 0;\n}\n\n.hover-youtube-video:hover .youtube-player {\n    transform: scale(1.04);\n}\n<\/style>\n\n<script>\n(function () {\n\n    if (!window.YouTubeHoverCards) {\n        window.YouTubeHoverCards = {\n            players: [],\n            ready: false,\n            callbacks: []\n        };\n\n        if (!window.YT) {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/www.youtube.com\/iframe_api';\n            document.head.appendChild(script);\n        }\n\n        window.onYouTubeIframeAPIReady = function () {\n            window.YouTubeHoverCards.ready = true;\n            window.YouTubeHoverCards.callbacks.forEach(function (callback) {\n                callback();\n            });\n            window.YouTubeHoverCards.callbacks = [];\n        };\n    }\n\n    const cards = document.querySelectorAll('.hover-youtube-video');\n\n    cards.forEach(function (card) {\n\n        const iframe = card.querySelector('.youtube-player');\n        if (!iframe) return;\n\n        let player = null;\n\n        function initPlayer() {\n            if (player) return;\n\n            player = new YT.Player(iframe, {\n                events: {\n                    onReady: function () {\n                        player.mute();\n                    },\n                    onStateChange: function (event) {\n\n                        if (event.data === YT.PlayerState.PLAYING) {\n                            card.classList.add('is-playing');\n                        }\n\n                        if (\n                            event.data === YT.PlayerState.PAUSED ||\n                            event.data === YT.PlayerState.ENDED\n                        ) {\n                            card.classList.remove('is-playing');\n                        }\n\n                    }\n                }\n            });\n        }\n\n        if (\n            window.YouTubeHoverCards.ready &&\n            window.YT &&\n            window.YT.Player\n        ) {\n            initPlayer();\n        } else {\n            window.YouTubeHoverCards.callbacks.push(initPlayer);\n        }\n\n        card.addEventListener('mouseenter', function () {\n            if (!player) return;\n            player.mute();\n            player.playVideo();\n        });\n\n        card.addEventListener('mouseleave', function () {\n            if (!player) return;\n            player.pauseVideo();\n            card.classList.remove('is-playing');\n        });\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a4b666 e-con-full e-flex e-con e-child\" data-id=\"5a4b666\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-163eb19 elementor-widget elementor-widget-heading\" data-id=\"163eb19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bhavani motors<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9376922 elementor-widget elementor-widget-heading\" data-id=\"9376922\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">80kw | Kochi | Kerala<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-b0a651c e-con-full e-flex e-con e-child\" data-id=\"b0a651c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e52ce2 elementor-widget elementor-widget-html\" data-id=\"0e52ce2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-youtube-video\">\n\n    <img decoding=\"async\"\n        class=\"youtube-thumbnail\"\n        src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/Bhavani-Distributors.jpg\"\n        alt=\"Bhavani Distributors\"\n    >\n\n    <iframe\n        class=\"youtube-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/jiYPduLY-F8?enablejsapi=1&autoplay=0&mute=1&controls=0&loop=1&playlist=jiYPduLY-F8&rel=0&playsinline=1\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen>\n    <\/iframe>\n\n<\/div>\n\n<style>\n.hover-youtube-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n.hover-youtube-video .youtube-thumbnail {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 2;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n}\n\n.hover-youtube-video .youtube-player {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    z-index: 1;\n    transform: scale(1.02);\n    transition: transform 0.6s ease;\n}\n\n.hover-youtube-video.is-playing .youtube-thumbnail {\n    opacity: 0;\n}\n\n.hover-youtube-video:hover .youtube-player {\n    transform: scale(1.04);\n}\n<\/style>\n\n<script>\n(function () {\n\n    if (!window.YouTubeHoverCards) {\n        window.YouTubeHoverCards = {\n            players: [],\n            ready: false,\n            callbacks: []\n        };\n\n        if (!window.YT) {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/www.youtube.com\/iframe_api';\n            document.head.appendChild(script);\n        }\n\n        window.onYouTubeIframeAPIReady = function () {\n            window.YouTubeHoverCards.ready = true;\n            window.YouTubeHoverCards.callbacks.forEach(function (callback) {\n                callback();\n            });\n            window.YouTubeHoverCards.callbacks = [];\n        };\n    }\n\n    const cards = document.querySelectorAll('.hover-youtube-video');\n\n    cards.forEach(function (card) {\n\n        const iframe = card.querySelector('.youtube-player');\n        if (!iframe) return;\n\n        let player = null;\n\n        function initPlayer() {\n\n            if (player) return;\n\n            player = new YT.Player(iframe, {\n                events: {\n                    onReady: function () {\n                        player.mute();\n                    },\n                    onStateChange: function (event) {\n\n                        if (event.data === YT.PlayerState.PLAYING) {\n                            card.classList.add('is-playing');\n                        }\n\n                        if (\n                            event.data === YT.PlayerState.PAUSED ||\n                            event.data === YT.PlayerState.ENDED\n                        ) {\n                            card.classList.remove('is-playing');\n                        }\n\n                    }\n                }\n            });\n\n        }\n\n        if (window.YouTubeHoverCards.ready && window.YT && window.YT.Player) {\n            initPlayer();\n        } else {\n            window.YouTubeHoverCards.callbacks.push(initPlayer);\n        }\n\n        card.addEventListener('mouseenter', function () {\n            if (!player) return;\n            player.mute();\n            player.playVideo();\n        });\n\n        card.addEventListener('mouseleave', function () {\n            if (!player) return;\n            player.pauseVideo();\n            card.classList.remove('is-playing');\n        });\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b36a2a e-con-full e-flex e-con e-child\" data-id=\"3b36a2a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e1ab6b elementor-widget elementor-widget-heading\" data-id=\"1e1ab6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bhavani Distributors<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1139dd5 elementor-widget elementor-widget-heading\" data-id=\"1139dd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">70KW | Kochi| Kerala<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-371a06e e-con-full e-flex e-con e-child\" data-id=\"371a06e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c656b55 elementor-widget elementor-widget-html\" data-id=\"c656b55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-youtube-video\">\n\n    <img decoding=\"async\"\n        class=\"youtube-thumbnail\"\n        src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/Kadoor-engineers.jpg\"\n        alt=\"Kadoor Engineers\"\n    >\n\n    <iframe\n        class=\"youtube-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/UOGwaNIxPTY?enablejsapi=1&autoplay=0&mute=1&controls=0&loop=1&playlist=UOGwaNIxPTY&rel=0&playsinline=1\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen>\n    <\/iframe>\n\n<\/div>\n\n<style>\n.hover-youtube-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n.hover-youtube-video .youtube-thumbnail {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 2;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n}\n\n.hover-youtube-video .youtube-player {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    z-index: 1;\n    transform: scale(1.02);\n    transition: transform 0.6s ease;\n}\n\n.hover-youtube-video.is-playing .youtube-thumbnail {\n    opacity: 0;\n}\n\n.hover-youtube-video:hover .youtube-player {\n    transform: scale(1.04);\n}\n<\/style>\n\n<script>\n(function () {\n\n    if (!window.YouTubeHoverCards) {\n        window.YouTubeHoverCards = {\n            players: [],\n            ready: false,\n            callbacks: []\n        };\n\n        if (!window.YT) {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/www.youtube.com\/iframe_api';\n            document.head.appendChild(script);\n        }\n\n        window.onYouTubeIframeAPIReady = function () {\n            window.YouTubeHoverCards.ready = true;\n            window.YouTubeHoverCards.callbacks.forEach(function (callback) {\n                callback();\n            });\n            window.YouTubeHoverCards.callbacks = [];\n        };\n    }\n\n    const cards = document.querySelectorAll('.hover-youtube-video');\n\n    cards.forEach(function (card) {\n\n        const iframe = card.querySelector('.youtube-player');\n        if (!iframe) return;\n\n        let player = null;\n\n        function initPlayer() {\n\n            if (player) return;\n\n            player = new YT.Player(iframe, {\n                events: {\n                    onReady: function () {\n                        player.mute();\n                    },\n                    onStateChange: function (event) {\n\n                        if (event.data === YT.PlayerState.PLAYING) {\n                            card.classList.add('is-playing');\n                        }\n\n                        if (\n                            event.data === YT.PlayerState.PAUSED ||\n                            event.data === YT.PlayerState.ENDED\n                        ) {\n                            card.classList.remove('is-playing');\n                        }\n\n                    }\n                }\n            });\n\n        }\n\n        if (window.YouTubeHoverCards.ready && window.YT && window.YT.Player) {\n            initPlayer();\n        } else {\n            window.YouTubeHoverCards.callbacks.push(initPlayer);\n        }\n\n        card.addEventListener('mouseenter', function () {\n            if (!player) return;\n            player.mute();\n            player.playVideo();\n        });\n\n        card.addEventListener('mouseleave', function () {\n            if (!player) return;\n            player.pauseVideo();\n            card.classList.remove('is-playing');\n        });\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-031b66e e-con-full e-flex e-con e-child\" data-id=\"031b66e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e97fd8a elementor-widget elementor-widget-heading\" data-id=\"e97fd8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kadoor Engineers<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bf6ef2 elementor-widget elementor-widget-heading\" data-id=\"4bf6ef2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">15KW | Kochi| Kerala<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-94783bf e-con-full e-flex e-con e-child\" data-id=\"94783bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b070243 elementor-widget elementor-widget-html\" data-id=\"b070243\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-youtube-video\">\n\n    <img decoding=\"async\"\n        class=\"youtube-thumbnail\"\n        src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/Cochin-Gujarathy.jpg\"\n        alt=\"Cochin Gujarathy\"\n    >\n\n    <iframe\n        class=\"youtube-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/F3APdcjayiE?enablejsapi=1&autoplay=0&mute=1&controls=0&loop=1&playlist=F3APdcjayiE&rel=0&playsinline=1\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen>\n    <\/iframe>\n\n<\/div>\n\n<style>\n.hover-youtube-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n.hover-youtube-video .youtube-thumbnail {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 2;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n}\n\n.hover-youtube-video .youtube-player {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    z-index: 1;\n    transform: scale(1.02);\n    transition: transform 0.6s ease;\n}\n\n.hover-youtube-video.is-playing .youtube-thumbnail {\n    opacity: 0;\n}\n\n.hover-youtube-video:hover .youtube-player {\n    transform: scale(1.04);\n}\n<\/style>\n\n<script>\n(function () {\n\n    if (!window.YouTubeHoverCards) {\n        window.YouTubeHoverCards = {\n            players: [],\n            ready: false,\n            callbacks: []\n        };\n\n        if (!window.YT) {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/www.youtube.com\/iframe_api';\n            document.head.appendChild(script);\n        }\n\n        window.onYouTubeIframeAPIReady = function () {\n            window.YouTubeHoverCards.ready = true;\n            window.YouTubeHoverCards.callbacks.forEach(function (callback) {\n                callback();\n            });\n            window.YouTubeHoverCards.callbacks = [];\n        };\n    }\n\n    const cards = document.querySelectorAll('.hover-youtube-video');\n\n    cards.forEach(function (card) {\n\n        const iframe = card.querySelector('.youtube-player');\n        if (!iframe) return;\n\n        let player = null;\n\n        function initPlayer() {\n\n            if (player) return;\n\n            player = new YT.Player(iframe, {\n                events: {\n                    onReady: function () {\n                        player.mute();\n                    },\n                    onStateChange: function (event) {\n\n                        if (event.data === YT.PlayerState.PLAYING) {\n                            card.classList.add('is-playing');\n                        }\n\n                        if (\n                            event.data === YT.PlayerState.PAUSED ||\n                            event.data === YT.PlayerState.ENDED\n                        ) {\n                            card.classList.remove('is-playing');\n                        }\n\n                    }\n                }\n            });\n\n        }\n\n        if (window.YouTubeHoverCards.ready && window.YT && window.YT.Player) {\n            initPlayer();\n        } else {\n            window.YouTubeHoverCards.callbacks.push(initPlayer);\n        }\n\n        card.addEventListener('mouseenter', function () {\n            if (!player) return;\n            player.mute();\n            player.playVideo();\n        });\n\n        card.addEventListener('mouseleave', function () {\n            if (!player) return;\n            player.pauseVideo();\n            card.classList.remove('is-playing');\n        });\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bd652c e-con-full e-flex e-con e-child\" data-id=\"1bd652c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5183e2 elementor-widget elementor-widget-heading\" data-id=\"a5183e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cochin Gujarathy<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d3e4b8 elementor-widget elementor-widget-heading\" data-id=\"6d3e4b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">30KW | Kochi| Kerala<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-b1822cf e-con-full e-flex e-con e-child\" data-id=\"b1822cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb68814 elementor-widget elementor-widget-html\" data-id=\"cb68814\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-youtube-video\">\n\n    <img decoding=\"async\"\n        class=\"youtube-thumbnail\"\n        src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/Shanthilal.jpg\"\n        alt=\"Shanthilal\"\n    >\n\n    <iframe\n        class=\"youtube-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/hPLX1w6Oe8o?enablejsapi=1&autoplay=0&mute=1&controls=0&loop=1&playlist=hPLX1w6Oe8o&rel=0&playsinline=1\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen>\n    <\/iframe>\n\n<\/div>\n\n<style>\n.hover-youtube-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n.hover-youtube-video .youtube-thumbnail {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 2;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n}\n\n.hover-youtube-video .youtube-player {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    z-index: 1;\n    transform: scale(1.02);\n    transition: transform 0.6s ease;\n}\n\n.hover-youtube-video.is-playing .youtube-thumbnail {\n    opacity: 0;\n}\n\n.hover-youtube-video:hover .youtube-player {\n    transform: scale(1.04);\n}\n<\/style>\n\n<script>\n(function () {\n\n    if (!window.YouTubeHoverCards) {\n        window.YouTubeHoverCards = {\n            players: [],\n            ready: false,\n            callbacks: []\n        };\n\n        if (!window.YT) {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/www.youtube.com\/iframe_api';\n            document.head.appendChild(script);\n        }\n\n        window.onYouTubeIframeAPIReady = function () {\n            window.YouTubeHoverCards.ready = true;\n            window.YouTubeHoverCards.callbacks.forEach(function (callback) {\n                callback();\n            });\n            window.YouTubeHoverCards.callbacks = [];\n        };\n    }\n\n    const cards = document.querySelectorAll('.hover-youtube-video');\n\n    cards.forEach(function (card) {\n\n        const iframe = card.querySelector('.youtube-player');\n        if (!iframe) return;\n\n        let player = null;\n\n        function initPlayer() {\n\n            if (player) return;\n\n            player = new YT.Player(iframe, {\n                events: {\n                    onReady: function () {\n                        player.mute();\n                    },\n                    onStateChange: function (event) {\n\n                        if (event.data === YT.PlayerState.PLAYING) {\n                            card.classList.add('is-playing');\n                        }\n\n                        if (\n                            event.data === YT.PlayerState.PAUSED ||\n                            event.data === YT.PlayerState.ENDED\n                        ) {\n                            card.classList.remove('is-playing');\n                        }\n\n                    }\n                }\n            });\n\n        }\n\n        if (window.YouTubeHoverCards.ready && window.YT && window.YT.Player) {\n            initPlayer();\n        } else {\n            window.YouTubeHoverCards.callbacks.push(initPlayer);\n        }\n\n        card.addEventListener('mouseenter', function () {\n            if (!player) return;\n            player.mute();\n            player.playVideo();\n        });\n\n        card.addEventListener('mouseleave', function () {\n            if (!player) return;\n            player.pauseVideo();\n            card.classList.remove('is-playing');\n        });\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9dab1b2 e-con-full e-flex e-con e-child\" data-id=\"9dab1b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37f45fa elementor-widget elementor-widget-heading\" data-id=\"37f45fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Shanthilal<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3388391 elementor-widget elementor-widget-heading\" data-id=\"3388391\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">16KW | Kochi| Kerala<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-004d684 e-con-full e-flex e-con e-child\" data-id=\"004d684\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18928fa elementor-widget elementor-widget-html\" data-id=\"18928fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-youtube-video\">\n\n    <img decoding=\"async\"\n        class=\"youtube-thumbnail\"\n        src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/Shikha-metals.jpg\"\n        alt=\"Shikha Metals\"\n    >\n\n    <iframe\n        class=\"youtube-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/UWh5nkupth8?enablejsapi=1&autoplay=0&mute=1&controls=0&loop=1&playlist=UWh5nkupth8&rel=0&playsinline=1\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen>\n    <\/iframe>\n\n<\/div>\n\n<style>\n.hover-youtube-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n.hover-youtube-video .youtube-thumbnail {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 2;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n}\n\n.hover-youtube-video .youtube-player {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    z-index: 1;\n    transform: scale(1.02);\n    transition: transform 0.6s ease;\n}\n\n.hover-youtube-video.is-playing .youtube-thumbnail {\n    opacity: 0;\n}\n\n.hover-youtube-video:hover .youtube-player {\n    transform: scale(1.04);\n}\n<\/style>\n\n<script>\n(function () {\n\n    if (!window.YouTubeHoverCards) {\n        window.YouTubeHoverCards = {\n            players: [],\n            ready: false,\n            callbacks: []\n        };\n\n        if (!window.YT) {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/www.youtube.com\/iframe_api';\n            document.head.appendChild(script);\n        }\n\n        window.onYouTubeIframeAPIReady = function () {\n            window.YouTubeHoverCards.ready = true;\n            window.YouTubeHoverCards.callbacks.forEach(function (callback) {\n                callback();\n            });\n            window.YouTubeHoverCards.callbacks = [];\n        };\n    }\n\n    const cards = document.querySelectorAll('.hover-youtube-video');\n\n    cards.forEach(function (card) {\n\n        const iframe = card.querySelector('.youtube-player');\n        if (!iframe) return;\n\n        let player = null;\n\n        function initPlayer() {\n\n            if (player) return;\n\n            player = new YT.Player(iframe, {\n                events: {\n                    onReady: function () {\n                        player.mute();\n                    },\n                    onStateChange: function (event) {\n\n                        if (event.data === YT.PlayerState.PLAYING) {\n                            card.classList.add('is-playing');\n                        }\n\n                        if (\n                            event.data === YT.PlayerState.PAUSED ||\n                            event.data === YT.PlayerState.ENDED\n                        ) {\n                            card.classList.remove('is-playing');\n                        }\n\n                    }\n                }\n            });\n\n        }\n\n        if (window.YouTubeHoverCards.ready && window.YT && window.YT.Player) {\n            initPlayer();\n        } else {\n            window.YouTubeHoverCards.callbacks.push(initPlayer);\n        }\n\n        card.addEventListener('mouseenter', function () {\n            if (!player) return;\n            player.mute();\n            player.playVideo();\n        });\n\n        card.addEventListener('mouseleave', function () {\n            if (!player) return;\n            player.pauseVideo();\n            card.classList.remove('is-playing');\n        });\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c05929a e-con-full e-flex e-con e-child\" data-id=\"c05929a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d449e98 elementor-widget elementor-widget-heading\" data-id=\"d449e98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Shikha Metals<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28c7434 elementor-widget elementor-widget-heading\" data-id=\"28c7434\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">15KW | Kochi| Kerala<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-594ec62 e-con-full e-flex e-con e-child\" data-id=\"594ec62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f558ae elementor-widget elementor-widget-html\" data-id=\"0f558ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-youtube-video\">\n\n    <img decoding=\"async\"\n        class=\"youtube-thumbnail\"\n        src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/Chinmaya.jpg\"\n        alt=\"Chinmaya\"\n    >\n\n    <iframe\n        class=\"youtube-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/FFWQ_UxyrjE?enablejsapi=1&autoplay=0&mute=1&controls=0&loop=1&playlist=FFWQ_UxyrjE&rel=0&playsinline=1\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen>\n    <\/iframe>\n\n<\/div>\n\n<style>\n.hover-youtube-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n.hover-youtube-video .youtube-thumbnail {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 2;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n}\n\n.hover-youtube-video .youtube-player {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    z-index: 1;\n    transform: scale(1.02);\n    transition: transform 0.6s ease;\n}\n\n.hover-youtube-video.is-playing .youtube-thumbnail {\n    opacity: 0;\n}\n\n.hover-youtube-video:hover .youtube-player {\n    transform: scale(1.04);\n}\n<\/style>\n\n<script>\n(function () {\n\n    if (!window.YouTubeHoverCards) {\n        window.YouTubeHoverCards = {\n            players: [],\n            ready: false,\n            callbacks: []\n        };\n\n        if (!window.YT) {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/www.youtube.com\/iframe_api';\n            document.head.appendChild(script);\n        }\n\n        window.onYouTubeIframeAPIReady = function () {\n            window.YouTubeHoverCards.ready = true;\n            window.YouTubeHoverCards.callbacks.forEach(function (callback) {\n                callback();\n            });\n            window.YouTubeHoverCards.callbacks = [];\n        };\n    }\n\n    const cards = document.querySelectorAll('.hover-youtube-video');\n\n    cards.forEach(function (card) {\n\n        const iframe = card.querySelector('.youtube-player');\n        if (!iframe) return;\n\n        let player = null;\n\n        function initPlayer() {\n\n            if (player) return;\n\n            player = new YT.Player(iframe, {\n                events: {\n                    onReady: function () {\n                        player.mute();\n                    },\n                    onStateChange: function (event) {\n\n                        if (event.data === YT.PlayerState.PLAYING) {\n                            card.classList.add('is-playing');\n                        }\n\n                        if (\n                            event.data === YT.PlayerState.PAUSED ||\n                            event.data === YT.PlayerState.ENDED\n                        ) {\n                            card.classList.remove('is-playing');\n                        }\n\n                    }\n                }\n            });\n\n        }\n\n        if (window.YouTubeHoverCards.ready && window.YT && window.YT.Player) {\n            initPlayer();\n        } else {\n            window.YouTubeHoverCards.callbacks.push(initPlayer);\n        }\n\n        card.addEventListener('mouseenter', function () {\n            if (!player) return;\n            player.mute();\n            player.playVideo();\n        });\n\n        card.addEventListener('mouseleave', function () {\n            if (!player) return;\n            player.pauseVideo();\n            card.classList.remove('is-playing');\n        });\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86417c6 e-con-full e-flex e-con e-child\" data-id=\"86417c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f980db3 elementor-widget elementor-widget-heading\" data-id=\"f980db3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Chinmaya<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b1a5e2 elementor-widget elementor-widget-heading\" data-id=\"4b1a5e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">340 KW | Kochi| Kerala<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b3eb88 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"6b3eb88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6738e87 e-con-full e-flex e-con e-child\" data-id=\"6738e87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<a class=\"elementor-element elementor-element-c356aa4 e-con-full e-flex e-con e-child\" data-id=\"c356aa4\" data-element_type=\"container\" data-e-type=\"container\" href=\"https:\/\/www.certesindia.com\/ms-systems\/projects\/test-project-8kw\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5f1733 elementor-widget elementor-widget-html\" data-id=\"b5f1733\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-youtube-video\">\n\n    <img decoding=\"async\"\n        class=\"youtube-thumbnail\"\n        src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/pexels-kindelmedia-9799706.jpg\"\n        alt=\"Video preview\"\n    >\n\n    <iframe\n        class=\"youtube-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/VcU6vMesY14?enablejsapi=1&autoplay=0&mute=1&controls=0&loop=1&playlist=VcU6vMesY14&rel=0&playsinline=1\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen>\n    <\/iframe>\n\n<\/div>\n\n\n<style>\n\n.hover-youtube-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n\/* Thumbnail *\/\n\n.hover-youtube-video .youtube-thumbnail {\n    position: absolute;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    z-index: 2;\n\n    transition: opacity 0.35s ease;\n\n    pointer-events: none;\n}\n\n\n\/* YouTube iframe *\/\n\n.hover-youtube-video .youtube-player {\n    position: absolute;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n\n    z-index: 1;\n\n    transform: scale(1.02);\n\n    transition: transform 0.6s ease;\n}\n\n\n\/* Video playing *\/\n\n.hover-youtube-video.is-playing .youtube-thumbnail {\n    opacity: 0;\n}\n\n\n\/* Subtle zoom *\/\n\n.hover-youtube-video:hover .youtube-player {\n    transform: scale(1.04);\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n    \/*\n     * Prevent loading the YouTube API multiple times\n     *\/\n\n    if (!window.YouTubeHoverCards) {\n\n        window.YouTubeHoverCards = {\n\n            players: [],\n\n            ready: false,\n\n            callbacks: []\n\n        };\n\n\n        \/*\n         * Load YouTube API\n         *\/\n\n        if (!window.YT) {\n\n            const script = document.createElement('script');\n\n            script.src = 'https:\/\/www.youtube.com\/iframe_api';\n\n            document.head.appendChild(script);\n\n        }\n\n\n        \/*\n         * YouTube API ready\n         *\/\n\n        window.onYouTubeIframeAPIReady = function () {\n\n            window.YouTubeHoverCards.ready = true;\n\n            window.YouTubeHoverCards.callbacks.forEach(function (callback) {\n                callback();\n            });\n\n            window.YouTubeHoverCards.callbacks = [];\n\n        };\n\n    }\n\n\n    const cards = document.querySelectorAll(\n        '.hover-youtube-video'\n    );\n\n\n    cards.forEach(function (card) {\n\n        const iframe = card.querySelector('.youtube-player');\n\n        if (!iframe) return;\n\n\n        let player = null;\n        let isHovering = false;\n\n\n        \/*\n         * Initialize this card's YouTube player\n         *\/\n\n        function initPlayer() {\n\n            if (player) return;\n\n            player = new YT.Player(iframe, {\n\n                events: {\n\n                    onReady: function () {\n\n                        \/*\n                         * Required for autoplay\n                         *\/\n\n                        player.mute();\n\n                    },\n\n\n                    onStateChange: function (event) {\n\n                        \/*\n                         * Video actually started\n                         *\/\n\n                        if (\n                            event.data ===\n                            YT.PlayerState.PLAYING\n                        ) {\n\n                            card.classList.add(\n                                'is-playing'\n                            );\n\n                        }\n\n\n                        \/*\n                         * Video stopped\n                         *\/\n\n                        if (\n                            event.data ===\n                            YT.PlayerState.PAUSED ||\n                            event.data ===\n                            YT.PlayerState.ENDED\n                        ) {\n\n                            card.classList.remove(\n                                'is-playing'\n                            );\n\n                        }\n\n                    }\n\n                }\n\n            });\n\n        }\n\n\n        \/*\n         * Wait for YouTube API\n         *\/\n\n        if (\n            window.YouTubeHoverCards.ready &&\n            window.YT &&\n            window.YT.Player\n        ) {\n\n            initPlayer();\n\n        } else {\n\n            window.YouTubeHoverCards.callbacks.push(\n                initPlayer\n            );\n\n        }\n\n\n        \/*\n         * HOVER IN\n         *\/\n\n        card.addEventListener(\n            'mouseenter',\n            function () {\n\n                isHovering = true;\n\n\n                if (!player) return;\n\n\n                player.mute();\n\n                player.playVideo();\n\n            }\n        );\n\n\n        \/*\n         * HOVER OUT\n         *\/\n\n        card.addEventListener(\n            'mouseleave',\n            function () {\n\n                isHovering = false;\n\n\n                if (!player) return;\n\n\n                player.pauseVideo();\n\n                card.classList.remove(\n                    'is-playing'\n                );\n\n            }\n        );\n\n    });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9cdba98 e-con-full e-flex e-con e-child\" data-id=\"9cdba98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7da4c35 elementor-widget elementor-widget-heading\" data-id=\"7da4c35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Arham Enclave<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-257726c elementor-widget elementor-widget-heading\" data-id=\"257726c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\"> 18KW | Kochi| Kerala<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-863e629 e-con-full e-flex e-con e-child\" data-id=\"863e629\" data-element_type=\"container\" data-e-type=\"container\" href=\"https:\/\/www.certesindia.com\/ms-systems\/projects\/test-project-8kw\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-032242c elementor-widget elementor-widget-html\" data-id=\"032242c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-youtube-video\">\n\n    <img decoding=\"async\"\n        class=\"youtube-thumbnail\"\n        src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/pexels-kindelmedia-9799706.jpg\"\n        alt=\"Video preview\"\n    >\n\n    <iframe\n        class=\"youtube-player\"\n        src=\"https:\/\/www.youtube.com\/embed\/EYeHB3CC9L8?enablejsapi=1&autoplay=0&mute=1&controls=0&loop=1&playlist=EYeHB3CC9L8&rel=0&playsinline=1\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen>\n    <\/iframe>\n\n<\/div>\n\n\n<style>\n\n.hover-youtube-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n\/* Thumbnail *\/\n\n.hover-youtube-video .youtube-thumbnail {\n    position: absolute;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    z-index: 2;\n\n    transition: opacity 0.35s ease;\n\n    pointer-events: none;\n}\n\n\n\/* YouTube iframe *\/\n\n.hover-youtube-video .youtube-player {\n    position: absolute;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n\n    z-index: 1;\n\n    transform: scale(1.02);\n\n    transition: transform 0.6s ease;\n}\n\n\n\/* Video playing *\/\n\n.hover-youtube-video.is-playing .youtube-thumbnail {\n    opacity: 0;\n}\n\n\n\/* Subtle zoom *\/\n\n.hover-youtube-video:hover .youtube-player {\n    transform: scale(1.04);\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n    \/*\n     * Prevent loading the YouTube API multiple times\n     *\/\n\n    if (!window.YouTubeHoverCards) {\n\n        window.YouTubeHoverCards = {\n\n            players: [],\n\n            ready: false,\n\n            callbacks: []\n\n        };\n\n\n        \/*\n         * Load YouTube API\n         *\/\n\n        if (!window.YT) {\n\n            const script = document.createElement('script');\n\n            script.src = 'https:\/\/www.youtube.com\/iframe_api';\n\n            document.head.appendChild(script);\n\n        }\n\n\n        \/*\n         * YouTube API ready\n         *\/\n\n        window.onYouTubeIframeAPIReady = function () {\n\n            window.YouTubeHoverCards.ready = true;\n\n            window.YouTubeHoverCards.callbacks.forEach(function (callback) {\n                callback();\n            });\n\n            window.YouTubeHoverCards.callbacks = [];\n\n        };\n\n    }\n\n\n    const cards = document.querySelectorAll(\n        '.hover-youtube-video'\n    );\n\n\n    cards.forEach(function (card) {\n\n        const iframe = card.querySelector('.youtube-player');\n\n        if (!iframe) return;\n\n\n        let player = null;\n        let isHovering = false;\n\n\n        \/*\n         * Initialize this card's YouTube player\n         *\/\n\n        function initPlayer() {\n\n            if (player) return;\n\n            player = new YT.Player(iframe, {\n\n                events: {\n\n                    onReady: function () {\n\n                        \/*\n                         * Required for autoplay\n                         *\/\n\n                        player.mute();\n\n                    },\n\n\n                    onStateChange: function (event) {\n\n                        \/*\n                         * Video actually started\n                         *\/\n\n                        if (\n                            event.data ===\n                            YT.PlayerState.PLAYING\n                        ) {\n\n                            card.classList.add(\n                                'is-playing'\n                            );\n\n                        }\n\n\n                        \/*\n                         * Video stopped\n                         *\/\n\n                        if (\n                            event.data ===\n                            YT.PlayerState.PAUSED ||\n                            event.data ===\n                            YT.PlayerState.ENDED\n                        ) {\n\n                            card.classList.remove(\n                                'is-playing'\n                            );\n\n                        }\n\n                    }\n\n                }\n\n            });\n\n        }\n\n\n        \/*\n         * Wait for YouTube API\n         *\/\n\n        if (\n            window.YouTubeHoverCards.ready &&\n            window.YT &&\n            window.YT.Player\n        ) {\n\n            initPlayer();\n\n        } else {\n\n            window.YouTubeHoverCards.callbacks.push(\n                initPlayer\n            );\n\n        }\n\n\n        \/*\n         * HOVER IN\n         *\/\n\n        card.addEventListener(\n            'mouseenter',\n            function () {\n\n                isHovering = true;\n\n\n                if (!player) return;\n\n\n                player.mute();\n\n                player.playVideo();\n\n            }\n        );\n\n\n        \/*\n         * HOVER OUT\n         *\/\n\n        card.addEventListener(\n            'mouseleave',\n            function () {\n\n                isHovering = false;\n\n\n                if (!player) return;\n\n\n                player.pauseVideo();\n\n                card.classList.remove(\n                    'is-playing'\n                );\n\n            }\n        );\n\n    });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3261c23 elementor-widget elementor-widget-heading\" data-id=\"3261c23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Test Project - 8KW<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-ee0b180 e-con-full e-flex e-con e-child\" data-id=\"ee0b180\" data-element_type=\"container\" data-e-type=\"container\" href=\"https:\/\/www.certesindia.com\/ms-systems\/projects\/test-project-8kw\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d38dc8b elementor-widget elementor-widget-html\" data-id=\"d38dc8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-webm-video\">\n    <video\n        muted\n        loop\n        playsinline\n        preload=\"metadata\"\n        poster=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/pexels-kindelmedia-9799706.jpg\">\n\n        <source\n            src=\"https:\/\/www.certesindia.com\/ms-systems\/wp-content\/uploads\/2026\/08\/857091-hd_1280_720_25fps.webm\"\n            type=\"video\/webm\">\n\n        Your browser does not support WebM video.\n    <\/video>\n<\/div>\n\n<style>\n.hover-webm-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000;\n}\n\n.hover-webm-video video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center center;\n    display: block;\n    pointer-events: none;\n    transition: transform 0.6s ease;\n}\n\n.hover-webm-video:hover video {\n    transform: scale(1.04);\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const videoContainer = document.querySelector(\".hover-webm-video\");\n    const video = videoContainer.querySelector(\"video\");\n\n    videoContainer.addEventListener(\"mouseenter\", function () {\n        video.play().catch(function () {});\n    });\n\n    videoContainer.addEventListener(\"mouseleave\", function () {\n        video.pause();\n        video.currentTime = 0;\n    });\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8c4318 elementor-widget elementor-widget-heading\" data-id=\"e8c4318\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Test Project - 8KW<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Projects Arham Enclave 18KW | Kochi | Kerala Bhavani motors 80kw | Kochi | Kerala Bhavani Distributors 70KW | Kochi| Kerala Kadoor Engineers 15KW | Kochi| Kerala Cochin Gujarathy 30KW | Kochi| Kerala Shanthilal 16KW | Kochi| Kerala Shikha Metals 15KW | Kochi| Kerala Chinmaya 340 KW | Kochi| Kerala Arham Enclave 18KW | Kochi| [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1752","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.certesindia.com\/ms-systems\/wp-json\/wp\/v2\/pages\/1752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.certesindia.com\/ms-systems\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.certesindia.com\/ms-systems\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.certesindia.com\/ms-systems\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.certesindia.com\/ms-systems\/wp-json\/wp\/v2\/comments?post=1752"}],"version-history":[{"count":94,"href":"https:\/\/www.certesindia.com\/ms-systems\/wp-json\/wp\/v2\/pages\/1752\/revisions"}],"predecessor-version":[{"id":1988,"href":"https:\/\/www.certesindia.com\/ms-systems\/wp-json\/wp\/v2\/pages\/1752\/revisions\/1988"}],"wp:attachment":[{"href":"https:\/\/www.certesindia.com\/ms-systems\/wp-json\/wp\/v2\/media?parent=1752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}