Menu \u2014 Verdant (Infrastructure dropdown only, unique classes)<\/title>\r\n\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n \/* ====== Layout Root ====== *\/\r\n .vgx-header {\r\n display:flex; justify-content:center; align-items:center;\r\n }\r\n nav.vgx-nav {\r\n position:relative;\r\n --vgx-gap: 24px;\r\n }\r\n\r\n \/* ====== Top Row ====== *\/\r\n .vgx-row {\r\n list-style:none; margin:0; padding:0;\r\n display:flex; align-items:center;\r\n }\r\n .vgx-node { position:relative; }\r\n\r\n \/* vertical divider between top-level items *\/\r\n .vgx-node:not(:last-child){\r\n border-right:1px solid rgba(0, 40, 43, .3);\r\n }\r\n\r\n \/* ====== Type + Color ====== *\/\r\n .vgx-link,\r\n .vgx-sublink,\r\n .vgx-toggle {\r\n font-family:\"Host Grotesk\";\r\n font-weight:400;\r\n font-size:16px; line-height:1.35; letter-spacing:0;\r\n text-align:center; color:#00282B;\r\n display:inline-flex; align-items:center; justify-content:center;\r\n vertical-align:middle; text-decoration:none; white-space:nowrap;\r\n padding:0 20px 8px 20px;\r\n background:none; border:0; cursor:pointer;\r\n }\r\n\r\n \/* Hover underline with gap *\/\r\n .vgx-link:hover,\r\n .vgx-sublink:hover,\r\n .vgx-toggle:hover{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:12px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* Keep underline ON for current page *\/\r\n .vgx-link[aria-current=\"page\"],\r\n .vgx-sublink[aria-current=\"page\"]{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:6px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* Optional keyboard focus ring *\/\r\n .vgx-link:focus-visible,\r\n .vgx-sublink:focus-visible,\r\n .vgx-toggle:focus-visible{\r\n outline:2px solid #00282B; outline-offset:2px;\r\n text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px;\r\n }\r\n\r\n \/* ====== Dropdown (Infrastructure ONLY) ====== *\/\r\n .vgx-has-fly { position:relative; }\r\n\r\n \/* caret triangle *\/\r\n .vgx-caret{\r\n width:0; height:0; margin-left:6px;\r\n border-left:5px solid transparent;\r\n border-right:5px solid transparent;\r\n border-top:6px solid currentColor;\r\n transition:transform .2s ease;\r\n }\r\n\r\n \/* flyout panel *\/\r\n .vgx-flyout{\r\n --vgx-item-bg: url('https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png');\r\n position:absolute; top:100%; left:0;\r\n min-width:220px; margin:8px 0 0 0; padding:8px;\r\n list-style:none; background:#fff;\r\n border:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 8px 24px rgba(0,0,0,.12);\r\n transform:translateY(8px);\r\n opacity:0; visibility:hidden; pointer-events:none;\r\n transition:transform .2s ease, opacity .2s ease, visibility .2s ease;\r\n z-index:20;\r\n }\r\n\r\n \/* show on hover\/focus or when toggled open *\/\r\n .vgx-has-fly:hover .vgx-flyout,\r\n .vgx-has-fly:focus-within .vgx-flyout,\r\n .vgx-has-fly.vgx-is-open .vgx-flyout{\r\n transform:translateY(0);\r\n opacity:1; visibility:visible; pointer-events:auto;\r\n }\r\n\r\n \/* rotate caret when open *\/\r\n .vgx-has-fly:hover > .vgx-toggle .vgx-caret,\r\n .vgx-has-fly:focus-within > .vgx-toggle .vgx-caret,\r\n .vgx-has-fly.vgx-is-open > .vgx-toggle .vgx-caret{\r\n transform:rotate(180deg);\r\n }\r\n\r\n \/* flyout link layout (prep for background image on item hover) *\/\r\n .vgx-sublink{\r\n justify-content:flex-start; text-align:left; width:100%;\r\n padding:8px 10px;\r\n color:#00282B;\r\n text-decoration-color:#00282B;\r\n border-radius:6px;\r\n background-repeat:no-repeat;\r\n background-position:center;\r\n background-size:cover;\r\n transition: background-image .2s ease, color .2s ease, text-decoration-color .2s ease;\r\n }\r\n\r\n \/* underline parent if current page is a descendant *\/\r\n .vgx-toggle.vgx-is-ancestor,\r\n .vgx-link.vgx-is-ancestor{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:6px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* ===== Background image ON submenu item hover\/focus\/active ===== *\/\r\n .vgx-flyout .vgx-sublink:hover,\r\n .vgx-flyout .vgx-sublink:focus,\r\n .vgx-flyout .vgx-sublink:active{\r\n background-image: var(--vgx-item-bg) !important;\r\n color:#FFFFFF !important;\r\n text-decoration-color:#FFFFFF !important;\r\n }\r\n\r\n \/* ===== Kill theme hover backgrounds (keep our item image only) ===== *\/\r\n .vgx-nav .vgx-toggle,\r\n .vgx-nav .vgx-toggle:hover,\r\n .vgx-nav .vgx-toggle:focus,\r\n .vgx-nav .vgx-toggle:active,\r\n .vgx-nav .vgx-link:hover,\r\n .vgx-nav .vgx-link:focus,\r\n .vgx-nav .vgx-link:active,\r\n .vgx-nav .vgx-node:hover,\r\n .vgx-nav .vgx-has-fly:hover,\r\n .vgx-nav .vgx-has-fly.vgx-is-open{\r\n background:transparent !important;\r\n background-color:transparent !important;\r\n background-image:none !important;\r\n box-shadow:none !important;\r\n }\r\n\r\n \/* Lock top-level link colors *\/\r\n .vgx-nav .vgx-link,\r\n .vgx-nav .vgx-toggle{\r\n color:#00282B !important;\r\n text-decoration-color:#00282B !important;\r\n }\r\n\r\n \/* Optional: remove iOS blue tap flash *\/\r\n .vgx-nav a, .vgx-nav button{ -webkit-tap-highlight-color: rgba(0,0,0,0); }\r\n\r\n \/* responsive tweak *\/\r\n @media (max-width: 720px){\r\n .vgx-row{ gap:14px; }\r\n .vgx-flyout{ min-width:180px; }\r\n .vgx-node:not(:last-child){\r\n padding-right:10px; margin-right:10px;\r\n }\r\n }\r\n\r\n \/* If you explicitly want no extra padding on some links: *\/\r\n .vgx-link--tight{ padding:0; }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<header class=\"vgx-header\">\r\n <nav class=\"vgx-nav\" aria-label=\"Main\">\r\n <ul class=\"vgx-row\">\r\n <li class=\"vgx-node\">\r\n <a href=\"\/\" class=\"vgx-link\">Home<\/a>\r\n <\/li>\r\n\r\n <li class=\"vgx-node\">\r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/about-us\/\" class=\"vgx-link\">About Us<\/a>\r\n <\/li>\r\n\r\n <li class=\"vgx-node\">\r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/stationery\/\" class=\"vgx-link\">Stationery & More<\/a>\r\n <\/li>\r\n\r\n \r\n <li class=\"vgx-node vgx-has-fly\">\r\n <button type=\"button\"\r\n class=\"vgx-link vgx-toggle\"\r\n aria-haspopup=\"menu\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"vgx-infra-menu\">\r\n Infrastructure\r\n <span class=\"vgx-caret\" aria-hidden=\"true\"><\/span>\r\n <\/button>\r\n\r\n <ul id=\"vgx-infra-menu\" class=\"vgx-flyout\" role=\"menu\" aria-label=\"Infrastructure submenu\">\r\n <li class=\"vgx-flyitem\" role=\"none\">\r\n <a role=\"menuitem\"\r\n href=\"https:\/\/verdantgroup.co.in\/index.php\/operations-productions\/\"\r\n class=\"vgx-sublink\">Operations & Productions<\/a>\r\n <\/li>\r\n <li class=\"vgx-flyitem\" role=\"none\">\r\n <a role=\"menuitem\"\r\n href=\"https:\/\/verdantgroup.co.in\/index.php\/facilities-machinery\/\"\r\n class=\"vgx-sublink\">Facilities & Machinery<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/li>\r\n <\/ul>\r\n <\/nav>\r\n<\/header>\r\n\r\n<script>\r\n(function(){\r\n \/\/ ===== Helpers to mark current page and ancestors =====\r\n var nav = document.querySelector('.vgx-nav');\r\n if (!nav) return;\r\n\r\n var links = nav.querySelectorAll('a');\r\n var here = new URL(window.location.href);\r\n\r\n function normPath(pathname){\r\n \/\/ treat \/index.php\/... as \/...\r\n var p = pathname.replace(\/^\\\/index\\.php(\\\/|$)\/, '\/');\r\n if (p !== '\/' && !p.endsWith('\/')) p += '\/';\r\n return p;\r\n }\r\n\r\n var herePath = normPath(here.pathname);\r\n var hereOrigin = here.origin;\r\n\r\n links.forEach(function(a){\r\n var href = a.getAttribute('href');\r\n if (!href) return;\r\n var target = new URL(href, window.location.origin);\r\n if (target.origin !== hereOrigin) return;\r\n\r\n var tPath = normPath(target.pathname);\r\n\r\n \/\/ Exact match \u2192 current page\r\n if (tPath === herePath){\r\n a.setAttribute('aria-current', 'page');\r\n }\r\n\r\n \/\/ Ancestor marking (different class name from original)\r\n if (herePath.startsWith(tPath) && tPath !== '\/'){\r\n a.classList.add('vgx-is-ancestor');\r\n }\r\n });\r\n\r\n \/\/ Mark Infrastructure toggle as ancestor if one of its submenu links is active\r\n var toggle = nav.querySelector('.vgx-toggle');\r\n var fly = nav.querySelector('#vgx-infra-menu');\r\n if (toggle && fly){\r\n var subLinks = fly.querySelectorAll('a');\r\n var isAncestor = Array.from(subLinks).some(function(a){\r\n try{\r\n var t = new URL(a.getAttribute('href'), window.location.origin);\r\n var p = normPath(t.pathname);\r\n return (p === herePath) || herePath.startsWith(p);\r\n }catch(e){ return false; }\r\n });\r\n if (isAncestor){\r\n toggle.classList.add('vgx-is-ancestor');\r\n }\r\n }\r\n\r\n \/\/ ====== Toggle behavior (hover, focus, click, outside, Escape) ======\r\n var holder = toggle && toggle.closest('.vgx-has-fly');\r\n if (holder && toggle){\r\n holder.addEventListener('mouseenter', function(){\r\n toggle.setAttribute('aria-expanded', 'true');\r\n });\r\n holder.addEventListener('mouseleave', function(){\r\n toggle.setAttribute('aria-expanded', 'false');\r\n });\r\n holder.addEventListener('focusin', function(){\r\n toggle.setAttribute('aria-expanded', 'true');\r\n });\r\n holder.addEventListener('focusout', function(e){\r\n if (!holder.contains(e.relatedTarget)){\r\n toggle.setAttribute('aria-expanded', 'false');\r\n }\r\n });\r\n\r\n \/\/ Click to toggle (for touch\/mobile)\r\n toggle.addEventListener('click', function(){\r\n var nowOpen = holder.classList.toggle('vgx-is-open');\r\n toggle.setAttribute('aria-expanded', String(nowOpen));\r\n });\r\n\r\n \/\/ Close on outside click\r\n document.addEventListener('click', function(e){\r\n if (!holder.contains(e.target)){\r\n holder.classList.remove('vgx-is-open');\r\n toggle.setAttribute('aria-expanded', 'false');\r\n }\r\n });\r\n\r\n \/\/ Close on Escape\r\n document.addEventListener('keydown', function(e){\r\n if (e.key === 'Escape'){\r\n holder.classList.remove('vgx-is-open');\r\n toggle.setAttribute('aria-expanded', 'false');\r\n toggle.focus();\r\n }\r\n });\r\n }\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43ca28f e-con-full e-flex e-con e-child\" data-id=\"43ca28f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2dc82e elementor-widget elementor-widget-image\" data-id=\"b2dc82e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"84\" height=\"80\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Group-2491-2.png\" class=\"attachment-large size-large wp-image-1172\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03b655e e-grid e-con-full e-con e-child\" data-id=\"03b655e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-93f8324 e-con-full e-flex e-con e-child\" data-id=\"93f8324\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45b13ba elementor-widget elementor-widget-html\" data-id=\"45b13ba\" data-element_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\" \/>\r\n <title>Menu \u2014 Verdant (QC dropdown \u2022 item bg on hover)<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n \/* ===== Base layout ===== *\/\r\n .qcx-header{\r\n display:flex; justify-content:center; align-items:center;\r\n }\r\n nav.qcx-nav{ --qcx-gap:24px; position:relative; }\r\n\r\n .qcx-list{\r\n list-style:none; margin:0; padding:0;\r\n display:flex; align-items:center;\r\n }\r\n .qcx-item, .qcx-subitem{ position:relative; }\r\n\r\n \/* vertical divider between top-level items *\/\r\n .qcx-item:not(:last-child){\r\n border-right:1px solid rgba(0, 40, 43, .3);\r\n }\r\n\r\n \/* ===== Typography + spacing ===== *\/\r\n .qcx-link,\r\n .qcx-sublink,\r\n .qcx-trigger{\r\n font-family:\"Host Grotesk\";\r\n font-weight:400;\r\n font-style:normal;\r\n font-size:16px;\r\n line-height:1.35;\r\n letter-spacing:0;\r\n text-align:center;\r\n\r\n display:inline-flex; align-items:center; justify-content:center;\r\n vertical-align:middle;\r\n text-decoration:none;\r\n padding:0 35px 8px 35px;\r\n white-space:nowrap;\r\n background:none; border:0; cursor:pointer;\r\n color:#00282B;\r\n }\r\n\r\n \/* Hover underline with gap *\/\r\n .qcx-link:hover,\r\n .qcx-sublink:hover,\r\n .qcx-trigger:hover{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:12px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* Keep underline ON for current page *\/\r\n .qcx-link[aria-current=\"page\"],\r\n .qcx-sublink[aria-current=\"page\"]{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:6px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* Optional keyboard focus *\/\r\n .qcx-link:focus-visible,\r\n .qcx-sublink:focus-visible,\r\n .qcx-trigger:focus-visible{\r\n outline:2px solid #00282B; outline-offset:2px;\r\n text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* ===== Dropdown (Quality Control ONLY) ===== *\/\r\n .qcx-has-panel{ position:relative; }\r\n\r\n \/* caret *\/\r\n .qcx-caret{\r\n width:0; height:0; margin-left:6px;\r\n border-left:5px solid transparent;\r\n border-right:5px solid transparent;\r\n border-top:6px solid currentColor;\r\n transition:transform .2s ease;\r\n }\r\n\r\n \/* submenu panel *\/\r\n .qcx-panel{\r\n --qcx-item-bg: url('https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png');\r\n position:absolute; top:100%; left:0;\r\n min-width:220px;\r\n margin:8px 0 0 0; padding:8px;\r\n list-style:none; background:#fff;\r\n border:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 8px 24px rgba(0,0,0,.12);\r\n transform:translateY(8px);\r\n opacity:0; visibility:hidden; pointer-events:none;\r\n transition:transform .2s ease, opacity .2s ease, visibility .2s ease;\r\n z-index:20;\r\n }\r\n\r\n \/* show panel *\/\r\n .qcx-has-panel:hover .qcx-panel,\r\n .qcx-has-panel:focus-within .qcx-panel,\r\n .qcx-has-panel.qcx-open .qcx-panel{\r\n transform:translateY(0);\r\n opacity:1; visibility:visible; pointer-events:auto;\r\n }\r\n\r\n \/* rotate caret when open *\/\r\n .qcx-has-panel:hover > .qcx-trigger .qcx-caret,\r\n .qcx-has-panel:focus-within > .qcx-trigger .qcx-caret,\r\n .qcx-has-panel.qcx-open > .qcx-trigger .qcx-caret{\r\n transform:rotate(180deg);\r\n }\r\n\r\n \/* submenu link layout *\/\r\n .qcx-sublink{\r\n justify-content:flex-start; text-align:left;\r\n width:100%; padding:8px 10px;\r\n color:#00282B;\r\n text-decoration-color:#00282B;\r\n border-radius:6px; \/* nice rounding for bg image edges *\/\r\n background-repeat:no-repeat; \/* needed for hover bg *\/\r\n background-position:center;\r\n background-size:cover;\r\n transition: background-image .2s ease, color .2s ease, text-decoration-color .2s ease;\r\n }\r\n\r\n \/* underline parent if current page is a descendant *\/\r\n .qcx-ancestor{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:6px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* ===== BG IMAGE ON SUBMENU ITEM (hover\/active\/focus) ===== *\/\r\n .qcx-panel .qcx-sublink:hover,\r\n .qcx-panel .qcx-sublink:focus,\r\n .qcx-panel .qcx-sublink:active{\r\n background-image: var(--qcx-item-bg) !important;\r\n color:#FFFFFF !important;\r\n text-decoration-color:#FFFFFF !important;\r\n border-color: rgba(255,255,255,.3);\r\n box-shadow:none;\r\n }\r\n\r\n \/* ===== Kill theme tints on top-level items, but allow submenu item bg ===== *\/\r\n .qcx-nav .qcx-trigger,\r\n .qcx-nav .qcx-trigger:hover,\r\n .qcx-nav .qcx-trigger:focus,\r\n .qcx-nav .qcx-trigger:active,\r\n .qcx-nav .qcx-link:hover,\r\n .qcx-nav .qcx-link:focus,\r\n .qcx-nav .qcx-link:active,\r\n .qcx-nav .qcx-item:hover,\r\n .qcx-nav .qcx-has-panel:hover,\r\n .qcx-nav .qcx-has-panel.qcx-open{\r\n background: transparent !important;\r\n background-color: transparent !important;\r\n background-image: none !important;\r\n box-shadow: none !important;\r\n filter: none !important;\r\n backdrop-filter: none !important;\r\n }\r\n\r\n \/* Keep top-level link colors Verdant green *\/\r\n .qcx-nav .qcx-link,\r\n .qcx-nav .qcx-trigger{\r\n color:#00282B !important;\r\n text-decoration-color:#00282B !important;\r\n }\r\n\r\n \/* Optional: remove iOS blue tap flash *\/\r\n .qcx-nav a, .qcx-nav button{ -webkit-tap-highlight-color: rgba(0,0,0,0); }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 720px){\r\n .qcx-list{ gap:14px; }\r\n .qcx-panel{ min-width:180px; }\r\n .qcx-item:not(:last-child){ padding-right:10px; margin-right:10px; }\r\n }\r\n\r\n .qcx-link--tight{ padding:0; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <header class=\"qcx-header\">\r\n <nav class=\"qcx-nav\" aria-label=\"Main\">\r\n <ul class=\"qcx-list\">\r\n <li class=\"qcx-item qcx-has-panel\">\r\n <button type=\"button\"\r\n class=\"qcx-trigger\"\r\n aria-haspopup=\"menu\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"qcx-qc-panel\">\r\n Quality Control\r\n <span class=\"qcx-caret\" aria-hidden=\"true\"><\/span>\r\n <\/button>\r\n\r\n <ul id=\"qcx-qc-panel\" class=\"qcx-panel\" role=\"menu\" aria-label=\"Quality Control submenu\">\r\n <li class=\"qcx-subitem\" role=\"none\">\r\n <a role=\"menuitem\" href=\"https:\/\/verdantgroup.co.in\/index.php\/awards\/\" class=\"qcx-sublink\">Awards<\/a>\r\n <\/li>\r\n <li class=\"qcx-subitem\" role=\"none\">\r\n <a role=\"menuitem\" href=\"https:\/\/verdantgroup.co.in\/index.php\/certifications\/\" class=\"qcx-sublink\">Certifications<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/li>\r\n\r\n <li class=\"qcx-item\">\r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/csr\/\" class=\"qcx-link\">CSR<\/a>\r\n <\/li>\r\n\r\n <li class=\"qcx-item\">\r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/blog-page-under-maintenance\/\" class=\"qcx-link\">Blog<\/a>\r\n <\/li>\r\n\r\n <li class=\"qcx-item\">\r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/contact-us\/\" class=\"qcx-link\">Contact Us<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <script>\r\n (function(){\r\n \/\/ ===== Mark current page + ancestors =====\r\n var nav = document.querySelector('.qcx-nav');\r\n if (!nav) return;\r\n\r\n var links = nav.querySelectorAll('a');\r\n var here = new URL(window.location.href);\r\n\r\n function normPath(pathname){\r\n var p = pathname.replace(\/^\\\/index\\.php(\\\/|$)\/, '\/');\r\n if (p !== '\/' && !p.endsWith('\/')) p += '\/';\r\n return p;\r\n }\r\n\r\n var herePath = normPath(here.pathname);\r\n var hereOrigin = here.origin;\r\n\r\n links.forEach(function(a){\r\n var href = a.getAttribute('href');\r\n if (!href) return;\r\n\r\n var target = new URL(href, window.location.origin);\r\n if (target.origin !== hereOrigin) return;\r\n\r\n var tPath = normPath(target.pathname);\r\n\r\n \/\/ Exact match \u2192 current page\r\n if (tPath === herePath){\r\n a.setAttribute('aria-current', 'page');\r\n }\r\n\r\n \/\/ Ancestor underline\r\n if (herePath.startsWith(tPath) && tPath !== '\/'){\r\n a.classList.add('qcx-ancestor');\r\n }\r\n });\r\n\r\n \/\/ ===== Toggle aria-expanded on the QC trigger (hover\/focus\/click) =====\r\n var trigger = nav.querySelector('.qcx-trigger');\r\n var holder = trigger && trigger.closest('.qcx-has-panel');\r\n\r\n if (holder && trigger){\r\n holder.addEventListener('mouseenter', function(){\r\n trigger.setAttribute('aria-expanded', 'true');\r\n });\r\n holder.addEventListener('mouseleave', function(){\r\n trigger.setAttribute('aria-expanded', 'false');\r\n });\r\n holder.addEventListener('focusin', function(){\r\n trigger.setAttribute('aria-expanded', 'true');\r\n });\r\n holder.addEventListener('focusout', function(e){\r\n if (!holder.contains(e.relatedTarget)){\r\n trigger.setAttribute('aria-expanded', 'false');\r\n }\r\n });\r\n\r\n \/\/ Click to toggle (touch\/mobile friendly)\r\n trigger.addEventListener('click', function(){\r\n var nowOpen = holder.classList.toggle('qcx-open');\r\n trigger.setAttribute('aria-expanded', String(nowOpen));\r\n });\r\n\r\n \/\/ Close on outside click\r\n document.addEventListener('click', function(e){\r\n if (!holder.contains(e.target)){\r\n holder.classList.remove('qcx-open');\r\n trigger.setAttribute('aria-expanded', 'false');\r\n }\r\n });\r\n\r\n \/\/ Close on Escape\r\n document.addEventListener('keydown', function(e){\r\n if (e.key === 'Escape'){\r\n holder.classList.remove('qcx-open');\r\n trigger.setAttribute('aria-expanded', 'false');\r\n trigger.focus();\r\n }\r\n });\r\n }\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab0ed05 e-con-full e-flex e-con e-child\" data-id=\"ab0ed05\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c59655 elementor-widget elementor-widget-image\" data-id=\"5c59655\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"241\" height=\"241\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Group-2576.png\" class=\"attachment-large size-large wp-image-1828\" alt=\"\" srcset=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Group-2576.png 241w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Group-2576-150x150.png 150w\" sizes=\"(max-width: 241px) 100vw, 241px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3254841 elementor-widget elementor-widget-html\" data-id=\"3254841\" data-element_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\" \/>\r\n <title>Website under Development \u2014 Gradient Text<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n \/* Scoped wrapper so nothing leaks to the whole page *\/\r\n .wip-text-wrap{\r\n \/* center text horizontally; remove if you\u2019ll center with your own layout *\/\r\n text-align:center;\r\n }\r\n\r\n .wip-text{\r\n \/* Typography (exact values) *\/\r\n font-family: \"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight: 400; \/* Regular *\/\r\n font-size: 62.28px;\r\n line-height: 68.19px;\r\n letter-spacing: 0; \/* 0% *\/\r\n vertical-align: middle; \/* inline vertical alignment *\/\r\n\r\n \/* Gradient text *\/\r\n background: radial-gradient(278.68% 509.59% at -15.86% -72.44%,\r\n #D7DE27 0%, #3E5F49 48.32%, #00282B 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: transparent;\r\n\r\n display: inline-block; \/* keeps vertical-align and clipping tidy *\/\r\n }\r\n\r\n \/* Optional: small-screen scaling so it doesn\u2019t overflow on mobiles *\/\r\n @media (max-width: 480px){\r\n .wip-text{ font-size: 9vw; line-height: 1.1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"wip-text-wrap\">\r\n <span class=\"wip-text\">Blog Page under Development<\/span>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-816015d elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"816015d\" data-element_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\" \/>\r\n <title>LAUNCHING SOON!!! \u2014 Gradient Text<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n \/* Scoped so it won't affect the whole page *\/\r\n .launch-text-wrap{\r\n text-align:center; \/* requested *\/\r\n }\r\n\r\n .launch-text{\r\n \/* Typography (exact) *\/\r\n font-family: \"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight: 700; \/* Bold *\/\r\n font-size: 62.28px;\r\n line-height: 68.19px;\r\n letter-spacing: 0; \/* 0% *\/\r\n vertical-align: middle;\r\n\r\n \/* Fallback color if background-clip isn't supported *\/\r\n color: #3E5F49;\r\n\r\n \/* Gradient text fill *\/\r\n background: radial-gradient(278.68% 509.59% at -15.86% -72.44%,\r\n #D7DE27 0%, #3E5F49 48.32%, #00282B 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n display: inline-block;\r\n }\r\n\r\n \/* Optional: keep it readable on small screens *\/\r\n @media (max-width: 480px){\r\n .launch-text{ font-size: 9vw; line-height: 1.1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"launch-text-wrap\">\r\n <span class=\"launch-text\">LAUNCHING SOON!!!<\/span>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Menu \u2014 Verdant (Infrastructure dropdown only, unique classes) Home About Us Stationery & More Infrastructure Operations & Productions Facilities & Machinery Menu \u2014 Verdant (QC dropdown \u2022 item bg on hover) Quality Control Awards Certifications CSR Blog Contact Us Website under Development \u2014 Gradient Text Blog Page under Development LAUNCHING SOON!!! \u2014 Gradient Text LAUNCHING… <a href=\"https:\/\/verdantgroup.co.in\/index.php\/blog-page-under-maintenance\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Blog Page under maintenance<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"_acf_changed":false,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-3516","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/3516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=3516"}],"version-history":[{"count":31,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/3516\/revisions"}],"predecessor-version":[{"id":5150,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/3516\/revisions\/5150"}],"wp:attachment":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=3516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t

\n\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMenu \u2014 Verdant (Infrastructure dropdown only, unique classes)<\/title>\r\n\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n \/* ====== Layout Root ====== *\/\r\n .vgx-header {\r\n display:flex; justify-content:center; align-items:center;\r\n }\r\n nav.vgx-nav {\r\n position:relative;\r\n --vgx-gap: 24px;\r\n }\r\n\r\n \/* ====== Top Row ====== *\/\r\n .vgx-row {\r\n list-style:none; margin:0; padding:0;\r\n display:flex; align-items:center;\r\n }\r\n .vgx-node { position:relative; }\r\n\r\n \/* vertical divider between top-level items *\/\r\n .vgx-node:not(:last-child){\r\n border-right:1px solid rgba(0, 40, 43, .3);\r\n }\r\n\r\n \/* ====== Type + Color ====== *\/\r\n .vgx-link,\r\n .vgx-sublink,\r\n .vgx-toggle {\r\n font-family:\"Host Grotesk\";\r\n font-weight:400;\r\n font-size:16px; line-height:1.35; letter-spacing:0;\r\n text-align:center; color:#00282B;\r\n display:inline-flex; align-items:center; justify-content:center;\r\n vertical-align:middle; text-decoration:none; white-space:nowrap;\r\n padding:0 20px 8px 20px;\r\n background:none; border:0; cursor:pointer;\r\n }\r\n\r\n \/* Hover underline with gap *\/\r\n .vgx-link:hover,\r\n .vgx-sublink:hover,\r\n .vgx-toggle:hover{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:12px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* Keep underline ON for current page *\/\r\n .vgx-link[aria-current=\"page\"],\r\n .vgx-sublink[aria-current=\"page\"]{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:6px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* Optional keyboard focus ring *\/\r\n .vgx-link:focus-visible,\r\n .vgx-sublink:focus-visible,\r\n .vgx-toggle:focus-visible{\r\n outline:2px solid #00282B; outline-offset:2px;\r\n text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px;\r\n }\r\n\r\n \/* ====== Dropdown (Infrastructure ONLY) ====== *\/\r\n .vgx-has-fly { position:relative; }\r\n\r\n \/* caret triangle *\/\r\n .vgx-caret{\r\n width:0; height:0; margin-left:6px;\r\n border-left:5px solid transparent;\r\n border-right:5px solid transparent;\r\n border-top:6px solid currentColor;\r\n transition:transform .2s ease;\r\n }\r\n\r\n \/* flyout panel *\/\r\n .vgx-flyout{\r\n --vgx-item-bg: url('https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png');\r\n position:absolute; top:100%; left:0;\r\n min-width:220px; margin:8px 0 0 0; padding:8px;\r\n list-style:none; background:#fff;\r\n border:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 8px 24px rgba(0,0,0,.12);\r\n transform:translateY(8px);\r\n opacity:0; visibility:hidden; pointer-events:none;\r\n transition:transform .2s ease, opacity .2s ease, visibility .2s ease;\r\n z-index:20;\r\n }\r\n\r\n \/* show on hover\/focus or when toggled open *\/\r\n .vgx-has-fly:hover .vgx-flyout,\r\n .vgx-has-fly:focus-within .vgx-flyout,\r\n .vgx-has-fly.vgx-is-open .vgx-flyout{\r\n transform:translateY(0);\r\n opacity:1; visibility:visible; pointer-events:auto;\r\n }\r\n\r\n \/* rotate caret when open *\/\r\n .vgx-has-fly:hover > .vgx-toggle .vgx-caret,\r\n .vgx-has-fly:focus-within > .vgx-toggle .vgx-caret,\r\n .vgx-has-fly.vgx-is-open > .vgx-toggle .vgx-caret{\r\n transform:rotate(180deg);\r\n }\r\n\r\n \/* flyout link layout (prep for background image on item hover) *\/\r\n .vgx-sublink{\r\n justify-content:flex-start; text-align:left; width:100%;\r\n padding:8px 10px;\r\n color:#00282B;\r\n text-decoration-color:#00282B;\r\n border-radius:6px;\r\n background-repeat:no-repeat;\r\n background-position:center;\r\n background-size:cover;\r\n transition: background-image .2s ease, color .2s ease, text-decoration-color .2s ease;\r\n }\r\n\r\n \/* underline parent if current page is a descendant *\/\r\n .vgx-toggle.vgx-is-ancestor,\r\n .vgx-link.vgx-is-ancestor{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:6px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* ===== Background image ON submenu item hover\/focus\/active ===== *\/\r\n .vgx-flyout .vgx-sublink:hover,\r\n .vgx-flyout .vgx-sublink:focus,\r\n .vgx-flyout .vgx-sublink:active{\r\n background-image: var(--vgx-item-bg) !important;\r\n color:#FFFFFF !important;\r\n text-decoration-color:#FFFFFF !important;\r\n }\r\n\r\n \/* ===== Kill theme hover backgrounds (keep our item image only) ===== *\/\r\n .vgx-nav .vgx-toggle,\r\n .vgx-nav .vgx-toggle:hover,\r\n .vgx-nav .vgx-toggle:focus,\r\n .vgx-nav .vgx-toggle:active,\r\n .vgx-nav .vgx-link:hover,\r\n .vgx-nav .vgx-link:focus,\r\n .vgx-nav .vgx-link:active,\r\n .vgx-nav .vgx-node:hover,\r\n .vgx-nav .vgx-has-fly:hover,\r\n .vgx-nav .vgx-has-fly.vgx-is-open{\r\n background:transparent !important;\r\n background-color:transparent !important;\r\n background-image:none !important;\r\n box-shadow:none !important;\r\n }\r\n\r\n \/* Lock top-level link colors *\/\r\n .vgx-nav .vgx-link,\r\n .vgx-nav .vgx-toggle{\r\n color:#00282B !important;\r\n text-decoration-color:#00282B !important;\r\n }\r\n\r\n \/* Optional: remove iOS blue tap flash *\/\r\n .vgx-nav a, .vgx-nav button{ -webkit-tap-highlight-color: rgba(0,0,0,0); }\r\n\r\n \/* responsive tweak *\/\r\n @media (max-width: 720px){\r\n .vgx-row{ gap:14px; }\r\n .vgx-flyout{ min-width:180px; }\r\n .vgx-node:not(:last-child){\r\n padding-right:10px; margin-right:10px;\r\n }\r\n }\r\n\r\n \/* If you explicitly want no extra padding on some links: *\/\r\n .vgx-link--tight{ padding:0; }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<header class=\"vgx-header\">\r\n <nav class=\"vgx-nav\" aria-label=\"Main\">\r\n <ul class=\"vgx-row\">\r\n <li class=\"vgx-node\">\r\n <a href=\"\/\" class=\"vgx-link\">Home<\/a>\r\n <\/li>\r\n\r\n <li class=\"vgx-node\">\r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/about-us\/\" class=\"vgx-link\">About Us<\/a>\r\n <\/li>\r\n\r\n <li class=\"vgx-node\">\r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/stationery\/\" class=\"vgx-link\">Stationery & More<\/a>\r\n <\/li>\r\n\r\n \r\n <li class=\"vgx-node vgx-has-fly\">\r\n <button type=\"button\"\r\n class=\"vgx-link vgx-toggle\"\r\n aria-haspopup=\"menu\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"vgx-infra-menu\">\r\n Infrastructure\r\n <span class=\"vgx-caret\" aria-hidden=\"true\"><\/span>\r\n <\/button>\r\n\r\n <ul id=\"vgx-infra-menu\" class=\"vgx-flyout\" role=\"menu\" aria-label=\"Infrastructure submenu\">\r\n <li class=\"vgx-flyitem\" role=\"none\">\r\n <a role=\"menuitem\"\r\n href=\"https:\/\/verdantgroup.co.in\/index.php\/operations-productions\/\"\r\n class=\"vgx-sublink\">Operations & Productions<\/a>\r\n <\/li>\r\n <li class=\"vgx-flyitem\" role=\"none\">\r\n <a role=\"menuitem\"\r\n href=\"https:\/\/verdantgroup.co.in\/index.php\/facilities-machinery\/\"\r\n class=\"vgx-sublink\">Facilities & Machinery<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/li>\r\n <\/ul>\r\n <\/nav>\r\n<\/header>\r\n\r\n<script>\r\n(function(){\r\n \/\/ ===== Helpers to mark current page and ancestors =====\r\n var nav = document.querySelector('.vgx-nav');\r\n if (!nav) return;\r\n\r\n var links = nav.querySelectorAll('a');\r\n var here = new URL(window.location.href);\r\n\r\n function normPath(pathname){\r\n \/\/ treat \/index.php\/... as \/...\r\n var p = pathname.replace(\/^\\\/index\\.php(\\\/|$)\/, '\/');\r\n if (p !== '\/' && !p.endsWith('\/')) p += '\/';\r\n return p;\r\n }\r\n\r\n var herePath = normPath(here.pathname);\r\n var hereOrigin = here.origin;\r\n\r\n links.forEach(function(a){\r\n var href = a.getAttribute('href');\r\n if (!href) return;\r\n var target = new URL(href, window.location.origin);\r\n if (target.origin !== hereOrigin) return;\r\n\r\n var tPath = normPath(target.pathname);\r\n\r\n \/\/ Exact match \u2192 current page\r\n if (tPath === herePath){\r\n a.setAttribute('aria-current', 'page');\r\n }\r\n\r\n \/\/ Ancestor marking (different class name from original)\r\n if (herePath.startsWith(tPath) && tPath !== '\/'){\r\n a.classList.add('vgx-is-ancestor');\r\n }\r\n });\r\n\r\n \/\/ Mark Infrastructure toggle as ancestor if one of its submenu links is active\r\n var toggle = nav.querySelector('.vgx-toggle');\r\n var fly = nav.querySelector('#vgx-infra-menu');\r\n if (toggle && fly){\r\n var subLinks = fly.querySelectorAll('a');\r\n var isAncestor = Array.from(subLinks).some(function(a){\r\n try{\r\n var t = new URL(a.getAttribute('href'), window.location.origin);\r\n var p = normPath(t.pathname);\r\n return (p === herePath) || herePath.startsWith(p);\r\n }catch(e){ return false; }\r\n });\r\n if (isAncestor){\r\n toggle.classList.add('vgx-is-ancestor');\r\n }\r\n }\r\n\r\n \/\/ ====== Toggle behavior (hover, focus, click, outside, Escape) ======\r\n var holder = toggle && toggle.closest('.vgx-has-fly');\r\n if (holder && toggle){\r\n holder.addEventListener('mouseenter', function(){\r\n toggle.setAttribute('aria-expanded', 'true');\r\n });\r\n holder.addEventListener('mouseleave', function(){\r\n toggle.setAttribute('aria-expanded', 'false');\r\n });\r\n holder.addEventListener('focusin', function(){\r\n toggle.setAttribute('aria-expanded', 'true');\r\n });\r\n holder.addEventListener('focusout', function(e){\r\n if (!holder.contains(e.relatedTarget)){\r\n toggle.setAttribute('aria-expanded', 'false');\r\n }\r\n });\r\n\r\n \/\/ Click to toggle (for touch\/mobile)\r\n toggle.addEventListener('click', function(){\r\n var nowOpen = holder.classList.toggle('vgx-is-open');\r\n toggle.setAttribute('aria-expanded', String(nowOpen));\r\n });\r\n\r\n \/\/ Close on outside click\r\n document.addEventListener('click', function(e){\r\n if (!holder.contains(e.target)){\r\n holder.classList.remove('vgx-is-open');\r\n toggle.setAttribute('aria-expanded', 'false');\r\n }\r\n });\r\n\r\n \/\/ Close on Escape\r\n document.addEventListener('keydown', function(e){\r\n if (e.key === 'Escape'){\r\n holder.classList.remove('vgx-is-open');\r\n toggle.setAttribute('aria-expanded', 'false');\r\n toggle.focus();\r\n }\r\n });\r\n }\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43ca28f e-con-full e-flex e-con e-child\" data-id=\"43ca28f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2dc82e elementor-widget elementor-widget-image\" data-id=\"b2dc82e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"84\" height=\"80\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Group-2491-2.png\" class=\"attachment-large size-large wp-image-1172\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03b655e e-grid e-con-full e-con e-child\" data-id=\"03b655e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-93f8324 e-con-full e-flex e-con e-child\" data-id=\"93f8324\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45b13ba elementor-widget elementor-widget-html\" data-id=\"45b13ba\" data-element_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\" \/>\r\n <title>Menu \u2014 Verdant (QC dropdown \u2022 item bg on hover)<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n \/* ===== Base layout ===== *\/\r\n .qcx-header{\r\n display:flex; justify-content:center; align-items:center;\r\n }\r\n nav.qcx-nav{ --qcx-gap:24px; position:relative; }\r\n\r\n .qcx-list{\r\n list-style:none; margin:0; padding:0;\r\n display:flex; align-items:center;\r\n }\r\n .qcx-item, .qcx-subitem{ position:relative; }\r\n\r\n \/* vertical divider between top-level items *\/\r\n .qcx-item:not(:last-child){\r\n border-right:1px solid rgba(0, 40, 43, .3);\r\n }\r\n\r\n \/* ===== Typography + spacing ===== *\/\r\n .qcx-link,\r\n .qcx-sublink,\r\n .qcx-trigger{\r\n font-family:\"Host Grotesk\";\r\n font-weight:400;\r\n font-style:normal;\r\n font-size:16px;\r\n line-height:1.35;\r\n letter-spacing:0;\r\n text-align:center;\r\n\r\n display:inline-flex; align-items:center; justify-content:center;\r\n vertical-align:middle;\r\n text-decoration:none;\r\n padding:0 35px 8px 35px;\r\n white-space:nowrap;\r\n background:none; border:0; cursor:pointer;\r\n color:#00282B;\r\n }\r\n\r\n \/* Hover underline with gap *\/\r\n .qcx-link:hover,\r\n .qcx-sublink:hover,\r\n .qcx-trigger:hover{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:12px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* Keep underline ON for current page *\/\r\n .qcx-link[aria-current=\"page\"],\r\n .qcx-sublink[aria-current=\"page\"]{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:6px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* Optional keyboard focus *\/\r\n .qcx-link:focus-visible,\r\n .qcx-sublink:focus-visible,\r\n .qcx-trigger:focus-visible{\r\n outline:2px solid #00282B; outline-offset:2px;\r\n text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* ===== Dropdown (Quality Control ONLY) ===== *\/\r\n .qcx-has-panel{ position:relative; }\r\n\r\n \/* caret *\/\r\n .qcx-caret{\r\n width:0; height:0; margin-left:6px;\r\n border-left:5px solid transparent;\r\n border-right:5px solid transparent;\r\n border-top:6px solid currentColor;\r\n transition:transform .2s ease;\r\n }\r\n\r\n \/* submenu panel *\/\r\n .qcx-panel{\r\n --qcx-item-bg: url('https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png');\r\n position:absolute; top:100%; left:0;\r\n min-width:220px;\r\n margin:8px 0 0 0; padding:8px;\r\n list-style:none; background:#fff;\r\n border:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 8px 24px rgba(0,0,0,.12);\r\n transform:translateY(8px);\r\n opacity:0; visibility:hidden; pointer-events:none;\r\n transition:transform .2s ease, opacity .2s ease, visibility .2s ease;\r\n z-index:20;\r\n }\r\n\r\n \/* show panel *\/\r\n .qcx-has-panel:hover .qcx-panel,\r\n .qcx-has-panel:focus-within .qcx-panel,\r\n .qcx-has-panel.qcx-open .qcx-panel{\r\n transform:translateY(0);\r\n opacity:1; visibility:visible; pointer-events:auto;\r\n }\r\n\r\n \/* rotate caret when open *\/\r\n .qcx-has-panel:hover > .qcx-trigger .qcx-caret,\r\n .qcx-has-panel:focus-within > .qcx-trigger .qcx-caret,\r\n .qcx-has-panel.qcx-open > .qcx-trigger .qcx-caret{\r\n transform:rotate(180deg);\r\n }\r\n\r\n \/* submenu link layout *\/\r\n .qcx-sublink{\r\n justify-content:flex-start; text-align:left;\r\n width:100%; padding:8px 10px;\r\n color:#00282B;\r\n text-decoration-color:#00282B;\r\n border-radius:6px; \/* nice rounding for bg image edges *\/\r\n background-repeat:no-repeat; \/* needed for hover bg *\/\r\n background-position:center;\r\n background-size:cover;\r\n transition: background-image .2s ease, color .2s ease, text-decoration-color .2s ease;\r\n }\r\n\r\n \/* underline parent if current page is a descendant *\/\r\n .qcx-ancestor{\r\n text-decoration:underline;\r\n text-decoration-thickness:2px;\r\n text-underline-offset:6px;\r\n text-decoration-skip-ink:auto;\r\n }\r\n\r\n \/* ===== BG IMAGE ON SUBMENU ITEM (hover\/active\/focus) ===== *\/\r\n .qcx-panel .qcx-sublink:hover,\r\n .qcx-panel .qcx-sublink:focus,\r\n .qcx-panel .qcx-sublink:active{\r\n background-image: var(--qcx-item-bg) !important;\r\n color:#FFFFFF !important;\r\n text-decoration-color:#FFFFFF !important;\r\n border-color: rgba(255,255,255,.3);\r\n box-shadow:none;\r\n }\r\n\r\n \/* ===== Kill theme tints on top-level items, but allow submenu item bg ===== *\/\r\n .qcx-nav .qcx-trigger,\r\n .qcx-nav .qcx-trigger:hover,\r\n .qcx-nav .qcx-trigger:focus,\r\n .qcx-nav .qcx-trigger:active,\r\n .qcx-nav .qcx-link:hover,\r\n .qcx-nav .qcx-link:focus,\r\n .qcx-nav .qcx-link:active,\r\n .qcx-nav .qcx-item:hover,\r\n .qcx-nav .qcx-has-panel:hover,\r\n .qcx-nav .qcx-has-panel.qcx-open{\r\n background: transparent !important;\r\n background-color: transparent !important;\r\n background-image: none !important;\r\n box-shadow: none !important;\r\n filter: none !important;\r\n backdrop-filter: none !important;\r\n }\r\n\r\n \/* Keep top-level link colors Verdant green *\/\r\n .qcx-nav .qcx-link,\r\n .qcx-nav .qcx-trigger{\r\n color:#00282B !important;\r\n text-decoration-color:#00282B !important;\r\n }\r\n\r\n \/* Optional: remove iOS blue tap flash *\/\r\n .qcx-nav a, .qcx-nav button{ -webkit-tap-highlight-color: rgba(0,0,0,0); }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 720px){\r\n .qcx-list{ gap:14px; }\r\n .qcx-panel{ min-width:180px; }\r\n .qcx-item:not(:last-child){ padding-right:10px; margin-right:10px; }\r\n }\r\n\r\n .qcx-link--tight{ padding:0; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <header class=\"qcx-header\">\r\n <nav class=\"qcx-nav\" aria-label=\"Main\">\r\n <ul class=\"qcx-list\">\r\n <li class=\"qcx-item qcx-has-panel\">\r\n <button type=\"button\"\r\n class=\"qcx-trigger\"\r\n aria-haspopup=\"menu\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"qcx-qc-panel\">\r\n Quality Control\r\n <span class=\"qcx-caret\" aria-hidden=\"true\"><\/span>\r\n <\/button>\r\n\r\n <ul id=\"qcx-qc-panel\" class=\"qcx-panel\" role=\"menu\" aria-label=\"Quality Control submenu\">\r\n <li class=\"qcx-subitem\" role=\"none\">\r\n <a role=\"menuitem\" href=\"https:\/\/verdantgroup.co.in\/index.php\/awards\/\" class=\"qcx-sublink\">Awards<\/a>\r\n <\/li>\r\n <li class=\"qcx-subitem\" role=\"none\">\r\n <a role=\"menuitem\" href=\"https:\/\/verdantgroup.co.in\/index.php\/certifications\/\" class=\"qcx-sublink\">Certifications<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/li>\r\n\r\n <li class=\"qcx-item\">\r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/csr\/\" class=\"qcx-link\">CSR<\/a>\r\n <\/li>\r\n\r\n <li class=\"qcx-item\">\r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/blog-page-under-maintenance\/\" class=\"qcx-link\">Blog<\/a>\r\n <\/li>\r\n\r\n <li class=\"qcx-item\">\r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/contact-us\/\" class=\"qcx-link\">Contact Us<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <script>\r\n (function(){\r\n \/\/ ===== Mark current page + ancestors =====\r\n var nav = document.querySelector('.qcx-nav');\r\n if (!nav) return;\r\n\r\n var links = nav.querySelectorAll('a');\r\n var here = new URL(window.location.href);\r\n\r\n function normPath(pathname){\r\n var p = pathname.replace(\/^\\\/index\\.php(\\\/|$)\/, '\/');\r\n if (p !== '\/' && !p.endsWith('\/')) p += '\/';\r\n return p;\r\n }\r\n\r\n var herePath = normPath(here.pathname);\r\n var hereOrigin = here.origin;\r\n\r\n links.forEach(function(a){\r\n var href = a.getAttribute('href');\r\n if (!href) return;\r\n\r\n var target = new URL(href, window.location.origin);\r\n if (target.origin !== hereOrigin) return;\r\n\r\n var tPath = normPath(target.pathname);\r\n\r\n \/\/ Exact match \u2192 current page\r\n if (tPath === herePath){\r\n a.setAttribute('aria-current', 'page');\r\n }\r\n\r\n \/\/ Ancestor underline\r\n if (herePath.startsWith(tPath) && tPath !== '\/'){\r\n a.classList.add('qcx-ancestor');\r\n }\r\n });\r\n\r\n \/\/ ===== Toggle aria-expanded on the QC trigger (hover\/focus\/click) =====\r\n var trigger = nav.querySelector('.qcx-trigger');\r\n var holder = trigger && trigger.closest('.qcx-has-panel');\r\n\r\n if (holder && trigger){\r\n holder.addEventListener('mouseenter', function(){\r\n trigger.setAttribute('aria-expanded', 'true');\r\n });\r\n holder.addEventListener('mouseleave', function(){\r\n trigger.setAttribute('aria-expanded', 'false');\r\n });\r\n holder.addEventListener('focusin', function(){\r\n trigger.setAttribute('aria-expanded', 'true');\r\n });\r\n holder.addEventListener('focusout', function(e){\r\n if (!holder.contains(e.relatedTarget)){\r\n trigger.setAttribute('aria-expanded', 'false');\r\n }\r\n });\r\n\r\n \/\/ Click to toggle (touch\/mobile friendly)\r\n trigger.addEventListener('click', function(){\r\n var nowOpen = holder.classList.toggle('qcx-open');\r\n trigger.setAttribute('aria-expanded', String(nowOpen));\r\n });\r\n\r\n \/\/ Close on outside click\r\n document.addEventListener('click', function(e){\r\n if (!holder.contains(e.target)){\r\n holder.classList.remove('qcx-open');\r\n trigger.setAttribute('aria-expanded', 'false');\r\n }\r\n });\r\n\r\n \/\/ Close on Escape\r\n document.addEventListener('keydown', function(e){\r\n if (e.key === 'Escape'){\r\n holder.classList.remove('qcx-open');\r\n trigger.setAttribute('aria-expanded', 'false');\r\n trigger.focus();\r\n }\r\n });\r\n }\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab0ed05 e-con-full e-flex e-con e-child\" data-id=\"ab0ed05\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c59655 elementor-widget elementor-widget-image\" data-id=\"5c59655\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"241\" height=\"241\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Group-2576.png\" class=\"attachment-large size-large wp-image-1828\" alt=\"\" srcset=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Group-2576.png 241w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Group-2576-150x150.png 150w\" sizes=\"(max-width: 241px) 100vw, 241px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3254841 elementor-widget elementor-widget-html\" data-id=\"3254841\" data-element_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\" \/>\r\n <title>Website under Development \u2014 Gradient Text<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n \/* Scoped wrapper so nothing leaks to the whole page *\/\r\n .wip-text-wrap{\r\n \/* center text horizontally; remove if you\u2019ll center with your own layout *\/\r\n text-align:center;\r\n }\r\n\r\n .wip-text{\r\n \/* Typography (exact values) *\/\r\n font-family: \"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight: 400; \/* Regular *\/\r\n font-size: 62.28px;\r\n line-height: 68.19px;\r\n letter-spacing: 0; \/* 0% *\/\r\n vertical-align: middle; \/* inline vertical alignment *\/\r\n\r\n \/* Gradient text *\/\r\n background: radial-gradient(278.68% 509.59% at -15.86% -72.44%,\r\n #D7DE27 0%, #3E5F49 48.32%, #00282B 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: transparent;\r\n\r\n display: inline-block; \/* keeps vertical-align and clipping tidy *\/\r\n }\r\n\r\n \/* Optional: small-screen scaling so it doesn\u2019t overflow on mobiles *\/\r\n @media (max-width: 480px){\r\n .wip-text{ font-size: 9vw; line-height: 1.1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"wip-text-wrap\">\r\n <span class=\"wip-text\">Blog Page under Development<\/span>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-816015d elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"816015d\" data-element_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\" \/>\r\n <title>LAUNCHING SOON!!! \u2014 Gradient Text<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n \/* Scoped so it won't affect the whole page *\/\r\n .launch-text-wrap{\r\n text-align:center; \/* requested *\/\r\n }\r\n\r\n .launch-text{\r\n \/* Typography (exact) *\/\r\n font-family: \"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight: 700; \/* Bold *\/\r\n font-size: 62.28px;\r\n line-height: 68.19px;\r\n letter-spacing: 0; \/* 0% *\/\r\n vertical-align: middle;\r\n\r\n \/* Fallback color if background-clip isn't supported *\/\r\n color: #3E5F49;\r\n\r\n \/* Gradient text fill *\/\r\n background: radial-gradient(278.68% 509.59% at -15.86% -72.44%,\r\n #D7DE27 0%, #3E5F49 48.32%, #00282B 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n display: inline-block;\r\n }\r\n\r\n \/* Optional: keep it readable on small screens *\/\r\n @media (max-width: 480px){\r\n .launch-text{ font-size: 9vw; line-height: 1.1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"launch-text-wrap\">\r\n <span class=\"launch-text\">LAUNCHING SOON!!!<\/span>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Menu \u2014 Verdant (Infrastructure dropdown only, unique classes) Home About Us Stationery & More Infrastructure Operations & Productions Facilities & Machinery Menu \u2014 Verdant (QC dropdown \u2022 item bg on hover) Quality Control Awards Certifications CSR Blog Contact Us Website under Development \u2014 Gradient Text Blog Page under Development LAUNCHING SOON!!! \u2014 Gradient Text LAUNCHING… <a href=\"https:\/\/verdantgroup.co.in\/index.php\/blog-page-under-maintenance\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Blog Page under maintenance<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"_acf_changed":false,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-3516","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/3516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=3516"}],"version-history":[{"count":31,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/3516\/revisions"}],"predecessor-version":[{"id":5150,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/3516\/revisions\/5150"}],"wp:attachment":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=3516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}