{"id":7113,"date":"2021-10-24T08:34:08","date_gmt":"2021-10-24T08:34:08","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=7113"},"modified":"2026-09-17T06:12:07","modified_gmt":"2026-09-17T06:12:07","slug":"home-tools","status":"publish","type":"page","link":"https:\/\/greynitecables.com\/","title":{"rendered":"Home Tools"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7113\" class=\"elementor elementor-7113\">\n\t\t\t\t<div class=\"elementor-element elementor-element-359e6e3 e-grid e-con-full wd-section-stretch e-con e-parent\" data-id=\"359e6e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-724dec9 elementor-widget elementor-widget-html\" data-id=\"724dec9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     GREY NITE \u2014 LS CABLE STYLE HERO SLIDER\r\n     Original reference images included\r\n========================================================== -->\r\n\r\n<section class=\"gnls-hero\" data-gnls-slider tabindex=\"0\"\r\n         role=\"region\" aria-roledescription=\"carousel\"\r\n         aria-label=\"Featured banners\">\r\n\r\n  <div class=\"gnls-slides\">\r\n\r\n    <!-- SLIDE 1 -->\r\n    <div class=\"gnls-slide is-active\" aria-hidden=\"false\">\r\n      <picture>\r\n        <source media=\"(max-width:767px)\"\r\n          srcset=\"https:\/\/www.lscns.co.kr\/_lib\/download.asp?aDir=banner&amp;file=20230718151851322.jpg&amp;nfile=mo%5FmainVisual02%5Fm%2Ejpg\">\r\n\r\n        <img\r\n          src=\"https:\/\/www.lscns.co.kr\/_lib\/download.asp?aDir=banner&amp;file=20231012160023388.jpg&amp;nfile=pc%5FmainVisual%5Fa%2Ejpg\"\r\n          alt=\"\"\r\n          width=\"1920\"\r\n          height=\"1080\"\r\n          loading=\"eager\"\r\n          fetchpriority=\"high\"\r\n          decoding=\"async\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <!-- SLIDE 2 -->\r\n    <div class=\"gnls-slide\" aria-hidden=\"true\">\r\n      <picture>\r\n        <source media=\"(max-width:767px)\"\r\n          srcset=\"https:\/\/www.lscns.co.kr\/_lib\/download.asp?aDir=banner&amp;file=20230718151904706.jpg&amp;nfile=mo%5FmainVisual03%5Fm%2Ejpg\">\r\n\r\n        <img\r\n          src=\"https:\/\/www.lscns.co.kr\/_lib\/download.asp?aDir=banner&amp;file=20230831200821876.jpg&amp;nfile=pc%5FmainVisual%5Fb%2Ejpg\"\r\n          alt=\"\"\r\n          width=\"1920\"\r\n          height=\"1080\"\r\n          loading=\"eager\"\r\n          decoding=\"async\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <!-- SLIDE 3 -->\r\n    <div class=\"gnls-slide\" aria-hidden=\"true\">\r\n      <picture>\r\n        <source media=\"(max-width:767px)\"\r\n          srcset=\"https:\/\/www.lscns.co.kr\/_lib\/download.asp?aDir=banner&amp;file=20230904151444224.jpg&amp;nfile=mo%5FmainVisual01%5Fm+%281%29%2Ejpg\">\r\n\r\n        <img\r\n          src=\"https:\/\/www.lscns.co.kr\/_lib\/download.asp?aDir=banner&amp;file=20230831200752796.jpg&amp;nfile=pc%5FmainVisual%5Fc%2Ejpg\"\r\n          alt=\"\"\r\n          width=\"1920\"\r\n          height=\"1080\"\r\n          loading=\"eager\"\r\n          decoding=\"async\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <!-- SLIDE 4 -->\r\n    <div class=\"gnls-slide\" aria-hidden=\"true\">\r\n      <picture>\r\n        <source media=\"(max-width:767px)\"\r\n          srcset=\"https:\/\/www.lscns.co.kr\/_lib\/download.asp?aDir=banner&amp;file=20231017102010288.jpg&amp;nfile=mo%5Fmain%5F04%2Ejpg\">\r\n\r\n        <img\r\n          src=\"https:\/\/www.lscns.co.kr\/_lib\/download.asp?aDir=banner&amp;file=20231017101552563.jpg&amp;nfile=main04%2Ejpg\"\r\n          alt=\"\"\r\n          width=\"1920\"\r\n          height=\"1080\"\r\n          loading=\"eager\"\r\n          decoding=\"async\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- CENTER CONTENT -->\r\n  <div class=\"gnls-copy\">\r\n\r\n    <p class=\"gnls-kicker\">\r\n      Powering connections, safely and reliably\r\n    <\/p>\r\n\r\n    <svg class=\"gnls-mark\"\r\n         viewBox=\"0 0 46 13\"\r\n         width=\"46\"\r\n         height=\"13\"\r\n         aria-hidden=\"true\">\r\n      <path d=\"M1 1.2h44L24.6 12l2.7-7L1 1.2Z\"\r\n            fill=\"#ed1b3a\"\/>\r\n      <path d=\"M18 2.2h11.2l-4.1 2.5L18 2.2Z\"\r\n            fill=\"#aeb5c0\"\/>\r\n    <\/svg>\r\n\r\n    <h2>\r\n      <span>The Best<\/span>\r\n      <span>\r\n        Cable Solution\r\n        <br class=\"gnls-mobile-break\">\r\n        Leader\r\n      <\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"gnls-subtitle\">\r\n      GREY NITE CABLES progresses toward a connected future\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n  <!-- PREVIOUS BUTTON -->\r\n  <button class=\"gnls-arrow gnls-prev\"\r\n          type=\"button\"\r\n          aria-label=\"Previous slide\">\r\n    <span aria-hidden=\"true\"><\/span>\r\n  <\/button>\r\n\r\n  <!-- NEXT BUTTON -->\r\n  <button class=\"gnls-arrow gnls-next\"\r\n          type=\"button\"\r\n          aria-label=\"Next slide\">\r\n    <span aria-hidden=\"true\"><\/span>\r\n  <\/button>\r\n\r\n  <!-- COUNTER AND PROGRESS -->\r\n  <div class=\"gnls-status\">\r\n\r\n    <span class=\"gnls-current\">1<\/span>\r\n\r\n    <span class=\"gnls-progress\" aria-hidden=\"true\">\r\n      <span class=\"gnls-progress-fill\"><\/span>\r\n    <\/span>\r\n\r\n    <span class=\"gnls-total\">4<\/span>\r\n\r\n    <button class=\"gnls-toggle\"\r\n            type=\"button\"\r\n            aria-label=\"Pause autoplay\"\r\n            aria-pressed=\"false\">\r\n      <span aria-hidden=\"true\"><\/span>\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n  <p class=\"gnls-announcer\"\r\n     aria-live=\"polite\"\r\n     aria-atomic=\"true\"><\/p>\r\n\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;500;600&display=swap');\r\n\r\n.gnls-hero,\r\n.gnls-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gnls-hero {\r\n  --gnls-delay: 3500ms;\r\n  --gnls-fade: 1000ms;\r\n\r\n  position: relative !important;\r\n  z-index: 1;\r\n\r\n  width: 100vw !important;\r\n  max-width: none !important;\r\n\r\n  height: 100vh;\r\n  height: 100svh;\r\n  min-height: 620px;\r\n\r\n  margin-inline: calc(50% - 50vw) !important;\r\n\r\n  overflow: hidden !important;\r\n  isolation: isolate;\r\n  outline: none;\r\n\r\n  background: #16305e;\r\n  color: #ffffff;\r\n\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n}\r\n\r\n@supports (width: 100dvw) {\r\n  .gnls-hero {\r\n    width: 100dvw !important;\r\n    margin-inline: calc(50% - 50dvw) !important;\r\n  }\r\n}\r\n\r\n\/* SLIDER IMAGES *\/\r\n\r\n.gnls-slides,\r\n.gnls-slide,\r\n.gnls-slide picture,\r\n.gnls-slide img {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.gnls-slide {\r\n  z-index: 0;\r\n\r\n  opacity: 0;\r\n  pointer-events: none;\r\n\r\n  transition: opacity var(--gnls-fade) ease;\r\n  will-change: opacity;\r\n\r\n  background: #16305e;\r\n}\r\n\r\n.gnls-slide.is-active {\r\n  z-index: 1;\r\n  opacity: 1;\r\n}\r\n\r\n.gnls-slide img {\r\n  display: block;\r\n\r\n  max-width: none !important;\r\n\r\n  object-fit: cover;\r\n  object-position: center center;\r\n\r\n  \/* No zoom and no dark overlay *\/\r\n  transform: none !important;\r\n  filter: none !important;\r\n}\r\n\r\n\/* CENTER TEXT *\/\r\n\r\n.gnls-copy {\r\n  position: absolute;\r\n  z-index: 4;\r\n\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  width: min(1120px, calc(100% - 40px));\r\n\r\n  transform: translate(-50%, -50%);\r\n  text-align: center;\r\n  pointer-events: none;\r\n}\r\n\r\n.gnls-copy p,\r\n.gnls-copy h2 {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n\r\n  text-transform: none !important;\r\n  letter-spacing: 0 !important;\r\n\r\n  font-family: \"Poppins\", Arial, sans-serif !important;\r\n}\r\n\r\n.gnls-kicker {\r\n  color: #ffffff !important;\r\n\r\n  font-size: clamp(15px, 1.5vw, 22px) !important;\r\n  line-height: 1.4 !important;\r\n  font-weight: 500 !important;\r\n\r\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.20);\r\n}\r\n\r\n.gnls-mark {\r\n  display: block;\r\n\r\n  width: 46px;\r\n  height: 13px;\r\n\r\n  margin: 13px auto 25px;\r\n}\r\n\r\n.gnls-copy h2 {\r\n  color: #ffffff !important;\r\n\r\n  font-size: clamp(46px, 4.45vw, 68px) !important;\r\n  line-height: 1.18 !important;\r\n  font-weight: 600 !important;\r\n\r\n  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.gnls-copy h2 > span {\r\n  display: block;\r\n}\r\n\r\n.gnls-subtitle {\r\n  margin-top: 19px !important;\r\n\r\n  color: #16305e !important;\r\n\r\n  font-size: clamp(17px, 1.9vw, 28px) !important;\r\n  line-height: 1.45 !important;\r\n  font-weight: 300 !important;\r\n\r\n  text-shadow: 0 1px 8px rgba(255, 255, 255, 0.18);\r\n}\r\n\r\n.gnls-mobile-break {\r\n  display: none;\r\n}\r\n\r\n\/* SIDE ARROWS *\/\r\n\r\n.gnls-arrow {\r\n  appearance: none !important;\r\n  -webkit-appearance: none !important;\r\n\r\n  position: absolute !important;\r\n  z-index: 6;\r\n\r\n  top: 50% !important;\r\n\r\n  width: 66px !important;\r\n  min-width: 66px !important;\r\n\r\n  height: 66px !important;\r\n  min-height: 66px !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  transform: translateY(-50%);\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.95) !important;\r\n  border-radius: 50% !important;\r\n\r\n  background: rgba(255, 255, 255, 0.12) !important;\r\n  box-shadow: none !important;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background-color 0.25s ease,\r\n    transform 0.25s ease;\r\n}\r\n\r\n.gnls-prev {\r\n  left: clamp(28px, 5.5vw, 84px) !important;\r\n}\r\n\r\n.gnls-next {\r\n  right: clamp(28px, 5.5vw, 84px) !important;\r\n}\r\n\r\n.gnls-arrow span {\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  width: 22px;\r\n  height: 2px;\r\n\r\n  transform: translate(-50%, -50%);\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n.gnls-arrow:hover {\r\n  background: rgba(255, 255, 255, 0.25) !important;\r\n  transform: translateY(-50%) scale(1.04);\r\n}\r\n\r\n.gnls-arrow:focus-visible,\r\n.gnls-toggle:focus-visible {\r\n  outline: 2px solid #ffffff !important;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* COUNTER *\/\r\n\r\n.gnls-status {\r\n  position: absolute;\r\n  z-index: 7;\r\n\r\n  left: 50%;\r\n  bottom: 20%;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 11px;\r\n\r\n  transform: translateX(-50%);\r\n\r\n  color: #ffffff;\r\n\r\n  font: 500 14px\/1 \"Poppins\", Arial, sans-serif;\r\n\r\n  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.gnls-current,\r\n.gnls-total {\r\n  display: inline-block;\r\n  min-width: 10px;\r\n\r\n  color: #ffffff;\r\n  text-align: center;\r\n}\r\n\r\n\/* PROGRESS LINE *\/\r\n\r\n.gnls-progress {\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  width: 150px;\r\n  height: 2px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: rgba(8, 13, 23, 0.92);\r\n}\r\n\r\n.gnls-progress-fill {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  display: block;\r\n\r\n  background: #ffffff;\r\n\r\n  transform: scaleX(0);\r\n  transform-origin: left center;\r\n}\r\n\r\n.gnls-progress-fill.is-running {\r\n  animation: gnls-progress var(--gnls-delay) linear forwards;\r\n}\r\n\r\n.gnls-hero.is-paused .gnls-progress-fill {\r\n  animation-play-state: paused;\r\n}\r\n\r\n@keyframes gnls-progress {\r\n  from {\r\n    transform: scaleX(0);\r\n  }\r\n\r\n  to {\r\n    transform: scaleX(1);\r\n  }\r\n}\r\n\r\n\/* PAUSE \/ PLAY *\/\r\n\r\n.gnls-toggle {\r\n  appearance: none !important;\r\n  -webkit-appearance: none !important;\r\n\r\n  position: relative;\r\n\r\n  display: grid !important;\r\n  place-items: center;\r\n\r\n  width: 22px !important;\r\n  min-width: 22px !important;\r\n\r\n  height: 22px !important;\r\n  min-height: 22px !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n\r\n  background: transparent !important;\r\n  box-shadow: none !important;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n.gnls-toggle span,\r\n.gnls-toggle span::after {\r\n  display: block;\r\n\r\n  width: 2px;\r\n  height: 10px;\r\n\r\n  background: #ffffff;\r\n\r\n  content: \"\";\r\n}\r\n\r\n.gnls-toggle span {\r\n  position: relative;\r\n  transform: translateX(-3px);\r\n}\r\n\r\n.gnls-toggle span::after {\r\n  position: absolute;\r\n\r\n  left: 6px;\r\n  top: 0;\r\n}\r\n\r\n\/* PLAY ICON *\/\r\n\r\n.gnls-hero.is-paused .gnls-toggle span {\r\n  width: 0;\r\n  height: 0;\r\n\r\n  transform: translateX(1px);\r\n\r\n  border-top: 6px solid transparent;\r\n  border-bottom: 6px solid transparent;\r\n  border-left: 9px solid #ffffff;\r\n\r\n  background: transparent;\r\n}\r\n\r\n.gnls-hero.is-paused .gnls-toggle span::after {\r\n  display: none;\r\n}\r\n\r\n\/* ACCESSIBILITY TEXT *\/\r\n\r\n.gnls-announcer {\r\n  position: absolute !important;\r\n\r\n  width: 1px !important;\r\n  height: 1px !important;\r\n\r\n  padding: 0 !important;\r\n  margin: -1px !important;\r\n\r\n  overflow: hidden !important;\r\n  clip: rect(0, 0, 0, 0) !important;\r\n\r\n  white-space: nowrap !important;\r\n  border: 0 !important;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 991px) {\r\n  .gnls-arrow {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n  .gnls-hero {\r\n    min-height: 600px;\r\n  }\r\n\r\n  .gnls-copy {\r\n    top: 48%;\r\n    width: calc(100% - 30px);\r\n  }\r\n\r\n  .gnls-kicker {\r\n    font-size: 12px !important;\r\n  }\r\n\r\n  .gnls-mark {\r\n    width: 38px;\r\n    height: auto;\r\n\r\n    margin: 10px auto 18px;\r\n  }\r\n\r\n  .gnls-copy h2 {\r\n    font-size: clamp(36px, 10vw, 48px) !important;\r\n    line-height: 1.1 !important;\r\n  }\r\n\r\n  .gnls-mobile-break {\r\n    display: block;\r\n  }\r\n\r\n  .gnls-subtitle {\r\n    max-width: 360px;\r\n\r\n    margin: 15px auto 0 !important;\r\n\r\n    font-size: 14px !important;\r\n    line-height: 1.45 !important;\r\n  }\r\n\r\n  .gnls-status {\r\n    bottom: 10%;\r\n\r\n    gap: 9px;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n  .gnls-progress {\r\n    width: min(35vw, 120px);\r\n  }\r\n}\r\n\r\n\/* SMALL HEIGHT SCREENS *\/\r\n\r\n@media (max-height: 650px) and (min-width: 768px) {\r\n  .gnls-hero {\r\n    min-height: 540px;\r\n  }\r\n\r\n  .gnls-copy {\r\n    top: 47%;\r\n  }\r\n\r\n  .gnls-status {\r\n    bottom: 12%;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gnls-slide {\r\n    transition-duration: 0.01ms;\r\n  }\r\n\r\n  .gnls-progress-fill {\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  \"use strict\";\r\n\r\n  const sliders = document.querySelectorAll(\r\n    \"[data-gnls-slider]:not([data-gnls-ready])\"\r\n  );\r\n\r\n  sliders.forEach((slider) => {\r\n    slider.setAttribute(\"data-gnls-ready\", \"true\");\r\n\r\n    const slides = Array.from(\r\n      slider.querySelectorAll(\".gnls-slide\")\r\n    );\r\n\r\n    const previousButton =\r\n      slider.querySelector(\".gnls-prev\");\r\n\r\n    const nextButton =\r\n      slider.querySelector(\".gnls-next\");\r\n\r\n    const toggleButton =\r\n      slider.querySelector(\".gnls-toggle\");\r\n\r\n    const currentLabel =\r\n      slider.querySelector(\".gnls-current\");\r\n\r\n    const totalLabel =\r\n      slider.querySelector(\".gnls-total\");\r\n\r\n    const progressFill =\r\n      slider.querySelector(\".gnls-progress-fill\");\r\n\r\n    const announcer =\r\n      slider.querySelector(\".gnls-announcer\");\r\n\r\n    if (!slides.length) return;\r\n\r\n    const AUTOPLAY_DELAY = 3500;\r\n\r\n    const reducedMotion = window.matchMedia(\r\n      \"(prefers-reduced-motion: reduce)\"\r\n    ).matches;\r\n\r\n    let activeIndex = Math.max(\r\n      0,\r\n      slides.findIndex((slide) =>\r\n        slide.classList.contains(\"is-active\")\r\n      )\r\n    );\r\n\r\n    let timer = null;\r\n    let startedAt = 0;\r\n    let remaining = AUTOPLAY_DELAY;\r\n\r\n    let manuallyPaused = reducedMotion;\r\n    let pagePaused = false;\r\n\r\n    let touchStartX = 0;\r\n    let touchStartY = 0;\r\n\r\n    totalLabel.textContent = String(slides.length);\r\n\r\n    const autoplayIsPaused = () =>\r\n      manuallyPaused || pagePaused;\r\n\r\n    const updateToggle = () => {\r\n      slider.classList.toggle(\r\n        \"is-paused\",\r\n        autoplayIsPaused()\r\n      );\r\n\r\n      toggleButton.setAttribute(\r\n        \"aria-pressed\",\r\n        manuallyPaused ? \"true\" : \"false\"\r\n      );\r\n\r\n      toggleButton.setAttribute(\r\n        \"aria-label\",\r\n        manuallyPaused\r\n          ? \"Play autoplay\"\r\n          : \"Pause autoplay\"\r\n      );\r\n    };\r\n\r\n    const stopTimer = () => {\r\n      if (timer !== null) {\r\n        clearTimeout(timer);\r\n        timer = null;\r\n      }\r\n    };\r\n\r\n    const startTimer = (delay = remaining) => {\r\n      stopTimer();\r\n\r\n      if (autoplayIsPaused() || slides.length < 2) {\r\n        return;\r\n      }\r\n\r\n      remaining = Math.max(0, delay);\r\n      startedAt = performance.now();\r\n\r\n      progressFill.style.animationPlayState = \"running\";\r\n\r\n      timer = setTimeout(() => {\r\n        showSlide(activeIndex + 1, true);\r\n      }, remaining);\r\n    };\r\n\r\n    const restartProgress = () => {\r\n      progressFill.classList.remove(\"is-running\");\r\n\r\n      void progressFill.offsetWidth;\r\n\r\n      progressFill.classList.add(\"is-running\");\r\n\r\n      progressFill.style.animationPlayState =\r\n        autoplayIsPaused() ? \"paused\" : \"running\";\r\n    };\r\n\r\n    function showSlide(nextIndex, announce = false) {\r\n      activeIndex =\r\n        (nextIndex + slides.length) % slides.length;\r\n\r\n      slides.forEach((slide, index) => {\r\n        const isActive = index === activeIndex;\r\n\r\n        slide.classList.toggle(\r\n          \"is-active\",\r\n          isActive\r\n        );\r\n\r\n        slide.setAttribute(\r\n          \"aria-hidden\",\r\n          isActive ? \"false\" : \"true\"\r\n        );\r\n      });\r\n\r\n      currentLabel.textContent =\r\n        String(activeIndex + 1);\r\n\r\n      if (announce) {\r\n        announcer.textContent =\r\n          `Slide ${activeIndex + 1} of ${slides.length}`;\r\n      }\r\n\r\n      remaining = AUTOPLAY_DELAY;\r\n\r\n      restartProgress();\r\n      startTimer(AUTOPLAY_DELAY);\r\n    }\r\n\r\n    const pause = (manual = true) => {\r\n      if (!autoplayIsPaused() && timer !== null) {\r\n        remaining = Math.max(\r\n          0,\r\n          remaining - (performance.now() - startedAt)\r\n        );\r\n      }\r\n\r\n      if (manual) {\r\n        manuallyPaused = true;\r\n      } else {\r\n        pagePaused = true;\r\n      }\r\n\r\n      stopTimer();\r\n\r\n      progressFill.style.animationPlayState = \"paused\";\r\n\r\n      updateToggle();\r\n    };\r\n\r\n    const play = (manual = true) => {\r\n      if (manual) {\r\n        manuallyPaused = false;\r\n      } else {\r\n        pagePaused = false;\r\n      }\r\n\r\n      updateToggle();\r\n\r\n      if (autoplayIsPaused()) return;\r\n\r\n      progressFill.style.animationPlayState = \"running\";\r\n\r\n      startTimer(remaining || AUTOPLAY_DELAY);\r\n    };\r\n\r\n    previousButton.addEventListener(\"click\", () => {\r\n      showSlide(activeIndex - 1, true);\r\n    });\r\n\r\n    nextButton.addEventListener(\"click\", () => {\r\n      showSlide(activeIndex + 1, true);\r\n    });\r\n\r\n    toggleButton.addEventListener(\"click\", () => {\r\n      if (manuallyPaused) {\r\n        play(true);\r\n      } else {\r\n        pause(true);\r\n      }\r\n    });\r\n\r\n    slider.addEventListener(\"keydown\", (event) => {\r\n      if (event.key === \"ArrowLeft\") {\r\n        event.preventDefault();\r\n        showSlide(activeIndex - 1, true);\r\n      }\r\n\r\n      if (event.key === \"ArrowRight\") {\r\n        event.preventDefault();\r\n        showSlide(activeIndex + 1, true);\r\n      }\r\n    });\r\n\r\n    slider.addEventListener(\r\n      \"touchstart\",\r\n      (event) => {\r\n        const touch = event.changedTouches[0];\r\n\r\n        touchStartX = touch.clientX;\r\n        touchStartY = touch.clientY;\r\n      },\r\n      { passive: true }\r\n    );\r\n\r\n    slider.addEventListener(\r\n      \"touchend\",\r\n      (event) => {\r\n        const touch = event.changedTouches[0];\r\n\r\n        const distanceX =\r\n          touch.clientX - touchStartX;\r\n\r\n        const distanceY =\r\n          touch.clientY - touchStartY;\r\n\r\n        if (\r\n          Math.abs(distanceX) > 50 &&\r\n          Math.abs(distanceX) > Math.abs(distanceY)\r\n        ) {\r\n          showSlide(\r\n            activeIndex + (distanceX < 0 ? 1 : -1),\r\n            true\r\n          );\r\n        }\r\n      },\r\n      { passive: true }\r\n    );\r\n\r\n    document.addEventListener(\r\n      \"visibilitychange\",\r\n      () => {\r\n        if (document.hidden) {\r\n          pause(false);\r\n        } else {\r\n          play(false);\r\n        }\r\n      }\r\n    );\r\n\r\n    updateToggle();\r\n    showSlide(activeIndex, false);\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-c2ff09a e-grid e-con-full wd-section-stretch e-con e-parent\" data-id=\"c2ff09a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4871d4 elementor-widget elementor-widget-html\" data-id=\"c4871d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  GREY NITE CABLES \u2014 FULL-WIDTH ABOUT + STATS SECTION\r\n  Paste this complete code inside ONE Elementor HTML widget.\r\n\r\n  The demo image is referenced from the supplied LS Cable website.\r\n  For production, upload your own licensed image to WordPress Media\r\n  and replace only the image src URL below.\r\n========================================================== -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&display=swap');\r\n\r\n  .gn-about,\r\n  .gn-about * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gn-about {\r\n    --gn-navy: #003468;\r\n    --gn-blue: #31668e;\r\n    --gn-orange: #f60605;\r\n    --gn-bg: #edf5f7;\r\n    --gn-card: #d7e6eb;\r\n\r\n    position: relative;\r\n    width: 100vw;\r\n    max-width: none;\r\n    min-height: 800px;\r\n    margin-inline: calc(50% - 50vw);\r\n    padding: 70px 0;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    background: var(--gn-bg);\r\n    font-family: \"Poppins\", Arial, sans-serif;\r\n  }\r\n\r\n  @supports (width: 100dvw) {\r\n    .gn-about {\r\n      width: 100dvw;\r\n      margin-inline: calc(50% - 50dvw);\r\n    }\r\n  }\r\n\r\n  .gn-about__inner {\r\n    width: min(1400px, calc(100% - 240px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(360px, 0.92fr) minmax(0, 1.88fr);\r\n    gap: 44px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .gn-about__media {\r\n    position: relative;\r\n    min-height: 620px;\r\n    overflow: hidden;\r\n    background: #cfdee3;\r\n  }\r\n\r\n  .gn-about__media img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: none !important;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n    filter: none !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  .gn-about__content {\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .gn-about__top {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 40px;\r\n    align-items: end;\r\n  }\r\n\r\n  .gn-about__label {\r\n    margin: 4px 0 20px !important;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    color: var(--gn-navy);\r\n    font: 500 12px\/1.3 \"Poppins\", Arial, sans-serif !important;\r\n    letter-spacing: 0 !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .gn-about__label::before {\r\n    content: \"\";\r\n    width: 9px;\r\n    height: 9px;\r\n    flex: 0 0 9px;\r\n    background: var(--gn-orange);\r\n  }\r\n\r\n  .gn-about__title {\r\n    max-width: 850px;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: var(--gn-navy) !important;\r\n    font: 400 clamp(43px, 4.15vw, 64px)\/1.08 \"Poppins\", Arial, sans-serif !important;\r\n    letter-spacing: -2.4px !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .gn-about__text {\r\n    max-width: 790px;\r\n    margin: 20px 0 0 !important;\r\n    color: var(--gn-blue) !important;\r\n    font: 300 15px\/1.65 \"Poppins\", Arial, sans-serif !important;\r\n    letter-spacing: 0 !important;\r\n  }\r\n\r\n  .gn-about__meta {\r\n    margin: 13px 0 0 !important;\r\n    color: var(--gn-navy) !important;\r\n    font: 500 12px\/1.55 \"Poppins\", Arial, sans-serif !important;\r\n    letter-spacing: 0 !important;\r\n  }\r\n\r\n  .gn-about__button {\r\n    min-width: 174px;\r\n    min-height: 48px;\r\n    padding: 0 0 0 21px;\r\n    border: 1px solid var(--gn-orange);\r\n    display: inline-flex;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n    color: var(--gn-orange) !important;\r\n    background: transparent;\r\n    font: 500 12px\/1 \"Poppins\", Arial, sans-serif;\r\n    text-decoration: none !important;\r\n    white-space: nowrap;\r\n    transition: color .25s ease, background-color .25s ease;\r\n  }\r\n\r\n  .gn-about__button-label {\r\n    display: flex;\r\n    align-items: center;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  .gn-about__button-icon {\r\n    width: 40px;\r\n    min-width: 40px;\r\n    display: grid;\r\n    place-items: center;\r\n    color: #fff;\r\n    background: var(--gn-orange);\r\n  }\r\n\r\n  .gn-about__button-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .gn-about__button:hover {\r\n    color: #fff !important;\r\n    background: var(--gn-orange);\r\n  }\r\n\r\n  .gn-about__button:hover .gn-about__button-icon {\r\n    color: var(--gn-orange);\r\n    background: #fff;\r\n  }\r\n\r\n  .gn-about__stats {\r\n    margin-top: 42px;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 24px;\r\n  }\r\n\r\n  .gn-stat {\r\n    min-height: 185px;\r\n    padding: 27px 30px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    background: var(--gn-card);\r\n  }\r\n\r\n  .gn-stat__icon {\r\n    width: 34px;\r\n    height: 34px;\r\n    color: var(--gn-orange);\r\n  }\r\n\r\n  .gn-stat__icon svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.6;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .gn-stat__value {\r\n    margin: 17px 0 0 !important;\r\n    color: var(--gn-navy) !important;\r\n    font: 400 clamp(44px, 4.2vw, 62px)\/1 \"Poppins\", Arial, sans-serif !important;\r\n    letter-spacing: -2px !important;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .gn-stat__value small {\r\n    font-size: .55em;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .gn-counter {\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n\r\n  .gn-stat__caption {\r\n    margin: 16px 0 0 !important;\r\n    color: var(--gn-blue) !important;\r\n    font: 300 12px\/1.5 \"Poppins\", Arial, sans-serif !important;\r\n    letter-spacing: 0 !important;\r\n  }\r\n\r\n  @media (max-width: 1180px) {\r\n    .gn-about {\r\n      min-height: 760px;\r\n      padding: 60px 0;\r\n    }\r\n\r\n    .gn-about__inner {\r\n      width: min(100% - 80px, 1260px);\r\n      grid-template-columns: minmax(320px, .78fr) minmax(0, 1.5fr);\r\n      gap: 34px;\r\n    }\r\n\r\n    .gn-about__media {\r\n      min-height: 600px;\r\n    }\r\n\r\n    .gn-about__top {\r\n      gap: 25px;\r\n    }\r\n\r\n    .gn-about__stats {\r\n      margin-top: 34px;\r\n      gap: 18px;\r\n    }\r\n\r\n    .gn-stat {\r\n      min-height: 180px;\r\n      padding: 24px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .gn-about {\r\n      min-height: 0;\r\n      padding: 70px 0;\r\n    }\r\n\r\n    .gn-about__inner {\r\n      width: min(100% - 56px, 760px);\r\n      grid-template-columns: 1fr;\r\n      gap: 55px;\r\n    }\r\n\r\n    .gn-about__media {\r\n      min-height: 620px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .gn-about {\r\n      padding: 50px 0;\r\n    }\r\n\r\n    .gn-about__inner {\r\n      width: calc(100% - 30px);\r\n      gap: 40px;\r\n    }\r\n\r\n    .gn-about__media {\r\n      min-height: 0;\r\n      height: auto;\r\n      aspect-ratio: 4 \/ 5;\r\n    }\r\n\r\n    .gn-about__top {\r\n      grid-template-columns: 1fr;\r\n      gap: 27px;\r\n    }\r\n\r\n    .gn-about__label {\r\n      margin-bottom: 14px !important;\r\n    }\r\n\r\n    .gn-about__title {\r\n      font-size: clamp(34px, 10.2vw, 45px) !important;\r\n      line-height: 1.12 !important;\r\n      letter-spacing: -1.5px !important;\r\n    }\r\n\r\n    .gn-about__text {\r\n      margin-top: 16px !important;\r\n      font-size: 14px !important;\r\n      line-height: 1.65 !important;\r\n    }\r\n\r\n    .gn-about__meta {\r\n      margin-top: 11px !important;\r\n      font-size: 11px !important;\r\n    }\r\n\r\n    .gn-about__button {\r\n      width: max-content;\r\n    }\r\n\r\n    .gn-about__stats {\r\n      margin-top: 38px;\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .gn-stat {\r\n      min-height: 175px;\r\n      padding: 24px;\r\n    }\r\n\r\n    .gn-stat__value {\r\n      font-size: 47px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"gn-about\" aria-labelledby=\"gn-about-title\">\r\n  <div class=\"gn-about__inner\">\r\n\r\n    <div class=\"gn-about__media\">\r\n      <img\r\n        src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/about-us-image-1.png\"\r\n        alt=\"Copper conductors used in wires and cables\"\r\n        width=\"900\"\r\n        height=\"1200\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n        referrerpolicy=\"no-referrer\">\r\n    <\/div>\r\n\r\n    <div class=\"gn-about__content\">\r\n      <div class=\"gn-about__top\">\r\n\r\n        <div class=\"gn-about__intro\">\r\n          <p class=\"gn-about__label\">About Grey Nite<\/p>\r\n\r\n          <h2 class=\"gn-about__title\" id=\"gn-about-title\">\r\n            Trusted Wires &amp; Cables Since 1993\r\n          <\/h2>\r\n\r\n          <p class=\"gn-about__text\">\r\n            Grey Nite Wires &amp; Cables, a product of Classic Cable Industries, offers house wires, PVC-insulated industrial cables, FR and Uni-Lay cables, and three-core submersible flat cables up to 1100 V AC. Made with bright-annealed 99.97% pure copper conductors and special-grade PVC insulation, our products are engineered for better flexibility, low conductor resistance, reduced heating, energy savings and long service life.\r\n          <\/p>\r\n\r\n          <p class=\"gn-about__meta\">\r\n            Manufactured by Classic Cable Industries, U.P. &nbsp;|&nbsp; Corporate Office: Dilshad Garden, Delhi\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a class=\"gn-about__button\" href=\"\/about-us\/\">\r\n          <span class=\"gn-about__button-label\">KNOW MORE<\/span>\r\n          <span class=\"gn-about__button-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M7 17 17 7\"><\/path>\r\n              <path d=\"M9 7h8v8\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"gn-about__stats\">\r\n\r\n        <article class=\"gn-stat\">\r\n          <div>\r\n            <div class=\"gn-stat__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 40 40\">\r\n                <path d=\"M20 4 32 9v9c0 8-4.8 14-12 18-7.2-4-12-10-12-18V9l12-5Z\"><\/path>\r\n                <path d=\"m14.5 19 3.5 3.5 7.5-8\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <p class=\"gn-stat__value\"><span class=\"gn-counter\" data-end=\"1993\" data-decimals=\"0\" data-duration=\"1800\">0<\/span><\/p>\r\n          <\/div>\r\n          <p class=\"gn-stat__caption\">Serving homes, businesses and industries since 1993<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"gn-stat\">\r\n          <div>\r\n            <div class=\"gn-stat__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 40 40\">\r\n                <path d=\"M10 5h16l5 5v25H10Z\"><\/path>\r\n                <path d=\"M26 5v6h6\"><\/path>\r\n                <path d=\"m15 24 3.5 3.5L26 19\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <p class=\"gn-stat__value\">IS:<span class=\"gn-counter\" data-end=\"694\" data-decimals=\"0\" data-duration=\"1700\">0<\/span><\/p>\r\n          <\/div>\r\n          <p class=\"gn-stat__caption\">IS-marked PVC-insulated wires &amp; cables | CM\/L-4859893<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"gn-stat\">\r\n          <div>\r\n            <div class=\"gn-stat__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 40 40\">\r\n                <circle cx=\"14\" cy=\"20\" r=\"8\"><\/circle>\r\n                <circle cx=\"26\" cy=\"20\" r=\"8\"><\/circle>\r\n                <path d=\"M14 12v16M26 12v16\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <p class=\"gn-stat__value\"><span class=\"gn-counter\" data-end=\"99.97\" data-decimals=\"2\" data-duration=\"1800\">0.00<\/span><small>%<\/small><\/p>\r\n          <\/div>\r\n          <p class=\"gn-stat__caption\">Bright-annealed pure copper conductors<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"gn-stat\">\r\n          <div>\r\n            <div class=\"gn-stat__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 40 40\">\r\n                <circle cx=\"20\" cy=\"16\" r=\"10\"><\/circle>\r\n                <path d=\"m14 24-2 12 8-5 8 5-2-12\"><\/path>\r\n                <path d=\"m16 16 2.6 2.6L24.5 13\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <p class=\"gn-stat__value\"><span class=\"gn-counter\" data-end=\"25\" data-decimals=\"0\" data-duration=\"1400\">0<\/span> <small>Years<\/small><\/p>\r\n          <\/div>\r\n          <p class=\"gn-stat__caption\">Warranty on the Grey Nite FR range<\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (() => {\r\n    const initialiseGreyNiteCounters = () => {\r\n      document.querySelectorAll('.gn-about:not([data-counter-ready])').forEach((section) => {\r\n        section.setAttribute('data-counter-ready', 'true');\r\n\r\n        const counters = Array.from(section.querySelectorAll('.gn-counter'));\r\n        const counterArea = section.querySelector('.gn-about__stats') || section;\r\n        let hasStarted = false;\r\n\r\n        const showFinalValues = () => {\r\n          counters.forEach((counter) => {\r\n            const endValue = Number(counter.dataset.end || 0);\r\n            const decimalPlaces = Number(counter.dataset.decimals || 0);\r\n            counter.textContent = endValue.toFixed(decimalPlaces);\r\n          });\r\n        };\r\n\r\n        const startCounters = () => {\r\n          if (hasStarted) return;\r\n          hasStarted = true;\r\n\r\n          counters.forEach((counter) => {\r\n            const endValue = Number(counter.dataset.end || 0);\r\n            const decimalPlaces = Number(counter.dataset.decimals || 0);\r\n            const duration = Number(counter.dataset.duration || 1800);\r\n            const startTime = performance.now();\r\n\r\n            const updateCounter = (currentTime) => {\r\n              const progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n              const easedProgress = 1 - Math.pow(1 - progress, 4);\r\n              const currentValue = endValue * easedProgress;\r\n\r\n              counter.textContent = decimalPlaces > 0\r\n                ? currentValue.toFixed(decimalPlaces)\r\n                : Math.floor(currentValue).toString();\r\n\r\n              if (progress < 1) {\r\n                requestAnimationFrame(updateCounter);\r\n              } else {\r\n                counter.textContent = endValue.toFixed(decimalPlaces);\r\n              }\r\n            };\r\n\r\n            requestAnimationFrame(updateCounter);\r\n          });\r\n        };\r\n\r\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n          showFinalValues();\r\n          return;\r\n        }\r\n\r\n        if (!('IntersectionObserver' in window)) {\r\n          startCounters();\r\n          return;\r\n        }\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n          if (entries.some((entry) => entry.isIntersecting)) {\r\n            observer.disconnect();\r\n            startCounters();\r\n          }\r\n        }, {\r\n          threshold: 0.2,\r\n          rootMargin: '0px 0px -8% 0px'\r\n        });\r\n\r\n        observer.observe(counterArea);\r\n      });\r\n    };\r\n\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', initialiseGreyNiteCounters, { once: true });\r\n    } else {\r\n      initialiseGreyNiteCounters();\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-44bf4d3 e-grid e-con-full wd-section-stretch e-con e-parent\" data-id=\"44bf4d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75cfd0f elementor-widget elementor-widget-html\" data-id=\"75cfd0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  GREY NITE \u2014 OUR PRODUCTS AUTO CAROUSEL\r\n\r\n  IMAGE POSITION:\r\n  style=\"--gnp-image-position-y: 50%;\"\r\n\r\n  0%   = Top\r\n  30%  = Image upar\r\n  50%  = Center\r\n  70%  = Image neeche\r\n  100% = Bottom\r\n-->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n  .gnp-slider,\r\n  .gnp-slider * {\r\n    box-sizing: border-box;\r\n    font-family: \"Poppins\", Arial, sans-serif !important;\r\n  }\r\n\r\n  .gnp-slider {\r\n    --gnp-red: #f60605;\r\n    --gnp-red-dark: #d90504;\r\n    --gnp-black: #111214;\r\n    --gnp-charcoal: #2b2e31;\r\n    --gnp-gap: 22px;\r\n\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: 68px 0 76px;\r\n    overflow: hidden;\r\n    background: #f8f8f8;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .gnp-slider::before,\r\n  .gnp-slider::after {\r\n    position: absolute;\r\n    z-index: -1;\r\n    border: 1px solid rgba(246, 6, 5, 0.08);\r\n    border-radius: 50%;\r\n    content: \"\";\r\n    pointer-events: none;\r\n  }\r\n\r\n  .gnp-slider::before {\r\n    top: -310px;\r\n    right: -170px;\r\n    width: 880px;\r\n    height: 650px;\r\n    box-shadow:\r\n      0 0 0 18px rgba(246, 6, 5, 0.025),\r\n      0 0 0 38px rgba(246, 6, 5, 0.022),\r\n      0 0 0 61px rgba(246, 6, 5, 0.019),\r\n      0 0 0 87px rgba(246, 6, 5, 0.016),\r\n      0 0 0 116px rgba(246, 6, 5, 0.013);\r\n    transform: rotate(-18deg);\r\n  }\r\n\r\n  .gnp-slider::after {\r\n    bottom: -410px;\r\n    left: -250px;\r\n    width: 900px;\r\n    height: 650px;\r\n    box-shadow:\r\n      0 0 0 22px rgba(17, 18, 20, 0.025),\r\n      0 0 0 46px rgba(17, 18, 20, 0.021),\r\n      0 0 0 73px rgba(17, 18, 20, 0.018),\r\n      0 0 0 104px rgba(17, 18, 20, 0.014);\r\n    transform: rotate(16deg);\r\n  }\r\n\r\n  .gnp-slider__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1260px, calc(100% - 100px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .gnp-slider__header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 54px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .gnp-slider__title {\r\n    margin: 0;\r\n    color: var(--gnp-black);\r\n    font-size: clamp(32px, 3vw, 44px);\r\n    font-weight: 600;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.035em;\r\n    text-align: center;\r\n  }\r\n\r\n  .gnp-slider__title-dot {\r\n    position: relative;\r\n    top: -0.48em;\r\n    display: inline-block;\r\n    width: 9px;\r\n    height: 9px;\r\n    margin-left: 6px;\r\n    border-radius: 50%;\r\n    background: var(--gnp-red);\r\n  }\r\n\r\n  .gnp-slider__stage {\r\n    position: relative;\r\n  }\r\n\r\n  .gnp-slider__controls {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 8;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .gnp-slider__arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 50px;\r\n    height: 50px;\r\n    padding: 0;\r\n    border: 1px solid #d8d8d8;\r\n    border-radius: 50%;\r\n    outline: none;\r\n    background: #ffffff;\r\n    color: var(--gnp-black);\r\n    cursor: pointer;\r\n    pointer-events: auto;\r\n    transform: translateY(-50%);\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.14);\r\n    transition:\r\n      border-color 0.25s ease,\r\n      background-color 0.25s ease,\r\n      color 0.25s ease,\r\n      transform 0.25s ease;\r\n  }\r\n\r\n  .gnp-slider__prev {\r\n    left: -25px;\r\n  }\r\n\r\n  .gnp-slider__next {\r\n    right: -25px;\r\n  }\r\n\r\n  .gnp-slider__arrow:hover,\r\n  .gnp-slider__arrow:focus-visible {\r\n    border-color: var(--gnp-red);\r\n    background: var(--gnp-red);\r\n    color: #ffffff;\r\n    transform: translateY(-50%) scale(1.06);\r\n  }\r\n\r\n  .gnp-slider__arrow svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    stroke-width: 1.8;\r\n  }\r\n\r\n  .gnp-slider__viewport {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    touch-action: pan-y;\r\n  }\r\n\r\n  .gnp-slider__track {\r\n    display: flex;\r\n    align-items: stretch;\r\n    gap: var(--gnp-gap);\r\n    will-change: transform;\r\n    transition: transform 900ms cubic-bezier(0.22, 0.61, 0.36, 1);\r\n  }\r\n\r\n  .gnp-card {\r\n    position: relative;\r\n    flex: 0 0 calc((100% - 66px) \/ 4);\r\n    height: 370px;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #34383c, #070707);\r\n    color: #ffffff;\r\n    text-decoration: none !important;\r\n    isolation: isolate;\r\n    transform: translateZ(0);\r\n  }\r\n\r\n  .gnp-card__image {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover;\r\n    object-position: center var(--gnp-image-position-y, 50%);\r\n    filter: saturate(0.92) contrast(1.04);\r\n    transform: scale(1);\r\n    transition:\r\n      filter 0.55s ease,\r\n      transform 0.7s ease;\r\n    user-select: none;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .gnp-card::before {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(0, 0, 0, 0.06) 0%,\r\n      rgba(0, 0, 0, 0.16) 42%,\r\n      rgba(0, 0, 0, 0.78) 100%\r\n    );\r\n    content: \"\";\r\n    transition: background 0.35s ease;\r\n  }\r\n\r\n  \/* Original border bilkul same rakha gaya hai *\/\r\n  .gnp-card::after {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    content: \"\";\r\n    pointer-events: none;\r\n  }\r\n\r\n  .gnp-card__fallback {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 28px;\r\n    background:\r\n      radial-gradient(\r\n        circle at 75% 18%,\r\n        rgba(246, 6, 5, 0.28),\r\n        transparent 32%\r\n      ),\r\n      linear-gradient(\r\n        135deg,\r\n        #3b3f43 0%,\r\n        #111214 55%,\r\n        #050505 100%\r\n      );\r\n    color: rgba(255, 255, 255, 0.42);\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.08em;\r\n    line-height: 1.6;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .gnp-card.is-image-missing .gnp-card__image {\r\n    display: none;\r\n  }\r\n\r\n  .gnp-card.is-image-missing .gnp-card__fallback {\r\n    display: flex;\r\n  }\r\n\r\n  .gnp-card__content {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    padding: 31px 22px 34px;\r\n    text-align: center;\r\n  }\r\n\r\n  .gnp-card__title {\r\n    max-width: 100%;\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    line-height: 1.28;\r\n    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.7);\r\n  }\r\n\r\n  .gnp-card__plus {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 50px;\r\n    height: 50px;\r\n    flex: 0 0 50px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.86);\r\n    color: var(--gnp-black);\r\n    transition:\r\n      background-color 0.3s ease,\r\n      color 0.3s ease,\r\n      transform 0.3s ease;\r\n  }\r\n\r\n  .gnp-card__plus::before,\r\n  .gnp-card__plus::after {\r\n    position: absolute;\r\n    width: 19px;\r\n    height: 1px;\r\n    background: currentColor;\r\n    content: \"\";\r\n  }\r\n\r\n  .gnp-card__plus::after {\r\n    transform: rotate(90deg);\r\n  }\r\n\r\n  .gnp-card:hover::before,\r\n  .gnp-card:focus-visible::before {\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(0, 0, 0, 0.02) 0%,\r\n      rgba(0, 0, 0, 0.1) 36%,\r\n      rgba(0, 0, 0, 0.68) 100%\r\n    );\r\n  }\r\n\r\n  .gnp-card:hover .gnp-card__image,\r\n  .gnp-card:focus-visible .gnp-card__image {\r\n    filter: saturate(1) contrast(1.06);\r\n    transform: scale(1.035);\r\n  }\r\n\r\n  .gnp-card:hover .gnp-card__plus,\r\n  .gnp-card:focus-visible .gnp-card__plus {\r\n    background: var(--gnp-red);\r\n    color: #ffffff;\r\n    transform: rotate(90deg);\r\n  }\r\n\r\n  .gnp-card:focus-visible {\r\n    outline: 3px solid var(--gnp-red);\r\n    outline-offset: -3px;\r\n  }\r\n\r\n  @media (max-width: 1050px) {\r\n    .gnp-slider {\r\n      padding: 58px 0 66px;\r\n    }\r\n\r\n    .gnp-slider__inner {\r\n      width: calc(100% - 64px);\r\n    }\r\n\r\n    .gnp-slider__track {\r\n      gap: 20px;\r\n    }\r\n\r\n    .gnp-card {\r\n      flex-basis: calc((100% - 20px) \/ 2);\r\n      height: 390px;\r\n    }\r\n\r\n    .gnp-slider__prev {\r\n      left: -16px;\r\n    }\r\n\r\n    .gnp-slider__next {\r\n      right: -16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 650px) {\r\n    .gnp-slider {\r\n      padding: 44px 0 50px;\r\n    }\r\n\r\n    .gnp-slider__inner {\r\n      width: calc(100% - 36px);\r\n    }\r\n\r\n    .gnp-slider__header {\r\n      margin-bottom: 27px;\r\n    }\r\n\r\n    .gnp-slider__title {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .gnp-slider__arrow {\r\n      width: 46px;\r\n      height: 46px;\r\n    }\r\n\r\n    .gnp-slider__prev {\r\n      left: -8px;\r\n    }\r\n\r\n    .gnp-slider__next {\r\n      right: -8px;\r\n    }\r\n\r\n    .gnp-slider__track {\r\n      gap: 16px;\r\n    }\r\n\r\n    .gnp-card {\r\n      flex-basis: 100%;\r\n      height: 400px;\r\n    }\r\n\r\n    .gnp-card__title {\r\n      font-size: 19px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .gnp-slider__track,\r\n    .gnp-card,\r\n    .gnp-card::before,\r\n    .gnp-card__image,\r\n    .gnp-card__plus,\r\n    .gnp-slider__arrow {\r\n      transition-duration: 0.01ms !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"gnp-slider\"\r\n  aria-labelledby=\"gnp-products-title\"\r\n>\r\n  <div class=\"gnp-slider__inner\">\r\n\r\n    <div class=\"gnp-slider__header\">\r\n      <h2\r\n        class=\"gnp-slider__title\"\r\n        id=\"gnp-products-title\"\r\n      >\r\n        Our Products\r\n        <span\r\n          class=\"gnp-slider__title-dot\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"gnp-slider__stage\">\r\n\r\n      <div\r\n        class=\"gnp-slider__controls\"\r\n        aria-label=\"Product carousel navigation\"\r\n      >\r\n\r\n        <button\r\n          class=\"gnp-slider__arrow gnp-slider__prev\"\r\n          type=\"button\"\r\n          aria-label=\"Previous products\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"m15 18-6-6 6-6\"><\/path>\r\n          <\/svg>\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"gnp-slider__arrow gnp-slider__next\"\r\n          type=\"button\"\r\n          aria-label=\"Next products\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"m9 18 6-6-6-6\"><\/path>\r\n          <\/svg>\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <div\r\n        class=\"gnp-slider__viewport\"\r\n        role=\"region\"\r\n        aria-label=\"Grey Nite product categories\"\r\n        tabindex=\"0\"\r\n      >\r\n\r\n        <div\r\n          class=\"gnp-slider__track\"\r\n          aria-live=\"off\"\r\n        >\r\n\r\n          <!-- 1. WIRING CABLES -->\r\n          <a\r\n            class=\"gnp-card\"\r\n            href=\"PASTE-PRODUCT-LINK-1-HERE\"\r\n            aria-label=\"Open Wiring Cables\"\r\n            style=\"--gnp-image-position-y: 0%;\"\r\n          >\r\n            <img\r\n              class=\"gnp-card__image\"\r\n              src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/img1.png\"\r\n              alt=\"Grey Nite Wiring Cables\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              draggable=\"false\"\r\n              onerror=\"this.style.display='none';this.parentElement.classList.add('is-image-missing');\"\r\n            >\r\n\r\n            <span class=\"gnp-card__fallback\">\r\n              Add Wiring Cables image URL\r\n            <\/span>\r\n\r\n            <span class=\"gnp-card__content\">\r\n              <span class=\"gnp-card__title\">\r\n                Wiring Cables\r\n              <\/span>\r\n              <span\r\n                class=\"gnp-card__plus\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <!-- 2. MULTI CORE ROUND CABLES -->\r\n          <a\r\n            class=\"gnp-card\"\r\n            href=\"PASTE-PRODUCT-LINK-2-HERE\"\r\n            aria-label=\"Open Multi Core Round Cables\"\r\n            style=\"--gnp-image-position-y: 0%;\"\r\n          >\r\n            <img\r\n              class=\"gnp-card__image\"\r\n              src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/img2.png\"\r\n              alt=\"Grey Nite Multi Core Round Cables\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              draggable=\"false\"\r\n              onerror=\"this.style.display='none';this.parentElement.classList.add('is-image-missing');\"\r\n            >\r\n\r\n            <span class=\"gnp-card__fallback\">\r\n              Add Multi Core Round Cables image URL\r\n            <\/span>\r\n\r\n            <span class=\"gnp-card__content\">\r\n              <span class=\"gnp-card__title\">\r\n                Multi Core Round Cables\r\n              <\/span>\r\n              <span\r\n                class=\"gnp-card__plus\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <!-- 3. TELEPHONE CABLES -->\r\n          <a\r\n            class=\"gnp-card\"\r\n            href=\"PASTE-PRODUCT-LINK-3-HERE\"\r\n            aria-label=\"Open Telephone Cables\"\r\n            style=\"--gnp-image-position-y: 0%;\"\r\n          >\r\n            <img\r\n              class=\"gnp-card__image\"\r\n              src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/img3.png\"\r\n              alt=\"Grey Nite Telephone Cables\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              draggable=\"false\"\r\n              onerror=\"this.style.display='none';this.parentElement.classList.add('is-image-missing');\"\r\n            >\r\n\r\n            <span class=\"gnp-card__fallback\">\r\n              Add Telephone Cables image URL\r\n            <\/span>\r\n\r\n            <span class=\"gnp-card__content\">\r\n              <span class=\"gnp-card__title\">\r\n                Telephone Cables\r\n              <\/span>\r\n              <span\r\n                class=\"gnp-card__plus\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <!-- 4. CAT 6 CABLES -->\r\n          <a\r\n            class=\"gnp-card\"\r\n            href=\"PASTE-PRODUCT-LINK-4-HERE\"\r\n            aria-label=\"Open CAT 6 Cables\"\r\n            style=\"--gnp-image-position-y: 10%;\"\r\n          >\r\n            <img\r\n              class=\"gnp-card__image\"\r\n              src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/img4.png\"\r\n              alt=\"Grey Nite CAT 6 Cables\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              draggable=\"false\"\r\n              onerror=\"this.style.display='none';this.parentElement.classList.add('is-image-missing');\"\r\n            >\r\n\r\n            <span class=\"gnp-card__fallback\">\r\n              Add CAT 6 Cables image URL\r\n            <\/span>\r\n\r\n            <span class=\"gnp-card__content\">\r\n              <span class=\"gnp-card__title\">\r\n                CAT 6 Cables\r\n              <\/span>\r\n              <span\r\n                class=\"gnp-card__plus\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <!-- 5. MULTI-CORE FLAT CABLES -->\r\n          <a\r\n            class=\"gnp-card\"\r\n            href=\"PASTE-PRODUCT-LINK-5-HERE\"\r\n            aria-label=\"Open Multi-Core Flat Cables\"\r\n            style=\"--gnp-image-position-y: 0%;\"\r\n          >\r\n            <img\r\n              class=\"gnp-card__image\"\r\n              src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/img7.png\"\r\n              alt=\"Grey Nite Multi-Core Flat Cables\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              draggable=\"false\"\r\n              onerror=\"this.style.display='none';this.parentElement.classList.add('is-image-missing');\"\r\n            >\r\n\r\n            <span class=\"gnp-card__fallback\">\r\n              Add Multi-Core Flat Cables image URL\r\n            <\/span>\r\n\r\n            <span class=\"gnp-card__content\">\r\n              <span class=\"gnp-card__title\">\r\n                Multi-Core Flat Cables\r\n              <\/span>\r\n              <span\r\n                class=\"gnp-card__plus\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <!-- 6. LT XLPE ALUMINIUM ARMOURED CABLES -->\r\n          <a\r\n            class=\"gnp-card\"\r\n            href=\"PASTE-PRODUCT-LINK-6-HERE\"\r\n            aria-label=\"Open LT XLPE Insulated Aluminium Armoured Cables\"\r\n            style=\"--gnp-image-position-y: 0%;\"\r\n          >\r\n            <img\r\n              class=\"gnp-card__image\"\r\n              src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/img5.png\"\r\n              alt=\"Grey Nite LT XLPE Insulated Aluminium Armoured Cables\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              draggable=\"false\"\r\n              onerror=\"this.style.display='none';this.parentElement.classList.add('is-image-missing');\"\r\n            >\r\n\r\n            <span class=\"gnp-card__fallback\">\r\n              Add LT XLPE Armoured Cables image URL\r\n            <\/span>\r\n\r\n            <span class=\"gnp-card__content\">\r\n              <span class=\"gnp-card__title\">\r\n                LT XLPE Armoured Cables\r\n              <\/span>\r\n              <span\r\n                class=\"gnp-card__plus\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <!-- 7. LT XLPE COPPER ARMOURED CABLES -->\r\n          <a\r\n            class=\"gnp-card\"\r\n            href=\"PASTE-PRODUCT-LINK-7-HERE\"\r\n            aria-label=\"Open LT XLPE Insulated Copper Armoured Cables\"\r\n            style=\"--gnp-image-position-y: 0%;\"\r\n          >\r\n            <img\r\n              class=\"gnp-card__image\"\r\n              src=\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/img6.png\"\r\n              alt=\"Grey Nite LT XLPE Insulated Copper Armoured Cables\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              draggable=\"false\"\r\n              onerror=\"this.style.display='none';this.parentElement.classList.add('is-image-missing');\"\r\n            >\r\n\r\n            <span class=\"gnp-card__fallback\">\r\n              Add Copper Armoured Cables image URL\r\n            <\/span>\r\n\r\n            <span class=\"gnp-card__content\">\r\n              <span class=\"gnp-card__title\">\r\n                Copper Armoured Cables\r\n              <\/span>\r\n              <span\r\n                class=\"gnp-card__plus\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n            <\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    \"use strict\";\r\n\r\n    function initialiseProductCarousel(root) {\r\n      if (root.hasAttribute(\"data-gnp-ready\")) {\r\n        return;\r\n      }\r\n\r\n      root.setAttribute(\"data-gnp-ready\", \"true\");\r\n\r\n      var track = root.querySelector(\".gnp-slider__track\");\r\n      var viewport = root.querySelector(\".gnp-slider__viewport\");\r\n      var previousButton = root.querySelector(\".gnp-slider__prev\");\r\n      var nextButton = root.querySelector(\".gnp-slider__next\");\r\n\r\n      if (\r\n        !track ||\r\n        !viewport ||\r\n        !previousButton ||\r\n        !nextButton\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      var originals = Array.prototype.slice.call(\r\n        track.querySelectorAll(\".gnp-card\")\r\n      );\r\n\r\n      if (!originals.length) {\r\n        return;\r\n      }\r\n\r\n      originals.forEach(function (card) {\r\n        var image = card.querySelector(\".gnp-card__image\");\r\n\r\n        var source = image\r\n          ? image.getAttribute(\"src\") || \"\"\r\n          : \"\";\r\n\r\n        if (\r\n          !image ||\r\n          !source ||\r\n          source.indexOf(\"PASTE-PRODUCT-IMAGE\") === 0\r\n        ) {\r\n          if (image) {\r\n            image.removeAttribute(\"src\");\r\n          }\r\n\r\n          card.classList.add(\"is-image-missing\");\r\n        }\r\n      });\r\n\r\n      var originalCount = originals.length;\r\n      var perView = 4;\r\n      var physicalIndex = 0;\r\n      var logicalIndex = 0;\r\n      var animationLocked = false;\r\n      var autoplayTimer = null;\r\n\r\n      var reduceMotion = window.matchMedia(\r\n        \"(prefers-reduced-motion: reduce)\"\r\n      ).matches;\r\n\r\n      function currentPerView() {\r\n        if (window.innerWidth <= 650) {\r\n          return 1;\r\n        }\r\n\r\n        if (window.innerWidth <= 1050) {\r\n          return 2;\r\n        }\r\n\r\n        return 4;\r\n      }\r\n\r\n      function gapSize() {\r\n        var styles = window.getComputedStyle(track);\r\n\r\n        return (\r\n          parseFloat(\r\n            styles.columnGap || styles.gap\r\n          ) || 0\r\n        );\r\n      }\r\n\r\n      function cardStep() {\r\n        var firstCard = track.querySelector(\".gnp-card\");\r\n\r\n        return firstCard\r\n          ? firstCard.getBoundingClientRect().width +\r\n              gapSize()\r\n          : 0;\r\n      }\r\n\r\n      function moveTrack(withAnimation) {\r\n        track.style.transition = withAnimation\r\n          ? \"\"\r\n          : \"none\";\r\n\r\n        track.style.transform =\r\n          \"translate3d(\" +\r\n          (-physicalIndex * cardStep()) +\r\n          \"px,0,0)\";\r\n\r\n        if (!withAnimation) {\r\n          track.getBoundingClientRect();\r\n          track.style.transition = \"\";\r\n        }\r\n      }\r\n\r\n      function markClone(clone) {\r\n        clone.classList.add(\"gnp-card--clone\");\r\n        clone.setAttribute(\"aria-hidden\", \"true\");\r\n        clone.setAttribute(\"tabindex\", \"-1\");\r\n\r\n        return clone;\r\n      }\r\n\r\n      function rebuildCarousel() {\r\n        Array.prototype.slice\r\n          .call(\r\n            track.querySelectorAll(\r\n              \".gnp-card--clone\"\r\n            )\r\n          )\r\n          .forEach(function (clone) {\r\n            clone.remove();\r\n          });\r\n\r\n        perView = currentPerView();\r\n\r\n        originals\r\n          .slice(originalCount - perView)\r\n          .reverse()\r\n          .forEach(function (card) {\r\n            track.insertBefore(\r\n              markClone(card.cloneNode(true)),\r\n              track.firstChild\r\n            );\r\n          });\r\n\r\n        originals\r\n          .slice(0, perView)\r\n          .forEach(function (card) {\r\n            track.appendChild(\r\n              markClone(card.cloneNode(true))\r\n            );\r\n          });\r\n\r\n        physicalIndex =\r\n          perView + logicalIndex;\r\n\r\n        window.requestAnimationFrame(function () {\r\n          moveTrack(false);\r\n        });\r\n      }\r\n\r\n      function nextSlide() {\r\n        if (animationLocked) {\r\n          return;\r\n        }\r\n\r\n        animationLocked = true;\r\n\r\n        logicalIndex =\r\n          (logicalIndex + 1) % originalCount;\r\n\r\n        physicalIndex += 1;\r\n        moveTrack(true);\r\n      }\r\n\r\n      function previousSlide() {\r\n        if (animationLocked) {\r\n          return;\r\n        }\r\n\r\n        animationLocked = true;\r\n\r\n        logicalIndex =\r\n          (logicalIndex - 1 + originalCount) %\r\n          originalCount;\r\n\r\n        physicalIndex -= 1;\r\n        moveTrack(true);\r\n      }\r\n\r\n      function stopAutoplay() {\r\n        if (autoplayTimer) {\r\n          window.clearInterval(autoplayTimer);\r\n          autoplayTimer = null;\r\n        }\r\n      }\r\n\r\n      function startAutoplay() {\r\n        stopAutoplay();\r\n\r\n        if (\r\n          reduceMotion ||\r\n          document.hidden\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        autoplayTimer = window.setInterval(\r\n          nextSlide,\r\n          3800\r\n        );\r\n      }\r\n\r\n      nextButton.addEventListener(\r\n        \"click\",\r\n        function () {\r\n          nextSlide();\r\n          startAutoplay();\r\n        }\r\n      );\r\n\r\n      previousButton.addEventListener(\r\n        \"click\",\r\n        function () {\r\n          previousSlide();\r\n          startAutoplay();\r\n        }\r\n      );\r\n\r\n      track.addEventListener(\r\n        \"transitionend\",\r\n        function (event) {\r\n          if (\r\n            event.propertyName !== \"transform\"\r\n          ) {\r\n            return;\r\n          }\r\n\r\n          if (\r\n            physicalIndex >=\r\n            perView + originalCount\r\n          ) {\r\n            physicalIndex = perView;\r\n            moveTrack(false);\r\n          } else if (\r\n            physicalIndex < perView\r\n          ) {\r\n            physicalIndex =\r\n              perView + originalCount - 1;\r\n\r\n            moveTrack(false);\r\n          }\r\n\r\n          animationLocked = false;\r\n        }\r\n      );\r\n\r\n      root.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n          var card = event.target.closest(\".gnp-card\");\r\n\r\n          if (!card) {\r\n            return;\r\n          }\r\n\r\n          var link =\r\n            card.getAttribute(\"href\") || \"\";\r\n\r\n          if (\r\n            !link ||\r\n            link === \"#\" ||\r\n            link.indexOf(\"PASTE-PRODUCT-LINK\") === 0\r\n          ) {\r\n            event.preventDefault();\r\n          }\r\n        }\r\n      );\r\n\r\n      root.addEventListener(\r\n        \"mouseenter\",\r\n        stopAutoplay\r\n      );\r\n\r\n      root.addEventListener(\r\n        \"mouseleave\",\r\n        startAutoplay\r\n      );\r\n\r\n      root.addEventListener(\r\n        \"focusin\",\r\n        stopAutoplay\r\n      );\r\n\r\n      root.addEventListener(\r\n        \"focusout\",\r\n        function (event) {\r\n          if (\r\n            !root.contains(event.relatedTarget)\r\n          ) {\r\n            startAutoplay();\r\n          }\r\n        }\r\n      );\r\n\r\n      document.addEventListener(\r\n        \"visibilitychange\",\r\n        function () {\r\n          if (document.hidden) {\r\n            stopAutoplay();\r\n          } else {\r\n            startAutoplay();\r\n          }\r\n        }\r\n      );\r\n\r\n      var lastPerView = currentPerView();\r\n      var resizeTimer = null;\r\n\r\n      window.addEventListener(\r\n        \"resize\",\r\n        function () {\r\n          window.clearTimeout(resizeTimer);\r\n\r\n          resizeTimer = window.setTimeout(\r\n            function () {\r\n              var newPerView = currentPerView();\r\n\r\n              if (newPerView !== lastPerView) {\r\n                lastPerView = newPerView;\r\n                animationLocked = false;\r\n                rebuildCarousel();\r\n              } else {\r\n                moveTrack(false);\r\n              }\r\n            },\r\n            160\r\n          );\r\n        }\r\n      );\r\n\r\n      rebuildCarousel();\r\n      startAutoplay();\r\n    }\r\n\r\n    function bootProductCarousels() {\r\n      document\r\n        .querySelectorAll(\r\n          \".gnp-slider:not([data-gnp-ready])\"\r\n        )\r\n        .forEach(initialiseProductCarousel);\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\r\n        \"DOMContentLoaded\",\r\n        bootProductCarousels\r\n      );\r\n    } else {\r\n      bootProductCarousels();\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-a1cbb90 e-grid e-con-full wd-section-stretch e-con e-parent\" data-id=\"a1cbb90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86a3a8a elementor-widget elementor-widget-html\" data-id=\"86a3a8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .solutions-banner {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 300px;\r\n    overflow: hidden;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    background-image: url(\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-17-2026-11_07_04-AM.png\");\r\n    background-size: cover;\r\n    background-position: center;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .solutions-banner::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgba(0, 45, 70, 0.65) 0%,\r\n      rgba(0, 55, 80, 0.35) 45%,\r\n      rgba(0, 20, 30, 0.05) 100%\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .solutions-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1220px;\r\n    margin: 0 auto;\r\n    padding: 70px 7%;\r\n    box-sizing: border-box;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .solutions-content h2 {\r\n    margin: 0 0 18px;\r\n    color: #ffffff !important;\r\n    font-size: clamp(38px, 4vw, 58px);\r\n    line-height: 1.05;\r\n    font-weight: 700;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .solutions-content p {\r\n    margin: 0;\r\n    max-width: 850px;\r\n    color: #ffffff;\r\n    font-size: clamp(18px, 1.8vw, 25px);\r\n    line-height: 1.45;\r\n    font-weight: 400;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .solutions-banner {\r\n      min-height: 300px;\r\n      background-position: center;\r\n    }\r\n\r\n    .solutions-content {\r\n      padding: 55px 28px;\r\n    }\r\n\r\n    .solutions-content h2 {\r\n      margin-bottom: 15px;\r\n      font-size: 38px;\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .solutions-content p {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .solutions-banner {\r\n      min-height: 280px;\r\n    }\r\n\r\n    .solutions-content {\r\n      padding: 45px 22px;\r\n    }\r\n\r\n    .solutions-content h2 {\r\n      font-size: 32px;\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .solutions-content p {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"solutions-banner\">\r\n  <div class=\"solutions-content\">\r\n    <h2>Solutions<\/h2>\r\n\r\n    <p>\r\n      LS Cable &amp; System has world-class technology in power cables.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04bbbfd e-grid e-con-full wd-section-stretch e-con e-parent\" data-id=\"04bbbfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3d2831 elementor-widget elementor-widget-html\" data-id=\"d3d2831\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* OUR OTHER BRANDS SECTION *\/\r\n  .gni-brands-section,\r\n  .gni-brands-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gni-brands-section {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 72px 0 78px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    background: linear-gradient(\r\n      115deg,\r\n      #f7fbfd 0%,\r\n      #eaf5fa 52%,\r\n      #d8effa 100%\r\n    );\r\n  }\r\n\r\n  .gni-brands-heading {\r\n    width: min(1120px, 88%);\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .gni-brands-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    margin: 0 0 22px;\r\n    color: #002f5f;\r\n    font-size: 14px;\r\n    line-height: 1.2;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .gni-brands-label::before {\r\n    content: \"\";\r\n    width: 12px;\r\n    height: 12px;\r\n    flex: 0 0 12px;\r\n    background: #ff4b00;\r\n  }\r\n\r\n  .gni-brands-title {\r\n    margin: 0;\r\n    color: #00366d !important;\r\n    font-size: clamp(38px, 4.2vw, 58px);\r\n    line-height: 1.1;\r\n    font-weight: 400;\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .gni-brands-description {\r\n    max-width: 790px;\r\n    margin: 17px auto 0;\r\n    color: #4b78a1;\r\n    font-size: clamp(16px, 1.35vw, 19px);\r\n    line-height: 1.55;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .gni-brands-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    width: min(1240px, 94%);\r\n    margin: 68px auto 0;\r\n  }\r\n\r\n  .gni-brand-item {\r\n    position: relative;\r\n    display: flex;\r\n    min-height: 115px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 22px 24px;\r\n    text-align: center;\r\n  }\r\n\r\n  .gni-brand-item + .gni-brand-item {\r\n    border-left: 1px solid rgba(0, 54, 109, 0.2);\r\n  }\r\n\r\n  .gni-brand-logo {\r\n    display: inline-block;\r\n    color: #ed1c24;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(23px, 2vw, 31px);\r\n    line-height: 1.02;\r\n    font-style: italic;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n    text-shadow: 0 1px 0 rgba(130, 0, 0, 0.08);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .gni-brand-item:hover .gni-brand-logo {\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .gni-brand-logo sup {\r\n    position: relative;\r\n    top: -0.45em;\r\n    margin-left: 2px;\r\n    color: #202020;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-style: normal;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .gni-brand-logo small {\r\n    display: block;\r\n    margin-top: 7px;\r\n    color: #171717;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 0.88em;\r\n    line-height: 1;\r\n    font-style: normal;\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 900px) {\r\n    .gni-brands-section {\r\n      padding: 62px 0 65px;\r\n    }\r\n\r\n    .gni-brands-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      width: min(680px, 92%);\r\n      margin-top: 52px;\r\n    }\r\n\r\n    .gni-brand-item {\r\n      min-height: 125px;\r\n    }\r\n\r\n    .gni-brand-item:nth-child(3) {\r\n      border-left: 0;\r\n    }\r\n\r\n    .gni-brand-item:nth-child(n + 3) {\r\n      border-top: 1px solid rgba(0, 54, 109, 0.2);\r\n    }\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 520px) {\r\n    .gni-brands-section {\r\n      padding: 48px 0 50px;\r\n    }\r\n\r\n    .gni-brands-heading {\r\n      width: calc(100% - 38px);\r\n    }\r\n\r\n    .gni-brands-label {\r\n      margin-bottom: 16px;\r\n      font-size: 12px;\r\n    }\r\n\r\n    .gni-brands-label::before {\r\n      width: 10px;\r\n      height: 10px;\r\n      flex-basis: 10px;\r\n    }\r\n\r\n    .gni-brands-title {\r\n      font-size: 34px;\r\n      letter-spacing: -0.7px;\r\n    }\r\n\r\n    .gni-brands-description {\r\n      margin-top: 14px;\r\n      font-size: 15px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .gni-brands-grid {\r\n      grid-template-columns: 1fr;\r\n      width: calc(100% - 38px);\r\n      margin-top: 38px;\r\n    }\r\n\r\n    .gni-brand-item {\r\n      min-height: 98px;\r\n      padding: 19px 12px;\r\n    }\r\n\r\n    .gni-brand-item + .gni-brand-item,\r\n    .gni-brand-item:nth-child(3) {\r\n      border-left: 0;\r\n      border-top: 1px solid rgba(0, 54, 109, 0.2);\r\n    }\r\n\r\n    .gni-brand-logo {\r\n      font-size: 26px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"gni-brands-section\">\r\n\r\n  <div class=\"gni-brands-heading\">\r\n\r\n    <div class=\"gni-brands-label\">\r\n      Our Brand Family\r\n    <\/div>\r\n\r\n    <h2 class=\"gni-brands-title\">\r\n      Our Other Brands\r\n    <\/h2>\r\n\r\n    <p class=\"gni-brands-description\">\r\n      Discover our trusted family of cable brands, created to deliver reliable\r\n      quality, performance and value across every application.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"gni-brands-grid\">\r\n\r\n    <div class=\"gni-brand-item\">\r\n      <div class=\"gni-brand-logo\">\r\n        GREY NITE<sup>&reg;<\/sup>\r\n        <small>Cable<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gni-brand-item\">\r\n      <div class=\"gni-brand-logo\">\r\n        TARANG<sup>&reg;<\/sup>\r\n        <small>Cable<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gni-brand-item\">\r\n      <div class=\"gni-brand-logo\">\r\n        ENGLISH CAB<sup>&reg;<\/sup>\r\n        <small>Cable<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gni-brand-item\">\r\n      <div class=\"gni-brand-logo\">\r\n        PULGA<sup>&reg;<\/sup>\r\n        <small>Cable<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-465b7d3 e-grid e-con-full wd-section-stretch e-con e-parent\" data-id=\"465b7d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a29fab elementor-widget elementor-widget-html\" data-id=\"5a29fab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================\r\n     GREY NITE CONTACT CTA SECTION\r\n  ========================================== *\/\r\n  .gn-contact-cta,\r\n  .gn-contact-cta * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gn-contact-cta {\r\n    --gn-navy: #003b70;\r\n    --gn-blue: #0068b3;\r\n    --gn-red: #ed1c24;\r\n    --gn-white: #ffffff;\r\n\r\n    position: relative;\r\n    display: flex;\r\n    width: 100%;\r\n    min-height: 255px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    padding: 55px 24px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    background-image: url(\"https:\/\/greynitecables.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-17-2026-11_07_04-AM.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    isolation: isolate;\r\n  }\r\n\r\n  \/* Blue overlay matching the Grey Nite website palette *\/\r\n  .gn-contact-cta::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgba(0, 104, 179, 0.92) 0%,\r\n      rgba(0, 74, 137, 0.9) 48%,\r\n      rgba(0, 45, 86, 0.86) 100%\r\n    );\r\n  }\r\n\r\n  .gn-contact-cta__inner {\r\n    display: flex;\r\n    width: min(770px, 100%);\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 34px;\r\n  }\r\n\r\n  .gn-contact-cta__title {\r\n    margin: 0;\r\n    color: var(--gn-white) !important;\r\n    font-size: clamp(26px, 2.35vw, 36px);\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n    letter-spacing: -0.6px;\r\n  }\r\n\r\n  .gn-contact-cta__button {\r\n    display: inline-flex;\r\n    min-width: 112px;\r\n    min-height: 48px;\r\n    flex: 0 0 auto;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 12px 25px;\r\n    border: 2px solid var(--gn-white);\r\n    border-radius: 999px;\r\n    background: var(--gn-white);\r\n    color: var(--gn-navy) !important;\r\n    font-size: 14px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n    transition:\r\n      background-color 0.3s ease,\r\n      border-color 0.3s ease,\r\n      color 0.3s ease,\r\n      transform 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  .gn-contact-cta__button:hover,\r\n  .gn-contact-cta__button:focus-visible {\r\n    border-color: var(--gn-red);\r\n    background: var(--gn-red);\r\n    color: var(--gn-white) !important;\r\n    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.18);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .gn-contact-cta__button:focus-visible {\r\n    outline: 3px solid rgba(255, 255, 255, 0.55);\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .gn-contact-cta {\r\n      min-height: 230px;\r\n      padding: 48px 24px;\r\n      background-position: center;\r\n    }\r\n\r\n    .gn-contact-cta__inner {\r\n      width: min(620px, 100%);\r\n      gap: 25px;\r\n    }\r\n\r\n    .gn-contact-cta__title {\r\n      font-size: 27px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .gn-contact-cta {\r\n      min-height: 260px;\r\n      padding: 45px 22px;\r\n    }\r\n\r\n    .gn-contact-cta__inner {\r\n      flex-direction: column;\r\n      gap: 24px;\r\n      text-align: center;\r\n    }\r\n\r\n    .gn-contact-cta__title {\r\n      max-width: 390px;\r\n      font-size: 26px;\r\n      line-height: 1.28;\r\n    }\r\n\r\n    .gn-contact-cta__button {\r\n      min-width: 122px;\r\n      min-height: 48px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"gn-contact-cta\">\r\n  <div class=\"gn-contact-cta__inner\">\r\n\r\n    <h2 class=\"gn-contact-cta__title\">\r\n      Questions? We&rsquo;ll help you find a solution.\r\n    <\/h2>\r\n\r\n    <a\r\n      class=\"gn-contact-cta__button\"\r\n      href=\"https:\/\/greynitecables.com\/contact-us\/\"\r\n      aria-label=\"Contact Grey Nite\"\r\n    >\r\n      Contact\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\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>Powering connections, safely and reliably The Best Cable Solution Leader GREY NITE CABLES progresses toward a connected future 1 4<\/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-7113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/pages\/7113","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=7113"}],"version-history":[{"count":12,"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/pages\/7113\/revisions"}],"predecessor-version":[{"id":29063,"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/pages\/7113\/revisions\/29063"}],"wp:attachment":[{"href":"https:\/\/greynitecables.com\/index.php\/wp-json\/wp\/v2\/media?parent=7113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}