{"id":24890,"date":"2024-07-05T14:52:07","date_gmt":"2024-07-05T14:52:07","guid":{"rendered":"https:\/\/dummy.xtemos.com\/woodmart2\/gutenberg\/?page_id=24890"},"modified":"2026-10-15T08:55:16","modified_gmt":"2026-10-15T08:55:16","slug":"home-minimalism","status":"publish","type":"page","link":"https:\/\/smartpackaging.co.in\/","title":{"rendered":"Home Minimalism"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24890\" class=\"elementor elementor-24890\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12ebc49 e-flex e-con-boxed e-con e-parent\" data-id=\"12ebc49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-040b99e elementor-widget elementor-widget-html\" data-id=\"040b99e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div id=\"elite-scroll-video\" class=\"elite-scroll-section\">\r\n  <div class=\"elite-sticky-stage\">\r\n\r\n    <video\r\n      id=\"elite-scroll-media\"\r\n      muted\r\n      playsinline\r\n      webkit-playsinline\r\n      autoplay\r\n      loop\r\n      preload=\"auto\"\r\n      disablepictureinpicture\r\n      aria-label=\"Smart Packaging plastic bottle manufacturers banner\"\r\n    >\r\n      <source\r\n        src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/10\/gemini_generated_video_a2cbcf0e.mp4\"\r\n        type=\"video\/mp4\"\r\n      >\r\n    <\/video>\r\n\r\n    <div class=\"elite-video-overlay\"><\/div>\r\n\r\n    <div class=\"elite-video-content\">\r\n\r\n      <h1>Quality Bottles<br>For Every Need<\/h1>\r\n\r\n      <p class=\"elite-subtitle\">\r\n        Explore a wide range of quality bottles and containers\r\n        designed for diverse packaging requirements across different\r\n        industries with practical solutions.\r\n      <\/p>\r\n\r\n      <a\r\n        href=\"https:\/\/smartpackaging.co.in\/?page_id=37343\"\r\n        class=\"elite-explore\"\r\n      >\r\n        <span class=\"elite-explore-text\">EXPLORE COLLECTION<\/span>\r\n        <span class=\"elite-explore-arrow\">\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* =========================================\r\n   FULL WIDTH SECTION\r\n========================================= *\/\r\n\r\n#elite-scroll-video {\r\n  position: relative;\r\n  left: 50%;\r\n  width: 100vw !important;\r\n  max-width: none !important;\r\n  margin-left: -50vw;\r\n  margin-right: 0;\r\n  height: 400vh;\r\n  padding: 0 !important;\r\n  background: #101312;\r\n  overflow: clip;\r\n  isolation: isolate;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================\r\n   STICKY VIDEO STAGE\r\n========================================= *\/\r\n\r\n#elite-scroll-video .elite-sticky-stage {\r\n  position: sticky;\r\n  top: 0;\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  height: 100vh;\r\n  height: 100svh;\r\n  min-height: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  background: #101312;\r\n}\r\n\r\n\/* =========================================\r\n   VIDEO DISPLAY\r\n========================================= *\/\r\n\r\n#elite-scroll-video #elite-scroll-media {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  height: 100% !important;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center center;\r\n  background: #101312;\r\n  border: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  transform: translateZ(0);\r\n}\r\n\r\n\/* =========================================\r\n   VIDEO OVERLAY\r\n========================================= *\/\r\n\r\n#elite-scroll-video .elite-video-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  background: linear-gradient(\r\n    90deg,\r\n    rgba(0, 0, 0, 0.65) 0%,\r\n    rgba(0, 0, 0, 0.20) 55%,\r\n    rgba(0, 0, 0, 0.08) 100%\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n\/* =========================================\r\n   HERO CONTENT\r\n========================================= *\/\r\n\r\n#elite-scroll-video .elite-video-content {\r\n  position: absolute;\r\n  z-index: 2;\r\n  left: 8%;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: auto;\r\n  max-width: 700px;\r\n  padding: 20px;\r\n  box-sizing: border-box;\r\n  color: #fff;\r\n}\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n#elite-scroll-video .elite-video-content h1 {\r\n  color: #fff;\r\n  font-size: clamp(38px, 5vw, 76px);\r\n  line-height: 1.12;\r\n  font-weight: 400;\r\n  margin: 0 0 26px;\r\n  padding: 0;\r\n}\r\n\r\n\/* =========================================\r\n   DESCRIPTION\r\n========================================= *\/\r\n\r\n#elite-scroll-video .elite-subtitle {\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n  font-weight: 400;\r\n  color: #eee;\r\n  margin: 0 0 28px;\r\n  max-width: 600px;\r\n}\r\n\r\n\/* =========================================\r\n   EXPLORE BUTTON\r\n========================================= *\/\r\n\r\n#elite-scroll-video .elite-explore {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  width: fit-content;\r\n  color: #fff !important;\r\n  text-decoration: none !important;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  letter-spacing: 2px;\r\n  line-height: 1.5;\r\n  border: none !important;\r\n  outline: none;\r\n  padding: 0 0 12px;\r\n  margin: 0;\r\n  background: transparent !important;\r\n  box-shadow: none !important;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n#elite-scroll-video .elite-explore::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 100%;\r\n  height: 1px;\r\n  background: rgba(255, 255, 255, 0.85);\r\n  transform: scaleX(0);\r\n  transform-origin: left center;\r\n  transition: transform 0.45s cubic-bezier(\r\n    0.22, 1, 0.36, 1\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n#elite-scroll-video .elite-explore:hover::after,\r\n#elite-scroll-video .elite-explore:focus-visible::after {\r\n  transform: scaleX(1);\r\n  transform-origin: left center;\r\n}\r\n\r\n#elite-scroll-video .elite-explore:not(:hover):not(:focus-visible)::after {\r\n  transform: scaleX(0);\r\n  transform-origin: right center;\r\n}\r\n\r\n#elite-scroll-video .elite-explore:hover {\r\n  color: #fff !important;\r\n  opacity: 0.85;\r\n}\r\n\r\n#elite-scroll-video .elite-explore-arrow {\r\n  display: inline-block;\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n#elite-scroll-video .elite-explore:hover .elite-explore-arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* =========================================\r\n   LARGE DESKTOP\r\n========================================= *\/\r\n\r\n@media (min-width: 1601px) {\r\n  #elite-scroll-video .elite-video-content {\r\n    left: 8%;\r\n    max-width: 760px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   LAPTOP \/ DESKTOP\r\n========================================= *\/\r\n\r\n@media (min-width: 1025px) and (max-width: 1600px) {\r\n  #elite-scroll-video .elite-video-content {\r\n    left: 8%;\r\n    max-width: 700px;\r\n  }\r\n\r\n  #elite-scroll-video .elite-video-content h1 {\r\n    font-size: clamp(38px, 5vw, 76px);\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   TABLET - NO SCROLL EFFECT\r\n========================================= *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  #elite-scroll-video {\r\n    height: 100vh;\r\n    height: 100svh;\r\n  }\r\n\r\n  #elite-scroll-video .elite-sticky-stage {\r\n    position: relative;\r\n    top: auto;\r\n    height: 100%;\r\n    min-height: 100vh;\r\n    min-height: 100svh;\r\n  }\r\n\r\n  #elite-scroll-video .elite-video-content {\r\n    left: 5%;\r\n    right: 5%;\r\n    max-width: 700px;\r\n  }\r\n\r\n  #elite-scroll-video .elite-video-content h1 {\r\n    font-size: clamp(36px, 5vw, 58px);\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE - NORMAL AUTOPLAY VIDEO\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n  #elite-scroll-video {\r\n    height: 100vh;\r\n    height: 100svh;\r\n    min-height: 500px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #elite-scroll-video .elite-sticky-stage {\r\n    position: relative;\r\n    top: auto;\r\n    width: 100% !important;\r\n    height: 100%;\r\n    min-height: 500px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #elite-scroll-video #elite-scroll-media {\r\n    object-fit: cover;\r\n    object-position: center center;\r\n  }\r\n\r\n  #elite-scroll-video .elite-video-content {\r\n    left: 5%;\r\n    right: 5%;\r\n    top: 50%;\r\n    width: auto;\r\n    max-width: none;\r\n    padding: 10px;\r\n  }\r\n\r\n  #elite-scroll-video .elite-video-content h1 {\r\n    font-size: clamp(36px, 8vw, 52px);\r\n    line-height: 1.12;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  #elite-scroll-video .elite-subtitle {\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  #elite-scroll-video .elite-video-overlay {\r\n    background: linear-gradient(\r\n      0deg,\r\n      rgba(0, 0, 0, 0.65),\r\n      rgba(0, 0, 0, 0.12)\r\n    );\r\n  }\r\n\r\n  #elite-scroll-video .elite-explore {\r\n    font-size: 10px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   ACCESSIBILITY\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #elite-scroll-video .elite-explore,\r\n  #elite-scroll-video .elite-explore::after,\r\n  #elite-scroll-video .elite-explore-arrow {\r\n    transition-duration: 0.01ms;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function initEliteScrollVideo() {\r\n    const section = document.getElementById(\"elite-scroll-video\");\r\n    const video = document.getElementById(\"elite-scroll-media\");\r\n\r\n    if (!section || !video || section.dataset.ready) return;\r\n\r\n    section.dataset.ready = \"true\";\r\n\r\n    const desktopQuery = window.matchMedia(\"(min-width: 1025px)\");\r\n\r\n    const SMOOTHING = 0.22;\r\n    const EPSILON = 0.001;\r\n    const SEEK_THRESHOLD = 0.025;\r\n    const SEEK_INTERVAL = 35;\r\n\r\n    let duration = 0;\r\n    let ready = false;\r\n    let rafId = null;\r\n    let currentTime = 0;\r\n    let lastSeekAt = 0;\r\n\r\n    video.muted = true;\r\n    video.defaultMuted = true;\r\n    video.playsInline = true;\r\n    video.setAttribute(\"muted\", \"\");\r\n    video.setAttribute(\"playsinline\", \"\");\r\n    video.setAttribute(\"webkit-playsinline\", \"\");\r\n    video.preload = \"auto\";\r\n\r\n    function cancelUpdate() {\r\n      if (rafId !== null) {\r\n        cancelAnimationFrame(rafId);\r\n        rafId = null;\r\n      }\r\n    }\r\n\r\n    function getTargetTime() {\r\n      const rect = section.getBoundingClientRect();\r\n      const scrollable = section.offsetHeight - window.innerHeight;\r\n\r\n      if (scrollable <= 0 || !duration) return 0;\r\n\r\n      const progress = Math.max(\r\n        0,\r\n        Math.min(1, -rect.top \/ scrollable)\r\n      );\r\n\r\n      return progress * Math.max(0, duration - 0.05);\r\n    }\r\n\r\n    function scheduleUpdate() {\r\n      if (\r\n        desktopQuery.matches &&\r\n        rafId === null &&\r\n        ready\r\n      ) {\r\n        rafId = requestAnimationFrame(updateVideo);\r\n      }\r\n    }\r\n\r\n    function updateVideo() {\r\n      rafId = null;\r\n\r\n      if (!desktopQuery.matches || !ready || !duration) return;\r\n\r\n      const targetTime = getTargetTime();\r\n\r\n      currentTime +=\r\n        (targetTime - currentTime) * SMOOTHING;\r\n\r\n      if (Math.abs(targetTime - currentTime) < EPSILON) {\r\n        currentTime = targetTime;\r\n      }\r\n\r\n      const now = performance.now();\r\n\r\n      const seekDifference = Math.abs(\r\n        video.currentTime - currentTime\r\n      );\r\n\r\n      if (\r\n        !video.seeking &&\r\n        seekDifference > SEEK_THRESHOLD &&\r\n        now - lastSeekAt >= SEEK_INTERVAL\r\n      ) {\r\n        try {\r\n          video.currentTime = Math.max(\r\n            0,\r\n            Math.min(duration - 0.05, currentTime)\r\n          );\r\n\r\n          lastSeekAt = now;\r\n        } catch (error) {}\r\n      }\r\n\r\n      const stillMoving =\r\n        Math.abs(targetTime - currentTime) > EPSILON;\r\n\r\n      const videoBehind =\r\n        Math.abs(targetTime - video.currentTime) > 0.04;\r\n\r\n      if (stillMoving || videoBehind || video.seeking) {\r\n        scheduleUpdate();\r\n      }\r\n    }\r\n\r\n    function playMobileVideo() {\r\n      cancelUpdate();\r\n\r\n      video.muted = true;\r\n      video.playsInline = true;\r\n\r\n      const playPromise = video.play();\r\n\r\n      if (playPromise && typeof playPromise.catch === \"function\") {\r\n        playPromise.catch(function () {\r\n          \/\/ Browser autoplay restrictions may require user interaction.\r\n        });\r\n      }\r\n    }\r\n\r\n    function onVideoReady() {\r\n      if (\r\n        !Number.isFinite(video.duration) ||\r\n        video.duration <= 0\r\n      ) return;\r\n\r\n      duration = video.duration;\r\n      ready = true;\r\n\r\n      if (desktopQuery.matches) {\r\n        video.pause();\r\n        currentTime = getTargetTime();\r\n        scheduleUpdate();\r\n      } else {\r\n        \/\/ Mobile\/tablet: play the video normally.\r\n        playMobileVideo();\r\n      }\r\n    }\r\n\r\n    function applyDeviceMode() {\r\n      cancelUpdate();\r\n\r\n      if (desktopQuery.matches) {\r\n        \/\/ Laptop\/Desktop: scroll controls video frames.\r\n        video.pause();\r\n\r\n        if (ready) {\r\n          currentTime = getTargetTime();\r\n          scheduleUpdate();\r\n        }\r\n      } else {\r\n        \/\/ Mobile\/Tablet: continuous normal playback.\r\n        playMobileVideo();\r\n      }\r\n    }\r\n\r\n    video.addEventListener(\"loadedmetadata\", onVideoReady);\r\n    video.addEventListener(\"durationchange\", onVideoReady);\r\n    video.addEventListener(\"seeked\", scheduleUpdate);\r\n\r\n    window.addEventListener(\"scroll\", scheduleUpdate, {\r\n      passive: true\r\n    });\r\n\r\n    window.addEventListener(\"resize\", scheduleUpdate);\r\n\r\n    if (desktopQuery.addEventListener) {\r\n      desktopQuery.addEventListener(\"change\", applyDeviceMode);\r\n    } else {\r\n      desktopQuery.addListener(applyDeviceMode);\r\n    }\r\n\r\n    video.load();\r\n\r\n    if (video.readyState >= 1) {\r\n      onVideoReady();\r\n    }\r\n\r\n    applyDeviceMode();\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initEliteScrollVideo\r\n    );\r\n  } else {\r\n    initEliteScrollVideo();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b145cb8 e-flex e-con-boxed e-con e-parent\" data-id=\"b145cb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12a1572 elementor-widget elementor-widget-html\" data-id=\"12a1572\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div class=\"sp-wide-products\">\r\n\r\n  <div class=\"sp-wide-card\">\r\n    <a class=\"sp-wide-link\"\r\n       href=\"https:\/\/smartpackaging.co.in\/?product=cylindrical-bottle\">\r\n      <div class=\"sp-wide-bg sp-wide-bg-one\"><\/div>\r\n      <div class=\"sp-wide-content\">\r\n        <p>HDPE Round Bottle<\/p>\r\n        <h2>Cylindrical Bottle<\/h2>\r\n        <span class=\"sp-wide-button\">Read More<\/span>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"sp-wide-card\">\r\n    <a class=\"sp-wide-link\"\r\n       href=\"https:\/\/smartpackaging.co.in\/?product=sleek-can\">\r\n      <div class=\"sp-wide-bg sp-wide-bg-two\"><\/div>\r\n      <div class=\"sp-wide-content\">\r\n        <p>Efficient Storage<\/p>\r\n        <h2>Sleek Can<\/h2>\r\n        <span class=\"sp-wide-button\">Read More<\/span>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"sp-wide-card\">\r\n    <a class=\"sp-wide-link\" href=\"#\">\r\n      <div class=\"sp-wide-bg sp-wide-bg-three\"><\/div>\r\n      <div class=\"sp-wide-content\">\r\n        <p>Leak Proof<\/p>\r\n        <h2>Toilet Cleaner Bottles<\/h2>\r\n        <span class=\"sp-wide-button\">Read More<\/span>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500&display=swap');\r\n\r\n\/* FULL VIEWPORT WIDTH - FIX FOR ELEMENTOR *\/\r\n.sp-wide-products,\r\n.sp-wide-products * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sp-wide-products {\r\n  position: relative !important;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: calc(100vw - 32px) !important;\r\n  max-width: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  display: grid !important;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n  gap: 20px !important;\r\n\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* EXACT CARD PROPORTIONS *\/\r\n.sp-wide-card {\r\n  position: relative;\r\n  width: 100% !important;\r\n  min-width: 0;\r\n  aspect-ratio: 2 \/ 1;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: hidden;\r\n  border: none;\r\n  border-radius: 0;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.sp-wide-link {\r\n  display: block;\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.sp-wide-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-size: 100% 100%;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.sp-wide-bg-one {\r\n  background-color: #d6e5fc;\r\n  background-image: url('https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/Untitled-design-2026-09-17T152404.829.png');\r\n}\r\n\r\n.sp-wide-bg-two {\r\n  background-color: #fffaf5;\r\n  background-image: url('https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/Untitled-design-2026-09-17T151629.601.png');\r\n}\r\n\r\n.sp-wide-bg-three {\r\n  background-color: #d6e5fc;\r\n  background-image: url('https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/Untitled-design-2026-09-17T150702.629.png');\r\n}\r\n\r\n\/* ORIGINAL HOVER ZOOM *\/\r\n.sp-wide-card:hover .sp-wide-bg {\r\n  transform: scale(1.04);\r\n}\r\n\r\n\/* TEXT POSITION *\/\r\n.sp-wide-content {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 30px;\r\n  right: 12px;\r\n  transform: translateY(-50%);\r\n  z-index: 2;\r\n  margin: 0;\r\n  padding: 0;\r\n  text-align: left;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n.sp-wide-content p {\r\n  margin: 0 0 12px !important;\r\n  padding: 0 !important;\r\n  color: #a5a5a5 !important;\r\n  font-family: 'Poppins', sans-serif !important;\r\n  font-size: 16px !important;\r\n  font-weight: 300 !important;\r\n  line-height: 1.5 !important;\r\n  letter-spacing: 0 !important;\r\n}\r\n\r\n\/* HEADING *\/\r\n.sp-wide-content h2 {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  color: #292929 !important;\r\n  font-family: 'Poppins', sans-serif !important;\r\n  font-size: 30px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.3 !important;\r\n  letter-spacing: 0 !important;\r\n  text-transform: none !important;\r\n  white-space: normal;\r\n}\r\n\r\n\/* WOODMART LINK BUTTON STYLE *\/\r\n.sp-wide-button {\r\n  display: inline-block;\r\n  margin-top: 17px;\r\n  padding: 0 0 3px;\r\n  color: #292929;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  line-height: 1.4;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  border-bottom: 2px solid #243d8f;\r\n  opacity: 0;\r\n  transform: translateY(15px);\r\n  transition: opacity 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.sp-wide-card:hover .sp-wide-button {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .sp-wide-products {\r\n    width: calc(100vw - 32px) !important;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n    gap: 12px !important;\r\n  }\r\n\r\n  .sp-wide-content {\r\n    left: 16px;\r\n    right: 8px;\r\n  }\r\n\r\n  .sp-wide-content p {\r\n    font-size: 13px !important;\r\n    margin-bottom: 8px !important;\r\n  }\r\n\r\n  .sp-wide-content h2 {\r\n    font-size: 19px !important;\r\n  }\r\n\r\n  .sp-wide-button {\r\n    margin-top: 10px;\r\n    font-size: 10px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .sp-wide-products {\r\n    width: calc(100vw - 24px) !important;\r\n    grid-template-columns: 1fr !important;\r\n    gap: 10px !important;\r\n  }\r\n\r\n  .sp-wide-card {\r\n    aspect-ratio: 2 \/ 1;\r\n  }\r\n\r\n  .sp-wide-content {\r\n    left: 20px;\r\n    right: 12px;\r\n  }\r\n\r\n  .sp-wide-content p {\r\n    font-size: 14px !important;\r\n    margin-bottom: 8px !important;\r\n  }\r\n\r\n  .sp-wide-content h2 {\r\n    font-size: 24px !important;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db96104 e-flex e-con-boxed e-con e-parent\" data-id=\"db96104\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-206e873 elementor-widget elementor-widget-heading\" data-id=\"206e873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Featured Category<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5900e42 elementor-widget elementor-widget-html\" data-id=\"5900e42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.sp1600-section {\r\n    width: 1600px !important;\r\n    max-width: 1600px !important;\r\n\r\n    margin-left: 50% !important;\r\n    transform: translateX(-50%);\r\n\r\n    padding: 20px 0 35px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.sp1600-grid {\r\n    width: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(5, minmax(0, 1fr));\r\n\r\n    gap: 27px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.sp1600-card {\r\n    width: 100%;\r\n    min-width: 0;\r\n\r\n    position: relative;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 22px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n    box-shadow:\r\n        0 8px 24px rgba(20, 45, 75, 0.09),\r\n        0 2px 8px rgba(20, 45, 75, 0.04);\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),\r\n        box-shadow 0.45s ease;\r\n}\r\n\r\n.sp1600-card:hover {\r\n    transform: translateY(-6px);\r\n\r\n    box-shadow:\r\n        0 18px 38px rgba(20, 45, 75, 0.14),\r\n        0 5px 14px rgba(20, 45, 75, 0.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.sp1600-image {\r\n    width: 100%;\r\n    height: 315px;\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #edf4fa;\r\n}\r\n\r\n.sp1600-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transition:\r\n        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.sp1600-card:hover .sp1600-image img {\r\n    transform: scale(1.045);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.sp1600-content {\r\n    width: 100%;\r\n\r\n    height: 165px;\r\n    min-height: 165px;\r\n\r\n    position: relative;\r\n\r\n    background: #ffffff;\r\n\r\n    box-sizing: border-box;\r\n\r\n    \/*\r\n       Space reserved for the small arrow button.\r\n    *\/\r\n    padding:\r\n        20px\r\n        82px\r\n        25px\r\n        31px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.sp1600-title {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #123766 !important;\r\n\r\n    font-family: 'Montserrat', sans-serif !important;\r\n\r\n    font-size: 18px !important;\r\n\r\n    line-height: 1.35 !important;\r\n\r\n    font-weight: 700 !important;\r\n\r\n    letter-spacing: -0.15px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    max-width: 100%;\r\n\r\n    word-break: normal;\r\n\r\n    overflow-wrap: normal;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.sp1600-number {\r\n    display: block;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #123766 !important;\r\n\r\n    font-family: 'Montserrat', sans-serif !important;\r\n\r\n    font-size: 18px !important;\r\n\r\n    line-height: 1.35 !important;\r\n\r\n    font-weight: 700 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM DECORATIVE LINE\r\n========================================================= *\/\r\n\r\n.sp1600-line {\r\n    position: absolute;\r\n\r\n    left: 31px;\r\n    bottom: 31px;\r\n\r\n    width: 88px;\r\n    height: 4px;\r\n\r\n    border-radius: 10px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to right,\r\n            #123766 0%,\r\n            #123766 46%,\r\n            #a8b9ca 46%,\r\n            #a8b9ca 100%\r\n        );\r\n}\r\n\r\n.sp1600-line::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -100%;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background: #123766;\r\n\r\n    transition:\r\n        left 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.sp1600-card:hover .sp1600-line::after {\r\n    left: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL ROUND BUTTON\r\n========================================================= *\/\r\n\r\n.sp1600-card .sp1600-button {\r\n    all: unset !important;\r\n\r\n    position: absolute !important;\r\n\r\n    right: 22px !important;\r\n    bottom: 25px !important;\r\n\r\n    width: 40px !important;\r\n    height: 40px !important;\r\n\r\n    min-width: 40px !important;\r\n    min-height: 40px !important;\r\n\r\n    max-width: 40px !important;\r\n    max-height: 40px !important;\r\n\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n    display: flex !important;\r\n\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    background: #123d78 !important;\r\n\r\n    border: none !important;\r\n    outline: none !important;\r\n\r\n    border-radius: 50% !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    cursor: pointer !important;\r\n\r\n    z-index: 20 !important;\r\n\r\n    line-height: 0 !important;\r\n\r\n    overflow: visible !important;\r\n\r\n    transition:\r\n        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n        background 0.3s ease,\r\n        box-shadow 0.3s ease !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SVG ARROW\r\n   CLEAN THIN ARROW LIKE REFERENCE IMAGE\r\n========================================================= *\/\r\n\r\n.sp1600-card .sp1600-button svg {\r\n    width: 21px !important;\r\n    height: 21px !important;\r\n\r\n    min-width: 21px !important;\r\n    min-height: 21px !important;\r\n\r\n    max-width: 21px !important;\r\n    max-height: 21px !important;\r\n\r\n    display: block !important;\r\n\r\n    overflow: visible !important;\r\n\r\n    transform: translateX(0);\r\n\r\n    transition:\r\n        transform 0.35s ease !important;\r\n}\r\n\r\n\r\n\/* Arrow line + head *\/\r\n\r\n.sp1600-card .sp1600-button svg line,\r\n.sp1600-card .sp1600-button svg polyline {\r\n    stroke: #ffffff !important;\r\n\r\n    stroke-width: 1.7 !important;\r\n\r\n    stroke-linecap: round !important;\r\n\r\n    stroke-linejoin: round !important;\r\n\r\n    fill: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON HOVER\r\n========================================================= *\/\r\n\r\n.sp1600-card .sp1600-button:hover {\r\n\r\n    width: 40px !important;\r\n    height: 40px !important;\r\n\r\n    min-width: 40px !important;\r\n    min-height: 40px !important;\r\n\r\n    max-width: 40px !important;\r\n    max-height: 40px !important;\r\n\r\n    background: #0d3265 !important;\r\n\r\n    transform: scale(1.07) !important;\r\n\r\n    box-shadow:\r\n        0 7px 16px rgba(18, 61, 120, 0.28) !important;\r\n}\r\n\r\n.sp1600-card .sp1600-button:hover svg {\r\n    transform: translateX(2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMOVE UNWANTED ELEMENTOR EFFECTS\r\n========================================================= *\/\r\n\r\n.sp1600-card .sp1600-button::before,\r\n.sp1600-card .sp1600-button::after {\r\n    display: none !important;\r\n\r\n    content: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1600PX DESKTOP\r\n========================================================= *\/\r\n\r\n@media (min-width: 1641px) {\r\n\r\n    .sp1600-section {\r\n        width: 1600px !important;\r\n        max-width: 1600px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BELOW 1600PX\r\n========================================================= *\/\r\n\r\n@media (max-width: 1640px) {\r\n\r\n    .sp1600-section {\r\n\r\n        width: calc(100vw - 40px) !important;\r\n\r\n        max-width: calc(100vw - 40px) !important;\r\n\r\n        margin-left: 50% !important;\r\n\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n========================================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    .sp1600-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(3, minmax(0, 1fr));\r\n\r\n        gap: 22px;\r\n    }\r\n\r\n    .sp1600-image {\r\n        height: 300px;\r\n    }\r\n\r\n    .sp1600-content {\r\n\r\n        height: 165px;\r\n        min-height: 165px;\r\n\r\n        padding-left: 26px;\r\n        padding-right: 75px;\r\n    }\r\n\r\n    .sp1600-title {\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .sp1600-number {\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .sp1600-line {\r\n        left: 26px;\r\n    }\r\n\r\n    .sp1600-card .sp1600-button {\r\n\r\n        right: 18px !important;\r\n        bottom: 24px !important;\r\n\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n\r\n        min-width: 40px !important;\r\n        min-height: 40px !important;\r\n\r\n        max-width: 40px !important;\r\n        max-height: 40px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .sp1600-section {\r\n\r\n        width: calc(100vw - 30px) !important;\r\n\r\n        max-width: calc(100vw - 30px) !important;\r\n    }\r\n\r\n    .sp1600-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 20px;\r\n    }\r\n\r\n    .sp1600-image {\r\n        height: 290px;\r\n    }\r\n\r\n    .sp1600-content {\r\n\r\n        height: 160px;\r\n        min-height: 160px;\r\n\r\n        padding:\r\n            19px\r\n            72px\r\n            22px\r\n            23px;\r\n    }\r\n\r\n    .sp1600-title {\r\n\r\n        font-size: 18px !important;\r\n\r\n        line-height: 1.35 !important;\r\n    }\r\n\r\n    .sp1600-number {\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .sp1600-line {\r\n\r\n        left: 23px;\r\n\r\n        bottom: 28px;\r\n\r\n        width: 82px;\r\n    }\r\n\r\n    .sp1600-card .sp1600-button {\r\n\r\n        right: 16px !important;\r\n        bottom: 19px !important;\r\n\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n\r\n        min-width: 40px !important;\r\n        min-height: 40px !important;\r\n\r\n        max-width: 40px !important;\r\n        max-height: 40px !important;\r\n    }\r\n\r\n    .sp1600-card .sp1600-button svg {\r\n\r\n        width: 20px !important;\r\n        height: 20px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 550px) {\r\n\r\n    .sp1600-section {\r\n\r\n        width: calc(100vw - 24px) !important;\r\n\r\n        max-width: calc(100vw - 24px) !important;\r\n\r\n        padding-top: 10px;\r\n    }\r\n\r\n    .sp1600-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    .sp1600-image {\r\n        height: 285px;\r\n    }\r\n\r\n    .sp1600-content {\r\n\r\n        height: 155px;\r\n        min-height: 155px;\r\n\r\n        padding:\r\n            19px\r\n            72px\r\n            22px\r\n            22px;\r\n    }\r\n\r\n    .sp1600-title {\r\n\r\n        font-size: 18px !important;\r\n\r\n        line-height: 1.35 !important;\r\n    }\r\n\r\n    .sp1600-number {\r\n\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .sp1600-line {\r\n\r\n        left: 22px;\r\n\r\n        bottom: 27px;\r\n\r\n        width: 84px;\r\n    }\r\n\r\n    .sp1600-card .sp1600-button {\r\n\r\n        right: 16px !important;\r\n        bottom: 18px !important;\r\n\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n\r\n        min-width: 40px !important;\r\n        min-height: 40px !important;\r\n\r\n        max-width: 40px !important;\r\n        max-height: 40px !important;\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    .sp1600-content {\r\n        padding-right: 68px;\r\n    }\r\n\r\n    .sp1600-title {\r\n        font-size: 17px !important;\r\n    }\r\n\r\n    .sp1600-number {\r\n        font-size: 17px !important;\r\n    }\r\n\r\n    .sp1600-card .sp1600-button {\r\n\r\n        width: 39px !important;\r\n        height: 39px !important;\r\n\r\n        min-width: 39px !important;\r\n        min-height: 39px !important;\r\n\r\n        max-width: 39px !important;\r\n        max-height: 39px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"sp1600-section\">\r\n\r\n    <div class=\"sp1600-grid\">\r\n\r\n\r\n        <!-- =====================================================\r\n             CARD 01\r\n        ====================================================== -->\r\n\r\n        <div class=\"sp1600-card\">\r\n\r\n            <div class=\"sp1600-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-24-2026-03_17_21-PM-1.png\"\r\n                    alt=\"Pesticide Bottle\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sp1600-content\">\r\n\r\n                <h3 class=\"sp1600-title\">\r\n                    PESTICIDE BOTTLE\r\n                <\/h3>\r\n\r\n                <span class=\"sp1600-number\">\r\n                    (4)\r\n                <\/span>\r\n\r\n                <div class=\"sp1600-line\"><\/div>\r\n\r\n\r\n                <!-- SMALL ARROW BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/smartpackaging.co.in\/?product_cat=pesticide-bottle\"\r\n                    class=\"sp1600-button\"\r\n                    aria-label=\"View Pesticide Bottle\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <line\r\n                            x1=\"4\"\r\n                            y1=\"12\"\r\n                            x2=\"19\"\r\n                            y2=\"12\"\r\n                        \/>\r\n\r\n                        <polyline\r\n                            points=\"14,7 19,12 14,17\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             CARD 02\r\n        ====================================================== -->\r\n\r\n        <div class=\"sp1600-card\">\r\n\r\n            <div class=\"sp1600-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-24-2026-03_10_05-PM-1.png\"\r\n                    alt=\"Liquid Packing Series\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sp1600-content\">\r\n\r\n                <h3 class=\"sp1600-title\">\r\n                    LIQUID PACKING SERIES\r\n                <\/h3>\r\n\r\n                <span class=\"sp1600-number\">\r\n                    (23)\r\n                <\/span>\r\n\r\n                <div class=\"sp1600-line\"><\/div>\r\n\r\n\r\n                <!-- SMALL ARROW BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/smartpackaging.co.in\/?product_cat=liquid-packing-series&per_page=9\"\r\n                    class=\"sp1600-button\"\r\n                    aria-label=\"View Liquid Packing Series\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <line\r\n                            x1=\"4\"\r\n                            y1=\"12\"\r\n                            x2=\"19\"\r\n                            y2=\"12\"\r\n                        \/>\r\n\r\n                        <polyline\r\n                            points=\"14,7 19,12 14,17\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             CARD 03\r\n        ====================================================== -->\r\n\r\n        <div class=\"sp1600-card\">\r\n\r\n            <div class=\"sp1600-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-24-2026-03_23_37-PM-1.png\"\r\n                    alt=\"Square Type Jar\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sp1600-content\">\r\n\r\n                <h3 class=\"sp1600-title\">\r\n                    SQUARE TYPE JAR\r\n                <\/h3>\r\n\r\n                <span class=\"sp1600-number\">\r\n                    (3)\r\n                <\/span>\r\n\r\n                <div class=\"sp1600-line\"><\/div>\r\n\r\n\r\n                <!-- SMALL ARROW BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/smartpackaging.co.in\/?product_cat=square-type-jar\"\r\n                    class=\"sp1600-button\"\r\n                    aria-label=\"View Square Type Jar\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <line\r\n                            x1=\"4\"\r\n                            y1=\"12\"\r\n                            x2=\"19\"\r\n                            y2=\"12\"\r\n                        \/>\r\n\r\n                        <polyline\r\n                            points=\"14,7 19,12 14,17\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             CARD 04\r\n        ====================================================== -->\r\n\r\n        <div class=\"sp1600-card\">\r\n\r\n            <div class=\"sp1600-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-24-2026-03_29_08-PM-1.png\"\r\n                    alt=\"Square Type Bottle\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sp1600-content\">\r\n\r\n                <h3 class=\"sp1600-title\">\r\n                    SQUARE TYPE BOTTLE\r\n                <\/h3>\r\n\r\n                <span class=\"sp1600-number\">\r\n                    (1)\r\n                <\/span>\r\n\r\n                <div class=\"sp1600-line\"><\/div>\r\n\r\n\r\n                <!-- SMALL ARROW BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/smartpackaging.co.in\/?product_cat=square-type-bottle\"\r\n                    class=\"sp1600-button\"\r\n                    aria-label=\"View Square Type Bottle\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <line\r\n                            x1=\"4\"\r\n                            y1=\"12\"\r\n                            x2=\"19\"\r\n                            y2=\"12\"\r\n                        \/>\r\n\r\n                        <polyline\r\n                            points=\"14,7 19,12 14,17\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             CARD 05\r\n        ====================================================== -->\r\n\r\n        <div class=\"sp1600-card\">\r\n\r\n            <div class=\"sp1600-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-24-2026-03_32_44-PM-1.png\"\r\n                    alt=\"Square Type Wide Mouth\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sp1600-content\">\r\n\r\n                <h3 class=\"sp1600-title\">\r\n                    SQUARE TYPE WIDE MOUTH\r\n                <\/h3>\r\n\r\n                <span class=\"sp1600-number\">\r\n                    (3)\r\n                <\/span>\r\n\r\n                <div class=\"sp1600-line\"><\/div>\r\n\r\n\r\n                <!-- SMALL ARROW BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/smartpackaging.co.in\/?product_cat=square-type-wide-mouth\"\r\n                    class=\"sp1600-button\"\r\n                    aria-label=\"View Square Type Wide Mouth\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <line\r\n                            x1=\"4\"\r\n                            y1=\"12\"\r\n                            x2=\"19\"\r\n                            y2=\"12\"\r\n                        \/>\r\n\r\n                        <polyline\r\n                            points=\"14,7 19,12 14,17\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbe26e2 elementor-widget elementor-widget-html\" data-id=\"fbe26e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.sp1600-section {\r\n    width: 1600px !important;\r\n    max-width: 1600px !important;\r\n\r\n    margin-left: 50% !important;\r\n    transform: translateX(-50%);\r\n\r\n    padding: 20px 0 35px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.sp1600-grid {\r\n    width: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(5, minmax(0, 1fr));\r\n\r\n    gap: 27px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.sp1600-card {\r\n    width: 100%;\r\n    min-width: 0;\r\n\r\n    position: relative;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 22px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n    box-shadow:\r\n        0 8px 24px rgba(20, 45, 75, 0.09),\r\n        0 2px 8px rgba(20, 45, 75, 0.04);\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),\r\n        box-shadow 0.45s ease;\r\n}\r\n\r\n.sp1600-card:hover {\r\n    transform: translateY(-6px);\r\n\r\n    box-shadow:\r\n        0 18px 38px rgba(20, 45, 75, 0.14),\r\n        0 5px 14px rgba(20, 45, 75, 0.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.sp1600-image {\r\n    width: 100%;\r\n    height: 315px;\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #edf4fa;\r\n}\r\n\r\n.sp1600-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transition:\r\n        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.sp1600-card:hover .sp1600-image img {\r\n    transform: scale(1.045);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.sp1600-content {\r\n    width: 100%;\r\n\r\n    height: 165px;\r\n    min-height: 165px;\r\n\r\n    position: relative;\r\n\r\n    background: #ffffff;\r\n\r\n    box-sizing: border-box;\r\n\r\n    \/*\r\n       Space reserved for the small arrow button.\r\n    *\/\r\n    padding:\r\n        20px\r\n        82px\r\n        25px\r\n        31px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.sp1600-title {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #123766 !important;\r\n\r\n    font-family: 'Montserrat', sans-serif !important;\r\n\r\n    font-size: 18px !important;\r\n\r\n    line-height: 1.35 !important;\r\n\r\n    font-weight: 700 !important;\r\n\r\n    letter-spacing: -0.15px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    max-width: 100%;\r\n\r\n    word-break: normal;\r\n\r\n    overflow-wrap: normal;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.sp1600-number {\r\n    display: block;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #123766 !important;\r\n\r\n    font-family: 'Montserrat', sans-serif !important;\r\n\r\n    font-size: 18px !important;\r\n\r\n    line-height: 1.35 !important;\r\n\r\n    font-weight: 700 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM DECORATIVE LINE\r\n========================================================= *\/\r\n\r\n.sp1600-line {\r\n    position: absolute;\r\n\r\n    left: 31px;\r\n    bottom: 31px;\r\n\r\n    width: 88px;\r\n    height: 4px;\r\n\r\n    border-radius: 10px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to right,\r\n            #123766 0%,\r\n            #123766 46%,\r\n            #a8b9ca 46%,\r\n            #a8b9ca 100%\r\n        );\r\n}\r\n\r\n.sp1600-line::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -100%;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background: #123766;\r\n\r\n    transition:\r\n        left 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.sp1600-card:hover .sp1600-line::after {\r\n    left: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL ROUND BUTTON\r\n========================================================= *\/\r\n\r\n.sp1600-card .sp1600-button {\r\n    all: unset !important;\r\n\r\n    position: absolute !important;\r\n\r\n    right: 22px !important;\r\n    bottom: 25px !important;\r\n\r\n    width: 40px !important;\r\n    height: 40px !important;\r\n\r\n    min-width: 40px !important;\r\n    min-height: 40px !important;\r\n\r\n    max-width: 40px !important;\r\n    max-height: 40px !important;\r\n\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n\r\n    display: flex !important;\r\n\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    background: #123d78 !important;\r\n\r\n    border: none !important;\r\n    outline: none !important;\r\n\r\n    border-radius: 50% !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    cursor: pointer !important;\r\n\r\n    z-index: 20 !important;\r\n\r\n    line-height: 0 !important;\r\n\r\n    overflow: visible !important;\r\n\r\n    transition:\r\n        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n        background 0.3s ease,\r\n        box-shadow 0.3s ease !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SVG ARROW\r\n   CLEAN THIN ARROW LIKE REFERENCE IMAGE\r\n========================================================= *\/\r\n\r\n.sp1600-card .sp1600-button svg {\r\n    width: 21px !important;\r\n    height: 21px !important;\r\n\r\n    min-width: 21px !important;\r\n    min-height: 21px !important;\r\n\r\n    max-width: 21px !important;\r\n    max-height: 21px !important;\r\n\r\n    display: block !important;\r\n\r\n    overflow: visible !important;\r\n\r\n    transform: translateX(0);\r\n\r\n    transition:\r\n        transform 0.35s ease !important;\r\n}\r\n\r\n\r\n\/* Arrow line + head *\/\r\n\r\n.sp1600-card .sp1600-button svg line,\r\n.sp1600-card .sp1600-button svg polyline {\r\n    stroke: #ffffff !important;\r\n\r\n    stroke-width: 1.7 !important;\r\n\r\n    stroke-linecap: round !important;\r\n\r\n    stroke-linejoin: round !important;\r\n\r\n    fill: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON HOVER\r\n========================================================= *\/\r\n\r\n.sp1600-card .sp1600-button:hover {\r\n\r\n    width: 40px !important;\r\n    height: 40px !important;\r\n\r\n    min-width: 40px !important;\r\n    min-height: 40px !important;\r\n\r\n    max-width: 40px !important;\r\n    max-height: 40px !important;\r\n\r\n    background: #0d3265 !important;\r\n\r\n    transform: scale(1.07) !important;\r\n\r\n    box-shadow:\r\n        0 7px 16px rgba(18, 61, 120, 0.28) !important;\r\n}\r\n\r\n.sp1600-card .sp1600-button:hover svg {\r\n    transform: translateX(2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMOVE UNWANTED ELEMENTOR EFFECTS\r\n========================================================= *\/\r\n\r\n.sp1600-card .sp1600-button::before,\r\n.sp1600-card .sp1600-button::after {\r\n    display: none !important;\r\n\r\n    content: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1600PX DESKTOP\r\n========================================================= *\/\r\n\r\n@media (min-width: 1641px) {\r\n\r\n    .sp1600-section {\r\n        width: 1600px !important;\r\n        max-width: 1600px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BELOW 1600PX\r\n========================================================= *\/\r\n\r\n@media (max-width: 1640px) {\r\n\r\n    .sp1600-section {\r\n\r\n        width: calc(100vw - 40px) !important;\r\n\r\n        max-width: calc(100vw - 40px) !important;\r\n\r\n        margin-left: 50% !important;\r\n\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n========================================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    .sp1600-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(3, minmax(0, 1fr));\r\n\r\n        gap: 22px;\r\n    }\r\n\r\n    .sp1600-image {\r\n        height: 300px;\r\n    }\r\n\r\n    .sp1600-content {\r\n\r\n        height: 165px;\r\n        min-height: 165px;\r\n\r\n        padding-left: 26px;\r\n        padding-right: 75px;\r\n    }\r\n\r\n    .sp1600-title {\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .sp1600-number {\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .sp1600-line {\r\n        left: 26px;\r\n    }\r\n\r\n    .sp1600-card .sp1600-button {\r\n\r\n        right: 18px !important;\r\n        bottom: 24px !important;\r\n\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n\r\n        min-width: 40px !important;\r\n        min-height: 40px !important;\r\n\r\n        max-width: 40px !important;\r\n        max-height: 40px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .sp1600-section {\r\n\r\n        width: calc(100vw - 30px) !important;\r\n\r\n        max-width: calc(100vw - 30px) !important;\r\n    }\r\n\r\n    .sp1600-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 20px;\r\n    }\r\n\r\n    .sp1600-image {\r\n        height: 290px;\r\n    }\r\n\r\n    .sp1600-content {\r\n\r\n        height: 160px;\r\n        min-height: 160px;\r\n\r\n        padding:\r\n            19px\r\n            72px\r\n            22px\r\n            23px;\r\n    }\r\n\r\n    .sp1600-title {\r\n\r\n        font-size: 18px !important;\r\n\r\n        line-height: 1.35 !important;\r\n    }\r\n\r\n    .sp1600-number {\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .sp1600-line {\r\n\r\n        left: 23px;\r\n\r\n        bottom: 28px;\r\n\r\n        width: 82px;\r\n    }\r\n\r\n    .sp1600-card .sp1600-button {\r\n\r\n        right: 16px !important;\r\n        bottom: 19px !important;\r\n\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n\r\n        min-width: 40px !important;\r\n        min-height: 40px !important;\r\n\r\n        max-width: 40px !important;\r\n        max-height: 40px !important;\r\n    }\r\n\r\n    .sp1600-card .sp1600-button svg {\r\n\r\n        width: 20px !important;\r\n        height: 20px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 550px) {\r\n\r\n    .sp1600-section {\r\n\r\n        width: calc(100vw - 24px) !important;\r\n\r\n        max-width: calc(100vw - 24px) !important;\r\n\r\n        padding-top: 10px;\r\n    }\r\n\r\n    .sp1600-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    .sp1600-image {\r\n        height: 285px;\r\n    }\r\n\r\n    .sp1600-content {\r\n\r\n        height: 155px;\r\n        min-height: 155px;\r\n\r\n        padding:\r\n            19px\r\n            72px\r\n            22px\r\n            22px;\r\n    }\r\n\r\n    .sp1600-title {\r\n\r\n        font-size: 18px !important;\r\n\r\n        line-height: 1.35 !important;\r\n    }\r\n\r\n    .sp1600-number {\r\n\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .sp1600-line {\r\n\r\n        left: 22px;\r\n\r\n        bottom: 27px;\r\n\r\n        width: 84px;\r\n    }\r\n\r\n    .sp1600-card .sp1600-button {\r\n\r\n        right: 16px !important;\r\n        bottom: 18px !important;\r\n\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n\r\n        min-width: 40px !important;\r\n        min-height: 40px !important;\r\n\r\n        max-width: 40px !important;\r\n        max-height: 40px !important;\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    .sp1600-content {\r\n        padding-right: 68px;\r\n    }\r\n\r\n    .sp1600-title {\r\n        font-size: 17px !important;\r\n    }\r\n\r\n    .sp1600-number {\r\n        font-size: 17px !important;\r\n    }\r\n\r\n    .sp1600-card .sp1600-button {\r\n\r\n        width: 39px !important;\r\n        height: 39px !important;\r\n\r\n        min-width: 39px !important;\r\n        min-height: 39px !important;\r\n\r\n        max-width: 39px !important;\r\n        max-height: 39px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"sp1600-section\">\r\n\r\n    <div class=\"sp1600-grid\">\r\n\r\n\r\n        <!-- =====================================================\r\n             CARD 01\r\n        ====================================================== -->\r\n\r\n        <div class=\"sp1600-card\">\r\n\r\n            <div class=\"sp1600-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-24-2026-03_39_38-PM-1.png\"\r\n                    alt=\"Pesticide Bottle\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sp1600-content\">\r\n\r\n                <h3 class=\"sp1600-title\">\r\n                    RIB JAR \r\n                <\/h3>\r\n\r\n                <span class=\"sp1600-number\">\r\n                    (2)\r\n                <\/span>\r\n\r\n                <div class=\"sp1600-line\"><\/div>\r\n\r\n\r\n                <!-- SMALL ARROW BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/smartpackaging.co.in\/?product_cat=rib-jar\"\r\n                    class=\"sp1600-button\"\r\n                    aria-label=\"View Pesticide Bottle\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <line\r\n                            x1=\"4\"\r\n                            y1=\"12\"\r\n                            x2=\"19\"\r\n                            y2=\"12\"\r\n                        \/>\r\n\r\n                        <polyline\r\n                            points=\"14,7 19,12 14,17\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             CARD 02\r\n        ====================================================== -->\r\n\r\n        <div class=\"sp1600-card\">\r\n\r\n            <div class=\"sp1600-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/smart-packaging-handwash-1188x1324-no-crop.jpg\"\r\n                    alt=\"Liquid Packing Series\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sp1600-content\">\r\n\r\n                <h3 class=\"sp1600-title\">\r\n              HAND SANITIZER BOTTLES \r\n                <\/h3>\r\n\r\n                <span class=\"sp1600-number\">\r\n                    (7)\r\n                <\/span>\r\n\r\n                <div class=\"sp1600-line\"><\/div>\r\n\r\n\r\n                <!-- SMALL ARROW BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/smartpackaging.co.in\/?product_cat=hand-sanitizer-bottles\"\r\n                    class=\"sp1600-button\"\r\n                    aria-label=\"View Liquid Packing Series\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <line\r\n                            x1=\"4\"\r\n                            y1=\"12\"\r\n                            x2=\"19\"\r\n                            y2=\"12\"\r\n                        \/>\r\n\r\n                        <polyline\r\n                            points=\"14,7 19,12 14,17\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             CARD 03\r\n        ====================================================== -->\r\n\r\n        <div class=\"sp1600-card\">\r\n\r\n            <div class=\"sp1600-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/smart-packaging-floor-cleaner-1188x1324-no-crop.jpg\"\r\n                    alt=\"Square Type Jar\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sp1600-content\">\r\n\r\n                <h3 class=\"sp1600-title\">\r\n                    FLOOR CLEANER BOTTLES \r\n                <\/h3>\r\n\r\n                <span class=\"sp1600-number\">\r\n                    (7)\r\n                <\/span>\r\n\r\n                <div class=\"sp1600-line\"><\/div>\r\n\r\n\r\n                <!-- SMALL ARROW BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/smartpackaging.co.in\/?product_cat=floor-cleaner-bottles\"\r\n                    class=\"sp1600-button\"\r\n                    aria-label=\"View Square Type Jar\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <line\r\n                            x1=\"4\"\r\n                            y1=\"12\"\r\n                            x2=\"19\"\r\n                            y2=\"12\"\r\n                        \/>\r\n\r\n                        <polyline\r\n                            points=\"14,7 19,12 14,17\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             CARD 04\r\n        ====================================================== -->\r\n\r\n        <div class=\"sp1600-card\">\r\n\r\n            <div class=\"sp1600-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/smart-packaging-liquid-chemicals-1188x1324-no-crop.jpg\"\r\n                    alt=\"Square Type Bottle\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sp1600-content\">\r\n\r\n                <h3 class=\"sp1600-title\">\r\n                    CHEMICAL BOTTLES \r\n                <\/h3>\r\n\r\n                <span class=\"sp1600-number\">\r\n                    (10)\r\n                <\/span>\r\n\r\n                <div class=\"sp1600-line\"><\/div>\r\n\r\n\r\n                <!-- SMALL ARROW BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/smartpackaging.co.in\/?product_cat=chemical-bottles\"\r\n                    class=\"sp1600-button\"\r\n                    aria-label=\"View Square Type Bottle\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <line\r\n                            x1=\"4\"\r\n                            y1=\"12\"\r\n                            x2=\"19\"\r\n                            y2=\"12\"\r\n                        \/>\r\n\r\n                        <polyline\r\n                            points=\"14,7 19,12 14,17\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             CARD 05\r\n        ====================================================== -->\r\n\r\n        <div class=\"sp1600-card\">\r\n\r\n            <div class=\"sp1600-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/smart-packaging-black-jar-1188x1324-no-crop.jpg\"\r\n                    alt=\"Square Type Wide Mouth\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sp1600-content\">\r\n\r\n                <h3 class=\"sp1600-title\">\r\n                    PHOTO RESISTANT BOTTLE \r\n                <\/h3>\r\n\r\n                <span class=\"sp1600-number\">\r\n                    (6)\r\n                <\/span>\r\n\r\n                <div class=\"sp1600-line\"><\/div>\r\n\r\n\r\n                <!-- SMALL ARROW BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/smartpackaging.co.in\/?product_cat=photo-resistant-bottle\"\r\n                    class=\"sp1600-button\"\r\n                    aria-label=\"View Square Type Wide Mouth\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <line\r\n                            x1=\"4\"\r\n                            y1=\"12\"\r\n                            x2=\"19\"\r\n                            y2=\"12\"\r\n                        \/>\r\n\r\n                        <polyline\r\n                            points=\"14,7 19,12 14,17\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4afc2a elementor-align-right elementor-widget elementor-widget-button\" data-id=\"c4afc2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View All<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd91231 e-con-full e-flex e-con e-parent\" data-id=\"cd91231\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-096ac0f elementor-widget elementor-widget-html\" data-id=\"096ac0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   PACKAGING PRODUCT BANNER\r\n   DESKTOP: 1800px \u00d7 400px\r\n========================================================= *\/\r\n\r\n.packaging-banner {\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin-left: calc(50% - 50vw) !important;\r\n    margin-right: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: hidden !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.packaging-banner *,\r\n.packaging-banner *::before,\r\n.packaging-banner *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.packaging-banner a {\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n========================================================= *\/\r\n\r\n.packaging-wrapper {\r\n    width: 1800px;\r\n    max-width: 100%;\r\n    height: 400px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: 500px minmax(0, 1fr);\r\n\r\n    overflow: hidden;\r\n\r\n    background: #eef8ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT SECTION\r\n========================================================= *\/\r\n\r\n.packaging-left {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 400px;\r\n\r\n    padding: 35px 50px 30px 85px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #eef8ff 0%,\r\n        #e4f4ff 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE LEAVES\r\n========================================================= *\/\r\n\r\n.packaging-leaf {\r\n    position: absolute;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.packaging-leaf-1 {\r\n    width: 160px;\r\n    height: 65px;\r\n\r\n    left: -65px;\r\n    top: 5px;\r\n\r\n    background: #63a91c;\r\n\r\n    border-radius: 100% 0 100% 0;\r\n\r\n    transform: rotate(38deg);\r\n}\r\n\r\n.packaging-leaf-2 {\r\n    width: 125px;\r\n    height: 52px;\r\n\r\n    left: -60px;\r\n    top: 80px;\r\n\r\n    background: #82ba3d;\r\n\r\n    border-radius: 0 100% 0 100%;\r\n\r\n    transform: rotate(31deg);\r\n}\r\n\r\n.packaging-leaf-3 {\r\n    width: 130px;\r\n    height: 55px;\r\n\r\n    left: -55px;\r\n    bottom: 25px;\r\n\r\n    background: #579d1d;\r\n\r\n    border-radius: 100% 0 100% 0;\r\n\r\n    transform: rotate(28deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP TITLE\r\n========================================================= *\/\r\n\r\n.packaging-top-title {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    margin: 0 0 7px;\r\n\r\n    color: #55748e;\r\n\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN HEADING\r\n========================================================= *\/\r\n\r\n.packaging-main-heading {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    margin: 0 0 12px;\r\n\r\n    color: #0646a0;\r\n\r\n    font-size: 30px;\r\n    font-weight: 800;\r\n\r\n    line-height: .92;\r\n\r\n    letter-spacing: -1.2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT DESCRIPTION\r\n========================================================= *\/\r\n\r\n.packaging-main-description {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    width: 100%;\r\n    max-width: 400px;\r\n\r\n    margin: 0 0 15px;\r\n\r\n    color: #58738b;\r\n\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW ALL PRODUCTS BUTTON\r\n========================================================= *\/\r\n\r\n.packaging-view-button {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    width: max-content;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 12px 18px;\r\n\r\n    background: #0646a0;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    border-radius: 2px;\r\n\r\n    transition: all .3s ease;\r\n}\r\n\r\n.packaging-view-button:hover {\r\n    background: #003477;\r\n    color: #ffffff !important;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.packaging-view-arrow {\r\n    margin-left: 9px;\r\n\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.packaging-features {\r\n    position: relative;\r\n    z-index: 4;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 26px;\r\n\r\n    margin-top: 18px;\r\n}\r\n\r\n.packaging-feature {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE ICON\r\n========================================================= *\/\r\n\r\n.packaging-feature-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    flex: 0 0 42px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #0646a0;\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 700;\r\n\r\n    box-shadow:\r\n        0 3px 12px rgba(0,0,0,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE TEXT\r\n========================================================= *\/\r\n\r\n.packaging-feature-text {\r\n    color: #526d82;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.2;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n.packaging-feature-text strong {\r\n    display: block;\r\n\r\n    color: #294c68;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCTS AREA\r\n========================================================= *\/\r\n\r\n.packaging-products {\r\n    width: 100%;\r\n    height: 400px;\r\n\r\n    min-width: 0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 14px;\r\n\r\n    padding: 12px 18px 12px 10px;\r\n\r\n    background: #f6fbff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT CARD\r\n========================================================= *\/\r\n\r\n.packaging-product-card {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n\r\n    height: 376px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: flex-start;\r\n\r\n    padding: 20px 25px 18px;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.packaging-product-card:hover {\r\n    transform: translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0,0,0,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD COLORS\r\n========================================================= *\/\r\n\r\n.packaging-card-blue {\r\n    background: #dcefff;\r\n}\r\n\r\n.packaging-card-yellow {\r\n    background: #fff0c9;\r\n}\r\n\r\n.packaging-card-green {\r\n    background: #dcf7dd;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT IMAGE AREA\r\n========================================================= *\/\r\n\r\n.packaging-product-image {\r\n    width: 100%;\r\n\r\n    height: 220px;\r\n\r\n    flex: 0 0 220px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 5px 10px 0;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.packaging-product-image img {\r\n    display: block;\r\n\r\n    width: auto;\r\n    height: auto;\r\n\r\n    max-width: 100%;\r\n    max-height: 215px;\r\n\r\n    object-fit: contain;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n}\r\n\r\n.packaging-product-card:hover\r\n.packaging-product-image img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT CONTENT\r\n========================================================= *\/\r\n\r\n.packaging-product-content {\r\n    width: 100%;\r\n\r\n    flex: 1;\r\n\r\n    min-height: 0;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    padding: 0 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT TITLE\r\n========================================================= *\/\r\n\r\n.packaging-product-title {\r\n    margin: 0 0 7px;\r\n\r\n    color: #0646a0;\r\n\r\n    font-size: 22px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.08;\r\n\r\n    letter-spacing: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT DESCRIPTION\r\n========================================================= *\/\r\n\r\n.packaging-product-description {\r\n    margin: 0;\r\n\r\n    color: #5a6d7d;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHOP NOW BUTTON\r\n   FIXED INSIDE CARD\r\n========================================================= *\/\r\n\r\n.packaging-shop-button {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: max-content;\r\n\r\n    margin-top: auto;\r\n\r\n    padding: 11px 17px;\r\n\r\n    background: #0646a0;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    border-radius: 2px;\r\n\r\n    white-space: nowrap;\r\n\r\n    flex-shrink: 0;\r\n\r\n    transition: all .3s ease;\r\n}\r\n\r\n.packaging-shop-button:hover {\r\n    background: #003477;\r\n\r\n    color: #ffffff !important;\r\n}\r\n\r\n.packaging-shop-arrow {\r\n    margin-left: 8px;\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1500px - 1799px\r\n========================================================= *\/\r\n\r\n@media (max-width: 1799px) {\r\n\r\n    .packaging-wrapper {\r\n        width: 100%;\r\n        height: 400px;\r\n\r\n        grid-template-columns:\r\n            27.78% minmax(0, 72.22%);\r\n    }\r\n\r\n    .packaging-left {\r\n        height: 400px;\r\n\r\n        padding-left: 5%;\r\n        padding-right: 4%;\r\n    }\r\n\r\n    .packaging-products {\r\n        height: 400px;\r\n\r\n        padding:\r\n            12px\r\n            15px\r\n            12px\r\n            8px;\r\n    }\r\n\r\n    .packaging-product-card {\r\n        height: 376px;\r\n\r\n        padding:\r\n            20px\r\n            22px\r\n            18px;\r\n    }\r\n\r\n    .packaging-product-title {\r\n        font-size: 21px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1200px\r\n========================================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    .packaging-wrapper {\r\n        height: 400px;\r\n\r\n        grid-template-columns:\r\n            30% minmax(0, 70%);\r\n    }\r\n\r\n    .packaging-left {\r\n        height: 400px;\r\n\r\n        padding:\r\n            30px\r\n            20px\r\n            25px\r\n            35px;\r\n    }\r\n\r\n    .packaging-main-heading {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .packaging-main-description {\r\n        font-size: 11px;\r\n\r\n        max-width: 280px;\r\n    }\r\n\r\n    .packaging-features {\r\n        gap: 18px;\r\n    }\r\n\r\n    .packaging-feature {\r\n        gap: 8px;\r\n    }\r\n\r\n    .packaging-feature-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n\r\n        flex-basis: 38px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n    .packaging-feature-text {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .packaging-feature-text strong {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .packaging-products {\r\n        height: 400px;\r\n\r\n        gap: 8px;\r\n\r\n        padding:\r\n            10px\r\n            10px\r\n            10px\r\n            6px;\r\n    }\r\n\r\n    .packaging-product-card {\r\n        height: 380px;\r\n\r\n        padding:\r\n            18px\r\n            17px\r\n            18px;\r\n    }\r\n\r\n    .packaging-product-image {\r\n        height: 220px;\r\n\r\n        flex-basis: 220px;\r\n    }\r\n\r\n    .packaging-product-image img {\r\n        max-height: 215px;\r\n    }\r\n\r\n    .packaging-product-title {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .packaging-product-description {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .packaging-shop-button {\r\n        font-size: 10px;\r\n\r\n        padding:\r\n            10px\r\n            15px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1000px\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .packaging-wrapper {\r\n        height: 380px;\r\n\r\n        grid-template-columns:\r\n            33% minmax(0, 67%);\r\n    }\r\n\r\n    .packaging-left {\r\n        height: 380px;\r\n\r\n        padding:\r\n            25px\r\n            15px\r\n            20px\r\n            28px;\r\n    }\r\n\r\n    .packaging-top-title {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .packaging-main-heading {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .packaging-main-description {\r\n        font-size: 10px;\r\n\r\n        max-width: 220px;\r\n    }\r\n\r\n    .packaging-features {\r\n        gap: 14px;\r\n    }\r\n\r\n    .packaging-feature {\r\n        gap: 7px;\r\n    }\r\n\r\n    .packaging-feature-icon {\r\n        width: 34px;\r\n        height: 34px;\r\n\r\n        flex-basis: 34px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n    .packaging-feature-text {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .packaging-feature-text strong {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .packaging-products {\r\n        height: 380px;\r\n    }\r\n\r\n    .packaging-product-card {\r\n        height: 360px;\r\n\r\n        padding:\r\n            15px\r\n            14px\r\n            15px;\r\n    }\r\n\r\n    .packaging-product-image {\r\n        height: 205px;\r\n\r\n        flex-basis: 205px;\r\n    }\r\n\r\n    .packaging-product-image img {\r\n        max-height: 200px;\r\n    }\r\n\r\n    .packaging-product-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .packaging-product-description {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .packaging-shop-button {\r\n        font-size: 9px;\r\n\r\n        padding:\r\n            9px\r\n            13px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .packaging-banner {\r\n        width: 100vw !important;\r\n        max-width: 100vw !important;\r\n\r\n        margin-left:\r\n            calc(50% - 50vw) !important;\r\n\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .packaging-wrapper {\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        height: auto;\r\n\r\n        display: block;\r\n    }\r\n\r\n\r\n    \/* LEFT *\/\r\n\r\n    .packaging-left {\r\n        width: 100%;\r\n\r\n        height: auto;\r\n\r\n        min-height: 380px;\r\n\r\n        padding:\r\n            45px\r\n            25px\r\n            35px\r\n            30px;\r\n    }\r\n\r\n    .packaging-top-title {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .packaging-main-heading {\r\n        font-size: 35px;\r\n\r\n        line-height: .95;\r\n    }\r\n\r\n    .packaging-main-description {\r\n        max-width: 380px;\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .packaging-view-button {\r\n        font-size: 10px;\r\n\r\n        padding:\r\n            11px\r\n            16px;\r\n    }\r\n\r\n\r\n    \/* FEATURES *\/\r\n\r\n    .packaging-features {\r\n        flex-wrap: wrap;\r\n\r\n        gap: 16px;\r\n\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .packaging-feature {\r\n        gap: 9px;\r\n    }\r\n\r\n    .packaging-feature-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n\r\n        flex-basis: 40px;\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n    .packaging-feature-text {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .packaging-feature-text strong {\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    \/* PRODUCTS *\/\r\n\r\n    .packaging-products {\r\n        width: 100%;\r\n\r\n        height: auto;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 12px;\r\n\r\n        padding: 12px;\r\n    }\r\n\r\n    .packaging-product-card {\r\n        width: 100%;\r\n\r\n        height: 430px;\r\n\r\n        min-height: 430px;\r\n\r\n        padding:\r\n            22px\r\n            22px\r\n            20px;\r\n    }\r\n\r\n    .packaging-product-image {\r\n        height: 275px;\r\n\r\n        flex-basis: 275px;\r\n\r\n        padding:\r\n            8px\r\n            12px\r\n            0;\r\n    }\r\n\r\n    .packaging-product-image img {\r\n        max-height: 260px;\r\n    }\r\n\r\n    .packaging-product-title {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .packaging-product-description {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .packaging-shop-button {\r\n        font-size: 11px;\r\n\r\n        padding:\r\n            10px\r\n            16px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .packaging-left {\r\n        min-height: 370px;\r\n\r\n        padding:\r\n            40px\r\n            20px\r\n            30px\r\n            24px;\r\n    }\r\n\r\n    .packaging-main-heading {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .packaging-main-description {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .packaging-features {\r\n        gap: 12px;\r\n    }\r\n\r\n    .packaging-feature-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n\r\n        flex-basis: 38px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n    .packaging-feature-text {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .packaging-feature-text strong {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .packaging-product-card {\r\n        height: 370px;\r\n\r\n        min-height: 370px;\r\n\r\n        padding:\r\n            20px\r\n            20px\r\n            18px;\r\n    }\r\n\r\n    .packaging-product-image {\r\n        height: 230px;\r\n\r\n        flex-basis: 230px;\r\n    }\r\n\r\n    .packaging-product-image img {\r\n        max-height: 220px;\r\n    }\r\n\r\n    .packaging-product-title {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .packaging-product-description {\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    .packaging-main-heading {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .packaging-product-card {\r\n        height: 340px;\r\n\r\n        min-height: 340px;\r\n\r\n        padding:\r\n            18px\r\n            18px\r\n            16px;\r\n    }\r\n\r\n    .packaging-product-image {\r\n        height: 210px;\r\n\r\n        flex-basis: 210px;\r\n    }\r\n\r\n    .packaging-product-image img {\r\n        max-height: 200px;\r\n    }\r\n\r\n    .packaging-product-title {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .packaging-product-description {\r\n        font-size: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     PACKAGING BANNER\r\n========================================================= -->\r\n\r\n<section class=\"packaging-banner\">\r\n\r\n    <div class=\"packaging-wrapper\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT SECTION\r\n        ================================================== -->\r\n\r\n        <div class=\"packaging-left\">\r\n\r\n            <div class=\"packaging-leaf packaging-leaf-1\"><\/div>\r\n            <div class=\"packaging-leaf packaging-leaf-2\"><\/div>\r\n            <div class=\"packaging-leaf packaging-leaf-3\"><\/div>\r\n\r\n\r\n            <div class=\"packaging-top-title\">\r\n                OUR PRODUCT RANGE\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"packaging-main-heading\">\r\n                PACKAGING<br>\r\n                SOLUTIONS<br>\r\n                FOR EVERY NEED\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"packaging-main-description\">\r\n               Explore Smart Packaging's range of plastic bottles, jars, containers and PET packaging designed for diverse packing applications.\r\n            <\/p>\r\n\r\n\r\n            <a\r\n                href=\"https:\/\/smartpackaging.co.in\/?page_id=37643\"\r\n                class=\"packaging-view-button\"\r\n            >\r\n                VIEW ALL PRODUCTS\r\n\r\n                <span class=\"packaging-view-arrow\">\r\n                    \u2192\r\n                <\/span>\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n                 FEATURES\r\n            ================================================== -->\r\n\r\n            <div class=\"packaging-features\">\r\n\r\n\r\n                <!-- FEATURE 1 -->\r\n\r\n                <div class=\"packaging-feature\">\r\n\r\n                    <div class=\"packaging-feature-icon\">\r\n                        \u2713\r\n                    <\/div>\r\n\r\n                    <div class=\"packaging-feature-text\">\r\n\r\n                        <strong>Quality<\/strong>\r\n\r\n                        Products\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- FEATURE 2 -->\r\n\r\n                <div class=\"packaging-feature\">\r\n\r\n                    <div class=\"packaging-feature-icon\">\r\n                        \u2699\r\n                    <\/div>\r\n\r\n                    <div class=\"packaging-feature-text\">\r\n\r\n                        <strong>Custom<\/strong>\r\n\r\n                        Options\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- FEATURE 3 -->\r\n\r\n                <div class=\"packaging-feature\">\r\n\r\n                    <div class=\"packaging-feature-icon\">\r\n                        \ud83c\udf3f\r\n                    <\/div>\r\n\r\n                    <div class=\"packaging-feature-text\">\r\n\r\n                        <strong>Technical <\/strong>\r\n\r\n                        Support\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT CARDS\r\n        ================================================== -->\r\n\r\n        <div class=\"packaging-products\">\r\n\r\n\r\n            <!-- =================================================\r\n                 PRODUCT 1\r\n            ================================================== -->\r\n\r\n            <div class=\"packaging-product-card packaging-card-blue\">\r\n\r\n                <div class=\"packaging-product-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-28-2026-04_45_19-PM-1.png\"\r\n                        alt=\"Liquid Packing Series\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"packaging-product-content\">\r\n\r\n                    <h3 class=\"packaging-product-title\">\r\n                        Liquid Packing Series\r\n                    <\/h3>\r\n\r\n                    <p class=\"packaging-product-description\">\r\n                        A wide range of bottles designed for different liquid packing requirements, including cleaning, personal care and other liquid products.\r\n                    <\/p>\r\n\r\n                    <a href=\"https:\/\/smartpackaging.co.in\/?page_id=37643\" class=\"packaging-shop-button\">\r\n                        EXPLORE PRODUCTS \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 PRODUCT 2\r\n            ================================================== -->\r\n\r\n            <div class=\"packaging-product-card packaging-card-yellow\">\r\n\r\n                <div class=\"packaging-product-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-28-2026-05_04_04-PM-1.png\"\r\n                        alt=\"Chemical Bottles\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"packaging-product-content\">\r\n\r\n                    <h3 class=\"packaging-product-title\">\r\n                        Chemical Bottles\r\n                    <\/h3>\r\n\r\n                    <p class=\"packaging-product-description\">\r\n                        Durable plastic bottles suitable for chemicals, industrial liquids, cleaning solutions and other specialized packaging applications. Wide Range.\r\n                    <\/p>\r\n\r\n                    <a href=\"https:\/\/smartpackaging.co.in\/?page_id=37643\" class=\"packaging-shop-button\">\r\n                        EXPLORE PRODUCTS \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 PRODUCT 3\r\n            ================================================== -->\r\n\r\n            <div class=\"packaging-product-card packaging-card-green\">\r\n\r\n                <div class=\"packaging-product-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-09_57_30-AM-1-1-1.png\"\r\n                        alt=\"Droppers Flip Cap and Sprayer Bottles\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"packaging-product-content\">\r\n\r\n                    <h3 class=\"packaging-product-title\">\r\n                        Droppers, Flip Cap<br>\r\n                        &amp; Sprayer Bottles\r\n                    <\/h3>\r\n\r\n                    <p class=\"packaging-product-description\">\r\n                        Versatile bottles for hand wash, sanitizer, hair oil, and cleaning.\r\n                    <\/p>\r\n\r\n                    <a href=\"https:\/\/smartpackaging.co.in\/?page_id=37643\" class=\"packaging-shop-button\">\r\n                        EXPLORE PRODUCTS \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\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=\"wd-negative-gap elementor-element elementor-element-a920a5b e-flex e-con-boxed e-con e-parent\" data-id=\"a920a5b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da418ad elementor-widget elementor-widget-html\" data-id=\"da418ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500&display=swap');\r\n\r\n\/* =========================================\r\n   MAIN SECTION - EXACT 1500PX\r\n========================================= *\/\r\n\r\n.stats-section {\r\n    width: 1500px !important;\r\n    max-width: none !important;\r\n\r\n    margin-left: 50% !important;\r\n    margin-right: 0 !important;\r\n\r\n    transform: translateX(-50%) !important;\r\n\r\n    padding: 0 !important;\r\n    background: #ffffff !important;\r\n\r\n    font-family: 'Poppins', sans-serif !important;\r\n\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.stats-section *,\r\n.stats-section *::before,\r\n.stats-section *::after {\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GRID\r\n========================================= *\/\r\n\r\n.stats-wrapper {\r\n    width: 1500px !important;\r\n    max-width: none !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    display: grid !important;\r\n    grid-template-columns: repeat(4, 1fr) !important;\r\n\r\n    border-top: 1px solid #e5e5e5 !important;\r\n    border-bottom: 1px solid #e5e5e5 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOX\r\n========================================= *\/\r\n\r\n.stat-box {\r\n    width: 100% !important;\r\n    min-width: 0 !important;\r\n\r\n    height: 190px !important;\r\n    min-height: 190px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 20px 15px !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    text-align: center !important;\r\n\r\n    background: #ffffff !important;\r\n\r\n    border: 0 !important;\r\n    border-right: 1px solid #e5e5e5 !important;\r\n}\r\n\r\n.stat-box:last-child {\r\n    border-right: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NUMBER\r\n========================================= *\/\r\n\r\n.stat-number {\r\n    margin: 0 0 8px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: 'Poppins', sans-serif !important;\r\n\r\n    font-size: 48px !important;\r\n    font-weight: 500 !important;\r\n\r\n    line-height: 1 !important;\r\n    letter-spacing: -1px !important;\r\n\r\n    color: #111111 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TEXT\r\n========================================= *\/\r\n\r\n.stat-text {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: 'Poppins', sans-serif !important;\r\n\r\n    font-size: 16px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.4 !important;\r\n\r\n    color: #222222 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1500px) {\r\n\r\n    .stats-section {\r\n        width: 100vw !important;\r\n        max-width: 100vw !important;\r\n\r\n        margin-left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n    }\r\n\r\n    .stats-wrapper {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET - 2 COLUMNS\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .stats-wrapper {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n    }\r\n\r\n    .stat-box {\r\n        height: 175px !important;\r\n        min-height: 175px !important;\r\n    }\r\n\r\n    .stat-box:nth-child(2) {\r\n        border-right: none !important;\r\n    }\r\n\r\n    .stat-box:nth-child(1),\r\n    .stat-box:nth-child(2) {\r\n        border-bottom: 1px solid #e5e5e5 !important;\r\n    }\r\n\r\n    .stat-number {\r\n        font-size: 44px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE - 1 COLUMN\r\n========================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .stats-section {\r\n        width: 100vw !important;\r\n        max-width: 100vw !important;\r\n    }\r\n\r\n    .stats-wrapper {\r\n        width: 100% !important;\r\n\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n\r\n    .stat-box {\r\n        width: 100% !important;\r\n\r\n        height: 145px !important;\r\n        min-height: 145px !important;\r\n\r\n        padding: 20px 15px !important;\r\n\r\n        border-right: none !important;\r\n        border-bottom: 1px solid #e5e5e5 !important;\r\n    }\r\n\r\n    .stat-box:last-child {\r\n        border-bottom: none !important;\r\n    }\r\n\r\n    .stat-number {\r\n        font-size: 40px !important;\r\n    }\r\n\r\n    .stat-text {\r\n        font-size: 15px !important;\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    .stat-box {\r\n        height: 135px !important;\r\n        min-height: 135px !important;\r\n    }\r\n\r\n    .stat-number {\r\n        font-size: 36px !important;\r\n    }\r\n\r\n    .stat-text {\r\n        font-size: 14px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"stats-section\">\r\n\r\n    <div class=\"stats-wrapper\">\r\n\r\n        <div class=\"stat-box\">\r\n            <h3 class=\"stat-number\">25+<\/h3>\r\n            <p class=\"stat-text\">Years of Excellence<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"stat-box\">\r\n            <h3 class=\"stat-number\">23+<\/h3>\r\n            <p class=\"stat-text\">Liquid Packing Products<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"stat-box\">\r\n            <h3 class=\"stat-number\">10+<\/h3>\r\n            <p class=\"stat-text\">Chemical Bottle Options<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"stat-box\">\r\n            <h3 class=\"stat-number\">8+<\/h3>\r\n            <p class=\"stat-text\">Featured Categories<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-bcad494 e-flex e-con-boxed e-con e-parent\" data-id=\"bcad494\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbc5479 elementor-widget elementor-widget-html\" data-id=\"fbc5479\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     AANVI FAQ SECTION\r\n     1500PX DESKTOP + RESPONSIVE\r\n     POPPINS FONT\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<div class=\"aanvi-faq-main\">\r\n\r\n  <div class=\"aanvi-faq-container\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT IMAGE AREA\r\n    ====================================================== -->\r\n\r\n    <div class=\"aanvi-images\">\r\n\r\n\r\n      <!-- LARGE LEFT IMAGE -->\r\n\r\n      <a\r\n      \r\n        class=\"aanvi-img aanvi-img-large\"\r\n        target=\"_blank\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/10\/Smart-Packaging-Product-Showcase-1-1.png\"\r\n          alt=\"Aanvi Image 1\"\r\n        >\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- TOP RIGHT IMAGE -->\r\n\r\n      <a\r\n      \r\n        class=\"aanvi-img aanvi-img-top\"\r\n        target=\"_blank\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/10\/Premium-Green-Product-Bottle-Showcase-1.png\"\r\n          alt=\"Aanvi Image 2\"\r\n        >\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- BOTTOM RIGHT IMAGE -->\r\n\r\n      <a\r\n        \r\n        class=\"aanvi-img aanvi-img-bottom\"\r\n        target=\"_blank\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/smartpackaging.co.in\/wp-content\/uploads\/2026\/10\/Smart-Packaging-Cleaning-Collection-2-1.png\"\r\n          alt=\"Aanvi Image 3\"\r\n        >\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT FAQ AREA\r\n    ====================================================== -->\r\n\r\n    <div class=\"aanvi-faq-content\">\r\n\r\n\r\n      <!-- FAQ LABEL -->\r\n\r\n      <div class=\"aanvi-faq-label\">\r\n        FAQs\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- HEADING -->\r\n\r\n      <h2>\r\n        Frequently asked<br>\r\n        questions\r\n      <\/h2>\r\n\r\n\r\n\r\n      <!-- DESCRIPTION -->\r\n\r\n      <p class=\"aanvi-faq-intro\">\r\n        Find answers to common questions about Smart Packaging products, customization, samples, and packaging requirements.\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           FAQ 1\r\n      ==================================================== -->\r\n\r\n      <div class=\"aanvi-faq-item\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"aanvi-faq-question\"\r\n        >\r\n\r\n          <span>\r\n            1. WHAT PRODUCTS DOES SMART PACKAGING OFFER?\r\n          <\/span>\r\n\r\n          <strong class=\"aanvi-faq-icon\">\r\n            +\r\n          <\/strong>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"aanvi-faq-answer\">\r\n\r\n          <p>\r\n            Smart Packaging offers plastic containers, jars, bottles and PET bottles across categories including liquid packing, chemical, tablet, cleaning and specialty bottles.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           FAQ 2\r\n      ==================================================== -->\r\n\r\n      <div class=\"aanvi-faq-item\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"aanvi-faq-question\"\r\n        >\r\n\r\n          <span>\r\n          2. CAN THE BOTTLES BE CUSTOMIZED?\r\n          <\/span>\r\n\r\n          <strong class=\"aanvi-faq-icon\">\r\n            +\r\n          <\/strong>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"aanvi-faq-answer\">\r\n\r\n          <p>\r\n            Yes. Selected Smart Packaging products offer customizable colours and packaging options according to specific requirements.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           FAQ 3\r\n      ==================================================== -->\r\n\r\n      <div class=\"aanvi-faq-item\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"aanvi-faq-question\"\r\n        >\r\n\r\n          <span>\r\n          3. CAN I REQUEST PRODUCT SAMPLES?\r\n          <\/span>\r\n\r\n          <strong class=\"aanvi-faq-icon\">\r\n            +\r\n          <\/strong>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"aanvi-faq-answer\">\r\n\r\n          <p>\r\n            Yes. Customers can select required products and submit a request for free product samples through the website.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           FAQ 4\r\n      ==================================================== -->\r\n\r\n      <div class=\"aanvi-faq-item\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"aanvi-faq-question\"\r\n        >\r\n\r\n          <span>\r\n           4. DO YOU SUPPORT BULK ORDERS?\r\n          <\/span>\r\n\r\n          <strong class=\"aanvi-faq-icon\">\r\n            +\r\n          <\/strong>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"aanvi-faq-answer\">\r\n\r\n          <p>\r\n            Yes. Smart Packaging lists bulk supply capability and provides packaging products for different commercial and industrial requirements.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\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   RESET\r\n========================================================= *\/\r\n\r\n.aanvi-faq-main,\r\n.aanvi-faq-main *,\r\n.aanvi-faq-main *::before,\r\n.aanvi-faq-main *::after {\r\n\r\n  box-sizing: border-box;\r\n\r\n  font-family: 'Poppins', sans-serif !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n\r\n   DESKTOP EXACT WIDTH = 1500PX\r\n========================================================= *\/\r\n\r\n.aanvi-faq-main {\r\n\r\n  width: 1500px !important;\r\n\r\n  max-width: none !important;\r\n\r\n  min-width: 1500px;\r\n\r\n  position: relative;\r\n\r\n  left: 50%;\r\n\r\n  transform: translateX(-50%);\r\n\r\n  margin: 0;\r\n\r\n  padding: 45px 30px;\r\n\r\n  background: #ffffff;\r\n\r\n  color: #111111;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n========================================================= *\/\r\n\r\n.aanvi-faq-container {\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1500px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns: 47% 53%;\r\n\r\n  gap: 38px;\r\n\r\n  align-items: center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEFT IMAGE AREA\r\n========================================================= *\/\r\n\r\n.aanvi-images {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  height: 390px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE COMMON\r\n========================================================= *\/\r\n\r\n.aanvi-img {\r\n\r\n  position: absolute;\r\n\r\n  display: block;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #eeeeee;\r\n\r\n  text-decoration: none;\r\n\r\n}\r\n\r\n\r\n.aanvi-img img {\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n  transition: transform 0.4s ease;\r\n\r\n}\r\n\r\n\r\n.aanvi-img:hover img {\r\n\r\n  transform: scale(1.04);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LARGE IMAGE\r\n========================================================= *\/\r\n\r\n.aanvi-img-large {\r\n\r\n  width: 47%;\r\n\r\n  height: 350px;\r\n\r\n  left: 0;\r\n\r\n  top: 0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TOP RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n.aanvi-img-top {\r\n\r\n  width: 47%;\r\n\r\n  height: 176px;\r\n\r\n  right: 0;\r\n\r\n  top: 0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n.aanvi-img-bottom {\r\n\r\n  width: 47%;\r\n\r\n  height: 176px;\r\n\r\n  right: 0;\r\n\r\n  bottom: 30px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT FAQ CONTENT\r\n========================================================= *\/\r\n\r\n.aanvi-faq-content {\r\n\r\n  width: 100%;\r\n\r\n  background: #ffffff;\r\n\r\n  padding: 28px 30px 30px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FAQ LABEL\r\n========================================================= *\/\r\n\r\n.aanvi-faq-label {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  background: #19c5bd;\r\n\r\n  color: #ffffff;\r\n\r\n  padding: 5px 11px;\r\n\r\n  border-radius: 20px;\r\n\r\n  font-size: 10px !important;\r\n\r\n  font-weight: 600 !important;\r\n\r\n  line-height: 1;\r\n\r\n  margin-bottom: 10px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.aanvi-faq-content h2 {\r\n\r\n  margin: 0;\r\n\r\n  padding: 0;\r\n\r\n  color: #111111;\r\n\r\n  font-family: 'Poppins', sans-serif !important;\r\n\r\n  font-size: 37px;\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 1.02;\r\n\r\n  letter-spacing: -1.2px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.aanvi-faq-intro {\r\n\r\n  margin: 14px 0 20px;\r\n\r\n  padding: 0;\r\n\r\n  max-width: 520px;\r\n\r\n  color: #777777;\r\n\r\n  font-size: 13px !important;\r\n\r\n  font-weight: 400 !important;\r\n\r\n  line-height: 1.55;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FAQ ITEM\r\n\r\n   WHITE BACKGROUND\r\n========================================================= *\/\r\n\r\n.aanvi-faq-item {\r\n\r\n  width: 100%;\r\n\r\n  border-top: 1px solid #d8d8d8;\r\n\r\n}\r\n\r\n\r\n.aanvi-faq-item:last-child {\r\n\r\n  border-bottom: 1px solid #d8d8d8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   QUESTION BUTTON\r\n========================================================= *\/\r\n\r\n.aanvi-faq-question {\r\n\r\n  width: 100%;\r\n\r\n  min-height: 67px;\r\n\r\n  padding: 0;\r\n\r\n  margin: 0;\r\n\r\n  border: 0;\r\n\r\n  outline: none;\r\n\r\n  background: #ffffff;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 20px;\r\n\r\n  cursor: pointer;\r\n\r\n  text-align: left;\r\n\r\n  appearance: none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   QUESTION TEXT\r\n\r\n   POPPINS LIKE YOUR IMAGE\r\n========================================================= *\/\r\n\r\n.aanvi-faq-question > span {\r\n\r\n  color: #111111;\r\n\r\n  font-family: 'Poppins', sans-serif !important;\r\n\r\n  font-size: 17px !important;\r\n\r\n  font-weight: 500 !important;\r\n\r\n  line-height: 1.3;\r\n\r\n  letter-spacing: 0;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PLUS ICON\r\n========================================================= *\/\r\n\r\n.aanvi-faq-icon {\r\n\r\n  flex: 0 0 auto;\r\n\r\n  width: 25px;\r\n\r\n  height: 25px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  color: #111111;\r\n\r\n  font-family: 'Poppins', sans-serif !important;\r\n\r\n  font-size: 23px !important;\r\n\r\n  font-weight: 400 !important;\r\n\r\n  line-height: 1;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n.aanvi-faq-question:hover .aanvi-faq-icon {\r\n\r\n  color: #a9823c;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ANSWER\r\n========================================================= *\/\r\n\r\n.aanvi-faq-answer {\r\n\r\n  max-height: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  opacity: 0;\r\n\r\n  padding: 0;\r\n\r\n  transition:\r\n\r\n    max-height 0.4s ease,\r\n\r\n    opacity 0.3s ease,\r\n\r\n    padding 0.35s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ANSWER TEXT\r\n========================================================= *\/\r\n\r\n.aanvi-faq-answer p {\r\n\r\n  margin: 0;\r\n\r\n  padding: 0;\r\n\r\n  color: #777777;\r\n\r\n  font-family: 'Poppins', sans-serif !important;\r\n\r\n  font-size: 12px !important;\r\n\r\n  font-weight: 400 !important;\r\n\r\n  line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE ANSWER\r\n========================================================= *\/\r\n\r\n.aanvi-faq-item.active .aanvi-faq-answer {\r\n\r\n  max-height: 180px;\r\n\r\n  opacity: 1;\r\n\r\n  padding: 0 35px 18px 0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE PLUS \u2192 MINUS\r\n========================================================= *\/\r\n\r\n.aanvi-faq-item.active .aanvi-faq-icon {\r\n\r\n  color: #a9823c;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ELEMENTOR DESKTOP WIDTH FIX\r\n\r\n   Prevent parent container from shrinking section\r\n========================================================= *\/\r\n\r\n@media (min-width: 1201px) {\r\n\r\n  .aanvi-faq-main {\r\n\r\n    width: 1500px !important;\r\n\r\n    max-width: 1500px !important;\r\n\r\n    min-width: 1500px !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BELOW 1200PX\r\n\r\n   RELEASE FIXED WIDTH\r\n========================================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n  .aanvi-faq-main {\r\n\r\n    width: 100% !important;\r\n\r\n    min-width: 0 !important;\r\n\r\n    max-width: 100% !important;\r\n\r\n    left: 0;\r\n\r\n    transform: none;\r\n\r\n    padding-left: 25px;\r\n\r\n    padding-right: 25px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-container {\r\n\r\n    width: 100%;\r\n\r\n    grid-template-columns: 46% 54%;\r\n\r\n    gap: 30px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-content {\r\n\r\n    padding: 20px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-content h2 {\r\n\r\n    font-size: 34px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-question > span {\r\n\r\n    font-size: 16px !important;\r\n\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: 900px) {\r\n\r\n  .aanvi-faq-main {\r\n\r\n    padding: 40px 20px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-container {\r\n\r\n    width: 100%;\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 45px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-images {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 700px;\r\n\r\n    margin: 0 auto;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-content {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 700px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-content h2 {\r\n\r\n    font-size: 37px;\r\n\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  .aanvi-faq-main {\r\n\r\n    padding: 30px 15px;\r\n\r\n  }\r\n\r\n\r\n  \/* IMAGE AREA *\/\r\n\r\n  .aanvi-images {\r\n\r\n    height: 330px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-img-large {\r\n\r\n    width: 48%;\r\n\r\n    height: 290px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-img-top {\r\n\r\n    width: 48%;\r\n\r\n    height: 137px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-img-bottom {\r\n\r\n    width: 48%;\r\n\r\n    height: 137px;\r\n\r\n    bottom: 40px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* FAQ *\/\r\n\r\n  .aanvi-faq-content {\r\n\r\n    padding: 0;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-label {\r\n\r\n    font-size: 9px !important;\r\n\r\n    padding: 5px 9px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-content h2 {\r\n\r\n    font-size: 31px;\r\n\r\n    line-height: 1.05;\r\n\r\n    letter-spacing: -0.8px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-intro {\r\n\r\n    font-size: 12px !important;\r\n\r\n    margin: 12px 0 18px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-question {\r\n\r\n    min-height: 62px;\r\n\r\n    gap: 10px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-question > span {\r\n\r\n    font-size: 15px !important;\r\n\r\n    line-height: 1.35;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-icon {\r\n\r\n    width: 22px;\r\n\r\n    height: 22px;\r\n\r\n    font-size: 21px !important;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-answer p {\r\n\r\n    font-size: 11px !important;\r\n\r\n    line-height: 1.65;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-item.active .aanvi-faq-answer {\r\n\r\n    padding: 0 20px 18px 0;\r\n\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: 400px) {\r\n\r\n  .aanvi-images {\r\n\r\n    height: 280px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-img-large {\r\n\r\n    height: 250px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-img-top,\r\n  .aanvi-img-bottom {\r\n\r\n    height: 117px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-content h2 {\r\n\r\n    font-size: 28px;\r\n\r\n  }\r\n\r\n\r\n  .aanvi-faq-question > span {\r\n\r\n    font-size: 14px !important;\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   FAQ ACCORDION\r\n========================================================= *\/\r\n\r\ndocument.addEventListener(\r\n  \"DOMContentLoaded\",\r\n  function () {\r\n\r\n\r\n    const faqItems =\r\n      document.querySelectorAll(\r\n        \".aanvi-faq-item\"\r\n      );\r\n\r\n\r\n    faqItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        const button =\r\n          item.querySelector(\r\n            \".aanvi-faq-question\"\r\n          );\r\n\r\n\r\n        const icon =\r\n          item.querySelector(\r\n            \".aanvi-faq-icon\"\r\n          );\r\n\r\n\r\n        button.addEventListener(\r\n          \"click\",\r\n          function () {\r\n\r\n\r\n            const isOpen =\r\n              item.classList.contains(\r\n                \"active\"\r\n              );\r\n\r\n\r\n            \/* CLOSE ALL FAQ *\/\r\n\r\n            faqItems.forEach(\r\n              function (otherItem) {\r\n\r\n                otherItem.classList.remove(\r\n                  \"active\"\r\n                );\r\n\r\n\r\n                const otherIcon =\r\n                  otherItem.querySelector(\r\n                    \".aanvi-faq-icon\"\r\n                  );\r\n\r\n\r\n                otherIcon.textContent = \"+\";\r\n\r\n              }\r\n            );\r\n\r\n\r\n            \/* OPEN SELECTED FAQ *\/\r\n\r\n            if (!isOpen) {\r\n\r\n              item.classList.add(\r\n                \"active\"\r\n              );\r\n\r\n              icon.textContent = \"\u2212\";\r\n\r\n            }\r\n\r\n\r\n          }\r\n        );\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Quality BottlesFor Every Need Explore a wide range of quality bottles and containers designed for diverse packaging requirements across different<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-24890","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/pages\/24890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24890"}],"version-history":[{"count":404,"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/pages\/24890\/revisions"}],"predecessor-version":[{"id":38097,"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=\/wp\/v2\/pages\/24890\/revisions\/38097"}],"wp:attachment":[{"href":"https:\/\/smartpackaging.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}