{"id":138,"date":"2026-10-13T22:37:23","date_gmt":"2026-10-13T22:37:23","guid":{"rendered":"https:\/\/gridconnect.co.th\/?page_id=138"},"modified":"2026-10-19T18:54:12","modified_gmt":"2026-10-19T18:54:12","slug":"reference","status":"publish","type":"page","link":"https:\/\/gridconnect.co.th\/?page_id=138","title":{"rendered":"\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"138\" class=\"elementor elementor-138\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bab338 e-con-full e-flex e-con e-parent\" data-id=\"4bab338\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61fb0f2 elementor-widget elementor-widget-html\" data-id=\"61fb0f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 1. \u0e42\u0e2b\u0e25\u0e14 Google Fonts & Font Awesome \u0e44\u0e2d\u0e04\u0e2d\u0e19 (\u0e23\u0e2d\u0e1a\u0e40\u0e14\u0e35\u0e22\u0e27\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Kanit:ital,wght@0,300;0,400;0,500;0,600;0,700;1,700&family=Montserrat:ital,wght@0,600;0,700;0,800;1,800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- 2. \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 HEADER \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32 OUR REFERENCE (\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32) -->\r\n<header class=\"grid-gradient-header\">\r\n    <div class=\"grid-header-wrap\">\r\n        \r\n        <!-- \u0e42\u0e25\u0e42\u0e01\u0e49\u0e08\u0e23\u0e34\u0e07 GRID CONNECT -->\r\n        <a href=\"\/\" class=\"grid-brand-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Logo-Grid-Connect-White-with-Green-Symbol-scaled.webp\" alt=\"Grid Connect Logo\" class=\"header-logo-img\">\r\n        <\/a>\r\n\r\n        <!-- \u0e40\u0e21\u0e19\u0e39\u0e1a\u0e32\u0e23\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07 (Desktop) - Active \u0e17\u0e35\u0e48\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 -->\r\n        <nav class=\"grid-nav-menu\">\r\n            <a href=\"\/\" class=\"nav-link\">\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01<\/a>\r\n            <a href=\"\/?page_id=132\" class=\"nav-link\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"\/?page_id=136\" class=\"nav-link\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"\/?page_id=138\" class=\"nav-link active\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"\/?page_id=134\" class=\"nav-link\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\r\n        <\/nav>\r\n\r\n        <!-- \u0e2a\u0e25\u0e31\u0e1a\u0e20\u0e32\u0e29\u0e32\u0e02\u0e27\u0e32\u0e2a\u0e38\u0e14 (TH \u25be) & \u0e1b\u0e38\u0e48\u0e21\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d -->\r\n        <div class=\"grid-action-box\">\r\n            <div class=\"grid-lang-dropdown\">\r\n                <button class=\"lang-dropdown-btn\" onclick=\"toggleLangMenu(event)\">\r\n                    <span>TH<\/span>\r\n                    <i class=\"fa-solid fa-caret-down\"><\/i>\r\n                <\/button>\r\n                <div class=\"lang-dropdown-menu\" id=\"langDropMenu\">\r\n                    <a href=\"\/?page_id=138\" class=\"lang-option active\">TH (\u0e44\u0e17\u0e22)<\/a>\r\n                    <a href=\"\/en\/?page_id=138\" class=\"lang-option\">EN (English)<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Hamburger Button \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d -->\r\n            <button class=\"grid-mob-btn\" onclick=\"toggleGridMobMenu()\" aria-label=\"Toggle Menu\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u0e40\u0e21\u0e19\u0e39\u0e14\u0e23\u0e2d\u0e1b\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d -->\r\n    <div id=\"gridMobDrawer\" class=\"grid-mob-drawer\">\r\n        <nav class=\"grid-mob-nav\">\r\n            <a href=\"\/\" onclick=\"toggleGridMobMenu()\">\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01<\/a>\r\n            <a href=\"\/?page_id=132\" onclick=\"toggleGridMobMenu()\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"\/?page_id=136\" onclick=\"toggleGridMobMenu()\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"\/?page_id=138\" onclick=\"toggleGridMobMenu()\" style=\"color: #ffffff; font-weight: 600; text-decoration: underline;\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"\/?page_id=134\" onclick=\"toggleGridMobMenu()\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\r\n            <div class=\"mob-lang-row\">\r\n                <a href=\"\/?page_id=138\" class=\"mob-lang-item active\">TH<\/a>\r\n                <span class=\"mob-lang-sep\">|<\/span>\r\n                <a href=\"\/en\/?page_id=138\" class=\"mob-lang-item\">EN<\/a>\r\n            <\/div>\r\n        <\/nav>\r\n    <\/div>\r\n<\/header>\r\n\r\n<style>\r\n\/* --- \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e17\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a --- *\/\r\nbody, \r\np, \r\nspan, \r\na, \r\nli, \r\ninput, \r\ntextarea, \r\nselect, \r\nbutton,\r\n.grid-gradient-header {\r\n    font-family: 'Kanit', sans-serif !important;\r\n}\r\n\r\nh1, h2, h3, h4, \r\n.hero-main-title,\r\n.gc-title-hero,\r\n.projects-main-title,\r\n.stat-number,\r\n.partner-name {\r\n    font-family: 'Kanit', 'Montserrat', sans-serif !important;\r\n}\r\n\r\n\/* --- \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e41\u0e16\u0e1a HEADER (\u0e15\u0e31\u0e14\u0e40\u0e07\u0e32\u0e2d\u0e2d\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e40\u0e2a\u0e49\u0e19\u0e02\u0e32\u0e27\/\u0e23\u0e2d\u0e22\u0e15\u0e48\u0e2d) --- *\/\r\n.grid-gradient-header {\r\n    position: sticky;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    background: linear-gradient(90deg, #2f58a3 0%, #5bba47 100%);\r\n    box-shadow: none !important;\r\n    border: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    z-index: 99999;\r\n    box-sizing: border-box;\r\n    display: block;\r\n    vertical-align: bottom;\r\n}\r\n\r\n.grid-header-wrap {\r\n    max-width: 1380px;\r\n    margin: 0 auto;\r\n    padding: 10px 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* \u0e25\u0e47\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e41\u0e1a\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e15\u0e4c\u0e16\u0e31\u0e14\u0e44\u0e1b\u0e43\u0e2b\u0e49\u0e0a\u0e19\u0e02\u0e2d\u0e1a Header \u0e1e\u0e2d\u0e14\u0e35 *\/\r\n.grid-gradient-header + * {\r\n    margin-top: -1px !important;\r\n    padding-top: 0 !important;\r\n}\r\n\r\n\/* \u0e42\u0e25\u0e42\u0e01\u0e49 *\/\r\n.grid-brand-logo {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    text-decoration: none;\r\n}\r\n\r\n.header-logo-img {\r\n    max-height: 48px;\r\n    width: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.grid-brand-logo:hover .header-logo-img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* \u0e40\u0e21\u0e19\u0e39\u0e2b\u0e25\u0e31\u0e01 *\/\r\n.grid-nav-menu {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px;\r\n}\r\n\r\n.grid-nav-menu .nav-link {\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    position: relative;\r\n    padding: 8px 0;\r\n    transition: opacity 0.2s ease;\r\n    opacity: 0.95;\r\n}\r\n\r\n.grid-nav-menu .nav-link:hover {\r\n    opacity: 1;\r\n}\r\n\r\n\/* \u0e40\u0e2a\u0e49\u0e19\u0e02\u0e32\u0e27\u0e27\u0e34\u0e48\u0e07\u0e43\u0e15\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e0a\u0e35\u0e49\u0e40\u0e21\u0e32\u0e2a\u0e4c \u0e2b\u0e23\u0e37\u0e2d\u0e2b\u0e19\u0e49\u0e32 Active *\/\r\n.grid-nav-menu .nav-link::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -2px;\r\n    left: 0;\r\n    width: 0;\r\n    height: 3px;\r\n    background-color: #ffffff;\r\n    border-radius: 2px;\r\n    transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.grid-nav-menu .nav-link:hover::after,\r\n.grid-nav-menu .nav-link.active::after {\r\n    width: 100%;\r\n}\r\n\r\n\/* \u0e2a\u0e48\u0e27\u0e19\u0e2a\u0e25\u0e31\u0e1a\u0e20\u0e32\u0e29\u0e32 (TH \u25be) *\/\r\n.grid-action-box {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n}\r\n\r\n.grid-lang-dropdown {\r\n    position: relative;\r\n}\r\n\r\n.lang-dropdown-btn {\r\n    background: transparent;\r\n    border: none;\r\n    color: #ffffff;\r\n    font-family: 'Inter', 'Kanit', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    cursor: pointer;\r\n    padding: 6px 10px;\r\n    transition: opacity 0.2s ease;\r\n}\r\n\r\n.lang-dropdown-btn:hover {\r\n    opacity: 0.85;\r\n}\r\n\r\n.lang-dropdown-btn i {\r\n    font-size: 13px;\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.lang-dropdown-menu {\r\n    position: absolute;\r\n    top: calc(100% + 8px);\r\n    right: 0;\r\n    background: #ffffff;\r\n    border-radius: 8px;\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n    min-width: 130px;\r\n    padding: 6px 0;\r\n    display: none;\r\n    flex-direction: column;\r\n    z-index: 10000;\r\n    border: 1px solid #e2e8f0;\r\n}\r\n\r\n.lang-dropdown-menu.show {\r\n    display: flex;\r\n}\r\n\r\n.lang-option {\r\n    padding: 8px 16px;\r\n    color: #334155;\r\n    text-decoration: none;\r\n    font-size: 13.5px;\r\n    font-weight: 500;\r\n    transition: background 0.2s ease;\r\n}\r\n\r\n.lang-option:hover {\r\n    background: #f1f5f9;\r\n    color: #1d59a8;\r\n}\r\n\r\n.lang-option.active {\r\n    color: #5bba47;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* Hamburger \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\r\n.grid-mob-btn {\r\n    display: none;\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    padding: 6px;\r\n}\r\n\r\n.grid-mob-btn span {\r\n    width: 24px;\r\n    height: 2.5px;\r\n    background-color: #ffffff;\r\n    transition: all 0.3s ease;\r\n    border-radius: 2px;\r\n}\r\n\r\n.grid-mob-btn.active span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }\r\n.grid-mob-btn.active span:nth-child(2) { opacity: 0; }\r\n.grid-mob-btn.active span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }\r\n\r\n.grid-mob-drawer {\r\n    display: none;\r\n    width: 100%;\r\n    background: #2f58a3;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s ease;\r\n}\r\n\r\n.grid-mob-drawer.open {\r\n    max-height: 380px;\r\n}\r\n\r\n.grid-mob-nav {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 20px 24px;\r\n    gap: 16px;\r\n}\r\n\r\n.grid-mob-nav a {\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n}\r\n\r\n.mob-lang-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding-top: 14px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n}\r\n\r\n.mob-lang-item {\r\n    color: #cbd5e1;\r\n    text-decoration: none;\r\n}\r\n\r\n.mob-lang-item.active {\r\n    color: #ffffff;\r\n}\r\n\r\n.mob-lang-sep {\r\n    color: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n\/* Responsive Breakpoints *\/\r\n@media (max-width: 991px) {\r\n    .grid-nav-menu { display: none; }\r\n    .grid-lang-dropdown { display: none; }\r\n    .grid-mob-btn { display: flex; }\r\n    .grid-mob-drawer { display: block; }\r\n    .header-logo-img { max-height: 40px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction toggleLangMenu(e) {\r\n    e.stopPropagation();\r\n    var menu = document.getElementById('langDropMenu');\r\n    if (menu) {\r\n        menu.classList.toggle('show');\r\n    }\r\n}\r\n\r\ndocument.addEventListener('click', function(e) {\r\n    var menu = document.getElementById('langDropMenu');\r\n    if (menu && menu.classList.contains('show')) {\r\n        menu.classList.remove('show');\r\n    }\r\n});\r\n\r\nfunction toggleGridMobMenu() {\r\n    var drawer = document.getElementById('gridMobDrawer');\r\n    var btn = document.querySelector('.grid-mob-btn');\r\n    if (!drawer || !btn) return;\r\n    \r\n    if (drawer.classList.contains('open')) {\r\n        drawer.classList.remove('open');\r\n        btn.classList.remove('active');\r\n    } else {\r\n        drawer.classList.add('open');\r\n        btn.classList.add('active');\r\n    }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68782c3 e-con-full e-flex e-con e-parent\" data-id=\"68782c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-430f456 elementor-widget elementor-widget-html\" data-id=\"430f456\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     PAGE CONTENT: OUR PROJECTS (\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32) - GRID CONNECT\r\n     ========================================================================== -->\r\n<main class=\"gc-project-page-wrap\">\r\n    <div class=\"gc-project-page-container\">\r\n        \r\n        <!-- \u26a1 \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2b\u0e19\u0e49\u0e32: \"\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\" (\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19) + \"\u0e40\u0e23\u0e32\" (\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27) -->\r\n        <div class=\"gc-page-title-wrap\">\r\n            <h1 class=\"gc-page-main-title\">\r\n                <span class=\"txt-blue\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07<\/span><span class=\"txt-green\">\u0e40\u0e23\u0e32<\/span>\r\n            <\/h1>\r\n        <\/div>\r\n\r\n        <!-- \u2600\ufe0f \u0e01\u0e23\u0e34\u0e14\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19 (3 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e15\u0e32\u0e21 Mockup - \u0e43\u0e0a\u0e49\u0e20\u0e32\u0e1e\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e27\u0e19\u0e0b\u0e49\u0e33) -->\r\n        <div class=\"gc-all-projects-grid\">\r\n\r\n            <!-- 1. Bangkok Komatsu Co.,Ltd. -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-2.webp\" alt=\"Bangkok Komatsu Co.,Ltd. - Solar Rooftop\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">Bangkok Komatsu Co.,Ltd. - Solar Rooftop<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e19\u0e34\u0e04\u0e21\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e21\u0e15\u0e30\u0e0b\u0e34\u0e15\u0e35\u0e49 (\u0e2d\u0e21\u0e15\u0e30\u0e19\u0e04\u0e23) \u0e08.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/p>\r\n                    <p class=\"gc-proj-power\">920.70 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2. Solkit Solar Project -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-1.webp\" alt=\"Solkit Solar Project - Solar Farm\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">Solkit Solar Project - Solar Farm<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e15.\u0e2b\u0e31\u0e19\u0e17\u0e23\u0e32\u0e22 \u0e2d.\u0e2d\u0e23\u0e31\u0e0d\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e08.\u0e2a\u0e23\u0e30\u0e41\u0e01\u0e49\u0e27<\/p>\r\n                    <p class=\"gc-proj-power\">6 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 3. LK-RICH Industrial Estate -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-3.webp\" alt=\"LK-RICH Industrial Estate - Solar Floating\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">LK-RICH Industrial Estate - Solar Floating<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e23\u0e30\u0e22\u0e2d\u0e07 (\u0e19\u0e34\u0e04\u0e21\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e0a\u0e31\u0e22\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e22\u0e32\u0e07)<\/p>\r\n                    <p class=\"gc-proj-power\">16 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 4. Lorem Ipsum Project -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-3.webp\" alt=\"Lorem Ipsum Project - Solar Floating\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">Lorem Ipsum Project - Solar Floating<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> Lorem Ipsum Location<\/p>\r\n                    <p class=\"gc-proj-power\">920.70 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 5. CAS Paper Mill -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-1.webp\" alt=\"CAS Paper Mill - Solar Floating\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">CAS Paper Mill - Solar Floating<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> Lorem Ipsum Location<\/p>\r\n                    <p class=\"gc-proj-power\">1,700 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 6. NEFC Project -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-2.webp\" alt=\"NEFC Project - Solar Farm\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">NEFC Project - Solar Farm<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e23\u0e30\u0e22\u0e2d\u0e07<\/p>\r\n                    <p class=\"gc-proj-power\">20 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 7. Bangkok Komatsu Co.,Ltd. (Row 3) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-2.webp\" alt=\"Bangkok Komatsu Co.,Ltd. - Solar Rooftop\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">Bangkok Komatsu Co.,Ltd. - Solar Rooftop<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e19\u0e34\u0e04\u0e21\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e21\u0e15\u0e30\u0e0b\u0e34\u0e15\u0e35\u0e49 \u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/p>\r\n                    <p class=\"gc-proj-power\">920.70 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 8. Solkit Solar Project (Row 3) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-1.webp\" alt=\"Solkit Solar Project - Solar Farm\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">Solkit Solar Project - Solar Farm<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e15.\u0e2b\u0e31\u0e19\u0e17\u0e23\u0e32\u0e22 \u0e08.\u0e2a\u0e23\u0e30\u0e41\u0e01\u0e49\u0e27<\/p>\r\n                    <p class=\"gc-proj-power\">6 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 9. LK-RICH Industrial Estate (Row 3) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-3.webp\" alt=\"LK-RICH Industrial Estate - Solar Floating\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">LK-RICH Industrial Estate - Solar Floating<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e23\u0e30\u0e22\u0e2d\u0e07<\/p>\r\n                    <p class=\"gc-proj-power\">16 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 10. Lorem Ipsum Project (Row 4) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-3.webp\" alt=\"Lorem Ipsum Project - Solar Floating\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">Lorem Ipsum Project - Solar Floating<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> Lorem Ipsum Location<\/p>\r\n                    <p class=\"gc-proj-power\">920.70 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 11. CAS Paper Mill (Row 4) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-1.webp\" alt=\"CAS Paper Mill - Solar Floating\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">CAS Paper Mill - Solar Floating<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> Lorem Ipsum Location<\/p>\r\n                    <p class=\"gc-proj-power\">1,700 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 12. NEFC Project (Row 4) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-2.webp\" alt=\"NEFC Project - Solar Farm\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">NEFC Project - Solar Farm<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e23\u0e30\u0e22\u0e2d\u0e07<\/p>\r\n                    <p class=\"gc-proj-power\">20 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 13. Bangkok Komatsu Co.,Ltd. (Row 5) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-2.webp\" alt=\"Bangkok Komatsu Co.,Ltd. - Solar Rooftop\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">Bangkok Komatsu Co.,Ltd. - Solar Rooftop<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e19\u0e34\u0e04\u0e21\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e21\u0e15\u0e30\u0e0b\u0e34\u0e15\u0e35\u0e49 \u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/p>\r\n                    <p class=\"gc-proj-power\">920.70 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 14. Solkit Solar Project (Row 5) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-1.webp\" alt=\"Solkit Solar Project - Solar Farm\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">Solkit Solar Project - Solar Farm<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e15.\u0e2b\u0e31\u0e19\u0e17\u0e23\u0e32\u0e22 \u0e08.\u0e2a\u0e23\u0e30\u0e41\u0e01\u0e49\u0e27<\/p>\r\n                    <p class=\"gc-proj-power\">6 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 15. LK-RICH Industrial Estate (Row 5) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-3.webp\" alt=\"LK-RICH Industrial Estate - Solar Floating\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">LK-RICH Industrial Estate - Solar Floating<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e23\u0e30\u0e22\u0e2d\u0e07<\/p>\r\n                    <p class=\"gc-proj-power\">16 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 16. Lorem Ipsum Project (Row 6) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-3.webp\" alt=\"Lorem Ipsum Project - Solar Floating\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">Lorem Ipsum Project - Solar Floating<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> Lorem Ipsum Location<\/p>\r\n                    <p class=\"gc-proj-power\">920.70 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 17. CAS Paper Mill (Row 6) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-1.webp\" alt=\"CAS Paper Mill - Solar Floating\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">CAS Paper Mill - Solar Floating<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> Lorem Ipsum Location<\/p>\r\n                    <p class=\"gc-proj-power\">1,700 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 18. NEFC Project (Row 6) -->\r\n            <div class=\"gc-proj-box\">\r\n                <div class=\"gc-proj-thumb\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-2.webp\" alt=\"NEFC Project - Solar Farm\" class=\"gc-proj-img\">\r\n                <\/div>\r\n                <div class=\"gc-proj-details\">\r\n                    <h2 class=\"gc-proj-name\">NEFC Project - Solar Farm<\/h2>\r\n                    <p class=\"gc-proj-meta\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e23\u0e30\u0e22\u0e2d\u0e07<\/p>\r\n                    <p class=\"gc-proj-power\">20 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/main>\r\n\r\n<style>\r\n\/* --- [\ud83c\udf10 ROOT STYLING: OUR PROJECTS] --- *\/\r\n.gc-project-page-wrap {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    font-family: 'Kanit', sans-serif;\r\n    color: #1e293b;\r\n    padding: 50px 0 90px 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gc-project-page-container {\r\n    max-width: 1340px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* \u26a1 \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2b\u0e19\u0e49\u0e32: \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 *\/\r\n.gc-page-title-wrap {\r\n    margin-bottom: 35px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.gc-page-main-title {\r\n    font-size: 38px;\r\n    font-weight: 700;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.5px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n}\r\n\r\n.txt-blue {\r\n    color: #1d59a8;\r\n}\r\n\r\n.txt-green {\r\n    color: #5bba47;\r\n}\r\n\r\n\/* \u2600\ufe0f \u0e01\u0e23\u0e34\u0e14 3 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\r\n.gc-all-projects-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 32px 28px;\r\n}\r\n\r\n\/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 *\/\r\n.gc-proj-box {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);\r\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.gc-proj-box:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 36px rgba(29, 89, 168, 0.12);\r\n    border-color: #5bba47;\r\n}\r\n\r\n\/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n.gc-proj-thumb {\r\n    width: 100%;\r\n    height: 220px;\r\n    overflow: hidden;\r\n    background: #f8fafc;\r\n    position: relative;\r\n}\r\n\r\n.gc-proj-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.gc-proj-box:hover .gc-proj-img {\r\n    transform: scale(1.06);\r\n}\r\n\r\n\/* \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 *\/\r\n.gc-proj-details {\r\n    padding: 18px 20px 20px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n}\r\n\r\n.gc-proj-name {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n    margin: 0 0 6px 0;\r\n    line-height: 1.35;\r\n    min-height: 42px;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n}\r\n\r\n.gc-proj-meta {\r\n    font-size: 13.5px;\r\n    color: #64748b;\r\n    margin: 0 0 6px 0;\r\n    line-height: 1.45;\r\n}\r\n\r\n.gc-proj-meta b {\r\n    color: #334155;\r\n    font-weight: 600;\r\n}\r\n\r\n.gc-proj-power {\r\n    font-size: 14.5px;\r\n    font-weight: 500;\r\n    color: #334155;\r\n    margin: 0;\r\n    margin-top: auto;\r\n}\r\n\r\n\/* --- [\ud83d\udcf1 Responsive Breakpoints] --- *\/\r\n@media (max-width: 1024px) {\r\n    .gc-all-projects-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 24px;\r\n    }\r\n    .gc-proj-thumb {\r\n        height: 200px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .gc-project-page-wrap {\r\n        padding: 35px 0 60px 0;\r\n    }\r\n    .gc-page-main-title {\r\n        font-size: 30px;\r\n    }\r\n    .gc-all-projects-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n    .gc-proj-thumb {\r\n        height: 210px;\r\n    }\r\n    .gc-proj-name {\r\n        min-height: auto;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9160a9 e-con-full e-flex e-con e-parent\" data-id=\"c9160a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-beec1ea elementor-widget elementor-widget-html\" data-id=\"beec1ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     CORPORATE FOOTER (GRID CONNECT)\r\n     ========================================================================== -->\r\n<footer class=\"gc-custom-footer\" id=\"footer\">\r\n    <div class=\"gc-footer-container\">\r\n        \r\n        <!-- \u0e41\u0e16\u0e27\u0e1a\u0e19: \u0e42\u0e25\u0e42\u0e01\u0e49\u0e08\u0e23\u0e34\u0e07 -->\r\n        <div class=\"footer-top-row\">\r\n            <a href=\"\/\" class=\"footer-brand-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Logo-Grid-Connect-White-with-Green-Symbol-scaled.webp\" alt=\"Grid Connect Logo\" class=\"footer-logo-img\">\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- \u0e41\u0e16\u0e27\u0e01\u0e25\u0e32\u0e07: 3 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d -->\r\n        <div class=\"footer-info-grid\">\r\n            \r\n            <!-- \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c 1: \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48 -->\r\n            <div class=\"footer-info-col\">\r\n                <h4 class=\"info-title\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e01\u0e23\u0e34\u0e14\u0e04\u0e2d\u0e19\u0e40\u0e19\u0e47\u0e04 \u0e08\u0e33\u0e01\u0e31\u0e14 (\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48):<\/h4>\r\n                <div class=\"info-detail-row\">\r\n                    <i class=\"fa-solid fa-location-dot green-icon\"><\/i>\r\n                    <span>\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48 90\/45 \u0e16\u0e19\u0e19\u0e01\u0e32\u0e0d\u0e08\u0e19\u0e32\u0e20\u0e34\u0e40\u0e29\u0e01 \u0e41\u0e02\u0e27\u0e07\u0e14\u0e2d\u0e01\u0e44\u0e21\u0e49 \u0e40\u0e02\u0e15\u0e1b\u0e23\u0e30\u0e40\u0e27\u0e28 \u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e21\u0e2b\u0e32\u0e19\u0e04\u0e23 10250<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c 2: \u0e2a\u0e32\u0e02\u0e32\u0e23\u0e32\u0e0a\u0e40\u0e17\u0e27\u0e35 -->\r\n            <div class=\"footer-info-col\">\r\n                <h4 class=\"info-title\">\u0e2a\u0e32\u0e02\u0e32\u0e23\u0e32\u0e0a\u0e40\u0e17\u0e27\u0e35:<\/h4>\r\n                <div class=\"info-detail-row\">\r\n                    <i class=\"fa-solid fa-location-dot green-icon\"><\/i>\r\n                    <span>\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48 34 \u0e0a\u0e31\u0e49\u0e19 4 \u0e2b\u0e49\u0e2d\u0e07 A04-406 \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e0b\u0e35.\u0e1e\u0e35.\u0e17\u0e32\u0e27\u0e40\u0e27\u0e2d\u0e23\u0e4c 3 \u0e16\u0e19\u0e19\u0e1e\u0e0d\u0e32\u0e44\u0e17 \u0e41\u0e02\u0e27\u0e07\u0e17\u0e38\u0e48\u0e07\u0e1e\u0e0d\u0e32\u0e44\u0e17 \u0e40\u0e02\u0e15\u0e23\u0e32\u0e0a\u0e40\u0e17\u0e27\u0e35 \u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e21\u0e2b\u0e32\u0e19\u0e04\u0e23 10400<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c 3: \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32 -->\r\n            <div class=\"footer-info-col contact-col\">\r\n                <h4 class=\"info-title\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32:<\/h4>\r\n                <div class=\"info-detail-row\">\r\n                    <i class=\"fa-solid fa-phone green-icon\"><\/i>\r\n                    <a href=\"tel:021253281\">+66 (0)2 125 3281<\/a>\r\n                <\/div>\r\n                <div class=\"info-detail-row\">\r\n                    <i class=\"fa-solid fa-envelope green-icon\"><\/i>\r\n                    <a href=\"mailto:info@gridconnect.co.th\">info@gridconnect.co.th<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- \u0e41\u0e16\u0e27\u0e25\u0e48\u0e32\u0e07: \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07 -->\r\n        <div class=\"footer-copyright-row\">\r\n            <p>\u00a9 \u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c \u0e1e.\u0e28. 2569 \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e01\u0e23\u0e34\u0e14\u0e04\u0e2d\u0e19\u0e40\u0e19\u0e47\u0e04 \u0e08\u0e33\u0e01\u0e31\u0e14<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n\/* --- [\ud83c\udfe2 FOOTER BASE STYLING] --- *\/\r\n.gc-custom-footer {\r\n    position: relative;\r\n    width: 100%;\r\n    background: linear-gradient(180deg, #2f58a3 0%, #123c7a 100%);\r\n    padding: 45px 24px 30px 24px;\r\n    box-sizing: border-box;\r\n    font-family: 'Kanit', sans-serif;\r\n    color: #ffffff;\r\n}\r\n\r\n.gc-footer-container {\r\n    max-width: 1340px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* \u0e41\u0e16\u0e27\u0e1a\u0e19: \u0e42\u0e25\u0e42\u0e01\u0e49 *\/\r\n.footer-top-row {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.footer-brand-logo {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n}\r\n\r\n.footer-logo-img {\r\n    max-height: 52px;\r\n    width: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n}\r\n\r\n\/* \u0e41\u0e16\u0e27\u0e01\u0e25\u0e32\u0e07: 3 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 *\/\r\n.footer-info-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 1.35fr 0.9fr;\r\n    gap: 40px;\r\n    margin-bottom: 45px;\r\n}\r\n\r\n.footer-info-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.info-title {\r\n    font-size: 15.5px;\r\n    font-weight: 600;\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n    line-height: 1.4;\r\n}\r\n\r\n.info-detail-row {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    color: #ffffff;\r\n    line-height: 1.65;\r\n    margin-bottom: 8px;\r\n    opacity: 0.95;\r\n}\r\n\r\n.green-icon {\r\n    color: #5bba47;\r\n    font-size: 15px;\r\n    margin-top: 3px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.info-detail-row a {\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    transition: opacity 0.2s ease;\r\n}\r\n\r\n.info-detail-row a:hover {\r\n    opacity: 0.8;\r\n}\r\n\r\n\/* \u0e41\u0e16\u0e27\u0e25\u0e48\u0e32\u0e07: \u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c *\/\r\n.footer-copyright-row {\r\n    text-align: center;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n    padding-top: 24px;\r\n}\r\n\r\n.footer-copyright-row p {\r\n    font-size: 13px;\r\n    font-weight: 300;\r\n    color: rgba(255, 255, 255, 0.75);\r\n    margin: 0;\r\n    letter-spacing: 0.2px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 991px) {\r\n    .footer-info-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .gc-custom-footer {\r\n        padding: 40px 18px 25px 18px;\r\n    }\r\n    .footer-logo-img {\r\n        max-height: 42px;\r\n    }\r\n}\r\n<\/style>\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>\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01 \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-138","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=\/wp\/v2\/pages\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=138"}],"version-history":[{"count":13,"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=\/wp\/v2\/pages\/138\/revisions"}],"predecessor-version":[{"id":321,"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=\/wp\/v2\/pages\/138\/revisions\/321"}],"wp:attachment":[{"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}