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-2f51480 e-con-full e-flex e-con e-child\" data-id=\"2f51480\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-159eb43 elementor-widget elementor-widget-image\" data-id=\"159eb43\" 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-c1bfc1f e-grid e-con-full e-con e-child\" data-id=\"c1bfc1f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d423020 e-con-full e-flex e-con e-child\" data-id=\"d423020\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a261d76 elementor-widget elementor-widget-html\" data-id=\"a261d76\" 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\/certifications\/\" class=\"qcx-sublink\">Certifications<\/a>\r\n <\/li>\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 <\/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-7cbbe0f e-con-full hero e-flex e-con e-child\" data-id=\"7cbbe0f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f956224 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"f956224\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3def8d1 elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"3def8d1\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div id=\"verdant-carousel\" class=\"carousel\">\n\t <div class=\"slides\">\n\t \n\t <div class=\"slide\">\n\t <video class=\"main\" autoplay muted loop playsinline>\n\t <source src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/WhatsApp-Video-2025-08-15-at-09.25.57_40246fa3.mp4\" type=\"video\/mp4\">\n\t Your browser does not support the video tag.\n\t <\/video>\n\t <img decoding=\"async\" class=\"overlay\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3-1.png\" alt=\"Overlay 1\">\n\t <\/div>\n\n\t \n\t <div class=\"slide\">\n\t <img decoding=\"async\" class=\"main\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/54c31c679f25df4c87e9981b5b43e0da0396e21e-scaled.jpg\" alt=\"Slide 2\">\n\t <img decoding=\"async\" class=\"overlay\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-4.png\" alt=\"Overlay 2\">\n\t <\/div>\n\n\t \n\t <div class=\"slide\">\n\t <img decoding=\"async\" class=\"main\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/KPH_4064-2.png\" alt=\"Slide 3\">\n\t <img decoding=\"async\" class=\"overlay\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-5.png\" alt=\"Overlay 3\">\n\t <\/div>\n\n\t \n\t <div class=\"slide\">\n\t <img decoding=\"async\" class=\"main\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/acf57b7bbaee81ad32b0995b24d129fa1ad62a41-scaled.png\" alt=\"Slide 4\">\n\t <img decoding=\"async\" class=\"overlay\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-6.png\" alt=\"Overlay 4\">\n\t <\/div>\n\n\t \n\t <div class=\"slide\">\n\t <img decoding=\"async\" class=\"main\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/54c31c679f25df4c87e9981b5b43e0da0396e21e-scaled.jpg\" alt=\"Slide 5\">\n\t <img decoding=\"async\" class=\"overlay\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-7.png\" alt=\"Overlay 5\">\n\t <\/div>\n\t <\/div>\n\t<\/div>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-daa58ab e-con-full e-flex e-con e-child\" data-id=\"daa58ab\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-66847f2 e-con-full e-flex e-con e-child\" data-id=\"66847f2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93d1202 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"93d1202\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400;600&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n \/* Show the carousel only on \u22641024px (tablet & mobile) *\/\r\n .mobile-only{ display:none; }\r\n @media (max-width:1024px){ .mobile-only{ display:block; } }\r\n\r\n .ic-wrap{\r\n --radius: 16px;\r\n --shadow: 0 10px 24px rgba(0,0,0,.08);\r\n\r\n \/* Indicators (beacons) *\/\r\n --beacon-inactive: rgba(0,0,0,.28);\r\n --beacon-active: #D7DE27; \/* active only *\/\r\n --beacon-glow: rgba(215,222,39,.85);\r\n\r\n \/* Make wrapper fill container and center the viewport *\/\r\n width:100%;\r\n display:grid;\r\n place-items:center;\r\n padding: 0 12px; \/* gutter on small screens *\/\r\n box-sizing:border-box;\r\n\r\n position: relative;\r\n margin: 20px auto;\r\n font-family: \"Host Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n }\r\n\r\n .ic-viewport{\r\n overflow:hidden;\r\n border-radius:var(--radius);\r\n position:relative;\r\n transition: width .35s cubic-bezier(.22,.61,.36,1);\r\n max-width:100%; \/* never exceed container *\/\r\n }\r\n\r\n .ic-track{\r\n display:flex;\r\n will-change:transform;\r\n transition:transform .5s cubic-bezier(.22,.61,.36,1);\r\n touch-action:pan-y;\r\n }\r\n\r\n .ic-slide{\r\n flex:0 0 100%;\r\n position:relative;\r\n display:flex; align-items:center; justify-content:center;\r\n }\r\n\r\n \/* Natural sizing; scales down if needed *\/\r\n .ic-slide img{\r\n display:block;\r\n width:auto; height:auto; max-width:100%;\r\n aspect-ratio:auto; object-fit:initial; object-position:center;\r\n user-select:none; -webkit-user-drag:none;\r\n }\r\n\r\n \/* Beacons (indicators) *\/\r\n .ic-beacons{\r\n position:absolute; left:0; right:0; bottom:30px;\r\n z-index:6;\r\n display:flex; gap:8px; align-items:center; justify-content:center;\r\n }\r\n .ic-beacon{\r\n width:10px; height:10px; border-radius:999px;\r\n background: var(--beacon-inactive);\r\n border:none; padding:0; cursor:pointer;\r\n opacity:.85;\r\n transition: transform .2s ease, opacity .2s ease, box-shadow .2s ease, background .2s ease;\r\n box-shadow: 0 0 0 2px rgba(0,0,0,.12) inset; \/* subtle inner ring only *\/\r\n }\r\n .ic-beacon:hover{ opacity:.95; transform:scale(1.08); }\r\n .ic-beacon[aria-selected=\"true\"]{\r\n background: var(--beacon-active);\r\n opacity:1; transform:scale(1.2);\r\n box-shadow:\r\n 0 0 0 2px rgba(215,222,39,.45) inset,\r\n 0 0 16px 6px var(--beacon-glow);\r\n }\r\n\r\n \/* A11y focus *\/\r\n .ic-wrap :focus-visible{ outline:2px solid #D7DE27; outline-offset:2px; }\r\n\r\n \/* Extra small phones *\/\r\n @media (max-width:480px){\r\n .ic-wrap{ --radius:12px; padding: 0 10px; }\r\n .ic-beacons{ bottom:30px; gap:7px; }\r\n .ic-beacon{ width:9px; height:9px; }\r\n }\r\n<\/style>\r\n\r\n<div class=\"ic-wrap mobile-only\" data-autoplay=\"4500\" aria-roledescription=\"carousel\" tabindex=\"0\">\r\n <div class=\"ic-viewport\" aria-live=\"polite\">\r\n <div class=\"ic-track\">\r\n <div class=\"ic-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873231-scaled.png\" alt=\"Slide 1\"><\/div>\r\n <div class=\"ic-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873232-scaled.png\" alt=\"Slide 2\"><\/div>\r\n <div class=\"ic-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873233-scaled.png\" alt=\"Slide 3\"><\/div>\r\n <div class=\"ic-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873234-scaled.png\" alt=\"Slide 4\"><\/div>\r\n <div class=\"ic-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873235-scaled.png\" alt=\"Slide 5\"><\/div>\r\n <\/div>\r\n <div class=\"ic-beacons\" role=\"tablist\" aria-label=\"Slides\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n document.querySelectorAll('.ic-wrap').forEach(initCarousel);\r\n\r\n function initCarousel(root){\r\n const viewport = root.querySelector('.ic-viewport');\r\n const track = root.querySelector('.ic-track');\r\n const beaconsEl = root.querySelector('.ic-beacons');\r\n\r\n let slidesAll = Array.from(track.children); \/\/ real slides only\r\n if (slidesAll.length < 1) return;\r\n\r\n \/\/ Seamless loop clones\r\n const firstClone = slidesAll[0].cloneNode(true);\r\n const lastClone = slidesAll[slidesAll.length-1].cloneNode(true);\r\n firstClone.setAttribute('aria-hidden','true');\r\n lastClone.setAttribute('aria-hidden','true');\r\n track.append(firstClone);\r\n track.prepend(lastClone);\r\n\r\n let index = 1; \/\/ start on first real slide\r\n let transitioning = false;\r\n let autoplayMs = parseInt(root.dataset.autoplay, 10) || 0;\r\n let autoplayId = null;\r\n\r\n \/\/ Build beacons\r\n beaconsEl.innerHTML = '';\r\n slidesAll.forEach((_, i) => {\r\n const b = document.createElement('button');\r\n b.className = 'ic-beacon';\r\n b.setAttribute('role','tab');\r\n b.setAttribute('aria-label', 'Go to slide ' + (i+1));\r\n b.addEventListener('click', () => goTo(i+1));\r\n beaconsEl.appendChild(b);\r\n });\r\n\r\n function toRealIndex(fullIdx){\r\n let r = fullIdx - 1;\r\n if (r < 0) r = slidesAll.length - 1;\r\n if (r >= slidesAll.length) r = 0;\r\n return r;\r\n }\r\n\r\n \/\/ Make viewport width responsive to container (and image natural width)\r\n function containerWidth(){\r\n const cs = getComputedStyle(root);\r\n const padX = parseFloat(cs.paddingLeft) + parseFloat(cs.paddingRight);\r\n return Math.max(220, root.clientWidth - padX); \/\/ min width safety\r\n }\r\n function clampViewportWidthFor(idx){\r\n const realIdx = toRealIndex(idx);\r\n const img = slidesAll[realIdx].querySelector('img');\r\n if (!img) return;\r\n const natural = img.naturalWidth || img.width || containerWidth();\r\n const maxAllowed = containerWidth(); \/\/ <= container width on mobile\r\n viewport.style.width = Math.min(natural, maxAllowed) + 'px';\r\n }\r\n\r\n function setTransform(noAnim=false){\r\n if(noAnim) track.style.transition = 'none';\r\n const x = -index * 100;\r\n track.style.transform = `translate3d(${x}%,0,0)`;\r\n if(noAnim){ void track.offsetWidth; track.style.transition = ''; }\r\n const realIdx = toRealIndex(index);\r\n [...beaconsEl.children].forEach((d, i) =>\r\n d.setAttribute('aria-selected', i === realIdx ? 'true' : 'false')\r\n );\r\n }\r\n\r\n function next(){ if(!transitioning){ index++; clampViewportWidthFor(index); animate(); } }\r\n function prev(){ if(!transitioning){ index--; clampViewportWidthFor(index); animate(); } } \/\/ used by swipe\r\n function goTo(iOneBased){ if(!transitioning){ index = iOneBased; clampViewportWidthFor(index); animate(); } }\r\n function animate(){ transitioning = true; setTransform(); }\r\n\r\n track.addEventListener('transitionend', () => {\r\n if (index === slidesAll.length + 1){ index = 1; setTransform(true); clampViewportWidthFor(index); }\r\n if (index === 0){ index = slidesAll.length; setTransform(true); clampViewportWidthFor(index); }\r\n transitioning = false;\r\n });\r\n\r\n \/\/ Swipe \/ drag\r\n let startX = 0, dx = 0, dragging = false;\r\n const threshold = () => Math.max(30, viewport.clientWidth * 0.08);\r\n function onDown(e){ if(transitioning) return; dragging = true; dx=0; startX = (e.touches?e.touches[0].clientX:e.clientX); track.style.transition='none'; clearAutoplay(); }\r\n function onMove(e){ if(!dragging) return; const x = (e.touches?e.touches[0].clientX:e.clientX); dx = x - startX; const pct = (dx\/viewport.clientWidth)*100; const base = -index*100; track.style.transform = `translate3d(${base+pct}%,0,0)`; }\r\n function onUp(){ if(!dragging) return; dragging=false; track.style.transition=''; if (Math.abs(dx) > threshold()){ (dx<0?next:prev)(); } else { setTransform(); startAutoplay(); } }\r\n viewport.addEventListener('pointerdown', onDown);\r\n window.addEventListener('pointermove', onMove);\r\n window.addEventListener('pointerup', onUp);\r\n viewport.addEventListener('touchstart', onDown, {passive:true});\r\n viewport.addEventListener('touchmove', onMove, {passive:true});\r\n window.addEventListener('touchend', onUp);\r\n\r\n \/\/ Keyboard (optional)\r\n root.addEventListener('keydown', (e)=>{ if(e.key==='ArrowRight'){e.preventDefault(); next();} if(e.key==='ArrowLeft'){e.preventDefault(); prev();} });\r\n\r\n \/\/ Autoplay (pause on hover\/focus)\r\n function startAutoplay(){ if(!autoplayMs) return; clearAutoplay(); autoplayId = setInterval(next, autoplayMs); }\r\n function clearAutoplay(){ if(autoplayId){ clearInterval(autoplayId); autoplayId=null; } }\r\n root.addEventListener('mouseenter', clearAutoplay);\r\n root.addEventListener('mouseleave', startAutoplay);\r\n root.addEventListener('focusin', clearAutoplay);\r\n root.addEventListener('focusout', startAutoplay);\r\n\r\n \/\/ Recompute on resize & orientation change\r\n window.addEventListener('resize', ()=> clampViewportWidthFor(index));\r\n window.addEventListener('orientationchange', ()=> clampViewportWidthFor(index));\r\n slidesAll.forEach(slide=>{\r\n const img = slide.querySelector('img');\r\n if (img && !img.complete){ img.addEventListener('load', ()=> clampViewportWidthFor(index), {once:true}); }\r\n });\r\n\r\n \/\/ Init\r\n clampViewportWidthFor(index);\r\n setTransform(true);\r\n startAutoplay();\r\n }\r\n})();\r\n<\/script>\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 class=\"elementor-element elementor-element-5d27819 elementor-widget elementor-widget-shortcode\" data-id=\"5d27819\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@700&display=swap');\n\n .gh-heading-wrapper{\n display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;\n }\n .gh-tagline{\n font-family:'Space Grotesk',sans-serif;font-weight:700;font-style:normal;\n font-size:clamp(2rem,6vw,80.18px);\n line-height:1.095;\n text-align:center;\n background:radial-gradient(278.68% 509.59% at -15.86% -72.44%,#D7DE27 0%,#3E5F49 48.32%,#00282B 100%);\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;\n padding:0 20px;box-sizing:border-box;display:inline-block;position:relative;\n white-space:nowrap; \/* desktop\/laptop unchanged *\/\n }\n .gh-line1,.gh-line2{display:inline-block}\n .gh-break{display:block;height:0;line-height:0}\n .gh-caret{display:inline-block;width:2px;height:1em;margin-left:2px;background:#D7E128;animation:gh-caret-blink 1s step-start infinite;vertical-align:-0.12em}\n @keyframes gh-caret-blink{0%,49%{opacity:1}50%,100%{opacity:0}}\n\n .gh-line{\n margin-top:30px;width:1067px;height:0;border-top:5px solid;\n border-image-source:linear-gradient(90deg,#FFFFFF 0%,#D7E128 50%,#FFFFFF 100%);\n border-image-slice:1;opacity:1;\n }\n @media (max-width:1100px){.gh-line{width:90%}}\n\n \/* ===== MOBILE-ONLY OVERRIDES (do not affect desktop\/laptop\/tablet) ===== *\/\n @media (max-width: 480px){\n .gh-heading-wrapper{ padding:24px 10px; }\n .gh-tagline{\n display:block; width:100%; max-width:100%;\n white-space:normal; \/* let container cap to viewport *\/\n padding:0 6px;\n font-size:clamp(1.15rem,9.5vw,32px);\n overflow:hidden; \/* avoid flicker during JS fit *\/\n }\n .gh-line1,.gh-line2{ white-space:nowrap; } \/* keep each line to one row *\/\n .gh-line{ width:84vw; border-top-width:3px; margin-top:18px; }\n .gh-caret{ width:1.4px; height:0.9em; }\n }\n\n @media (max-width: 360px){\n .gh-tagline{ font-size:clamp(1.05rem,10.5vw,28px); }\n .gh-line{ width:82vw; border-top-width:2px; margin-top:16px; }\n .gh-caret{ width:1.2px; height:0.88em; }\n }\n <\/style>\n \n <div class='gh-heading-wrapper' data-gh-init='0' data-gh-started='0'>\n <div class='gh-tagline' aria-label='Redefining Stationery Products for India & Beyond.'\n data-animate='1' data-speed='60'\n data-min='24' data-max='80'>\n <span class='gh-line1' data-text='Redefining Stationery Products'><\/span><br class='gh-break' \/>\n <span class='gh-line2' data-text='for India & Beyond.'><\/span><span class='gh-caret' aria-hidden='true'><\/span>\n <\/div>\n <div class='gh-line'><\/div>\n <\/div>\n \n <script>\n (function(){\n function fitTwoLines(tag){\n var minFS = parseInt(tag.getAttribute('data-min'), 10) || 24;\n var maxFS = parseInt(tag.getAttribute('data-max'), 10) || 80;\n\n var cs = window.getComputedStyle(tag);\n var fs = Math.min(parseFloat(cs.fontSize) || maxFS, maxFS);\n\n var l1 = tag.querySelector('.gh-line1');\n var l2 = tag.querySelector('.gh-line2');\n if(!l1 || !l2) return;\n\n var t1 = l1.getAttribute('data-text') || '';\n var t2 = l2.getAttribute('data-text') || '';\n var prev1 = l1.textContent, prev2 = l2.textContent;\n l1.textContent = t1;\n l2.textContent = t2;\n\n var limit = 200;\n while (limit-- > 0 && fs > minFS && (l1.scrollWidth > tag.clientWidth || l2.scrollWidth > tag.clientWidth)) {\n fs -= 1;\n tag.style.fontSize = fs + 'px';\n }\n\n l1.textContent = prev1;\n l2.textContent = prev2;\n }\n\n function typeTwoLines(tag){\n var animate = tag.getAttribute('data-animate') !== '0';\n var speed = parseInt(tag.getAttribute('data-speed'), 10) || 60;\n var l1 = tag.querySelector('.gh-line1');\n var l2 = tag.querySelector('.gh-line2');\n var caret = tag.querySelector('.gh-caret');\n if (!l1 || !l2) return;\n\n var t1 = l1.getAttribute('data-text') || '';\n var t2 = l2.getAttribute('data-text') || '';\n\n \/\/ Respect reduced motion\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (!animate || reduce) {\n l1.textContent = t1;\n l2.textContent = t2;\n if (caret) { caret.style.animation = 'none'; caret.style.opacity = '0.6'; }\n return;\n }\n\n l1.textContent = '';\n l2.textContent = '';\n\n var spaceMul = 1.6; \/\/ slower on spaces\n var pauseBetween = 300; \/\/ pause before line 2 (ms)\n\n (function tick1(i){\n if (i <= t1.length){\n l1.textContent = t1.slice(0, i);\n var prev = t1.charAt(i-1);\n setTimeout(function(){ tick1(i+1); }, (prev === ' ')? Math.round(speed*spaceMul) : speed);\n } else {\n setTimeout(function(){ \/\/ pause, then second line\n (function tick2(j){\n if (j <= t2.length){\n l2.textContent = t2.slice(0, j);\n var prev2 = t2.charAt(j-1);\n setTimeout(function(){ tick2(j+1); }, (prev2 === ' ')? Math.round(speed*spaceMul) : speed);\n } else {\n if (caret) { caret.style.animation = 'none'; caret.style.opacity = '0.6'; }\n }\n })(0);\n }, pauseBetween);\n }\n })(0);\n }\n\n function startForWrapper(wrap){\n if (!wrap || wrap.getAttribute('data-gh-started') === '1') return;\n wrap.setAttribute('data-gh-started','1');\n\n var tag = wrap.querySelector('.gh-tagline');\n if (!tag) return;\n\n fitTwoLines(tag);\n typeTwoLines(tag);\n }\n\n function initGH(){\n var wraps = document.querySelectorAll('.gh-heading-wrapper[data-gh-init=\"0\"]');\n wraps.forEach(function(w){\n w.setAttribute('data-gh-init','1');\n\n \/\/ If IntersectionObserver is available, trigger when in view\n if ('IntersectionObserver' in window){\n var io = new IntersectionObserver(function(entries, obs){\n entries.forEach(function(entry){\n if (entry.isIntersecting){\n startForWrapper(entry.target);\n obs.unobserve(entry.target); \/\/ one-time trigger\n }\n });\n }, {\n root: null,\n threshold: 0.35, \/\/ ~35% visible\n rootMargin: '0px 0px -10% 0px' \/\/ start slightly before full view\n });\n io.observe(w);\n } else {\n \/\/ Fallback: simple scroll check\n function onScroll(){\n var rect = w.getBoundingClientRect();\n var vh = window.innerHeight || document.documentElement.clientHeight;\n if (rect.top < vh * 0.65 && rect.bottom > vh * 0.35){\n startForWrapper(w);\n window.removeEventListener('scroll', onScroll);\n window.removeEventListener('resize', onScroll);\n }\n }\n window.addEventListener('scroll', onScroll, { passive: true });\n window.addEventListener('resize', onScroll);\n onScroll(); \/\/ initial check\n }\n\n \/\/ Keep text fitting if container resizes (after it has started)\n if (window.ResizeObserver){\n var ro = new ResizeObserver(function(){\n if (w.getAttribute('data-gh-started') === '1'){\n var tag = w.querySelector('.gh-tagline');\n if (tag) fitTwoLines(tag);\n }\n });\n ro.observe(w);\n } else {\n window.addEventListener('resize', function(){\n if (w.getAttribute('data-gh-started') === '1'){\n var tag = w.querySelector('.gh-tagline');\n if (tag) fitTwoLines(tag);\n }\n });\n }\n });\n }\n\n if (document.readyState === 'loading'){\n document.addEventListener('DOMContentLoaded', initGH);\n } else {\n initGH();\n }\n })();\n <\/script>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0a1308 e-con-full e-flex e-con e-child\" data-id=\"a0a1308\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f94465c e-flex e-con-boxed e-con e-child\" data-id=\"f94465c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-89b0685 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"89b0685\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInLeft"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7f1fc2 elementor-widget elementor-widget-image\" data-id=\"f7f1fc2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"521\" height=\"883\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/r_n_about_img.jpg.png\" class=\"attachment-large size-large wp-image-3326\" alt=\"\" srcset=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/r_n_about_img.jpg.png 521w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/r_n_about_img.jpg-177x300.png 177w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/>\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-f367ec0 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"f367ec0\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c6f9bd elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"3c6f9bd\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight"}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n <style>\r\n .tv-heading-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n \/\/ padding: 30px 20px;\r\n }\r\n\r\n .tv-tagline {\r\n font-family: 'Hind', sans-serif; \/* Replace with Host Grotesk if available *\/\r\n font-weight: 500;\r\n font-style: normal;\r\n font-size: clamp(24px, 4vw, 32px);\r\n line-height: 51.02px;\r\n letter-spacing: 0;\r\n text-align: center;\r\n color: #92A282;\r\n vertical-align: middle;\r\n \/\/ padding: 0 20px;\r\n box-sizing: border-box;\r\n }\r\n <\/style>\r\n \r\n <div class='tv-heading-wrapper'>\r\n <div class='tv-tagline'>The Vision<\/div>\r\n <\/div>\r\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1687ca elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d1687ca\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<div class=\"pp-wrap\">\r\n <h1 class=\"pp-heading\">\r\n <span class=\"pp-1\">Purposeful Stationery.<\/span><br>\r\n <span class=\"pp-2\">Thoughtfully Designed.<\/span><br>\r\n <span class=\"pp-3\">Globally Relevant.<\/span>\r\n <\/h1>\r\n<\/div>\r\n\r\n<style>\r\n .pp-wrap{ \/* keeps styles scoped *\/\r\n display:block;\r\n \/* text-align:center; uncomment if you want it centered *\/\r\n }\r\n\r\n .pp-heading{\r\n margin:0;\r\n font-family: \"Host Grotesk\", sans-serif;\r\n font-weight: 700; \/* Bold *\/\r\n font-style: normal; \/* \u201cBold\u201d is handled by weight *\/\r\n font-size: 48px;\r\n line-height: 58px;\r\n letter-spacing: 0.01em; \/* ~1% (letter-spacing doesn\u2019t accept %) *\/\r\n \/* leading-trim: none; non-standard: left as comment *\/\r\n }\r\n\r\n .pp-heading .pp-1{\r\n color: #849B40; \/* Paper with Purpose. *\/\r\n vertical-align: middle; \/* harmless here *\/\r\n }\r\n\r\n .pp-heading .pp-2{\r\n color: #456F46; \/* Progress by Design. *\/\r\n vertical-align: middle;\r\n }\r\n\r\n .pp-heading .pp-3{\r\n color: #0C4C44; \/* Progress by Design. *\/\r\n vertical-align: middle;\r\n }\r\n\r\n \/* Optional: make smaller on tiny screens *\/\r\n @media (max-width: 640px){\r\n .pp-heading{ font-size: 34px; line-height: 42px; }\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c103d27 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"c103d27\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verdant envisions a world where high-quality, sustainable stationery is accessible to all\u2014across schools, offices, and creative spaces. We are committed to democratising design and utility through products that are affordable, ethically made, and innovation-driven. With FSC-certified sourcing, recyclable materials, and a strong community focus, our brand stands for more than just paper\u2014it stands for responsible growth, shared progress and global ambition. Whether serving a classroom in rural India or a corporate office overseas, Verdant bridges legacy with impact, craft with conscience and vision with value.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f37645 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"1f37645\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":300}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"tc-cards-container\">\n\t\t<div class=\"tc-card\" role=\"group\" tabindex=\"0\" aria-label=\"Global Ambition\">\n\t\t\t<div class=\"image-wrap\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group.png\" class=\"default-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-1.png\" class=\"hover-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t<\/div>\n\t\t\t<h3>Global Ambition<\/h3>\n\t\t\t<p>Bridges international growth with innovation and impactful contributions at home.<\/p>\n\t\t<\/div>\n\t\t<div class=\"tc-card\" role=\"group\" tabindex=\"0\" aria-label=\"Sustainability First\">\n\t\t\t<div class=\"image-wrap\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-2.png\" class=\"default-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-3.png\" class=\"hover-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t<\/div>\n\t\t\t<h3>Sustainability First<\/h3>\n\t\t\t<p>FSC-certified sourcing and recyclable materials define ethical manufacturing.<\/p>\n\t\t<\/div>\n\t\t<div class=\"tc-card\" role=\"group\" tabindex=\"0\" aria-label=\"Shared Future\">\n\t\t\t<div class=\"image-wrap\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-4.png\" class=\"default-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-5.png\" class=\"hover-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t<\/div>\n\t\t\t<h3>Shared Future<\/h3>\n\t\t\t<p>Deliver finest paper products that serve students, professionals & institutions across tiers.<\/p>\n\t\t<\/div><\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20bde42 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"20bde42\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":400}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"km-scope\">\r\n <button class=\"simple-btn\" type=\"button\">\r\n <span class=\"bg\" aria-hidden=\"true\"><\/span>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\">\r\n <path d=\"M3 12h13\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <path d=\"M12 5l7 7-7 7\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <span class=\"label\">Know More<\/span>\r\n <\/button>\r\n<\/div>\r\n\r\n<style>\r\n .km-scope .simple-btn{\r\n \/* unified radius *\/\r\n --r: 4px;\r\n\r\n box-sizing:border-box;\r\n width:178px; height:60px; padding:16px 24px;\r\n border-radius: var(--r);\r\n border:1px solid transparent; \/* avoids layout shift *\/\r\n overflow:hidden; isolation:isolate; \/* clip children to radius *\/\r\n position:relative;\r\n\r\n background:#507A7C !important;\r\n color:#fff !important;\r\n display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500; font-size:18px; line-height:28px; letter-spacing:0;\r\n }\r\n\r\n \/* background image layer \u2014 inherits radius so corners stay rounded *\/\r\n .km-scope .simple-btn .bg{\r\n position:absolute; inset:0; pointer-events:none; z-index:0;\r\n background:url(\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png\") center\/cover no-repeat;\r\n opacity:0; transition:opacity .55s cubic-bezier(.22,.61,.36,1);\r\n border-radius: inherit;\r\n }\r\n\r\n .km-scope .simple-btn:hover .bg{ opacity:1; }\r\n .km-scope .simple-btn:hover{ border-color:#D7DE27; } \/* rounded yellow border *\/\r\n\r\n \/* keep content above, stay white *\/\r\n .km-scope .simple-btn .label,\r\n .km-scope .simple-btn .icon{ position:relative; z-index:1; color:#fff !important; }\r\n .km-scope .simple-btn .icon path{ stroke:#fff !important; }\r\n\r\n \/* optional: if Elementor forces square corners, un-comment the next line *\/\r\n \/* .km-scope .simple-btn{ border-radius:4px !important; } *\/\r\n<\/style>\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>\n\t\t<div class=\"elementor-element elementor-element-b9a359a e-con-full animated-slow elementor-hidden-mobile elementor-hidden-tablet e-flex elementor-invisible e-con e-child\" data-id=\"b9a359a\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient","animation":"slideInUp"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c47eb61 elementor-widget elementor-widget-spacer\" data-id=\"c47eb61\" 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-3187fb3 elementor-widget elementor-widget-shortcode\" data-id=\"3187fb3\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n \n <div class=\"carousel-a\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Verdant highlights carousel\" tabindex=\"0\">\n <div class=\"slides-inner-a\">\n \n <div class=\"custom-slide\">\n <div class=\"slide-text\">\n <h1>Legacy<\/h1>\n <h2>The Verdant Story<\/h2>\n <p class=\"verdant-paragraph\">\n The story of Verdant traces back to 1973, when<br>\n Mr. H. Rathnakar Thyagaraj laid the foundation with JC United\u2014a<br>\n humble publicity printing press in South India. From<br>\n printing cine posters on walls to becoming a trusted<br>\n partner for printing, packaging, and institutional supply,<br>JC\n United stood for craftsmanship, reliability, and quiet<br>\n excellence in everything it produced.\n <\/p>\n <div class=\"verdant-card\">\n <p class=\"verdant-card-text\">\n <span class=\"verdant-card-regular\">Founded in <\/span>\n <span class=\"verdant-card-bold\">1973<\/span>\n <span class=\"verdant-card-regular\"> by<\/span>\n <\/p>\n <p class=\"verdant-founder-name\">H. Rathnakar Thyagaraj<\/p>\n <p class=\"verdant-founder-desc\">\n JC United began with large poster printing and<br>\n grew into a full-service offset unit.\n <\/p>\n <\/div>\n \n <a class=\"verdant-button next-btn\" href=\"#\">\n <span class=\"arrow\">→<\/span> Next\n <\/a>\n <\/div>\n <div class=\"slide-image\">\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618871980-3.png\" alt=\"Verdant Founder Portrait\" class=\"verdant-slide-image normal\"\/>\n <\/div>\n <\/div>\n\n \n <div class=\"custom-slide\">\n <div class=\"slide-text_2\">\n <h2 class=\"legacy-title\">Legacy Continues...<\/h2>\n\n <p class=\"verdant-paragraph\">\n Decades later, that same spirit of purpose and precision was carried forward by the next generation.\n In 2008, <span class=\"hl\">Mr. Dinakar Thyagaraj<\/span>, taking the baton from his father, founded JC Stationery Pvt. Ltd.\u2014a focused venture to serve India\u2019s growing demand for institutional stationery and educational supplies.\n Built on a vision of innovation and integrity, JC Stationery quickly earned its place in schools, government programs, and social initiatives.\n <\/p>\n\n <p class=\"verdant-paragraph\">\n As the demand grew, so did the need for scale, sustainability, and a sharper brand identity.\n This led to the transformation of JC Stationery into what we now know as\n <span class=\"hl\">Verdant Stationery\u00a0Pvt.\u00a0Ltd.<\/span>\u2014a name that reflects growth, greatness, and global readiness.\n <\/p>\n\n <p class=\"verdant-paragraph\">\n Today, Verdant stands as one of India\u2019s largest integrated paper and stationery manufacturers, based in Andhra Pradesh and serving both domestic and international markets.\n With eco-conscious processes, innovative product lines, and a deep-rooted commitment to people, Verdant continues to write a legacy defined not just by output, but by impact.\n <\/p>\n\n <p class=\"quote-line\">\n Because for us, legacy isn\u2019t only what we inherit\u2014<br\/>\n it\u2019s what we create sustainably, one page at a time.\n <\/p>\n <\/div>\n\n <div class=\"slide-image_2\">\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873221.png\" alt=\"Key Leadership Image\" class=\"verdant-slide-image\"\/>\n <\/div>\n <\/div>\n <\/div>\n\n \n <button type=\"button\" class=\"carousel-nav prev\" aria-label=\"Previous slide\">\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873184.png\" alt=\"Previous\"\/>\n <\/button>\n <button type=\"button\" class=\"carousel-nav next\" aria-label=\"Next slide\">\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873185.png\" alt=\"Next\"\/>\n <\/button>\n \n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/about-us\/\" class=\"carousel-nav redirect-next\" aria-label=\"Go to About Us\">\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873185-1.png\" alt=\"Go to About Us\"\/>\n <\/a>\n <\/div>\n\n <style>\n .carousel-a {\n position: relative; width: 100%; max-width: 1368px; height: 680px; margin: 40px auto;\n border-radius: 24px; overflow: hidden;\n background: radial-gradient(310.58% 565.7% at -30.15% -105.1%, #D7DE27 0%, #3E5F49 33.32%, #00282B 100%);\n }\n .slides-inner-a {\n display: flex; width: 200%; height: 100%;\n transform: translateX(0%); \/* start on slide 0 *\/\n transition: transform .5s ease-in-out; \/* smooth manual transitions *\/\n }\n\n .custom-slide { flex: 0 0 100%; display: flex; height: 100%; box-sizing: border-box; }\n .slide-text, .slide-text_2 { padding: 0 60px 0 60px; display: flex; flex-direction: column; justify-content: center; }\n\n \/* Slide 2: lock to 33% \/ 67% split on desktop *\/\n .custom-slide .slide-text_2 { width: 33%; flex: 0 0 30%; }\n .custom-slide .slide-image_2 { width: 67%; flex: 0 0 25%; position: relative; left: -107px; }\n\n .slide-text h1, .slide-text_2 h1 {\n font-family: \"Host Grotesk\", sans-serif; font-weight: 500; font-size: 32px; color: #fff; margin: 0 0 -5px;\n }\n .slide-text h2, .slide-text_2 h2 {\n font-family: \"Host Grotesk\", sans-serif; font-weight: 700; font-size: 48px; line-height: 58px; letter-spacing: .01em;\n color: #D7DE27; text-shadow: 0 2px 9.6px rgba(0,0,0,0.25); margin-top: 10px;\n }\n .legacy-title { color:#D7DE27; } \/* slide 2 heading color *\/\n\n .verdant-paragraph {\n font-family: \"Space Grotesk\", sans-serif; font-weight: 400; font-size: 17px; line-height: 30px; color: #fff;\n }\n .slide-text_2 .verdant-paragraph{ margin-bottom: 0px; }\n .slide-text_2 quote-line{ margin-bottom: 0px; }\n\n .hl { color:#D7DE27; font-weight:600; } \/* highlight key names\/phrases *\/\n .quote-line {\n font-family: \"Space Grotesk\", sans-serif; font-weight: 700; font-size: 17px; line-height: 30px;\n color:#D7DE27; margin: 24px 0 0;\n }\n\n .verdant-card, .verdant-card_2 {\n width: 100%; max-width: 580px; background: rgba(255,255,255,0.05);\n border-left: 7px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 20px;\n box-shadow: 0 2px 9.6px rgba(0,0,0,0.25); box-sizing: border-box;\n }\n .verdant-card { max-width:396px; }\n .verdant-card-text { font-family: \"Host Grotesk\", sans-serif; font-weight: 400; font-size: 16px; color: #fff; margin: 0 0 8px; }\n .verdant-card-bold { font-weight: 600; }\n .verdant-founder-name { font-family: \"Host Grotesk\", sans-serif; font-weight: 600; font-size: 24px; color: #D7DE27; margin: 6px 0 0; }\n .verdant-founder-desc { font-family: \"Host Grotesk\", sans-serif; font-weight: 300; font-size: 16px; color: #fff; margin: 8px 0 0; }\n\n .verdant-button {\n display:inline-flex; align-items:center; justify-content:center; gap:8px;\n width:188px; height:60px; padding:16px 32px; font-family:\"Space Grotesk\",sans-serif; font-weight:500; font-size:18px;\n background:#507A7C; color:#fff; border:none; border-radius:4px; margin-top:35px; text-decoration:none; transition:background .3s,color .3s;\n }\n .verdant-button:hover { background:#D7DE27; color:#00282B; }\n .verdant-button .arrow { font-size:18px; transition: transform .3s; }\n .verdant-button:hover .arrow { transform: translateX(3px); }\n\n \/* ---------- NAV BUTTON STYLE + ENTRANCE ANIMATION ---------- *\/\n .carousel-nav {\n position:absolute; top:50%; transform:translate(0,-50%);\n background:none; border:none; padding:0; width:auto; height:auto; cursor:pointer; z-index:6;\n opacity:.9; transition: transform .35s cubic-bezier(.22,.61,.36,1), filter .35s, opacity .35s;\n }\n .carousel-nav img { width:42px; height:42px; display:block; pointer-events:none; }\n .carousel-nav.prev { left:0; }\n .carousel-nav.next { right:0; }\n .carousel-nav.redirect-next { right:0; } \/* ensure right edge *\/\n .carousel-nav.hidden { display:none !important; }\n\n \/* Hover\/Active micro-interactions *\/\n .carousel-nav:hover { transform: translate(0,-50%) scale(1.06); filter: drop-shadow(0 8px 22px rgba(215,222,39,.35)); opacity:1; }\n .carousel-nav:active { transform: translate(0,-50%) scale(.98); filter: drop-shadow(0 4px 10px rgba(215,222,39,.25)); }\n\n \/* Slide 2 right redirect arrow size *\/\n .carousel-a .redirect-next img { width:122px; height:65px; }\n\n \/* Pop-in animations when they appear *\/\n @keyframes navInLeft {\n from { opacity:0; transform: translate(-14px,-50%) scale(.94); }\n to { opacity:1; transform: translate(0,-50%) scale(1); }\n }\n @keyframes navInRight {\n from { opacity:0; transform: translate(14px,-50%) scale(.94); }\n to { opacity:1; transform: translate(0,-50%) scale(1); }\n }\n .carousel-nav.pop-in-left { animation: navInLeft .45s cubic-bezier(.22,.61,.36,1); }\n .carousel-nav.pop-in-right { animation: navInRight .45s cubic-bezier(.22,.61,.36,1); }\n\n \/* Gentle attention pulse for the redirect arrow (only runs briefly when shown) *\/\n @keyframes pulseY {\n 0% { transform: translate(0,-50%) scale(1); filter: drop-shadow(0 0 0 rgba(215,222,39,0)); }\n 50% { transform: translate(0,-50%) scale(1.06); filter: drop-shadow(0 10px 24px rgba(215,222,39,.35)); }\n 100% { transform: translate(0,-50%) scale(1); filter: drop-shadow(0 0 0 rgba(215,222,39,0)); }\n }\n .carousel-nav.pulse-3 { animation: pulseY 1.6s ease-in-out 0s 3; }\n\n \/* ---------- HOVER IMAGE FADE OVERLAY ---------- *\/\n .slide-image, .slide-image_2 { align-items:flex-end; justify-content:flex-end; overflow:hidden; position:relative; }\n .verdant-slide-image { width:100%; height:100%; object-fit:cover; display:block; }\n .fade-img{\n position:absolute; inset:0;\n width:100%; height:100%; object-fit:cover;\n opacity:0; transition:opacity .6s ease-in-out; pointer-events:none;\n }\n .fade-img.show{ opacity:1; }\n\n \/* Mobile: stack full width *\/\n @media (max-width: 768px) {\n .custom-slide { flex-direction: column; height: auto; }\n .slide-text, .slide-text_2 { padding: 30px; text-align: center; align-items: center; margin: 0; }\n .custom-slide .slide-text_2,\n .custom-slide .slide-image_2 { width: 100%; flex-basis: 100%; left: 0; }\n .slide-image { height: 300px; }\n .verdant-slide-image { height: 100%; }\n .carousel-nav img { width:32px; height:32px; }\n .carousel-a .redirect-next img { width:110px; height:72px; } \/* slight downsize on mobile *\/\n }\n <\/style>\n\n <script>\n (function(){\n function clamp(v, min, max){ return Math.max(min, Math.min(max, v)); }\n\n function initCarousel(carousel){\n var slidesInner = carousel.querySelector('.slides-inner-a');\n var slides = carousel.querySelectorAll('.custom-slide');\n var btnPrev = carousel.querySelector('.carousel-nav.prev');\n var btnNext = carousel.querySelector('.carousel-nav.next');\n var redirectNext = carousel.querySelector('.redirect-next'); \/\/ right arrow link for slide 2\n if (!slidesInner || slides.length < 2 || !btnPrev || !btnNext) return;\n\n var idx = 0; \/\/ 0 = first, 1 = second\n\n function popIn(el, side){\n if(!el) return;\n el.classList.remove('hidden','pop-in-left','pop-in-right','pulse-3');\n \/\/ reflow so animation restarts\n void el.offsetWidth;\n el.classList.add(side === 'left' ? 'pop-in-left' : 'pop-in-right');\n \/\/ remove class at end to keep DOM clean\n el.addEventListener('animationend', function(){ el.classList.remove('pop-in-left','pop-in-right'); }, {once:true});\n }\n function popOut(el){ if(el) el.classList.add('hidden'); }\n\n function updateArrows(){\n if (idx === 0){\n popOut(btnPrev);\n popIn(btnNext,'right');\n popOut(redirectNext);\n } else {\n popIn(btnPrev,'left');\n popOut(btnNext);\n popIn(redirectNext,'right');\n if (redirectNext){\n \/\/ brief attention pulse (3 times) when it appears\n void redirectNext.offsetWidth;\n redirectNext.classList.add('pulse-3');\n }\n }\n }\n\n function goTo(i){\n idx = clamp(i, 0, slides.length - 1);\n slidesInner.style.transform = 'translateX(-' + (idx * 100) + '%)';\n updateArrows();\n }\n\n btnPrev.addEventListener('click', function(e){\n e.preventDefault(); e.stopPropagation();\n goTo(idx - 1); \/\/ 1 -> 0\n });\n\n btnNext.addEventListener('click', function(e){\n e.preventDefault(); e.stopPropagation();\n goTo(idx + 1); \/\/ 0 -> 1\n });\n\n \/\/ Make the \"Next\" text button on slide 1 also go to slide 2\n var textNextBtn = carousel.querySelector('.next-btn');\n if (textNextBtn){\n textNextBtn.addEventListener('click', function(e){\n e.preventDefault();\n goTo(1);\n });\n }\n\n \/\/ ====== Image hover swaps with smooth fade (no src sticking) ======\n function setupFadeHover(baseImg, hoverSrc){\n var container = baseImg.closest('.slide-image, .slide-image_2') || baseImg.parentElement;\n if (!container) return;\n\n \/\/ Create or reuse overlay\n var overlay = container.querySelector('img.fade-img');\n if (!overlay){\n overlay = new Image();\n overlay.className = 'fade-img';\n container.appendChild(overlay);\n }\n overlay.src = hoverSrc;\n\n \/\/ Preload\n var pre = new Image(); pre.src = hoverSrc;\n\n function show(){ overlay.classList.add('show'); }\n function hide(){ overlay.classList.remove('show'); }\n\n container.addEventListener('mouseenter', show);\n container.addEventListener('mouseleave', hide);\n container.addEventListener('focusin', show);\n container.addEventListener('focusout', hide);\n\n \/\/ Touch: brief reveal\n container.addEventListener('touchstart', function(){ show(); setTimeout(hide, 700); }, {passive:true});\n }\n\n \/\/ Slide 1 hover\n var img1 = carousel.querySelector('.custom-slide:first-child .slide-image img.verdant-slide-image');\n if (img1){\n setupFadeHover(img1, 'https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873220.png');\n }\n\n \/\/ Slide 2 hover\n var img2 = carousel.querySelector('.custom-slide:nth-child(2) .slide-image_2 img.verdant-slide-image');\n if (img2){\n setupFadeHover(img2, 'https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873222.png');\n }\n\n \/\/ Initial state\n goTo(0);\n }\n\n document.addEventListener('DOMContentLoaded', function(){\n document.querySelectorAll('.carousel-a').forEach(initCarousel);\n });\n })();\n <\/script>\n\n \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b58d664 e-con-full animated-slow elementor-hidden-desktop e-flex elementor-invisible e-con e-child\" data-id=\"b58d664\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient","animation":"slideInUp"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5d694 elementor-widget elementor-widget-html\" data-id=\"5a5d694\" 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>Two Slides \u2014 Verdant Story<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@300;400;500;600;700&family=Space+Grotesk:wght@400&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n :root{\r\n --bg-img: url('https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Component-71-1.png');\r\n --bottom-img-h: 225.59988403320312px;\r\n --glow:#D7DE27;\r\n --ink:#E7F0EB;\r\n --radius:28px;\r\n --s2-btn-w: 150px; \/* width of image CTA on slide 2 *\/\r\n }\r\n\r\n .slider{ width: auto; overflow-x:auto; display:flex; gap:16px;\r\n scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }\r\n .slide{ scroll-snap-align:center; flex:0 0 100%; }\r\n\r\n .card{\r\n position:relative; isolation:isolate;\r\n background: var(--bg-img) center\/cover no-repeat;\r\n border-radius:var(--radius);\r\n padding:24px;\r\n min-height:640px;\r\n padding-bottom: calc(24px + var(--bottom-img-h) + 12px);\r\n }\r\n\r\n .tag{\r\n font-family:'Host Grotesk', sans-serif; font-weight:500; font-style:normal;\r\n font-size:16.26px; line-height:34.57px; letter-spacing:0; color:#FFF;\r\n display:block; margin:0 0 4px 0;\r\n }\r\n\r\n .vrdntTitle{\r\n font-family:'Host Grotesk', sans-serif; font-weight:700; font-style:normal;\r\n font-size:24.4px; line-height:1; letter-spacing:0.244px; color:var(--glow);\r\n display:block; margin:0 0 20px 0;\r\n }\r\n\r\n .copy{\r\n font-family:'Space Grotesk', sans-serif; font-weight:400; font-style:normal;\r\n font-size:11.52px; line-height:21.68px; letter-spacing:0; color:#FFF;\r\n margin:0 0 18px 0;\r\n }\r\n\r\n .callout{\r\n margin-top:16px; border-radius:14px; background:#00000026;\r\n border:1px solid #ffffff30; border-left:4.74px solid #FFFFFF40;\r\n padding:16px 16px 16px 20px; position:relative; backdrop-filter:saturate(120%) blur(2px);\r\n }\r\n .callout h4{\r\n margin:0 0 8px 0; font-family:'Host Grotesk', sans-serif; font-weight:400; font-style:normal;\r\n font-size:16.26px; line-height:1; letter-spacing:0; color:#FFF;\r\n }\r\n .callout h4 .who{\r\n display:block; margin-top:18px; font-family:'Host Grotesk', sans-serif; font-weight:600;\r\n font-style:normal; font-size:24.97px; line-height:19.68px; letter-spacing:0; color:var(--glow);\r\n }\r\n .callout p{\r\n margin:0; font-family:'Host Grotesk', sans-serif; font-weight:300; font-style:normal;\r\n font-size:16.26px; line-height:23.72px; letter-spacing:0; color:#FFF;\r\n }\r\n\r\n .footer-area{ position:absolute; left:0; right:0; bottom:0; }\r\n .founder-wrap{ position:absolute; left:0; right:0; bottom:0; height:var(--bottom-img-h); }\r\n .founder-row{\r\n position:absolute; left:0; right:0; bottom:0;\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:0 20px; height:var(--bottom-img-h); gap:12px;\r\n }\r\n .founder-photo{\r\n width:237.85714721679688px; height:225.59988403320312px;\r\n object-fit:contain; object-position:left bottom; display:block; filter:grayscale(100%);\r\n }\r\n\r\n \/* Slide 1 \"Next\" button *\/\r\n .btn-next{\r\n display:inline-flex; align-items:center; justify-content:center; gap:6px;\r\n width:83.56776428222656px; height:40.68498229980469px; padding:10.84px 16.26px;\r\n border-radius:2.71px; background:#507A7C; opacity:1; border:1px solid #ffffff26;\r\n color:#EAF2EE; text-decoration:none; font-weight:600; white-space:nowrap; outline:none;\r\n }\r\n .btn-next .arrow{ width:16px; height:16px; border-radius:50%; display:grid; place-items:center; }\r\n .btn-next .arrow::before{ content:\"\"; width:5px; height:5px; border-right:2px solid var(--ink);\r\n border-top:2px solid var(--ink); transform:rotate(45deg); display:block; }\r\n .btn-next:focus-visible{ box-shadow:0 0 0 2px #EAF2EE66, 0 0 0 4px #507A7C; }\r\n\r\n \/* ---------- Slide 2 specifics ---------- *\/\r\n .s2-head{\r\n font-family:'Host Grotesk', sans-serif; font-weight:700; font-style:italic;\r\n font-size:24.4px; line-height:1; letter-spacing:0.244px; color:var(--glow);\r\n margin:0 0 14px 0;\r\n }\r\n .s2-copy{\r\n font-family:'Space Grotesk', sans-serif; font-weight:400; font-size:11.52px; line-height:21.68px; color:#FFF;\r\n margin:0 0 14px 0;\r\n }\r\n .s2-copy .emph{ color:#9BD4A9; font-weight:600; }\r\n .s2-copy .strong{ color:#CFEA7A; font-weight:700; }\r\n .s2-quote{\r\n margin-top:10px; font-family:'Host Grotesk', sans-serif; font-weight:600;\r\n font-size:12.6px; line-height:20px; color:#BEEA50;\r\n }\r\n\r\n \/* Image-based \"Know More\" button (now sits BESIDE the image, in the bottom row) *\/\r\n .btn-know-img{ display:inline-block; line-height:0; flex:0 0 auto; }\r\n .btn-know-img img{ display:block; width:var(--s2-btn-w); height:auto; }\r\n .btn-know-img:focus-visible{ outline:2px solid #CFEA7A; outline-offset:2px; }\r\n\r\n \/* --------------- Responsive --------------- *\/\r\n @media (max-width: 420px){\r\n :root{ --bottom-img-h: clamp(140px, 36vw, 225.59988403320312px);\r\n --s2-btn-w: clamp(110px, 34vw, 150px); }\r\n\r\n .vrdntTitle, .s2-head{ font-size: clamp(20px, 6.2vw, 24.4px); }\r\n\r\n \/* Slide 1 founder photo stays guarded by fixed Next width *\/\r\n .founder-photo{\r\n max-width: calc(100vw - 20px - 83.56776428222656px - 12px - 20px);\r\n width: min(237.85714721679688px, calc(100vw - 20px - 83.56776428222656px - 12px - 20px));\r\n height:auto; max-height: var(--bottom-img-h);\r\n }\r\n\r\n \/* Slide 2: allow for variable CTA width *\/\r\n #slide2 .founder-photo{\r\n max-width: calc(100vw - 20px - var(--s2-btn-w) - 12px - 20px);\r\n width: min(237.85714721679688px, calc(100vw - 20px - var(--s2-btn-w) - 12px - 20px));\r\n height:auto; max-height: var(--bottom-img-h);\r\n }\r\n\r\n .card{ padding:20px; }\r\n }\r\n @media (max-width: 340px){\r\n :root{ --bottom-img-h: clamp(120px, 42vw, 225.59988403320312px); }\r\n }\r\n @media (max-height: 720px){\r\n .card{ min-height:min(640px, 90vh); }\r\n }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"slider\" id=\"slider\">\r\n \r\n <section class=\"slide\">\r\n <article class=\"card\">\r\n <div class=\"tag\">Legacy<\/div>\r\n\r\n <h1 class=\"vrdntTitle\">The Verdant Story<\/h1>\r\n\r\n <p class=\"copy\">\r\n The story of Verdant traces back to 1973, when\r\n H. Rathnakar Thyagaraj laid the foundation with JC United \u2014\r\n a humble publicity printing press in South India.\r\n <\/p>\r\n <p class=\"copy\">\r\n From printing cine posters on walls to becoming a trusted\r\n partner for printing, packaging, and institutional supply,\r\n JC United stood for craftsmanship, reliability, and quiet\r\n excellence in everything it produced.\r\n <\/p>\r\n\r\n <div class=\"callout\">\r\n <h4>Founded in <strong>1973<\/strong> by <span class=\"who\">H. Ratnakar Thyagaraj<\/span><\/h4>\r\n <p>JC United began with large poster printing and grew into a full-service offset unit.<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-area\">\r\n <div class=\"founder-wrap\">\r\n <div class=\"founder-row\">\r\n <img decoding=\"async\" class=\"founder-photo\"\r\n src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618871980-1-1.png\"\r\n alt=\"Founder portrait\"\/>\r\n <a href=\"#slide2\" class=\"btn-next\" id=\"nextBtn\" aria-label=\"Next slide\">\r\n <span>Next<\/span><span class=\"arrow\" aria-hidden=\"true\"><\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/section>\r\n\r\n \r\n <section class=\"slide\" id=\"slide2\">\r\n <article class=\"card\">\r\n <div class=\"tag\">Legacy<\/div>\r\n <h2 class=\"s2-head\">Legacy <span style=\"font-style:italic\">Continues\u2026<\/span><\/h2>\r\n\r\n <p class=\"s2-copy\">\r\n Decades later, that same spirit of purpose and precision was\r\n carried forward by the next generation. In 2008,\r\n <span class=\"emph\">Mr. Dinakar Thyagaraj<\/span>, taking the baton from his father,\r\n founded JC Stationery Pvt. Ltd.\u2014a focused venture to serve\r\n India's growing demand for institutional stationery and\r\n educational supplies. Built on a vision of innovation and\r\n integrity, JC Stationery quickly earned its place in schools,\r\n government programs, and social initiatives.\r\n <\/p>\r\n\r\n <p class=\"s2-copy\">\r\n As the demand grew, so did the need for scale, sustainability,\r\n and a sharper brand identity. This led to the transformation of\r\n JC Stationery into what we now know as\r\n <span class=\"strong\">Verdant Paper Products Pvt. Ltd.<\/span>\u2014a name that reflects\r\n growth, greatness, and global readiness.\r\n <\/p>\r\n\r\n <p class=\"s2-copy\">\r\n Today, Verdant stands as one of India\u2019s largest integrated paper and\r\n stationery manufacturers, based in Andhra Pradesh and serving both\r\n domestic and international markets. With eco-conscious processes,\r\n innovative product lines, and a deep-rooted commitment to people,\r\n Verdant continues to write a legacy defined not just by output, but\r\n by impact.\r\n <\/p>\r\n\r\n <p class=\"s2-quote\">\r\n Because for us, legacy isn\u2019t only what we inherit\u2014 it\u2019s what we\r\n create sustainably, one page at a time.\r\n <\/p>\r\n\r\n <div class=\"footer-area\">\r\n <div class=\"founder-wrap\">\r\n <div class=\"founder-row\">\r\n \r\n <img decoding=\"async\" class=\"founder-photo\"\r\n src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/09\/Frame-1618873051.png\"\r\n alt=\"Leader portrait\"\/>\r\n \r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/about-us\/\" class=\"btn-know-img\" aria-label=\"Know More\">\r\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873185-2.png\" alt=\"Know More\"\/>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/section>\r\n <\/div>\r\n\r\n<script>\r\n const slide2 = document.getElementById('slide2');\r\n document.getElementById('nextBtn').addEventListener('click', (e)=>{\r\n e.preventDefault();\r\n slide2.scrollIntoView({behavior:'smooth', inline:'start', block:'nearest'});\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-2c611a1 e-con-full e-flex e-con e-child\" data-id=\"2c611a1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6dca3bd e-con-full e-flex e-con e-child\" data-id=\"6dca3bd\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cced5cc elementor-widget elementor-widget-html\" data-id=\"cced5cc\" 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>Business Scale & Operations<\/title>\r\n \r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@700&display=swap\"\r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n .business-scale-heading {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 48px;\r\n line-height: 58px;\r\n letter-spacing: 1%;\r\n text-align: center;\r\n vertical-align: middle;\r\n color: #001316;\r\n margin: 0;\r\n }\r\n \/* Mobile: align left *\/\r\n@media (max-width: 768px) {\r\n .business-scale-heading {\r\n text-align: left; \/* or 'start' if you need RTL support *\/\r\n }\r\n}\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h2 class=\"business-scale-heading\">\r\n Business Scale & Operations\r\n <\/h2>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cb8b9c elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"1cb8b9c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verdant operates on a vertically integrated model that combines large-scale manufacturing with the agility to handle both institutional contracts and customised orders. Backed by a growing workforce, state-of-the-art facilities, and a diverse portfolio of SKUs, Verdant’s operations are built for performance, adaptability, and long-term growth.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f189f4 e-grid e-con-full e-con e-child\" data-id=\"0f189f4\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a6219f7 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"a6219f7\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInDown","animation_delay":1}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0be603 elementor-widget elementor-widget-html\" data-id=\"b0be603\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">400+<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Total Workforce<\/p>\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-3e16d45 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3e16d45\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInDown","animation_delay":600}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0849730 elementor-widget elementor-widget-html\" data-id=\"0849730\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">1100+<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Active SKUs<\/p>\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-3a65ee1 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3a65ee1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInDown","animation_delay":1200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5623e8c elementor-widget elementor-widget-html\" data-id=\"5623e8c\" 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>Stats with Unit Styling<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n width: 268.3728942871094px;\r\n }\r\n\r\n \/* \u201c3000+\u201d in big gradient *\/\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n \/* \u201cMT\u201d unit styling *\/\r\n .stat-large .unit {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 500;\r\n font-size: 24px;\r\n line-height: 32px;\r\n letter-spacing: 0%;\r\n vertical-align: middle;\r\n margin-left: 4px; \/* small spacing from the number *\/\r\n\r\n \/* solid gray color for the unit *\/\r\n background: #737373;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n \/* Divider *\/\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: linear-gradient(\r\n 180deg,\r\n #FFFFFF 0%,\r\n rgba(255, 255, 255, 0) 17.34%\r\n );\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n \/* \u201cTotal Workforce\u201d in solid green *\/\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">\r\n 6000+<span class=\"unit\">MT<\/span>\r\n <\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Monthly Production Capacity<\/p>\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-1ae9cae e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"1ae9cae\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInDown","animation_delay":1800}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79277a6 elementor-widget elementor-widget-html\" data-id=\"79277a6\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">4200+<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Average Order Value<\/p>\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-987b75f e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"987b75f\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInUp","animation_delay":300}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4889e2 elementor-widget elementor-widget-html\" data-id=\"f4889e2\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">2<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Operational Plants<\/p>\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-98793de e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"98793de\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInUp","animation_delay":900}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5655947 elementor-widget elementor-widget-html\" data-id=\"5655947\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">70%<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Capacity Utilization<\/p>\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-ff4f7a6 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"ff4f7a6\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInUp","animation_delay":1500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77aec9b elementor-widget elementor-widget-html\" data-id=\"77aec9b\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">2<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Business Units<\/p>\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-6f14c5c e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex elementor-invisible e-con e-child\" data-id=\"6f14c5c\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInUp","animation_delay":2100}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-640c14f elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"640c14f\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">25%<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">New Product Revenue<\/p>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90c490a e-con-full e-flex e-con e-child\" data-id=\"90c490a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-93606da e-con-full e-flex e-con e-child\" data-id=\"93606da\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6ebeb6c e-flex e-con-boxed e-con e-child\" data-id=\"6ebeb6c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-91f188d e-con-full e-flex e-con e-child\" data-id=\"91f188d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a622dc elementor-widget elementor-widget-html\" data-id=\"1a622dc\" 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>Verdant\u2019s Core Product Portfolio<\/title>\r\n \r\n \r\n\r\n <style>\r\n .portfolio-heading {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-style: normal;\r\n font-size: 48px;\r\n line-height: 58px;\r\n letter-spacing: 1%;\r\n vertical-align: middle;\r\n margin: 0;\r\n }\r\n\r\n .portfolio-heading .core {\r\n color: #ffffff;\r\n }\r\n\r\n .portfolio-heading .portfolio-text {\r\n color: #C7CA96;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body> \r\n <h1 class=\"portfolio-heading\">\r\n <span class=\"core\">Verdant\u2019s Core<\/span> <br>\r\n <span class=\"portfolio-text\">Product Portfolio<\/span>\r\n <\/h1>\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-1ecad32 e-con-full e-flex e-con e-child\" data-id=\"1ecad32\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da9ed5b elementor-widget elementor-widget-text-editor\" data-id=\"da9ed5b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verdant offers a comprehensive range of high-quality eco-friendly Stationery\u00a0and\u00a0Paper products tailored for institutions, corporates, private labels, and international markets. Each product line seamlessly blends functionality, sustainability, and customization, enabling us to meet the unique needs of diverse customers while upholding our commitment to design, durability, and eco-conscious manufacturing.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1721a7 e-flex e-con-boxed e-con e-child\" data-id=\"d1721a7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-63a4eb1 e-con-full e-flex e-con e-child\" data-id=\"63a4eb1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdee4a9 animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"fdee4a9\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":100}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-1\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-13-at-16.45.13_2629f1d3.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/79dfee19e94874c96359a14ad175973230367c95.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Student Notebooks<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Durable, high-quality notebooks for everyday classroom use.<\/li><li>Available in ruled, unruled, graph, and customized formats.<\/li><\/ul><\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3897e14 e-con-full e-flex e-con e-child\" data-id=\"3897e14\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb1d405 animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"eb1d405\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":200}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-2\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/a3fea21f7822c4133e1970f5926664d81413e78d.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/ab5535e003a633eb3444e626b7f16144fef35a7d.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Executive Stationery<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\">Premium planners, diaries, and journals for business and export use.<\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ebcddb e-con-full e-flex e-con e-child\" data-id=\"0ebcddb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ff4a59 animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"2ff4a59\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":300}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-3\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/143e88867910331fdb03c8fec987d8c4af45b34f.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/07136c447bb455894ce86eb30b05cf8c5505ff5d.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Business Copier Paper<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>A4,A3 and Legal size sheets designed for smooth, jam-free performance.<\/li><li>High-whiteness, bulk-packaged, and FSC-certified for everyday use.<\/li><\/ul><\/div>\n <\/div><\/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<div class=\"elementor-element elementor-element-c22652c e-flex e-con-boxed e-con e-child\" data-id=\"c22652c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-550ee3b e-con-full e-flex e-con e-child\" data-id=\"550ee3b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-486a39d animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"486a39d\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":400}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-4\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/0570458fce07f7592a213758f66a7191e9e93c6d.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/d03e19924a7a79d24a346e200fcb3f996419e848.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Customised Stationery<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Stationery tailored to your identity\u2014ideal for schools, events, and brands.<\/li><li>Flexible formats, personalized covers, and bulk fulfilment available.<\/li><\/ul><\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc6a423 e-con-full e-flex e-con e-child\" data-id=\"cc6a423\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e69976c animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"e69976c\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":500}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-5\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/5df92e39a173fe9ad3dab63e9808652e673e4f99.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/590c62ba7805c5b3207d5c77c5472f2864237350.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">OEM & White-Label Products<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>We manufacture high-quality stationery under your brand\u2019s label.<\/li><li>Full-service support from design to dispatch for private label partners.<\/li><\/ul><\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0607985 e-con-full e-flex e-con e-child\" data-id=\"0607985\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33bf2fa animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"33bf2fa\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":600}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-6\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-07-13-at-16.47.35_a10f2263.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/06fb803194c9451e2e36c114740fc8a0b7623878.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Contract Manufacturing<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Trusted production partner for large-scale stationery requirements. <\/li><li>Specialized in tenders, NGOs, and institutional fulfilment projects.<\/li><\/ul><\/div>\n <\/div><\/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<div class=\"elementor-element elementor-element-e38a438 e-flex e-con-boxed e-con e-child\" data-id=\"e38a438\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fc05ac6 e-con-full e-flex e-con e-child\" data-id=\"fc05ac6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de54958 animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"de54958\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":700}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-7\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/04dadb0642c455175b8e0b44f68b7695f6925225.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/c661eacb4d4125f67d6944a8b86a667134d12e77.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Corporate Promotion Gift Sets<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Branded kits that leave a lasting impression at every touchpoint for corporate gifting, events and promotions. <\/li><li>Includes notebooks, pens, planners, and accessories\u2014custom-packed.<\/li><\/ul><\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78505cb e-con-full e-flex e-con e-child\" data-id=\"78505cb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee295a9 animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"ee295a9\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":800}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-8\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/89be4597f66cd4691fe9e51195c62d808fcafdc6.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/fc5357776fe3af298c2ec6cb5c0fef065b3ab959.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Design and Branding Packs<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Create a cohesive brand presence with customized A4\/A3 kits.<\/li><li>Includes packaging, product layout, and design built to amplify identity.<\/li><\/ul><\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9891a5 e-con-full e-flex e-con e-child\" data-id=\"b9891a5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4a7d3c animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"b4a7d3c\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":900}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-9\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/7d7be79b21184fbc14dd179e30a41d242eaceb50.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/9e9db2735a4a7b2a4a3546d3fd3d7edde9d5508c.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Logistics Ready File Solutions<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Ready-to-ship file and folder systems for schools and offices.<\/li><li>Durable, stackable, and optimized for institutional bulk distribution.<\/li><\/ul><\/div>\n <\/div><\/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 class=\"elementor-element elementor-element-ef49e49 elementor-widget elementor-widget-spacer\" data-id=\"ef49e49\" 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>\n\t\t<div class=\"elementor-element elementor-element-d0efe46 e-con-full e-flex e-con e-child\" data-id=\"d0efe46\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c37bef elementor-widget elementor-widget-shortcode\" data-id=\"5c37bef\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div id=\"vis_6efa8966\" class=\"verdant-image-shortcode\" data-video=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Video-Verdant.mp4\">\n \n <div class=\"bg-video-wrap\" aria-hidden=\"true\">\n <video class=\"bg-video\" playsinline webkit-playsinline controls preload=\"metadata\" ><\/video>\n <\/div>\n\n \n <div class=\"gradient-overlay\"><\/div>\n\n \n <div class=\"vis-inner\" role=\"region\" aria-label=\"Hero content\">\n <div class=\"text-container\">\n <span class=\"line1\">Building<\/span><br><span class=\"line2\">Scale, Speed & Quality<\/span><br><span class=\"line3\">at the core with<\/span><br><span class=\"line4\">State-of-the-Art Infrastructure.<\/span> <div class=\"video-cta\">Check out Video \u2192<\/div>\n <\/div>\n\n <button class=\"play-button\" type=\"button\" aria-label=\"Play video\" title=\"Play video\"><\/button>\n <button class=\"video-close\" type=\"button\" aria-label=\"Close video\" title=\"Close\">\u00d7<\/button>\n <\/div>\n <\/div>\n\n <style>\n \/* WRAPPER (Desktop\/Laptop unchanged) *\/\n #vis_6efa8966.verdant-image-shortcode{\n position: relative;\n width: 100vw; \/* full-bleed *\/\n aspect-ratio: 1521 \/ 640;\n background: url(\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/5c633dbb58beeff5bcb9863d4b10209ee0c0cc20-scaled.jpg\") center\/cover no-repeat;\n overflow: hidden;\n border-radius: 0 0 98px 0; \/* only BR corner *\/\n left: 50%; transform: translateX(-50%); \/* center across viewport *\/\n }\n\n \/* BACKGROUND VIDEO (replaces bg image while playing) *\/\n #vis_6efa8966 .bg-video-wrap{\n position: absolute; inset: 0;\n opacity: 0; pointer-events: none;\n transition: opacity .45s ease;\n z-index: 0;\n background: #000; \/* safe bg while loading *\/\n }\n #vis_6efa8966 .bg-video{\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n background: #000;\n }\n\n \/* GRADIENT OVERLAY *\/\n #vis_6efa8966 .gradient-overlay{\n position: absolute; inset: 0;\n background: linear-gradient(270deg, rgba(0,40,43,0) 5.59%, #00282B 88.01%);\n transition: opacity .45s ease;\n pointer-events: none;\n z-index: 1;\n }\n\n \/* CONTENT BAND (centered, up to 1363px) *\/\n #vis_6efa8966 .vis-inner{\n position: absolute; top: 0; bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: min(1363px, calc(100% - 32px));\n height: 100%;\n z-index: 2;\n padding: 0 16px; \/* small side padding to avoid edge clipping on small screens *\/\n }\n\n \/* TEXT \u2014 initial state is shifted right & hidden; slides in on scroll *\/\n #vis_6efa8966 .text-container{\n position: absolute; top: 50%; left: 0;\n transform: translateY(-50%) translateX(24%); \/* start slightly to the right *\/\n width: 55%; color: #fff;\n opacity: 0;\n visibility: hidden; \/* prevents pre-reveal flash *\/\n transition:\n transform .70s cubic-bezier(.22,.61,.36,1),\n opacity .60s ease,\n visibility 0s linear .60s; \/* make visible sync with opacity *\/\n will-change: transform, opacity;\n }\n \/* When the section enters viewport (set via JS), reveal text by sliding left *\/\n #vis_6efa8966.is-inview .text-container{\n transform: translateY(-50%) translateX(0);\n opacity: 1;\n visibility: visible;\n transition-delay: 0s, 0s, 0s;\n }\n\n \/* Lines *\/\n #vis_6efa8966 .line1,\n #vis_6efa8966 .line2,\n #vis_6efa8966 .line3,\n #vis_6efa8966 .line4{\n display: block;\n font-family: 'Host Grotesk', sans-serif;\n line-height: 0.7; letter-spacing: 1%;\n font-size: 48px;\n }\n #vis_6efa8966 .line1{ font-weight: 400; color:#fff; }\n #vis_6efa8966 .line2{ font-weight: 700; color:#849B40; }\n #vis_6efa8966 .line3{ font-weight: 700; color:#fff; }\n #vis_6efa8966 .line4{ font-weight: 700; color:#C0CFC0; }\n\n #vis_6efa8966 .video-cta{\n margin-top: 3.5rem;\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 400; font-size: 18px; line-height: 1.6;\n color: rgba(255,255,255,0.75);\n }\n\n \/* PLAY BUTTON (right edge of band) *\/\n #vis_6efa8966 .play-button{\n position: absolute; top: 50%; right: 0; transform: translateY(-50%);\n width: 109px; height: 109px;\n background-color: rgba(255,255,255,0.25);\n border: 10px solid #fff; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n cursor: pointer; box-sizing: border-box;\n font-size: 36px; color: #fff;\n }\n #vis_6efa8966 .play-button::before{ content: '\u25b6'; margin-left: 2px; }\n\n \/* CLOSE BUTTON (shown only while playing) *\/\n #vis_6efa8966 .video-close{\n position: absolute; top: 14px; right: 14px;\n width: 60px; height: 60px; border-radius: 50%;\n border: 0; background: rgba(10,42,46,.6);\n color: #fff; font-size: 22px; line-height: 38px; text-align: center;\n cursor: pointer; display: none;\n }\n\n \/* PLAYING STATE *\/\n #vis_6efa8966.is-playing .bg-video-wrap{ opacity: 1; pointer-events: auto; }\n #vis_6efa8966.is-playing .gradient-overlay{ opacity: .08; } \/* set to 0 for no overlay *\/\n #vis_6efa8966.is-playing .text-container{\n transform: translateY(-50%) translateX(-120%); \/* slide out left when playing *\/\n opacity: .001;\n visibility: hidden; \/* fully hide while video plays *\/\n transition: none;\n }\n #vis_6efa8966.is-playing .play-button{ display: none; }\n #vis_6efa8966.is-playing .video-close{ display: block; }\n\n \/* Reduced motion: no slide, just show *\/\n @media (prefers-reduced-motion: reduce){\n #vis_6efa8966 .text-container{\n transition: none !important;\n transform: translateY(-50%) translateX(0) !important;\n opacity: 1 !important;\n visibility: visible !important;\n }\n }\n\n \/* =========================\n RESPONSIVE (Tablet & Mobile)\n Desktop\/Laptop remain unchanged\n ========================= *\/\n\n \/* Tablet *\/\n @media (max-width: 1024px){\n \/* Give more height on medium screens for breathing room *\/\n #vis_6efa8966.verdant-image-shortcode{\n aspect-ratio: auto; \/* override wide ratio *\/\n height: clamp(460px, 52vw, 600px);\n }\n #vis_6efa8966 .text-container{ width: 64%; transform: translateY(-50%) translateX(18%); }\n #vis_6efa8966 .line1, #vis_6efa8966 .line2, #vis_6efa8966 .line3, #vis_6efa8966 .line4{\n font-size: clamp(28px, 3.6vw, 40px);\n line-height: .85;\n }\n #vis_6efa8966 .video-cta{ font-size: 16px; margin-top: 2rem; }\n #vis_6efa8966 .play-button{ width: 90px; height: 90px; border-width: 8px; font-size: 30px; }\n }\n\n \/* Large phones \/ small tablets *\/\n @media (max-width: 768px){\n #vis_6efa8966.verdant-image-shortcode{\n aspect-ratio: auto;\n height: clamp(500px, 75vw, 640px);\n border-radius: 0 0 72px 0;\n }\n #vis_6efa8966 .gradient-overlay{\n \/* slightly stronger overlay for readability on small screens *\/\n background: linear-gradient(270deg, rgba(0,40,43,.15) 0%, #00282B 85%);\n }\n #vis_6efa8966 .text-container{\n width: 86%;\n left: 8px; \/* tuck in from the edge *\/\n transform: translateY(-50%) translateX(10%); \/* softer initial offset *\/\n }\n #vis_6efa8966.is-inview .text-container{\n transform: translateY(-50%) translateX(0);\n }\n #vis_6efa8966 .line1, #vis_6efa8966 .line2, #vis_6efa8966 .line3, #vis_6efa8966 .line4{\n font-size: clamp(22px, 5.2vw, 30px);\n line-height: .95;\n }\n #vis_6efa8966 .video-cta{ font-size: 15px; margin-top: 1.25rem; }\n \/* Move play button to bottom-right so it doesn't crowd text *\/\n #vis_6efa8966 .play-button{\n top: auto; bottom: 16px; right: 16px; transform: none;\n width: 64px; height: 64px; border-width: 6px; font-size: 22px;\n }\n #vis_6efa8966 .video-close{ width: 48px; height: 48px; font-size: 18px; }\n }\n\n \/* Phones *\/\n @media (max-width: 480px){\n #vis_6efa8966.verdant-image-shortcode{\n aspect-ratio: auto;\n height: clamp(520px, 96vw, 720px);\n border-radius: 0 0 56px 0;\n }\n #vis_6efa8966 .text-container{\n width: 92%;\n left: 6px;\n }\n #vis_6efa8966 .line1, #vis_6efa8966 .line2, #vis_6efa8966 .line3, #vis_6efa8966 .line4{\n font-size: clamp(18px, 6vw, 26px);\n }\n #vis_6efa8966 .video-cta{ font-size: 14px; }\n #vis_6efa8966 .play-button{\n width: 56px; height: 56px; border-width: 5px; font-size: 18px;\n right: 14px; bottom: 14px;\n }\n #vis_6efa8966 .video-close{ width: 44px; height: 44px; font-size: 16px; }\n }\n <\/style>\n\n <script>\n (function(){\n var root = document.getElementById('vis_6efa8966');\n if (!root) return;\n\n var play = root.querySelector('.play-button');\n var close = root.querySelector('.video-close');\n var video = root.querySelector('.bg-video');\n var src = root.getAttribute('data-video');\n\n function ensureSource(){\n if (!src) return false;\n if (!video.querySelector('source')){\n var s = document.createElement('source');\n s.src = src;\n s.type = 'video\/mp4';\n video.appendChild(s);\n video.load();\n }\n return true;\n }\n\n function start(){\n if (!ensureSource()) return;\n root.classList.add('is-playing');\n try {\n video.currentTime = 0;\n video.play().catch(function(){ \/* user gesture may be required *\/ });\n } catch(e){}\n }\n\n function stop(){\n try { video.pause(); } catch(e){}\n root.classList.remove('is-playing');\n }\n\n if (play) play.addEventListener('click', start);\n if (close) close.addEventListener('click', stop);\n if (video) video.addEventListener('ended', stop);\n\n \/\/ ESC to close only for this instance\n root.addEventListener('keydown', function(e){\n if (e.key === 'Escape' && root.classList.contains('is-playing')) stop();\n });\n \/\/ make container focusable for ESC handling on keyboard users\n root.setAttribute('tabindex','-1');\n\n \/* ===== On-scroll reveal (right \u2192 left) ===== *\/\n try {\n var hasEntered = false;\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if (entry.isIntersecting && !hasEntered){\n root.classList.add('is-inview'); \/\/ triggers CSS slide-in\n hasEntered = true;\n io.disconnect(); \/\/ run once per instance\n }\n });\n }, {\n root: null,\n threshold: 0.35, \/\/ ~35% visible before animating\n rootMargin: \"0px 0px -10% 0px\"\n });\n io.observe(root);\n } catch(err){\n \/\/ Fallback: if IO unsupported, reveal immediately after a tick\n setTimeout(function(){ root.classList.add('is-inview'); }, 50);\n }\n })();\n <\/script>\n \n<\/div>\n\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-9c4817c elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-child\" data-id=\"9c4817c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-656e73b e-con-full e-flex e-con e-child\" data-id=\"656e73b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e19c5e elementor-widget elementor-widget-html\" data-id=\"0e19c5e\" 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>Our Major Clientele<\/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\r\n <style>\r\n .clientele-heading {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 400; \/* \u201cOur Major\u201d *\/\r\n font-size: 48px;\r\n line-height: 58px;\r\n letter-spacing: 1%;\r\n vertical-align: middle;\r\n color: #0C4C44;\r\n margin: 0;\r\n padding: 0;\r\n white-space: nowrap; \/* prevent wrapping *\/\r\n }\r\n .clientele-heading .bold {\r\n font-weight: 700; \/* \u201cClientele\u201d *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"clientele-heading\">\r\n Our Major <span class=\"bold\">Clientele<\/span>\r\n <\/h1>\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-5674fa7 e-con-full e-flex e-con e-child\" data-id=\"5674fa7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8feec5a elementor-widget elementor-widget-heading\" data-id=\"8feec5a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We serve and satisfy companies that are amongst the best in the world.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30ea743 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-child\" data-id=\"30ea743\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-60b22b0 e-con-full e-flex e-con e-child\" data-id=\"60b22b0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1fa482 elementor-widget elementor-widget-shortcode\" data-id=\"b1fa482\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"vlg-grid\" role=\"list\"><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/4d2624fad1b469157d45691d6b3183cf61793cf3.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-1.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/86b59c6678e977bded6c5da2c05501be53a8b404.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-2.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/b7ec01cedcb3f0476eaf9538cb08ff285654b770.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-2.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/6174f96ea1c888d02c4e62692daca5a1f6f45fc5.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-3.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/32d6cae13a44c0ed3520f03774a57f82c9520b1e.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-4.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/34e09db17d9aad797d540f5a06ce23e9c1c2fa66.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-5.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/a1d9e7f65b343b6b64074934393ae74b574d9d54.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-6.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/a020eacb643b70e43f4f032277d3228bfdb64c37.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-7.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/0a782efa91b9b763cb5830240168e3225254f906.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-8.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/17080478580d7fa97fd7942b45b9a3aefb4f5b91.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-9.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/06dd6c3a016c5944f07b6e8e8e1864ea752b82ea.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-10.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/1756ec72bfdefc63493ac750f05c3f9f99a5ff9b.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-11.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/df7484b29ab94097bafb824e8dcf05e91e02126d.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-12.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/b5c68b711e847c0b629194482636df93aa6a500e.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-13.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/d91f6ddd7375de2cca2ab9dbb12d8cec217f11d0.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-14.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/45f535c97a76ccd36d9440acfaf20b795b973794.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-15.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/4d465454e9091123b1a5607450fd9d7b9aaff04e.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-16.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/4434e90d07e9e16bafb9ed8d47577d209f70fcfa.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><\/div><style>\n\/* Wrapper grid *\/\n.vlg-grid{\n display:grid;\n grid-template-columns:repeat(6,minmax(0,1fr));\n gap:24px;\n align-items:center;\n justify-items:center;\n margin:0 auto;\n max-width:1600px;\n}\n\n\/* Each logo cell *\/\n.vlg-item{\n position:relative;\n width:100%;\n max-width:clamp(120px,18vw,228px); \/* responsive but capped near your Figma size *\/\n aspect-ratio:228 \/ 152; \/* \u2248 original 228\u00d7151.7 box *\/\n overflow:hidden;\n}\n\n\/* Images centered & scaled inside the cell *\/\n.vlg-img{\n position:absolute;\n inset:0;\n margin:auto;\n max-width:75%;\n max-height:75%;\n object-fit:contain;\n transition:opacity .3s ease;\n display:block;\n}\n.vlg-hover{ opacity:0; }\n\n\/* Swap on hover and keyboard focus *\/\n.vlg-item:hover .vlg-default,\n.vlg-item:focus-within .vlg-default{ opacity:0; }\n.vlg-item:hover .vlg-hover,\n.vlg-item:focus-within .vlg-hover{ opacity:1; }\n\n\/* Visible focus ring for accessibility *\/\n.vlg-item:focus-visible{\n outline:2px solid #0a7;\n outline-offset:2px;\n}\n\n\/* Responsive columns *\/\n@media (max-width:1200px){\n .vlg-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }\n}\n@media (max-width:900px){\n .vlg-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }\n}\n@media (max-width:600px){\n .vlg-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }\n}\n<\/style><\/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<div class=\"elementor-element elementor-element-151aef3 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-child\" data-id=\"151aef3\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-94e4cc2 e-con-full e-flex e-con e-child\" data-id=\"94e4cc2\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a72aa14 elementor-widget elementor-widget-shortcode\" data-id=\"a72aa14\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<style>\r\n\t @import url('https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400;500;700&family=Roboto:wght@400&display=swap');\r\n\t body { background: #f2f2f0; }\r\n\r\n\t \/* Header *\/\r\n\t .client-testimonials-header {\r\n\t max-width: 1200px;\r\n\t margin: 0 auto 24px;\r\n\t display: flex;\r\n\t align-items: center;\r\n\t justify-content: space-between;\r\n\t }\r\n\t .client-testimonials-header .section-heading .part1 {\r\n\t font-family:'Host Grotesk'; font-weight:400; font-size:48px; line-height:58px; letter-spacing:1%; color:#0C4C44;\r\n\t }\r\n\t .client-testimonials-header .section-heading .part2 {\r\n\t font-family:'Host Grotesk'; font-weight:700; font-size:48px; line-height:58px; letter-spacing:1%; color:#0C4C44; margin-left:8px;\r\n\t }\r\n\t .client-testimonials-header .nav-buttons { display:flex; gap:12px; }\r\n\t .client-testimonials-header .nav-button {\r\n\t width:43.535px; height:43.535px; border:none; border-radius:21px;\r\n\t display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:24px;\r\n\t }\r\n\t .client-testimonials-header .nav-button.prev { background:#00282D; color:#fff; }\r\n\t .client-testimonials-header .nav-button.next { background:#D7E128; color:#00282D; }\r\n\r\n\t \/* Slider *\/\r\n\t .slider { max-width:1200px; margin:0 auto; overflow:hidden; }\r\n\t .slides { display:flex; transition:transform .4s ease; }\r\n\t .slide { min-width:100%; display:flex; gap:0; }\r\n\r\n\t .testimonial-card {\r\n\t background:#fff; border-radius:12px; padding:68px;\r\n\t box-shadow:0 2px 8px rgba(0,0,0,.05);\r\n\t display:flex; flex-direction:column;\r\n\t width:684px; height:401px; box-sizing:border-box;\r\n\t color: inherit;\r\n\t }\r\n\t .slide .testimonial-card:first-child {\r\n\t border-top-left-radius:24px; border-bottom-left-radius:24px;\r\n\t border-top-right-radius:0; border-bottom-right-radius:0;\r\n\t }\r\n\t .slide .testimonial-card:nth-child(2) {\r\n\t border-top-right-radius:24px; border-bottom-right-radius:24px;\r\n\t border-top-left-radius:0; border-bottom-left-radius:0;\r\n\t \/* white text on dark background *\/\r\n\t color: #fff;\r\n\t }\r\n\t .slides .slide:first-child .testimonial-card:first-child { background:#E2E0DF80; }\r\n\t .slides .slide:first-child .testimonial-card:nth-child(2) { background:#00282B; }\r\n\r\n\t .testimonial-content { display:flex; flex-direction:column; flex:1; }\r\n\r\n\t .testimonial-header {\r\n\t display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;\r\n\t }\r\n\t .testimonial-photo {\r\n\t width:91px; height:91px; border-radius:50%; object-fit:cover; flex-shrink:0;\r\n\t }\r\n\t .testimonial-info {\r\n\t flex:1; margin:0 16px; display:flex; flex-direction:column; justify-content:center;\r\n\t }\r\n\t .testimonial-name {\r\n\t font-family:'Host Grotesk'; font-weight:500; font-size:20px; line-height:100%; letter-spacing:0%; margin:0;\r\n\t }\r\n\t .testimonial-role {\r\n\t font-family:'Roboto'; font-weight:400; font-size:16px; line-height:152%; letter-spacing:0%; margin:4px 0 0;\r\n\t }\r\n\t .testimonial-icon {\r\n\t width:50px; height:50px; object-fit:contain; flex-shrink:0;\r\n\t }\r\n\r\n\t .testimonial-quote {\r\n\t font-style:italic; font-size:16px; line-height:24px;\r\n\t margin:0 0 24px; flex:1;\r\n\t }\r\n\t .testimonial-rating { display:flex; gap:4px; }\r\n\t .testimonial-rating span {\r\n\t display:inline-flex; align-items:center; justify-content:center;\r\n\t width:34px; height:34px; font-size:24px; line-height:1; color:#D7E128;\r\n\t }\r\n\t<\/style>\r\n\r\n\t<div class=\"client-testimonials-header\">\r\n\t <h2 class=\"section-heading\">\r\n\t <span class=\"part1\">Client<\/span><span class=\"part2\">Testimonials<\/span>\r\n\t <\/h2>\r\n\t <div class=\"nav-buttons\">\r\n\t <button class=\"nav-button prev\" aria-label=\"Previous\">←<\/button>\r\n\t <button class=\"nav-button next\" aria-label=\"Next\">→<\/button>\r\n\t <\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"slider\">\r\n\t <div class=\"slides\">\r\n\r\n\t \r\n\t <div class=\"slide\">\r\n\t <div class=\"testimonial-card\">\r\n\t <div class=\"testimonial-content\">\r\n\t <div class=\"testimonial-header\">\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/User.png\" alt=\"Kathleen Smith\" class=\"testimonial-photo\">\r\n\t <div class=\"testimonial-info\">\r\n\t <p class=\"testimonial-name\">Kathleen Smith<\/p>\r\n\t <p class=\"testimonial-role\">Fuel Company<\/p>\r\n\t <\/div>\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\r\n\t alt=\"Quote icon\" class=\"testimonial-icon\">\r\n\t <\/div>\r\n\t <p class=\"testimonial-quote\">\r\n\t Leverage agile frameworks to provide a robust synopsis for strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.\r\n\t <\/p>\r\n\t <div class=\"testimonial-rating\">\r\n\t <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <div class=\"testimonial-card\">\r\n\t <div class=\"testimonial-content\">\r\n\t <div class=\"testimonial-header\">\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/User.png\" alt=\"John Smith\" class=\"testimonial-photo\">\r\n\t <div class=\"testimonial-info\">\r\n\t <p class=\"testimonial-name\">John Smith<\/p>\r\n\t <p class=\"testimonial-role\">Beta Ltd.<\/p>\r\n\t <\/div>\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\r\n\t alt=\"Quote icon\" class=\"testimonial-icon\">\r\n\t <\/div>\r\n\t <p class=\"testimonial-quote\">\r\n Leverage agile frameworks to provide a robust synopsis for strategy foster collaborative thinking to further the overall value proposition.\r\n Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.\r\n\t <\/p>\r\n\t <div class=\"testimonial-rating\">\r\n\t <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\r\n\t \r\n\t <div class=\"slide\">\r\n\t <div class=\"testimonial-card\">\r\n\t <div class=\"testimonial-content\">\r\n\t <div class=\"testimonial-header\">\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/User.png\" alt=\"Alice Lee\" class=\"testimonial-photo\">\r\n\t <div class=\"testimonial-info\">\r\n\t <p class=\"testimonial-name\">Alice Lee<\/p>\r\n\t <p class=\"testimonial-role\">Gamma Inc.<\/p>\r\n\t <\/div>\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\r\n\t alt=\"Quote icon\" class=\"testimonial-icon\">\r\n\t <\/div>\r\n\t <p class=\"testimonial-quote\">\r\n\t The team\u2019s dedication to quality and innovation makes them our go\u2011to partner for every major project.\r\n\t <\/p>\r\n\t <div class=\"testimonial-rating\">\r\n\t <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <div class=\"testimonial-card\">\r\n\t <div class=\"testimonial-content\">\r\n\t <div class=\"testimonial-header\">\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/User.png\" alt=\"Bob Carter\" class=\"testimonial-photo\">\r\n\t <div class=\"testimonial-info\">\r\n\t <p class=\"testimonial-name\">Bob Carter<\/p>\r\n\t <p class=\"testimonial-role\">Delta Co.<\/p>\r\n\t <\/div>\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\r\n\t alt=\"Quote icon\" class=\"testimonial-icon\">\r\n\t <\/div>\r\n\t <p class=\"testimonial-quote\">\r\n\t Verdant\u2019s support has been instrumental in scaling our operations without compromising on quality.\r\n\t <\/p>\r\n\t <div class=\"testimonial-rating\">\r\n\t <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\r\n\t <\/div>\r\n\t<\/div>\r\n\r\n\t<script>\r\n\t(function(){\r\n\t const slides = document.querySelector('.slides');\r\n\t const prev = document.querySelector('.nav-button.prev');\r\n\t const next = document.querySelector('.nav-button.next');\r\n\t let idx = 0, total = document.querySelectorAll('.slide').length;\r\n\t prev.addEventListener('click', ()=> {\r\n\t idx = (idx - 1 + total) % total;\r\n\t slides.style.transform = `translateX(-${idx*100}%)`;\r\n\t });\r\n\t next.addEventListener('click', ()=> {\r\n\t idx = (idx + 1) % total;\r\n\t slides.style.transform = `translateX(-${idx*100}%)`;\r\n\t });\r\n\t})();\r\n\t<\/script>\r\n\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<div class=\"elementor-element elementor-element-06b8d8d e-con-full e-flex e-con e-child\" data-id=\"06b8d8d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a773d6 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"1a773d6\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@500&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<span class=\"achv-title\">Achievements<\/span>\r\n\r\n<style>\r\n .achv-title{\r\n font-family: \"Host Grotesk\";\r\n font-weight: 500; \/* Medium *\/\r\n font-style: normal; \/* 'Medium' isn't valid for font-style *\/\r\n font-size: 32px;\r\n line-height: 51.02px;\r\n letter-spacing: 0;\r\n color: #92A282;\r\n vertical-align: middle;\r\n display: inline-block; \/* makes vertical-align apply *\/\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d3b14d animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5d3b14d\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" 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 \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 <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"best\">Awards for Best Manufacturing<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1941bde e-grid e-con-full e-con e-child\" data-id=\"1941bde\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-44b2066 e-con-full e-flex e-con e-child\" data-id=\"44b2066\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aeee9b0 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"aeee9b0\" 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:5%;\r\n --right-x:7%;\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-a3c8d05 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"a3c8d05\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cfe031 elementor-widget elementor-widget-heading\" data-id=\"2cfe031\" data-element_type=\"widget\" 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-e461bf5 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e461bf5\" 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>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-f5df846 elementor-widget elementor-widget-heading\" data-id=\"f5df846\" data-element_type=\"widget\" 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-5b779a9 elementor-widget elementor-widget-html\" data-id=\"5b779a9\" 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>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 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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-130bdca e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"130bdca\" 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-3c68cb2 e-flex e-con-boxed e-con e-child\" data-id=\"3c68cb2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b14e7be e-con-full e-flex e-con e-child\" data-id=\"b14e7be\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30fccb4 elementor-widget elementor-widget-image\" data-id=\"30fccb4\" 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-e48d2c4 elementor-widget elementor-widget-html\" data-id=\"e48d2c4\" 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-66171b0 elementor-widget elementor-widget-html\" data-id=\"66171b0\" 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-c2ff049 e-con-full e-flex e-con e-child\" data-id=\"c2ff049\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da36692 elementor-widget elementor-widget-html\" data-id=\"da36692\" 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-6bb0338 elementor-widget elementor-widget-html\" data-id=\"6bb0338\" 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-742f528 elementor-widget elementor-widget-html\" data-id=\"742f528\" 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-7c7828f elementor-widget elementor-widget-spacer\" data-id=\"7c7828f\" 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-80ef94a e-flex e-con-boxed e-con e-child\" data-id=\"80ef94a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2d50b64 e-con-full e-flex e-con e-child\" data-id=\"2d50b64\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35c4d42 elementor-widget elementor-widget-html\" data-id=\"35c4d42\" 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-fc5ed42 e-con-full e-flex e-con e-child\" data-id=\"fc5ed42\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28da381 elementor-shape-circle e-grid-align-right elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"28da381\" 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","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 Certifications Awards CSR Blog Contact Us Purposeful Stationery. Thoughtfully Designed. Globally Relevant. Verdant envisions a world where high-quality, sustainable stationery is accessible… <a href=\"https:\/\/verdantgroup.co.in\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">home page<\/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-549","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/549","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=549"}],"version-history":[{"count":1125,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/549\/revisions"}],"predecessor-version":[{"id":5422,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/549\/revisions\/5422"}],"wp:attachment":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=549"}],"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-2f51480 e-con-full e-flex e-con e-child\" data-id=\"2f51480\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-159eb43 elementor-widget elementor-widget-image\" data-id=\"159eb43\" 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-c1bfc1f e-grid e-con-full e-con e-child\" data-id=\"c1bfc1f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d423020 e-con-full e-flex e-con e-child\" data-id=\"d423020\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a261d76 elementor-widget elementor-widget-html\" data-id=\"a261d76\" 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\/certifications\/\" class=\"qcx-sublink\">Certifications<\/a>\r\n <\/li>\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 <\/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-7cbbe0f e-con-full hero e-flex e-con e-child\" data-id=\"7cbbe0f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f956224 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"f956224\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3def8d1 elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"3def8d1\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div id=\"verdant-carousel\" class=\"carousel\">\n\t <div class=\"slides\">\n\t \n\t <div class=\"slide\">\n\t <video class=\"main\" autoplay muted loop playsinline>\n\t <source src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/WhatsApp-Video-2025-08-15-at-09.25.57_40246fa3.mp4\" type=\"video\/mp4\">\n\t Your browser does not support the video tag.\n\t <\/video>\n\t <img decoding=\"async\" class=\"overlay\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3-1.png\" alt=\"Overlay 1\">\n\t <\/div>\n\n\t \n\t <div class=\"slide\">\n\t <img decoding=\"async\" class=\"main\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/54c31c679f25df4c87e9981b5b43e0da0396e21e-scaled.jpg\" alt=\"Slide 2\">\n\t <img decoding=\"async\" class=\"overlay\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-4.png\" alt=\"Overlay 2\">\n\t <\/div>\n\n\t \n\t <div class=\"slide\">\n\t <img decoding=\"async\" class=\"main\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/KPH_4064-2.png\" alt=\"Slide 3\">\n\t <img decoding=\"async\" class=\"overlay\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-5.png\" alt=\"Overlay 3\">\n\t <\/div>\n\n\t \n\t <div class=\"slide\">\n\t <img decoding=\"async\" class=\"main\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/acf57b7bbaee81ad32b0995b24d129fa1ad62a41-scaled.png\" alt=\"Slide 4\">\n\t <img decoding=\"async\" class=\"overlay\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-6.png\" alt=\"Overlay 4\">\n\t <\/div>\n\n\t \n\t <div class=\"slide\">\n\t <img decoding=\"async\" class=\"main\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/54c31c679f25df4c87e9981b5b43e0da0396e21e-scaled.jpg\" alt=\"Slide 5\">\n\t <img decoding=\"async\" class=\"overlay\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-7.png\" alt=\"Overlay 5\">\n\t <\/div>\n\t <\/div>\n\t<\/div>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-daa58ab e-con-full e-flex e-con e-child\" data-id=\"daa58ab\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-66847f2 e-con-full e-flex e-con e-child\" data-id=\"66847f2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93d1202 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"93d1202\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400;600&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n \/* Show the carousel only on \u22641024px (tablet & mobile) *\/\r\n .mobile-only{ display:none; }\r\n @media (max-width:1024px){ .mobile-only{ display:block; } }\r\n\r\n .ic-wrap{\r\n --radius: 16px;\r\n --shadow: 0 10px 24px rgba(0,0,0,.08);\r\n\r\n \/* Indicators (beacons) *\/\r\n --beacon-inactive: rgba(0,0,0,.28);\r\n --beacon-active: #D7DE27; \/* active only *\/\r\n --beacon-glow: rgba(215,222,39,.85);\r\n\r\n \/* Make wrapper fill container and center the viewport *\/\r\n width:100%;\r\n display:grid;\r\n place-items:center;\r\n padding: 0 12px; \/* gutter on small screens *\/\r\n box-sizing:border-box;\r\n\r\n position: relative;\r\n margin: 20px auto;\r\n font-family: \"Host Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n }\r\n\r\n .ic-viewport{\r\n overflow:hidden;\r\n border-radius:var(--radius);\r\n position:relative;\r\n transition: width .35s cubic-bezier(.22,.61,.36,1);\r\n max-width:100%; \/* never exceed container *\/\r\n }\r\n\r\n .ic-track{\r\n display:flex;\r\n will-change:transform;\r\n transition:transform .5s cubic-bezier(.22,.61,.36,1);\r\n touch-action:pan-y;\r\n }\r\n\r\n .ic-slide{\r\n flex:0 0 100%;\r\n position:relative;\r\n display:flex; align-items:center; justify-content:center;\r\n }\r\n\r\n \/* Natural sizing; scales down if needed *\/\r\n .ic-slide img{\r\n display:block;\r\n width:auto; height:auto; max-width:100%;\r\n aspect-ratio:auto; object-fit:initial; object-position:center;\r\n user-select:none; -webkit-user-drag:none;\r\n }\r\n\r\n \/* Beacons (indicators) *\/\r\n .ic-beacons{\r\n position:absolute; left:0; right:0; bottom:30px;\r\n z-index:6;\r\n display:flex; gap:8px; align-items:center; justify-content:center;\r\n }\r\n .ic-beacon{\r\n width:10px; height:10px; border-radius:999px;\r\n background: var(--beacon-inactive);\r\n border:none; padding:0; cursor:pointer;\r\n opacity:.85;\r\n transition: transform .2s ease, opacity .2s ease, box-shadow .2s ease, background .2s ease;\r\n box-shadow: 0 0 0 2px rgba(0,0,0,.12) inset; \/* subtle inner ring only *\/\r\n }\r\n .ic-beacon:hover{ opacity:.95; transform:scale(1.08); }\r\n .ic-beacon[aria-selected=\"true\"]{\r\n background: var(--beacon-active);\r\n opacity:1; transform:scale(1.2);\r\n box-shadow:\r\n 0 0 0 2px rgba(215,222,39,.45) inset,\r\n 0 0 16px 6px var(--beacon-glow);\r\n }\r\n\r\n \/* A11y focus *\/\r\n .ic-wrap :focus-visible{ outline:2px solid #D7DE27; outline-offset:2px; }\r\n\r\n \/* Extra small phones *\/\r\n @media (max-width:480px){\r\n .ic-wrap{ --radius:12px; padding: 0 10px; }\r\n .ic-beacons{ bottom:30px; gap:7px; }\r\n .ic-beacon{ width:9px; height:9px; }\r\n }\r\n<\/style>\r\n\r\n<div class=\"ic-wrap mobile-only\" data-autoplay=\"4500\" aria-roledescription=\"carousel\" tabindex=\"0\">\r\n <div class=\"ic-viewport\" aria-live=\"polite\">\r\n <div class=\"ic-track\">\r\n <div class=\"ic-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873231-scaled.png\" alt=\"Slide 1\"><\/div>\r\n <div class=\"ic-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873232-scaled.png\" alt=\"Slide 2\"><\/div>\r\n <div class=\"ic-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873233-scaled.png\" alt=\"Slide 3\"><\/div>\r\n <div class=\"ic-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873234-scaled.png\" alt=\"Slide 4\"><\/div>\r\n <div class=\"ic-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873235-scaled.png\" alt=\"Slide 5\"><\/div>\r\n <\/div>\r\n <div class=\"ic-beacons\" role=\"tablist\" aria-label=\"Slides\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n document.querySelectorAll('.ic-wrap').forEach(initCarousel);\r\n\r\n function initCarousel(root){\r\n const viewport = root.querySelector('.ic-viewport');\r\n const track = root.querySelector('.ic-track');\r\n const beaconsEl = root.querySelector('.ic-beacons');\r\n\r\n let slidesAll = Array.from(track.children); \/\/ real slides only\r\n if (slidesAll.length < 1) return;\r\n\r\n \/\/ Seamless loop clones\r\n const firstClone = slidesAll[0].cloneNode(true);\r\n const lastClone = slidesAll[slidesAll.length-1].cloneNode(true);\r\n firstClone.setAttribute('aria-hidden','true');\r\n lastClone.setAttribute('aria-hidden','true');\r\n track.append(firstClone);\r\n track.prepend(lastClone);\r\n\r\n let index = 1; \/\/ start on first real slide\r\n let transitioning = false;\r\n let autoplayMs = parseInt(root.dataset.autoplay, 10) || 0;\r\n let autoplayId = null;\r\n\r\n \/\/ Build beacons\r\n beaconsEl.innerHTML = '';\r\n slidesAll.forEach((_, i) => {\r\n const b = document.createElement('button');\r\n b.className = 'ic-beacon';\r\n b.setAttribute('role','tab');\r\n b.setAttribute('aria-label', 'Go to slide ' + (i+1));\r\n b.addEventListener('click', () => goTo(i+1));\r\n beaconsEl.appendChild(b);\r\n });\r\n\r\n function toRealIndex(fullIdx){\r\n let r = fullIdx - 1;\r\n if (r < 0) r = slidesAll.length - 1;\r\n if (r >= slidesAll.length) r = 0;\r\n return r;\r\n }\r\n\r\n \/\/ Make viewport width responsive to container (and image natural width)\r\n function containerWidth(){\r\n const cs = getComputedStyle(root);\r\n const padX = parseFloat(cs.paddingLeft) + parseFloat(cs.paddingRight);\r\n return Math.max(220, root.clientWidth - padX); \/\/ min width safety\r\n }\r\n function clampViewportWidthFor(idx){\r\n const realIdx = toRealIndex(idx);\r\n const img = slidesAll[realIdx].querySelector('img');\r\n if (!img) return;\r\n const natural = img.naturalWidth || img.width || containerWidth();\r\n const maxAllowed = containerWidth(); \/\/ <= container width on mobile\r\n viewport.style.width = Math.min(natural, maxAllowed) + 'px';\r\n }\r\n\r\n function setTransform(noAnim=false){\r\n if(noAnim) track.style.transition = 'none';\r\n const x = -index * 100;\r\n track.style.transform = `translate3d(${x}%,0,0)`;\r\n if(noAnim){ void track.offsetWidth; track.style.transition = ''; }\r\n const realIdx = toRealIndex(index);\r\n [...beaconsEl.children].forEach((d, i) =>\r\n d.setAttribute('aria-selected', i === realIdx ? 'true' : 'false')\r\n );\r\n }\r\n\r\n function next(){ if(!transitioning){ index++; clampViewportWidthFor(index); animate(); } }\r\n function prev(){ if(!transitioning){ index--; clampViewportWidthFor(index); animate(); } } \/\/ used by swipe\r\n function goTo(iOneBased){ if(!transitioning){ index = iOneBased; clampViewportWidthFor(index); animate(); } }\r\n function animate(){ transitioning = true; setTransform(); }\r\n\r\n track.addEventListener('transitionend', () => {\r\n if (index === slidesAll.length + 1){ index = 1; setTransform(true); clampViewportWidthFor(index); }\r\n if (index === 0){ index = slidesAll.length; setTransform(true); clampViewportWidthFor(index); }\r\n transitioning = false;\r\n });\r\n\r\n \/\/ Swipe \/ drag\r\n let startX = 0, dx = 0, dragging = false;\r\n const threshold = () => Math.max(30, viewport.clientWidth * 0.08);\r\n function onDown(e){ if(transitioning) return; dragging = true; dx=0; startX = (e.touches?e.touches[0].clientX:e.clientX); track.style.transition='none'; clearAutoplay(); }\r\n function onMove(e){ if(!dragging) return; const x = (e.touches?e.touches[0].clientX:e.clientX); dx = x - startX; const pct = (dx\/viewport.clientWidth)*100; const base = -index*100; track.style.transform = `translate3d(${base+pct}%,0,0)`; }\r\n function onUp(){ if(!dragging) return; dragging=false; track.style.transition=''; if (Math.abs(dx) > threshold()){ (dx<0?next:prev)(); } else { setTransform(); startAutoplay(); } }\r\n viewport.addEventListener('pointerdown', onDown);\r\n window.addEventListener('pointermove', onMove);\r\n window.addEventListener('pointerup', onUp);\r\n viewport.addEventListener('touchstart', onDown, {passive:true});\r\n viewport.addEventListener('touchmove', onMove, {passive:true});\r\n window.addEventListener('touchend', onUp);\r\n\r\n \/\/ Keyboard (optional)\r\n root.addEventListener('keydown', (e)=>{ if(e.key==='ArrowRight'){e.preventDefault(); next();} if(e.key==='ArrowLeft'){e.preventDefault(); prev();} });\r\n\r\n \/\/ Autoplay (pause on hover\/focus)\r\n function startAutoplay(){ if(!autoplayMs) return; clearAutoplay(); autoplayId = setInterval(next, autoplayMs); }\r\n function clearAutoplay(){ if(autoplayId){ clearInterval(autoplayId); autoplayId=null; } }\r\n root.addEventListener('mouseenter', clearAutoplay);\r\n root.addEventListener('mouseleave', startAutoplay);\r\n root.addEventListener('focusin', clearAutoplay);\r\n root.addEventListener('focusout', startAutoplay);\r\n\r\n \/\/ Recompute on resize & orientation change\r\n window.addEventListener('resize', ()=> clampViewportWidthFor(index));\r\n window.addEventListener('orientationchange', ()=> clampViewportWidthFor(index));\r\n slidesAll.forEach(slide=>{\r\n const img = slide.querySelector('img');\r\n if (img && !img.complete){ img.addEventListener('load', ()=> clampViewportWidthFor(index), {once:true}); }\r\n });\r\n\r\n \/\/ Init\r\n clampViewportWidthFor(index);\r\n setTransform(true);\r\n startAutoplay();\r\n }\r\n})();\r\n<\/script>\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 class=\"elementor-element elementor-element-5d27819 elementor-widget elementor-widget-shortcode\" data-id=\"5d27819\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@700&display=swap');\n\n .gh-heading-wrapper{\n display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;\n }\n .gh-tagline{\n font-family:'Space Grotesk',sans-serif;font-weight:700;font-style:normal;\n font-size:clamp(2rem,6vw,80.18px);\n line-height:1.095;\n text-align:center;\n background:radial-gradient(278.68% 509.59% at -15.86% -72.44%,#D7DE27 0%,#3E5F49 48.32%,#00282B 100%);\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;\n padding:0 20px;box-sizing:border-box;display:inline-block;position:relative;\n white-space:nowrap; \/* desktop\/laptop unchanged *\/\n }\n .gh-line1,.gh-line2{display:inline-block}\n .gh-break{display:block;height:0;line-height:0}\n .gh-caret{display:inline-block;width:2px;height:1em;margin-left:2px;background:#D7E128;animation:gh-caret-blink 1s step-start infinite;vertical-align:-0.12em}\n @keyframes gh-caret-blink{0%,49%{opacity:1}50%,100%{opacity:0}}\n\n .gh-line{\n margin-top:30px;width:1067px;height:0;border-top:5px solid;\n border-image-source:linear-gradient(90deg,#FFFFFF 0%,#D7E128 50%,#FFFFFF 100%);\n border-image-slice:1;opacity:1;\n }\n @media (max-width:1100px){.gh-line{width:90%}}\n\n \/* ===== MOBILE-ONLY OVERRIDES (do not affect desktop\/laptop\/tablet) ===== *\/\n @media (max-width: 480px){\n .gh-heading-wrapper{ padding:24px 10px; }\n .gh-tagline{\n display:block; width:100%; max-width:100%;\n white-space:normal; \/* let container cap to viewport *\/\n padding:0 6px;\n font-size:clamp(1.15rem,9.5vw,32px);\n overflow:hidden; \/* avoid flicker during JS fit *\/\n }\n .gh-line1,.gh-line2{ white-space:nowrap; } \/* keep each line to one row *\/\n .gh-line{ width:84vw; border-top-width:3px; margin-top:18px; }\n .gh-caret{ width:1.4px; height:0.9em; }\n }\n\n @media (max-width: 360px){\n .gh-tagline{ font-size:clamp(1.05rem,10.5vw,28px); }\n .gh-line{ width:82vw; border-top-width:2px; margin-top:16px; }\n .gh-caret{ width:1.2px; height:0.88em; }\n }\n <\/style>\n \n <div class='gh-heading-wrapper' data-gh-init='0' data-gh-started='0'>\n <div class='gh-tagline' aria-label='Redefining Stationery Products for India & Beyond.'\n data-animate='1' data-speed='60'\n data-min='24' data-max='80'>\n <span class='gh-line1' data-text='Redefining Stationery Products'><\/span><br class='gh-break' \/>\n <span class='gh-line2' data-text='for India & Beyond.'><\/span><span class='gh-caret' aria-hidden='true'><\/span>\n <\/div>\n <div class='gh-line'><\/div>\n <\/div>\n \n <script>\n (function(){\n function fitTwoLines(tag){\n var minFS = parseInt(tag.getAttribute('data-min'), 10) || 24;\n var maxFS = parseInt(tag.getAttribute('data-max'), 10) || 80;\n\n var cs = window.getComputedStyle(tag);\n var fs = Math.min(parseFloat(cs.fontSize) || maxFS, maxFS);\n\n var l1 = tag.querySelector('.gh-line1');\n var l2 = tag.querySelector('.gh-line2');\n if(!l1 || !l2) return;\n\n var t1 = l1.getAttribute('data-text') || '';\n var t2 = l2.getAttribute('data-text') || '';\n var prev1 = l1.textContent, prev2 = l2.textContent;\n l1.textContent = t1;\n l2.textContent = t2;\n\n var limit = 200;\n while (limit-- > 0 && fs > minFS && (l1.scrollWidth > tag.clientWidth || l2.scrollWidth > tag.clientWidth)) {\n fs -= 1;\n tag.style.fontSize = fs + 'px';\n }\n\n l1.textContent = prev1;\n l2.textContent = prev2;\n }\n\n function typeTwoLines(tag){\n var animate = tag.getAttribute('data-animate') !== '0';\n var speed = parseInt(tag.getAttribute('data-speed'), 10) || 60;\n var l1 = tag.querySelector('.gh-line1');\n var l2 = tag.querySelector('.gh-line2');\n var caret = tag.querySelector('.gh-caret');\n if (!l1 || !l2) return;\n\n var t1 = l1.getAttribute('data-text') || '';\n var t2 = l2.getAttribute('data-text') || '';\n\n \/\/ Respect reduced motion\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (!animate || reduce) {\n l1.textContent = t1;\n l2.textContent = t2;\n if (caret) { caret.style.animation = 'none'; caret.style.opacity = '0.6'; }\n return;\n }\n\n l1.textContent = '';\n l2.textContent = '';\n\n var spaceMul = 1.6; \/\/ slower on spaces\n var pauseBetween = 300; \/\/ pause before line 2 (ms)\n\n (function tick1(i){\n if (i <= t1.length){\n l1.textContent = t1.slice(0, i);\n var prev = t1.charAt(i-1);\n setTimeout(function(){ tick1(i+1); }, (prev === ' ')? Math.round(speed*spaceMul) : speed);\n } else {\n setTimeout(function(){ \/\/ pause, then second line\n (function tick2(j){\n if (j <= t2.length){\n l2.textContent = t2.slice(0, j);\n var prev2 = t2.charAt(j-1);\n setTimeout(function(){ tick2(j+1); }, (prev2 === ' ')? Math.round(speed*spaceMul) : speed);\n } else {\n if (caret) { caret.style.animation = 'none'; caret.style.opacity = '0.6'; }\n }\n })(0);\n }, pauseBetween);\n }\n })(0);\n }\n\n function startForWrapper(wrap){\n if (!wrap || wrap.getAttribute('data-gh-started') === '1') return;\n wrap.setAttribute('data-gh-started','1');\n\n var tag = wrap.querySelector('.gh-tagline');\n if (!tag) return;\n\n fitTwoLines(tag);\n typeTwoLines(tag);\n }\n\n function initGH(){\n var wraps = document.querySelectorAll('.gh-heading-wrapper[data-gh-init=\"0\"]');\n wraps.forEach(function(w){\n w.setAttribute('data-gh-init','1');\n\n \/\/ If IntersectionObserver is available, trigger when in view\n if ('IntersectionObserver' in window){\n var io = new IntersectionObserver(function(entries, obs){\n entries.forEach(function(entry){\n if (entry.isIntersecting){\n startForWrapper(entry.target);\n obs.unobserve(entry.target); \/\/ one-time trigger\n }\n });\n }, {\n root: null,\n threshold: 0.35, \/\/ ~35% visible\n rootMargin: '0px 0px -10% 0px' \/\/ start slightly before full view\n });\n io.observe(w);\n } else {\n \/\/ Fallback: simple scroll check\n function onScroll(){\n var rect = w.getBoundingClientRect();\n var vh = window.innerHeight || document.documentElement.clientHeight;\n if (rect.top < vh * 0.65 && rect.bottom > vh * 0.35){\n startForWrapper(w);\n window.removeEventListener('scroll', onScroll);\n window.removeEventListener('resize', onScroll);\n }\n }\n window.addEventListener('scroll', onScroll, { passive: true });\n window.addEventListener('resize', onScroll);\n onScroll(); \/\/ initial check\n }\n\n \/\/ Keep text fitting if container resizes (after it has started)\n if (window.ResizeObserver){\n var ro = new ResizeObserver(function(){\n if (w.getAttribute('data-gh-started') === '1'){\n var tag = w.querySelector('.gh-tagline');\n if (tag) fitTwoLines(tag);\n }\n });\n ro.observe(w);\n } else {\n window.addEventListener('resize', function(){\n if (w.getAttribute('data-gh-started') === '1'){\n var tag = w.querySelector('.gh-tagline');\n if (tag) fitTwoLines(tag);\n }\n });\n }\n });\n }\n\n if (document.readyState === 'loading'){\n document.addEventListener('DOMContentLoaded', initGH);\n } else {\n initGH();\n }\n })();\n <\/script>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0a1308 e-con-full e-flex e-con e-child\" data-id=\"a0a1308\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f94465c e-flex e-con-boxed e-con e-child\" data-id=\"f94465c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-89b0685 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"89b0685\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInLeft"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7f1fc2 elementor-widget elementor-widget-image\" data-id=\"f7f1fc2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"521\" height=\"883\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/r_n_about_img.jpg.png\" class=\"attachment-large size-large wp-image-3326\" alt=\"\" srcset=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/r_n_about_img.jpg.png 521w, https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/r_n_about_img.jpg-177x300.png 177w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/>\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-f367ec0 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"f367ec0\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c6f9bd elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"3c6f9bd\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight"}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n <style>\r\n .tv-heading-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n \/\/ padding: 30px 20px;\r\n }\r\n\r\n .tv-tagline {\r\n font-family: 'Hind', sans-serif; \/* Replace with Host Grotesk if available *\/\r\n font-weight: 500;\r\n font-style: normal;\r\n font-size: clamp(24px, 4vw, 32px);\r\n line-height: 51.02px;\r\n letter-spacing: 0;\r\n text-align: center;\r\n color: #92A282;\r\n vertical-align: middle;\r\n \/\/ padding: 0 20px;\r\n box-sizing: border-box;\r\n }\r\n <\/style>\r\n \r\n <div class='tv-heading-wrapper'>\r\n <div class='tv-tagline'>The Vision<\/div>\r\n <\/div>\r\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1687ca elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d1687ca\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<div class=\"pp-wrap\">\r\n <h1 class=\"pp-heading\">\r\n <span class=\"pp-1\">Purposeful Stationery.<\/span><br>\r\n <span class=\"pp-2\">Thoughtfully Designed.<\/span><br>\r\n <span class=\"pp-3\">Globally Relevant.<\/span>\r\n <\/h1>\r\n<\/div>\r\n\r\n<style>\r\n .pp-wrap{ \/* keeps styles scoped *\/\r\n display:block;\r\n \/* text-align:center; uncomment if you want it centered *\/\r\n }\r\n\r\n .pp-heading{\r\n margin:0;\r\n font-family: \"Host Grotesk\", sans-serif;\r\n font-weight: 700; \/* Bold *\/\r\n font-style: normal; \/* \u201cBold\u201d is handled by weight *\/\r\n font-size: 48px;\r\n line-height: 58px;\r\n letter-spacing: 0.01em; \/* ~1% (letter-spacing doesn\u2019t accept %) *\/\r\n \/* leading-trim: none; non-standard: left as comment *\/\r\n }\r\n\r\n .pp-heading .pp-1{\r\n color: #849B40; \/* Paper with Purpose. *\/\r\n vertical-align: middle; \/* harmless here *\/\r\n }\r\n\r\n .pp-heading .pp-2{\r\n color: #456F46; \/* Progress by Design. *\/\r\n vertical-align: middle;\r\n }\r\n\r\n .pp-heading .pp-3{\r\n color: #0C4C44; \/* Progress by Design. *\/\r\n vertical-align: middle;\r\n }\r\n\r\n \/* Optional: make smaller on tiny screens *\/\r\n @media (max-width: 640px){\r\n .pp-heading{ font-size: 34px; line-height: 42px; }\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c103d27 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"c103d27\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verdant envisions a world where high-quality, sustainable stationery is accessible to all\u2014across schools, offices, and creative spaces. We are committed to democratising design and utility through products that are affordable, ethically made, and innovation-driven. With FSC-certified sourcing, recyclable materials, and a strong community focus, our brand stands for more than just paper\u2014it stands for responsible growth, shared progress and global ambition. Whether serving a classroom in rural India or a corporate office overseas, Verdant bridges legacy with impact, craft with conscience and vision with value.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f37645 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"1f37645\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":300}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"tc-cards-container\">\n\t\t<div class=\"tc-card\" role=\"group\" tabindex=\"0\" aria-label=\"Global Ambition\">\n\t\t\t<div class=\"image-wrap\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group.png\" class=\"default-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-1.png\" class=\"hover-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t<\/div>\n\t\t\t<h3>Global Ambition<\/h3>\n\t\t\t<p>Bridges international growth with innovation and impactful contributions at home.<\/p>\n\t\t<\/div>\n\t\t<div class=\"tc-card\" role=\"group\" tabindex=\"0\" aria-label=\"Sustainability First\">\n\t\t\t<div class=\"image-wrap\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-2.png\" class=\"default-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-3.png\" class=\"hover-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t<\/div>\n\t\t\t<h3>Sustainability First<\/h3>\n\t\t\t<p>FSC-certified sourcing and recyclable materials define ethical manufacturing.<\/p>\n\t\t<\/div>\n\t\t<div class=\"tc-card\" role=\"group\" tabindex=\"0\" aria-label=\"Shared Future\">\n\t\t\t<div class=\"image-wrap\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-4.png\" class=\"default-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t\t<img loading=\"lazy\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Group-5.png\" class=\"hover-img\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\">\n\t\t\t<\/div>\n\t\t\t<h3>Shared Future<\/h3>\n\t\t\t<p>Deliver finest paper products that serve students, professionals & institutions across tiers.<\/p>\n\t\t<\/div><\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20bde42 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"20bde42\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":400}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"km-scope\">\r\n <button class=\"simple-btn\" type=\"button\">\r\n <span class=\"bg\" aria-hidden=\"true\"><\/span>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\">\r\n <path d=\"M3 12h13\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <path d=\"M12 5l7 7-7 7\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <span class=\"label\">Know More<\/span>\r\n <\/button>\r\n<\/div>\r\n\r\n<style>\r\n .km-scope .simple-btn{\r\n \/* unified radius *\/\r\n --r: 4px;\r\n\r\n box-sizing:border-box;\r\n width:178px; height:60px; padding:16px 24px;\r\n border-radius: var(--r);\r\n border:1px solid transparent; \/* avoids layout shift *\/\r\n overflow:hidden; isolation:isolate; \/* clip children to radius *\/\r\n position:relative;\r\n\r\n background:#507A7C !important;\r\n color:#fff !important;\r\n display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n\r\n font-family:\"Space Grotesk\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight:500; font-size:18px; line-height:28px; letter-spacing:0;\r\n }\r\n\r\n \/* background image layer \u2014 inherits radius so corners stay rounded *\/\r\n .km-scope .simple-btn .bg{\r\n position:absolute; inset:0; pointer-events:none; z-index:0;\r\n background:url(\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png\") center\/cover no-repeat;\r\n opacity:0; transition:opacity .55s cubic-bezier(.22,.61,.36,1);\r\n border-radius: inherit;\r\n }\r\n\r\n .km-scope .simple-btn:hover .bg{ opacity:1; }\r\n .km-scope .simple-btn:hover{ border-color:#D7DE27; } \/* rounded yellow border *\/\r\n\r\n \/* keep content above, stay white *\/\r\n .km-scope .simple-btn .label,\r\n .km-scope .simple-btn .icon{ position:relative; z-index:1; color:#fff !important; }\r\n .km-scope .simple-btn .icon path{ stroke:#fff !important; }\r\n\r\n \/* optional: if Elementor forces square corners, un-comment the next line *\/\r\n \/* .km-scope .simple-btn{ border-radius:4px !important; } *\/\r\n<\/style>\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>\n\t\t<div class=\"elementor-element elementor-element-b9a359a e-con-full animated-slow elementor-hidden-mobile elementor-hidden-tablet e-flex elementor-invisible e-con e-child\" data-id=\"b9a359a\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient","animation":"slideInUp"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c47eb61 elementor-widget elementor-widget-spacer\" data-id=\"c47eb61\" 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-3187fb3 elementor-widget elementor-widget-shortcode\" data-id=\"3187fb3\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n \n <div class=\"carousel-a\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Verdant highlights carousel\" tabindex=\"0\">\n <div class=\"slides-inner-a\">\n \n <div class=\"custom-slide\">\n <div class=\"slide-text\">\n <h1>Legacy<\/h1>\n <h2>The Verdant Story<\/h2>\n <p class=\"verdant-paragraph\">\n The story of Verdant traces back to 1973, when<br>\n Mr. H. Rathnakar Thyagaraj laid the foundation with JC United\u2014a<br>\n humble publicity printing press in South India. From<br>\n printing cine posters on walls to becoming a trusted<br>\n partner for printing, packaging, and institutional supply,<br>JC\n United stood for craftsmanship, reliability, and quiet<br>\n excellence in everything it produced.\n <\/p>\n <div class=\"verdant-card\">\n <p class=\"verdant-card-text\">\n <span class=\"verdant-card-regular\">Founded in <\/span>\n <span class=\"verdant-card-bold\">1973<\/span>\n <span class=\"verdant-card-regular\"> by<\/span>\n <\/p>\n <p class=\"verdant-founder-name\">H. Rathnakar Thyagaraj<\/p>\n <p class=\"verdant-founder-desc\">\n JC United began with large poster printing and<br>\n grew into a full-service offset unit.\n <\/p>\n <\/div>\n \n <a class=\"verdant-button next-btn\" href=\"#\">\n <span class=\"arrow\">→<\/span> Next\n <\/a>\n <\/div>\n <div class=\"slide-image\">\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618871980-3.png\" alt=\"Verdant Founder Portrait\" class=\"verdant-slide-image normal\"\/>\n <\/div>\n <\/div>\n\n \n <div class=\"custom-slide\">\n <div class=\"slide-text_2\">\n <h2 class=\"legacy-title\">Legacy Continues...<\/h2>\n\n <p class=\"verdant-paragraph\">\n Decades later, that same spirit of purpose and precision was carried forward by the next generation.\n In 2008, <span class=\"hl\">Mr. Dinakar Thyagaraj<\/span>, taking the baton from his father, founded JC Stationery Pvt. Ltd.\u2014a focused venture to serve India\u2019s growing demand for institutional stationery and educational supplies.\n Built on a vision of innovation and integrity, JC Stationery quickly earned its place in schools, government programs, and social initiatives.\n <\/p>\n\n <p class=\"verdant-paragraph\">\n As the demand grew, so did the need for scale, sustainability, and a sharper brand identity.\n This led to the transformation of JC Stationery into what we now know as\n <span class=\"hl\">Verdant Stationery\u00a0Pvt.\u00a0Ltd.<\/span>\u2014a name that reflects growth, greatness, and global readiness.\n <\/p>\n\n <p class=\"verdant-paragraph\">\n Today, Verdant stands as one of India\u2019s largest integrated paper and stationery manufacturers, based in Andhra Pradesh and serving both domestic and international markets.\n With eco-conscious processes, innovative product lines, and a deep-rooted commitment to people, Verdant continues to write a legacy defined not just by output, but by impact.\n <\/p>\n\n <p class=\"quote-line\">\n Because for us, legacy isn\u2019t only what we inherit\u2014<br\/>\n it\u2019s what we create sustainably, one page at a time.\n <\/p>\n <\/div>\n\n <div class=\"slide-image_2\">\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873221.png\" alt=\"Key Leadership Image\" class=\"verdant-slide-image\"\/>\n <\/div>\n <\/div>\n <\/div>\n\n \n <button type=\"button\" class=\"carousel-nav prev\" aria-label=\"Previous slide\">\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873184.png\" alt=\"Previous\"\/>\n <\/button>\n <button type=\"button\" class=\"carousel-nav next\" aria-label=\"Next slide\">\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873185.png\" alt=\"Next\"\/>\n <\/button>\n \n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/about-us\/\" class=\"carousel-nav redirect-next\" aria-label=\"Go to About Us\">\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873185-1.png\" alt=\"Go to About Us\"\/>\n <\/a>\n <\/div>\n\n <style>\n .carousel-a {\n position: relative; width: 100%; max-width: 1368px; height: 680px; margin: 40px auto;\n border-radius: 24px; overflow: hidden;\n background: radial-gradient(310.58% 565.7% at -30.15% -105.1%, #D7DE27 0%, #3E5F49 33.32%, #00282B 100%);\n }\n .slides-inner-a {\n display: flex; width: 200%; height: 100%;\n transform: translateX(0%); \/* start on slide 0 *\/\n transition: transform .5s ease-in-out; \/* smooth manual transitions *\/\n }\n\n .custom-slide { flex: 0 0 100%; display: flex; height: 100%; box-sizing: border-box; }\n .slide-text, .slide-text_2 { padding: 0 60px 0 60px; display: flex; flex-direction: column; justify-content: center; }\n\n \/* Slide 2: lock to 33% \/ 67% split on desktop *\/\n .custom-slide .slide-text_2 { width: 33%; flex: 0 0 30%; }\n .custom-slide .slide-image_2 { width: 67%; flex: 0 0 25%; position: relative; left: -107px; }\n\n .slide-text h1, .slide-text_2 h1 {\n font-family: \"Host Grotesk\", sans-serif; font-weight: 500; font-size: 32px; color: #fff; margin: 0 0 -5px;\n }\n .slide-text h2, .slide-text_2 h2 {\n font-family: \"Host Grotesk\", sans-serif; font-weight: 700; font-size: 48px; line-height: 58px; letter-spacing: .01em;\n color: #D7DE27; text-shadow: 0 2px 9.6px rgba(0,0,0,0.25); margin-top: 10px;\n }\n .legacy-title { color:#D7DE27; } \/* slide 2 heading color *\/\n\n .verdant-paragraph {\n font-family: \"Space Grotesk\", sans-serif; font-weight: 400; font-size: 17px; line-height: 30px; color: #fff;\n }\n .slide-text_2 .verdant-paragraph{ margin-bottom: 0px; }\n .slide-text_2 quote-line{ margin-bottom: 0px; }\n\n .hl { color:#D7DE27; font-weight:600; } \/* highlight key names\/phrases *\/\n .quote-line {\n font-family: \"Space Grotesk\", sans-serif; font-weight: 700; font-size: 17px; line-height: 30px;\n color:#D7DE27; margin: 24px 0 0;\n }\n\n .verdant-card, .verdant-card_2 {\n width: 100%; max-width: 580px; background: rgba(255,255,255,0.05);\n border-left: 7px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 20px;\n box-shadow: 0 2px 9.6px rgba(0,0,0,0.25); box-sizing: border-box;\n }\n .verdant-card { max-width:396px; }\n .verdant-card-text { font-family: \"Host Grotesk\", sans-serif; font-weight: 400; font-size: 16px; color: #fff; margin: 0 0 8px; }\n .verdant-card-bold { font-weight: 600; }\n .verdant-founder-name { font-family: \"Host Grotesk\", sans-serif; font-weight: 600; font-size: 24px; color: #D7DE27; margin: 6px 0 0; }\n .verdant-founder-desc { font-family: \"Host Grotesk\", sans-serif; font-weight: 300; font-size: 16px; color: #fff; margin: 8px 0 0; }\n\n .verdant-button {\n display:inline-flex; align-items:center; justify-content:center; gap:8px;\n width:188px; height:60px; padding:16px 32px; font-family:\"Space Grotesk\",sans-serif; font-weight:500; font-size:18px;\n background:#507A7C; color:#fff; border:none; border-radius:4px; margin-top:35px; text-decoration:none; transition:background .3s,color .3s;\n }\n .verdant-button:hover { background:#D7DE27; color:#00282B; }\n .verdant-button .arrow { font-size:18px; transition: transform .3s; }\n .verdant-button:hover .arrow { transform: translateX(3px); }\n\n \/* ---------- NAV BUTTON STYLE + ENTRANCE ANIMATION ---------- *\/\n .carousel-nav {\n position:absolute; top:50%; transform:translate(0,-50%);\n background:none; border:none; padding:0; width:auto; height:auto; cursor:pointer; z-index:6;\n opacity:.9; transition: transform .35s cubic-bezier(.22,.61,.36,1), filter .35s, opacity .35s;\n }\n .carousel-nav img { width:42px; height:42px; display:block; pointer-events:none; }\n .carousel-nav.prev { left:0; }\n .carousel-nav.next { right:0; }\n .carousel-nav.redirect-next { right:0; } \/* ensure right edge *\/\n .carousel-nav.hidden { display:none !important; }\n\n \/* Hover\/Active micro-interactions *\/\n .carousel-nav:hover { transform: translate(0,-50%) scale(1.06); filter: drop-shadow(0 8px 22px rgba(215,222,39,.35)); opacity:1; }\n .carousel-nav:active { transform: translate(0,-50%) scale(.98); filter: drop-shadow(0 4px 10px rgba(215,222,39,.25)); }\n\n \/* Slide 2 right redirect arrow size *\/\n .carousel-a .redirect-next img { width:122px; height:65px; }\n\n \/* Pop-in animations when they appear *\/\n @keyframes navInLeft {\n from { opacity:0; transform: translate(-14px,-50%) scale(.94); }\n to { opacity:1; transform: translate(0,-50%) scale(1); }\n }\n @keyframes navInRight {\n from { opacity:0; transform: translate(14px,-50%) scale(.94); }\n to { opacity:1; transform: translate(0,-50%) scale(1); }\n }\n .carousel-nav.pop-in-left { animation: navInLeft .45s cubic-bezier(.22,.61,.36,1); }\n .carousel-nav.pop-in-right { animation: navInRight .45s cubic-bezier(.22,.61,.36,1); }\n\n \/* Gentle attention pulse for the redirect arrow (only runs briefly when shown) *\/\n @keyframes pulseY {\n 0% { transform: translate(0,-50%) scale(1); filter: drop-shadow(0 0 0 rgba(215,222,39,0)); }\n 50% { transform: translate(0,-50%) scale(1.06); filter: drop-shadow(0 10px 24px rgba(215,222,39,.35)); }\n 100% { transform: translate(0,-50%) scale(1); filter: drop-shadow(0 0 0 rgba(215,222,39,0)); }\n }\n .carousel-nav.pulse-3 { animation: pulseY 1.6s ease-in-out 0s 3; }\n\n \/* ---------- HOVER IMAGE FADE OVERLAY ---------- *\/\n .slide-image, .slide-image_2 { align-items:flex-end; justify-content:flex-end; overflow:hidden; position:relative; }\n .verdant-slide-image { width:100%; height:100%; object-fit:cover; display:block; }\n .fade-img{\n position:absolute; inset:0;\n width:100%; height:100%; object-fit:cover;\n opacity:0; transition:opacity .6s ease-in-out; pointer-events:none;\n }\n .fade-img.show{ opacity:1; }\n\n \/* Mobile: stack full width *\/\n @media (max-width: 768px) {\n .custom-slide { flex-direction: column; height: auto; }\n .slide-text, .slide-text_2 { padding: 30px; text-align: center; align-items: center; margin: 0; }\n .custom-slide .slide-text_2,\n .custom-slide .slide-image_2 { width: 100%; flex-basis: 100%; left: 0; }\n .slide-image { height: 300px; }\n .verdant-slide-image { height: 100%; }\n .carousel-nav img { width:32px; height:32px; }\n .carousel-a .redirect-next img { width:110px; height:72px; } \/* slight downsize on mobile *\/\n }\n <\/style>\n\n <script>\n (function(){\n function clamp(v, min, max){ return Math.max(min, Math.min(max, v)); }\n\n function initCarousel(carousel){\n var slidesInner = carousel.querySelector('.slides-inner-a');\n var slides = carousel.querySelectorAll('.custom-slide');\n var btnPrev = carousel.querySelector('.carousel-nav.prev');\n var btnNext = carousel.querySelector('.carousel-nav.next');\n var redirectNext = carousel.querySelector('.redirect-next'); \/\/ right arrow link for slide 2\n if (!slidesInner || slides.length < 2 || !btnPrev || !btnNext) return;\n\n var idx = 0; \/\/ 0 = first, 1 = second\n\n function popIn(el, side){\n if(!el) return;\n el.classList.remove('hidden','pop-in-left','pop-in-right','pulse-3');\n \/\/ reflow so animation restarts\n void el.offsetWidth;\n el.classList.add(side === 'left' ? 'pop-in-left' : 'pop-in-right');\n \/\/ remove class at end to keep DOM clean\n el.addEventListener('animationend', function(){ el.classList.remove('pop-in-left','pop-in-right'); }, {once:true});\n }\n function popOut(el){ if(el) el.classList.add('hidden'); }\n\n function updateArrows(){\n if (idx === 0){\n popOut(btnPrev);\n popIn(btnNext,'right');\n popOut(redirectNext);\n } else {\n popIn(btnPrev,'left');\n popOut(btnNext);\n popIn(redirectNext,'right');\n if (redirectNext){\n \/\/ brief attention pulse (3 times) when it appears\n void redirectNext.offsetWidth;\n redirectNext.classList.add('pulse-3');\n }\n }\n }\n\n function goTo(i){\n idx = clamp(i, 0, slides.length - 1);\n slidesInner.style.transform = 'translateX(-' + (idx * 100) + '%)';\n updateArrows();\n }\n\n btnPrev.addEventListener('click', function(e){\n e.preventDefault(); e.stopPropagation();\n goTo(idx - 1); \/\/ 1 -> 0\n });\n\n btnNext.addEventListener('click', function(e){\n e.preventDefault(); e.stopPropagation();\n goTo(idx + 1); \/\/ 0 -> 1\n });\n\n \/\/ Make the \"Next\" text button on slide 1 also go to slide 2\n var textNextBtn = carousel.querySelector('.next-btn');\n if (textNextBtn){\n textNextBtn.addEventListener('click', function(e){\n e.preventDefault();\n goTo(1);\n });\n }\n\n \/\/ ====== Image hover swaps with smooth fade (no src sticking) ======\n function setupFadeHover(baseImg, hoverSrc){\n var container = baseImg.closest('.slide-image, .slide-image_2') || baseImg.parentElement;\n if (!container) return;\n\n \/\/ Create or reuse overlay\n var overlay = container.querySelector('img.fade-img');\n if (!overlay){\n overlay = new Image();\n overlay.className = 'fade-img';\n container.appendChild(overlay);\n }\n overlay.src = hoverSrc;\n\n \/\/ Preload\n var pre = new Image(); pre.src = hoverSrc;\n\n function show(){ overlay.classList.add('show'); }\n function hide(){ overlay.classList.remove('show'); }\n\n container.addEventListener('mouseenter', show);\n container.addEventListener('mouseleave', hide);\n container.addEventListener('focusin', show);\n container.addEventListener('focusout', hide);\n\n \/\/ Touch: brief reveal\n container.addEventListener('touchstart', function(){ show(); setTimeout(hide, 700); }, {passive:true});\n }\n\n \/\/ Slide 1 hover\n var img1 = carousel.querySelector('.custom-slide:first-child .slide-image img.verdant-slide-image');\n if (img1){\n setupFadeHover(img1, 'https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873220.png');\n }\n\n \/\/ Slide 2 hover\n var img2 = carousel.querySelector('.custom-slide:nth-child(2) .slide-image_2 img.verdant-slide-image');\n if (img2){\n setupFadeHover(img2, 'https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873222.png');\n }\n\n \/\/ Initial state\n goTo(0);\n }\n\n document.addEventListener('DOMContentLoaded', function(){\n document.querySelectorAll('.carousel-a').forEach(initCarousel);\n });\n })();\n <\/script>\n\n \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b58d664 e-con-full animated-slow elementor-hidden-desktop e-flex elementor-invisible e-con e-child\" data-id=\"b58d664\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient","animation":"slideInUp"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5d694 elementor-widget elementor-widget-html\" data-id=\"5a5d694\" 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>Two Slides \u2014 Verdant Story<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@300;400;500;600;700&family=Space+Grotesk:wght@400&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n :root{\r\n --bg-img: url('https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Component-71-1.png');\r\n --bottom-img-h: 225.59988403320312px;\r\n --glow:#D7DE27;\r\n --ink:#E7F0EB;\r\n --radius:28px;\r\n --s2-btn-w: 150px; \/* width of image CTA on slide 2 *\/\r\n }\r\n\r\n .slider{ width: auto; overflow-x:auto; display:flex; gap:16px;\r\n scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }\r\n .slide{ scroll-snap-align:center; flex:0 0 100%; }\r\n\r\n .card{\r\n position:relative; isolation:isolate;\r\n background: var(--bg-img) center\/cover no-repeat;\r\n border-radius:var(--radius);\r\n padding:24px;\r\n min-height:640px;\r\n padding-bottom: calc(24px + var(--bottom-img-h) + 12px);\r\n }\r\n\r\n .tag{\r\n font-family:'Host Grotesk', sans-serif; font-weight:500; font-style:normal;\r\n font-size:16.26px; line-height:34.57px; letter-spacing:0; color:#FFF;\r\n display:block; margin:0 0 4px 0;\r\n }\r\n\r\n .vrdntTitle{\r\n font-family:'Host Grotesk', sans-serif; font-weight:700; font-style:normal;\r\n font-size:24.4px; line-height:1; letter-spacing:0.244px; color:var(--glow);\r\n display:block; margin:0 0 20px 0;\r\n }\r\n\r\n .copy{\r\n font-family:'Space Grotesk', sans-serif; font-weight:400; font-style:normal;\r\n font-size:11.52px; line-height:21.68px; letter-spacing:0; color:#FFF;\r\n margin:0 0 18px 0;\r\n }\r\n\r\n .callout{\r\n margin-top:16px; border-radius:14px; background:#00000026;\r\n border:1px solid #ffffff30; border-left:4.74px solid #FFFFFF40;\r\n padding:16px 16px 16px 20px; position:relative; backdrop-filter:saturate(120%) blur(2px);\r\n }\r\n .callout h4{\r\n margin:0 0 8px 0; font-family:'Host Grotesk', sans-serif; font-weight:400; font-style:normal;\r\n font-size:16.26px; line-height:1; letter-spacing:0; color:#FFF;\r\n }\r\n .callout h4 .who{\r\n display:block; margin-top:18px; font-family:'Host Grotesk', sans-serif; font-weight:600;\r\n font-style:normal; font-size:24.97px; line-height:19.68px; letter-spacing:0; color:var(--glow);\r\n }\r\n .callout p{\r\n margin:0; font-family:'Host Grotesk', sans-serif; font-weight:300; font-style:normal;\r\n font-size:16.26px; line-height:23.72px; letter-spacing:0; color:#FFF;\r\n }\r\n\r\n .footer-area{ position:absolute; left:0; right:0; bottom:0; }\r\n .founder-wrap{ position:absolute; left:0; right:0; bottom:0; height:var(--bottom-img-h); }\r\n .founder-row{\r\n position:absolute; left:0; right:0; bottom:0;\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:0 20px; height:var(--bottom-img-h); gap:12px;\r\n }\r\n .founder-photo{\r\n width:237.85714721679688px; height:225.59988403320312px;\r\n object-fit:contain; object-position:left bottom; display:block; filter:grayscale(100%);\r\n }\r\n\r\n \/* Slide 1 \"Next\" button *\/\r\n .btn-next{\r\n display:inline-flex; align-items:center; justify-content:center; gap:6px;\r\n width:83.56776428222656px; height:40.68498229980469px; padding:10.84px 16.26px;\r\n border-radius:2.71px; background:#507A7C; opacity:1; border:1px solid #ffffff26;\r\n color:#EAF2EE; text-decoration:none; font-weight:600; white-space:nowrap; outline:none;\r\n }\r\n .btn-next .arrow{ width:16px; height:16px; border-radius:50%; display:grid; place-items:center; }\r\n .btn-next .arrow::before{ content:\"\"; width:5px; height:5px; border-right:2px solid var(--ink);\r\n border-top:2px solid var(--ink); transform:rotate(45deg); display:block; }\r\n .btn-next:focus-visible{ box-shadow:0 0 0 2px #EAF2EE66, 0 0 0 4px #507A7C; }\r\n\r\n \/* ---------- Slide 2 specifics ---------- *\/\r\n .s2-head{\r\n font-family:'Host Grotesk', sans-serif; font-weight:700; font-style:italic;\r\n font-size:24.4px; line-height:1; letter-spacing:0.244px; color:var(--glow);\r\n margin:0 0 14px 0;\r\n }\r\n .s2-copy{\r\n font-family:'Space Grotesk', sans-serif; font-weight:400; font-size:11.52px; line-height:21.68px; color:#FFF;\r\n margin:0 0 14px 0;\r\n }\r\n .s2-copy .emph{ color:#9BD4A9; font-weight:600; }\r\n .s2-copy .strong{ color:#CFEA7A; font-weight:700; }\r\n .s2-quote{\r\n margin-top:10px; font-family:'Host Grotesk', sans-serif; font-weight:600;\r\n font-size:12.6px; line-height:20px; color:#BEEA50;\r\n }\r\n\r\n \/* Image-based \"Know More\" button (now sits BESIDE the image, in the bottom row) *\/\r\n .btn-know-img{ display:inline-block; line-height:0; flex:0 0 auto; }\r\n .btn-know-img img{ display:block; width:var(--s2-btn-w); height:auto; }\r\n .btn-know-img:focus-visible{ outline:2px solid #CFEA7A; outline-offset:2px; }\r\n\r\n \/* --------------- Responsive --------------- *\/\r\n @media (max-width: 420px){\r\n :root{ --bottom-img-h: clamp(140px, 36vw, 225.59988403320312px);\r\n --s2-btn-w: clamp(110px, 34vw, 150px); }\r\n\r\n .vrdntTitle, .s2-head{ font-size: clamp(20px, 6.2vw, 24.4px); }\r\n\r\n \/* Slide 1 founder photo stays guarded by fixed Next width *\/\r\n .founder-photo{\r\n max-width: calc(100vw - 20px - 83.56776428222656px - 12px - 20px);\r\n width: min(237.85714721679688px, calc(100vw - 20px - 83.56776428222656px - 12px - 20px));\r\n height:auto; max-height: var(--bottom-img-h);\r\n }\r\n\r\n \/* Slide 2: allow for variable CTA width *\/\r\n #slide2 .founder-photo{\r\n max-width: calc(100vw - 20px - var(--s2-btn-w) - 12px - 20px);\r\n width: min(237.85714721679688px, calc(100vw - 20px - var(--s2-btn-w) - 12px - 20px));\r\n height:auto; max-height: var(--bottom-img-h);\r\n }\r\n\r\n .card{ padding:20px; }\r\n }\r\n @media (max-width: 340px){\r\n :root{ --bottom-img-h: clamp(120px, 42vw, 225.59988403320312px); }\r\n }\r\n @media (max-height: 720px){\r\n .card{ min-height:min(640px, 90vh); }\r\n }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"slider\" id=\"slider\">\r\n \r\n <section class=\"slide\">\r\n <article class=\"card\">\r\n <div class=\"tag\">Legacy<\/div>\r\n\r\n <h1 class=\"vrdntTitle\">The Verdant Story<\/h1>\r\n\r\n <p class=\"copy\">\r\n The story of Verdant traces back to 1973, when\r\n H. Rathnakar Thyagaraj laid the foundation with JC United \u2014\r\n a humble publicity printing press in South India.\r\n <\/p>\r\n <p class=\"copy\">\r\n From printing cine posters on walls to becoming a trusted\r\n partner for printing, packaging, and institutional supply,\r\n JC United stood for craftsmanship, reliability, and quiet\r\n excellence in everything it produced.\r\n <\/p>\r\n\r\n <div class=\"callout\">\r\n <h4>Founded in <strong>1973<\/strong> by <span class=\"who\">H. Ratnakar Thyagaraj<\/span><\/h4>\r\n <p>JC United began with large poster printing and grew into a full-service offset unit.<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-area\">\r\n <div class=\"founder-wrap\">\r\n <div class=\"founder-row\">\r\n <img decoding=\"async\" class=\"founder-photo\"\r\n src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618871980-1-1.png\"\r\n alt=\"Founder portrait\"\/>\r\n <a href=\"#slide2\" class=\"btn-next\" id=\"nextBtn\" aria-label=\"Next slide\">\r\n <span>Next<\/span><span class=\"arrow\" aria-hidden=\"true\"><\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/section>\r\n\r\n \r\n <section class=\"slide\" id=\"slide2\">\r\n <article class=\"card\">\r\n <div class=\"tag\">Legacy<\/div>\r\n <h2 class=\"s2-head\">Legacy <span style=\"font-style:italic\">Continues\u2026<\/span><\/h2>\r\n\r\n <p class=\"s2-copy\">\r\n Decades later, that same spirit of purpose and precision was\r\n carried forward by the next generation. In 2008,\r\n <span class=\"emph\">Mr. Dinakar Thyagaraj<\/span>, taking the baton from his father,\r\n founded JC Stationery Pvt. Ltd.\u2014a focused venture to serve\r\n India's growing demand for institutional stationery and\r\n educational supplies. Built on a vision of innovation and\r\n integrity, JC Stationery quickly earned its place in schools,\r\n government programs, and social initiatives.\r\n <\/p>\r\n\r\n <p class=\"s2-copy\">\r\n As the demand grew, so did the need for scale, sustainability,\r\n and a sharper brand identity. This led to the transformation of\r\n JC Stationery into what we now know as\r\n <span class=\"strong\">Verdant Paper Products Pvt. Ltd.<\/span>\u2014a name that reflects\r\n growth, greatness, and global readiness.\r\n <\/p>\r\n\r\n <p class=\"s2-copy\">\r\n Today, Verdant stands as one of India\u2019s largest integrated paper and\r\n stationery manufacturers, based in Andhra Pradesh and serving both\r\n domestic and international markets. With eco-conscious processes,\r\n innovative product lines, and a deep-rooted commitment to people,\r\n Verdant continues to write a legacy defined not just by output, but\r\n by impact.\r\n <\/p>\r\n\r\n <p class=\"s2-quote\">\r\n Because for us, legacy isn\u2019t only what we inherit\u2014 it\u2019s what we\r\n create sustainably, one page at a time.\r\n <\/p>\r\n\r\n <div class=\"footer-area\">\r\n <div class=\"founder-wrap\">\r\n <div class=\"founder-row\">\r\n \r\n <img decoding=\"async\" class=\"founder-photo\"\r\n src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/09\/Frame-1618873051.png\"\r\n alt=\"Leader portrait\"\/>\r\n \r\n <a href=\"https:\/\/verdantgroup.co.in\/index.php\/about-us\/\" class=\"btn-know-img\" aria-label=\"Know More\">\r\n <img decoding=\"async\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Frame-1618873185-2.png\" alt=\"Know More\"\/>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/section>\r\n <\/div>\r\n\r\n<script>\r\n const slide2 = document.getElementById('slide2');\r\n document.getElementById('nextBtn').addEventListener('click', (e)=>{\r\n e.preventDefault();\r\n slide2.scrollIntoView({behavior:'smooth', inline:'start', block:'nearest'});\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-2c611a1 e-con-full e-flex e-con e-child\" data-id=\"2c611a1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6dca3bd e-con-full e-flex e-con e-child\" data-id=\"6dca3bd\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cced5cc elementor-widget elementor-widget-html\" data-id=\"cced5cc\" 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>Business Scale & Operations<\/title>\r\n \r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@700&display=swap\"\r\n rel=\"stylesheet\"\r\n >\r\n <style>\r\n .business-scale-heading {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 48px;\r\n line-height: 58px;\r\n letter-spacing: 1%;\r\n text-align: center;\r\n vertical-align: middle;\r\n color: #001316;\r\n margin: 0;\r\n }\r\n \/* Mobile: align left *\/\r\n@media (max-width: 768px) {\r\n .business-scale-heading {\r\n text-align: left; \/* or 'start' if you need RTL support *\/\r\n }\r\n}\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h2 class=\"business-scale-heading\">\r\n Business Scale & Operations\r\n <\/h2>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cb8b9c elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"1cb8b9c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verdant operates on a vertically integrated model that combines large-scale manufacturing with the agility to handle both institutional contracts and customised orders. Backed by a growing workforce, state-of-the-art facilities, and a diverse portfolio of SKUs, Verdant’s operations are built for performance, adaptability, and long-term growth.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f189f4 e-grid e-con-full e-con e-child\" data-id=\"0f189f4\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a6219f7 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"a6219f7\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInDown","animation_delay":1}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0be603 elementor-widget elementor-widget-html\" data-id=\"b0be603\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">400+<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Total Workforce<\/p>\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-3e16d45 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3e16d45\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInDown","animation_delay":600}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0849730 elementor-widget elementor-widget-html\" data-id=\"0849730\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">1100+<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Active SKUs<\/p>\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-3a65ee1 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3a65ee1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInDown","animation_delay":1200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5623e8c elementor-widget elementor-widget-html\" data-id=\"5623e8c\" 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>Stats with Unit Styling<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n width: 268.3728942871094px;\r\n }\r\n\r\n \/* \u201c3000+\u201d in big gradient *\/\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n \/* \u201cMT\u201d unit styling *\/\r\n .stat-large .unit {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 500;\r\n font-size: 24px;\r\n line-height: 32px;\r\n letter-spacing: 0%;\r\n vertical-align: middle;\r\n margin-left: 4px; \/* small spacing from the number *\/\r\n\r\n \/* solid gray color for the unit *\/\r\n background: #737373;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n \/* Divider *\/\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: linear-gradient(\r\n 180deg,\r\n #FFFFFF 0%,\r\n rgba(255, 255, 255, 0) 17.34%\r\n );\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n \/* \u201cTotal Workforce\u201d in solid green *\/\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">\r\n 6000+<span class=\"unit\">MT<\/span>\r\n <\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Monthly Production Capacity<\/p>\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-1ae9cae e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"1ae9cae\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInDown","animation_delay":1800}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79277a6 elementor-widget elementor-widget-html\" data-id=\"79277a6\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">4200+<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Average Order Value<\/p>\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-987b75f e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"987b75f\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInUp","animation_delay":300}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4889e2 elementor-widget elementor-widget-html\" data-id=\"f4889e2\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">2<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Operational Plants<\/p>\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-98793de e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"98793de\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInUp","animation_delay":900}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5655947 elementor-widget elementor-widget-html\" data-id=\"5655947\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">70%<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Capacity Utilization<\/p>\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-ff4f7a6 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"ff4f7a6\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInUp","animation_delay":1500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77aec9b elementor-widget elementor-widget-html\" data-id=\"77aec9b\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">2<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">Business Units<\/p>\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-6f14c5c e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex elementor-invisible e-con e-child\" data-id=\"6f14c5c\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInUp","animation_delay":2100}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-640c14f elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"640c14f\" 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>Stats with Divider<\/title>\r\n\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=Space+Grotesk:wght@700&display=swap\" \r\n rel=\"stylesheet\"\r\n >\r\n\r\n \r\n \r\n\r\n <style>\r\n .stats-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 20px;\r\n \/* fixed width as requested *\/\r\n width: 268.3728942871094px;\r\n }\r\n\r\n .stat-large {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 72px;\r\n line-height: 115px;\r\n letter-spacing: 0;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: linear-gradient(117.1deg, #001316 -16.52%, #04655C 52.84%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .stats-divider {\r\n width: 100%;\r\n height: 2px;\r\n background: #0000001f;\r\n border: none;\r\n margin: 0;\r\n }\r\n\r\n .stat-small {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 32px;\r\n letter-spacing: 2%;\r\n vertical-align: middle;\r\n leading-trim: none;\r\n margin: 0;\r\n\r\n background: #6B8662;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"stats-container\">\r\n <p class=\"stat-large\">25%<\/p>\r\n <div class=\"stats-divider\"><\/div>\r\n <p class=\"stat-small\">New Product Revenue<\/p>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90c490a e-con-full e-flex e-con e-child\" data-id=\"90c490a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-93606da e-con-full e-flex e-con e-child\" data-id=\"93606da\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6ebeb6c e-flex e-con-boxed e-con e-child\" data-id=\"6ebeb6c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-91f188d e-con-full e-flex e-con e-child\" data-id=\"91f188d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a622dc elementor-widget elementor-widget-html\" data-id=\"1a622dc\" 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>Verdant\u2019s Core Product Portfolio<\/title>\r\n \r\n \r\n\r\n <style>\r\n .portfolio-heading {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-style: normal;\r\n font-size: 48px;\r\n line-height: 58px;\r\n letter-spacing: 1%;\r\n vertical-align: middle;\r\n margin: 0;\r\n }\r\n\r\n .portfolio-heading .core {\r\n color: #ffffff;\r\n }\r\n\r\n .portfolio-heading .portfolio-text {\r\n color: #C7CA96;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body> \r\n <h1 class=\"portfolio-heading\">\r\n <span class=\"core\">Verdant\u2019s Core<\/span> <br>\r\n <span class=\"portfolio-text\">Product Portfolio<\/span>\r\n <\/h1>\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-1ecad32 e-con-full e-flex e-con e-child\" data-id=\"1ecad32\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da9ed5b elementor-widget elementor-widget-text-editor\" data-id=\"da9ed5b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verdant offers a comprehensive range of high-quality eco-friendly Stationery\u00a0and\u00a0Paper products tailored for institutions, corporates, private labels, and international markets. Each product line seamlessly blends functionality, sustainability, and customization, enabling us to meet the unique needs of diverse customers while upholding our commitment to design, durability, and eco-conscious manufacturing.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1721a7 e-flex e-con-boxed e-con e-child\" data-id=\"d1721a7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-63a4eb1 e-con-full e-flex e-con e-child\" data-id=\"63a4eb1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdee4a9 animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"fdee4a9\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":100}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-1\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-13-at-16.45.13_2629f1d3.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/79dfee19e94874c96359a14ad175973230367c95.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Student Notebooks<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Durable, high-quality notebooks for everyday classroom use.<\/li><li>Available in ruled, unruled, graph, and customized formats.<\/li><\/ul><\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3897e14 e-con-full e-flex e-con e-child\" data-id=\"3897e14\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb1d405 animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"eb1d405\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":200}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-2\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/a3fea21f7822c4133e1970f5926664d81413e78d.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/ab5535e003a633eb3444e626b7f16144fef35a7d.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Executive Stationery<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\">Premium planners, diaries, and journals for business and export use.<\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ebcddb e-con-full e-flex e-con e-child\" data-id=\"0ebcddb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ff4a59 animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"2ff4a59\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":300}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-3\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/143e88867910331fdb03c8fec987d8c4af45b34f.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/07136c447bb455894ce86eb30b05cf8c5505ff5d.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Business Copier Paper<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>A4,A3 and Legal size sheets designed for smooth, jam-free performance.<\/li><li>High-whiteness, bulk-packaged, and FSC-certified for everyday use.<\/li><\/ul><\/div>\n <\/div><\/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<div class=\"elementor-element elementor-element-c22652c e-flex e-con-boxed e-con e-child\" data-id=\"c22652c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-550ee3b e-con-full e-flex e-con e-child\" data-id=\"550ee3b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-486a39d animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"486a39d\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":400}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-4\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/0570458fce07f7592a213758f66a7191e9e93c6d.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/d03e19924a7a79d24a346e200fcb3f996419e848.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Customised Stationery<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Stationery tailored to your identity\u2014ideal for schools, events, and brands.<\/li><li>Flexible formats, personalized covers, and bulk fulfilment available.<\/li><\/ul><\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc6a423 e-con-full e-flex e-con e-child\" data-id=\"cc6a423\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e69976c animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"e69976c\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":500}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-5\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/5df92e39a173fe9ad3dab63e9808652e673e4f99.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/590c62ba7805c5b3207d5c77c5472f2864237350.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">OEM & White-Label Products<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>We manufacture high-quality stationery under your brand\u2019s label.<\/li><li>Full-service support from design to dispatch for private label partners.<\/li><\/ul><\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0607985 e-con-full e-flex e-con e-child\" data-id=\"0607985\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33bf2fa animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"33bf2fa\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":600}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-6\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-07-13-at-16.47.35_a10f2263.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/06fb803194c9451e2e36c114740fc8a0b7623878.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Contract Manufacturing<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Trusted production partner for large-scale stationery requirements. <\/li><li>Specialized in tenders, NGOs, and institutional fulfilment projects.<\/li><\/ul><\/div>\n <\/div><\/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<div class=\"elementor-element elementor-element-e38a438 e-flex e-con-boxed e-con e-child\" data-id=\"e38a438\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fc05ac6 e-con-full e-flex e-con e-child\" data-id=\"fc05ac6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de54958 animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"de54958\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":700}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-7\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/04dadb0642c455175b8e0b44f68b7695f6925225.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/c661eacb4d4125f67d6944a8b86a667134d12e77.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Corporate Promotion Gift Sets<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Branded kits that leave a lasting impression at every touchpoint for corporate gifting, events and promotions. <\/li><li>Includes notebooks, pens, planners, and accessories\u2014custom-packed.<\/li><\/ul><\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78505cb e-con-full e-flex e-con e-child\" data-id=\"78505cb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee295a9 animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"ee295a9\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":800}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-8\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/89be4597f66cd4691fe9e51195c62d808fcafdc6.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/fc5357776fe3af298c2ec6cb5c0fef065b3ab959.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Design and Branding Packs<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Create a cohesive brand presence with customized A4\/A3 kits.<\/li><li>Includes packaging, product layout, and design built to amplify identity.<\/li><\/ul><\/div>\n <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9891a5 e-con-full e-flex e-con e-child\" data-id=\"b9891a5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4a7d3c animated-slow elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"b4a7d3c\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":900}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"product-card card-9\"\n style=\"\n --card-bg: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-2.png);\n --card-bg-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/Background-3.png);\n --card-icon: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/7d7be79b21184fbc14dd179e30a41d242eaceb50.png);\n --card-icon-hover: url(https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/9e9db2735a4a7b2a4a3546d3fd3d7edde9d5508c.png);\n \">\n <div class=\"card-icon\" aria-hidden=\"true\"><\/div>\n <h3 class=\"card-title\">Logistics Ready File Solutions<\/h3>\n <div class=\"bottom-line\" aria-hidden=\"true\"><\/div>\n <div class=\"extra-text\"><ul><li>Ready-to-ship file and folder systems for schools and offices.<\/li><li>Durable, stackable, and optimized for institutional bulk distribution.<\/li><\/ul><\/div>\n <\/div><\/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 class=\"elementor-element elementor-element-ef49e49 elementor-widget elementor-widget-spacer\" data-id=\"ef49e49\" 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>\n\t\t<div class=\"elementor-element elementor-element-d0efe46 e-con-full e-flex e-con e-child\" data-id=\"d0efe46\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c37bef elementor-widget elementor-widget-shortcode\" data-id=\"5c37bef\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div id=\"vis_6efa8966\" class=\"verdant-image-shortcode\" data-video=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/Video-Verdant.mp4\">\n \n <div class=\"bg-video-wrap\" aria-hidden=\"true\">\n <video class=\"bg-video\" playsinline webkit-playsinline controls preload=\"metadata\" ><\/video>\n <\/div>\n\n \n <div class=\"gradient-overlay\"><\/div>\n\n \n <div class=\"vis-inner\" role=\"region\" aria-label=\"Hero content\">\n <div class=\"text-container\">\n <span class=\"line1\">Building<\/span><br><span class=\"line2\">Scale, Speed & Quality<\/span><br><span class=\"line3\">at the core with<\/span><br><span class=\"line4\">State-of-the-Art Infrastructure.<\/span> <div class=\"video-cta\">Check out Video \u2192<\/div>\n <\/div>\n\n <button class=\"play-button\" type=\"button\" aria-label=\"Play video\" title=\"Play video\"><\/button>\n <button class=\"video-close\" type=\"button\" aria-label=\"Close video\" title=\"Close\">\u00d7<\/button>\n <\/div>\n <\/div>\n\n <style>\n \/* WRAPPER (Desktop\/Laptop unchanged) *\/\n #vis_6efa8966.verdant-image-shortcode{\n position: relative;\n width: 100vw; \/* full-bleed *\/\n aspect-ratio: 1521 \/ 640;\n background: url(\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/5c633dbb58beeff5bcb9863d4b10209ee0c0cc20-scaled.jpg\") center\/cover no-repeat;\n overflow: hidden;\n border-radius: 0 0 98px 0; \/* only BR corner *\/\n left: 50%; transform: translateX(-50%); \/* center across viewport *\/\n }\n\n \/* BACKGROUND VIDEO (replaces bg image while playing) *\/\n #vis_6efa8966 .bg-video-wrap{\n position: absolute; inset: 0;\n opacity: 0; pointer-events: none;\n transition: opacity .45s ease;\n z-index: 0;\n background: #000; \/* safe bg while loading *\/\n }\n #vis_6efa8966 .bg-video{\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n background: #000;\n }\n\n \/* GRADIENT OVERLAY *\/\n #vis_6efa8966 .gradient-overlay{\n position: absolute; inset: 0;\n background: linear-gradient(270deg, rgba(0,40,43,0) 5.59%, #00282B 88.01%);\n transition: opacity .45s ease;\n pointer-events: none;\n z-index: 1;\n }\n\n \/* CONTENT BAND (centered, up to 1363px) *\/\n #vis_6efa8966 .vis-inner{\n position: absolute; top: 0; bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: min(1363px, calc(100% - 32px));\n height: 100%;\n z-index: 2;\n padding: 0 16px; \/* small side padding to avoid edge clipping on small screens *\/\n }\n\n \/* TEXT \u2014 initial state is shifted right & hidden; slides in on scroll *\/\n #vis_6efa8966 .text-container{\n position: absolute; top: 50%; left: 0;\n transform: translateY(-50%) translateX(24%); \/* start slightly to the right *\/\n width: 55%; color: #fff;\n opacity: 0;\n visibility: hidden; \/* prevents pre-reveal flash *\/\n transition:\n transform .70s cubic-bezier(.22,.61,.36,1),\n opacity .60s ease,\n visibility 0s linear .60s; \/* make visible sync with opacity *\/\n will-change: transform, opacity;\n }\n \/* When the section enters viewport (set via JS), reveal text by sliding left *\/\n #vis_6efa8966.is-inview .text-container{\n transform: translateY(-50%) translateX(0);\n opacity: 1;\n visibility: visible;\n transition-delay: 0s, 0s, 0s;\n }\n\n \/* Lines *\/\n #vis_6efa8966 .line1,\n #vis_6efa8966 .line2,\n #vis_6efa8966 .line3,\n #vis_6efa8966 .line4{\n display: block;\n font-family: 'Host Grotesk', sans-serif;\n line-height: 0.7; letter-spacing: 1%;\n font-size: 48px;\n }\n #vis_6efa8966 .line1{ font-weight: 400; color:#fff; }\n #vis_6efa8966 .line2{ font-weight: 700; color:#849B40; }\n #vis_6efa8966 .line3{ font-weight: 700; color:#fff; }\n #vis_6efa8966 .line4{ font-weight: 700; color:#C0CFC0; }\n\n #vis_6efa8966 .video-cta{\n margin-top: 3.5rem;\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 400; font-size: 18px; line-height: 1.6;\n color: rgba(255,255,255,0.75);\n }\n\n \/* PLAY BUTTON (right edge of band) *\/\n #vis_6efa8966 .play-button{\n position: absolute; top: 50%; right: 0; transform: translateY(-50%);\n width: 109px; height: 109px;\n background-color: rgba(255,255,255,0.25);\n border: 10px solid #fff; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n cursor: pointer; box-sizing: border-box;\n font-size: 36px; color: #fff;\n }\n #vis_6efa8966 .play-button::before{ content: '\u25b6'; margin-left: 2px; }\n\n \/* CLOSE BUTTON (shown only while playing) *\/\n #vis_6efa8966 .video-close{\n position: absolute; top: 14px; right: 14px;\n width: 60px; height: 60px; border-radius: 50%;\n border: 0; background: rgba(10,42,46,.6);\n color: #fff; font-size: 22px; line-height: 38px; text-align: center;\n cursor: pointer; display: none;\n }\n\n \/* PLAYING STATE *\/\n #vis_6efa8966.is-playing .bg-video-wrap{ opacity: 1; pointer-events: auto; }\n #vis_6efa8966.is-playing .gradient-overlay{ opacity: .08; } \/* set to 0 for no overlay *\/\n #vis_6efa8966.is-playing .text-container{\n transform: translateY(-50%) translateX(-120%); \/* slide out left when playing *\/\n opacity: .001;\n visibility: hidden; \/* fully hide while video plays *\/\n transition: none;\n }\n #vis_6efa8966.is-playing .play-button{ display: none; }\n #vis_6efa8966.is-playing .video-close{ display: block; }\n\n \/* Reduced motion: no slide, just show *\/\n @media (prefers-reduced-motion: reduce){\n #vis_6efa8966 .text-container{\n transition: none !important;\n transform: translateY(-50%) translateX(0) !important;\n opacity: 1 !important;\n visibility: visible !important;\n }\n }\n\n \/* =========================\n RESPONSIVE (Tablet & Mobile)\n Desktop\/Laptop remain unchanged\n ========================= *\/\n\n \/* Tablet *\/\n @media (max-width: 1024px){\n \/* Give more height on medium screens for breathing room *\/\n #vis_6efa8966.verdant-image-shortcode{\n aspect-ratio: auto; \/* override wide ratio *\/\n height: clamp(460px, 52vw, 600px);\n }\n #vis_6efa8966 .text-container{ width: 64%; transform: translateY(-50%) translateX(18%); }\n #vis_6efa8966 .line1, #vis_6efa8966 .line2, #vis_6efa8966 .line3, #vis_6efa8966 .line4{\n font-size: clamp(28px, 3.6vw, 40px);\n line-height: .85;\n }\n #vis_6efa8966 .video-cta{ font-size: 16px; margin-top: 2rem; }\n #vis_6efa8966 .play-button{ width: 90px; height: 90px; border-width: 8px; font-size: 30px; }\n }\n\n \/* Large phones \/ small tablets *\/\n @media (max-width: 768px){\n #vis_6efa8966.verdant-image-shortcode{\n aspect-ratio: auto;\n height: clamp(500px, 75vw, 640px);\n border-radius: 0 0 72px 0;\n }\n #vis_6efa8966 .gradient-overlay{\n \/* slightly stronger overlay for readability on small screens *\/\n background: linear-gradient(270deg, rgba(0,40,43,.15) 0%, #00282B 85%);\n }\n #vis_6efa8966 .text-container{\n width: 86%;\n left: 8px; \/* tuck in from the edge *\/\n transform: translateY(-50%) translateX(10%); \/* softer initial offset *\/\n }\n #vis_6efa8966.is-inview .text-container{\n transform: translateY(-50%) translateX(0);\n }\n #vis_6efa8966 .line1, #vis_6efa8966 .line2, #vis_6efa8966 .line3, #vis_6efa8966 .line4{\n font-size: clamp(22px, 5.2vw, 30px);\n line-height: .95;\n }\n #vis_6efa8966 .video-cta{ font-size: 15px; margin-top: 1.25rem; }\n \/* Move play button to bottom-right so it doesn't crowd text *\/\n #vis_6efa8966 .play-button{\n top: auto; bottom: 16px; right: 16px; transform: none;\n width: 64px; height: 64px; border-width: 6px; font-size: 22px;\n }\n #vis_6efa8966 .video-close{ width: 48px; height: 48px; font-size: 18px; }\n }\n\n \/* Phones *\/\n @media (max-width: 480px){\n #vis_6efa8966.verdant-image-shortcode{\n aspect-ratio: auto;\n height: clamp(520px, 96vw, 720px);\n border-radius: 0 0 56px 0;\n }\n #vis_6efa8966 .text-container{\n width: 92%;\n left: 6px;\n }\n #vis_6efa8966 .line1, #vis_6efa8966 .line2, #vis_6efa8966 .line3, #vis_6efa8966 .line4{\n font-size: clamp(18px, 6vw, 26px);\n }\n #vis_6efa8966 .video-cta{ font-size: 14px; }\n #vis_6efa8966 .play-button{\n width: 56px; height: 56px; border-width: 5px; font-size: 18px;\n right: 14px; bottom: 14px;\n }\n #vis_6efa8966 .video-close{ width: 44px; height: 44px; font-size: 16px; }\n }\n <\/style>\n\n <script>\n (function(){\n var root = document.getElementById('vis_6efa8966');\n if (!root) return;\n\n var play = root.querySelector('.play-button');\n var close = root.querySelector('.video-close');\n var video = root.querySelector('.bg-video');\n var src = root.getAttribute('data-video');\n\n function ensureSource(){\n if (!src) return false;\n if (!video.querySelector('source')){\n var s = document.createElement('source');\n s.src = src;\n s.type = 'video\/mp4';\n video.appendChild(s);\n video.load();\n }\n return true;\n }\n\n function start(){\n if (!ensureSource()) return;\n root.classList.add('is-playing');\n try {\n video.currentTime = 0;\n video.play().catch(function(){ \/* user gesture may be required *\/ });\n } catch(e){}\n }\n\n function stop(){\n try { video.pause(); } catch(e){}\n root.classList.remove('is-playing');\n }\n\n if (play) play.addEventListener('click', start);\n if (close) close.addEventListener('click', stop);\n if (video) video.addEventListener('ended', stop);\n\n \/\/ ESC to close only for this instance\n root.addEventListener('keydown', function(e){\n if (e.key === 'Escape' && root.classList.contains('is-playing')) stop();\n });\n \/\/ make container focusable for ESC handling on keyboard users\n root.setAttribute('tabindex','-1');\n\n \/* ===== On-scroll reveal (right \u2192 left) ===== *\/\n try {\n var hasEntered = false;\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if (entry.isIntersecting && !hasEntered){\n root.classList.add('is-inview'); \/\/ triggers CSS slide-in\n hasEntered = true;\n io.disconnect(); \/\/ run once per instance\n }\n });\n }, {\n root: null,\n threshold: 0.35, \/\/ ~35% visible before animating\n rootMargin: \"0px 0px -10% 0px\"\n });\n io.observe(root);\n } catch(err){\n \/\/ Fallback: if IO unsupported, reveal immediately after a tick\n setTimeout(function(){ root.classList.add('is-inview'); }, 50);\n }\n })();\n <\/script>\n \n<\/div>\n\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-9c4817c elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-child\" data-id=\"9c4817c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-656e73b e-con-full e-flex e-con e-child\" data-id=\"656e73b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e19c5e elementor-widget elementor-widget-html\" data-id=\"0e19c5e\" 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>Our Major Clientele<\/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\r\n <style>\r\n .clientele-heading {\r\n font-family: 'Host Grotesk', sans-serif;\r\n font-weight: 400; \/* \u201cOur Major\u201d *\/\r\n font-size: 48px;\r\n line-height: 58px;\r\n letter-spacing: 1%;\r\n vertical-align: middle;\r\n color: #0C4C44;\r\n margin: 0;\r\n padding: 0;\r\n white-space: nowrap; \/* prevent wrapping *\/\r\n }\r\n .clientele-heading .bold {\r\n font-weight: 700; \/* \u201cClientele\u201d *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"clientele-heading\">\r\n Our Major <span class=\"bold\">Clientele<\/span>\r\n <\/h1>\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-5674fa7 e-con-full e-flex e-con e-child\" data-id=\"5674fa7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8feec5a elementor-widget elementor-widget-heading\" data-id=\"8feec5a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We serve and satisfy companies that are amongst the best in the world.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30ea743 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-child\" data-id=\"30ea743\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-60b22b0 e-con-full e-flex e-con e-child\" data-id=\"60b22b0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1fa482 elementor-widget elementor-widget-shortcode\" data-id=\"b1fa482\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"vlg-grid\" role=\"list\"><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/4d2624fad1b469157d45691d6b3183cf61793cf3.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-1.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/86b59c6678e977bded6c5da2c05501be53a8b404.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-2.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/b7ec01cedcb3f0476eaf9538cb08ff285654b770.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-2.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/6174f96ea1c888d02c4e62692daca5a1f6f45fc5.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-3.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/32d6cae13a44c0ed3520f03774a57f82c9520b1e.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-4.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/34e09db17d9aad797d540f5a06ce23e9c1c2fa66.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-5.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/a1d9e7f65b343b6b64074934393ae74b574d9d54.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-6.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/a020eacb643b70e43f4f032277d3228bfdb64c37.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-7.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/0a782efa91b9b763cb5830240168e3225254f906.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-8.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/17080478580d7fa97fd7942b45b9a3aefb4f5b91.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-9.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/06dd6c3a016c5944f07b6e8e8e1864ea752b82ea.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-10.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/1756ec72bfdefc63493ac750f05c3f9f99a5ff9b.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-11.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/df7484b29ab94097bafb824e8dcf05e91e02126d.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-12.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/b5c68b711e847c0b629194482636df93aa6a500e.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-13.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/d91f6ddd7375de2cca2ab9dbb12d8cec217f11d0.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-14.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/45f535c97a76ccd36d9440acfaf20b795b973794.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-15.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/4d465454e9091123b1a5607450fd9d7b9aaff04e.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><div class=\"vlg-item\" role=\"listitem\" tabindex=\"0\"><img class=\"vlg-img vlg-default\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/08\/image-92-16.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><img class=\"vlg-img vlg-hover\" src=\"https:\/\/verdantgroup.co.in\/wp-content\/uploads\/2025\/07\/4434e90d07e9e16bafb9ed8d47577d209f70fcfa.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" \/><\/div><\/div><style>\n\/* Wrapper grid *\/\n.vlg-grid{\n display:grid;\n grid-template-columns:repeat(6,minmax(0,1fr));\n gap:24px;\n align-items:center;\n justify-items:center;\n margin:0 auto;\n max-width:1600px;\n}\n\n\/* Each logo cell *\/\n.vlg-item{\n position:relative;\n width:100%;\n max-width:clamp(120px,18vw,228px); \/* responsive but capped near your Figma size *\/\n aspect-ratio:228 \/ 152; \/* \u2248 original 228\u00d7151.7 box *\/\n overflow:hidden;\n}\n\n\/* Images centered & scaled inside the cell *\/\n.vlg-img{\n position:absolute;\n inset:0;\n margin:auto;\n max-width:75%;\n max-height:75%;\n object-fit:contain;\n transition:opacity .3s ease;\n display:block;\n}\n.vlg-hover{ opacity:0; }\n\n\/* Swap on hover and keyboard focus *\/\n.vlg-item:hover .vlg-default,\n.vlg-item:focus-within .vlg-default{ opacity:0; }\n.vlg-item:hover .vlg-hover,\n.vlg-item:focus-within .vlg-hover{ opacity:1; }\n\n\/* Visible focus ring for accessibility *\/\n.vlg-item:focus-visible{\n outline:2px solid #0a7;\n outline-offset:2px;\n}\n\n\/* Responsive columns *\/\n@media (max-width:1200px){\n .vlg-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }\n}\n@media (max-width:900px){\n .vlg-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }\n}\n@media (max-width:600px){\n .vlg-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }\n}\n<\/style><\/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<div class=\"elementor-element elementor-element-151aef3 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-child\" data-id=\"151aef3\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-94e4cc2 e-con-full e-flex e-con e-child\" data-id=\"94e4cc2\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a72aa14 elementor-widget elementor-widget-shortcode\" data-id=\"a72aa14\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<style>\r\n\t @import url('https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@400;500;700&family=Roboto:wght@400&display=swap');\r\n\t body { background: #f2f2f0; }\r\n\r\n\t \/* Header *\/\r\n\t .client-testimonials-header {\r\n\t max-width: 1200px;\r\n\t margin: 0 auto 24px;\r\n\t display: flex;\r\n\t align-items: center;\r\n\t justify-content: space-between;\r\n\t }\r\n\t .client-testimonials-header .section-heading .part1 {\r\n\t font-family:'Host Grotesk'; font-weight:400; font-size:48px; line-height:58px; letter-spacing:1%; color:#0C4C44;\r\n\t }\r\n\t .client-testimonials-header .section-heading .part2 {\r\n\t font-family:'Host Grotesk'; font-weight:700; font-size:48px; line-height:58px; letter-spacing:1%; color:#0C4C44; margin-left:8px;\r\n\t }\r\n\t .client-testimonials-header .nav-buttons { display:flex; gap:12px; }\r\n\t .client-testimonials-header .nav-button {\r\n\t width:43.535px; height:43.535px; border:none; border-radius:21px;\r\n\t display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:24px;\r\n\t }\r\n\t .client-testimonials-header .nav-button.prev { background:#00282D; color:#fff; }\r\n\t .client-testimonials-header .nav-button.next { background:#D7E128; color:#00282D; }\r\n\r\n\t \/* Slider *\/\r\n\t .slider { max-width:1200px; margin:0 auto; overflow:hidden; }\r\n\t .slides { display:flex; transition:transform .4s ease; }\r\n\t .slide { min-width:100%; display:flex; gap:0; }\r\n\r\n\t .testimonial-card {\r\n\t background:#fff; border-radius:12px; padding:68px;\r\n\t box-shadow:0 2px 8px rgba(0,0,0,.05);\r\n\t display:flex; flex-direction:column;\r\n\t width:684px; height:401px; box-sizing:border-box;\r\n\t color: inherit;\r\n\t }\r\n\t .slide .testimonial-card:first-child {\r\n\t border-top-left-radius:24px; border-bottom-left-radius:24px;\r\n\t border-top-right-radius:0; border-bottom-right-radius:0;\r\n\t }\r\n\t .slide .testimonial-card:nth-child(2) {\r\n\t border-top-right-radius:24px; border-bottom-right-radius:24px;\r\n\t border-top-left-radius:0; border-bottom-left-radius:0;\r\n\t \/* white text on dark background *\/\r\n\t color: #fff;\r\n\t }\r\n\t .slides .slide:first-child .testimonial-card:first-child { background:#E2E0DF80; }\r\n\t .slides .slide:first-child .testimonial-card:nth-child(2) { background:#00282B; }\r\n\r\n\t .testimonial-content { display:flex; flex-direction:column; flex:1; }\r\n\r\n\t .testimonial-header {\r\n\t display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;\r\n\t }\r\n\t .testimonial-photo {\r\n\t width:91px; height:91px; border-radius:50%; object-fit:cover; flex-shrink:0;\r\n\t }\r\n\t .testimonial-info {\r\n\t flex:1; margin:0 16px; display:flex; flex-direction:column; justify-content:center;\r\n\t }\r\n\t .testimonial-name {\r\n\t font-family:'Host Grotesk'; font-weight:500; font-size:20px; line-height:100%; letter-spacing:0%; margin:0;\r\n\t }\r\n\t .testimonial-role {\r\n\t font-family:'Roboto'; font-weight:400; font-size:16px; line-height:152%; letter-spacing:0%; margin:4px 0 0;\r\n\t }\r\n\t .testimonial-icon {\r\n\t width:50px; height:50px; object-fit:contain; flex-shrink:0;\r\n\t }\r\n\r\n\t .testimonial-quote {\r\n\t font-style:italic; font-size:16px; line-height:24px;\r\n\t margin:0 0 24px; flex:1;\r\n\t }\r\n\t .testimonial-rating { display:flex; gap:4px; }\r\n\t .testimonial-rating span {\r\n\t display:inline-flex; align-items:center; justify-content:center;\r\n\t width:34px; height:34px; font-size:24px; line-height:1; color:#D7E128;\r\n\t }\r\n\t<\/style>\r\n\r\n\t<div class=\"client-testimonials-header\">\r\n\t <h2 class=\"section-heading\">\r\n\t <span class=\"part1\">Client<\/span><span class=\"part2\">Testimonials<\/span>\r\n\t <\/h2>\r\n\t <div class=\"nav-buttons\">\r\n\t <button class=\"nav-button prev\" aria-label=\"Previous\">←<\/button>\r\n\t <button class=\"nav-button next\" aria-label=\"Next\">→<\/button>\r\n\t <\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"slider\">\r\n\t <div class=\"slides\">\r\n\r\n\t \r\n\t <div class=\"slide\">\r\n\t <div class=\"testimonial-card\">\r\n\t <div class=\"testimonial-content\">\r\n\t <div class=\"testimonial-header\">\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/User.png\" alt=\"Kathleen Smith\" class=\"testimonial-photo\">\r\n\t <div class=\"testimonial-info\">\r\n\t <p class=\"testimonial-name\">Kathleen Smith<\/p>\r\n\t <p class=\"testimonial-role\">Fuel Company<\/p>\r\n\t <\/div>\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\r\n\t alt=\"Quote icon\" class=\"testimonial-icon\">\r\n\t <\/div>\r\n\t <p class=\"testimonial-quote\">\r\n\t Leverage agile frameworks to provide a robust synopsis for strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.\r\n\t <\/p>\r\n\t <div class=\"testimonial-rating\">\r\n\t <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <div class=\"testimonial-card\">\r\n\t <div class=\"testimonial-content\">\r\n\t <div class=\"testimonial-header\">\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/User.png\" alt=\"John Smith\" class=\"testimonial-photo\">\r\n\t <div class=\"testimonial-info\">\r\n\t <p class=\"testimonial-name\">John Smith<\/p>\r\n\t <p class=\"testimonial-role\">Beta Ltd.<\/p>\r\n\t <\/div>\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\r\n\t alt=\"Quote icon\" class=\"testimonial-icon\">\r\n\t <\/div>\r\n\t <p class=\"testimonial-quote\">\r\n Leverage agile frameworks to provide a robust synopsis for strategy foster collaborative thinking to further the overall value proposition.\r\n Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.\r\n\t <\/p>\r\n\t <div class=\"testimonial-rating\">\r\n\t <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\r\n\t \r\n\t <div class=\"slide\">\r\n\t <div class=\"testimonial-card\">\r\n\t <div class=\"testimonial-content\">\r\n\t <div class=\"testimonial-header\">\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/User.png\" alt=\"Alice Lee\" class=\"testimonial-photo\">\r\n\t <div class=\"testimonial-info\">\r\n\t <p class=\"testimonial-name\">Alice Lee<\/p>\r\n\t <p class=\"testimonial-role\">Gamma Inc.<\/p>\r\n\t <\/div>\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\r\n\t alt=\"Quote icon\" class=\"testimonial-icon\">\r\n\t <\/div>\r\n\t <p class=\"testimonial-quote\">\r\n\t The team\u2019s dedication to quality and innovation makes them our go\u2011to partner for every major project.\r\n\t <\/p>\r\n\t <div class=\"testimonial-rating\">\r\n\t <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <div class=\"testimonial-card\">\r\n\t <div class=\"testimonial-content\">\r\n\t <div class=\"testimonial-header\">\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/User.png\" alt=\"Bob Carter\" class=\"testimonial-photo\">\r\n\t <div class=\"testimonial-info\">\r\n\t <p class=\"testimonial-name\">Bob Carter<\/p>\r\n\t <p class=\"testimonial-role\">Delta Co.<\/p>\r\n\t <\/div>\r\n\t <img decoding=\"async\" src=\"http:\/\/localhost\/Verdant_group\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\r\n\t alt=\"Quote icon\" class=\"testimonial-icon\">\r\n\t <\/div>\r\n\t <p class=\"testimonial-quote\">\r\n\t Verdant\u2019s support has been instrumental in scaling our operations without compromising on quality.\r\n\t <\/p>\r\n\t <div class=\"testimonial-rating\">\r\n\t <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\r\n\t <\/div>\r\n\t<\/div>\r\n\r\n\t<script>\r\n\t(function(){\r\n\t const slides = document.querySelector('.slides');\r\n\t const prev = document.querySelector('.nav-button.prev');\r\n\t const next = document.querySelector('.nav-button.next');\r\n\t let idx = 0, total = document.querySelectorAll('.slide').length;\r\n\t prev.addEventListener('click', ()=> {\r\n\t idx = (idx - 1 + total) % total;\r\n\t slides.style.transform = `translateX(-${idx*100}%)`;\r\n\t });\r\n\t next.addEventListener('click', ()=> {\r\n\t idx = (idx + 1) % total;\r\n\t slides.style.transform = `translateX(-${idx*100}%)`;\r\n\t });\r\n\t})();\r\n\t<\/script>\r\n\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<div class=\"elementor-element elementor-element-06b8d8d e-con-full e-flex e-con e-child\" data-id=\"06b8d8d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a773d6 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"1a773d6\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Host+Grotesk:wght@500&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<span class=\"achv-title\">Achievements<\/span>\r\n\r\n<style>\r\n .achv-title{\r\n font-family: \"Host Grotesk\";\r\n font-weight: 500; \/* Medium *\/\r\n font-style: normal; \/* 'Medium' isn't valid for font-style *\/\r\n font-size: 32px;\r\n line-height: 51.02px;\r\n letter-spacing: 0;\r\n color: #92A282;\r\n vertical-align: middle;\r\n display: inline-block; \/* makes vertical-align apply *\/\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d3b14d animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5d3b14d\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" 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 \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 <\/style>\r\n<\/head>\r\n<body>\r\n <h1 class=\"title\">\r\n <span class=\"best\">Awards for Best Manufacturing<\/span>\r\n <\/h1>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1941bde e-grid e-con-full e-con e-child\" data-id=\"1941bde\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-44b2066 e-con-full e-flex e-con e-child\" data-id=\"44b2066\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aeee9b0 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"aeee9b0\" 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:5%;\r\n --right-x:7%;\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-a3c8d05 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"a3c8d05\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cfe031 elementor-widget elementor-widget-heading\" data-id=\"2cfe031\" data-element_type=\"widget\" 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-e461bf5 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e461bf5\" 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>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-f5df846 elementor-widget elementor-widget-heading\" data-id=\"f5df846\" data-element_type=\"widget\" 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-5b779a9 elementor-widget elementor-widget-html\" data-id=\"5b779a9\" 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>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 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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-130bdca e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"130bdca\" 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-3c68cb2 e-flex e-con-boxed e-con e-child\" data-id=\"3c68cb2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b14e7be e-con-full e-flex e-con e-child\" data-id=\"b14e7be\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30fccb4 elementor-widget elementor-widget-image\" data-id=\"30fccb4\" 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-e48d2c4 elementor-widget elementor-widget-html\" data-id=\"e48d2c4\" 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-66171b0 elementor-widget elementor-widget-html\" data-id=\"66171b0\" 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-c2ff049 e-con-full e-flex e-con e-child\" data-id=\"c2ff049\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da36692 elementor-widget elementor-widget-html\" data-id=\"da36692\" 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-6bb0338 elementor-widget elementor-widget-html\" data-id=\"6bb0338\" 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-742f528 elementor-widget elementor-widget-html\" data-id=\"742f528\" 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-7c7828f elementor-widget elementor-widget-spacer\" data-id=\"7c7828f\" 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-80ef94a e-flex e-con-boxed e-con e-child\" data-id=\"80ef94a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2d50b64 e-con-full e-flex e-con e-child\" data-id=\"2d50b64\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35c4d42 elementor-widget elementor-widget-html\" data-id=\"35c4d42\" 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-fc5ed42 e-con-full e-flex e-con e-child\" data-id=\"fc5ed42\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28da381 elementor-shape-circle e-grid-align-right elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"28da381\" 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","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 Certifications Awards CSR Blog Contact Us Purposeful Stationery. Thoughtfully Designed. Globally Relevant. Verdant envisions a world where high-quality, sustainable stationery is accessible… <a href=\"https:\/\/verdantgroup.co.in\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">home page<\/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-549","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/549","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=549"}],"version-history":[{"count":1125,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/549\/revisions"}],"predecessor-version":[{"id":5422,"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/pages\/549\/revisions\/5422"}],"wp:attachment":[{"href":"https:\/\/verdantgroup.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}