{"id":2277,"date":"2026-03-31T10:57:21","date_gmt":"2026-03-31T10:57:21","guid":{"rendered":"http:\/\/localhost\/komkare\/?page_id=2277"},"modified":"2026-04-08T06:36:27","modified_gmt":"2026-04-08T06:36:27","slug":"home","status":"publish","type":"page","link":"https:\/\/2hothosting.com\/komkare\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nHP Slider<\/title>\r\n<style>\r\n \/**, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }*\/\r\n\r\n \/*body {*\/\r\n \/* font-family: 'Outfit', sans-serif;*\/\r\n \/* background: #f0f0f0;*\/\r\n \/* display: flex;*\/\r\n \/* min-height: 100vh;*\/\r\n \/*}*\/\r\n .slider-wrapper {\r\n width: 100%;\r\n max-width: 100%;\r\n background: #fff;\r\n user-select: none;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SLIDER TRACK\r\n All slides sit side-by-side\r\n in a row. We translateX the\r\n track to reveal each one.\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .slides-viewport {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .slides-track {\r\n display: flex;\r\n \/* width is set by JS: 100% \u00d7 TOTAL *\/\r\n transition: transform 0.65s cubic-bezier(0.77, 0, 0.18, 1);\r\n will-change: transform;\r\n }\r\n\r\n \/* Each slide takes exactly 1 viewport-width slot *\/\r\n .slide {\r\n flex-shrink: 0;\r\n position: relative;\r\n min-height: clamp(300px, 52vw, 600px);\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n\r\n \/* \u2500\u2500 content entering animation on active slide \u2500\u2500 *\/\r\n .slide-content {\r\n position: relative;\r\n z-index: 2;\r\n padding: clamp(26px,5vw,70px) clamp(18px,5vw,64px);\r\n max-width: clamp(240px,38%,480px);\r\n flex-shrink: 0;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s;\r\n }\r\n .slide.is-active .slide-content {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u2500\u2500 laptop visual entering animation \u2500\u2500 *\/\r\n .slide-visual {\r\n position: absolute;\r\n right: 0; top: 0;\r\n width: 100%; height: auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n pointer-events: none;\r\n opacity: 0;\r\n transform: translateX(24px) scale(0.97);\r\n transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s;\r\n }\r\n .slide.is-active .slide-visual {\r\n opacity: 1;\r\n transform: translateX(0) scale(1);\r\n }\r\n\r\n .laptop-svg {\r\n width: 88%;\r\n max-width: 580px;\r\n filter: drop-shadow(0 24px 50px rgba(0,0,0,.18));\r\n }\r\n\r\n \/* \u2500\u2500 on-slide nav arrows \u2500\u2500 *\/\r\n .slide-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 20;\r\n width: clamp(28px,3vw,42px);\r\n height: clamp(28px,3vw,42px);\r\n background: rgba(255,255,255,.84);\r\n border: none;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #222;\r\n font-size: clamp(16px,2vw,24px);\r\n box-shadow: 0 2px 10px rgba(0,0,0,.13);\r\n transition: background .16s;\r\n }\r\n .slide-arrow:hover { background: #fff; }\r\n .arrow-prev { left: clamp(8px,1vw,16px); }\r\n .arrow-next { right: clamp(8px,1vw,16px); }\r\n\r\n \/* \u2500\u2500 text styles \u2500\u2500 *\/\r\n .slide-eyebrow {\r\n font-size: clamp(11px,1.1vw,13px);\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: clamp(8px,1vw,14px);\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n }\r\n .slide-2 .slide-eyebrow,\r\n .slide-3 .slide-eyebrow { color: #ffffff; }\r\n\r\n .slide-title {\r\n font-family: \"Outfit\", sans-serif !important;\r\n font-weight: 500 !important;\r\n font-size: clamp(50px,3.4vw,46px);\r\n color: #fff;\r\n line-height: 1.08;\r\n margin-bottom: clamp(10px,1.2vw,18px);\r\n letter-spacing: -.4px;\r\n }\r\n .slide-2 .slide-title,\r\n .slide-3 .slide-title { color: #fff; }\r\n\r\n .slide-desc {\r\n font-size: clamp(16px,1.15vw,15.5px);\r\n font-weight: 400 !important;\r\n font-family: \"Montserrat\", sans-serif !important;\r\n line-height: 1.65;\r\n color: #ffffff;\r\n margin-bottom: clamp(18px,2vw,30px);\r\n }\r\n .slide-2 .slide-desc,\r\n .slide-3 .slide-desc { color: #ffffff; }\r\n\r\n .btn-shop {\r\n font-family: 'Outfit', sans-serif;\r\n display: inline-block;\r\n padding: clamp(9px,1vw,13px) clamp(18px,1.8vw,28px);\r\n background: #ffffff !important;\r\n color: #000000;\r\n font-size: clamp(12px,1vw,14px);\r\n font-weight: 600;\r\n cursor: pointer;\r\n border: none;\r\n letter-spacing: .06em;\r\n text-transform: uppercase;\r\n transition: background .18s, transform .14s;\r\n }\r\n .btn-shop:hover { background: #333; transform: translateY(-1px); }\r\n .btn-shop:active { transform: translateY(0); }\r\n .slide-2 .btn-shop, .slide-3 .btn-shop { background: #0096d6; }\r\n .slide-2 .btn-shop:hover, .slide-3 .btn-shop:hover { background: #007ab5; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BOTTOM CONTROLS BAR\r\n [\u25b6] < \u2022 \u2550\u2550\u2550\u2550\u2550\u2550 \u2022 \u2022 [>]\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .controls-bar {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: clamp(5px,.7vw,9px);\r\n padding: clamp(10px,1.2vw,15px) 16px;\r\n background: #fff;\r\n border-top: 1px solid #e6e6e6;\r\n }\r\n\r\n \/* Play\/Pause \u2014 thin-border square *\/\r\n .play-pause-btn {\r\n width: clamp(28px,2.6vw,36px);\r\n height: clamp(28px,2.6vw,36px);\r\n background: #fff;\r\n border: 1.5px solid #999;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transition: border-color .16s, background .16s;\r\n }\r\n .play-pause-btn:hover { border-color: #444; background: #f8f8f8; }\r\n .play-pause-btn svg {\r\n width: clamp(10px,1.1vw,14px);\r\n height: clamp(10px,1.1vw,14px);\r\n }\r\n\r\n \/* Bare left chevron *\/\r\n .bar-chevron {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: #555;\r\n font-size: clamp(14px,1.5vw,20px);\r\n padding: 0 1px;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n transition: color .14s;\r\n }\r\n .bar-chevron:hover { color: #111; }\r\n\r\n \/* Right dark-filled square *\/\r\n .bar-next-btn {\r\n width: clamp(26px,2.4vw,34px);\r\n height: clamp(26px,2.4vw,34px);\r\n background: #111;\r\n border: none;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: clamp(13px,1.4vw,18px);\r\n flex-shrink: 0;\r\n transition: background .16s;\r\n }\r\n .bar-next-btn:hover { background: #333; }\r\n\r\n \/* Indicators *\/\r\n .indicators {\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(5px,.55vw,8px);\r\n }\r\n\r\n .indicator { cursor: pointer; display: flex; align-items: center; }\r\n\r\n .ind-dot {\r\n width: clamp(6px,.65vw,9px);\r\n height: clamp(6px,.65vw,9px);\r\n border-radius: 50%;\r\n background: #bbb;\r\n transition: background .2s, transform .2s;\r\n display: block;\r\n }\r\n .indicator:hover .ind-dot { background: #888; transform: scale(1.2); }\r\n\r\n .ind-bar-wrap {\r\n display: none;\r\n width: clamp(48px,5.8vw,86px);\r\n height: clamp(5px,.55vw,7px);\r\n border-radius: 4px;\r\n background: #d8d8d8;\r\n overflow: hidden;\r\n }\r\n .ind-bar-fill {\r\n height: 100%;\r\n width: 0%;\r\n background: #333;\r\n border-radius: 4px;\r\n }\r\n\r\n .indicator.active .ind-dot { display: none; }\r\n .indicator.active .ind-bar-wrap { display: block; }\r\n\r\n \/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n @media (max-width: 680px) {\r\n .slide {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n min-height: unset;\r\n }\r\n .slide-visual {\r\n position: relative;\r\n width: 100%; height: 100%;\r\n order: -1;\r\n transform: none !important;\r\n opacity: 1 !important;\r\n }\r\n .slide.is-active .slide-visual {\r\n transform: none;\r\n }\r\n .slide-content {\r\n max-width: 100%;\r\n padding: 20px 20px 28px;\r\n }\r\n .laptop-svg { width: 68%; }\r\n }\r\n @media (max-width: 440px) {\r\n .laptop-svg { width: 80%; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"slider-wrapper\">\r\n\r\n <div class=\"slides-viewport\">\r\n <div class=\"slides-track\" id=\"slidesTrack\">\r\n\r\n <!-- Slide 1 -->\r\n <div class=\"slide slide-1 is-active\">\r\n <div class=\"slide-content\">\r\n <!--<div class=\"slide-eyebrow\">Save up to 65%<\/div>-->\r\n <h2 class=\"slide-title\">Cleaning Solutions<\/h2>\r\n <p class=\"slide-desc\">We provide high-quality cleaning solutions designed to meet strict hygiene standards, ensuring a safe, fresh, and healthy environment.<\/p>\r\n <button class=\"btn-shop\">Shop<\/button>\r\n <\/div>\r\n <div class=\"slide-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/03\/cleaning-solution-banner-1.jpg\" width=\"100%\" alt=\"\" srcset=\"\">\r\n <\/div>\r\n <button class=\"slide-arrow arrow-prev\" onclick=\"changeSlide(-1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left-icon lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"\/><\/svg><\/button>\r\n <button class=\"slide-arrow arrow-next\" onclick=\"changeSlide(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right-icon lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"\/><\/svg><\/button>\r\n <\/div>\r\n\r\n\r\n <div class=\"slide slide-2\">\r\n <div class=\"slide-content\">\r\n <!--<div class=\"slide-eyebrow\">Save up to 61%<\/div>-->\r\n <h2 class=\"slide-title\">Office Solutions<\/h2>\r\n <p class=\"slide-desc\">We provide reliable office solutions that enhance productivity, streamline workflows, and support efficient business operations.<\/p>\r\n <button class=\"btn-shop\">Shop<\/button>\r\n <\/div>\r\n <div class=\"slide-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/03\/office-solution-banner.jpg\" width=\"100%\" alt=\"\" srcset=\"\">\r\n <\/div>\r\n <button class=\"slide-arrow arrow-prev\" onclick=\"changeSlide(-1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left-icon lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"\/><\/svg><\/button>\r\n <button class=\"slide-arrow arrow-next\" onclick=\"changeSlide(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right-icon lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"\/><\/svg><\/button>\r\n <\/div>\r\n\r\n <div class=\"slide slide-3\">\r\n <div class=\"slide-content\">\r\n <!--<div class=\"slide-eyebrow\">Save up to 61%<\/div>-->\r\n <h2 class=\"slide-title\">HP OmniBook 5 Laptops<\/h2>\r\n <p class=\"slide-desc\">The ultimate upgrade from HP Pavilion.<br>Perfect for entertainment, studies, and family life.<\/p>\r\n <button class=\"btn-shop\">Shop<\/button>\r\n <\/div>\r\n <div class=\"slide-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare_website\/wp-content\/uploads\/2026\/03\/hero_banner.jpg\" width=\"100%\" alt=\"\" srcset=\"\">\r\n <\/div>\r\n <button class=\"slide-arrow arrow-prev\" onclick=\"changeSlide(-1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left-icon lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"\/><\/svg><\/button>\r\n <button class=\"slide-arrow arrow-next\" onclick=\"changeSlide(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right-icon lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"\/><\/svg><\/button>\r\n <\/div>\r\n\r\n\r\n <!-- <div class=\"slide slide-2\">\r\n <div class=\"slide-content\">\r\n <div class=\"slide-eyebrow\">New Arrival<\/div>\r\n <h2 class=\"slide-title\">HP Spectre x360<\/h2>\r\n <p class=\"slide-desc\">Turn heads everywhere you go. Thin, powerful, and built for creators who demand more from every session.<\/p>\r\n <button class=\"btn-shop\">Shop<\/button>\r\n <\/div>\r\n <div class=\"slide-visual\">\r\n <svg class=\"laptop-svg\" viewBox=\"0 0 620 430\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <linearGradient id=\"dl2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" stop-color=\"#28293e\"\/><stop offset=\"100%\" stop-color=\"#0e0f1c\"\/>\r\n <\/linearGradient>\r\n <radialGradient id=\"wp2\" cx=\"35%\" cy=\"65%\" r=\"80%\">\r\n <stop offset=\"0%\" stop-color=\"#0096d6\"\/><stop offset=\"45%\" stop-color=\"#003e6e\"\/><stop offset=\"100%\" stop-color=\"#00060f\"\/>\r\n <\/radialGradient>\r\n <\/defs>\r\n <rect x=\"80\" y=\"14\" width=\"440\" height=\"295\" rx=\"14\" fill=\"url(#dl2)\" stroke=\"#3a3c50\" stroke-width=\"1.5\"\/>\r\n <rect x=\"93\" y=\"26\" width=\"414\" height=\"271\" rx=\"7\" fill=\"url(#wp2)\"\/>\r\n <line x1=\"93\" y1=\"117\" x2=\"507\" y2=\"117\" stroke=\"rgba(0,150,214,.12)\" stroke-width=\"1\"\/>\r\n <line x1=\"93\" y1=\"207\" x2=\"507\" y2=\"207\" stroke=\"rgba(0,150,214,.12)\" stroke-width=\"1\"\/>\r\n <line x1=\"257\" y1=\"26\" x2=\"257\" y2=\"297\" stroke=\"rgba(0,150,214,.08)\" stroke-width=\"1\"\/>\r\n <line x1=\"343\" y1=\"26\" x2=\"343\" y2=\"297\" stroke=\"rgba(0,150,214,.08)\" stroke-width=\"1\"\/>\r\n <circle cx=\"210\" cy=\"185\" r=\"74\" fill=\"rgba(0,150,214,.12)\"\/>\r\n <circle cx=\"210\" cy=\"185\" r=\"46\" fill=\"rgba(0,150,214,.08)\"\/>\r\n <circle cx=\"300\" cy=\"33\" r=\"3.5\" fill=\"#111\"\/>\r\n <text x=\"300\" y=\"177\" text-anchor=\"middle\" font-family=\"Arial\" font-weight=\"700\" font-size=\"16\" fill=\"rgba(255,255,255,.2)\">hp<\/text>\r\n <rect x=\"80\" y=\"307\" width=\"440\" height=\"11\" rx=\"2\" fill=\"#1a1c28\"\/>\r\n <path d=\"M52 318 L80 318 L520 318 L548 318 L566 392 L34 392 Z\" fill=\"url(#dl2)\" stroke=\"#3a3c50\" stroke-width=\"1.5\"\/>\r\n <rect x=\"112\" y=\"328\" width=\"376\" height=\"9\" rx=\"3\" fill=\"#2a2c3a\" opacity=\".9\"\/>\r\n <rect x=\"112\" y=\"342\" width=\"376\" height=\"9\" rx=\"3\" fill=\"#2a2c3a\" opacity=\".8\"\/>\r\n <rect x=\"112\" y=\"356\" width=\"376\" height=\"9\" rx=\"3\" fill=\"#2a2c3a\" opacity=\".7\"\/>\r\n <rect x=\"124\" y=\"370\" width=\"352\" height=\"9\" rx=\"3\" fill=\"#2a2c3a\" opacity=\".6\"\/>\r\n <rect x=\"218\" y=\"378\" width=\"164\" height=\"11\" rx=\"4\" fill=\"#1e2030\" stroke=\"#3a3c50\" stroke-width=\"1\"\/>\r\n <rect x=\"34\" y=\"390\" width=\"532\" height=\"5\" rx=\"2.5\" fill=\"#111320\"\/>\r\n <\/svg>\r\n <\/div>\r\n <button class=\"slide-arrow arrow-prev\" onclick=\"changeSlide(-1)\">‹<\/button>\r\n <button class=\"slide-arrow arrow-next\" onclick=\"changeSlide(1)\">›<\/button>\r\n <\/div>\r\n\r\n\r\n <div class=\"slide slide-3\">\r\n <div class=\"slide-content\">\r\n <div class=\"slide-eyebrow\">Best in Class<\/div>\r\n <h2 class=\"slide-title\">HP EliteBook 840<\/h2>\r\n <p class=\"slide-desc\">Military-grade durability meets enterprise performance. Built for professionals who never stop moving.<\/p>\r\n <button class=\"btn-shop\">Shop<\/button>\r\n <\/div>\r\n <div class=\"slide-visual\">\r\n <svg class=\"laptop-svg\" viewBox=\"0 0 620 430\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <linearGradient id=\"gl3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" stop-color=\"#2e3038\"\/><stop offset=\"100%\" stop-color=\"#14161a\"\/>\r\n <\/linearGradient>\r\n <radialGradient id=\"wp3\" cx=\"60%\" cy=\"40%\" r=\"72%\">\r\n <stop offset=\"0%\" stop-color=\"#173317\"\/><stop offset=\"50%\" stop-color=\"#0a160a\"\/><stop offset=\"100%\" stop-color=\"#010401\"\/>\r\n <\/radialGradient>\r\n <\/defs>\r\n <rect x=\"80\" y=\"14\" width=\"440\" height=\"295\" rx=\"14\" fill=\"url(#gl3)\" stroke=\"#40424a\" stroke-width=\"1.5\"\/>\r\n <rect x=\"93\" y=\"26\" width=\"414\" height=\"271\" rx=\"7\" fill=\"url(#wp3)\"\/>\r\n <rect x=\"122\" y=\"68\" width=\"190\" height=\"7\" rx=\"2.5\" fill=\"rgba(0,200,80,.38)\"\/>\r\n <rect x=\"122\" y=\"83\" width=\"130\" height=\"7\" rx=\"2.5\" fill=\"rgba(0,200,80,.24)\"\/>\r\n <rect x=\"138\" y=\"98\" width=\"210\" height=\"7\" rx=\"2.5\" fill=\"rgba(0,200,80,.30)\"\/>\r\n <rect x=\"122\" y=\"113\" width=\"150\" height=\"7\" rx=\"2.5\" fill=\"rgba(0,200,80,.20)\"\/>\r\n <rect x=\"138\" y=\"128\" width=\"105\" height=\"7\" rx=\"2.5\" fill=\"rgba(0,200,80,.33)\"\/>\r\n <rect x=\"122\" y=\"143\" width=\"230\" height=\"7\" rx=\"2.5\" fill=\"rgba(0,200,80,.18)\"\/>\r\n <circle cx=\"420\" cy=\"165\" r=\"54\" fill=\"rgba(0,180,60,.07)\" stroke=\"rgba(0,200,80,.18)\" stroke-width=\"1\"\/>\r\n <circle cx=\"420\" cy=\"165\" r=\"34\" fill=\"rgba(0,180,60,.05)\" stroke=\"rgba(0,200,80,.13)\" stroke-width=\"1\"\/>\r\n <circle cx=\"300\" cy=\"33\" r=\"3.5\" fill=\"#111\"\/>\r\n <text x=\"300\" y=\"177\" text-anchor=\"middle\" font-family=\"Arial\" font-weight=\"700\" font-size=\"16\" fill=\"rgba(0,255,80,.22)\">hp<\/text>\r\n <rect x=\"80\" y=\"307\" width=\"440\" height=\"11\" rx=\"2\" fill=\"#0e1010\"\/>\r\n <path d=\"M52 318 L80 318 L520 318 L548 318 L566 392 L34 392 Z\" fill=\"url(#gl3)\" stroke=\"#40424a\" stroke-width=\"1.5\"\/>\r\n <rect x=\"112\" y=\"328\" width=\"376\" height=\"9\" rx=\"3\" fill=\"#252628\" opacity=\".9\"\/>\r\n <rect x=\"112\" y=\"342\" width=\"376\" height=\"9\" rx=\"3\" fill=\"#252628\" opacity=\".8\"\/>\r\n <rect x=\"112\" y=\"356\" width=\"376\" height=\"9\" rx=\"3\" fill=\"#252628\" opacity=\".7\"\/>\r\n <rect x=\"124\" y=\"370\" width=\"352\" height=\"9\" rx=\"3\" fill=\"#252628\" opacity=\".6\"\/>\r\n <rect x=\"218\" y=\"378\" width=\"164\" height=\"11\" rx=\"4\" fill=\"#1c1e20\" stroke=\"#3a3c40\" stroke-width=\"1\"\/>\r\n <rect x=\"34\" y=\"390\" width=\"532\" height=\"5\" rx=\"2.5\" fill=\"#101214\"\/>\r\n <\/svg>\r\n <\/div>\r\n <button class=\"slide-arrow arrow-prev\" onclick=\"changeSlide(-1)\">‹<\/button>\r\n <button class=\"slide-arrow arrow-next\" onclick=\"changeSlide(1)\">›<\/button>\r\n <\/div> -->\r\n\r\n <\/div><!-- \/slides-track -->\r\n <\/div><!-- \/slides-viewport -->\r\n\r\n <!-- BOTTOM CONTROLS BAR -->\r\n <div class=\"controls-bar\">\r\n <button class=\"play-pause-btn\" id=\"playPauseBtn\" onclick=\"togglePlayPause()\" title=\"Play \/ Pause\">\r\n <!-- <svg id=\"iconPause\" viewBox=\"0 0 16 16\" fill=\"#222\">\r\n <rect x=\"2.5\" y=\"2\" width=\"4\" height=\"12\" rx=\"1\"\/>\r\n <rect x=\"9.5\" y=\"2\" width=\"4\" height=\"12\" rx=\"1\"\/>\r\n <\/svg> -->\r\n\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" id=\"iconPause\" viewBox=\"0 0 24 24\" fill=\"#222\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-pause-icon lucide-pause\"><rect x=\"14\" y=\"3\" width=\"5\" height=\"18\" rx=\"1\"\/><rect x=\"5\" y=\"3\" width=\"5\" height=\"18\" rx=\"1\"\/><\/svg>\r\n\r\n <!-- <svg id=\"iconPlay\" viewBox=\"0 0 16 16\" fill=\"#222\" style=\"display:none\">\r\n <polygon points=\"3,2 14,8 3,14\"\/>\r\n <\/svg> -->\r\n\r\n\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" id=\"iconPlay\" style=\"display:none\" fill=\"#222\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-play-icon lucide-play\"><path d=\"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\"\/><\/svg>\r\n\r\n <\/button>\r\n\r\n <button class=\"bar-chevron\" onclick=\"changeSlide(-1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left-icon lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"\/><\/svg><\/button>\r\n <div class=\"indicators\" id=\"indicators\"><\/div>\r\n <button class=\"bar-next-btn\" onclick=\"changeSlide(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right-icon lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"\/><\/svg><\/button>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n const TOTAL = 3;\r\n const DURATION = 5000;\r\n\r\n let current = 0;\r\n let isPlaying = true;\r\n let rafId = null;\r\n let startTime = null;\r\n let elapsed = 0;\r\n\r\n const track = document.getElementById('slidesTrack');\r\n const slides = document.querySelectorAll('.slide');\r\n const viewport = track.parentElement;\r\n const iconPlay = document.getElementById('iconPlay');\r\n const iconPause = document.getElementById('iconPause');\r\n const indContainer = document.getElementById('indicators');\r\n\r\n \/* \u2500\u2500 Size the track & each slide \u2500\u2500 *\/\r\n function sizeSlidesTrack() {\r\n const vw = viewport.offsetWidth;\r\n track.style.width = (vw * TOTAL) + 'px';\r\n slides.forEach(s => { s.style.width = vw + 'px'; });\r\n \/\/ Update translate to current without animation\r\n track.style.transition = 'none';\r\n track.style.transform = `translateX(${-current * vw}px)`;\r\n \/\/ Re-enable transition after paint\r\n requestAnimationFrame(() => {\r\n track.style.transition = 'transform 0.65s cubic-bezier(0.77, 0, 0.18, 1)';\r\n });\r\n }\r\n\r\n window.addEventListener('resize', sizeSlidesTrack);\r\n sizeSlidesTrack();\r\n\r\n \/* \u2500\u2500 Build indicators \u2500\u2500 *\/\r\n const indicators = [];\r\n for (let i = 0; i < TOTAL; i++) {\r\n const item = document.createElement('div');\r\n item.className = 'indicator' + (i === 0 ? ' active' : '');\r\n item.innerHTML =\r\n '<span class=\"ind-dot\"><\/span>' +\r\n '<div class=\"ind-bar-wrap\"><div class=\"ind-bar-fill\" id=\"fill-' + i + '\"><\/div><\/div>';\r\n item.addEventListener('click', (function(idx){ return () => goToSlide(idx); })(i));\r\n indContainer.appendChild(item);\r\n indicators.push(item);\r\n }\r\n\r\n function fill(i) { return document.getElementById('fill-' + i); }\r\n\r\n \/* \u2500\u2500 Go to slide \u2500\u2500 *\/\r\n function showSlide(n) {\r\n const next = ((n % TOTAL) + TOTAL) % TOTAL;\r\n if (next === current) return;\r\n\r\n \/\/ Remove active class + reset fill on old\r\n slides[current].classList.remove('is-active');\r\n indicators[current].classList.remove('active');\r\n fill(current).style.width = '0%';\r\n\r\n current = next;\r\n\r\n \/\/ Slide the track\r\n const vw = viewport.offsetWidth;\r\n track.style.transform = `translateX(${-current * vw}px)`;\r\n\r\n \/\/ Activate new slide\r\n slides[current].classList.add('is-active');\r\n indicators[current].classList.add('active');\r\n elapsed = 0;\r\n }\r\n\r\n function changeSlide(dir) {\r\n stopProgress();\r\n showSlide(current + dir);\r\n if (isPlaying) startProgress();\r\n }\r\n\r\n function goToSlide(n) {\r\n if (n === current) return;\r\n stopProgress();\r\n showSlide(n);\r\n if (isPlaying) startProgress();\r\n }\r\n\r\n \/* \u2500\u2500 rAF progress bar \u2500\u2500 *\/\r\n function startProgress() {\r\n stopProgress();\r\n startTime = performance.now() - elapsed;\r\n\r\n function tick(now) {\r\n if (!isPlaying) return;\r\n elapsed = now - startTime;\r\n const pct = Math.min((elapsed \/ DURATION) * 100, 100);\r\n fill(current).style.width = pct + '%';\r\n if (pct < 100) {\r\n rafId = requestAnimationFrame(tick);\r\n } else {\r\n showSlide(current + 1);\r\n elapsed = 0;\r\n startTime = performance.now();\r\n rafId = requestAnimationFrame(tick);\r\n }\r\n }\r\n rafId = requestAnimationFrame(tick);\r\n }\r\n\r\n function stopProgress() {\r\n if (rafId) { cancelAnimationFrame(rafId); rafId = null; }\r\n }\r\n\r\n \/* \u2500\u2500 Play \/ Pause \u2500\u2500 *\/\r\n function togglePlayPause() {\r\n isPlaying = !isPlaying;\r\n if (isPlaying) {\r\n iconPause.style.display = '';\r\n iconPlay.style.display = 'none';\r\n startProgress();\r\n } else {\r\n iconPause.style.display = 'none';\r\n iconPlay.style.display = '';\r\n stopProgress();\r\n }\r\n }\r\n\r\n \/* kick off *\/\r\n startProgress();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\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-966baf8 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"966baf8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b945ce9 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"b945ce9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\t\t\t\t<p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t\t<sr7-module data-alias=\"slider-2\" data-id=\"5\" id=\"SR7_5_1\" class=\"rs-ov-hidden\" data-version=\"6.7.25\">\n\t\t\t\t\t<sr7-adjuster><\/sr7-adjuster>\n\t\t\t\t\t<sr7-content>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_5_1-9\" data-key=\"9\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_5_1-9-7\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/03\/cleaning-solution-banner-1.jpg\" alt=\"cleaning-solution-banner\" title=\"cleaning-solution-banner\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<h1 id=\"SR7_5_1-9-0\" class=\"sr7-layer\">Cleaning <br \/> Solutions<\/h1>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_5_1-9-1\" class=\"sr7-layer\">We provide high-quality cleaning solutions designed to meet strict hygiene standards, ensuring a safe, fresh, and healthy environment<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_5_1-9-6\" class=\"sr7-layer\" href=\"https:\/\/2hothosting.com\/komkare\/komkare-cleaning-solution\/\" target=\"_self\">Explore Products <i class=\"material-icons\">arrow_forward<\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_5_1-12\" data-key=\"12\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_5_1-12-7\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/03\/office-solution-banner.jpg\" alt=\"office-solution-banner\" title=\"office-solution-banner\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_5_1-12-0\" class=\"sr7-layer\">Office <br \/> Solutions<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_5_1-12-1\" class=\"sr7-layer\">We provide reliable office solutions that enhance productivity, streamline workflows, and support efficient business operations.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_5_1-12-6\" class=\"sr7-layer\" href=\"https:\/\/2hothosting.com\/komkare\/komkare-office-solution\/\" target=\"_self\">Explore Products <i class=\"material-icons\">arrow_forward<\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_5_1-13\" data-key=\"13\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_5_1-13-7\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/safety-solution.jpg\" alt=\"safety-solution\" title=\"safety-solution\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_5_1-13-0\" class=\"sr7-layer\">Safety <br \/> Solutions<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_5_1-13-1\" class=\"sr7-layer\">We provide various safety products for workplaces, industries, and public environments to ensure protection and compliance.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_5_1-13-6\" class=\"sr7-layer\" href=\"https:\/\/2hothosting.com\/komkare\/komkare-safety-solution\/\" target=\"_self\">Explore Products <i class=\"material-icons\">arrow_forward<\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_5_1-14\" data-key=\"14\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_5_1-14-7\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/flooring-solution.jpg\" alt=\"flooring-solution\" title=\"flooring-solution\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_5_1-14-0\" class=\"sr7-layer\">Flooring <br \/> Solutions<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_5_1-14-1\" class=\"sr7-layer\">We provide end-to-end solutions for professional Padel court development. From precision architectural design to the installation of high-performance, durable turf, we build world-class sports facilities tailored to your space.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_5_1-14-6\" class=\"sr7-layer\" href=\"https:\/\/2hothosting.com\/komkare\/komkare-flooring-solution\/\" target=\"_self\">Explore Products <i class=\"material-icons\">arrow_forward<\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_5_1-10\" data-key=\"10\">\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t<\/sr7-content>\n\t\t\t\t\t<image_lists style=\"display:none\">\n\t\t\t\t\t\t<img data-src=\"\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/03\/cleaning-solution-banner-1.jpg\" data-libid=\"2351\" data-lib=\"medialibrary\" alt=\"cleaning-solution-banner\" title=\"cleaning-solution-banner\" width=\"0\" height=\"0\" data-dbsrc=\"Ly8yaG90aG9zdGluZy5jb20va29ta2FyZS93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wMy9jbGVhbmluZy1zb2x1dGlvbi1iYW5uZXItMS5qcGc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/03\/office-solution-banner.jpg\" data-libid=\"2352\" data-lib=\"medialibrary\" alt=\"office-solution-banner\" title=\"office-solution-banner\" width=\"0\" height=\"0\" data-dbsrc=\"Ly8yaG90aG9zdGluZy5jb20va29ta2FyZS93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wMy9vZmZpY2Utc29sdXRpb24tYmFubmVyLmpwZw==\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/safety-solution.jpg\" data-libid=\"2559\" data-lib=\"medialibrary\" alt=\"safety-solution\" title=\"safety-solution\" width=\"0\" height=\"0\" data-dbsrc=\"Ly8yaG90aG9zdGluZy5jb20va29ta2FyZS93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNC9zYWZldHktc29sdXRpb24uanBn\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/flooring-solution.jpg\" data-libid=\"2558\" data-lib=\"medialibrary\" alt=\"flooring-solution\" title=\"flooring-solution\" width=\"0\" height=\"0\" data-dbsrc=\"Ly8yaG90aG9zdGluZy5jb20va29ta2FyZS93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNC9mbG9vcmluZy1zb2x1dGlvbi5qcGc=\"\/>\n\t\t\t\t\t<\/image_lists>\n\t\t\t\t<\/sr7-module>\n\t\t\t\t<script>\n\t\t\t\t\tSR7.PMH ??={}; SR7.PMH[\"SR7_5_1\"] = {cn:100,state:false,fn: function() { if (_tpt!==undefined && _tpt.prepareModuleHeight !== undefined) { _tpt.prepareModuleHeight({id:\"SR7_5_1\",el:[600,600,550,500,500],type:'standard',shdw:'0',gh:[600,600,550,500,500],gw:[1240,1240,1024,778,778],vpt:['-100px','-100px','-100px','-100px','-100px'],size:{fullWidth:true, fullHeight:false},mh:'0',onh:0,onw:0,bg:{color:'{\"type\":\"solid\",\"orig\":\"#0c0c0c\",\"string\":\"rgba(12, 12, 12, 1)\"}'}}); SR7.PMH[\"SR7_5_1\"].state=true;} else if(SR7.PMH[\"SR7_5_1\"].cn-->0)\tsetTimeout( SR7.PMH[\"SR7_5_1\"].fn,19);}};SR7.PMH[\"SR7_5_1\" ].fn();\n\t\t\t\t<\/script>\n<\/div>\n\t\t\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-093f71b elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"093f71b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14f2dcc elementor-widget-tablet__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"14f2dcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\t\t\t\t<p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t\t<sr7-module data-alias=\"slider-2-1\" data-id=\"6\" id=\"SR7_6_2\" class=\"rs-ov-hidden\" data-version=\"6.7.25\">\n\t\t\t\t\t<sr7-adjuster><\/sr7-adjuster>\n\t\t\t\t\t<sr7-content>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_6_2-15\" data-key=\"15\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_6_2-15-7\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/cleaning-banner.jpg\" alt=\"cleaning-banner\" title=\"cleaning-banner\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_6_2-15-0\" class=\"sr7-layer\">Cleaning Solutions<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_6_2-15-1\" class=\"sr7-layer\">We provide high-quality cleaning solutions designed to meet strict hygiene standards, ensuring a safe, fresh, and healthy environment<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_6_2-15-6\" class=\"sr7-layer\" href=\"https:\/\/2hothosting.com\/komkare\/komkare-cleaning-solution\/\" target=\"_self\">Explore Products <i class=\"material-icons\">arrow_forward<\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_6_2-16\" data-key=\"16\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_6_2-16-7\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/office-banner.jpg\" alt=\"office-banner\" title=\"office-banner\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_6_2-16-0\" class=\"sr7-layer\">Office Solutions<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_6_2-16-1\" class=\"sr7-layer\">We provide reliable office solutions that enhance productivity, streamline workflows, and support efficient business operations.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_6_2-16-6\" class=\"sr7-layer\" href=\"https:\/\/2hothosting.com\/komkare\/komkare-office-solution\/\" target=\"_self\">Explore Products <i class=\"material-icons\">arrow_forward<\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_6_2-17\" data-key=\"17\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_6_2-17-7\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/safety-banner.jpg\" alt=\"safety-banner\" title=\"safety-banner\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_6_2-17-0\" class=\"sr7-layer\">Safety Solutions<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_6_2-17-1\" class=\"sr7-layer\">We provide various safety products for workplaces, industries, and public environments to ensure protection and compliance.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_6_2-17-6\" class=\"sr7-layer\" href=\"https:\/\/2hothosting.com\/komkare\/komkare-safety-solution\/\" target=\"_self\">Explore Products <i class=\"material-icons\">arrow_forward<\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_6_2-18\" data-key=\"18\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_6_2-18-7\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/flooring-banner.jpg\" alt=\"flooring-banner\" title=\"flooring-banner\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_6_2-18-0\" class=\"sr7-layer\">Flooring Solutions<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_6_2-18-1\" class=\"sr7-layer\">We provide end-to-end solutions for professional Padel court development. From precision architectural design to the installation of high-performance, durable turf, we build world-class sports facilities tailored to your space.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_6_2-18-6\" class=\"sr7-layer\" href=\"https:\/\/2hothosting.com\/komkare\/komkare-flooring-solution\/\" target=\"_self\">Explore Products <i class=\"material-icons\">arrow_forward<\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_6_2-19\" data-key=\"19\">\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t<\/sr7-content>\n\t\t\t\t\t<image_lists style=\"display:none\">\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/cleaning-banner.jpg\" data-libid=\"2878\" data-lib=\"medialibrary\" alt=\"cleaning-banner\" title=\"cleaning-banner\" width=\"0\" height=\"0\" data-dbsrc=\"Ly8yaG90aG9zdGluZy5jb20va29ta2FyZS93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNC9jbGVhbmluZy1iYW5uZXIuanBn\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/office-banner.jpg\" data-libid=\"2880\" data-lib=\"medialibrary\" alt=\"office-banner\" title=\"office-banner\" width=\"0\" height=\"0\" data-dbsrc=\"Ly8yaG90aG9zdGluZy5jb20va29ta2FyZS93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNC9vZmZpY2UtYmFubmVyLmpwZw==\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/safety-banner.jpg\" data-libid=\"2881\" data-lib=\"medialibrary\" alt=\"safety-banner\" title=\"safety-banner\" width=\"0\" height=\"0\" data-dbsrc=\"Ly8yaG90aG9zdGluZy5jb20va29ta2FyZS93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNC9zYWZldHktYmFubmVyLmpwZw==\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/flooring-banner.jpg\" data-libid=\"2879\" data-lib=\"medialibrary\" alt=\"flooring-banner\" title=\"flooring-banner\" width=\"0\" height=\"0\" data-dbsrc=\"Ly8yaG90aG9zdGluZy5jb20va29ta2FyZS93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNC9mbG9vcmluZy1iYW5uZXIuanBn\"\/>\n\t\t\t\t\t<\/image_lists>\n\t\t\t\t<\/sr7-module>\n\t\t\t\t<script>\n\t\t\t\t\tSR7.PMH ??={}; SR7.PMH[\"SR7_6_2\"] = {cn:100,state:false,fn: function() { if (_tpt!==undefined && _tpt.prepareModuleHeight !== undefined) { _tpt.prepareModuleHeight({id:\"SR7_6_2\",el:[600,600,600,600,600],type:'standard',shdw:'0',gh:[600,600,600,600,600],gw:[1240,1240,1240,1240,400],vpt:['-100px','-100px','-100px','-100px','-100px'],size:{fullWidth:true, fullHeight:false},mh:'0',onh:0,onw:0,bg:{color:'{\"type\":\"solid\",\"orig\":\"#0c0c0c\",\"string\":\"rgba(12, 12, 12, 1)\"}'}}); SR7.PMH[\"SR7_6_2\"].state=true;} else if(SR7.PMH[\"SR7_6_2\"].cn-->0)\tsetTimeout( SR7.PMH[\"SR7_6_2\"].fn,19);}};SR7.PMH[\"SR7_6_2\" ].fn();\n\t\t\t\t<\/script>\n<\/div>\n\t\t\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-2e2dad3 e-grid e-con-boxed e-con e-parent\" data-id=\"2e2dad3\" 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-1460097 e-con-full e-flex e-con e-child\" data-id=\"1460097\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"79971d6\" \n\t\tclass=\"e-79971d6-dce01c5 e-heading-base\" \n\t\t \n\t\t\n\t>\n\t\n\t\t\tWho We Are & What We Do\n\t\t<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-33d0bb9 elementor-widget elementor-widget-button\" data-id=\"33d0bb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/2hothosting.com\/komkare\/about\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">About Us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf9c31a e-con-full e-flex e-con e-child\" data-id=\"bf9c31a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t\t\t\t<p class=\"e-15701bc-0042e9d e-paragraph-base\" data-interaction-id=\"15701bc\" >\n\t\t\t\t\t\t\t\tKomkare is a leading name in Pakistan\u2019s cleaning equipment, waste management, hygiene care, and flooring solutions industry, known for its commitment to quality and reliability. With years of experience, partnering with top international brands to deliver high-performance solutions tailored to the needs of commercial and industrial clients. Backed by a strong nationwide presence and dedicated support teams, Komkare ensures prompt service and seamless operations. Focused on innovation and sustainability, we continues to set benchmarks while maintaining a strong commitment to customer satisfaction.\n\t\t\t\t\t<\/p>\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-9ee021d e-flex e-con-boxed e-con e-parent\" data-id=\"9ee021d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"95da782\" \n\t\tclass=\"e-95da782-28c241f e-heading-base\" \n\t\t \n\t\t\n\t>\n\t\n\t\t\tOur Product Categories\n\t\t<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b5e4b6 e-con-full e-flex e-con e-parent\" data-id=\"1b5e4b6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53000a1 elementor-widget elementor-widget-html\" data-id=\"53000a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@100..900&display=swap\" rel=\"stylesheet\">\r\n <title>Chevrolet EV Lineup<\/title>\r\n <style>\r\n\r\n .slider-section {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .slider-track-outer {\r\n overflow: hidden;\r\n padding-left: clamp(16px, 5vw, 80px);\r\n cursor: pointer;\r\n user-select: none;\r\n }\r\n\r\n .slider-track-outer:active { cursor: grabbing; }\r\n\r\n .slider-track {\r\n display: flex;\r\n gap: clamp(16px, 2.5vw, 32px);\r\n will-change: transform;\r\n }\r\n\r\n .car-card {\r\n flex: 0 0 auto;\r\n width: clamp(260px, 42vw, 530px);\r\n }\r\n\r\n .car-image-wrap {\r\n width: 100%;\r\n aspect-ratio: 16 \/ 10;\r\n overflow: hidden;\r\n background: #e8e8e8;\r\n }\r\n\r\n .car-image-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n pointer-events: none;\r\n draggable: false;\r\n }\r\n\r\n .car-card:hover .car-image-wrap img { transform: scale(1.03); }\r\n\r\n .car-info {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-top: 18px;\r\n margin-bottom: 10px;\r\n gap: 12px;\r\n }\r\n\r\n .car-name {\r\n font-size: clamp(20px, 3vw, 32px);\r\n font-weight: 800;\r\n letter-spacing: -0.01em;\r\n font-family: \"Outfit\", sans-serif;\r\n font-weight: 600;\r\n color: #1F1F1F;\r\n line-height: 1;\r\n }\r\n\r\n .car-price { text-align: right; flex-shrink: 0; }\r\n\r\n .car-price .label {\r\n font-size: clamp(10px, 1.2vw, 13px);\r\n color: #444;\r\n display: block;\r\n white-space: nowrap;\r\n }\r\n\r\n .car-price .label strong { color: #1a1a1a; }\r\n\r\n .car-price sup {\r\n font-size: 0.65em;\r\n color: #1a61c8;\r\n vertical-align: super;\r\n }\r\n\r\n .car-price .price-shown {\r\n font-size: clamp(10px, 1.1vw, 12px);\r\n color: #444;\r\n display: block;\r\n white-space: nowrap;\r\n }\r\n\r\n .car-links {\r\n display: flex;\r\n gap: clamp(16px, 4vw, 40px);\r\n \/* margin-top: 16px; *\/\r\n }\r\n\r\n .car-links a {\r\n font-family: \"Outfit\", sans-serif;\r\n font-size: clamp(16px, 1.3vw, 14px);\r\n font-weight: 500;\r\n color: #A01A0E;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 1px;\r\n white-space: nowrap;\r\n transition: color 0.2s;\r\n }\r\n\r\n .car-links a:hover { color: #A01A0E; text-decoration: underline; }\r\n\r\n .arrow-circle {\r\n width: clamp(18px, 2vw, 22px);\r\n height: clamp(18px, 2vw, 22px);\r\n \/*border: 2px solid currentColor;*\/\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .arrow-circle svg { width: 10pxpx; height: 18px; }\r\n\r\n .slider-nav {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 16px;\r\n margin-top: 36px;\r\n }\r\n\r\n #nextBtn {\r\n width: 46px;\r\n height: 46px;\r\n color: #fff;\r\n border: 2px solid #1F1F1F;\r\n background: #1F1F1F;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background 0.2s, transform 0.15s;\r\n }\r\n\r\n #nextBtn:hover { background: #fff; }\r\n #nextBtn:hover svg { stroke: #1F1F1F; }\r\n .navbtn:active { transform: scale(0.93); }\r\n\r\n #prevBtn {\r\n width: 46px;\r\n height: 46px;\r\n color: #fff;\r\n border: 2px solid #1F1F1F;\r\n background: #1F1F1F;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background 0.2s, transform 0.15s;\r\n }\r\n\r\n #prevBtn:hover { background: #fff; }\r\n #prevBtn:hover svg { stroke: #1F1F1F; }\r\n\r\n @media (max-width: 600px) {\r\n body { padding: 24px 0 40px; }\r\n .car-card { width: clamp(240px, 82vw, 340px); }\r\n .car-info { flex-direction: column; gap: 6px; }\r\n .car-price { text-align: left; }\r\n .car-links { gap: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"slider-section\" aria-label=\"Chevrolet EV Lineup\">\r\n <div class=\"slider-track-outer\" id=\"trackOuter\">\r\n <div class=\"slider-track\" id=\"sliderTrack\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"slider-nav\">\r\n <button class=\"nav-btn\" id=\"prevBtn\" aria-label=\"Previous\">\r\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left-icon lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <button class=\"nav-btn\" id=\"nextBtn\" aria-label=\"Next\">\r\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right-icon lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n const cars = [\r\n {\r\n name: 'Cleaning Solutions',\r\n img: 'https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/cleaning-equipment.jpg',\r\n start: '$27,600', shown: '$34,190',\r\n link: \"https:\/\/2hothosting.com\/komkare\/komkare-cleaning-solution\/\"\r\n },\r\n {\r\n name: 'Flooring Solutions',\r\n img: 'https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/flooring-equipment.jpg',\r\n start: '$34,995', shown: '$50,650',\r\n link: \"https:\/\/2hothosting.com\/komkare\/komkare-flooring-solution\/\"\r\n },\r\n {\r\n name: 'Safety Solutions',\r\n img: 'https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/safety-equipment.jpg',\r\n start: '$44,995', shown: '$56,195',\r\n link: \"https:\/\/2hothosting.com\/komkare\/komkare-safety-solution\/\"\r\n },\r\n {\r\n name: 'Office Solutions',\r\n img: 'https:\/\/2hothosting.com\/komkare\/wp-content\/uploads\/2026\/04\/office-equipment.jpg',\r\n start: '$74,800', shown: '$92,495',\r\n link: \"https:\/\/2hothosting.com\/komkare\/komkare-office-solution\/\"\r\n },\r\n ];\r\n\r\n const arrowSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right-icon lucide-arrow-up-right\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>`;\r\n\r\n function cardHTML(car) {\r\n return `<div class=\"car-card\">\r\n <div class=\"car-image-wrap\">\r\n <img decoding=\"async\" src=\"${car.img}\" alt=\"${car.name}\" draggable=\"false\" loading=\"lazy\"\/>\r\n <\/div>\r\n <div class=\"car-info\">\r\n <span class=\"car-name\">${car.name}<\/span>\r\n <div class=\"car-links\">\r\n <a href=\"${car.link}\">View Products <span class=\"arrow-circle\">${arrowSVG}<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>`;\r\n }\r\n\r\n const track = document.getElementById('sliderTrack');\r\n const outer = document.getElementById('trackOuter');\r\n\r\n \/\/ Render 4 full copies for seamless infinite loop\r\n const COPIES = 4;\r\n track.innerHTML = Array.from({ length: COPIES }, () => cars.map(cardHTML).join('')).join('');\r\n\r\n \/\/ \u2500\u2500 helpers \u2500\u2500\r\n const getGap = () => parseFloat(getComputedStyle(track).gap) || 24;\r\n const getCardW = () => track.querySelector('.car-card').getBoundingClientRect().width;\r\n const setW = () => cars.length * (getCardW() + getGap()); \/\/ width of ONE full set\r\n\r\n \/\/ \u2500\u2500 state \u2500\u2500\r\n let pos = 0; \/\/ px scrolled (positive = moved left)\r\n let isDragging = false;\r\n let dragStartX = 0;\r\n let dragStartPos = 0;\r\n let momentumV = 0;\r\n let lastX = 0;\r\n let lastT = 0;\r\n\r\n function wrap() {\r\n const sw = setW();\r\n pos = ((pos % sw) + sw) % sw;\r\n }\r\n\r\n function draw() {\r\n track.style.transform = `translateX(${-pos}px)`;\r\n }\r\n\r\n draw(); \/\/ initial render\r\n\r\n \/\/ \u2500\u2500 animated jump for nav buttons \u2500\u2500\r\n function jumpBy(delta) {\r\n const from = pos;\r\n const dur = 420;\r\n const t0 = performance.now();\r\n const ease = t => t < 0.5 ? 2*t*t : -1+(4-2*t)*t;\r\n\r\n (function step(now) {\r\n const p = Math.min((now - t0) \/ dur, 1);\r\n pos = from + delta * ease(p);\r\n wrap();\r\n draw();\r\n if (p < 1) requestAnimationFrame(step);\r\n })(t0);\r\n }\r\n\r\n document.getElementById('prevBtn').addEventListener('click', () => jumpBy(-(getCardW() + getGap())));\r\n document.getElementById('nextBtn').addEventListener('click', () => jumpBy( getCardW() + getGap()));\r\n\r\n \/\/ \u2500\u2500 drag support (mouse + touch) \u2500\u2500\r\n function dragStart(x) {\r\n isDragging = true;\r\n dragStartX = x;\r\n dragStartPos = pos;\r\n lastX = x;\r\n lastT = performance.now();\r\n momentumV = 0;\r\n }\r\n\r\n function dragMove(x) {\r\n if (!isDragging) return;\r\n const now = performance.now();\r\n momentumV = (x - lastX) \/ Math.max(now - lastT, 1);\r\n lastX = x; lastT = now;\r\n pos = dragStartPos - (x - dragStartX);\r\n wrap(); draw();\r\n }\r\n\r\n function dragEnd() {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n\r\n \/\/ momentum flick\r\n let vel = -momentumV * 14;\r\n if (Math.abs(vel) > 0.5) {\r\n const decay = 0.93;\r\n (function flick() {\r\n if (Math.abs(vel) < 0.3) { return; }\r\n pos += vel; vel *= decay;\r\n wrap(); draw();\r\n requestAnimationFrame(flick);\r\n })();\r\n }\r\n }\r\n\r\n outer.addEventListener('mousedown', e => dragStart(e.clientX));\r\n window.addEventListener('mousemove', e => { if (isDragging) dragMove(e.clientX); });\r\n window.addEventListener('mouseup', dragEnd);\r\n\r\n outer.addEventListener('touchstart', e => dragStart(e.touches[0].clientX), { passive: true });\r\n outer.addEventListener('touchmove', e => { if (isDragging) dragMove(e.touches[0].clientX); }, { passive: true });\r\n outer.addEventListener('touchend', dragEnd, { passive: true });\r\n\r\n \/\/ Block link-click when dragging\r\n outer.addEventListener('click', e => {\r\n if (Math.abs(pos - dragStartPos) > 6) e.preventDefault();\r\n }, true);\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1018d7c e-grid e-con-boxed e-con e-parent\" data-id=\"1018d7c\" 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-29d921f e-con-full e-flex e-con e-child\" data-id=\"29d921f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/2hothosting.com\\\/komkare\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/WhatsApp-Video-2025-10-22-at-10.22.55-AM-1.mp4","background_play_on_mobile":"yes"}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-cfe1260 elementor-widget elementor-widget-heading\" data-id=\"cfe1260\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Automatic Shoe Polish Machine<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a677c0 e-con-full e-flex e-con e-child\" data-id=\"0a677c0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"video","background_play_on_mobile":"yes"}\">\n\t\t<div class=\"elementor-element elementor-element-a75d855 e-con-full e-flex e-con e-child\" data-id=\"a75d855\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/2hothosting.com\\\/komkare\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/copy_08F36D2A-622D-4373-9D8C-042EC942C07F-1.mov","background_play_on_mobile":"yes"}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-020b379 elementor-widget elementor-widget-heading\" data-id=\"020b379\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Multi-functional Brushing Machine<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a39671 e-con-full e-flex e-con e-child\" data-id=\"7a39671\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/2hothosting.com\\\/komkare\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Whatsapp-Video-2026-04-01-At-17.33.36-3.mp4","background_play_on_mobile":"yes"}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-5c76a0d elementor-widget elementor-widget-heading\" data-id=\"5c76a0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Irobot Window Cleaning Machine<\/h4>\t\t\t\t<\/div>\n\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-5f6c044 e-flex e-con-boxed e-con e-parent\" data-id=\"5f6c044\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/2hothosting.com\\\/komkare\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/projects-video-1.mp4","background_play_on_mobile":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-5626d41 e-con-full e-flex e-con e-child\" data-id=\"5626d41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb11edc elementor-widget elementor-widget-heading\" data-id=\"fb11edc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Our Projects<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<p class=\"e-2c43716-cae3275 e-paragraph-base\" data-interaction-id=\"2c43716\" >\n\t\t\t\t\t\t\t\tTake a look at our projects, showcasing our dedication to quality, innovation, and successful solutions across Pakistan.\n\t\t\t\t\t<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa2f155 elementor-widget elementor-widget-button\" data-id=\"aa2f155\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/2hothosting.com\/komkare\/projects\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HP Slider Cleaning Solutions We provide high-quality cleaning solutions designed to meet strict hygiene standards, ensuring a safe, fresh, and healthy environment. Shop Office Solutions We provide reliable office solutions that enhance productivity, streamline workflows, and support efficient business operations. Shop HP OmniBook 5 Laptops<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2277","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/2hothosting.com\/komkare\/wp-json\/wp\/v2\/pages\/2277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2hothosting.com\/komkare\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/2hothosting.com\/komkare\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/2hothosting.com\/komkare\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2hothosting.com\/komkare\/wp-json\/wp\/v2\/comments?post=2277"}],"version-history":[{"count":205,"href":"https:\/\/2hothosting.com\/komkare\/wp-json\/wp\/v2\/pages\/2277\/revisions"}],"predecessor-version":[{"id":2884,"href":"https:\/\/2hothosting.com\/komkare\/wp-json\/wp\/v2\/pages\/2277\/revisions\/2884"}],"wp:attachment":[{"href":"https:\/\/2hothosting.com\/komkare\/wp-json\/wp\/v2\/media?parent=2277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}