{"id":4400,"date":"2021-10-12T15:51:09","date_gmt":"2021-10-12T15:51:09","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=4400"},"modified":"2026-09-19T05:09:08","modified_gmt":"2026-09-19T05:09:08","slug":"about-us-3","status":"publish","type":"page","link":"https:\/\/greynitecables.com\/index.php\/about-us-3\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4400\" class=\"elementor elementor-4400\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14eeeef e-grid e-con-full wd-section-stretch e-con e-parent\" data-id=\"14eeeef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f65005 elementor-widget elementor-widget-html\" data-id=\"1f65005\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  GREY NITE VISION SECTION\r\n  Paste this complete code inside one Elementor HTML widget.\r\n-->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n  .gnv-vision,\r\n  .gnv-vision * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gnv-vision {\r\n    --gnv-navy: #073768;\r\n    --gnv-text: #315e82;\r\n    --gnv-red: #f60605;\r\n    --gnv-bg: #e7f0f3;\r\n    position: relative;\r\n    left: 50%;\r\n    width: 100vw;\r\n    max-width: none;\r\n    margin-left: -50vw;\r\n    padding: 46px 0;\r\n    overflow: hidden;\r\n    background: var(--gnv-bg);\r\n    font-family: \"Poppins\", Arial, sans-serif;\r\n  }\r\n\r\n  @supports (width: 100dvw) {\r\n    .gnv-vision {\r\n      left: 50%;\r\n      width: 100dvw;\r\n      margin-left: -50dvw;\r\n    }\r\n  }\r\n\r\n  .gnv-vision__inner {\r\n    width: min(1230px, calc(100% - 64px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);\r\n    gap: 58px;\r\n    align-items: center;\r\n  }\r\n\r\n  .gnv-vision__content {\r\n    min-width: 0;\r\n    padding: 24px 0;\r\n  }\r\n\r\n  .gnv-vision__title {\r\n    margin: 0 0 18px !important;\r\n    padding: 0 !important;\r\n    color: var(--gnv-navy) !important;\r\n    font-family: \"Poppins\", Arial, sans-serif !important;\r\n    font-size: clamp(38px, 3.3vw, 50px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.12 !important;\r\n    letter-spacing: -1.5px !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .gnv-vision__text {\r\n    margin: 0 !important;\r\n    color: var(--gnv-text) !important;\r\n    font-family: \"Poppins\", Arial, sans-serif !important;\r\n    font-size: 15.5px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.58 !important;\r\n    letter-spacing: 0 !important;\r\n  }\r\n\r\n  .gnv-vision__text + .gnv-vision__text {\r\n    margin-top: 22px !important;\r\n  }\r\n\r\n  .gnv-vision__location {\r\n    position: relative;\r\n    margin-top: 24px;\r\n    padding: 2px 0 2px 20px;\r\n    color: var(--gnv-navy);\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .gnv-vision__location::before {\r\n    position: absolute;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    left: 0;\r\n    width: 3px;\r\n    background: var(--gnv-red);\r\n    content: \"\";\r\n  }\r\n\r\n  .gnv-vision__media {\r\n    position: relative;\r\n    min-width: 0;\r\n    height: 600px;\r\n    overflow: hidden;\r\n    background: #cedbe0;\r\n  }\r\n\r\n  .gnv-vision__image {\r\n    display: block;\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    height: 100% !important;\r\n    margin: 0 !important;\r\n    object-fit: cover;\r\n    object-position: center 43%;\r\n    filter: none !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  \/* SCROLL REVEAL EFFECT *\/\r\n  .gnv-vision.gnv-motion-ready .gnv-vision__content,\r\n  .gnv-vision.gnv-motion-ready .gnv-vision__media {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition:\r\n      opacity 0.9s cubic-bezier(.22, .61, .36, 1),\r\n      transform 0.9s cubic-bezier(.22, .61, .36, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .gnv-vision.gnv-motion-ready .gnv-vision__media {\r\n    transition-delay: 0.12s;\r\n  }\r\n\r\n  .gnv-vision.gnv-motion-ready:not(.is-visible) .gnv-vision__content {\r\n    opacity: 0;\r\n    transform: translate3d(-55px, 0, 0);\r\n  }\r\n\r\n  .gnv-vision.gnv-motion-ready:not(.is-visible) .gnv-vision__media {\r\n    opacity: 0;\r\n    transform: translate3d(55px, 0, 0);\r\n  }\r\n\r\n  .gnv-vision.gnv-motion-ready .gnv-vision__image {\r\n    transform: scale(1) !important;\r\n    transition: transform 1.2s cubic-bezier(.22, .61, .36, 1) !important;\r\n  }\r\n\r\n  .gnv-vision.gnv-motion-ready:not(.is-visible) .gnv-vision__image {\r\n    transform: scale(1.055) !important;\r\n  }\r\n\r\n  .gnv-vision.gnv-motion-ready .gnv-vision__location::before {\r\n    transform: scaleY(1);\r\n    transform-origin: top;\r\n    transition: transform 0.65s ease 0.45s;\r\n  }\r\n\r\n  .gnv-vision.gnv-motion-ready:not(.is-visible) .gnv-vision__location::before {\r\n    transform: scaleY(0);\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .gnv-vision {\r\n      padding: 42px 0;\r\n    }\r\n\r\n    .gnv-vision__inner {\r\n      width: min(940px, calc(100% - 56px));\r\n      gap: 40px;\r\n    }\r\n\r\n    .gnv-vision__media {\r\n      height: 540px;\r\n    }\r\n\r\n    .gnv-vision__text {\r\n      font-size: 14.5px !important;\r\n    }\r\n\r\n    .gnv-vision__text + .gnv-vision__text {\r\n      margin-top: 18px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 820px) {\r\n    .gnv-vision {\r\n      padding: 55px 0;\r\n    }\r\n\r\n    .gnv-vision__inner {\r\n      width: min(680px, calc(100% - 40px));\r\n      grid-template-columns: 1fr;\r\n      gap: 38px;\r\n    }\r\n\r\n    .gnv-vision__content {\r\n      padding: 0;\r\n    }\r\n\r\n    .gnv-vision__media {\r\n      height: 520px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .gnv-vision {\r\n      padding: 42px 0;\r\n    }\r\n\r\n    .gnv-vision__inner {\r\n      width: calc(100% - 30px);\r\n      gap: 32px;\r\n    }\r\n\r\n    .gnv-vision__title {\r\n      margin-bottom: 16px !important;\r\n      font-size: 34px !important;\r\n      letter-spacing: -1px !important;\r\n    }\r\n\r\n    .gnv-vision__text {\r\n      font-size: 14px !important;\r\n      line-height: 1.65 !important;\r\n    }\r\n\r\n    .gnv-vision__text + .gnv-vision__text {\r\n      margin-top: 17px !important;\r\n    }\r\n\r\n    .gnv-vision__location {\r\n      margin-top: 21px;\r\n      padding-left: 16px;\r\n      font-size: 12px;\r\n    }\r\n\r\n    .gnv-vision__media {\r\n      height: 390px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .gnv-vision.gnv-motion-ready .gnv-vision__content,\r\n    .gnv-vision.gnv-motion-ready .gnv-vision__media,\r\n    .gnv-vision.gnv-motion-ready .gnv-vision__image,\r\n    .gnv-vision.gnv-motion-ready .gnv-vision__location::before {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"gnv-vision\" aria-labelledby=\"gnv-vision-title\">\r\n  <div class=\"gnv-vision__inner\">\r\n\r\n    <div class=\"gnv-vision__content\">\r\n      <h2 class=\"gnv-vision__title\" id=\"gnv-vision-title\">\r\n        Grey Nite Vision\r\n      <\/h2>\r\n\r\n      <p class=\"gnv-vision__text\">\r\n        Grey Nite's vision is to become a trusted leader in safe, reliable and\r\n        energy-efficient wires and cables, setting strong benchmarks in quality,\r\n        innovation and customer confidence across homes, businesses and industries.\r\n      <\/p>\r\n\r\n      <p class=\"gnv-vision__text\">\r\n        Backed by Classic Cable Industries and experience since 1993, we focus on\r\n        bright-annealed 99.97% pure copper conductors, special-grade PVC insulation,\r\n        disciplined manufacturing and recognised quality standards. Our goal is to\r\n        deliver flexible, low-resistance cable solutions that reduce heating,\r\n        improve energy efficiency and provide dependable long-term performance.\r\n      <\/p>\r\n\r\n      <p class=\"gnv-vision__text\">\r\n        From house wires, FR and Uni-Lay cables to PVC-insulated industrial cables\r\n        and three-core submersible flat cables up to 1100 V AC, we continue to grow\r\n        our range with safety, durability and responsible development at its core.\r\n      <\/p>\r\n\r\n      <div class=\"gnv-vision__location\">\r\n        Manufactured by Classic Cable Industries, U.P.<br>\r\n        Corporate Office: Industrial Area, Dilshad Garden, Delhi, India\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gnv-vision__media\">\r\n      <img\r\n        class=\"gnv-vision__image\"\r\n        src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/about-us-image-1.png\"\r\n        alt=\"Grey Nite quality inspection and manufacturing\"\r\n        width=\"1037\"\r\n        height=\"1516\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    \"use strict\";\r\n\r\n    function initialiseGreyNiteVisionScroll() {\r\n      document\r\n        .querySelectorAll(\r\n          \".gnv-vision:not([data-gnv-scroll-ready])\"\r\n        )\r\n        .forEach(function (section) {\r\n          section.setAttribute(\r\n            \"data-gnv-scroll-ready\",\r\n            \"true\"\r\n          );\r\n\r\n          section.classList.add(\r\n            \"gnv-motion-ready\"\r\n          );\r\n\r\n          var reduceMotion = window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n          ).matches;\r\n\r\n          if (\r\n            reduceMotion ||\r\n            !(\"IntersectionObserver\" in window)\r\n          ) {\r\n            section.classList.add(\"is-visible\");\r\n            return;\r\n          }\r\n\r\n          var observer = new IntersectionObserver(\r\n            function (entries) {\r\n              entries.forEach(function (entry) {\r\n                if (!entry.isIntersecting) return;\r\n\r\n                entry.target.classList.add(\r\n                  \"is-visible\"\r\n                );\r\n\r\n                observer.unobserve(entry.target);\r\n              });\r\n            },\r\n            {\r\n              threshold: 0.16,\r\n              rootMargin: \"0px 0px -8% 0px\"\r\n            }\r\n          );\r\n\r\n          window.requestAnimationFrame(\r\n            function () {\r\n              observer.observe(section);\r\n            }\r\n          );\r\n        });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\r\n        \"DOMContentLoaded\",\r\n        initialiseGreyNiteVisionScroll\r\n      );\r\n    } else {\r\n      initialiseGreyNiteVisionScroll();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d182a8 e-grid e-con-full wd-section-stretch e-con e-parent\" data-id=\"9d182a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4504105 elementor-widget elementor-widget-html\" data-id=\"4504105\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  GREY NITE \u2014 WHO WE ARE SECTION\r\n  Paste this complete code inside one Elementor HTML widget.\r\n-->\r\n\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\");\r\n\r\n  .gn-who,\r\n  .gn-who * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gn-who {\r\n    --gn-who-navy: #073768;\r\n    --gn-who-text: #315e82;\r\n    --gn-who-bg: #ffffff;\r\n    position: relative;\r\n    left: 50%;\r\n    width: 100vw;\r\n    max-width: none;\r\n    margin-left: -50vw;\r\n    padding: 59px 0 78px;\r\n    overflow: hidden;\r\n    background: var(--gn-who-bg);\r\n    font-family: \"Poppins\", Arial, sans-serif;\r\n  }\r\n\r\n  @supports (width: 100dvw) {\r\n    .gn-who {\r\n      width: 100dvw;\r\n      margin-left: -50dvw;\r\n    }\r\n  }\r\n\r\n  .gn-who__inner {\r\n    width: min(1295px, calc(100% - 72px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\r\n    gap: 24px;\r\n    align-items: center;\r\n  }\r\n\r\n  .gn-who__media {\r\n    position: relative;\r\n    min-width: 0;\r\n    height: 510px;\r\n    overflow: hidden;\r\n    background: #edf2f4;\r\n  }\r\n\r\n  .gn-who__image {\r\n    display: block;\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    height: 100% !important;\r\n    margin: 0 !important;\r\n    object-fit: cover;\r\n    object-position: center 43%;\r\n    filter: none !important;\r\n  }\r\n\r\n  .gn-who__content {\r\n    min-width: 0;\r\n    padding: 0 24px 0 0;\r\n  }\r\n\r\n  .gn-who__title {\r\n    margin: 0 0 18px !important;\r\n    padding: 0 !important;\r\n    color: var(--gn-who-navy) !important;\r\n    font-family: \"Poppins\", Arial, sans-serif !important;\r\n    font-size: clamp(39px, 3.3vw, 48px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.14 !important;\r\n    letter-spacing: -1.5px !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .gn-who__text {\r\n    max-width: 550px;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: var(--gn-who-text) !important;\r\n    font-family: \"Poppins\", Arial, sans-serif !important;\r\n    font-size: 15.5px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.57 !important;\r\n    letter-spacing: 0 !important;\r\n  }\r\n\r\n  \/* Smooth one-time scroll reveal *\/\r\n  .gn-who.gn-who--motion .gn-who__media,\r\n  .gn-who.gn-who--motion .gn-who__content {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition:\r\n      opacity 0.9s cubic-bezier(.22, .61, .36, 1),\r\n      transform 0.9s cubic-bezier(.22, .61, .36, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .gn-who.gn-who--motion .gn-who__content {\r\n    transition-delay: 0.12s;\r\n  }\r\n\r\n  .gn-who.gn-who--motion:not(.is-visible) .gn-who__media {\r\n    opacity: 0;\r\n    transform: translate3d(-55px, 0, 0);\r\n  }\r\n\r\n  .gn-who.gn-who--motion:not(.is-visible) .gn-who__content {\r\n    opacity: 0;\r\n    transform: translate3d(55px, 0, 0);\r\n  }\r\n\r\n  .gn-who.gn-who--motion .gn-who__image {\r\n    transform: scale(1) !important;\r\n    transition: transform 1.25s cubic-bezier(.22, .61, .36, 1) !important;\r\n  }\r\n\r\n  .gn-who.gn-who--motion:not(.is-visible) .gn-who__image {\r\n    transform: scale(1.055) !important;\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .gn-who {\r\n      padding: 52px 0 66px;\r\n    }\r\n\r\n    .gn-who__inner {\r\n      width: min(950px, calc(100% - 56px));\r\n      gap: 34px;\r\n    }\r\n\r\n    .gn-who__media {\r\n      height: 460px;\r\n    }\r\n\r\n    .gn-who__content {\r\n      padding-right: 0;\r\n    }\r\n\r\n    .gn-who__text {\r\n      font-size: 14.5px !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 820px) {\r\n    .gn-who {\r\n      padding: 45px 0 52px;\r\n    }\r\n\r\n    .gn-who__inner {\r\n      width: min(680px, calc(100% - 40px));\r\n      grid-template-columns: 1fr;\r\n      gap: 34px;\r\n    }\r\n\r\n    .gn-who__media {\r\n      height: 500px;\r\n    }\r\n\r\n    .gn-who__content {\r\n      padding: 0 4px;\r\n    }\r\n\r\n    .gn-who__text {\r\n      max-width: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .gn-who {\r\n      padding: 32px 0 40px;\r\n    }\r\n\r\n    .gn-who__inner {\r\n      width: calc(100% - 30px);\r\n      gap: 27px;\r\n    }\r\n\r\n    .gn-who__media {\r\n      height: 390px;\r\n    }\r\n\r\n    .gn-who__title {\r\n      margin-bottom: 14px !important;\r\n      font-size: 35px !important;\r\n      letter-spacing: -1px !important;\r\n    }\r\n\r\n    .gn-who__text {\r\n      font-size: 14px !important;\r\n      line-height: 1.65 !important;\r\n    }\r\n\r\n    .gn-who.gn-who--motion:not(.is-visible) .gn-who__media {\r\n      transform: translate3d(0, 35px, 0);\r\n    }\r\n\r\n    .gn-who.gn-who--motion:not(.is-visible) .gn-who__content {\r\n      transform: translate3d(0, 35px, 0);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .gn-who.gn-who--motion .gn-who__media,\r\n    .gn-who.gn-who--motion .gn-who__content,\r\n    .gn-who.gn-who--motion .gn-who__image {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"gn-who\" aria-labelledby=\"gn-who-title\">\r\n  <div class=\"gn-who__inner\">\r\n\r\n    <div class=\"gn-who__media\">\r\n      <img\r\n        class=\"gn-who__image\"\r\n        src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/who-we-are01_.webp\"\r\n        alt=\"Grey Nite wires and cables manufacturing\"\r\n        width=\"1037\"\r\n        height=\"1516\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"gn-who__content\">\r\n      <h2 class=\"gn-who__title\" id=\"gn-who-title\">\r\n        Who We Are\r\n      <\/h2>\r\n\r\n      <p class=\"gn-who__text\">\r\n        Grey Nite is a quality-driven wires and cables brand committed to powering\r\n        homes, businesses and industries with safe, reliable and energy-efficient\r\n        electrical solutions. Backed by the manufacturing expertise of Classic\r\n        Cable Industries, we combine 99.97% pure copper conductors, high-grade\r\n        insulation and disciplined quality control to create cables built for\r\n        dependable performance. From house wires and FR cables to industrial and\r\n        submersible solutions, every Grey Nite product is designed around lasting\r\n        safety, flexibility and customer confidence.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    \"use strict\";\r\n\r\n    function initialiseGreyNiteWhoWeAre() {\r\n      document\r\n        .querySelectorAll(\".gn-who:not([data-gn-who-ready])\")\r\n        .forEach(function (section) {\r\n          section.setAttribute(\"data-gn-who-ready\", \"true\");\r\n          section.classList.add(\"gn-who--motion\");\r\n\r\n          var reduceMotion = window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n          ).matches;\r\n\r\n          if (reduceMotion || !(\"IntersectionObserver\" in window)) {\r\n            section.classList.add(\"is-visible\");\r\n            return;\r\n          }\r\n\r\n          var observer = new IntersectionObserver(\r\n            function (entries) {\r\n              entries.forEach(function (entry) {\r\n                if (!entry.isIntersecting) return;\r\n\r\n                entry.target.classList.add(\"is-visible\");\r\n                observer.unobserve(entry.target);\r\n              });\r\n            },\r\n            {\r\n              threshold: 0.16,\r\n              rootMargin: \"0px 0px -8% 0px\"\r\n            }\r\n          );\r\n\r\n          window.requestAnimationFrame(function () {\r\n            observer.observe(section);\r\n          });\r\n        });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\r\n        \"DOMContentLoaded\",\r\n        initialiseGreyNiteWhoWeAre\r\n      );\r\n    } else {\r\n      initialiseGreyNiteWhoWeAre();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9392a88 e-grid e-con-full wd-section-stretch e-con e-parent\" data-id=\"9392a88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffea350 elementor-widget elementor-widget-html\" data-id=\"ffea350\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  GREY NITE - INTERACTIVE MILESTONES SECTION\r\n  Paste this complete code inside one Elementor HTML widget.\r\n-->\r\n\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\");\r\n\r\n  .gnm-section,\r\n  .gnm-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gnm-section {\r\n    --gnm-navy: #073768;\r\n    --gnm-text: #315e82;\r\n    --gnm-red: #f60605;\r\n    --gnm-line: #83aeb8;\r\n    --gnm-panel: #eef4f6;\r\n    position: relative;\r\n    left: 50%;\r\n    width: 100vw;\r\n    max-width: none;\r\n    margin-left: -50vw;\r\n    padding: 72px 0 74px;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    font-family: \"Poppins\", Arial, sans-serif;\r\n  }\r\n\r\n  @supports (width: 100dvw) {\r\n    .gnm-section {\r\n      width: 100dvw;\r\n      margin-left: -50dvw;\r\n    }\r\n  }\r\n\r\n  .gnm-section__inner {\r\n    width: min(1295px, calc(100% - 72px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\r\n    gap: 64px;\r\n    align-items: start;\r\n  }\r\n\r\n  .gnm-section__intro {\r\n    min-width: 0;\r\n    padding-top: 14px;\r\n  }\r\n\r\n  .gnm-section__title {\r\n    margin: 0 0 18px !important;\r\n    padding: 0 !important;\r\n    color: var(--gnm-navy) !important;\r\n    font-family: \"Poppins\", Arial, sans-serif !important;\r\n    font-size: clamp(39px, 3.3vw, 48px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.14 !important;\r\n    letter-spacing: -1.5px !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .gnm-section__description {\r\n    max-width: 585px;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: var(--gnm-text) !important;\r\n    font-family: \"Poppins\", Arial, sans-serif !important;\r\n    font-size: 15.5px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.57 !important;\r\n    letter-spacing: 0 !important;\r\n  }\r\n\r\n  .gnm-timeline {\r\n    min-width: 0;\r\n  }\r\n\r\n  .gnm-timeline__tabs {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    margin: 10px 0 50px;\r\n  }\r\n\r\n  .gnm-timeline__tabs::before {\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 8px;\r\n    right: calc(16.666% - 8px);\r\n    left: calc(16.666% - 8px);\r\n    height: 1px;\r\n    background: var(--gnm-line);\r\n    content: \"\";\r\n  }\r\n\r\n  .gnm-timeline__tab {\r\n    position: relative;\r\n    z-index: 1;\r\n    min-width: 0;\r\n    margin: 0;\r\n    padding: 30px 8px 0;\r\n    border: 0;\r\n    outline: 0;\r\n    background: transparent;\r\n    color: #82a8b2;\r\n    font-family: \"Poppins\", Arial, sans-serif;\r\n    font-size: clamp(17px, 1.65vw, 24px);\r\n    font-weight: 500;\r\n    line-height: 1.25;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    transition: color 0.25s ease;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .gnm-timeline__tab::before {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 2px solid #c8d0d3;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    content: \"\";\r\n    transform: translateX(-50%);\r\n    transition:\r\n      border-color 0.25s ease,\r\n      background-color 0.25s ease,\r\n      box-shadow 0.25s ease,\r\n      transform 0.25s ease;\r\n  }\r\n\r\n  .gnm-timeline__tab:hover,\r\n  .gnm-timeline__tab:focus-visible,\r\n  .gnm-timeline__tab.is-active {\r\n    color: var(--gnm-red);\r\n  }\r\n\r\n  .gnm-timeline__tab:focus-visible::before {\r\n    box-shadow: 0 0 0 5px rgba(246, 6, 5, 0.13);\r\n  }\r\n\r\n  .gnm-timeline__tab.is-active::before {\r\n    border-color: var(--gnm-red);\r\n    background: var(--gnm-red);\r\n    transform: translateX(-50%) scale(1.06);\r\n  }\r\n\r\n  .gnm-timeline__panels {\r\n    position: relative;\r\n    min-height: 500px;\r\n    background: var(--gnm-panel);\r\n  }\r\n\r\n  .gnm-timeline__panel {\r\n    min-height: 500px;\r\n    padding: 20px 20px 34px;\r\n    color: var(--gnm-text);\r\n  }\r\n\r\n  .gnm-timeline__panel[hidden] {\r\n    display: none !important;\r\n  }\r\n\r\n  .gnm-timeline__panel.is-active {\r\n    animation: gnmPanelIn 0.5s ease both;\r\n  }\r\n\r\n  .gnm-timeline__heading {\r\n    margin: 0 0 20px !important;\r\n    padding: 0 !important;\r\n    color: var(--gnm-red) !important;\r\n    font-family: \"Poppins\", Arial, sans-serif !important;\r\n    font-size: clamp(22px, 2vw, 27px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.3 !important;\r\n    letter-spacing: -0.45px !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .gnm-timeline__list {\r\n    margin: 0 !important;\r\n    padding: 0 0 0 24px !important;\r\n    color: var(--gnm-text) !important;\r\n    font-family: \"Poppins\", Arial, sans-serif !important;\r\n    font-size: 15.5px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.65 !important;\r\n  }\r\n\r\n  .gnm-timeline__list li {\r\n    margin: 0 0 13px !important;\r\n    padding-left: 1px;\r\n  }\r\n\r\n  .gnm-timeline__list li::marker {\r\n    color: var(--gnm-navy);\r\n  }\r\n\r\n  @keyframes gnmPanelIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: translate3d(0, 14px, 0);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n  }\r\n\r\n  \/* ONE-TIME SCROLL REVEAL *\/\r\n  .gnm-section.gnm-motion-ready .gnm-section__intro,\r\n  .gnm-section.gnm-motion-ready .gnm-timeline {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition:\r\n      opacity 0.85s cubic-bezier(.22, .61, .36, 1),\r\n      transform 0.85s cubic-bezier(.22, .61, .36, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .gnm-section.gnm-motion-ready .gnm-timeline {\r\n    transition-delay: 0.12s;\r\n  }\r\n\r\n  .gnm-section.gnm-motion-ready:not(.is-visible) .gnm-section__intro {\r\n    opacity: 0;\r\n    transform: translate3d(-45px, 0, 0);\r\n  }\r\n\r\n  .gnm-section.gnm-motion-ready:not(.is-visible) .gnm-timeline {\r\n    opacity: 0;\r\n    transform: translate3d(45px, 0, 0);\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .gnm-section {\r\n      padding: 60px 0 64px;\r\n    }\r\n\r\n    .gnm-section__inner {\r\n      width: min(960px, calc(100% - 56px));\r\n      gap: 42px;\r\n    }\r\n\r\n    .gnm-section__description,\r\n    .gnm-timeline__list {\r\n      font-size: 14.5px !important;\r\n    }\r\n\r\n    .gnm-timeline__panels,\r\n    .gnm-timeline__panel {\r\n      min-height: 460px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 820px) {\r\n    .gnm-section {\r\n      padding: 50px 0 54px;\r\n    }\r\n\r\n    .gnm-section__inner {\r\n      width: min(680px, calc(100% - 40px));\r\n      grid-template-columns: 1fr;\r\n      gap: 45px;\r\n    }\r\n\r\n    .gnm-section__intro {\r\n      padding-top: 0;\r\n    }\r\n\r\n    .gnm-section__description {\r\n      max-width: none;\r\n    }\r\n\r\n    .gnm-timeline__tabs {\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    .gnm-timeline__panels,\r\n    .gnm-timeline__panel {\r\n      min-height: 0;\r\n    }\r\n\r\n    .gnm-timeline__panel {\r\n      padding: 24px 24px 28px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .gnm-section {\r\n      padding: 40px 0 44px;\r\n    }\r\n\r\n    .gnm-section__inner {\r\n      width: calc(100% - 30px);\r\n      gap: 38px;\r\n    }\r\n\r\n    .gnm-section__title {\r\n      margin-bottom: 14px !important;\r\n      font-size: 35px !important;\r\n      letter-spacing: -1px !important;\r\n    }\r\n\r\n    .gnm-section__description {\r\n      font-size: 14px !important;\r\n      line-height: 1.65 !important;\r\n    }\r\n\r\n    .gnm-timeline__tabs {\r\n      margin-top: 0;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .gnm-timeline__tab {\r\n      padding: 25px 3px 0;\r\n      font-size: 12px;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .gnm-timeline__tab::before {\r\n      width: 14px;\r\n      height: 14px;\r\n    }\r\n\r\n    .gnm-timeline__tabs::before {\r\n      top: 7px;\r\n      right: calc(16.666% - 7px);\r\n      left: calc(16.666% - 7px);\r\n    }\r\n\r\n    .gnm-timeline__panel {\r\n      padding: 22px 18px 24px;\r\n    }\r\n\r\n    .gnm-timeline__heading {\r\n      margin-bottom: 16px !important;\r\n      font-size: 22px !important;\r\n    }\r\n\r\n    .gnm-timeline__list {\r\n      padding-left: 20px !important;\r\n      font-size: 14px !important;\r\n      line-height: 1.62 !important;\r\n    }\r\n\r\n    .gnm-timeline__list li {\r\n      margin-bottom: 11px !important;\r\n    }\r\n\r\n    .gnm-section.gnm-motion-ready:not(.is-visible) .gnm-section__intro,\r\n    .gnm-section.gnm-motion-ready:not(.is-visible) .gnm-timeline {\r\n      transform: translate3d(0, 30px, 0);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .gnm-section.gnm-motion-ready .gnm-section__intro,\r\n    .gnm-section.gnm-motion-ready .gnm-timeline,\r\n    .gnm-timeline__panel.is-active {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      transition: none !important;\r\n      animation: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"gnm-section\" aria-labelledby=\"gnm-title\">\r\n  <div class=\"gnm-section__inner\">\r\n\r\n    <div class=\"gnm-section__intro\">\r\n      <h2 class=\"gnm-section__title\" id=\"gnm-title\">\r\n        Milestones\r\n      <\/h2>\r\n\r\n      <p class=\"gnm-section__description\">\r\n        Grey Nite's progress has been shaped by practical innovation and a close\r\n        understanding of real electrical applications. What began as a focused\r\n        cable-making venture has grown into a versatile portfolio serving everyday\r\n        wiring, commercial installations and specialised pump systems. Each phase\r\n        of the journey marks a deliberate step toward smarter construction,\r\n        broader application coverage and stronger market reach.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gnm-timeline\">\r\n      <div\r\n        class=\"gnm-timeline__tabs\"\r\n        role=\"tablist\"\r\n        aria-label=\"Grey Nite milestones\"\r\n      >\r\n        <button\r\n          class=\"gnm-timeline__tab\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          id=\"gnm-tab-1\"\r\n          aria-controls=\"gnm-panel-1\"\r\n          aria-selected=\"false\"\r\n          tabindex=\"-1\"\r\n          data-gnm-tab=\"0\"\r\n        >\r\n          1993 - 2004\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"gnm-timeline__tab is-active\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          id=\"gnm-tab-2\"\r\n          aria-controls=\"gnm-panel-2\"\r\n          aria-selected=\"true\"\r\n          tabindex=\"0\"\r\n          data-gnm-tab=\"1\"\r\n        >\r\n          2005 - 2015\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"gnm-timeline__tab\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          id=\"gnm-tab-3\"\r\n          aria-controls=\"gnm-panel-3\"\r\n          aria-selected=\"false\"\r\n          tabindex=\"-1\"\r\n          data-gnm-tab=\"2\"\r\n        >\r\n          2016 - Present\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"gnm-timeline__panels\">\r\n        <div\r\n          class=\"gnm-timeline__panel\"\r\n          id=\"gnm-panel-1\"\r\n          role=\"tabpanel\"\r\n          aria-labelledby=\"gnm-tab-1\"\r\n          data-gnm-panel=\"0\"\r\n          hidden\r\n        >\r\n          <h3 class=\"gnm-timeline__heading\">\r\n            Building the Foundation\r\n          <\/h3>\r\n\r\n          <ul class=\"gnm-timeline__list\">\r\n            <li>\r\n              Classic Cable Industries begins its cable manufacturing journey in\r\n              1993.\r\n            <\/li>\r\n            <li>\r\n              Early operations centre on practical PVC-insulated wiring solutions\r\n              for everyday electrical requirements.\r\n            <\/li>\r\n            <li>\r\n              The Grey Nite identity develops around consistency, accessibility\r\n              and dependable product value.\r\n            <\/li>\r\n            <li>\r\n              Relationships with electricians, dealers and regional markets form\r\n              the base for long-term growth.\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"gnm-timeline__panel is-active\"\r\n          id=\"gnm-panel-2\"\r\n          role=\"tabpanel\"\r\n          aria-labelledby=\"gnm-tab-2\"\r\n          data-gnm-panel=\"1\"\r\n        >\r\n          <h3 class=\"gnm-timeline__heading\">\r\n            Product Range Evolution\r\n          <\/h3>\r\n\r\n          <ul class=\"gnm-timeline__list\">\r\n            <li>\r\n              The portfolio broadens to serve a wider mix of residential and\r\n              commercial wiring applications.\r\n            <\/li>\r\n            <li>\r\n              FR and Uni-Lay cable solutions strengthen the range for modern\r\n              electrical installations.\r\n            <\/li>\r\n            <li>\r\n              Compact circular conductors improve stripping, termination and\r\n              space utilisation in high-density wiring.\r\n            <\/li>\r\n            <li>\r\n              High-temperature PVC compounds support improved current-carrying\r\n              performance across multiple conductor sizes.\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"gnm-timeline__panel\"\r\n          id=\"gnm-panel-3\"\r\n          role=\"tabpanel\"\r\n          aria-labelledby=\"gnm-tab-3\"\r\n          data-gnm-panel=\"2\"\r\n          hidden\r\n        >\r\n          <h3 class=\"gnm-timeline__heading\">\r\n            Specialised Solutions and Growth\r\n          <\/h3>\r\n\r\n          <ul class=\"gnm-timeline__list\">\r\n            <li>\r\n              The range now includes three-core flat flexible cables for\r\n              submersible pump motors up to 1100 V AC.\r\n            <\/li>\r\n            <li>\r\n              Flexible conductors and application-focused sheathing support\r\n              demanding underwater installations.\r\n            <\/li>\r\n            <li>\r\n              Selected FR cable products are supported by long-term 25-year\r\n              warranty assurance.\r\n            <\/li>\r\n            <li>\r\n              Continuous product refinement and stronger market support guide the\r\n              next stage of Grey Nite's development.\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    \"use strict\";\r\n\r\n    function initialiseGreyNiteMilestones() {\r\n      document\r\n        .querySelectorAll(\".gnm-section:not([data-gnm-ready])\")\r\n        .forEach(function (section) {\r\n          section.setAttribute(\"data-gnm-ready\", \"true\");\r\n\r\n          var tabs = Array.prototype.slice.call(\r\n            section.querySelectorAll(\"[data-gnm-tab]\")\r\n          );\r\n\r\n          var panels = Array.prototype.slice.call(\r\n            section.querySelectorAll(\"[data-gnm-panel]\")\r\n          );\r\n\r\n          function activateTab(index, moveFocus) {\r\n            tabs.forEach(function (tab, tabIndex) {\r\n              var active = tabIndex === index;\r\n\r\n              tab.classList.toggle(\"is-active\", active);\r\n              tab.setAttribute(\"aria-selected\", String(active));\r\n              tab.setAttribute(\"tabindex\", active ? \"0\" : \"-1\");\r\n\r\n              if (active && moveFocus) {\r\n                tab.focus();\r\n              }\r\n            });\r\n\r\n            panels.forEach(function (panel, panelIndex) {\r\n              var active = panelIndex === index;\r\n\r\n              panel.hidden = !active;\r\n              panel.classList.toggle(\"is-active\", active);\r\n            });\r\n          }\r\n\r\n          tabs.forEach(function (tab, index) {\r\n            tab.addEventListener(\"click\", function () {\r\n              activateTab(index, false);\r\n            });\r\n\r\n            tab.addEventListener(\"keydown\", function (event) {\r\n              var nextIndex = index;\r\n\r\n              if (event.key === \"ArrowRight\") {\r\n                nextIndex = (index + 1) % tabs.length;\r\n              } else if (event.key === \"ArrowLeft\") {\r\n                nextIndex = (index - 1 + tabs.length) % tabs.length;\r\n              } else if (event.key === \"Home\") {\r\n                nextIndex = 0;\r\n              } else if (event.key === \"End\") {\r\n                nextIndex = tabs.length - 1;\r\n              } else {\r\n                return;\r\n              }\r\n\r\n              event.preventDefault();\r\n              activateTab(nextIndex, true);\r\n            });\r\n          });\r\n\r\n          section.classList.add(\"gnm-motion-ready\");\r\n\r\n          var reduceMotion = window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n          ).matches;\r\n\r\n          if (reduceMotion || !(\"IntersectionObserver\" in window)) {\r\n            section.classList.add(\"is-visible\");\r\n            return;\r\n          }\r\n\r\n          var observer = new IntersectionObserver(\r\n            function (entries) {\r\n              entries.forEach(function (entry) {\r\n                if (!entry.isIntersecting) return;\r\n\r\n                entry.target.classList.add(\"is-visible\");\r\n                observer.unobserve(entry.target);\r\n              });\r\n            },\r\n            {\r\n              threshold: 0.12,\r\n              rootMargin: \"0px 0px -7% 0px\"\r\n            }\r\n          );\r\n\r\n          window.requestAnimationFrame(function () {\r\n            observer.observe(section);\r\n          });\r\n        });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\r\n        \"DOMContentLoaded\",\r\n        initialiseGreyNiteMilestones\r\n      );\r\n    } else {\r\n      initialiseGreyNiteMilestones();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5d40de e-grid e-con-full wd-section-stretch e-con e-parent\" data-id=\"d5d40de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef9a262 elementor-widget elementor-widget-html\" data-id=\"ef9a262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     GREY NITE - OUR CAPABILITIES SECTION\r\n     ========================================= -->\r\n\r\n<section class=\"gn-capabilities\">\r\n\r\n  <div class=\"gn-container\">\r\n\r\n    <!-- Heading Area -->\r\n    <div class=\"gn-heading-row\">\r\n\r\n      <div class=\"gn-heading\">\r\n        <h2>Our Capabilities<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"gn-intro\">\r\n        <p>\r\n          With a strong commitment to quality, reliability, and innovation,\r\n          Classic Cable Industries offers a comprehensive range of electrical\r\n          cable solutions under the GREY NITE brand. Our products are designed\r\n          for dependable performance across residential, industrial and\r\n          specialized electrical applications.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================================\r\n         CARDS\r\n         ========================================= -->\r\n\r\n    <div class=\"gn-cards\">\r\n\r\n\r\n      <!-- CARD 1 -->\r\n      <div class=\"gn-card\">\r\n\r\n        <div class=\"gn-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/GN-FINAL-1-1-scaled.png\"\r\n            alt=\"GREY NITE FR Cables\"\r\n            class=\"gn-popup-image\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"gn-card-bottom\">\r\n\r\n          <h3>GREY NITE FR<\/h3>\r\n\r\n          <a\r\n            href=\"#\"\r\n            class=\"gn-arrow\"\r\n            aria-label=\"Explore GREY NITE FR\"\r\n          >\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CARD 2 -->\r\n      <div class=\"gn-card\">\r\n\r\n        <div class=\"gn-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/greynite-list-3.png\"\r\n            alt=\"GREY NITE Submersible Cables\"\r\n            class=\"gn-popup-image\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"gn-card-bottom\">\r\n\r\n          <h3>Submersible Cables<\/h3>\r\n\r\n          <a\r\n            href=\"#\"\r\n            class=\"gn-arrow\"\r\n            aria-label=\"Explore Submersible Cables\"\r\n          >\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CARD 3 -->\r\n      <div class=\"gn-card\">\r\n\r\n        <div class=\"gn-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/greynite-list-4.png\"\r\n            alt=\"GREY NITE UNLEY Cables\"\r\n            class=\"gn-popup-image\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"gn-card-bottom\">\r\n\r\n          <h3>UNLEY Cables<\/h3>\r\n\r\n          <a\r\n            href=\"#\"\r\n            class=\"gn-arrow\"\r\n            aria-label=\"Explore UNLEY Cables\"\r\n          >\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CARD 4 -->\r\n      <div class=\"gn-card\">\r\n\r\n        <div class=\"gn-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/TARANG-ORANG-GREY-1-1-scaled.png\"\r\n            alt=\"GREY NITE Cable Solutions\"\r\n            class=\"gn-popup-image\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"gn-card-bottom\">\r\n\r\n          <h3>Cable Solutions<\/h3>\r\n\r\n          <a\r\n            href=\"#\"\r\n            class=\"gn-arrow\"\r\n            aria-label=\"Explore Cable Solutions\"\r\n          >\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================\r\n     IMAGE POPUP \/ LIGHTBOX\r\n     ========================================= -->\r\n\r\n<div\r\n  id=\"gnImagePopup\"\r\n  class=\"gn-image-popup\"\r\n  aria-hidden=\"true\"\r\n>\r\n\r\n  <div class=\"gn-popup-content\">\r\n\r\n    <!-- Close Button -->\r\n    <button\r\n      type=\"button\"\r\n      class=\"gn-popup-close\"\r\n      id=\"gnPopupClose\"\r\n      aria-label=\"Close image\"\r\n    >\r\n      &times;\r\n    <\/button>\r\n\r\n    <!-- Popup Image -->\r\n    <img decoding=\"async\"\r\n      id=\"gnPopupImage\"\r\n      src=\"\"\r\n      alt=\"GREY NITE Product\"\r\n    >\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   GREY NITE - CAPABILITIES SECTION\r\n   ========================================= *\/\r\n\r\n.gn-capabilities {\r\n  width: 100%;\r\n  background: #edf4f6;\r\n  padding: 65px 4.6% 75px;\r\n  box-sizing: border-box;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.gn-container {\r\n  width: 100%;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING AREA\r\n   ========================================= *\/\r\n\r\n.gn-heading-row {\r\n  display: grid;\r\n  grid-template-columns: 39% 61%;\r\n  align-items: start;\r\n  margin-bottom: 65px;\r\n}\r\n\r\n.gn-heading h2 {\r\n  margin: 0;\r\n  color: #003b70;\r\n  font-size: 46px;\r\n  line-height: 1.15;\r\n  font-weight: 400;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.gn-intro {\r\n  padding-left: 15px;\r\n  padding-right: 45px;\r\n}\r\n\r\n.gn-intro p {\r\n  margin: 0;\r\n  color: #164f80;\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARDS\r\n   ========================================= *\/\r\n\r\n.gn-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 32px;\r\n}\r\n\r\n.gn-card {\r\n  background: #ffffff;\r\n  border: 1px solid #b7cbd4;\r\n  overflow: hidden;\r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n}\r\n\r\n.gn-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 12px 30px rgba(0, 45, 80, 0.12);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD IMAGE\r\n   ========================================= *\/\r\n\r\n.gn-image {\r\n  width: 100%;\r\n  height: 265px;\r\n  overflow: hidden;\r\n  background: #e9eef0;\r\n  cursor: zoom-in;\r\n}\r\n\r\n.gn-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform 0.5s ease;\r\n}\r\n\r\n.gn-card:hover .gn-image img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD BOTTOM\r\n   ========================================= *\/\r\n\r\n.gn-card-bottom {\r\n  position: relative;\r\n  min-height: 72px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  padding: 0 16px 0 15px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  background: #ffffff;\r\n\r\n  border-right: 4px solid #ff4b0b;\r\n}\r\n\r\n.gn-card-bottom h3 {\r\n  margin: 0;\r\n  padding-right: 10px;\r\n\r\n  color: #003d73;\r\n\r\n  font-size: 18px;\r\n  line-height: 1.3;\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ORANGE ARROW BUTTON\r\n   ========================================= *\/\r\n\r\n.gn-arrow {\r\n  width: 40px;\r\n  height: 40px;\r\n  min-width: 40px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  background: #ff4b0b;\r\n  color: #ffffff;\r\n\r\n  text-decoration: none;\r\n\r\n  font-size: 23px;\r\n  line-height: 1;\r\n\r\n  transition:\r\n    background 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n.gn-arrow span {\r\n  display: block;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.gn-arrow:hover {\r\n  background: #003d73;\r\n  color: #ffffff;\r\n\r\n  transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE POPUP \/ LIGHTBOX\r\n   ========================================= *\/\r\n\r\n.gn-image-popup {\r\n\r\n  position: fixed;\r\n\r\n  top: 0;\r\n  left: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  background: rgba(0, 20, 40, 0.88);\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 30px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  opacity: 0;\r\n  visibility: hidden;\r\n\r\n  pointer-events: none;\r\n\r\n  z-index: 999999;\r\n\r\n  transition:\r\n    opacity 0.3s ease,\r\n    visibility 0.3s ease;\r\n\r\n  backdrop-filter: blur(5px);\r\n  -webkit-backdrop-filter: blur(5px);\r\n}\r\n\r\n\r\n\/* Popup Open State *\/\r\n\r\n.gn-image-popup.gn-popup-active {\r\n\r\n  opacity: 1;\r\n\r\n  visibility: visible;\r\n\r\n  pointer-events: auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   POPUP CONTENT\r\n   ========================================= *\/\r\n\r\n.gn-popup-content {\r\n\r\n  position: relative;\r\n\r\n  width: auto;\r\n  max-width: 95vw;\r\n  max-height: 92vh;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  animation: gnPopupZoom 0.3s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   POPUP IMAGE\r\n   ========================================= *\/\r\n\r\n.gn-popup-content img {\r\n\r\n  display: block;\r\n\r\n  max-width: 95vw;\r\n  max-height: 88vh;\r\n\r\n  width: auto;\r\n  height: auto;\r\n\r\n  object-fit: contain;\r\n\r\n  border-radius: 3px;\r\n\r\n  box-shadow:\r\n    0 20px 60px rgba(0, 0, 0, 0.45);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CLOSE BUTTON\r\n   ========================================= *\/\r\n\r\n.gn-popup-close {\r\n\r\n  position: absolute;\r\n\r\n  top: -45px;\r\n  right: -5px;\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  border: none;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #ff4b0b;\r\n  color: #ffffff;\r\n\r\n  font-size: 30px;\r\n\r\n  line-height: 38px;\r\n\r\n  text-align: center;\r\n\r\n  cursor: pointer;\r\n\r\n  z-index: 10;\r\n\r\n  padding: 0;\r\n\r\n  transition:\r\n    background 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n.gn-popup-close:hover {\r\n\r\n  background: #003d73;\r\n\r\n  transform: rotate(90deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   POPUP ANIMATION\r\n   ========================================= *\/\r\n\r\n@keyframes gnPopupZoom {\r\n\r\n  from {\r\n\r\n    opacity: 0;\r\n\r\n    transform: scale(0.85);\r\n\r\n  }\r\n\r\n  to {\r\n\r\n    opacity: 1;\r\n\r\n    transform: scale(1);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .gn-capabilities {\r\n\r\n    padding: 55px 4%;\r\n\r\n  }\r\n\r\n  .gn-heading-row {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom: 45px;\r\n\r\n  }\r\n\r\n  .gn-intro {\r\n\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n\r\n  }\r\n\r\n  .gn-cards {\r\n\r\n    grid-template-columns: repeat(2, 1fr);\r\n\r\n    gap: 25px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .gn-capabilities {\r\n\r\n    padding: 45px 20px 55px;\r\n\r\n  }\r\n\r\n  .gn-heading-row {\r\n\r\n    margin-bottom: 35px;\r\n\r\n  }\r\n\r\n  .gn-heading h2 {\r\n\r\n    font-size: 34px;\r\n\r\n    letter-spacing: -0.5px;\r\n\r\n  }\r\n\r\n  .gn-intro p {\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.55;\r\n\r\n  }\r\n\r\n  .gn-cards {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 22px;\r\n\r\n  }\r\n\r\n  .gn-image {\r\n\r\n    height: 230px;\r\n\r\n  }\r\n\r\n  .gn-card-bottom {\r\n\r\n    min-height: 68px;\r\n\r\n  }\r\n\r\n  .gn-card-bottom h3 {\r\n\r\n    font-size: 17px;\r\n\r\n  }\r\n\r\n\r\n  \/* Mobile Popup *\/\r\n\r\n  .gn-image-popup {\r\n\r\n    padding: 20px;\r\n\r\n  }\r\n\r\n  .gn-popup-content {\r\n\r\n    max-width: 100%;\r\n\r\n    max-height: 90vh;\r\n\r\n  }\r\n\r\n  .gn-popup-content img {\r\n\r\n    max-width: 94vw;\r\n\r\n    max-height: 82vh;\r\n\r\n    border-radius: 2px;\r\n\r\n  }\r\n\r\n  .gn-popup-close {\r\n\r\n    top: -48px;\r\n\r\n    right: 0;\r\n\r\n    width: 40px;\r\n\r\n    height: 40px;\r\n\r\n    font-size: 28px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .gn-heading h2 {\r\n\r\n    font-size: 30px;\r\n\r\n  }\r\n\r\n  .gn-image {\r\n\r\n    height: 210px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================\r\n   GREY NITE IMAGE POPUP SCRIPT\r\n   ========================================= *\/\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  const popup = document.getElementById(\"gnImagePopup\");\r\n  const popupImage = document.getElementById(\"gnPopupImage\");\r\n  const closeButton = document.getElementById(\"gnPopupClose\");\r\n\r\n  const images = document.querySelectorAll(\".gn-popup-image\");\r\n\r\n\r\n  \/* -----------------------------------------\r\n     OPEN POPUP\r\n     ----------------------------------------- *\/\r\n\r\n  images.forEach(function (image) {\r\n\r\n    image.addEventListener(\"click\", function () {\r\n\r\n      popupImage.src = image.src;\r\n      popupImage.alt = image.alt;\r\n\r\n      popup.classList.add(\"gn-popup-active\");\r\n\r\n      popup.setAttribute(\"aria-hidden\", \"false\");\r\n\r\n      \/*\r\n       * Prevent page from scrolling\r\n       *\/\r\n      document.body.style.overflow = \"hidden\";\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* -----------------------------------------\r\n     CLOSE POPUP FUNCTION\r\n     ----------------------------------------- *\/\r\n\r\n  function closePopup() {\r\n\r\n    popup.classList.remove(\"gn-popup-active\");\r\n\r\n    popup.setAttribute(\"aria-hidden\", \"true\");\r\n\r\n    \/*\r\n     * Restore page scrolling\r\n     *\/\r\n    document.body.style.overflow = \"\";\r\n\r\n    \/*\r\n     * Clear image after animation\r\n     *\/\r\n    setTimeout(function () {\r\n\r\n      if (!popup.classList.contains(\"gn-popup-active\")) {\r\n\r\n        popupImage.src = \"\";\r\n\r\n      }\r\n\r\n    }, 300);\r\n\r\n  }\r\n\r\n\r\n  \/* -----------------------------------------\r\n     CLOSE BUTTON\r\n     ----------------------------------------- *\/\r\n\r\n  closeButton.addEventListener(\"click\", function (event) {\r\n\r\n    event.stopPropagation();\r\n\r\n    closePopup();\r\n\r\n  });\r\n\r\n\r\n  \/* -----------------------------------------\r\n     CLOSE WHEN CLICKING OUTSIDE IMAGE\r\n     ----------------------------------------- *\/\r\n\r\n  popup.addEventListener(\"click\", function (event) {\r\n\r\n    if (event.target === popup) {\r\n\r\n      closePopup();\r\n\r\n    }\r\n\r\n  });\r\n\r\n\r\n  \/* -----------------------------------------\r\n     ESC KEY CLOSE\r\n     ----------------------------------------- *\/\r\n\r\n  document.addEventListener(\"keydown\", function (event) {\r\n\r\n    if (event.key === \"Escape\") {\r\n\r\n      if (popup.classList.contains(\"gn-popup-active\")) {\r\n\r\n        closePopup();\r\n\r\n      }\r\n\r\n    }\r\n\r\n  });\r\n\r\n});\r\n\r\n<\/script>\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>Grey Nite Vision Grey Nite&#8217;s vision is to become a trusted leader in safe, reliable and energy-efficient wires and cables,<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4400","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/pages\/4400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/comments?post=4400"}],"version-history":[{"count":15,"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/pages\/4400\/revisions"}],"predecessor-version":[{"id":29101,"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/pages\/4400\/revisions\/29101"}],"wp:attachment":[{"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/media?parent=4400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}