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-99b5e38 e-con-full e-flex e-con e-child\" data-id=\"99b5e38\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cbead3 elementor-widget elementor-widget-image\" data-id=\"1cbead3\" 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-2c01295 e-grid e-con-full e-con e-child\" data-id=\"2c01295\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-29f0423 e-con-full e-flex e-con e-child\" data-id=\"29f0423\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1084fe2 elementor-widget elementor-widget-html\" data-id=\"1084fe2\" 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-e027206 e-con-full e-flex e-con e-child\" data-id=\"e027206\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e86d045 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"e86d045\" 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.0\"\/>\r\n<title>Precise Text over SVG Mask<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --page-bg:#0b0f0e;\r\n --fade-dur:.5s;\r\n --fade-ease:cubic-bezier(.22,.61,.36,1);\r\n --text-x: 684.50;\r\n --text-y: 261.50;\r\n }\r\n *{box-sizing:border-box}\r\n .wrapd{\r\n width:1420px;\r\n aspect-ratio:1369.0\/523.0;\r\n position:relative;isolation:isolate;\r\n }\r\n .video-mask{\r\n position:absolute;inset:0;overflow:hidden;\r\n -webkit-mask-image:url('data:image\/svg+xml;utf8,%3Csvg%20width%3D%221369%22%20height%3D%22523%22%20viewBox%3D%220%200%201369%20523%22%20fill%3D%22none%22%20xmlns%3D%22http%3A\/\/www.w3.org\/2000\/svg%22%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22%23D9D9D9%22\/%3E%0A%3C\/svg%3E%0A');\r\n -webkit-mask-repeat:no-repeat;\r\n -webkit-mask-position:center;\r\n -webkit-mask-size:contain;\r\n mask-image:url('data:image\/svg+xml;utf8,%3Csvg%20width%3D%221369%22%20height%3D%22523%22%20viewBox%3D%220%200%201369%20523%22%20fill%3D%22none%22%20xmlns%3D%22http%3A\/\/www.w3.org\/2000\/svg%22%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22%23D9D9D9%22\/%3E%0A%3C\/svg%3E%0A');\r\n mask-repeat:no-repeat;\r\n mask-position:center;\r\n mask-size:contain;\r\n mask-mode:luminance;\r\n }\r\n .video-mask video{width:100%;height:100%;object-fit:cover;display:block;\r\n transform:scale(1);transition:transform var(--fade-dur) var(--fade-ease)}\r\n .wrapd:hover .video-mask video{ transform:scale(1.03) }\r\n\r\n .overlay{\r\n position:absolute;inset:0;pointer-events:none;will-change:opacity\r\n }\r\n .overlay-default{ background:url('data:image\/svg+xml;utf8,%3Csvg%20width%3D%221369%22%20height%3D%22523%22%20viewBox%3D%220%200%201369%20523%22%20fill%3D%22none%22%20xmlns%3D%22http%3A\/\/www.w3.org\/2000\/svg%22%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint0_linear_1748_3639%29%22\/%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint1_radial_1748_3639%29%22\/%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint2_radial_1748_3639%29%22\/%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint3_radial_1748_3639%29%22\/%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint4_radial_1748_3639%29%22\/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1748_3639%22%20x1%3D%221163.12%22%20y1%3D%22262%22%20x2%3D%22-5.86037e-06%22%20y2%3D%22262%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23104E43%22\/%3E%0A%3C\/linearGradient%3E%0A%3CradialGradient%20id%3D%22paint1_radial_1748_3639%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%281238%20471%29%20rotate%28179.705%29%20scale%28389.005%20601.032%29%22%3E%0A%3Cstop%20stop-color%3D%22%231B664C%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3C\/radialGradient%3E%0A%3CradialGradient%20id%3D%22paint2_radial_1748_3639%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%281319.5%20326.5%29%20rotate%28177.394%29%20scale%28417.932%20312.77%29%22%3E%0A%3Cstop%20stop-color%3D%22%23638A48%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3C\/radialGradient%3E%0A%3CradialGradient%20id%3D%22paint3_radial_1748_3639%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%281313.5%20191%29%20rotate%28177.477%29%20scale%28374.863%20320.024%29%22%3E%0A%3Cstop%20stop-color%3D%22%237E9138%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3C\/radialGradient%3E%0A%3CradialGradient%20id%3D%22paint4_radial_1748_3639%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%281242%2073.5%29%20rotate%28174.289%29%20scale%28929.614%20740.933%29%22%3E%0A%3Cstop%20stop-color%3D%22%23B6BE24%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3C\/radialGradient%3E%0A%3C\/defs%3E%0A%3C\/svg%3E%0A') center\/contain no-repeat; opacity:1;\r\n transition:opacity var(--fade-dur) var(--fade-ease)}\r\n .overlay-hover{ background:url('data:image\/svg+xml;utf8,%3Csvg%20width%3D%221369%22%20height%3D%22523%22%20viewBox%3D%220%200%201369%20523%22%20fill%3D%22none%22%20xmlns%3D%22http%3A\/\/www.w3.org\/2000\/svg%22%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint0_linear_1748_3665%29%22\/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1748_3665%22%20x1%3D%221163.12%22%20y1%3D%22262%22%20x2%3D%22-5.86037e-06%22%20y2%3D%22262%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23104E43%22\/%3E%0A%3C\/linearGradient%3E%0A%3C\/defs%3E%0A%3C\/svg%3E%0A') center\/contain no-repeat; opacity:0;\r\n transition:opacity var(--fade-dur) var(--fade-ease)}\r\n .wrapd:hover .overlay-default{opacity:0}\r\n .wrapd:hover .overlay-hover{opacity:1}\r\n\r\n .about-text{\r\n position: absolute;\r\n left: 75px;\r\n top: calc(var(--text-y) \/ 523 * 100%);\r\n transform: translateY(-50%);\r\n margin: 0;\r\n font-family: \"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight: 400;\r\n font-size: clamp(18px, 4.1vw, 56px);\r\n letter-spacing: 0.5px;\r\n color: #fff;\r\n text-shadow: 0 4px 18px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, 0.25);\r\n line-height: 1;\r\n white-space: nowrap;\r\n z-index: 3;\r\n pointer-events: none;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"wrapd\" style=\"--text-x:684.50; --text-y:261.50;\">\r\n <div class=\"video-mask\">\r\n <video src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/WhatsApp-Video-2025-08-15-at-15.38.51_e60ea23a.mp4\"\r\n autoplay muted loop playsinline><\/video>\r\n <\/div>\r\n <div class=\"overlay overlay-default\" aria-hidden=\"true\"><\/div>\r\n <div class=\"overlay overlay-hover\" aria-hidden=\"true\"><\/div>\r\n\r\n <h2 class=\"about-text\">Achievements &<br>Awards<\/h2>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46d4fca e-con-full e-flex e-con e-child\" data-id=\"46d4fca\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60038c4 elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"60038c4\" 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\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/elementor\/thumbs\/Frame-1618873225-scaled-rb14yux7alq8wzj32mk5bmr8e6aunojgepuszaxu4g.png\" title=\"Frame 1618873225\" alt=\"Frame 1618873225\" loading=\"lazy\" \/>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12d2e8d e-con-full e-flex e-con e-child\" data-id=\"12d2e8d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-68bd122 e-con-full e-flex e-con e-child\" data-id=\"68bd122\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-3b605a7 e-con-full e-flex e-con e-child\" data-id=\"3b605a7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-845a49a animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"845a49a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ev-shields\">\r\n <figure class=\"badge badge--left\">\r\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Component-23-1.png\" alt=\"Best Manufacturer \u2014 Institutional orders\">\r\n <\/figure>\r\n\r\n <figure class=\"badge badge--right\">\r\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873113-1.png\" alt=\"Best Manufacturer\">\r\n <\/figure>\r\n<\/div>\r\n\r\n<style>\r\n \/* Scoped to this widget only *\/\r\n .ev-shields{\r\n aspect-ratio:24\/10;\r\n isolation:isolate;\r\n margin-inline:auto;\r\n\r\n \/* Vars *\/\r\n --left-width:44%;\r\n --right-width:58%;\r\n --left-x:10%;\r\n --right-x:3%;\r\n --left-top:50%;\r\n --right-top:60%;\r\n --hug:12%;\r\n --left-y:-50%; \/* raise left a bit *\/\r\n --right-y:-52%;\r\n --speed:600ms;\r\n --easing:cubic-bezier(.22,1,.36,1);\r\n }\r\n\r\n .ev-shields .badge{\r\n position:absolute;\r\n transform-origin:center;\r\n top:50%;\r\n --lift:0px;\r\n transition:transform var(--speed) var(--easing);\r\n will-change:transform;\r\n backface-visibility:hidden;\r\n cursor:default;\r\n }\r\n .ev-shields .badge:hover{ --lift:-14px; z-index:4; }\r\n .ev-shields .badge--left:hover{ --lift:-22px; } \/* extra lift for left *\/\r\n\r\n .ev-shields .badge img{\r\n width:100%; height:auto; display:block;\r\n filter:drop-shadow(0 22px 36px rgba(0,0,0,.35)) drop-shadow(0 2px 6px rgba(0,0,0,.25));\r\n }\r\n\r\n .ev-shields .badge--right{\r\n width:var(--right-width);\r\n right:var(--right-x);\r\n top:var(--right-top);\r\n transform:translate3d(calc(-1 * var(--hug)), calc(var(--right-y) + var(--lift)), 0);\r\n z-index:2;\r\n }\r\n .ev-shields .badge--left{\r\n width:var(--left-width);\r\n left:var(--left-x);\r\n top:var(--left-top);\r\n transform:translate3d(var(--hug), calc(var(--left-y) + var(--lift)), 0);\r\n z-index:3; \/* left on top by default *\/\r\n }\r\n\r\n @media (max-width:640px){\r\n .ev-shields{ aspect-ratio:4\/3; --hug:8%; }\r\n .ev-shields .badge:hover{ --lift:-10px; }\r\n .ev-shields .badge--left:hover{ --lift:-14px; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .ev-shields .badge{ transition:none !important; }\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-658f85b e-con-full e-flex e-con e-child\" data-id=\"658f85b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-167757e animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"167757e\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100}\" 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>Best Manufacturer Award<\/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 :root{\r\n --fs: 48px;\r\n --lh: 58px;\r\n --track: 0.01em; \/* 1% letter-spacing *\/\r\n }\r\n .title{\r\n margin: 0;\r\n font-family: \"Host Grotesk\"; \/* per your preference: no fallbacks *\/\r\n color: #0C4C44; \/* requested text color *\/\r\n }\r\n .title .best{\r\n font-weight: 700; \/* Bold *\/\r\n font-style: normal;\r\n font-size: var(--fs);\r\n line-height: var(--lh);\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title .award{\r\n font-weight: 400; \/* Regular *\/\r\n font-style: normal;\r\n font-size: var(--fs);\r\n line-height: var(--lh);\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"best\">Best Manufacturer<\/span>\r\n <span class=\"award\">Award<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca7a0b7 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ca7a0b7\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcc9920 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"dcc9920\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":200}\" 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>Year Boxes<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n .year-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 140px);\r\n gap:12px;\r\n }\r\n\r\n .year-box{\r\n position:relative; \/* needed for the hover border ring *\/\r\n box-sizing:border-box;\r\n width:140px;\r\n height:56px;\r\n padding:12px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px; \/* keep corners round *\/\r\n background:#FCFCFC1A; \/* default chip bg *\/\r\n color:#3D4D25;\r\n opacity:1;\r\n\r\n \/* typography *\/\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500;\r\n font-size:16px;\r\n line-height:32px;\r\n letter-spacing:0;\r\n\r\n \/* layout: left-align text, vertically centered *\/\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-align:left;\r\n white-space:nowrap;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover background *\/\r\n .year-box:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under the gradient ring *\/\r\n }\r\n\r\n \/* Gradient border ring on hover (keeps 12px radius perfectly) *\/\r\n .year-box::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:12px;\r\n padding:1px; \/* ring thickness *\/\r\n background: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n \/* carve out the center so only the ring shows *\/\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition: opacity .25s ease;\r\n pointer-events:none;\r\n }\r\n .year-box:hover::after{ opacity:1; }\r\n\r\n @media (max-width:640px){\r\n .year-grid{ grid-template-columns:repeat(2, 140px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"year-grid\">\r\n <div class=\"year-box\">2013-14<\/div>\r\n <div class=\"year-box\">2015-16<\/div>\r\n <div class=\"year-box\">2017-18<\/div>\r\n <div class=\"year-box\">2018-19<\/div>\r\n <div class=\"year-box\">2021-22<\/div>\r\n <div class=\"year-box\">2022-23<\/div>\r\n <div class=\"year-box\">2023-24<\/div>\r\n <div class=\"year-box\">2024-25<\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-221f53c elementor-widget elementor-widget-spacer\" data-id=\"221f53c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8aeb273 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"8aeb273\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":300}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bff7add animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"bff7add\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":400}\" 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>Award Row \u2022 Responsive<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n :root{\r\n --ring: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n }\r\n\r\n body{\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n }\r\n\r\n .award-row{\r\n position:relative; box-sizing:border-box;\r\n width:100%; max-width:1100px; \/* scales down on smaller screens *\/\r\n min-height:56px; \/* allow height to grow if it wraps *\/\r\n padding:12px 16px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px;\r\n background:#ffffff00;\r\n color:#3D4D25;\r\n\r\n display:flex; align-items:center; gap:12px;\r\n white-space:nowrap; \/* single line by default *\/\r\n font-weight:500; font-size:16px; line-height:32px; letter-spacing:0;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover: soft bg + gradient border ring *\/\r\n .award-row:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under ring *\/\r\n }\r\n .award-row::after{\r\n content:\"\"; position:absolute; inset:0; border-radius:12px;\r\n padding:1px; background:var(--ring);\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0; transition:opacity .25s ease; pointer-events:none;\r\n }\r\n .award-row:hover::after{ opacity:1; }\r\n\r\n \/* Tablet: allow wrapping if needed *\/\r\n @media (max-width: 900px){\r\n .award-row{\r\n white-space:normal; \/* allow wrap *\/\r\n gap:8px 10px;\r\n font-size:15px; line-height:30px;\r\n padding:10px 14px;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 560px){\r\n .award-row{\r\n font-size:14px; line-height:28px;\r\n padding:10px 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"award-row\">\r\n <span>Best Manufacturer - Institutional orders<\/span>\r\n <span>|<\/span>\r\n <span>2021-22<\/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<div class=\"elementor-element elementor-element-5624543 e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"5624543\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26a9dc7 animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"26a9dc7\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight"}\" 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=\"1024\" height=\"1024\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1024x1024.png\" class=\"elementor-animation-float attachment-large size-large wp-image-923\" alt=\"\" srcset=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1024x1024.png 1024w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-300x300.png 300w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-150x150.png 150w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-768x768.png 768w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1536x1536.png 1536w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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-6051b67 e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"6051b67\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2fc5235 e-con-full e-flex e-con e-child\" data-id=\"2fc5235\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a90cf8 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"8a90cf8\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":100}\" 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>Best in Quality \u2022 Award<\/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 \/* Responsive, keeps your look across all screen sizes *\/\r\n :root{\r\n --fs-min: 24px; \/* smallest font size on tiny screens *\/\r\n --fs-max: 48px; \/* largest font size on wide screens *\/\r\n --lh: 1.21; \/* ~58\/48 preserves your leading ratio *\/\r\n --track: 0.01em; \/* 1% letter-spacing *\/\r\n --color: #456F46; \/* requested text color *\/\r\n }\r\n\r\n .title{\r\n margin: 0;\r\n color: var(--color);\r\n line-height: 0; \/* avoid extra gap between lines; each span sets its own line-height *\/\r\n }\r\n\r\n .title .line{\r\n font-family: \"Host Grotesk\";\r\n font-size: clamp(var(--fs-min), 5.5vw, var(--fs-max));\r\n line-height: calc(1em * var(--lh));\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title .line.bold{ font-weight: 700; }\r\n .title .line.regular{font-weight: 400; }\r\n\r\n \/* Optional: small screens tighten slightly *\/\r\n @media (max-width: 360px){\r\n :root{ --fs-min: 22px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"line bold\">Best in Quality<\/span><br \/>\r\n <span class=\"line regular\">Award<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30aa292 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"30aa292\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e81c78a animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"e81c78a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":300}\" 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>Year Boxes<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n .year-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 140px);\r\n gap:12px;\r\n }\r\n\r\n .year-box{\r\n position:relative; \/* needed for the hover border ring *\/\r\n box-sizing:border-box;\r\n width:140px;\r\n height:56px;\r\n padding:12px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px; \/* keep corners round *\/\r\n background:#FCFCFC1A; \/* default chip bg *\/\r\n color:#3D4D25;\r\n opacity:1;\r\n\r\n \/* typography *\/\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500;\r\n font-size:16px;\r\n line-height:32px;\r\n letter-spacing:0;\r\n\r\n \/* layout: left-align text, vertically centered *\/\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-align:left;\r\n white-space:nowrap;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover background *\/\r\n .year-box:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under the gradient ring *\/\r\n }\r\n\r\n \/* Gradient border ring on hover (keeps 12px radius perfectly) *\/\r\n .year-box::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:12px;\r\n padding:1px; \/* ring thickness *\/\r\n background: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n \/* carve out the center so only the ring shows *\/\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition: opacity .25s ease;\r\n pointer-events:none;\r\n }\r\n .year-box:hover::after{ opacity:1; }\r\n\r\n @media (max-width:640px){\r\n .year-grid{ grid-template-columns:repeat(2, 140px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"year-grid\">\r\n <div class=\"year-box\">2021-22<\/div>\r\n\r\n <\/div>\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-4782dd3 e-con-full e-flex e-con e-child\" data-id=\"4782dd3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b9b1b0 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"2b9b1b0\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":100}\" 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>Best in Quality \u2022 Award<\/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 \/* Responsive, keeps your look across all screen sizes *\/\r\n :root{\r\n --fs-min: 24px; \/* smallest font size on tiny screens *\/\r\n --fs-max: 48px; \/* largest font size on wide screens *\/\r\n --lh: 1.21; \/* ~58\/48 preserves your leading ratio *\/\r\n --track: 0.01em; \/* 1% letter-spacing *\/\r\n --color: #456F46; \/* requested text color *\/\r\n }\r\n\r\n .title{\r\n margin: 0;\r\n color: var(--color);\r\n line-height: 0; \/* avoid extra gap between lines; each span sets its own line-height *\/\r\n }\r\n\r\n .title .line{\r\n font-family: \"Host Grotesk\";\r\n font-size: clamp(var(--fs-min), 5.5vw, var(--fs-max));\r\n line-height: calc(1em * var(--lh));\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title .line.bold{ font-weight: 700; }\r\n .title .line.regular{font-weight: 400; }\r\n\r\n \/* Optional: small screens tighten slightly *\/\r\n @media (max-width: 360px){\r\n :root{ --fs-min: 22px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"line bold\">Outstanding<\/span><br \/>\r\n <span class=\"line regular\">Performance<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0504d6d animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0504d6d\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d36eac animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"4d36eac\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":300}\" 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>Year Boxes<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n .year-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 140px);\r\n gap:12px;\r\n }\r\n\r\n .year-box{\r\n position:relative; \/* needed for the hover border ring *\/\r\n box-sizing:border-box;\r\n width:140px;\r\n height:56px;\r\n padding:12px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px; \/* keep corners round *\/\r\n background:#FCFCFC1A; \/* default chip bg *\/\r\n color:#3D4D25;\r\n opacity:1;\r\n\r\n \/* typography *\/\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500;\r\n font-size:16px;\r\n line-height:32px;\r\n letter-spacing:0;\r\n\r\n \/* layout: left-align text, vertically centered *\/\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-align:left;\r\n white-space:nowrap;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover background *\/\r\n .year-box:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under the gradient ring *\/\r\n }\r\n\r\n \/* Gradient border ring on hover (keeps 12px radius perfectly) *\/\r\n .year-box::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:12px;\r\n padding:1px; \/* ring thickness *\/\r\n background: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n \/* carve out the center so only the ring shows *\/\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition: opacity .25s ease;\r\n pointer-events:none;\r\n }\r\n .year-box:hover::after{ opacity:1; }\r\n\r\n @media (max-width:640px){\r\n .year-grid{ grid-template-columns:repeat(2, 140px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"year-grid\">\r\n <div class=\"year-box\">2021-22<\/div>\r\n\r\n <\/div>\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-d199252 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"d199252\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-aaa273d e-con-full e-flex e-con e-child\" data-id=\"aaa273d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65c36e3 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"65c36e3\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":100}\" 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>Best in Quality \u2022 Award<\/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 \/* Responsive, keeps your look across all screen sizes *\/\r\n :root{\r\n --fs-min: 24px; \/* smallest font size on tiny screens *\/\r\n --fs-max: 48px; \/* largest font size on wide screens *\/\r\n --lh: 1.21; \/* ~58\/48 preserves your leading ratio *\/\r\n --track: 0.01em; \/* 1% letter-spacing *\/\r\n --color: #456F46; \/* requested text color *\/\r\n }\r\n\r\n .title{\r\n margin: 0;\r\n color: var(--color);\r\n line-height: 0; \/* avoid extra gap between lines; each span sets its own line-height *\/\r\n }\r\n\r\n .title .line{\r\n font-family: \"Host Grotesk\";\r\n font-size: clamp(var(--fs-min), 5.5vw, var(--fs-max));\r\n line-height: calc(1em * var(--lh));\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title .line.bold{ font-weight: 700; }\r\n .title .line.regular{font-weight: 400; }\r\n\r\n \/* Optional: small screens tighten slightly *\/\r\n @media (max-width: 360px){\r\n :root{ --fs-min: 22px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"line bold\">Best in Quality<\/span><br \/>\r\n <span class=\"line regular\">Award<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5806852 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5806852\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bc766a animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"6bc766a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":300}\" 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>Year Boxes<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n .year-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 140px);\r\n gap:12px;\r\n }\r\n\r\n .year-box{\r\n position:relative; \/* needed for the hover border ring *\/\r\n box-sizing:border-box;\r\n width:140px;\r\n height:56px;\r\n padding:12px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px; \/* keep corners round *\/\r\n background:#FCFCFC1A; \/* default chip bg *\/\r\n color:#3D4D25;\r\n opacity:1;\r\n\r\n \/* typography *\/\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500;\r\n font-size:16px;\r\n line-height:32px;\r\n letter-spacing:0;\r\n\r\n \/* layout: left-align text, vertically centered *\/\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-align:left;\r\n white-space:nowrap;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover background *\/\r\n .year-box:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under the gradient ring *\/\r\n }\r\n\r\n \/* Gradient border ring on hover (keeps 12px radius perfectly) *\/\r\n .year-box::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:12px;\r\n padding:1px; \/* ring thickness *\/\r\n background: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n \/* carve out the center so only the ring shows *\/\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition: opacity .25s ease;\r\n pointer-events:none;\r\n }\r\n .year-box:hover::after{ opacity:1; }\r\n\r\n @media (max-width:640px){\r\n .year-grid{ grid-template-columns:repeat(2, 140px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"year-grid\">\r\n <div class=\"year-box\">2021-22<\/div>\r\n\r\n <\/div>\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-699ba4b e-con-full e-flex e-con e-child\" data-id=\"699ba4b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a49f11 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"8a49f11\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":100}\" 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>Best in Quality \u2022 Award<\/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 \/* Responsive, keeps your look across all screen sizes *\/\r\n :root{\r\n --fs-min: 24px; \/* smallest font size on tiny screens *\/\r\n --fs-max: 48px; \/* largest font size on wide screens *\/\r\n --lh: 1.21; \/* ~58\/48 preserves your leading ratio *\/\r\n --track: 0.01em; \/* 1% letter-spacing *\/\r\n --color: #456F46; \/* requested text color *\/\r\n }\r\n\r\n .title{\r\n margin: 0;\r\n color: var(--color);\r\n line-height: 0; \/* avoid extra gap between lines; each span sets its own line-height *\/\r\n }\r\n\r\n .title .line{\r\n font-family: \"Host Grotesk\";\r\n font-size: clamp(var(--fs-min), 5.5vw, var(--fs-max));\r\n line-height: calc(1em * var(--lh));\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title .line.bold{ font-weight: 700; }\r\n .title .line.regular{font-weight: 400; }\r\n\r\n \/* Optional: small screens tighten slightly *\/\r\n @media (max-width: 360px){\r\n :root{ --fs-min: 22px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"line bold\">Outstanding<\/span><br \/>\r\n <span class=\"line regular\">Performance<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5efaad7 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5efaad7\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e0911b animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"0e0911b\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":300}\" 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>Year Boxes<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n .year-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 140px);\r\n gap:12px;\r\n }\r\n\r\n .year-box{\r\n position:relative; \/* needed for the hover border ring *\/\r\n box-sizing:border-box;\r\n width:140px;\r\n height:56px;\r\n padding:12px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px; \/* keep corners round *\/\r\n background:#FCFCFC1A; \/* default chip bg *\/\r\n color:#3D4D25;\r\n opacity:1;\r\n\r\n \/* typography *\/\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500;\r\n font-size:16px;\r\n line-height:32px;\r\n letter-spacing:0;\r\n\r\n \/* layout: left-align text, vertically centered *\/\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-align:left;\r\n white-space:nowrap;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover background *\/\r\n .year-box:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under the gradient ring *\/\r\n }\r\n\r\n \/* Gradient border ring on hover (keeps 12px radius perfectly) *\/\r\n .year-box::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:12px;\r\n padding:1px; \/* ring thickness *\/\r\n background: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n \/* carve out the center so only the ring shows *\/\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition: opacity .25s ease;\r\n pointer-events:none;\r\n }\r\n .year-box:hover::after{ opacity:1; }\r\n\r\n @media (max-width:640px){\r\n .year-grid{ grid-template-columns:repeat(2, 140px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"year-grid\">\r\n <div class=\"year-box\">2021-22<\/div>\r\n\r\n <\/div>\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-fe88b55 e-con-full e-flex e-con e-child\" data-id=\"fe88b55\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bbc29f animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"0bbc29f\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight"}\" 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=\"1024\" height=\"1024\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1024x1024.png\" class=\"elementor-animation-float attachment-large size-large wp-image-923\" alt=\"\" srcset=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1024x1024.png 1024w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-300x300.png 300w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-150x150.png 150w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-768x768.png 768w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1536x1536.png 1536w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e999312 e-con-full e-flex e-con e-child\" data-id=\"e999312\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cb995c8 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"cb995c8\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/youtu.be\\\/hrG6vvRRHbQ","animation":"fadeInUp","background_play_on_mobile":"yes"}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\"><\/div>\n\t\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-340a133 e-flex e-con-boxed e-con e-child\" data-id=\"340a133\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-be85088 e-con-full e-flex e-con e-child\" data-id=\"be85088\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-372b197 elementor-widget elementor-widget-image\" data-id=\"372b197\" 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 loading=\"lazy\" decoding=\"async\" width=\"199\" height=\"56\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-2487.png\" class=\"attachment-large size-large wp-image-337\" alt=\"\" \/>\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-566581b elementor-widget elementor-widget-html\" data-id=\"566581b\" 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 <title>Footer Menu<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link \r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n .site-footer {\r\n padding: 24px 0;\r\n }\r\n .footer-nav ul {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n justify-content: center;\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 400;\r\n font-style: normal;\r\n font-size: 16px;\r\n line-height: 26px;\r\n letter-spacing: 0%;\r\n }\r\n .footer-nav li {\r\n position: relative;\r\n }\r\n \/* dot separator between items *\/\r\n .footer-nav li + li::before {\r\n content: \"\u00b7\";\r\n margin: 0 12px;\r\n color: #fff;\r\n line-height: 26px;\r\n }\r\n .footer-nav a {\r\n color: #fff;\r\n text-decoration: none;\r\n }\r\n .footer-nav a:hover {\r\n text-decoration: underline;\r\n }\r\n @media (max-width: 480px) {\r\n .footer-nav ul {\r\n font-size: 14px;\r\n line-height: 22px;\r\n }\r\n .footer-nav li + li::before {\r\n margin: 0 8px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n\r\n <footer class=\"site-footer\">\r\n <nav class=\"footer-nav\">\r\n <ul>\r\n <li><a href=\"\/\">Home<\/a><\/li>\r\n <li><a href=\"\/about\">About<\/a><\/li>\r\n <li><a href=\"\/companies\">Companies<\/a><\/li>\r\n <li><a href=\"\/facilities\">Facilities<\/a><\/li>\r\n <li><a href=\"\/contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/footer>\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-1cb796f elementor-widget elementor-widget-html\" data-id=\"1cb796f\" 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.0\"\/>\r\n <title>Request for Brochure Button<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* Scoped + timing vars *\/\r\n .rfb-scope { \r\n --t: .45s; \r\n --ease: cubic-bezier(.22,.61,.36,1);\r\n display: inline-block; \r\n }\r\n\r\n .rfb-scope .rfb-btn {\r\n appearance: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n \/* keep content above bg layers *\/\r\n position: relative;\r\n z-index: 0;\r\n overflow: hidden;\r\n\r\n border: 1px solid #CFCFCF;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n color: #FFFFFF;\r\n\r\n \/* padding from your spec *\/\r\n padding-top: 16px;\r\n padding-right: 32px;\r\n padding-bottom: 16px;\r\n padding-left: 32px;\r\n\r\n \/* transitions *\/\r\n transition: \r\n filter var(--t) var(--ease),\r\n box-shadow var(--t) var(--ease),\r\n transform .05s ease;\r\n\r\n \/* text (default) *\/\r\n font-family: \"Space Grotesk\", sans-serif;\r\n font-weight: 400; \/* Regular *\/\r\n font-size: 18px;\r\n line-height: 28px;\r\n letter-spacing: 0;\r\n text-align: center;\r\n vertical-align: middle;\r\n background: none; \/* backgrounds handled by ::before\/::after *\/\r\n }\r\n\r\n \/* Default background layer *\/\r\n .rfb-scope .rfb-btn::before,\r\n .rfb-scope .rfb-btn::after {\r\n content:\"\";\r\n position:absolute; inset:0;\r\n z-index: 0; \/* behind label *\/\r\n transition: opacity var(--t) var(--ease);\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n }\r\n .rfb-scope .rfb-btn::before {\r\n background-image: url(\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png\");\r\n opacity: 1;\r\n }\r\n \/* Hover background layer *\/\r\n .rfb-scope .rfb-btn::after {\r\n background-image: url(\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png\");\r\n opacity: 0;\r\n }\r\n\r\n \/* Label above bg layers *\/\r\n .rfb-scope .rfb-label {\r\n position: relative; \r\n z-index: 1; \r\n color:#FFFFFF;\r\n pointer-events: none; \/* ensures hover stays on button *\/\r\n }\r\n\r\n \/* Hover\/focus: crossfade and bump weight to 500 (Medium) *\/\r\n .rfb-scope .rfb-btn:hover::after,\r\n .rfb-scope .rfb-btn:focus-visible::after { opacity: 1; }\r\n .rfb-scope .rfb-btn:hover::before,\r\n .rfb-scope .rfb-btn:focus-visible::before { opacity: 0; }\r\n\r\n .rfb-scope .rfb-btn:hover,\r\n .rfb-scope .rfb-btn:focus-visible { filter: brightness(0.96); }\r\n .rfb-scope .rfb-btn:hover .rfb-label,\r\n .rfb-scope .rfb-btn:focus-visible .rfb-label {\r\n font-weight: 500; \/* Medium on hover *\/\r\n }\r\n\r\n .rfb-scope .rfb-btn:active { transform: translateY(1px); }\r\n .rfb-scope .rfb-btn:focus-visible {\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(154, 198, 255, .8);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"rfb-scope\">\r\n <button class=\"rfb-btn\" type=\"button\" aria-label=\"Request for Brochure\">\r\n <span class=\"rfb-label\">Request for Brochure<\/span>\r\n <\/button>\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<div class=\"elementor-element elementor-element-7298a07 e-con-full e-flex e-con e-child\" data-id=\"7298a07\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caa2994 elementor-widget elementor-widget-html\" data-id=\"caa2994\" 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 <title>Company Address<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400;700&display=swap\"\r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n\r\n .company-address {\r\n text-align: right;\r\n white-space: pre-line; \/* preserves single line break *\/\r\n }\r\n\r\n .company-name {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 26px;\r\n color: #D7DE27;\r\n margin: 0; \/* reset default paragraph margin *\/\r\n }\r\n\r\n .company-details {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 400;\r\n font-size: 16px;\r\n line-height: 26px;\r\n color: #FAFAFA;\r\n margin: 0; \/* reset default paragraph margin *\/\r\n }\r\n \/* Tablet & below: align left *\/\r\n@media (max-width: 1024px) {\r\n .company-address {\r\n text-align: left; \/* use 'start' if you might support RTL: text-align: start; *\/\r\n }\r\n}\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"company-address\">\r\n <p class=\"company-name\">Verdant Stationery\u00a0Pvt.\u00a0Ltd.<\/p>\r\n <p class=\"company-details\">RS 14\/1A, Kolavennu (V), Kankipadu (M),\r\n Krishna District, Andhra Pradesh 521 151. INDIA<\/p>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce9b92 elementor-widget elementor-widget-html\" data-id=\"2ce9b92\" 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 <title>Email Link<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link \r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n .email-link {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 400;\r\n font-style: normal;\r\n font-size: 16px;\r\n line-height: 26px;\r\n letter-spacing: 0%;\r\n color: #FAFAFA;\r\n text-decoration: none;\r\n }\r\n .email-link:hover {\r\n text-decoration: underline;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a href=\"mailto:hello@verdantgroup.co.in\" class=\"email-link\">\r\n hello@verdantgroup.co.in\r\n <\/a>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d5a331 elementor-widget elementor-widget-html\" data-id=\"6d5a331\" 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 <title>Website Link<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link \r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@600&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n .website-link {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 600;\r\n font-style: normal;\r\n font-size: 16px;\r\n line-height: 26px;\r\n letter-spacing: 0%;\r\n color: #FAFAFA;\r\n text-decoration: none;\r\n }\r\n .website-link:hover {\r\n text-decoration: underline;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a href=\"https:\/\/www.verdantgroup.co.in\" class=\"website-link\" target=\"_blank\" rel=\"noopener\">\r\n www.verdantgroup.co.in\r\n <\/a>\r\n<\/body>\r\n<\/html>\r\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\t\t<div class=\"elementor-element elementor-element-9d5cafb elementor-widget elementor-widget-spacer\" data-id=\"9d5cafb\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb29f69 e-flex e-con-boxed e-con e-child\" data-id=\"bb29f69\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-83a16d4 e-con-full e-flex e-con e-child\" data-id=\"83a16d4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adc1312 elementor-widget elementor-widget-html\" data-id=\"adc1312\" 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 <title>Footer Copyright & Links<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link \r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n .footer-legal {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 400;\r\n font-style: normal;\r\n font-size: 14px;\r\n line-height: 22px;\r\n letter-spacing: 0%;\r\n color: #DEE1E6;\r\n text-align: center;\r\n padding: 16px 0;\r\n }\r\n .footer-legal a {\r\n color: #DEE1E6;\r\n text-decoration: none;\r\n margin: 0 8px;\r\n }\r\n .footer-legal a:hover {\r\n text-decoration: underline;\r\n }\r\n .footer-legal .separator {\r\n margin: 0 8px;\r\n color: #DEE1E6;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n\r\n <footer class=\"footer-legal\">\r\n \u00a9 2025 Verdant Stationery\u00a0Pvt.\u00a0Ltd.\r\n <span class=\"separator\">\u00b7<\/span>\r\n <a href=\"\/privacy\">Privacy<\/a>\r\n <span class=\"separator\">\u00b7<\/span>\r\n <a href=\"\/terms\">Terms<\/a>\r\n <\/footer>\r\n\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-3de0a22 e-con-full e-flex e-con e-child\" data-id=\"3de0a22\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ce1541 elementor-shape-circle e-grid-align-right elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"9ce1541\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-f9169ea\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">X-twitter<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-x-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-03da899\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-0431a37\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-3fddd41\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\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\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 Precise Text over SVG Mask Achievements &Awards Best Manufacturer Award Best Manufacturer Award For the Year… <a href=\"https:\/\/verdantgroup.co.in\/index.php\/awards\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Awards<\/span><\/a><\/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":{"_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-877","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/877","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=877"}],"version-history":[{"count":247,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/877\/revisions"}],"predecessor-version":[{"id":5437,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/877\/revisions\/5437"}],"wp:attachment":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=877"}],"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-99b5e38 e-con-full e-flex e-con e-child\" data-id=\"99b5e38\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cbead3 elementor-widget elementor-widget-image\" data-id=\"1cbead3\" 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-2c01295 e-grid e-con-full e-con e-child\" data-id=\"2c01295\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-29f0423 e-con-full e-flex e-con e-child\" data-id=\"29f0423\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1084fe2 elementor-widget elementor-widget-html\" data-id=\"1084fe2\" 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-e027206 e-con-full e-flex e-con e-child\" data-id=\"e027206\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e86d045 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"e86d045\" 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.0\"\/>\r\n<title>Precise Text over SVG Mask<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --page-bg:#0b0f0e;\r\n --fade-dur:.5s;\r\n --fade-ease:cubic-bezier(.22,.61,.36,1);\r\n --text-x: 684.50;\r\n --text-y: 261.50;\r\n }\r\n *{box-sizing:border-box}\r\n .wrapd{\r\n width:1420px;\r\n aspect-ratio:1369.0\/523.0;\r\n position:relative;isolation:isolate;\r\n }\r\n .video-mask{\r\n position:absolute;inset:0;overflow:hidden;\r\n -webkit-mask-image:url('data:image\/svg+xml;utf8,%3Csvg%20width%3D%221369%22%20height%3D%22523%22%20viewBox%3D%220%200%201369%20523%22%20fill%3D%22none%22%20xmlns%3D%22http%3A\/\/www.w3.org\/2000\/svg%22%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22%23D9D9D9%22\/%3E%0A%3C\/svg%3E%0A');\r\n -webkit-mask-repeat:no-repeat;\r\n -webkit-mask-position:center;\r\n -webkit-mask-size:contain;\r\n mask-image:url('data:image\/svg+xml;utf8,%3Csvg%20width%3D%221369%22%20height%3D%22523%22%20viewBox%3D%220%200%201369%20523%22%20fill%3D%22none%22%20xmlns%3D%22http%3A\/\/www.w3.org\/2000\/svg%22%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22%23D9D9D9%22\/%3E%0A%3C\/svg%3E%0A');\r\n mask-repeat:no-repeat;\r\n mask-position:center;\r\n mask-size:contain;\r\n mask-mode:luminance;\r\n }\r\n .video-mask video{width:100%;height:100%;object-fit:cover;display:block;\r\n transform:scale(1);transition:transform var(--fade-dur) var(--fade-ease)}\r\n .wrapd:hover .video-mask video{ transform:scale(1.03) }\r\n\r\n .overlay{\r\n position:absolute;inset:0;pointer-events:none;will-change:opacity\r\n }\r\n .overlay-default{ background:url('data:image\/svg+xml;utf8,%3Csvg%20width%3D%221369%22%20height%3D%22523%22%20viewBox%3D%220%200%201369%20523%22%20fill%3D%22none%22%20xmlns%3D%22http%3A\/\/www.w3.org\/2000\/svg%22%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint0_linear_1748_3639%29%22\/%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint1_radial_1748_3639%29%22\/%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint2_radial_1748_3639%29%22\/%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint3_radial_1748_3639%29%22\/%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint4_radial_1748_3639%29%22\/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1748_3639%22%20x1%3D%221163.12%22%20y1%3D%22262%22%20x2%3D%22-5.86037e-06%22%20y2%3D%22262%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23104E43%22\/%3E%0A%3C\/linearGradient%3E%0A%3CradialGradient%20id%3D%22paint1_radial_1748_3639%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%281238%20471%29%20rotate%28179.705%29%20scale%28389.005%20601.032%29%22%3E%0A%3Cstop%20stop-color%3D%22%231B664C%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3C\/radialGradient%3E%0A%3CradialGradient%20id%3D%22paint2_radial_1748_3639%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%281319.5%20326.5%29%20rotate%28177.394%29%20scale%28417.932%20312.77%29%22%3E%0A%3Cstop%20stop-color%3D%22%23638A48%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3C\/radialGradient%3E%0A%3CradialGradient%20id%3D%22paint3_radial_1748_3639%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%281313.5%20191%29%20rotate%28177.477%29%20scale%28374.863%20320.024%29%22%3E%0A%3Cstop%20stop-color%3D%22%237E9138%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3C\/radialGradient%3E%0A%3CradialGradient%20id%3D%22paint4_radial_1748_3639%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%281242%2073.5%29%20rotate%28174.289%29%20scale%28929.614%20740.933%29%22%3E%0A%3Cstop%20stop-color%3D%22%23B6BE24%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3C\/radialGradient%3E%0A%3C\/defs%3E%0A%3C\/svg%3E%0A') center\/contain no-repeat; opacity:1;\r\n transition:opacity var(--fade-dur) var(--fade-ease)}\r\n .overlay-hover{ background:url('data:image\/svg+xml;utf8,%3Csvg%20width%3D%221369%22%20height%3D%22523%22%20viewBox%3D%220%200%201369%20523%22%20fill%3D%22none%22%20xmlns%3D%22http%3A\/\/www.w3.org\/2000\/svg%22%3E%0A%3Cpath%20d%3D%22M1114.73%200.00585938C1115.2%200.0033307%201115.68%200.00112273%201116.15%200.000976562C1146.8%200.0104331%201175.43%204.99451%201201.85%2014.1816C1240.24%2027.2407%201272.6%2048.7755%201300.38%2076.5049C1307.83%2083.9047%201314.94%2091.7505%201321.67%2099.999C1325.42%20104.547%201329.07%20109.217%201332.64%20114C1332.6%20114.018%201332.55%20114.033%201332.51%20114.051C1332.52%20114.065%201332.53%20114.079%201332.54%20114.093C1330.33%20115.022%201327.94%20115.544%201325.44%20115.544H1165.58V174.7H1276.64C1283.63%20174.7%201289.98%20170.636%201292.93%20164.308L1296.86%20155.947C1299.8%20149.561%201306.15%20145.555%201313.14%20145.555H1336.02C1350.16%20172.03%201360.15%20201.117%201365.06%20231.889H1364.89C1364.9%20231.893%201364.9%20231.897%201364.9%20231.901H1274.25C1267.53%20232.149%201261.48%20236.1%201258.63%20242.281L1254.71%20250.699C1251.76%20257.028%201245.41%20261.092%201238.42%20261.092H1237.89C1237.65%20261.101%201237.42%20261.106%201237.18%20261.106H1165.58V320.195H1210.53C1210.65%20320.195%201210.77%20320.19%201210.89%20320.188C1217.58%20319.862%201223.58%20315.881%201226.42%20309.819L1230.32%20301.458C1233.13%20295.426%201239%20291.519%201245.58%20291.104C1246.04%20291.068%201246.5%20291.049%201246.97%20291.049H1368.14C1366.52%20321.414%201360.06%20350.443%201349.43%20377.383H1349.14C1349.14%20377.39%201349.13%20377.397%201349.13%20377.404H1207.81C1201.15%20377.709%201195.18%20381.644%201192.36%20387.775L1188.49%20396.194C1185.54%20402.523%201179.19%20406.587%201172.2%20406.587H1171.25C1170.97%20406.6%201170.68%20406.609%201170.4%20406.609H1165.58V443.686C1168.93%20439.294%201174.17%20436.666%201179.83%20436.666H1317.37C1295.84%20467.422%201255.55%20510.047%201207.55%20520.575C1196.46%20523.083%201186.89%20523.001%201186.82%20523L1185.67%20522.999C1185.66%20522.999%201185.65%20523%201185.64%20523L967.71%20522.97C967.701%20522.965%20967.692%20522.962%20967.683%20522.957H51.6094C23.1064%20522.957%200.000139057%20498.218%200%20467.701V55.2559C4.15679e-07%2024.739%2023.1063%200.00018587%2051.6094%200H1113.97C1114.22%201.55513e-09%201114.48%200.00195738%201114.73%200.00585938Z%22%20fill%3D%22url%28%23paint0_linear_1748_3665%29%22\/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1748_3665%22%20x1%3D%221163.12%22%20y1%3D%22262%22%20x2%3D%22-5.86037e-06%22%20y2%3D%22262%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%2300282B%22%20stop-opacity%3D%220%22\/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23104E43%22\/%3E%0A%3C\/linearGradient%3E%0A%3C\/defs%3E%0A%3C\/svg%3E%0A') center\/contain no-repeat; opacity:0;\r\n transition:opacity var(--fade-dur) var(--fade-ease)}\r\n .wrapd:hover .overlay-default{opacity:0}\r\n .wrapd:hover .overlay-hover{opacity:1}\r\n\r\n .about-text{\r\n position: absolute;\r\n left: 75px;\r\n top: calc(var(--text-y) \/ 523 * 100%);\r\n transform: translateY(-50%);\r\n margin: 0;\r\n font-family: \"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight: 400;\r\n font-size: clamp(18px, 4.1vw, 56px);\r\n letter-spacing: 0.5px;\r\n color: #fff;\r\n text-shadow: 0 4px 18px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, 0.25);\r\n line-height: 1;\r\n white-space: nowrap;\r\n z-index: 3;\r\n pointer-events: none;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"wrapd\" style=\"--text-x:684.50; --text-y:261.50;\">\r\n <div class=\"video-mask\">\r\n <video src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/WhatsApp-Video-2025-08-15-at-15.38.51_e60ea23a.mp4\"\r\n autoplay muted loop playsinline><\/video>\r\n <\/div>\r\n <div class=\"overlay overlay-default\" aria-hidden=\"true\"><\/div>\r\n <div class=\"overlay overlay-hover\" aria-hidden=\"true\"><\/div>\r\n\r\n <h2 class=\"about-text\">Achievements &<br>Awards<\/h2>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46d4fca e-con-full e-flex e-con e-child\" data-id=\"46d4fca\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60038c4 elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"60038c4\" 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\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/elementor\/thumbs\/Frame-1618873225-scaled-rb14yux7alq8wzj32mk5bmr8e6aunojgepuszaxu4g.png\" title=\"Frame 1618873225\" alt=\"Frame 1618873225\" loading=\"lazy\" \/>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12d2e8d e-con-full e-flex e-con e-child\" data-id=\"12d2e8d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-68bd122 e-con-full e-flex e-con e-child\" data-id=\"68bd122\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-3b605a7 e-con-full e-flex e-con e-child\" data-id=\"3b605a7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-845a49a animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"845a49a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ev-shields\">\r\n <figure class=\"badge badge--left\">\r\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Component-23-1.png\" alt=\"Best Manufacturer \u2014 Institutional orders\">\r\n <\/figure>\r\n\r\n <figure class=\"badge badge--right\">\r\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873113-1.png\" alt=\"Best Manufacturer\">\r\n <\/figure>\r\n<\/div>\r\n\r\n<style>\r\n \/* Scoped to this widget only *\/\r\n .ev-shields{\r\n aspect-ratio:24\/10;\r\n isolation:isolate;\r\n margin-inline:auto;\r\n\r\n \/* Vars *\/\r\n --left-width:44%;\r\n --right-width:58%;\r\n --left-x:10%;\r\n --right-x:3%;\r\n --left-top:50%;\r\n --right-top:60%;\r\n --hug:12%;\r\n --left-y:-50%; \/* raise left a bit *\/\r\n --right-y:-52%;\r\n --speed:600ms;\r\n --easing:cubic-bezier(.22,1,.36,1);\r\n }\r\n\r\n .ev-shields .badge{\r\n position:absolute;\r\n transform-origin:center;\r\n top:50%;\r\n --lift:0px;\r\n transition:transform var(--speed) var(--easing);\r\n will-change:transform;\r\n backface-visibility:hidden;\r\n cursor:default;\r\n }\r\n .ev-shields .badge:hover{ --lift:-14px; z-index:4; }\r\n .ev-shields .badge--left:hover{ --lift:-22px; } \/* extra lift for left *\/\r\n\r\n .ev-shields .badge img{\r\n width:100%; height:auto; display:block;\r\n filter:drop-shadow(0 22px 36px rgba(0,0,0,.35)) drop-shadow(0 2px 6px rgba(0,0,0,.25));\r\n }\r\n\r\n .ev-shields .badge--right{\r\n width:var(--right-width);\r\n right:var(--right-x);\r\n top:var(--right-top);\r\n transform:translate3d(calc(-1 * var(--hug)), calc(var(--right-y) + var(--lift)), 0);\r\n z-index:2;\r\n }\r\n .ev-shields .badge--left{\r\n width:var(--left-width);\r\n left:var(--left-x);\r\n top:var(--left-top);\r\n transform:translate3d(var(--hug), calc(var(--left-y) + var(--lift)), 0);\r\n z-index:3; \/* left on top by default *\/\r\n }\r\n\r\n @media (max-width:640px){\r\n .ev-shields{ aspect-ratio:4\/3; --hug:8%; }\r\n .ev-shields .badge:hover{ --lift:-10px; }\r\n .ev-shields .badge--left:hover{ --lift:-14px; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .ev-shields .badge{ transition:none !important; }\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-658f85b e-con-full e-flex e-con e-child\" data-id=\"658f85b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-167757e animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"167757e\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100}\" 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>Best Manufacturer Award<\/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 :root{\r\n --fs: 48px;\r\n --lh: 58px;\r\n --track: 0.01em; \/* 1% letter-spacing *\/\r\n }\r\n .title{\r\n margin: 0;\r\n font-family: \"Host Grotesk\"; \/* per your preference: no fallbacks *\/\r\n color: #0C4C44; \/* requested text color *\/\r\n }\r\n .title .best{\r\n font-weight: 700; \/* Bold *\/\r\n font-style: normal;\r\n font-size: var(--fs);\r\n line-height: var(--lh);\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title .award{\r\n font-weight: 400; \/* Regular *\/\r\n font-style: normal;\r\n font-size: var(--fs);\r\n line-height: var(--lh);\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"best\">Best Manufacturer<\/span>\r\n <span class=\"award\">Award<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca7a0b7 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ca7a0b7\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcc9920 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"dcc9920\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":200}\" 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>Year Boxes<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n .year-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 140px);\r\n gap:12px;\r\n }\r\n\r\n .year-box{\r\n position:relative; \/* needed for the hover border ring *\/\r\n box-sizing:border-box;\r\n width:140px;\r\n height:56px;\r\n padding:12px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px; \/* keep corners round *\/\r\n background:#FCFCFC1A; \/* default chip bg *\/\r\n color:#3D4D25;\r\n opacity:1;\r\n\r\n \/* typography *\/\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500;\r\n font-size:16px;\r\n line-height:32px;\r\n letter-spacing:0;\r\n\r\n \/* layout: left-align text, vertically centered *\/\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-align:left;\r\n white-space:nowrap;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover background *\/\r\n .year-box:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under the gradient ring *\/\r\n }\r\n\r\n \/* Gradient border ring on hover (keeps 12px radius perfectly) *\/\r\n .year-box::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:12px;\r\n padding:1px; \/* ring thickness *\/\r\n background: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n \/* carve out the center so only the ring shows *\/\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition: opacity .25s ease;\r\n pointer-events:none;\r\n }\r\n .year-box:hover::after{ opacity:1; }\r\n\r\n @media (max-width:640px){\r\n .year-grid{ grid-template-columns:repeat(2, 140px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"year-grid\">\r\n <div class=\"year-box\">2013-14<\/div>\r\n <div class=\"year-box\">2015-16<\/div>\r\n <div class=\"year-box\">2017-18<\/div>\r\n <div class=\"year-box\">2018-19<\/div>\r\n <div class=\"year-box\">2021-22<\/div>\r\n <div class=\"year-box\">2022-23<\/div>\r\n <div class=\"year-box\">2023-24<\/div>\r\n <div class=\"year-box\">2024-25<\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-221f53c elementor-widget elementor-widget-spacer\" data-id=\"221f53c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8aeb273 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"8aeb273\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":300}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bff7add animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"bff7add\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":400}\" 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>Award Row \u2022 Responsive<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n :root{\r\n --ring: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n }\r\n\r\n body{\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n }\r\n\r\n .award-row{\r\n position:relative; box-sizing:border-box;\r\n width:100%; max-width:1100px; \/* scales down on smaller screens *\/\r\n min-height:56px; \/* allow height to grow if it wraps *\/\r\n padding:12px 16px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px;\r\n background:#ffffff00;\r\n color:#3D4D25;\r\n\r\n display:flex; align-items:center; gap:12px;\r\n white-space:nowrap; \/* single line by default *\/\r\n font-weight:500; font-size:16px; line-height:32px; letter-spacing:0;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover: soft bg + gradient border ring *\/\r\n .award-row:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under ring *\/\r\n }\r\n .award-row::after{\r\n content:\"\"; position:absolute; inset:0; border-radius:12px;\r\n padding:1px; background:var(--ring);\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0; transition:opacity .25s ease; pointer-events:none;\r\n }\r\n .award-row:hover::after{ opacity:1; }\r\n\r\n \/* Tablet: allow wrapping if needed *\/\r\n @media (max-width: 900px){\r\n .award-row{\r\n white-space:normal; \/* allow wrap *\/\r\n gap:8px 10px;\r\n font-size:15px; line-height:30px;\r\n padding:10px 14px;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 560px){\r\n .award-row{\r\n font-size:14px; line-height:28px;\r\n padding:10px 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"award-row\">\r\n <span>Best Manufacturer - Institutional orders<\/span>\r\n <span>|<\/span>\r\n <span>2021-22<\/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<div class=\"elementor-element elementor-element-5624543 e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"5624543\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26a9dc7 animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"26a9dc7\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight"}\" 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=\"1024\" height=\"1024\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1024x1024.png\" class=\"elementor-animation-float attachment-large size-large wp-image-923\" alt=\"\" srcset=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1024x1024.png 1024w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-300x300.png 300w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-150x150.png 150w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-768x768.png 768w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1536x1536.png 1536w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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-6051b67 e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"6051b67\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2fc5235 e-con-full e-flex e-con e-child\" data-id=\"2fc5235\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a90cf8 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"8a90cf8\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":100}\" 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>Best in Quality \u2022 Award<\/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 \/* Responsive, keeps your look across all screen sizes *\/\r\n :root{\r\n --fs-min: 24px; \/* smallest font size on tiny screens *\/\r\n --fs-max: 48px; \/* largest font size on wide screens *\/\r\n --lh: 1.21; \/* ~58\/48 preserves your leading ratio *\/\r\n --track: 0.01em; \/* 1% letter-spacing *\/\r\n --color: #456F46; \/* requested text color *\/\r\n }\r\n\r\n .title{\r\n margin: 0;\r\n color: var(--color);\r\n line-height: 0; \/* avoid extra gap between lines; each span sets its own line-height *\/\r\n }\r\n\r\n .title .line{\r\n font-family: \"Host Grotesk\";\r\n font-size: clamp(var(--fs-min), 5.5vw, var(--fs-max));\r\n line-height: calc(1em * var(--lh));\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title .line.bold{ font-weight: 700; }\r\n .title .line.regular{font-weight: 400; }\r\n\r\n \/* Optional: small screens tighten slightly *\/\r\n @media (max-width: 360px){\r\n :root{ --fs-min: 22px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"line bold\">Best in Quality<\/span><br \/>\r\n <span class=\"line regular\">Award<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30aa292 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"30aa292\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e81c78a animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"e81c78a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":300}\" 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>Year Boxes<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n .year-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 140px);\r\n gap:12px;\r\n }\r\n\r\n .year-box{\r\n position:relative; \/* needed for the hover border ring *\/\r\n box-sizing:border-box;\r\n width:140px;\r\n height:56px;\r\n padding:12px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px; \/* keep corners round *\/\r\n background:#FCFCFC1A; \/* default chip bg *\/\r\n color:#3D4D25;\r\n opacity:1;\r\n\r\n \/* typography *\/\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500;\r\n font-size:16px;\r\n line-height:32px;\r\n letter-spacing:0;\r\n\r\n \/* layout: left-align text, vertically centered *\/\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-align:left;\r\n white-space:nowrap;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover background *\/\r\n .year-box:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under the gradient ring *\/\r\n }\r\n\r\n \/* Gradient border ring on hover (keeps 12px radius perfectly) *\/\r\n .year-box::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:12px;\r\n padding:1px; \/* ring thickness *\/\r\n background: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n \/* carve out the center so only the ring shows *\/\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition: opacity .25s ease;\r\n pointer-events:none;\r\n }\r\n .year-box:hover::after{ opacity:1; }\r\n\r\n @media (max-width:640px){\r\n .year-grid{ grid-template-columns:repeat(2, 140px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"year-grid\">\r\n <div class=\"year-box\">2021-22<\/div>\r\n\r\n <\/div>\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-4782dd3 e-con-full e-flex e-con e-child\" data-id=\"4782dd3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b9b1b0 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"2b9b1b0\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":100}\" 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>Best in Quality \u2022 Award<\/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 \/* Responsive, keeps your look across all screen sizes *\/\r\n :root{\r\n --fs-min: 24px; \/* smallest font size on tiny screens *\/\r\n --fs-max: 48px; \/* largest font size on wide screens *\/\r\n --lh: 1.21; \/* ~58\/48 preserves your leading ratio *\/\r\n --track: 0.01em; \/* 1% letter-spacing *\/\r\n --color: #456F46; \/* requested text color *\/\r\n }\r\n\r\n .title{\r\n margin: 0;\r\n color: var(--color);\r\n line-height: 0; \/* avoid extra gap between lines; each span sets its own line-height *\/\r\n }\r\n\r\n .title .line{\r\n font-family: \"Host Grotesk\";\r\n font-size: clamp(var(--fs-min), 5.5vw, var(--fs-max));\r\n line-height: calc(1em * var(--lh));\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title .line.bold{ font-weight: 700; }\r\n .title .line.regular{font-weight: 400; }\r\n\r\n \/* Optional: small screens tighten slightly *\/\r\n @media (max-width: 360px){\r\n :root{ --fs-min: 22px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"line bold\">Outstanding<\/span><br \/>\r\n <span class=\"line regular\">Performance<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0504d6d animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0504d6d\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d36eac animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"4d36eac\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":300}\" 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>Year Boxes<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n .year-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 140px);\r\n gap:12px;\r\n }\r\n\r\n .year-box{\r\n position:relative; \/* needed for the hover border ring *\/\r\n box-sizing:border-box;\r\n width:140px;\r\n height:56px;\r\n padding:12px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px; \/* keep corners round *\/\r\n background:#FCFCFC1A; \/* default chip bg *\/\r\n color:#3D4D25;\r\n opacity:1;\r\n\r\n \/* typography *\/\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500;\r\n font-size:16px;\r\n line-height:32px;\r\n letter-spacing:0;\r\n\r\n \/* layout: left-align text, vertically centered *\/\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-align:left;\r\n white-space:nowrap;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover background *\/\r\n .year-box:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under the gradient ring *\/\r\n }\r\n\r\n \/* Gradient border ring on hover (keeps 12px radius perfectly) *\/\r\n .year-box::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:12px;\r\n padding:1px; \/* ring thickness *\/\r\n background: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n \/* carve out the center so only the ring shows *\/\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition: opacity .25s ease;\r\n pointer-events:none;\r\n }\r\n .year-box:hover::after{ opacity:1; }\r\n\r\n @media (max-width:640px){\r\n .year-grid{ grid-template-columns:repeat(2, 140px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"year-grid\">\r\n <div class=\"year-box\">2021-22<\/div>\r\n\r\n <\/div>\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-d199252 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"d199252\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-aaa273d e-con-full e-flex e-con e-child\" data-id=\"aaa273d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65c36e3 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"65c36e3\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":100}\" 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>Best in Quality \u2022 Award<\/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 \/* Responsive, keeps your look across all screen sizes *\/\r\n :root{\r\n --fs-min: 24px; \/* smallest font size on tiny screens *\/\r\n --fs-max: 48px; \/* largest font size on wide screens *\/\r\n --lh: 1.21; \/* ~58\/48 preserves your leading ratio *\/\r\n --track: 0.01em; \/* 1% letter-spacing *\/\r\n --color: #456F46; \/* requested text color *\/\r\n }\r\n\r\n .title{\r\n margin: 0;\r\n color: var(--color);\r\n line-height: 0; \/* avoid extra gap between lines; each span sets its own line-height *\/\r\n }\r\n\r\n .title .line{\r\n font-family: \"Host Grotesk\";\r\n font-size: clamp(var(--fs-min), 5.5vw, var(--fs-max));\r\n line-height: calc(1em * var(--lh));\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title .line.bold{ font-weight: 700; }\r\n .title .line.regular{font-weight: 400; }\r\n\r\n \/* Optional: small screens tighten slightly *\/\r\n @media (max-width: 360px){\r\n :root{ --fs-min: 22px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"line bold\">Best in Quality<\/span><br \/>\r\n <span class=\"line regular\">Award<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5806852 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5806852\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bc766a animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"6bc766a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":300}\" 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>Year Boxes<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n .year-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 140px);\r\n gap:12px;\r\n }\r\n\r\n .year-box{\r\n position:relative; \/* needed for the hover border ring *\/\r\n box-sizing:border-box;\r\n width:140px;\r\n height:56px;\r\n padding:12px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px; \/* keep corners round *\/\r\n background:#FCFCFC1A; \/* default chip bg *\/\r\n color:#3D4D25;\r\n opacity:1;\r\n\r\n \/* typography *\/\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500;\r\n font-size:16px;\r\n line-height:32px;\r\n letter-spacing:0;\r\n\r\n \/* layout: left-align text, vertically centered *\/\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-align:left;\r\n white-space:nowrap;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover background *\/\r\n .year-box:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under the gradient ring *\/\r\n }\r\n\r\n \/* Gradient border ring on hover (keeps 12px radius perfectly) *\/\r\n .year-box::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:12px;\r\n padding:1px; \/* ring thickness *\/\r\n background: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n \/* carve out the center so only the ring shows *\/\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition: opacity .25s ease;\r\n pointer-events:none;\r\n }\r\n .year-box:hover::after{ opacity:1; }\r\n\r\n @media (max-width:640px){\r\n .year-grid{ grid-template-columns:repeat(2, 140px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"year-grid\">\r\n <div class=\"year-box\">2021-22<\/div>\r\n\r\n <\/div>\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-699ba4b e-con-full e-flex e-con e-child\" data-id=\"699ba4b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a49f11 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"8a49f11\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":100}\" 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>Best in Quality \u2022 Award<\/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 \/* Responsive, keeps your look across all screen sizes *\/\r\n :root{\r\n --fs-min: 24px; \/* smallest font size on tiny screens *\/\r\n --fs-max: 48px; \/* largest font size on wide screens *\/\r\n --lh: 1.21; \/* ~58\/48 preserves your leading ratio *\/\r\n --track: 0.01em; \/* 1% letter-spacing *\/\r\n --color: #456F46; \/* requested text color *\/\r\n }\r\n\r\n .title{\r\n margin: 0;\r\n color: var(--color);\r\n line-height: 0; \/* avoid extra gap between lines; each span sets its own line-height *\/\r\n }\r\n\r\n .title .line{\r\n font-family: \"Host Grotesk\";\r\n font-size: clamp(var(--fs-min), 5.5vw, var(--fs-max));\r\n line-height: calc(1em * var(--lh));\r\n letter-spacing: var(--track);\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .title .line.bold{ font-weight: 700; }\r\n .title .line.regular{font-weight: 400; }\r\n\r\n \/* Optional: small screens tighten slightly *\/\r\n @media (max-width: 360px){\r\n :root{ --fs-min: 22px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"line bold\">Outstanding<\/span><br \/>\r\n <span class=\"line regular\">Performance<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5efaad7 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5efaad7\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For the Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e0911b animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"0e0911b\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":300}\" 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>Year Boxes<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n .year-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 140px);\r\n gap:12px;\r\n }\r\n\r\n .year-box{\r\n position:relative; \/* needed for the hover border ring *\/\r\n box-sizing:border-box;\r\n width:140px;\r\n height:56px;\r\n padding:12px;\r\n border:1px solid #3D4D25; \/* default border *\/\r\n border-radius:12px; \/* keep corners round *\/\r\n background:#FCFCFC1A; \/* default chip bg *\/\r\n color:#3D4D25;\r\n opacity:1;\r\n\r\n \/* typography *\/\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500;\r\n font-size:16px;\r\n line-height:32px;\r\n letter-spacing:0;\r\n\r\n \/* layout: left-align text, vertically centered *\/\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-align:left;\r\n white-space:nowrap;\r\n\r\n transition: background-color .25s ease, border-color .25s ease;\r\n cursor: default;\r\n }\r\n\r\n \/* Hover background *\/\r\n .year-box:hover{\r\n background:#D7DE270D;\r\n border-color: transparent; \/* hide solid border under the gradient ring *\/\r\n }\r\n\r\n \/* Gradient border ring on hover (keeps 12px radius perfectly) *\/\r\n .year-box::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:12px;\r\n padding:1px; \/* ring thickness *\/\r\n background: linear-gradient(217.63deg, #456F46 0%, #FFFFFF 50.45%, #D7E128 99.93%);\r\n \/* carve out the center so only the ring shows *\/\r\n -webkit-mask:\r\n linear-gradient(#000 0 0) content-box,\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition: opacity .25s ease;\r\n pointer-events:none;\r\n }\r\n .year-box:hover::after{ opacity:1; }\r\n\r\n @media (max-width:640px){\r\n .year-grid{ grid-template-columns:repeat(2, 140px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"year-grid\">\r\n <div class=\"year-box\">2021-22<\/div>\r\n\r\n <\/div>\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-fe88b55 e-con-full e-flex e-con e-child\" data-id=\"fe88b55\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bbc29f animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"0bbc29f\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight"}\" 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=\"1024\" height=\"1024\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1024x1024.png\" class=\"elementor-animation-float attachment-large size-large wp-image-923\" alt=\"\" srcset=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1024x1024.png 1024w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-300x300.png 300w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-150x150.png 150w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-768x768.png 768w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd-1536x1536.png 1536w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/38fb4d17bca01d54b51b639124d98feabd8e80fd.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e999312 e-con-full e-flex e-con e-child\" data-id=\"e999312\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cb995c8 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"cb995c8\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/youtu.be\\\/hrG6vvRRHbQ","animation":"fadeInUp","background_play_on_mobile":"yes"}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\"><\/div>\n\t\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-340a133 e-flex e-con-boxed e-con e-child\" data-id=\"340a133\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-be85088 e-con-full e-flex e-con e-child\" data-id=\"be85088\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-372b197 elementor-widget elementor-widget-image\" data-id=\"372b197\" 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 loading=\"lazy\" decoding=\"async\" width=\"199\" height=\"56\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-2487.png\" class=\"attachment-large size-large wp-image-337\" alt=\"\" \/>\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-566581b elementor-widget elementor-widget-html\" data-id=\"566581b\" 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 <title>Footer Menu<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link \r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n .site-footer {\r\n padding: 24px 0;\r\n }\r\n .footer-nav ul {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n justify-content: center;\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 400;\r\n font-style: normal;\r\n font-size: 16px;\r\n line-height: 26px;\r\n letter-spacing: 0%;\r\n }\r\n .footer-nav li {\r\n position: relative;\r\n }\r\n \/* dot separator between items *\/\r\n .footer-nav li + li::before {\r\n content: \"\u00b7\";\r\n margin: 0 12px;\r\n color: #fff;\r\n line-height: 26px;\r\n }\r\n .footer-nav a {\r\n color: #fff;\r\n text-decoration: none;\r\n }\r\n .footer-nav a:hover {\r\n text-decoration: underline;\r\n }\r\n @media (max-width: 480px) {\r\n .footer-nav ul {\r\n font-size: 14px;\r\n line-height: 22px;\r\n }\r\n .footer-nav li + li::before {\r\n margin: 0 8px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n\r\n <footer class=\"site-footer\">\r\n <nav class=\"footer-nav\">\r\n <ul>\r\n <li><a href=\"\/\">Home<\/a><\/li>\r\n <li><a href=\"\/about\">About<\/a><\/li>\r\n <li><a href=\"\/companies\">Companies<\/a><\/li>\r\n <li><a href=\"\/facilities\">Facilities<\/a><\/li>\r\n <li><a href=\"\/contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/footer>\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-1cb796f elementor-widget elementor-widget-html\" data-id=\"1cb796f\" 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.0\"\/>\r\n <title>Request for Brochure Button<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* Scoped + timing vars *\/\r\n .rfb-scope { \r\n --t: .45s; \r\n --ease: cubic-bezier(.22,.61,.36,1);\r\n display: inline-block; \r\n }\r\n\r\n .rfb-scope .rfb-btn {\r\n appearance: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n \/* keep content above bg layers *\/\r\n position: relative;\r\n z-index: 0;\r\n overflow: hidden;\r\n\r\n border: 1px solid #CFCFCF;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n color: #FFFFFF;\r\n\r\n \/* padding from your spec *\/\r\n padding-top: 16px;\r\n padding-right: 32px;\r\n padding-bottom: 16px;\r\n padding-left: 32px;\r\n\r\n \/* transitions *\/\r\n transition: \r\n filter var(--t) var(--ease),\r\n box-shadow var(--t) var(--ease),\r\n transform .05s ease;\r\n\r\n \/* text (default) *\/\r\n font-family: \"Space Grotesk\", sans-serif;\r\n font-weight: 400; \/* Regular *\/\r\n font-size: 18px;\r\n line-height: 28px;\r\n letter-spacing: 0;\r\n text-align: center;\r\n vertical-align: middle;\r\n background: none; \/* backgrounds handled by ::before\/::after *\/\r\n }\r\n\r\n \/* Default background layer *\/\r\n .rfb-scope .rfb-btn::before,\r\n .rfb-scope .rfb-btn::after {\r\n content:\"\";\r\n position:absolute; inset:0;\r\n z-index: 0; \/* behind label *\/\r\n transition: opacity var(--t) var(--ease);\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n }\r\n .rfb-scope .rfb-btn::before {\r\n background-image: url(\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png\");\r\n opacity: 1;\r\n }\r\n \/* Hover background layer *\/\r\n .rfb-scope .rfb-btn::after {\r\n background-image: url(\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png\");\r\n opacity: 0;\r\n }\r\n\r\n \/* Label above bg layers *\/\r\n .rfb-scope .rfb-label {\r\n position: relative; \r\n z-index: 1; \r\n color:#FFFFFF;\r\n pointer-events: none; \/* ensures hover stays on button *\/\r\n }\r\n\r\n \/* Hover\/focus: crossfade and bump weight to 500 (Medium) *\/\r\n .rfb-scope .rfb-btn:hover::after,\r\n .rfb-scope .rfb-btn:focus-visible::after { opacity: 1; }\r\n .rfb-scope .rfb-btn:hover::before,\r\n .rfb-scope .rfb-btn:focus-visible::before { opacity: 0; }\r\n\r\n .rfb-scope .rfb-btn:hover,\r\n .rfb-scope .rfb-btn:focus-visible { filter: brightness(0.96); }\r\n .rfb-scope .rfb-btn:hover .rfb-label,\r\n .rfb-scope .rfb-btn:focus-visible .rfb-label {\r\n font-weight: 500; \/* Medium on hover *\/\r\n }\r\n\r\n .rfb-scope .rfb-btn:active { transform: translateY(1px); }\r\n .rfb-scope .rfb-btn:focus-visible {\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(154, 198, 255, .8);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"rfb-scope\">\r\n <button class=\"rfb-btn\" type=\"button\" aria-label=\"Request for Brochure\">\r\n <span class=\"rfb-label\">Request for Brochure<\/span>\r\n <\/button>\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<div class=\"elementor-element elementor-element-7298a07 e-con-full e-flex e-con e-child\" data-id=\"7298a07\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caa2994 elementor-widget elementor-widget-html\" data-id=\"caa2994\" 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 <title>Company Address<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400;700&display=swap\"\r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n\r\n .company-address {\r\n text-align: right;\r\n white-space: pre-line; \/* preserves single line break *\/\r\n }\r\n\r\n .company-name {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 26px;\r\n color: #D7DE27;\r\n margin: 0; \/* reset default paragraph margin *\/\r\n }\r\n\r\n .company-details {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 400;\r\n font-size: 16px;\r\n line-height: 26px;\r\n color: #FAFAFA;\r\n margin: 0; \/* reset default paragraph margin *\/\r\n }\r\n \/* Tablet & below: align left *\/\r\n@media (max-width: 1024px) {\r\n .company-address {\r\n text-align: left; \/* use 'start' if you might support RTL: text-align: start; *\/\r\n }\r\n}\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"company-address\">\r\n <p class=\"company-name\">Verdant Stationery\u00a0Pvt.\u00a0Ltd.<\/p>\r\n <p class=\"company-details\">RS 14\/1A, Kolavennu (V), Kankipadu (M),\r\n Krishna District, Andhra Pradesh 521 151. INDIA<\/p>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce9b92 elementor-widget elementor-widget-html\" data-id=\"2ce9b92\" 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 <title>Email Link<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link \r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n .email-link {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 400;\r\n font-style: normal;\r\n font-size: 16px;\r\n line-height: 26px;\r\n letter-spacing: 0%;\r\n color: #FAFAFA;\r\n text-decoration: none;\r\n }\r\n .email-link:hover {\r\n text-decoration: underline;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a href=\"mailto:hello@verdantgroup.co.in\" class=\"email-link\">\r\n hello@verdantgroup.co.in\r\n <\/a>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d5a331 elementor-widget elementor-widget-html\" data-id=\"6d5a331\" 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 <title>Website Link<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link \r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@600&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n .website-link {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 600;\r\n font-style: normal;\r\n font-size: 16px;\r\n line-height: 26px;\r\n letter-spacing: 0%;\r\n color: #FAFAFA;\r\n text-decoration: none;\r\n }\r\n .website-link:hover {\r\n text-decoration: underline;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a href=\"https:\/\/www.verdantgroup.co.in\" class=\"website-link\" target=\"_blank\" rel=\"noopener\">\r\n www.verdantgroup.co.in\r\n <\/a>\r\n<\/body>\r\n<\/html>\r\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\t\t<div class=\"elementor-element elementor-element-9d5cafb elementor-widget elementor-widget-spacer\" data-id=\"9d5cafb\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb29f69 e-flex e-con-boxed e-con e-child\" data-id=\"bb29f69\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-83a16d4 e-con-full e-flex e-con e-child\" data-id=\"83a16d4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adc1312 elementor-widget elementor-widget-html\" data-id=\"adc1312\" 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 <title>Footer Copyright & Links<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link \r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n .footer-legal {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 400;\r\n font-style: normal;\r\n font-size: 14px;\r\n line-height: 22px;\r\n letter-spacing: 0%;\r\n color: #DEE1E6;\r\n text-align: center;\r\n padding: 16px 0;\r\n }\r\n .footer-legal a {\r\n color: #DEE1E6;\r\n text-decoration: none;\r\n margin: 0 8px;\r\n }\r\n .footer-legal a:hover {\r\n text-decoration: underline;\r\n }\r\n .footer-legal .separator {\r\n margin: 0 8px;\r\n color: #DEE1E6;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n\r\n <footer class=\"footer-legal\">\r\n \u00a9 2025 Verdant Stationery\u00a0Pvt.\u00a0Ltd.\r\n <span class=\"separator\">\u00b7<\/span>\r\n <a href=\"\/privacy\">Privacy<\/a>\r\n <span class=\"separator\">\u00b7<\/span>\r\n <a href=\"\/terms\">Terms<\/a>\r\n <\/footer>\r\n\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-3de0a22 e-con-full e-flex e-con e-child\" data-id=\"3de0a22\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ce1541 elementor-shape-circle e-grid-align-right elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"9ce1541\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-f9169ea\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">X-twitter<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-x-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-03da899\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-0431a37\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-3fddd41\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\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\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 Precise Text over SVG Mask Achievements &Awards Best Manufacturer Award Best Manufacturer Award For the Year… <a href=\"https:\/\/verdantgroup.co.in\/index.php\/awards\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Awards<\/span><\/a><\/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":{"_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-877","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/877","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=877"}],"version-history":[{"count":247,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/877\/revisions"}],"predecessor-version":[{"id":5437,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/877\/revisions\/5437"}],"wp:attachment":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}