{"id":1763,"date":"2024-08-12T05:43:29","date_gmt":"2024-08-12T05:43:29","guid":{"rendered":"https:\/\/jupiterlogistics.group\/th\/strategy-our-partner\/"},"modified":"2024-11-22T08:28:47","modified_gmt":"2024-11-22T08:28:47","slug":"strategy-our-partner","status":"publish","type":"page","link":"https:\/\/jupiterlogistics.group\/th\/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>\u0e40\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e15\u0e25\u0e32\u0e14\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e42\u0e0b\u0e04\u0e27\u0e32\u0e21\u0e40\u0e22\u0e47\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e15\u0e25\u0e2d\u0e14\u0e27\u0e07\u0e08\u0e23\u0e42\u0e25\u0e08\u0e34\u0e2a\u0e15\u0e34\u0e01\u0e2a\u0e4c\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<\/p>\n          <\/div>\n          <div class='mt-8 lg:mt-10 xl:mt-[82px] heading6'>\n            <p>\u0e08\u0e39\u0e1b\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c \u0e42\u0e25\u0e08\u0e34\u0e2a\u0e15\u0e34\u0e01\u0e2a\u0e4c \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e08\u0e32\u0e01\u0e1b\u0e31\u0e08\u0e08\u0e31\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e27\u0e48\u0e32\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e08\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e39\u0e25\u0e04\u0e48\u0e32\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e41\u0e25\u0e30\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e43\u0e19\u0e20\u0e32\u0e04\u0e40\u0e20\u0e2a\u0e31\u0e0a\u0e01\u0e23\u0e23\u0e21 \u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e \u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c \u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e<\/p>\n<p>&nbsp;<\/p>\n<p>\u0e40\u0e23\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e01\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e17\u0e35\u0e48\u0e21\u0e35\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07 \u201cPeli BioThermal\u201d \u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e02\u0e2d\u0e07\u0e2b\u0e38\u0e49\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e17\u0e35\u0e48\u0e0b\u0e36\u0e48\u0e07\u0e40\u0e23\u0e32\u0e19\u0e31\u0e49\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e02\u0e2d\u0e07 Peli BioThermal \u0e41\u0e15\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e14\u0e35\u0e22\u0e27\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e17\u0e35\u0e48\u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e19\u0e33\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01\u0e02\u0e2d\u0e07\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e41\u0e25\u0e30\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e41\u0e1a\u0e1a passive \u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e0b\u0e49\u0e33\u0e44\u0e14\u0e49 \u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01\u0e43\u0e19\u0e14\u0e49\u0e32\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e0a\u0e35\u0e27\u0e27\u0e34\u0e17\u0e22\u0e32<\/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\">\u0e01\u0e32\u0e23\u0e02\u0e32\u0e22<\/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>\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e14\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1a\u0e31\u0e15\u0e23\u0e21\u0e35\u0e08\u0e31\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48 -80 \u0e4dC \u2013 25 \u0e4dC \u0e41\u0e25\u0e30\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e04\u0e27\u0e32\u0e21\u0e08\u0e38\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48 2 \u2013 96 \u0e25\u0e34\u0e15\u0e23<\/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\">\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32<\/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>\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e17\u0e35\u0e48\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e48\u0e32\u0e27\u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e30\u0e22\u0e30\u0e2a\u0e31\u0e49\u0e19 \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e40\u0e2a\u0e21\u0e2d\u0e21\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e22\u0e30\u0e2a\u0e31\u0e49\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e01\u0e31\u0e1a\u0e2a\u0e20\u0e32\u0e1e\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\n<p>\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32\u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e21\u0e35\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e2a\u0e34\u0e19\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e27\u0e48\u0e32\u0e07\u0e43\u0e19\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e02\u0e2d\u0e07\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19 \u0e14\u0e31\u0e07\u0e19\u0e31\u0e49\u0e19\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e08\u0e32\u0e01\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e01\u0e31\u0e1a\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e17\u0e35\u0e48\u0e25\u0e14\u0e25\u0e07<\/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\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e08\u0e38<\/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>\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e21\u0e32\u0e43\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34 3 \u0e23\u0e30\u0e14\u0e31\u0e1a (\u0e41\u0e0a\u0e48\u0e41\u0e02\u0e47\u0e07 \u0e41\u0e0a\u0e48\u0e40\u0e22\u0e47\u0e19 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e2b\u0e49\u0e2d\u0e07) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e04\u0e07\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19<\/p>\n<p>\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2a\u0e20\u0e32\u0e1e\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n<p>\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e20\u0e32\u0e1e \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e04\u0e07\u0e04\u0e25\u0e31\u0e07 \u0e41\u0e25\u0e30\u0e42\u0e25\u0e08\u0e34\u0e2a\u0e15\u0e34\u0e01\u0e2a\u0e4c\u0e17\u0e31\u0e48\u0e27\u0e17\u0e31\u0e49\u0e07\u0e20\u0e39\u0e21\u0e34\u0e20\u0e32\u0e04\u0e44\u0e17\u0e22<\/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\">\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e02\u0e2d\u0e07 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                            \u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            \u0e1b\u0e01\u0e1b\u0e49\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e15\u0e48\u0e2d\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e2b\u0e23\u0e37\u0e2d\u0e21\u0e35\u0e21\u0e39\u0e25\u0e04\u0e48\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22                        <\/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                            \u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e42\u0e21\u0e14\u0e39\u0e25\u0e32\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e23\u0e35\u0e22\u0e27\u0e1a\u0e32\u0e07                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\u0e41\u0e25\u0e30\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e14\u0e49\u0e27\u0e22\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e19\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e2a\u0e44\u0e15\u0e25\u0e4c Modular \u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19                        <\/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                            \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e17\u0e35\u0e48\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e15\u0e23\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e02\u0e2d\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e32\u0e22\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e44\u0e14\u0e49\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e17\u0e35\u0e48\u0e19\u0e49\u0e2d\u0e22\u0e25\u0e07 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32                        <\/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                            \u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e41\u0e1a\u0e1a\u0e40\u0e01\u0e47\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            \u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e1e\u0e2a\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e                        <\/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                            \u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e41\u0e1a\u0e1a\u0e1e\u0e32\u0e2a\u0e0b\u0e35\u0e1f                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            \u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e41\u0e1a\u0e1a Passive \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e32\u0e28\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c                        <\/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                            \u0e17\u0e19\u0e17\u0e32\u0e19\u0e41\u0e25\u0e30\u0e21\u0e35\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e1a\u0e32                        <\/h4>\n                        <p class='body-extra-small text-primary mt-[10px] heading6'>\n                            \u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e17\u0e19\u0e17\u0e32\u0e19\u0e41\u0e25\u0e30\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e1a\u0e32                        <\/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\/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\/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\/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\/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\/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\/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\/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\/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\/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\/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\/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\/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\/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-1763","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jupiterlogistics.group\/th\/wp-json\/wp\/v2\/pages\/1763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jupiterlogistics.group\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jupiterlogistics.group\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jupiterlogistics.group\/th\/wp-json\/wp\/v2\/comments?post=1763"}],"version-history":[{"count":10,"href":"https:\/\/jupiterlogistics.group\/th\/wp-json\/wp\/v2\/pages\/1763\/revisions"}],"predecessor-version":[{"id":2166,"href":"https:\/\/jupiterlogistics.group\/th\/wp-json\/wp\/v2\/pages\/1763\/revisions\/2166"}],"wp:attachment":[{"href":"https:\/\/jupiterlogistics.group\/th\/wp-json\/wp\/v2\/media?parent=1763"}],"wp:term":[{"taxonomy":"enquiry_type","embeddable":true,"href":"https:\/\/jupiterlogistics.group\/th\/wp-json\/wp\/v2\/enquiry_type?post=1763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}