{"id":17297,"date":"2026-08-21T14:16:54","date_gmt":"2026-08-21T07:16:54","guid":{"rendered":"https:\/\/www.greencare.co.th\/?page_id=17297"},"modified":"2026-08-21T14:20:14","modified_gmt":"2026-08-21T07:20:14","slug":"about-us","status":"publish","type":"page","link":"https:\/\/www.greencare.co.th\/th\/about-us\/","title":{"rendered":"\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17297\" class=\"elementor elementor-17297\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4845d56 e-flex e-con-boxed e-con e-parent\" data-id=\"4845d56\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b679a2e elementor-widget elementor-widget-html\" data-id=\"b679a2e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   GREEN CARE - ABOUT US HERO\r\n   Desktop \/ Tablet \/ Mobile\r\n   EN \/ TH automatic language switching\r\n   ========================================================= *\/\r\n\r\n\/* ---------- MAIN HERO ---------- *\/\r\n\r\n.gc-about-hero {\r\n    width: 100%;\r\n    min-height: 520px;\r\n    display: flex;\r\n    align-items: stretch;\r\n    overflow: hidden;\r\n    background: #f4f0e7;\r\n}\r\n\r\n\r\n\/* ---------- LEFT CONTENT ---------- *\/\r\n\r\n.gc-about-content {\r\n    width: 40%;\r\n    padding: 75px 35px 70px 7%;\r\n    box-sizing: border-box;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    background: #f4f0e7;\r\n}\r\n\r\n\r\n\/* Small heading *\/\r\n\r\n.gc-about-small-title {\r\n    margin-bottom: 15px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    line-height: 1.4;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n\r\n    color: #71805b;\r\n}\r\n\r\n\r\n\/* Main Heading *\/\r\n\r\n.gc-about-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(46px, 5vw, 70px);\r\n    line-height: 0.98;\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -1px;\r\n\r\n    color: #294934;\r\n}\r\n\r\n\r\n\/* Subtitle *\/\r\n\r\n.gc-about-subtitle {\r\n    max-width: 440px;\r\n\r\n    margin-top: 23px;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 22px;\r\n    line-height: 1.4;\r\n    font-weight: 400;\r\n\r\n    color: #586649;\r\n}\r\n\r\n\r\n\/* Decorative line *\/\r\n\r\n.gc-about-line {\r\n    width: 70px;\r\n    height: 2px;\r\n\r\n    margin: 20px 0 20px;\r\n\r\n    background: #7a875d;\r\n}\r\n\r\n\r\n\/* Description *\/\r\n\r\n.gc-about-description {\r\n    max-width: 440px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n    font-weight: 400;\r\n\r\n    color: #4c4c46;\r\n}\r\n\r\n\r\n\/* ---------- RIGHT IMAGE ---------- *\/\r\n\r\n.gc-about-image {\r\n    width: 60%;\r\n    min-height: 520px;\r\n\r\n    position: relative;\r\n\r\n    \/*\r\n       \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 YOUR-IMAGE-URL-HERE\r\n       \u0e40\u0e1b\u0e47\u0e19 URL \u0e23\u0e39\u0e1b\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n    *\/\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            #f4f0e7 0%,\r\n            rgba(244,240,231,0.90) 4%,\r\n            rgba(244,240,231,0.55) 10%,\r\n            rgba(244,240,231,0.15) 20%,\r\n            rgba(244,240,231,0) 32%\r\n        ),\r\n        url(\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-10-\u0e2a.\u0e04.-2569-11_34_29-1.png\");\r\n\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\r\n\/* Warm \/ natural image overlay *\/\r\n\r\n.gc-about-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(255,255,255,0.02),\r\n            rgba(54,72,45,0.05)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* ---------- LANGUAGE ---------- *\/\r\n\r\n\/* \u0e0b\u0e48\u0e2d\u0e19\u0e17\u0e38\u0e01\u0e20\u0e32\u0e29\u0e32\u0e44\u0e27\u0e49\u0e01\u0e48\u0e2d\u0e19 *\/\r\n\r\n.gc-lang {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* ---------- THAI FONT ADJUSTMENTS ---------- *\/\r\n\r\n.gc-lang-th.gc-about-title {\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        \"Tahoma\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: clamp(41px, 4.5vw, 62px);\r\n    line-height: 1.15;\r\n    letter-spacing: 0;\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.gc-lang-th.gc-about-subtitle {\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n.gc-lang-th.gc-about-description {\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .gc-about-hero {\r\n        min-height: 470px;\r\n    }\r\n\r\n    .gc-about-content {\r\n        width: 45%;\r\n\r\n        padding:\r\n            60px\r\n            30px\r\n            60px\r\n            5%;\r\n    }\r\n\r\n    .gc-about-image {\r\n        width: 55%;\r\n        min-height: 470px;\r\n    }\r\n\r\n    .gc-about-title {\r\n        font-size: 50px;\r\n    }\r\n\r\n    .gc-lang-th.gc-about-title {\r\n        font-size: 44px;\r\n    }\r\n\r\n    .gc-about-subtitle {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .gc-about-description {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gc-about-hero {\r\n        flex-direction: column;\r\n\r\n        min-height: auto;\r\n    }\r\n\r\n    .gc-about-content {\r\n        width: 100%;\r\n\r\n        padding:\r\n            48px\r\n            26px\r\n            40px;\r\n    }\r\n\r\n    .gc-about-image {\r\n        width: 100%;\r\n\r\n        min-height: 330px;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                180deg,\r\n                #f4f0e7 0%,\r\n                rgba(244,240,231,0.65) 5%,\r\n                rgba(244,240,231,0.15) 15%,\r\n                rgba(244,240,231,0) 28%\r\n            ),\r\n            url(\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-10-\u0e2a.\u0e04.-2569-11_34_29-1.png\");\r\n\r\n        background-position: center center;\r\n    }\r\n\r\n    .gc-about-title {\r\n        font-size: 44px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .gc-lang-th.gc-about-title {\r\n        font-size: 38px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .gc-about-subtitle {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .gc-about-description {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     ABOUT GREEN CARE\r\n     ====================================================== -->\r\n\r\n<section class=\"gc-about-hero\">\r\n\r\n\r\n    <!-- ==========================================\r\n         LEFT\r\n         ========================================== -->\r\n\r\n    <div class=\"gc-about-content\">\r\n\r\n\r\n        <!-- SMALL TITLE -->\r\n\r\n        <div class=\"gc-about-small-title\">\r\n\r\n            <span class=\"gc-lang gc-lang-en\">\r\n                ABOUT US\r\n            <\/span>\r\n\r\n            <span class=\"gc-lang gc-lang-th\">\r\n                \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- MAIN HEADING -->\r\n\r\n        <h1 class=\"gc-about-title gc-lang gc-lang-en\">\r\n            ABOUT<br>\r\n            GREEN CARE\r\n        <\/h1>\r\n\r\n\r\n        <h1 class=\"gc-about-title gc-lang gc-lang-th\">\r\n            \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a<br>\r\n            GREEN CARE\r\n        <\/h1>\r\n\r\n\r\n\r\n        <!-- SUBTITLE -->\r\n\r\n        <div class=\"gc-about-subtitle gc-lang gc-lang-en\">\r\n\r\n            Better Textiles,<br>\r\n            Thoughtfully Made.\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gc-about-subtitle gc-lang gc-lang-th\">\r\n\r\n            \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\u0e17\u0e35\u0e48\u0e14\u0e35\u0e01\u0e27\u0e48\u0e32<br>\r\n            \u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e43\u0e2a\u0e48\u0e43\u0e08\u0e43\u0e19\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- DECORATIVE LINE -->\r\n\r\n        <div class=\"gc-about-line\"><\/div>\r\n\r\n\r\n\r\n        <!-- DESCRIPTION ENGLISH -->\r\n\r\n        <p class=\"gc-about-description gc-lang gc-lang-en\">\r\n\r\n            Since 1995, Green Care has been creating\r\n            textile solutions with a focus on natural\r\n            materials, responsible production, and\r\n            long-term collaboration.\r\n\r\n        <\/p>\r\n\r\n\r\n\r\n        <!-- DESCRIPTION THAI -->\r\n\r\n        <p class=\"gc-about-description gc-lang gc-lang-th\">\r\n\r\n            \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e1b\u0e35 1995 \u0e01\u0e23\u0e35\u0e19\u0e41\u0e04\u0e23\u0e4c\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\r\n            \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d \u0e42\u0e14\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\r\n            \u0e01\u0e31\u0e1a\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e08\u0e32\u0e01\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34 \u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\r\n            \u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27\r\n\r\n        <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ==========================================\r\n         RIGHT IMAGE\r\n         ========================================== -->\r\n\r\n    <div class=\"gc-about-image\"><\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\/* =========================================================\r\n   GREEN CARE LANGUAGE DETECTION\r\n   ========================================================= *\/\r\n\r\n(function () {\r\n\r\n    function getGreenCareLanguage() {\r\n\r\n        \/* --------------------------------------\r\n           1. Check HTML lang\r\n           \u0e40\u0e0a\u0e48\u0e19\r\n           <html lang=\"th\">\r\n           <html lang=\"th-TH\">\r\n           -------------------------------------- *\/\r\n\r\n        var htmlLang =\r\n            (\r\n                document.documentElement.getAttribute(\"lang\")\r\n                || \"\"\r\n            ).toLowerCase();\r\n\r\n\r\n        if (htmlLang.indexOf(\"th\") === 0) {\r\n            return \"th\";\r\n        }\r\n\r\n\r\n        if (htmlLang.indexOf(\"en\") === 0) {\r\n            return \"en\";\r\n        }\r\n\r\n\r\n\r\n        \/* --------------------------------------\r\n           2. Check body classes\r\n           \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a plugin \u0e2b\u0e25\u0e32\u0e22\u0e20\u0e32\u0e29\u0e32 \u0e40\u0e0a\u0e48\u0e19 qTranslate\r\n           -------------------------------------- *\/\r\n\r\n        var bodyClass =\r\n            document.body\r\n            ? document.body.className.toLowerCase()\r\n            : \"\";\r\n\r\n\r\n        if (\r\n            bodyClass.indexOf(\"lang-th\") !== -1 ||\r\n            bodyClass.indexOf(\"qtranxs-lang-th\") !== -1\r\n        ) {\r\n            return \"th\";\r\n        }\r\n\r\n\r\n        if (\r\n            bodyClass.indexOf(\"lang-en\") !== -1 ||\r\n            bodyClass.indexOf(\"qtranxs-lang-en\") !== -1\r\n        ) {\r\n            return \"en\";\r\n        }\r\n\r\n\r\n\r\n        \/* --------------------------------------\r\n           3. Check URL parameter\r\n           \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\r\n           ?lang=th\r\n           ?lang=en\r\n           -------------------------------------- *\/\r\n\r\n        var params =\r\n            new URLSearchParams(\r\n                window.location.search\r\n            );\r\n\r\n\r\n        var urlLang =\r\n            (\r\n                params.get(\"lang\")\r\n                || \"\"\r\n            ).toLowerCase();\r\n\r\n\r\n        if (urlLang === \"th\") {\r\n            return \"th\";\r\n        }\r\n\r\n\r\n        if (urlLang === \"en\") {\r\n            return \"en\";\r\n        }\r\n\r\n\r\n\r\n        \/* --------------------------------------\r\n           4. Check URL Path\r\n           \u0e40\u0e0a\u0e48\u0e19\r\n           greencare.co.th\/th\/about-us\r\n           -------------------------------------- *\/\r\n\r\n        var path =\r\n            window.location.pathname.toLowerCase();\r\n\r\n\r\n        if (\r\n            path === \"\/th\" ||\r\n            path.indexOf(\"\/th\/\") !== -1\r\n        ) {\r\n            return \"th\";\r\n        }\r\n\r\n\r\n        if (\r\n            path === \"\/en\" ||\r\n            path.indexOf(\"\/en\/\") !== -1\r\n        ) {\r\n            return \"en\";\r\n        }\r\n\r\n\r\n\r\n        \/* --------------------------------------\r\n           Default\r\n           -------------------------------------- *\/\r\n\r\n        return \"en\";\r\n    }\r\n\r\n\r\n\r\n    function showGreenCareLanguage() {\r\n\r\n        var language =\r\n            getGreenCareLanguage();\r\n\r\n\r\n        \/* Hide everything *\/\r\n\r\n        var allLanguageElements =\r\n            document.querySelectorAll(\r\n                \".gc-lang\"\r\n            );\r\n\r\n\r\n        allLanguageElements.forEach(\r\n            function (element) {\r\n\r\n                element.style.display = \"none\";\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* Show selected language *\/\r\n\r\n        var selectedElements =\r\n            document.querySelectorAll(\r\n                \".gc-lang-\" + language\r\n            );\r\n\r\n\r\n        selectedElements.forEach(\r\n            function (element) {\r\n\r\n                element.style.display = \"block\";\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* Run when DOM ready *\/\r\n\r\n    if (\r\n        document.readyState === \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            showGreenCareLanguage\r\n        );\r\n\r\n    } else {\r\n\r\n        showGreenCareLanguage();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02aed25 e-flex e-con-boxed e-con e-parent\" data-id=\"02aed25\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73ca2c7 elementor-widget elementor-widget-html\" data-id=\"73ca2c7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   GREEN CARE - WHAT WE DO\r\n   ========================================================= *\/\r\n\r\n.gc-whatwedo {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 70px 6% 80px;\r\n\r\n    background: #f7f5ef;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* ---------- HEADER ---------- *\/\r\n\r\n.gc-ww-header {\r\n    max-width: 850px;\r\n    margin: 0 auto 42px;\r\n    text-align: center;\r\n}\r\n\r\n.gc-ww-eyebrow {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.4px;\r\n\r\n    color: #65744d;\r\n}\r\n\r\n.gc-ww-number {\r\n    color: #53653b;\r\n}\r\n\r\n.gc-ww-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(34px, 4vw, 48px);\r\n    line-height: 1.15;\r\n    font-weight: 400;\r\n\r\n    color: #252a22;\r\n}\r\n\r\n.gc-ww-description {\r\n    max-width: 650px;\r\n    margin: 14px auto 0;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n\r\n    color: #55564f;\r\n}\r\n\r\n\r\n\/* ---------- CARD GRID ---------- *\/\r\n\r\n.gc-ww-grid {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 26px;\r\n}\r\n\r\n\r\n\/* ---------- CARD ---------- *\/\r\n\r\n.gc-ww-card {\r\n    position: relative;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid rgba(63, 78, 46, 0.10);\r\n    border-radius: 10px;\r\n\r\n    overflow: visible;\r\n\r\n    box-shadow:\r\n        0 5px 20px rgba(50, 50, 35, 0.04);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.gc-ww-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(50, 50, 35, 0.09);\r\n}\r\n\r\n\r\n\/* ---------- IMAGE ---------- *\/\r\n\r\n.gc-ww-image {\r\n    width: 100%;\r\n    height: 205px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 10px 10px 0 0;\r\n}\r\n\r\n.gc-ww-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    display: block;\r\n\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.gc-ww-card:hover .gc-ww-image img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* ---------- ROUND ICON ---------- *\/\r\n\r\n.gc-ww-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n\r\n    position: absolute;\r\n\r\n    top: 176px;\r\n    left: 50%;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #4d6334;\r\n\r\n    border: 5px solid #f7f5ef;\r\n\r\n    color: #ffffff;\r\n\r\n    z-index: 3;\r\n}\r\n\r\n.gc-ww-icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    stroke: currentColor;\r\n    stroke-width: 1.7;\r\n\r\n    fill: none;\r\n}\r\n\r\n\r\n\/* ---------- CONTENT ---------- *\/\r\n\r\n.gc-ww-content {\r\n    min-height: 185px;\r\n\r\n    padding: 40px 22px 28px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    text-align: left;\r\n}\r\n\r\n.gc-ww-card-number {\r\n    margin-bottom: 5px;\r\n\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n\r\n    color: #52643b;\r\n}\r\n\r\n.gc-ww-card-title {\r\n    margin: 0 0 11px;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.3;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 0.3px;\r\n\r\n    color: #39462d;\r\n}\r\n\r\n.gc-ww-card-text {\r\n    margin: 0;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n\r\n    color: #55574f;\r\n}\r\n\r\n\r\n\/* ---------- ARROW BETWEEN CARDS ---------- *\/\r\n\r\n.gc-ww-card:not(:last-child)::after {\r\n    content: \"\u203a\";\r\n\r\n    position: absolute;\r\n    right: -22px;\r\n    top: 46%;\r\n\r\n    z-index: 5;\r\n\r\n    font-family: Georgia, serif;\r\n    font-size: 28px;\r\n\r\n    color: #73835b;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LANGUAGE\r\n   ========================================================= *\/\r\n\r\n.gc-ww-lang {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* THAI FONT *\/\r\n\r\n.gc-ww-lang-th {\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n.gc-ww-title.gc-ww-lang-th {\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .gc-whatwedo {\r\n        padding:\r\n            60px\r\n            5%\r\n            70px;\r\n    }\r\n\r\n    .gc-ww-grid {\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n\r\n        gap: 35px 25px;\r\n    }\r\n\r\n    .gc-ww-card:nth-child(2)::after {\r\n        display: none;\r\n    }\r\n\r\n    .gc-ww-image {\r\n        height: 220px;\r\n    }\r\n\r\n    .gc-ww-icon {\r\n        top: 191px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gc-whatwedo {\r\n        padding:\r\n            50px\r\n            22px\r\n            60px;\r\n    }\r\n\r\n    .gc-ww-header {\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n    .gc-ww-title {\r\n        font-size: 31px;\r\n    }\r\n\r\n    .gc-ww-description {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .gc-ww-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n    }\r\n\r\n    .gc-ww-card::after {\r\n        display: none !important;\r\n    }\r\n\r\n    .gc-ww-image {\r\n        height: 230px;\r\n    }\r\n\r\n    .gc-ww-icon {\r\n        top: 201px;\r\n    }\r\n\r\n    .gc-ww-content {\r\n        min-height: auto;\r\n\r\n        padding:\r\n            40px\r\n            22px\r\n            27px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"gc-whatwedo\">\r\n\r\n\r\n    <!-- ===========================\r\n         HEADER\r\n         =========================== -->\r\n\r\n    <div class=\"gc-ww-header\">\r\n\r\n        <div class=\"gc-ww-eyebrow\">\r\n\r\n            <span class=\"gc-ww-number\">\r\n                02\r\n            <\/span>\r\n\r\n            <span class=\"gc-ww-lang gc-ww-lang-en\">\r\n                WHAT WE DO\r\n            <\/span>\r\n\r\n            <span class=\"gc-ww-lang gc-ww-lang-th\">\r\n                \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e17\u0e33\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- EN TITLE -->\r\n\r\n        <h2 class=\"gc-ww-title gc-ww-lang gc-ww-lang-en\">\r\n\r\n            From Material to Finished Product\r\n\r\n        <\/h2>\r\n\r\n\r\n        <!-- TH TITLE -->\r\n\r\n        <h2 class=\"gc-ww-title gc-ww-lang gc-ww-lang-th\">\r\n\r\n            \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e08\u0e19\u0e16\u0e36\u0e07\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b\r\n\r\n        <\/h2>\r\n\r\n\r\n        <!-- EN DESCRIPTION -->\r\n\r\n        <p class=\"gc-ww-description gc-ww-lang gc-ww-lang-en\">\r\n\r\n            We provide OEM and textile development services\r\n            for customers looking for customized textile\r\n            and garment solutions.\r\n\r\n        <\/p>\r\n\r\n\r\n        <!-- TH DESCRIPTION -->\r\n\r\n        <p class=\"gc-ww-description gc-ww-lang gc-ww-lang-th\">\r\n\r\n            \u0e40\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19 OEM \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\r\n            \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\r\n            \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===========================\r\n         CARDS\r\n         =========================== -->\r\n\r\n    <div class=\"gc-ww-grid\">\r\n\r\n\r\n        <!-- ====================================\r\n             01 MATERIAL\r\n             ==================================== -->\r\n\r\n        <div class=\"gc-ww-card\">\r\n\r\n            <div class=\"gc-ww-image\">\r\n\r\n                <!-- \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 URL \u0e23\u0e39\u0e1b\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 -->\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-10-\u0e2a.\u0e04.-2569-16_01_54-1.png\"\r\n                    alt=\"Textile materials\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            \r\n\r\n\r\n            <div class=\"gc-ww-content\">\r\n\r\n                <div class=\"gc-ww-card-number\">\r\n                    01\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"gc-ww-card-title gc-ww-lang gc-ww-lang-en\">\r\n\r\n                    MATERIAL\r\n\r\n                <\/h3>\r\n\r\n\r\n                <h3 class=\"gc-ww-card-title gc-ww-lang gc-ww-lang-th\">\r\n\r\n                    \u0e27\u0e31\u0e2a\u0e14\u0e38\r\n\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"gc-ww-card-text gc-ww-lang gc-ww-lang-en\">\r\n\r\n                    Organic cotton, recycled fibers,\r\n                    natural fibers and specialty materials.\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"gc-ww-card-text gc-ww-lang gc-ww-lang-th\">\r\n\r\n                    \u0e1d\u0e49\u0e32\u0e22\u0e2d\u0e2d\u0e23\u0e4c\u0e41\u0e01\u0e19\u0e34\u0e01 \u0e40\u0e2a\u0e49\u0e19\u0e43\u0e22\u0e23\u0e35\u0e44\u0e0b\u0e40\u0e04\u0e34\u0e25\r\n                    \u0e40\u0e2a\u0e49\u0e19\u0e43\u0e22\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34 \u0e41\u0e25\u0e30\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e17\u0e32\u0e07\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ====================================\r\n             02 FABRIC\r\n             ==================================== -->\r\n\r\n        <div class=\"gc-ww-card\">\r\n\r\n            <div class=\"gc-ww-image\">\r\n\r\n                <!-- \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 URL \u0e23\u0e39\u0e1b\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 -->\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-10-\u0e2a.\u0e04.-2569-16_01_54-2.png\"\r\n                    alt=\"Fabric development\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n           \r\n\r\n\r\n            <div class=\"gc-ww-content\">\r\n\r\n                <div class=\"gc-ww-card-number\">\r\n                    02\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"gc-ww-card-title gc-ww-lang gc-ww-lang-en\">\r\n\r\n                    FABRIC\r\n\r\n                <\/h3>\r\n\r\n\r\n                <h3 class=\"gc-ww-card-title gc-ww-lang gc-ww-lang-th\">\r\n\r\n                    \u0e1c\u0e49\u0e32\r\n\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"gc-ww-card-text gc-ww-lang gc-ww-lang-en\">\r\n\r\n                    Knitted and woven fabrics with\r\n                    different structures, weights\r\n                    and finishes.\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"gc-ww-card-text gc-ww-lang gc-ww-lang-th\">\r\n\r\n                    \u0e1c\u0e49\u0e32\u0e16\u0e31\u0e01\u0e41\u0e25\u0e30\u0e1c\u0e49\u0e32\u0e17\u0e2d\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\r\n                    \u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01 \u0e41\u0e25\u0e30\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ====================================\r\n             03 DEVELOPMENT\r\n             ==================================== -->\r\n\r\n        <div class=\"gc-ww-card\">\r\n\r\n            <div class=\"gc-ww-image\">\r\n\r\n                <!-- \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 URL \u0e23\u0e39\u0e1b\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 -->\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-10-\u0e2a.\u0e04.-2569-16_12_01.png\"\r\n                    alt=\"Product development\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n           \r\n\r\n\r\n            <div class=\"gc-ww-content\">\r\n\r\n                <div class=\"gc-ww-card-number\">\r\n                    03\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"gc-ww-card-title gc-ww-lang gc-ww-lang-en\">\r\n\r\n                    DEVELOPMENT\r\n\r\n                <\/h3>\r\n\r\n\r\n                <h3 class=\"gc-ww-card-title gc-ww-lang gc-ww-lang-th\">\r\n\r\n                    \u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\r\n\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"gc-ww-card-text gc-ww-lang gc-ww-lang-en\">\r\n\r\n                    Product customization,\r\n                    sample development and\r\n                    functional textile solutions.\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"gc-ww-card-text gc-ww-lang gc-ww-lang-th\">\r\n\r\n                    \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\r\n                    \u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\r\n                    \u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ====================================\r\n             04 PRODUCTION\r\n             ==================================== -->\r\n\r\n        <div class=\"gc-ww-card\">\r\n\r\n            <div class=\"gc-ww-image\">\r\n\r\n                <!-- \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 URL \u0e23\u0e39\u0e1b\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 -->\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2026\/08\/aboutus-2.png\"\r\n                    alt=\"OEM textile production\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            \r\n\r\n\r\n            <div class=\"gc-ww-content\">\r\n\r\n                <div class=\"gc-ww-card-number\">\r\n                    04\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"gc-ww-card-title gc-ww-lang gc-ww-lang-en\">\r\n\r\n                    PRODUCTION\r\n\r\n                <\/h3>\r\n\r\n\r\n                <h3 class=\"gc-ww-card-title gc-ww-lang gc-ww-lang-th\">\r\n\r\n                    \u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\r\n\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"gc-ww-card-text gc-ww-lang gc-ww-lang-en\">\r\n\r\n                    From fabric development to\r\n                    finished garments and\r\n                    textile products.\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"gc-ww-card-text gc-ww-lang gc-ww-lang-th\">\r\n\r\n                    \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e49\u0e32\r\n                    \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e1c\u0e49\u0e32\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b\r\n                    \u0e41\u0e25\u0e30\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\/* =========================================================\r\n   LANGUAGE SWITCH\r\n   Works with TH \/ EN website language\r\n   ========================================================= *\/\r\n\r\n(function () {\r\n\r\n    function detectGCLanguage() {\r\n\r\n        var htmlLang =\r\n            (\r\n                document.documentElement.getAttribute(\"lang\")\r\n                || \"\"\r\n            ).toLowerCase();\r\n\r\n\r\n        if (htmlLang.indexOf(\"th\") === 0) {\r\n            return \"th\";\r\n        }\r\n\r\n        if (htmlLang.indexOf(\"en\") === 0) {\r\n            return \"en\";\r\n        }\r\n\r\n\r\n        var bodyClass =\r\n            document.body\r\n            ? document.body.className.toLowerCase()\r\n            : \"\";\r\n\r\n\r\n        if (\r\n            bodyClass.indexOf(\"lang-th\") !== -1 ||\r\n            bodyClass.indexOf(\"qtranxs-lang-th\") !== -1\r\n        ) {\r\n            return \"th\";\r\n        }\r\n\r\n\r\n        if (\r\n            bodyClass.indexOf(\"lang-en\") !== -1 ||\r\n            bodyClass.indexOf(\"qtranxs-lang-en\") !== -1\r\n        ) {\r\n            return \"en\";\r\n        }\r\n\r\n\r\n        var urlParams =\r\n            new URLSearchParams(\r\n                window.location.search\r\n            );\r\n\r\n\r\n        var lang =\r\n            (\r\n                urlParams.get(\"lang\")\r\n                || \"\"\r\n            ).toLowerCase();\r\n\r\n\r\n        if (lang === \"th\") {\r\n            return \"th\";\r\n        }\r\n\r\n        if (lang === \"en\") {\r\n            return \"en\";\r\n        }\r\n\r\n\r\n        var path =\r\n            window.location.pathname.toLowerCase();\r\n\r\n\r\n        if (\r\n            path === \"\/th\" ||\r\n            path.indexOf(\"\/th\/\") !== -1\r\n        ) {\r\n            return \"th\";\r\n        }\r\n\r\n\r\n        return \"en\";\r\n    }\r\n\r\n\r\n\r\n    function showGCWhatWeDoLanguage() {\r\n\r\n        var lang =\r\n            detectGCLanguage();\r\n\r\n\r\n        document\r\n            .querySelectorAll(\".gc-ww-lang\")\r\n            .forEach(function(element) {\r\n\r\n                element.style.display = \"none\";\r\n\r\n            });\r\n\r\n\r\n        document\r\n            .querySelectorAll(\r\n                \".gc-ww-lang-\" + lang\r\n            )\r\n            .forEach(function(element) {\r\n\r\n                element.style.display = \"block\";\r\n\r\n            });\r\n\r\n    }\r\n\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            showGCWhatWeDoLanguage\r\n        );\r\n\r\n    } else {\r\n\r\n        showGCWhatWeDoLanguage();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03dd85c e-flex e-con-boxed e-con e-parent\" data-id=\"03dd85c\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ace06ab elementor-widget elementor-widget-html\" data-id=\"ace06ab\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   GREEN CARE \u2014 SECTION 03\r\n   PRODUCTION NETWORK + VIDEO\r\n   Compact Version\r\n   ========================================================= *\/\r\n\r\n.gc-network-section,\r\n.gc-network-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gc-network-section {\r\n    width: 100%;\r\n    padding: 52px 5% 60px;\r\n    background: #f7f5ef;\r\n    color: #33372f;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\/* ---------- COMMON WIDTH ---------- *\/\r\n\r\n.gc-network-wrap,\r\n.gc-network-message,\r\n.gc-network-video-area {\r\n    width: 100%;\r\n    max-width: 1140px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n\/* =========================================================\r\n   TOP LAYOUT\r\n   ========================================================= *\/\r\n\r\n.gc-network-wrap {\r\n    display: grid;\r\n    grid-template-columns: 30% 1fr;\r\n    gap: 34px;\r\n    align-items: start;\r\n}\r\n\r\n\/* ---------- LEFT ---------- *\/\r\n\r\n.gc-network-intro {\r\n    padding-top: 3px;\r\n}\r\n\r\n.gc-network-number {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #52643c;\r\n}\r\n\r\n.gc-network-eyebrow {\r\n    margin-bottom: 14px;\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n    font-weight: 600;\r\n    letter-spacing: 1.2px;\r\n    color: #5a6b41;\r\n}\r\n\r\n.gc-network-title {\r\n    max-width: 320px;\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(29px, 2.5vw, 38px);\r\n    line-height: 1.15;\r\n    font-weight: 400;\r\n\r\n    color: #273323;\r\n}\r\n\r\n.gc-network-line {\r\n    width: 45px;\r\n    height: 1.5px;\r\n    margin: 18px 0 20px;\r\n    background: #718157;\r\n}\r\n\r\n.gc-network-text {\r\n    margin: 0 0 13px;\r\n    font-size: 13.5px;\r\n    line-height: 1.7;\r\n    color: #575950;\r\n}\r\n\r\n\/* =========================================================\r\n   CARDS\r\n   ========================================================= *\/\r\n\r\n.gc-network-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n}\r\n\r\n.gc-network-card {\r\n    overflow: hidden;\r\n    border: 1px solid rgba(65,78,52,.09);\r\n    border-radius: 9px;\r\n    background: #fff;\r\n    box-shadow: 0 5px 16px rgba(50,55,40,.045);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.gc-network-card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 25px rgba(50,55,40,.09);\r\n}\r\n\r\n.gc-network-image {\r\n    width: 100%;\r\n    height: 165px;\r\n    overflow: hidden;\r\n    background: #ebe8df;\r\n}\r\n\r\n.gc-network-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    transition: transform .45s ease;\r\n}\r\n\r\n.gc-network-card:hover .gc-network-image img {\r\n    transform: scale(1.025);\r\n}\r\n\r\n.gc-network-card-content {\r\n    min-height: 150px;\r\n    padding: 18px 19px 21px;\r\n    background: #fff;\r\n}\r\n\r\n.gc-network-card-number {\r\n    margin-bottom: 5px;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 12px;\r\n    color: #75845e;\r\n}\r\n\r\n.gc-network-card-title {\r\n    margin: 0 0 7px;\r\n    font-size: 15px;\r\n    line-height: 1.35;\r\n    font-weight: 600;\r\n    color: #36482d;\r\n}\r\n\r\n.gc-network-card-text {\r\n    margin: 0;\r\n    font-size: 12.8px;\r\n    line-height: 1.6;\r\n    color: #606159;\r\n}\r\n\r\n\/* =========================================================\r\n   ONE NETWORK MESSAGE\r\n   ========================================================= *\/\r\n\r\n.gc-network-message {\r\n    margin-top: 27px;\r\n    padding: 20px 25px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 25px;\r\n\r\n    border: 1px solid rgba(72,88,54,.06);\r\n    border-radius: 9px;\r\n    background: #eceae2;\r\n}\r\n\r\n.gc-network-message-title {\r\n    flex: 0 0 29%;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 20px;\r\n    line-height: 1.25;\r\n\r\n    color: #33442b;\r\n}\r\n\r\n.gc-network-message-text {\r\n    flex: 1;\r\n    margin: 0;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.65;\r\n\r\n    color: #5d6056;\r\n}\r\n\r\n\/* =========================================================\r\n   NETWORK IN ACTION\r\n   ========================================================= *\/\r\n\r\n.gc-network-video-area {\r\n    margin-top: 48px;\r\n}\r\n\r\n.gc-network-video-header {\r\n    max-width: 680px;\r\n    margin: 0 auto 25px;\r\n    text-align: center;\r\n}\r\n\r\n.gc-network-video-eyebrow {\r\n    margin-bottom: 8px;\r\n\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.6px;\r\n\r\n    color: #62744e;\r\n}\r\n\r\n.gc-network-video-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(27px, 2.7vw, 36px);\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n\r\n    color: #293828;\r\n}\r\n\r\n.gc-network-video-line {\r\n    width: 42px;\r\n    height: 1.5px;\r\n\r\n    margin: 16px auto;\r\n\r\n    background: #788860;\r\n}\r\n\r\n.gc-network-video-description {\r\n    max-width: 620px;\r\n    margin: 0 auto;\r\n\r\n    font-size: 13.5px;\r\n    line-height: 1.7;\r\n\r\n    color: #5a5d54;\r\n}\r\n\r\n\/* ---------- MAIN VIDEO ---------- *\/\r\n\r\n.gc-network-video-player {\r\n    max-width: 920px;\r\n    margin: 0 auto;\r\n\r\n    overflow: hidden;\r\n    border-radius: 10px;\r\n\r\n    background: #20271e;\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(47,56,40,.12);\r\n}\r\n\r\n.gc-network-video-player video {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n\r\n    display: block;\r\n    object-fit: contain;\r\n\r\n    background: #20271e;\r\n}\r\n\r\n\/* =========================================================\r\n   VIDEO BUTTONS\r\n   ========================================================= *\/\r\n\r\n.gc-network-video-selector {\r\n    max-width: 920px;\r\n    margin: 16px auto 0;\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 9px;\r\n}\r\n\r\n.gc-video-item {\r\n    flex: 0 1 135px;\r\n    min-height: 72px;\r\n\r\n    padding: 10px 8px;\r\n\r\n    border: 1px solid rgba(70,88,54,.15);\r\n    border-radius: 7px;\r\n\r\n    background: #ece9df;\r\n    color: #435536;\r\n\r\n    cursor: pointer;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 5px;\r\n\r\n    transition:\r\n        transform .2s ease,\r\n        background .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n.gc-video-item:hover {\r\n    transform: translateY(-2px);\r\n    background: #e3e5da;\r\n\r\n    box-shadow:\r\n        0 6px 15px\r\n        rgba(48,57,40,.07);\r\n}\r\n\r\n.gc-video-item.active {\r\n    background: #4d6337;\r\n    border-color: #4d6337;\r\n    color: #fff;\r\n\r\n    box-shadow:\r\n        0 6px 18px\r\n        rgba(64,83,48,.15);\r\n}\r\n\r\n.gc-video-play {\r\n    width: 28px;\r\n    height: 28px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #fff;\r\n    color: #4d6337;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n.gc-video-number {\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 14px;\r\n    line-height: 1;\r\n}\r\n\r\n.gc-video-label {\r\n    font-size: 8px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    opacity: .7;\r\n}\r\n\r\n\/* ---------- HIDDEN FUTURE VIDEOS ---------- *\/\r\n\r\n.gc-video-future {\r\n    display: none !important;\r\n}\r\n\r\n\/* ---------- VIDEO NOTE ---------- *\/\r\n\r\n.gc-network-video-note {\r\n    max-width: 920px;\r\n    margin: 20px auto 0;\r\n    padding-top: 16px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(83,98,68,.12);\r\n\r\n    text-align: center;\r\n\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n\r\n    color: #76796f;\r\n}\r\n\r\n\/* =========================================================\r\n   LANGUAGE\r\n   ========================================================= *\/\r\n\r\n.gc-network-lang {\r\n    display: none;\r\n}\r\n\r\n.gc-network-lang-th {\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n.gc-network-title.gc-network-lang-th,\r\n.gc-network-video-title.gc-network-lang-th {\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-weight: 500;\r\n    line-height: 1.35;\r\n}\r\n\r\n.gc-network-message-title.gc-network-lang-th {\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .gc-network-section {\r\n        padding: 48px 5% 55px;\r\n    }\r\n\r\n    .gc-network-wrap {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n    }\r\n\r\n    .gc-network-intro {\r\n        max-width: 680px;\r\n    }\r\n\r\n    .gc-network-title {\r\n        max-width: 520px;\r\n        font-size: 34px;\r\n    }\r\n\r\n    .gc-network-image {\r\n        height: 185px;\r\n    }\r\n\r\n    .gc-network-video-area {\r\n        margin-top: 42px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gc-network-section {\r\n        padding: 40px 20px 48px;\r\n    }\r\n\r\n    .gc-network-title,\r\n    .gc-network-title.gc-network-lang-th {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .gc-network-text {\r\n        font-size: 13.5px;\r\n    }\r\n\r\n    .gc-network-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n    }\r\n\r\n    .gc-network-image {\r\n        height: 195px;\r\n    }\r\n\r\n    .gc-network-card-content {\r\n        min-height: auto;\r\n        padding: 17px 18px 20px;\r\n    }\r\n\r\n    .gc-network-message {\r\n        margin-top: 22px;\r\n        padding: 19px 20px;\r\n\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n    .gc-network-message-title {\r\n        flex: none;\r\n        font-size: 19px;\r\n    }\r\n\r\n    .gc-network-video-area {\r\n        margin-top: 38px;\r\n    }\r\n\r\n    .gc-network-video-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .gc-network-video-description {\r\n        font-size: 13.5px;\r\n    }\r\n\r\n    .gc-network-video-player {\r\n        border-radius: 7px;\r\n    }\r\n\r\n    .gc-video-item {\r\n        flex: 1 1 28%;\r\n        min-width: 85px;\r\n        min-height: 68px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     SECTION 03\r\n     ========================================================= -->\r\n\r\n<section class=\"gc-network-section\">\r\n\r\n    <!-- =====================================================\r\n         INTRO + 4 CARDS\r\n         ===================================================== -->\r\n\r\n    <div class=\"gc-network-wrap\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"gc-network-intro\">\r\n\r\n            <span class=\"gc-network-number\">03<\/span>\r\n\r\n            <div class=\"gc-network-eyebrow\">\r\n                <span class=\"gc-network-lang gc-network-lang-en\">\r\n                    OUR PRODUCTION NETWORK\r\n                <\/span>\r\n\r\n                <span class=\"gc-network-lang gc-network-lang-th\">\r\n                    \u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"gc-network-title gc-network-lang gc-network-lang-en\">\r\n                Built on Long-Term Collaboration\r\n            <\/h2>\r\n\r\n            <h2 class=\"gc-network-title gc-network-lang gc-network-lang-th\">\r\n                \u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19<br>\r\n                \u0e1c\u0e48\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27\r\n            <\/h2>\r\n\r\n            <div class=\"gc-network-line\"><\/div>\r\n\r\n            <div class=\"gc-network-lang gc-network-lang-en\">\r\n\r\n                <p class=\"gc-network-text\">\r\n                    Over the years, Green Care has built\r\n                    long-standing relationships with experienced\r\n                    textile and garment manufacturers across\r\n                    different areas of expertise.\r\n                <\/p>\r\n\r\n                <p class=\"gc-network-text\">\r\n                    These trusted relationships give us access\r\n                    to a broad range of textile knowledge,\r\n                    production capabilities and product possibilities.\r\n                <\/p>\r\n\r\n                <p class=\"gc-network-text\">\r\n                    By bringing together the right expertise\r\n                    for each project, we can provide flexible\r\n                    textile solutions tailored to different\r\n                    customer requirements.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"gc-network-lang gc-network-lang-th\">\r\n\r\n                <p class=\"gc-network-text\">\r\n                    \u0e15\u0e25\u0e2d\u0e14\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32 Green Care\r\n                    \u0e44\u0e14\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27\u0e01\u0e31\u0e1a\r\n                    \u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e15\u0e31\u0e14\u0e40\u0e22\u0e47\u0e1a\r\n                    \u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e43\u0e19\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e14\u0e49\u0e32\u0e19\r\n                <\/p>\r\n\r\n                <p class=\"gc-network-text\">\r\n                    \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e31\u0e48\u0e07\u0e2a\u0e21\u0e21\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\r\n                    \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\r\n                    \u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\r\n                    \u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\r\n                <\/p>\r\n\r\n                <p class=\"gc-network-text\">\r\n                    \u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1c\u0e2a\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\r\n                    \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\r\n                    \u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\u0e17\u0e35\u0e48\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\r\n                    \u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e41\u0e15\u0e48\u0e25\u0e30\u0e23\u0e32\u0e22\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT CARDS -->\r\n        <div class=\"gc-network-grid\">\r\n\r\n            <!-- CARD 01 -->\r\n            <article class=\"gc-network-card\">\r\n\r\n                <div class=\"gc-network-image\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2026\/08\/01_long_term_collaboration.png\"\r\n                        alt=\"Long-term textile collaboration\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"gc-network-card-content\">\r\n\r\n                    <div class=\"gc-network-card-number\">01<\/div>\r\n\r\n                    <h3 class=\"gc-network-card-title gc-network-lang gc-network-lang-en\">\r\n                        Long-Term Collaboration\r\n                    <\/h3>\r\n\r\n                    <h3 class=\"gc-network-card-title gc-network-lang gc-network-lang-th\">\r\n                        \u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27\r\n                    <\/h3>\r\n\r\n                    <p class=\"gc-network-card-text gc-network-lang gc-network-lang-en\">\r\n                        Long-standing relationships with trusted\r\n                        manufacturers create a strong foundation\r\n                        for smooth collaboration and reliable\r\n                        project development.\r\n                    <\/p>\r\n\r\n                    <p class=\"gc-network-card-text gc-network-lang gc-network-lang-th\">\r\n                        \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\r\n                        \u0e21\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e32\u0e27\u0e19\u0e32\u0e19 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e07\u0e32\u0e19\r\n                        \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e15\u0e48\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n                        \u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n\r\n            <!-- CARD 02 -->\r\n            <article class=\"gc-network-card\">\r\n\r\n                <div class=\"gc-network-image\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2026\/08\/02_broad_textile_expertise.png\"\r\n                        alt=\"Broad textile expertise\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"gc-network-card-content\">\r\n\r\n                    <div class=\"gc-network-card-number\">02<\/div>\r\n\r\n                    <h3 class=\"gc-network-card-title gc-network-lang gc-network-lang-en\">\r\n                        Broad Textile Expertise\r\n                    <\/h3>\r\n\r\n                    <h3 class=\"gc-network-card-title gc-network-lang gc-network-lang-th\">\r\n                        \u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\r\n                    <\/h3>\r\n\r\n                    <p class=\"gc-network-card-text gc-network-lang gc-network-lang-en\">\r\n                        Our network brings together specialized\r\n                        knowledge across materials, fabrics,\r\n                        finishing, garment production and\r\n                        textile product development.\r\n                    <\/p>\r\n\r\n                    <p class=\"gc-network-card-text gc-network-lang gc-network-lang-th\">\r\n                        \u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e23\u0e27\u0e21\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\r\n                        \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e27\u0e31\u0e2a\u0e14\u0e38 \u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e49\u0e32\r\n                        \u0e01\u0e32\u0e23\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 \u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e40\u0e22\u0e47\u0e1a\r\n                        \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n\r\n            <!-- CARD 03 -->\r\n            <article class=\"gc-network-card\">\r\n\r\n                <div class=\"gc-network-image\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2026\/08\/03_flexible_product_possibilities.png\"\r\n                        alt=\"Flexible textile product possibilities\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"gc-network-card-content\">\r\n\r\n                    <div class=\"gc-network-card-number\">03<\/div>\r\n\r\n                    <h3 class=\"gc-network-card-title gc-network-lang gc-network-lang-en\">\r\n                        Flexible Product Possibilities\r\n                    <\/h3>\r\n\r\n                    <h3 class=\"gc-network-card-title gc-network-lang gc-network-lang-th\">\r\n                        \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\r\n                    <\/h3>\r\n\r\n                    <p class=\"gc-network-card-text gc-network-lang gc-network-lang-en\">\r\n                        Access to different production\r\n                        capabilities allows us to explore\r\n                        a wider variety of fabrics, garments\r\n                        and textile products.\r\n                    <\/p>\r\n\r\n                    <p class=\"gc-network-card-text gc-network-lang gc-network-lang-th\">\r\n                        \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e2d\u0e07\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\r\n                        \u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\r\n                        \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e49\u0e32 \u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e1c\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\r\n                        \u0e44\u0e14\u0e49\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n\r\n            <!-- CARD 04 -->\r\n            <article class=\"gc-network-card\">\r\n\r\n                <div class=\"gc-network-image\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2026\/08\/04_reliable_production_support.png\"\r\n                        alt=\"Reliable textile production support\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"gc-network-card-content\">\r\n\r\n                    <div class=\"gc-network-card-number\">04<\/div>\r\n\r\n                    <h3 class=\"gc-network-card-title gc-network-lang gc-network-lang-en\">\r\n                        Reliable Production Support\r\n                    <\/h3>\r\n\r\n                    <h3 class=\"gc-network-card-title gc-network-lang gc-network-lang-th\">\r\n                        \u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\r\n                    <\/h3>\r\n\r\n                    <p class=\"gc-network-card-text gc-network-lang gc-network-lang-en\">\r\n                        Experienced production partners and\r\n                        established working relationships\r\n                        help us support projects with\r\n                        consistency, flexibility and care.\r\n                    <\/p>\r\n\r\n                    <p class=\"gc-network-card-text gc-network-lang gc-network-lang-th\">\r\n                        \u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15\r\n                        \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\r\n                        \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n                        \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19\u0e41\u0e25\u0e30\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         ONE NETWORK\r\n         ===================================================== -->\r\n\r\n    <div class=\"gc-network-message\">\r\n\r\n        <div class=\"gc-network-message-title gc-network-lang gc-network-lang-en\">\r\n            One Network.<br>\r\n            More Possibilities.\r\n        <\/div>\r\n\r\n        <div class=\"gc-network-message-title gc-network-lang gc-network-lang-th\">\r\n            \u0e2b\u0e19\u0e36\u0e48\u0e07\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22<br>\r\n            \u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e44\u0e14\u0e49\r\n        <\/div>\r\n\r\n        <p class=\"gc-network-message-text gc-network-lang gc-network-lang-en\">\r\n            Rather than being limited to a single production\r\n            capability, Green Care brings together the right\r\n            knowledge, experience and manufacturing expertise\r\n            to develop solutions around each customer's needs.\r\n        <\/p>\r\n\r\n        <p class=\"gc-network-message-text gc-network-lang gc-network-lang-th\">\r\n            \u0e41\u0e17\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e08\u0e33\u0e01\u0e31\u0e14\u0e2d\u0e22\u0e39\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\r\n            \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e43\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e36\u0e48\u0e07 Green Care \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1c\u0e2a\u0e32\u0e19\r\n            \u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\r\n            \u0e08\u0e32\u0e01\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\r\n            \u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e41\u0e15\u0e48\u0e25\u0e30\u0e23\u0e32\u0e22\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         OUR NETWORK IN ACTION\r\n         ===================================================== -->\r\n\r\n    <div class=\"gc-network-video-area\">\r\n\r\n        <div class=\"gc-network-video-header\">\r\n\r\n            <div class=\"gc-network-video-eyebrow\">\r\n\r\n                <span class=\"gc-network-lang gc-network-lang-en\">\r\n                    OUR NETWORK IN ACTION\r\n                <\/span>\r\n\r\n                <span class=\"gc-network-lang gc-network-lang-th\">\r\n                    \u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <h2 class=\"gc-network-video-title gc-network-lang gc-network-lang-en\">\r\n                A Closer Look at Our Production Network\r\n            <\/h2>\r\n\r\n            <h2 class=\"gc-network-video-title gc-network-lang gc-network-lang-th\">\r\n                \u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n            <\/h2>\r\n\r\n            <div class=\"gc-network-video-line\"><\/div>\r\n\r\n            <p class=\"gc-network-video-description gc-network-lang gc-network-lang-en\">\r\n                Take a closer look at selected production\r\n                processes and manufacturing capabilities\r\n                within our trusted textile network.\r\n            <\/p>\r\n\r\n            <p class=\"gc-network-video-description gc-network-lang gc-network-lang-th\">\r\n                \u0e0a\u0e21\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\r\n                \u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e08\u0e32\u0e01\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15\u0e17\u0e35\u0e48 Green Care\r\n                \u0e44\u0e27\u0e49\u0e27\u0e32\u0e07\u0e43\u0e08\u0e41\u0e25\u0e30\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e21\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MAIN VIDEO -->\r\n        <div class=\"gc-network-video-player\">\r\n\r\n            <video\r\n                id=\"gcNetworkMainVideo\"\r\n                controls\r\n                playsinline\r\n                preload=\"metadata\"\r\n                src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2024\/06\/VID1.mp4\"\r\n            >\r\n                Your browser does not support HTML5 video.\r\n            <\/video>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- VIDEO BUTTONS -->\r\n        <div class=\"gc-network-video-selector\">\r\n\r\n            <button\r\n                class=\"gc-video-item active\"\r\n                type=\"button\"\r\n                data-video=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2024\/06\/VID1.mp4\"\r\n            >\r\n                <span class=\"gc-video-play\">\u25b6<\/span>\r\n                <span class=\"gc-video-number\">01<\/span>\r\n                <span class=\"gc-video-label\">VIDEO<\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"gc-video-item\"\r\n                type=\"button\"\r\n                data-video=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2024\/06\/VID2.mp4\"\r\n            >\r\n                <span class=\"gc-video-play\">\u25b6<\/span>\r\n                <span class=\"gc-video-number\">02<\/span>\r\n                <span class=\"gc-video-label\">VIDEO<\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"gc-video-item\"\r\n                type=\"button\"\r\n                data-video=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2024\/06\/IMG_3558.mp4\"\r\n            >\r\n                <span class=\"gc-video-play\">\u25b6<\/span>\r\n                <span class=\"gc-video-number\">03<\/span>\r\n                <span class=\"gc-video-label\">VIDEO<\/span>\r\n            <\/button>\r\n\r\n\r\n            <!-- \u0e40\u0e01\u0e47\u0e1a\u0e44\u0e27\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e19\u0e32\u0e04\u0e15 -->\r\n\r\n            <button\r\n                class=\"gc-video-item gc-video-future\"\r\n                type=\"button\"\r\n                data-video=\"YOUR-VIDEO-04-URL\"\r\n            >\r\n                <span class=\"gc-video-play\">\u25b6<\/span>\r\n                <span class=\"gc-video-number\">04<\/span>\r\n                <span class=\"gc-video-label\">VIDEO<\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"gc-video-item gc-video-future\"\r\n                type=\"button\"\r\n                data-video=\"YOUR-VIDEO-05-URL\"\r\n            >\r\n                <span class=\"gc-video-play\">\u25b6<\/span>\r\n                <span class=\"gc-video-number\">05<\/span>\r\n                <span class=\"gc-video-label\">VIDEO<\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"gc-video-item gc-video-future\"\r\n                type=\"button\"\r\n                data-video=\"YOUR-VIDEO-06-URL\"\r\n            >\r\n                <span class=\"gc-video-play\">\u25b6<\/span>\r\n                <span class=\"gc-video-number\">06<\/span>\r\n                <span class=\"gc-video-label\">VIDEO<\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gc-network-video-note\">\r\n\r\n            <span class=\"gc-network-lang gc-network-lang-en\">\r\n                Selected moments from our trusted production network.\r\n            <\/span>\r\n\r\n            <span class=\"gc-network-lang gc-network-lang-th\">\r\n                \u0e20\u0e32\u0e1e\u0e1a\u0e32\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e08\u0e32\u0e01\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e44\u0e27\u0e49\u0e27\u0e32\u0e07\u0e43\u0e08\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \/* =====================================================\r\n       LANGUAGE\r\n       ===================================================== *\/\r\n\r\n    function detectLanguage() {\r\n\r\n        var htmlLang =\r\n            (document.documentElement.getAttribute(\"lang\") || \"\")\r\n            .toLowerCase();\r\n\r\n        if (htmlLang.indexOf(\"th\") === 0) return \"th\";\r\n        if (htmlLang.indexOf(\"en\") === 0) return \"en\";\r\n\r\n\r\n        var bodyClass =\r\n            document.body\r\n            ? document.body.className.toLowerCase()\r\n            : \"\";\r\n\r\n        if (\r\n            bodyClass.indexOf(\"lang-th\") !== -1 ||\r\n            bodyClass.indexOf(\"qtranxs-lang-th\") !== -1\r\n        ) return \"th\";\r\n\r\n        if (\r\n            bodyClass.indexOf(\"lang-en\") !== -1 ||\r\n            bodyClass.indexOf(\"qtranxs-lang-en\") !== -1\r\n        ) return \"en\";\r\n\r\n\r\n        var params =\r\n            new URLSearchParams(window.location.search);\r\n\r\n        var urlLang =\r\n            (params.get(\"lang\") || \"\").toLowerCase();\r\n\r\n        if (urlLang === \"th\") return \"th\";\r\n        if (urlLang === \"en\") return \"en\";\r\n\r\n\r\n        var path =\r\n            window.location.pathname.toLowerCase();\r\n\r\n        if (\r\n            path === \"\/th\" ||\r\n            path.indexOf(\"\/th\/\") !== -1\r\n        ) return \"th\";\r\n\r\n\r\n        return \"en\";\r\n    }\r\n\r\n\r\n    function showLanguage() {\r\n\r\n        var lang = detectLanguage();\r\n\r\n        document\r\n        .querySelectorAll(\".gc-network-lang\")\r\n        .forEach(function (el) {\r\n            el.style.display = \"none\";\r\n        });\r\n\r\n\r\n        document\r\n        .querySelectorAll(\".gc-network-lang-\" + lang)\r\n        .forEach(function (el) {\r\n            el.style.display = \"block\";\r\n        });\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       VIDEO SELECTOR\r\n       ===================================================== *\/\r\n\r\n    function initVideoSelector() {\r\n\r\n        var video =\r\n            document.getElementById(\"gcNetworkMainVideo\");\r\n\r\n        if (!video) return;\r\n\r\n\r\n        var buttons =\r\n            document.querySelectorAll(\r\n                \".gc-network-video-selector .gc-video-item:not(.gc-video-future)\"\r\n            );\r\n\r\n\r\n        buttons.forEach(function (button) {\r\n\r\n            button.addEventListener(\"click\", function () {\r\n\r\n                var url =\r\n                    button.getAttribute(\"data-video\");\r\n\r\n                if (!url) return;\r\n\r\n\r\n                video.pause();\r\n                video.src = url;\r\n                video.load();\r\n\r\n\r\n                buttons.forEach(function (item) {\r\n                    item.classList.remove(\"active\");\r\n                });\r\n\r\n\r\n                button.classList.add(\"active\");\r\n\r\n            });\r\n\r\n        });\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       START\r\n       ===================================================== *\/\r\n\r\n    function start() {\r\n        showLanguage();\r\n        initVideoSelector();\r\n    }\r\n\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            start\r\n        );\r\n    } else {\r\n        start();\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-075411d e-flex e-con-boxed e-con e-parent\" data-id=\"075411d\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e20820 elementor-widget elementor-widget-html\" data-id=\"4e20820\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   GREEN CARE\r\n   EVENTS & EXHIBITIONS ARCHIVE\r\n   ========================================================= *\/\r\n\r\n.gc-history-section {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 80px 6%;\r\n    background: #f6f3ec;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #33372f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN LAYOUT\r\n   ========================================================= *\/\r\n\r\n.gc-history-wrap {\r\n    max-width: 1250px;\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: 36% 64%;\r\n    gap: 55px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n   ========================================================= *\/\r\n\r\n.gc-history-number {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n\r\n    color: #586a42;\r\n}\r\n\r\n\r\n.gc-history-eyebrow {\r\n    margin-bottom: 16px;\r\n\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.5px;\r\n\r\n    color: #60704c;\r\n}\r\n\r\n\r\n.gc-history-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(36px, 3.6vw, 52px);\r\n    line-height: 1.12;\r\n    font-weight: 400;\r\n\r\n    color: #293728;\r\n}\r\n\r\n\r\n.gc-history-line {\r\n    width: 52px;\r\n    height: 2px;\r\n\r\n    margin: 25px 0;\r\n\r\n    background: #74835d;\r\n}\r\n\r\n\r\n.gc-history-text {\r\n    margin: 0 0 17px;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n\r\n    color: #5c5d56;\r\n}\r\n\r\n\r\n\/* little archive note *\/\r\n\r\n.gc-history-note {\r\n    margin-top: 30px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n\r\n    color: #74766c;\r\n}\r\n\r\n\r\n.gc-history-note-line {\r\n    width: 34px;\r\n    height: 1px;\r\n\r\n    background: #82906d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n   ========================================================= *\/\r\n\r\n.gc-history-slider {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: #eae6dc;\r\n\r\n    box-shadow:\r\n        0 12px 35px\r\n        rgba(51, 58, 42, 0.09);\r\n}\r\n\r\n\r\n\/* slides wrapper *\/\r\n\r\n.gc-history-track {\r\n    display: flex;\r\n\r\n    transition:\r\n        transform 0.65s\r\n        cubic-bezier(.65,.05,.36,1);\r\n}\r\n\r\n\r\n\/* each slide *\/\r\n\r\n.gc-history-slide {\r\n    position: relative;\r\n\r\n    flex: 0 0 100%;\r\n\r\n    min-width: 100%;\r\n\r\n    height: 500px;\r\n\r\n    background: #e8e3d9;\r\n}\r\n\r\n\r\n\/* image *\/\r\n\r\n.gc-history-slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    \/*\r\n       \u0e43\u0e0a\u0e49 contain \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e40\u0e01\u0e48\u0e32\r\n       \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49 crop \u0e04\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e33\u0e04\u0e31\u0e0d\r\n    *\/\r\n    object-fit: contain;\r\n\r\n    background: #e6e1d7;\r\n}\r\n\r\n\r\n\/* subtle vintage overlay *\/\r\n\r\n.gc-history-slide::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(67, 73, 54, 0.00) 45%,\r\n            rgba(29, 38, 25, 0.45) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAPTION\r\n   ========================================================= *\/\r\n\r\n.gc-history-caption {\r\n    position: absolute;\r\n\r\n    left: 28px;\r\n    bottom: 27px;\r\n\r\n    z-index: 3;\r\n\r\n    max-width: 75%;\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n.gc-history-caption-small {\r\n    margin-bottom: 6px;\r\n\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: 0.82;\r\n}\r\n\r\n\r\n.gc-history-caption-title {\r\n    margin: 0;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 24px;\r\n    line-height: 1.25;\r\n\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n   ========================================================= *\/\r\n\r\n.gc-history-arrow {\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n\r\n    z-index: 5;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    border: none;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(247,245,238,0.90);\r\n\r\n    color: #3d5032;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 27px;\r\n\r\n    cursor: pointer;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    box-shadow:\r\n        0 5px 15px\r\n        rgba(0,0,0,0.08);\r\n\r\n    transition:\r\n        background 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n.gc-history-arrow:hover {\r\n    background: #ffffff;\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        scale(1.06);\r\n}\r\n\r\n\r\n.gc-history-prev {\r\n    left: 17px;\r\n}\r\n\r\n\r\n.gc-history-next {\r\n    right: 17px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM CONTROL\r\n   ========================================================= *\/\r\n\r\n.gc-history-controls {\r\n    position: absolute;\r\n\r\n    right: 25px;\r\n    bottom: 25px;\r\n\r\n    z-index: 6;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n}\r\n\r\n\r\n.gc-history-dots {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n}\r\n\r\n\r\n.gc-history-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    padding: 0;\r\n\r\n    border: none;\r\n\r\n    border-radius: 50%;\r\n\r\n    cursor: pointer;\r\n\r\n    background:\r\n        rgba(255,255,255,0.55);\r\n\r\n    transition:\r\n        width 0.25s ease,\r\n        background 0.25s ease;\r\n}\r\n\r\n\r\n.gc-history-dot.active {\r\n    width: 25px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: #ffffff;\r\n}\r\n\r\n\r\n\/* slide counter *\/\r\n\r\n.gc-history-counter {\r\n    min-width: 42px;\r\n\r\n    font-size: 11px;\r\n\r\n    color:\r\n        rgba(255,255,255,0.85);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LANGUAGE\r\n   ========================================================= *\/\r\n\r\n.gc-history-lang {\r\n    display: none;\r\n}\r\n\r\n\r\n.gc-history-lang-th {\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\n.gc-history-title.gc-history-lang-th {\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .gc-history-section {\r\n        padding:\r\n            65px\r\n            5%;\r\n    }\r\n\r\n\r\n    .gc-history-wrap {\r\n        grid-template-columns:\r\n            40% 60%;\r\n\r\n        gap: 35px;\r\n    }\r\n\r\n\r\n    .gc-history-slide {\r\n        height: 430px;\r\n    }\r\n\r\n\r\n    .gc-history-title {\r\n        font-size: 39px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gc-history-section {\r\n        padding:\r\n            55px\r\n            22px\r\n            60px;\r\n    }\r\n\r\n\r\n    .gc-history-wrap {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 35px;\r\n    }\r\n\r\n\r\n    .gc-history-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n\r\n    .gc-history-text {\r\n        font-size: 14.5px;\r\n    }\r\n\r\n\r\n    .gc-history-slide {\r\n        height: 370px;\r\n    }\r\n\r\n\r\n    .gc-history-caption {\r\n        left: 20px;\r\n        bottom: 22px;\r\n\r\n        max-width: 68%;\r\n    }\r\n\r\n\r\n    .gc-history-caption-title {\r\n        font-size: 19px;\r\n    }\r\n\r\n\r\n    .gc-history-arrow {\r\n        width: 39px;\r\n        height: 39px;\r\n\r\n        font-size: 23px;\r\n    }\r\n\r\n\r\n    .gc-history-prev {\r\n        left: 10px;\r\n    }\r\n\r\n\r\n    .gc-history-next {\r\n        right: 10px;\r\n    }\r\n\r\n\r\n    .gc-history-controls {\r\n        right: 18px;\r\n        bottom: 20px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     SECTION\r\n     ========================================================= -->\r\n\r\n<section class=\"gc-history-section\">\r\n\r\n    <div class=\"gc-history-wrap\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"gc-history-content\">\r\n\r\n\r\n            <span class=\"gc-history-number\">\r\n                04\r\n            <\/span>\r\n\r\n\r\n            <div class=\"gc-history-eyebrow\">\r\n\r\n\r\n                <span class=\"\r\n                    gc-history-lang\r\n                    gc-history-lang-en\r\n                \">\r\n                    THROUGH THE YEARS\r\n                <\/span>\r\n\r\n\r\n                <span class=\"\r\n                    gc-history-lang\r\n                    gc-history-lang-th\r\n                \">\r\n                    \u0e15\u0e25\u0e2d\u0e14\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32\r\n                <\/span>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- EN TITLE -->\r\n\r\n            <h2 class=\"\r\n                gc-history-title\r\n                gc-history-lang\r\n                gc-history-lang-en\r\n            \">\r\n\r\n                Our Journey in\r\n                Events &amp; Exhibitions\r\n\r\n            <\/h2>\r\n\r\n\r\n\r\n            <!-- TH TITLE -->\r\n\r\n            <h2 class=\"\r\n                gc-history-title\r\n                gc-history-lang\r\n                gc-history-lang-th\r\n            \">\r\n\r\n                \u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n                \u0e43\u0e19\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\r\n\r\n            <\/h2>\r\n\r\n\r\n\r\n            <div class=\"gc-history-line\"><\/div>\r\n\r\n\r\n\r\n            <!-- EN TEXT -->\r\n\r\n            <div class=\"\r\n                gc-history-lang\r\n                gc-history-lang-en\r\n            \">\r\n\r\n                <p class=\"gc-history-text\">\r\n\r\n                    Over the years, Green Care has taken part\r\n                    in exhibitions, outlet events and trade\r\n                    activities that have connected our products\r\n                    with customers and markets both in Thailand\r\n                    and internationally.\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"gc-history-text\">\r\n\r\n                    These moments reflect more than our\r\n                    participation in events \u2014 they represent\r\n                    the continuous growth, experience and\r\n                    relationships that have shaped Green Care\r\n                    throughout our journey.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- TH TEXT -->\r\n\r\n            <div class=\"\r\n                gc-history-lang\r\n                gc-history-lang-th\r\n            \">\r\n\r\n                <p class=\"gc-history-text\">\r\n\r\n                    \u0e15\u0e25\u0e2d\u0e14\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32 Green Care\r\n                    \u0e44\u0e14\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e07\u0e32\u0e19 Outlet\r\n                    \u0e41\u0e25\u0e30\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\r\n                    \u0e0b\u0e36\u0e48\u0e07\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n                    \u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e31\u0e49\u0e07\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e41\u0e25\u0e30\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"gc-history-text\">\r\n\r\n                    \u0e20\u0e32\u0e1e\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e44\u0e21\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e16\u0e36\u0e07\r\n                    \u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e41\u0e15\u0e48\u0e22\u0e31\u0e07\u0e1a\u0e2d\u0e01\u0e40\u0e25\u0e48\u0e32\r\n                    \u0e16\u0e36\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c \u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\r\n                    \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e17\u0e35\u0e48 Green Care\r\n                    \u0e44\u0e14\u0e49\u0e2a\u0e31\u0e48\u0e07\u0e2a\u0e21\u0e21\u0e32\u0e15\u0e25\u0e2d\u0e14\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- NOTE -->\r\n\r\n            <div class=\"gc-history-note\">\r\n\r\n                <span class=\"gc-history-note-line\"><\/span>\r\n\r\n\r\n                <span class=\"\r\n                    gc-history-lang\r\n                    gc-history-lang-en\r\n                \">\r\n                    Selected moments from our archive\r\n                <\/span>\r\n\r\n\r\n                <span class=\"\r\n                    gc-history-lang\r\n                    gc-history-lang-th\r\n                \">\r\n                    \u0e20\u0e32\u0e1e\u0e1a\u0e32\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e08\u0e32\u0e01\u0e04\u0e25\u0e31\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             IMAGE SLIDER\r\n             ================================================= -->\r\n\r\n        <div\r\n            class=\"gc-history-slider\"\r\n            id=\"gcHistorySlider\"\r\n        >\r\n\r\n\r\n            <div class=\"gc-history-track\">\r\n\r\n\r\n                <!-- =========================================\r\n                     SLIDE 01\r\n                     ========================================= -->\r\n\r\n                <div class=\"gc-history-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2020\/02\/export-5.jpg\"\r\n                        alt=\"Green Care historical exhibition\"\r\n                    >\r\n\r\n\r\n                    <div class=\"gc-history-caption\">\r\n\r\n\r\n                        <div class=\"gc-history-caption-small\">\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-en\r\n                            \">\r\n                                GREEN CARE ARCHIVE\r\n                            <\/span>\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-th\r\n                            \">\r\n                                \u0e20\u0e32\u0e1e\u0e08\u0e32\u0e01\u0e04\u0e25\u0e31\u0e07 GREEN CARE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3 class=\"gc-history-caption-title\">\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-en\r\n                            \">\r\n                                Outlet &amp; Exhibition\r\n                            <\/span>\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-th\r\n                            \">\r\n                                \u0e07\u0e32\u0e19 Outlet \u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\r\n                            <\/span>\r\n\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     SLIDE 02\r\n                     ========================================= -->\r\n\r\n                <div class=\"gc-history-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2020\/02\/export-8-rotated.jpg\"\r\n                        alt=\"Green Care historical trade event\"\r\n                    >\r\n\r\n\r\n                    <div class=\"gc-history-caption\">\r\n\r\n                        <div class=\"gc-history-caption-small\">\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-en\r\n                            \">\r\n                                THROUGH THE YEARS\r\n                            <\/span>\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-th\r\n                            \">\r\n                                \u0e15\u0e25\u0e2d\u0e14\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3 class=\"gc-history-caption-title\">\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-en\r\n                            \">\r\n                                Brand Showcase\r\n                            <\/span>\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-th\r\n                            \">\r\n                                \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\r\n                            <\/span>\r\n\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     SLIDE 03\r\n                     ========================================= -->\r\n\r\n                <div class=\"gc-history-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2020\/02\/export-15.jpg\"\r\n                        alt=\"Green Care exhibition booth\"\r\n                    >\r\n\r\n\r\n                    <div class=\"gc-history-caption\">\r\n\r\n                        <div class=\"gc-history-caption-small\">\r\n\r\n                            GREEN CARE ARCHIVE\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3 class=\"gc-history-caption-title\">\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-en\r\n                            \">\r\n                                Connecting with Customers\r\n                            <\/span>\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-th\r\n                            \">\r\n                                \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n                            <\/span>\r\n\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     SLIDE 04\r\n                     ========================================= -->\r\n\r\n                <div class=\"gc-history-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2020\/02\/export-9-rotated.jpg\"\r\n                        alt=\"Green Care outlet\"\r\n                    >\r\n\r\n\r\n                    <div class=\"gc-history-caption\">\r\n\r\n                        <div class=\"gc-history-caption-small\">\r\n\r\n                            GREEN CARE ARCHIVE\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3 class=\"gc-history-caption-title\">\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-en\r\n                            \">\r\n                                Green Care Through the Years\r\n                            <\/span>\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-th\r\n                            \">\r\n                                Green Care \u0e15\u0e25\u0e2d\u0e14\u0e2b\u0e25\u0e32\u0e22\u0e1b\u0e35\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32\r\n                            <\/span>\r\n\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     SLIDE 05\r\n                     \u0e40\u0e1e\u0e34\u0e48\u0e21\/\u0e25\u0e1a Slide \u0e44\u0e14\u0e49\r\n                     ========================================= -->\r\n\r\n                <div class=\"gc-history-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/www.greencare.co.th\/wp-content\/uploads\/2020\/02\/export-12-rotated.jpg\"\r\n                        alt=\"Green Care past event\"\r\n                    >\r\n\r\n\r\n                    <div class=\"gc-history-caption\">\r\n\r\n                        <div class=\"gc-history-caption-small\">\r\n\r\n                            OUR JOURNEY\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3 class=\"gc-history-caption-title\">\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-en\r\n                            \">\r\n                                Moments from Our Journey\r\n                            <\/span>\r\n\r\n                            <span class=\"\r\n                                gc-history-lang\r\n                                gc-history-lang-th\r\n                            \">\r\n                                \u0e20\u0e32\u0e1e\u0e04\u0e27\u0e32\u0e21\u0e17\u0e23\u0e07\u0e08\u0e33\u0e08\u0e32\u0e01\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n                            <\/span>\r\n\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- PREVIOUS -->\r\n\r\n            <button\r\n                class=\"\r\n                    gc-history-arrow\r\n                    gc-history-prev\r\n                \"\r\n                type=\"button\"\r\n                aria-label=\"Previous image\"\r\n            >\r\n                \u2039\r\n            <\/button>\r\n\r\n\r\n\r\n            <!-- NEXT -->\r\n\r\n            <button\r\n                class=\"\r\n                    gc-history-arrow\r\n                    gc-history-next\r\n                \"\r\n                type=\"button\"\r\n                aria-label=\"Next image\"\r\n            >\r\n                \u203a\r\n            <\/button>\r\n\r\n\r\n\r\n            <!-- CONTROLS -->\r\n\r\n            <div class=\"gc-history-controls\">\r\n\r\n\r\n                <div class=\"gc-history-dots\"><\/div>\r\n\r\n\r\n                <div class=\"gc-history-counter\">\r\n\r\n                    <span class=\"gc-current-slide\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    \/\r\n\r\n                    <span class=\"gc-total-slides\">\r\n                        05\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   GREEN CARE\r\n   LANGUAGE + SLIDER\r\n   ========================================================= *\/\r\n\r\n(function () {\r\n\r\n\r\n    \/* =====================================================\r\n       LANGUAGE DETECTION\r\n       ===================================================== *\/\r\n\r\n    function gcHistoryDetectLanguage() {\r\n\r\n\r\n        var htmlLang = (\r\n            document.documentElement\r\n            .getAttribute(\"lang\") || \"\"\r\n        ).toLowerCase();\r\n\r\n\r\n        if (htmlLang.indexOf(\"th\") === 0) {\r\n            return \"th\";\r\n        }\r\n\r\n\r\n        if (htmlLang.indexOf(\"en\") === 0) {\r\n            return \"en\";\r\n        }\r\n\r\n\r\n\r\n        var bodyClass =\r\n            document.body\r\n            ? document.body.className.toLowerCase()\r\n            : \"\";\r\n\r\n\r\n        if (\r\n            bodyClass.indexOf(\"lang-th\") !== -1 ||\r\n            bodyClass.indexOf(\"qtranxs-lang-th\") !== -1\r\n        ) {\r\n            return \"th\";\r\n        }\r\n\r\n\r\n        if (\r\n            bodyClass.indexOf(\"lang-en\") !== -1 ||\r\n            bodyClass.indexOf(\"qtranxs-lang-en\") !== -1\r\n        ) {\r\n            return \"en\";\r\n        }\r\n\r\n\r\n\r\n        var params =\r\n            new URLSearchParams(\r\n                window.location.search\r\n            );\r\n\r\n\r\n        if (\r\n            (\r\n                params.get(\"lang\") || \"\"\r\n            ).toLowerCase() === \"th\"\r\n        ) {\r\n            return \"th\";\r\n        }\r\n\r\n\r\n\r\n        var path =\r\n            window.location.pathname\r\n            .toLowerCase();\r\n\r\n\r\n        if (\r\n            path === \"\/th\" ||\r\n            path.indexOf(\"\/th\/\") !== -1\r\n        ) {\r\n            return \"th\";\r\n        }\r\n\r\n\r\n        return \"en\";\r\n\r\n    }\r\n\r\n\r\n\r\n    function gcHistoryShowLanguage() {\r\n\r\n\r\n        var lang =\r\n            gcHistoryDetectLanguage();\r\n\r\n\r\n        document\r\n        .querySelectorAll(\r\n            \".gc-history-lang\"\r\n        )\r\n        .forEach(function(element) {\r\n\r\n            element.style.display = \"none\";\r\n\r\n        });\r\n\r\n\r\n        document\r\n        .querySelectorAll(\r\n            \".gc-history-lang-\" + lang\r\n        )\r\n        .forEach(function(element) {\r\n\r\n            element.style.display = \"block\";\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       SLIDER\r\n       ===================================================== *\/\r\n\r\n    function gcHistoryInitSlider() {\r\n\r\n\r\n        var slider =\r\n            document.getElementById(\r\n                \"gcHistorySlider\"\r\n            );\r\n\r\n\r\n        if (!slider) {\r\n            return;\r\n        }\r\n\r\n\r\n        var track =\r\n            slider.querySelector(\r\n                \".gc-history-track\"\r\n            );\r\n\r\n\r\n        var slides =\r\n            slider.querySelectorAll(\r\n                \".gc-history-slide\"\r\n            );\r\n\r\n\r\n        var prev =\r\n            slider.querySelector(\r\n                \".gc-history-prev\"\r\n            );\r\n\r\n\r\n        var next =\r\n            slider.querySelector(\r\n                \".gc-history-next\"\r\n            );\r\n\r\n\r\n        var dotsContainer =\r\n            slider.querySelector(\r\n                \".gc-history-dots\"\r\n            );\r\n\r\n\r\n        var currentDisplay =\r\n            slider.querySelector(\r\n                \".gc-current-slide\"\r\n            );\r\n\r\n\r\n        var totalDisplay =\r\n            slider.querySelector(\r\n                \".gc-total-slides\"\r\n            );\r\n\r\n\r\n        var current = 0;\r\n\r\n        var autoplay = null;\r\n\r\n\r\n\r\n        \/* total *\/\r\n\r\n        totalDisplay.textContent =\r\n            String(slides.length)\r\n            .padStart(2, \"0\");\r\n\r\n\r\n\r\n        \/* create dots *\/\r\n\r\n        slides.forEach(\r\n            function(slide, index) {\r\n\r\n                var dot =\r\n                    document.createElement(\r\n                        \"button\"\r\n                    );\r\n\r\n\r\n                dot.className =\r\n                    \"gc-history-dot\";\r\n\r\n\r\n                dot.type = \"button\";\r\n\r\n\r\n                dot.addEventListener(\r\n                    \"click\",\r\n                    function() {\r\n\r\n                        goToSlide(index);\r\n\r\n                        restartAutoplay();\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                dotsContainer\r\n                .appendChild(dot);\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        var dots =\r\n            slider.querySelectorAll(\r\n                \".gc-history-dot\"\r\n            );\r\n\r\n\r\n\r\n        \/* go to slide *\/\r\n\r\n        function goToSlide(index) {\r\n\r\n\r\n            if (index < 0) {\r\n                index =\r\n                    slides.length - 1;\r\n            }\r\n\r\n\r\n            if (\r\n                index >= slides.length\r\n            ) {\r\n                index = 0;\r\n            }\r\n\r\n\r\n            current = index;\r\n\r\n\r\n            track.style.transform =\r\n                \"translateX(-\" +\r\n                (current * 100) +\r\n                \"%)\";\r\n\r\n\r\n            dots.forEach(\r\n                function(dot) {\r\n\r\n                    dot.classList\r\n                    .remove(\"active\");\r\n\r\n                }\r\n            );\r\n\r\n\r\n            if (dots[current]) {\r\n\r\n                dots[current]\r\n                .classList\r\n                .add(\"active\");\r\n\r\n            }\r\n\r\n\r\n            currentDisplay.textContent =\r\n                String(current + 1)\r\n                .padStart(2, \"0\");\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* controls *\/\r\n\r\n        prev.addEventListener(\r\n            \"click\",\r\n            function() {\r\n\r\n                goToSlide(\r\n                    current - 1\r\n                );\r\n\r\n                restartAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        next.addEventListener(\r\n            \"click\",\r\n            function() {\r\n\r\n                goToSlide(\r\n                    current + 1\r\n                );\r\n\r\n                restartAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* autoplay *\/\r\n\r\n        function startAutoplay() {\r\n\r\n            autoplay =\r\n                setInterval(\r\n                    function() {\r\n\r\n                        goToSlide(\r\n                            current + 1\r\n                        );\r\n\r\n                    },\r\n                    5000\r\n                );\r\n\r\n        }\r\n\r\n\r\n        function stopAutoplay() {\r\n\r\n            if (autoplay) {\r\n\r\n                clearInterval(\r\n                    autoplay\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        function restartAutoplay() {\r\n\r\n            stopAutoplay();\r\n\r\n            startAutoplay();\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* Pause when mouse over *\/\r\n\r\n        slider.addEventListener(\r\n            \"mouseenter\",\r\n            stopAutoplay\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"mouseleave\",\r\n            startAutoplay\r\n        );\r\n\r\n\r\n\r\n        \/* swipe mobile *\/\r\n\r\n        var startX = 0;\r\n\r\n\r\n        slider.addEventListener(\r\n            \"touchstart\",\r\n            function(e) {\r\n\r\n                startX =\r\n                    e.touches[0]\r\n                    .clientX;\r\n\r\n            },\r\n            { passive: true }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"touchend\",\r\n            function(e) {\r\n\r\n\r\n                var endX =\r\n                    e.changedTouches[0]\r\n                    .clientX;\r\n\r\n\r\n                var diff =\r\n                    startX - endX;\r\n\r\n\r\n                if (\r\n                    Math.abs(diff) > 50\r\n                ) {\r\n\r\n                    if (diff > 0) {\r\n\r\n                        goToSlide(\r\n                            current + 1\r\n                        );\r\n\r\n                    } else {\r\n\r\n                        goToSlide(\r\n                            current - 1\r\n                        );\r\n\r\n                    }\r\n\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n\r\n            },\r\n            { passive: true }\r\n        );\r\n\r\n\r\n\r\n        goToSlide(0);\r\n\r\n        startAutoplay();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       START\r\n       ===================================================== *\/\r\n\r\n    function gcHistoryStart() {\r\n\r\n        gcHistoryShowLanguage();\r\n\r\n        gcHistoryInitSlider();\r\n\r\n    }\r\n\r\n\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            gcHistoryStart\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        gcHistoryStart();\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ABOUT US \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32 ABOUT GREEN CARE \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a GREEN CARE Better Textiles, Thoughtfully Made. \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\u0e17\u0e35\u0e48\u0e14\u0e35\u0e01\u0e27\u0e48\u0e32 \u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e43\u0e2a\u0e48\u0e43\u0e08\u0e43\u0e19\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19 Since 1995, Green Care has been creating textile solutions with a focus on natural materials, responsible production, and long-term collaboration. \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e1b\u0e35 1995 \u0e01\u0e23\u0e35\u0e19\u0e41\u0e04\u0e23\u0e4c\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d \u0e42\u0e14\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e01\u0e31\u0e1a\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e08\u0e32\u0e01\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34 \u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21 \u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27 02 WHAT WE DO \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e17\u0e33 From Material to Finished Product \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e08\u0e19\u0e16\u0e36\u0e07\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b [&#8230;]\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-17297","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.greencare.co.th\/th\/wp-json\/wp\/v2\/pages\/17297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greencare.co.th\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.greencare.co.th\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.greencare.co.th\/th\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greencare.co.th\/th\/wp-json\/wp\/v2\/comments?post=17297"}],"version-history":[{"count":33,"href":"https:\/\/www.greencare.co.th\/th\/wp-json\/wp\/v2\/pages\/17297\/revisions"}],"predecessor-version":[{"id":17408,"href":"https:\/\/www.greencare.co.th\/th\/wp-json\/wp\/v2\/pages\/17297\/revisions\/17408"}],"wp:attachment":[{"href":"https:\/\/www.greencare.co.th\/th\/wp-json\/wp\/v2\/media?parent=17297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}