{"id":1737,"date":"2024-08-12T05:43:29","date_gmt":"2024-08-12T05:43:29","guid":{"rendered":"https:\/\/jupiterlogistics.group\/th\/?page_id=1737"},"modified":"2024-11-22T04:23:44","modified_gmt":"2024-11-22T04:23:44","slug":"strategy-our-partner","status":"publish","type":"page","link":"https:\/\/jupiterlogistics.group\/th\/en\/strategy-our-partner\/","title":{"rendered":"Strategy &amp; Our Partner"},"content":{"rendered":"<div class=\"\">\n    <div class=\"relative min-h-52 md:min-h-60 lg:min-h-[322px] flex justify-center items-center \">\n                <img decoding=\"async\" class=\"absolute w-full h-full inset-0 object-cover\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Strategy-Our-Partner-Banner.jpg\"\n            alt=\"\" \/>\n        \n        <div class=\"container z-10  text-white\">\n            <div class='container-md '>\n                <h1 class=\"heading1 font-bold leading-[1.2] uppercase\"> Strategy &amp; Our Partner<\/h1>\n            <\/div>\n        <\/div>\n        <div class=\"absolute inset-0 w-full h-full  bg-banner-gradient \"><\/div>\n    <\/div>\n    <div>\n        <div class=\"h-[28px] w-full bg-primaryblue\"><\/div>\n        <div class=\"h-[6px] w-full bg-green\"><\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"relative\">\n  <div class=\"absolute top-0 h-[260px] w-full bg-grey -z-10\"><\/div>\n  <div class=\"container\">\n    <div class=\"my-10 md:my-[60px] lg:my-20 xl:mt-[50px] 3xl:mb-[100px] container-md \">\n      <div class=\"flex flex-col lg:flex-row justify-center items-stretch gap-[60px] 2xl:gap-[74px]\">\n                  <img decoding=\"async\" class=\"shadow-[20px_20px_0px_0px_#D6E1FD] -mt-[20px] w-[96%] md:w-[100%] lg:w-[40%] xl:w-[506px] object-center object-cover h-[500px] md:h-[800px] lg:h-auto\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Rectangle-1014.png\" alt=\"\" \/>\n                <div class=\"w-ful text-primary\">\n          <div class=' lg:my-[52px] heading3'>\n            <p>We can provide our clients with verified product and the widest range of thermal packaging in Thailand market. Our specialized solution ensures clients are fitted with cold chain performance that best fit their purpose throughout the entire end-to-end logistics cycle.<\/p>\n          <\/div>\n          <div class='mt-8 lg:mt-10 xl:mt-[82px] heading6'>\n            <p>Jupiter Logistics Thailand started with the key factor in mind, that we would like to add value and contribution to the Pharma, Biological, Medical and Healthcare Sectors.<br \/>\nWe partnered with prestige companies namely \u201c Peli Biothermal \u201c by forming these partnerships ,which we are the exclusive distributors of PELI Biothermal packaging in Thailand, a global leader in providing the life sciences industry of passive single-use and reusable temperature controlled thermally protected packaging solutions, to the global life science industry.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<section class=\"mmt-4 md:mt-8 xl:mt-10 3xl:mt-[60px] 6xl:mt-[80px]\" id=1>\n    <div class=\"container\">\n        <div\n            class=\"container-sm mb-8 md:mb-12 xl:mb-16 3xl:mb-20 6xl:mb-[100px] flex flex-col justify-center items-center\">\n            <div class=\"max-w-[1082px] text-center mx-auto\">\n                <h2 class=\"heading2 font-medium text-darkgrey\">Service &amp; Features<\/h2>\n                                <div class='mt-4 md:mt-[20px] text-primary heading6 leading-[1.4] max-w-[914px] mx-auto content'>\n                                    <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n    <div class=\"bg-grey\">\n        <div class=\"container\">\n            <div class=\"container-md py-4 md:py-8 xl:py-10 3xl:py-[80px] 6xl:py-[100px]\">\n                <div class=\"\">\n                                                            <div class=\"py-[18px] flex justify-between items-center\">\n                        <div class=\"flex gap-[20px] justify-start items-center\">\n                            <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Group-4.png\"\n                                alt=\"\"\n                                class=\"w-[36px] h-[36px] md:w-[44px] md:h-[44px] object-cover\" \/>\n\n                            <h3 class=\"heading3 font-medium text-primaryblue pr-2.5\">Sale<\/h3>\n                        <\/div>\n                        <span class=\"cursor-pointer\" onclick=\"toggleAccordionBg('0')\">\n                            <svg id=\"icon-bg-0\" class=\"w-6 h-6 md:w-[36px] md:h-[36px]\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\"\n                                fill=\"none\">\n                                                                <path\n                                    d=\"M32.2656 18C32.2656 18.4476 32.0878 18.8768 31.7714 19.1932C31.4549 19.5097 31.0257 19.6875 30.5781 19.6875H5.82812C5.38057 19.6875 4.95135 19.5097 4.63488 19.1932C4.31841 18.8768 4.14062 18.4476 4.14062 18C4.14062 17.5524 4.31841 17.1232 4.63488 16.8068C4.95135 16.4903 5.38057 16.3125 5.82812 16.3125H30.5781C31.0257 16.3125 31.4549 16.4903 31.7714 16.8068C32.0878 17.1232 32.2656 17.5524 32.2656 18Z\"\n                                    fill=\"#18357A\" \/>\n                                                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"bg-white p-[28px]\" style=\"display: block;\"\n                        id=\"accordion-content-bg-0\">\n                                                <div class=\"flex gap-[20px] heading5 mb-[28px]\">\n                            <h4 class=\"font-medium text-primaryblue\"><\/h4>\n                            <h4 class=\"font-medium text-darkgrey\"><\/h4>\n                        <\/div>\n                        <div class=\"flex flex-col gap-[16px]\">\n                                                        <div class=\"flex gap-[16px]\">\n                                <img decoding=\"async\" src=\"\"\n                                    alt=\"\"\n                                    class=\"w-[28px] h-[28px] object-cover\" \/>\n                                <h4 class=\"heading6\"><p>We offer the widest range of passive single-use and reusable patented packaging solutions. Our packaging is available in temperature profiles ranging from -80\u00b0C to 25\u00b0C, with payload capacities ranging from 2 to 96 liters.<\/p>\n<\/h4>\n                            <\/div>\n\n                                                    <\/div>\n                        \n                        \n                    <\/div>\n                    <div class=\"my-[20px] w-full h-[1px] bg-[#bdbdbd]\"> <\/div>\n                                        <div class=\"py-[18px] flex justify-between items-center\">\n                        <div class=\"flex gap-[20px] justify-start items-center\">\n                            <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Group-5.png\"\n                                alt=\"\"\n                                class=\"w-[36px] h-[36px] md:w-[44px] md:h-[44px] object-cover\" \/>\n\n                            <h3 class=\"heading3 font-medium text-primaryblue pr-2.5\">Rental<\/h3>\n                        <\/div>\n                        <span class=\"cursor-pointer\" onclick=\"toggleAccordionBg('1')\">\n                            <svg id=\"icon-bg-1\" class=\"w-6 h-6 md:w-[36px] md:h-[36px]\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\"\n                                fill=\"none\">\n                                                                <path\n                                    d=\"M32.0625 18C32.0625 18.4476 31.8847 18.8768 31.5682 19.1932C31.2518 19.5097 30.8226 19.6875 30.375 19.6875H19.6875V30.375C19.6875 30.8226 19.5097 31.2518 19.1932 31.5682C18.8768 31.8847 18.4476 32.0625 18 32.0625C17.5524 32.0625 17.1232 31.8847 16.8068 31.5682C16.4903 31.2518 16.3125 30.8226 16.3125 30.375V19.6875H5.625C5.17745 19.6875 4.74822 19.5097 4.43176 19.1932C4.11529 18.8768 3.9375 18.4476 3.9375 18C3.9375 17.5524 4.11529 17.1232 4.43176 16.8068C4.74822 16.4903 5.17745 16.3125 5.625 16.3125H16.3125V5.625C16.3125 5.17745 16.4903 4.74822 16.8068 4.43176C17.1232 4.11529 17.5524 3.9375 18 3.9375C18.4476 3.9375 18.8768 4.11529 19.1932 4.43176C19.5097 4.74822 19.6875 5.17745 19.6875 5.625V16.3125H30.375C30.8226 16.3125 31.2518 16.4903 31.5682 16.8068C31.8847 17.1232 32.0625 17.5524 32.0625 18Z\"\n                                    fill=\"#18357A\" \/>\n                                                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"bg-white p-[28px]\" style=\"display: none;\"\n                        id=\"accordion-content-bg-1\">\n                                                <div class=\"flex gap-[20px] heading5 mb-[28px]\">\n                            <h4 class=\"font-medium text-primaryblue\"><\/h4>\n                            <h4 class=\"font-medium text-darkgrey\"><\/h4>\n                        <\/div>\n                        <div class=\"flex flex-col gap-[16px]\">\n                                                        <div class=\"flex gap-[16px]\">\n                                <img decoding=\"async\" src=\"\"\n                                    alt=\"\"\n                                    class=\"w-[28px] h-[28px] object-cover\" \/>\n                                <h4 class=\"heading6\"><p>Our flexible packaging rental program is designed to meet temporary or short-term demands for thermal packaging. With immediate availability, our rental options are perfect for short-term usage and allow you to try out our packaging in your own environment. Renting reduces the risk of idle assets in your facility and helps you maintain your capital budget. Take advantage of our rental program to meet your packaging needs while keeping your capital budget intact.<\/p>\n<\/h4>\n                            <\/div>\n\n                                                    <\/div>\n                        \n                        \n                    <\/div>\n                    <div class=\"my-[20px] w-full h-[1px] bg-[#bdbdbd]\"> <\/div>\n                                        <div class=\"py-[18px] flex justify-between items-center\">\n                        <div class=\"flex gap-[20px] justify-start items-center\">\n                            <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Group-6.png\"\n                                alt=\"\"\n                                class=\"w-[36px] h-[36px] md:w-[44px] md:h-[44px] object-cover\" \/>\n\n                            <h3 class=\"heading3 font-medium text-primaryblue pr-2.5\">Packing Conditioning<\/h3>\n                        <\/div>\n                        <span class=\"cursor-pointer\" onclick=\"toggleAccordionBg('2')\">\n                            <svg id=\"icon-bg-2\" class=\"w-6 h-6 md:w-[36px] md:h-[36px]\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\"\n                                fill=\"none\">\n                                                                <path\n                                    d=\"M32.0625 18C32.0625 18.4476 31.8847 18.8768 31.5682 19.1932C31.2518 19.5097 30.8226 19.6875 30.375 19.6875H19.6875V30.375C19.6875 30.8226 19.5097 31.2518 19.1932 31.5682C18.8768 31.8847 18.4476 32.0625 18 32.0625C17.5524 32.0625 17.1232 31.8847 16.8068 31.5682C16.4903 31.2518 16.3125 30.8226 16.3125 30.375V19.6875H5.625C5.17745 19.6875 4.74822 19.5097 4.43176 19.1932C4.11529 18.8768 3.9375 18.4476 3.9375 18C3.9375 17.5524 4.11529 17.1232 4.43176 16.8068C4.74822 16.4903 5.17745 16.3125 5.625 16.3125H16.3125V5.625C16.3125 5.17745 16.4903 4.74822 16.8068 4.43176C17.1232 4.11529 17.5524 3.9375 18 3.9375C18.4476 3.9375 18.8768 4.11529 19.1932 4.43176C19.5097 4.74822 19.6875 5.17745 19.6875 5.625V16.3125H30.375C30.8226 16.3125 31.2518 16.4903 31.5682 16.8068C31.8847 17.1232 32.0625 17.5524 32.0625 18Z\"\n                                    fill=\"#18357A\" \/>\n                                                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"bg-white p-[28px]\" style=\"display: none;\"\n                        id=\"accordion-content-bg-2\">\n                                                <div class=\"flex gap-[20px] heading5 mb-[28px]\">\n                            <h4 class=\"font-medium text-primaryblue\"><\/h4>\n                            <h4 class=\"font-medium text-darkgrey\"><\/h4>\n                        <\/div>\n                        <div class=\"flex flex-col gap-[16px]\">\n                                                        <div class=\"flex gap-[16px]\">\n                                <img decoding=\"async\" src=\"\"\n                                    alt=\"\"\n                                    class=\"w-[28px] h-[28px] object-cover\" \/>\n                                <h4 class=\"heading6\"><p>Widest ranges of passive single-use and reusable patented packaging are available in temperature profiles ranging from -80\u00b0C to 25\u00b0C and payload capacities ranging from 2 to 96 liters.<\/p>\n<\/h4>\n                            <\/div>\n\n                                                    <\/div>\n                        \n                        \n                    <\/div>\n                    <div class=\"my-[20px] w-full h-[1px] bg-[#bdbdbd]\"> <\/div>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\nfunction toggleAccordionBg(id) {\n\n    let content = document.getElementById(\"accordion-content-bg-\" + id);\n    let icon = document.getElementById(\"icon-bg-\" + id);\n\n    if (content.style.display === 'block') {\n        content.style.display = 'none';\n        icon.innerHTML =\n            '<path d=\"M32.0625 18C32.0625 18.4476 31.8847 18.8768 31.5682 19.1932C31.2518 19.5097 30.8226 19.6875 30.375 19.6875H19.6875V30.375C19.6875 30.8226 19.5097 31.2518 19.1932 31.5682C18.8768 31.8847 18.4476 32.0625 18 32.0625C17.5524 32.0625 17.1232 31.8847 16.8068 31.5682C16.4903 31.2518 16.3125 30.8226 16.3125 30.375V19.6875H5.625C5.17745 19.6875 4.74822 19.5097 4.43176 19.1932C4.11529 18.8768 3.9375 18.4476 3.9375 18C3.9375 17.5524 4.11529 17.1232 4.43176 16.8068C4.74822 16.4903 5.17745 16.3125 5.625 16.3125H16.3125V5.625C16.3125 5.17745 16.4903 4.74822 16.8068 4.43176C17.1232 4.11529 17.5524 3.9375 18 3.9375C18.4476 3.9375 18.8768 4.11529 19.1932 4.43176C19.5097 4.74822 19.6875 5.17745 19.6875 5.625V16.3125H30.375C30.8226 16.3125 31.2518 16.4903 31.5682 16.8068C31.8847 17.1232 32.0625 17.5524 32.0625 18Z\" fill=\"#18357A\" \/>';\n    } else {\n        content.style.display = 'block';\n        icon.innerHTML =\n            '<path d=\"M32.2656 18C32.2656 18.4476 32.0878 18.8768 31.7714 19.1932C31.4549 19.5097 31.0257 19.6875 30.5781 19.6875H5.82812C5.38057 19.6875 4.95135 19.5097 4.63488 19.1932C4.31841 18.8768 4.14062 18.4476 4.14062 18C4.14062 17.5524 4.31841 17.1232 4.63488 16.8068C4.95135 16.4903 5.38057 16.3125 5.82812 16.3125H30.5781C31.0257 16.3125 31.4549 16.4903 31.7714 16.8068C32.0878 17.1232 32.2656 17.5524 32.2656 18Z\" fill=\"#18357A\"\/>';\n    }\n}\n<\/script>\n\n\n<div class=\"container\">\n    <div\n        class=\"mb-12 md:mb-16 lg:mb-20 3xl:mb-[90px] 6xl:mb-[100px] mt-5 lg:mt-[30px] container-md  flex flex-col justify-center items-center \">\n\n        <h4 class=\" text-darkgrey heading1 font-medium\">Features of PELI Biothermal<\/h4>\n                            <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-3  gap-[15px] mt-10\">\n                                    <div class='bg-grey p-6'>\n                                                                            <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/leadermasterbestentrepreneurbusinessman-1-1.png' alt='' \/>\n                        \n                        <h4 class=' heading3 text-darkgrey mt-1 font-medium'>\n                            Secure Transport                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            Protect and safely transport critical\/valuable temperature-sensitive materials                        <\/p>\n                    <\/div>\n                                    <div class='bg-grey p-6'>\n                                                                            <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/compassionhelpempathygivekindnesscompassionhelpempathygivekindness-1-1.png' alt='' \/>\n                        \n                        <h4 class=' heading3 text-darkgrey mt-1 font-medium'>\n                            Streamlined Modular Design                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            Easy and quick assembly with fewer components and flexible modular design                        <\/p>\n                    <\/div>\n                                    <div class='bg-grey p-6'>\n                                                                            <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/creativityinnovativeconceptdesign-thinkingwriting-1-2.png' alt='' \/>\n                        \n                        <h4 class=' heading3 text-darkgrey mt-1 font-medium'>\n                            Cost-Effective Shipping                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            An optimum volume ratio of interior payload space allowing you to ship more product in fewer containers, reducing distribution costs                        <\/p>\n                    <\/div>\n                                    <div class='bg-grey p-6'>\n                                                                            <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/challengemotivationresilienceeffortattempt-1-1.png' alt='' \/>\n                        \n                        <h4 class=' heading3 text-darkgrey mt-1 font-medium'>\n                            Thermal Packaging                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            Thermal Packaging suitable for bio products                        <\/p>\n                    <\/div>\n                                    <div class='bg-grey p-6'>\n                                                                            <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/mutual-friendsbest-friendcommunitynetworkteam-1-1.png' alt='' \/>\n                        \n                        <h4 class=' heading3 text-darkgrey mt-1 font-medium'>\n                            Passive Packaging                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            Passive packaging without an electronic source                        <\/p>\n                    <\/div>\n                                    <div class='bg-grey p-6'>\n                                                                            <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/responsibilitysettingscheckmarkcogwheelgear-1-1.png' alt='' \/>\n                        \n                        <h4 class=' heading3 text-darkgrey mt-1 font-medium'>\n                            Durable and Lightweight                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            Highly durable, lightweight Thermal Packaging                        <\/p>\n                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n\n\n<div block-name=\"hkc-jupiter-query-packagings\" class=\"py-[42px] md:py-[60px] lg:py-[100px]\">\n  <div class=\"container\">\n    <div class=\"container-md\">\n      <h2 class=\"heading2 text-center leading-5 md:leading-10 lg:leading-[50px] uppercase text-darkgrey font-medium\">\n        THERMAL PACKAGING      <\/h2>\n\n      <div class=\"filter-wrapper mt-8 xl:mt-10 3xl:mt-[60px] relative max-lg:max-w-[500px] max-lg:mx-auto\">\n  <div class=\"flex lg:hidden p-2 border border-[#BDBDBD] rounded-md filter-trigger\">\n    <input class=\"heading5 text-primaryblue font-medium leading-6 min-w-0 flex-1 outline-none filter-text pr-2.5 text-ellipsis\" type=\"text\" value=\"All\"\n      readonly aria-label=\"category filter\" \/>\n    <img decoding=\"async\" class=\"d-arrow\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\"\n      alt=\"Down Arrow\" \/>\n  <\/div>\n\n  <div class=\"flex flex-col lg:flex-row lg:flex-wrap lg:gap-y-2.5 lg:justify-center p-2 lg:px-0 lg:py-2.5 c-filter\">\n    <button data-id=\"-1\"\n      class=\"lg:mr-3 3xl:mr-5 heading5 text-primaryblue font-medium leading-6 max-w-max relative text-left mb-2 lg:mb-0 active filter-item\">All<\/button>\n          <div class=\"w-[1px] bg-[#BDBDBD] hidden lg:block\"><\/div>\n      <button data-id=\"70\"\n        class=\"lg:mx-3 3xl:mx-5 last:mr-0 heading5 text-primaryblue font-medium leading-6 max-w-max relative text-left mb-2 lg:mb-0 filter-item\">Reusable Packaging<\/button>\n          <div class=\"w-[1px] bg-[#BDBDBD] hidden lg:block\"><\/div>\n      <button data-id=\"71\"\n        class=\"lg:mx-3 3xl:mx-5 last:mr-0 heading5 text-primaryblue font-medium leading-6 max-w-max relative text-left mb-2 lg:mb-0 filter-item\">Single-Use Packaging<\/button>\n          <div class=\"w-[1px] bg-[#BDBDBD] hidden lg:block\"><\/div>\n      <button data-id=\"72\"\n        class=\"lg:mx-3 3xl:mx-5 last:mr-0 heading5 text-primaryblue font-medium leading-6 max-w-max relative text-left mb-2 lg:mb-0 filter-item\">Pallet Shipper<\/button>\n          <div class=\"w-[1px] bg-[#BDBDBD] hidden lg:block\"><\/div>\n      <button data-id=\"73\"\n        class=\"lg:mx-3 3xl:mx-5 last:mr-0 heading5 text-primaryblue font-medium leading-6 max-w-max relative text-left mb-2 lg:mb-0 filter-item\">Military<\/button>\n          <div class=\"w-[1px] bg-[#BDBDBD] hidden lg:block\"><\/div>\n      <button data-id=\"74\"\n        class=\"lg:mx-3 3xl:mx-5 last:mr-0 heading5 text-primaryblue font-medium leading-6 max-w-max relative text-left mb-2 lg:mb-0 filter-item\">-80\u2103 Deep Frozen Dry Ice Packaging<\/button>\n      <\/div>\n<\/div>\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-5 gap-y-10 mt-5 pt-5\">\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/credo-cube\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"70\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Credo-Cube\u2122.jpeg\" alt=\"Cr\u0113do Cube\u2122\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Reusable<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">Cr\u0113do Cube\u2122<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/credo-promed\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"70\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Credo\u2122-ProMed.jpeg\" alt=\"Cr\u0113do\u2122 ProMed\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Reusable<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">Cr\u0113do\u2122 ProMed<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/credo-duracube\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"70\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Credo\u2122-Duracube.jpeg\" alt=\"Cr\u0113do\u2122 Duracube\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Reusable<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">Cr\u0113do\u2122 Duracube<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/thermal-covers\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"71\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Thermal-Covers.jpeg\" alt=\"Thermal Covers\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Single-Use<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">Thermal Covers<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/coolguard-pcm\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"71\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/CoolGuard\u2122-PCM.jpeg\" alt=\"CoolGuard\u2122 PCM\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Single-use<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">CoolGuard\u2122 PCM<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/coolguard-advance\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"71\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/CoolGuard\u2122-Advance.jpeg\" alt=\"CoolGuard\u2122 Advance\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Single-use<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">CoolGuard\u2122 Advance<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/nanocool\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"71\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/NanoCool\u2122.jpeg\" alt=\"NanoCool\u2122\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Single-use<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">NanoCool\u2122<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/dry-ice-shipper\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"74\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Dry-Ice-Shipper.jpeg\" alt=\"Dry Ice Shipper\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Deep Frozen<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">Dry Ice Shipper<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/coolpall-vertos\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"72\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/CoolPall-\u2122-Vertos.jpeg\" alt=\"CoolPall \u2122 Vertos\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Pallet Shipper<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">CoolPall \u2122 Vertos<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/credo-xtreme\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"72\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/CREDO\u2122-XTREME.jpeg\" alt=\"CR\u0112DO\u2122 XTREME\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Pallet Shipper<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">CR\u0112DO\u2122 XTREME<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/credo-cargo\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"72\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/CREDO\u2122-CARGO.jpeg\" alt=\"CR\u0112DO\u2122 CARGO\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Pallet Shipper<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">CR\u0112DO\u2122 CARGO<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/golden-hour-mobile\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"73\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Golden-Hour-Mobile.jpeg\" alt=\"Golden Hour Mobile\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Military<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">Golden Hour Mobile<\/h5>\n      <\/div>\n    <\/a>\n      <a href=\"https:\/\/jupiterlogistics.group\/th\/en\/packaging\/golden-hour-one\/\"\n      class=\"flex flex-col bg-white rounded-xl shadow-[0_6px_6px_0_rgba(0,0,0,0.15)] overflow-hidden transition hover:-translate-y-5 content-item\"\n      data-categories=\"73\">\n      <img decoding=\"async\" src=\"https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/Golden-Hour-One.jpeg\" alt=\"Golden Hour One\" class=\"aspect-square\" \/>\n      <div class=\"py-4 px-5\">\n        <p class=\"heading6 mb-3 text-[#777777] uppercase font-medium leading-6\">Military<\/p>\n        <h5 class=\"heading4 text-darkgrey font-medium leading-8\">Golden Hour One<\/h5>\n      <\/div>\n    <\/a>\n  <\/div>    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    document.addEventListener('DOMContentLoaded', () => {\n      const queryPackagings = document.querySelector('[block-name=\"hkc-jupiter-query-packagings\"]');\n\n      const state = new Proxy({\n        filterOpened: false,\n        currentIndex: 0,\n        currentActiveBtn: queryPackagings.querySelector('.filter-item.active'),\n      }, {\n        get(obj, prop) {\n          return prop in obj ? obj[prop] : null;\n        },\n        set(obj, prop, value) {\n          obj[prop] = value;\n\n          if (prop === \"currentIndex\") {\n            onFilterChange();\n            if(window.innerWidth < 1024) {\n              toggleFilter();\n            }\n          }\n\n          return true;\n        }\n      });\n\n      const filterTrigger = queryPackagings.querySelector('.filter-trigger');\n      const filter = queryPackagings.querySelector('.c-filter');\n      const arrow = queryPackagings.querySelector('.d-arrow');\n      const filterText =queryPackagings.querySelector('.filter-text');\n\n      \/\/ show hide mobile dropdown\n      function toggleFilter() {\n        if (!state.filterOpened) {\n          state.filterOpened = true;\n          filter.style.setProperty('z-index', 50);\n          void filter.clientHeight;\n          filter.style.setProperty('opacity', 1);\n          document.addEventListener('click', handleClickAway);\n          arrow.classList.add('opened');\n        } else {\n          state.filterOpened = false;\n          filter.style.removeProperty('opacity');\n          setTimeout(() => {\n            filter.style.removeProperty('z-index');\n          }, 150);\n          document.removeEventListener('click', handleClickAway);\n          arrow.classList.remove('opened');\n        }\n      }\n\n      function handleClickAway(e) {\n        if (!e.target.closest('.filter-wrapper')) {\n          toggleFilter();\n        }\n      }\n\n      \/\/ handle content ui\n      function onFilterChange() {\n        state.currentActiveBtn.classList.remove('active');\n        const showItemsSelector = state.currentIndex != -1 ? `.content-item[data-categories*=\"${state.currentIndex}` : '.content-item';\n\n        showItems(queryPackagings.querySelectorAll(showItemsSelector));\n\n        if (state.currentIndex != -1) {\n          hideItems(\n            queryPackagings.querySelectorAll(\n              `.content-item:not([data-categories*=\"${state.currentIndex}\"])`\n            )\n          );\n        }\n      }\n\n      function hideItems(items) {\n        items.forEach(element => {\n          element.style.setProperty('opacity', 0);\n          element.style.setProperty('display', 'none');\n        });\n      }\n\n      function showItems(items) {\n        items.forEach(element => {\n          element.style.removeProperty('display');\n          void element.clientHeight;\n          element.style.removeProperty('opacity');\n        });\n      }\n\n      \/\/ mobile filter dropdown\n      filterTrigger.addEventListener('click', () => {\n        toggleFilter();\n      });\n\n      \/\/ filters click\n      queryPackagings.addEventListener('click', (e) => {\n        if (e.target.classList.contains('filter-item')) {\n          const btn = e.target;\n          btn.classList.add('active');\n          if (btn.dataset.id) {\n            state.currentIndex = btn.dataset.id;\n          }\n          state.currentActiveBtn = e.target;\n\n          filterText.value = e.target.innerText;\n        }\n      });\n    });\n  })();\n<\/script>\n\n\n<div id=\"\" class=\"container\">\n    <div class=\"py-[42px] md:py-[60px] lg:py-[80px] 2xl:py-[113px] container-md \">\n        <!-- <h4 class=\" text-darkgrey heading2 font-medium\">\n         \n    <\/h4> -->\n        <!-- <div class=\" flex flex-wrap gap-x-5 sm:gap-x-12 xl:gap-x-16 2xl:gap-x-[120px] gap-y-14  mt-10 items-center justify-center sm:px-9 lg:px-14\"> -->\n        <div class=\" flex flex-wrap gap-y-14 lg:gap-x-12  mt-10 items-center justify-center sm:px-9 lg:px-14\">\n                                                <div class=\"overflow-hidden w-1\/2 sm:w-1\/3 lg:w-[calc(25%-48px)] flex justify-center items-center\">\n                        <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/JPT-Group-1-1.png' alt='' class=\"max-w-[80px] md:max-w-[100px] xl:max-w-[110px] 4xl:max-w-[120px]\">\n                    <\/div>\n                                    <div class=\"overflow-hidden w-1\/2 sm:w-1\/3 lg:w-[calc(25%-48px)] flex justify-center items-center\">\n                        <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/jal-1-1-1.png' alt='' class=\"max-w-[80px] md:max-w-[100px] xl:max-w-[110px] 4xl:max-w-[120px]\">\n                    <\/div>\n                                    <div class=\"overflow-hidden w-1\/2 sm:w-1\/3 lg:w-[calc(25%-48px)] flex justify-center items-center\">\n                        <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/iata-1-1.png' alt='' class=\"max-w-[80px] md:max-w-[100px] xl:max-w-[110px] 4xl:max-w-[120px]\">\n                    <\/div>\n                                    <div class=\"overflow-hidden w-1\/2 sm:w-1\/3 lg:w-[calc(25%-48px)] flex justify-center items-center\">\n                        <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/image-75-1.png' alt='' class=\"max-w-[80px] md:max-w-[100px] xl:max-w-[110px] 4xl:max-w-[120px]\">\n                    <\/div>\n                                    <div class=\"overflow-hidden w-1\/2 sm:w-1\/3 lg:w-[calc(25%-48px)] flex justify-center items-center\">\n                        <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/image-76-1.png' alt='' class=\"max-w-[80px] md:max-w-[100px] xl:max-w-[110px] 4xl:max-w-[120px]\">\n                    <\/div>\n                                    <div class=\"overflow-hidden w-1\/2 sm:w-1\/3 lg:w-[calc(25%-48px)] flex justify-center items-center\">\n                        <img src='https:\/\/jupiterlogistics.group\/th\/wp-content\/uploads\/sites\/11\/2024\/08\/image-77-1.png' alt='' class=\"max-w-[80px] md:max-w-[100px] xl:max-w-[110px] 4xl:max-w-[120px]\">\n                    <\/div>\n                                    <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"enquiry_type":[],"class_list":["post-1737","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jupiterlogistics.group\/th\/en\/wp-json\/wp\/v2\/pages\/1737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jupiterlogistics.group\/th\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jupiterlogistics.group\/th\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/th\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/th\/en\/wp-json\/wp\/v2\/comments?post=1737"}],"version-history":[{"count":4,"href":"https:\/\/jupiterlogistics.group\/th\/en\/wp-json\/wp\/v2\/pages\/1737\/revisions"}],"predecessor-version":[{"id":2125,"href":"https:\/\/jupiterlogistics.group\/th\/en\/wp-json\/wp\/v2\/pages\/1737\/revisions\/2125"}],"wp:attachment":[{"href":"https:\/\/jupiterlogistics.group\/th\/en\/wp-json\/wp\/v2\/media?parent=1737"}],"wp:term":[{"taxonomy":"enquiry_type","embeddable":true,"href":"https:\/\/jupiterlogistics.group\/th\/en\/wp-json\/wp\/v2\/enquiry_type?post=1737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}