{"id":15,"date":"2026-10-13T05:44:24","date_gmt":"2026-10-13T05:44:24","guid":{"rendered":"https:\/\/gridconnect.co.th\/?page_id=15"},"modified":"2026-10-19T20:00:39","modified_gmt":"2026-10-19T20:00:39","slug":"home","status":"publish","type":"page","link":"https:\/\/gridconnect.co.th\/","title":{"rendered":"\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8a1e3f e-con-full e-flex e-con e-parent\" data-id=\"b8a1e3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d9bb30a elementor-widget elementor-widget-html\" data-id=\"1d9bb30a\" 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 -->\r\n<header class=\"grid-gradient-header\" id=\"gridMainHeader\">\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) -->\r\n        <nav class=\"grid-nav-menu\">\r\n            <a href=\"\/\" class=\"nav-link active\">\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01<\/a>\r\n            <a href=\"#about\" class=\"nav-link\" onclick=\"handleMenuScroll(event, 'about')\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"#services\" class=\"nav-link\" onclick=\"handleMenuScroll(event, 'services')\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"#reference\" class=\"nav-link\" onclick=\"handleMenuScroll(event, 'reference')\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"#contact\" class=\"nav-link\" onclick=\"handleMenuScroll(event, 'contact')\">\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=\"\/\" class=\"lang-option active\">TH (\u0e44\u0e17\u0e22)<\/a>\r\n                    <a href=\"\/en\/\" 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=\"closeGridMobMenu()\">\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01<\/a>\r\n            <a href=\"#about\" onclick=\"handleMobMenuScroll(event, 'about')\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"#services\" onclick=\"handleMobMenuScroll(event, 'services')\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"#reference\" onclick=\"handleMobMenuScroll(event, 'reference')\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/a>\r\n            <a href=\"#contact\" onclick=\"handleMobMenuScroll(event, 'contact')\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\r\n            <div class=\"mob-lang-row\">\r\n                <a href=\"\/\" class=\"mob-lang-item active\">TH<\/a>\r\n                <span class=\"mob-lang-sep\">|<\/span>\r\n                <a href=\"\/en\/\" 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.gc-about-section,\r\n.gc-services-section,\r\n.gc-projects-section,\r\n.gc-bottom-wrapper {\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\/* \u0e25\u0e1a scroll-padding \u0e17\u0e35\u0e48\u0e0a\u0e19\u0e01\u0e31\u0e1a JS \u0e2d\u0e2d\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 JS \u0e04\u0e38\u0e21\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33 100% *\/\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\n\/* --- \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e41\u0e16\u0e1a HEADER --- *\/\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: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n    z-index: 99999;\r\n    box-sizing: border-box;\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\/* \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.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.35s 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    transition: opacity 0.2s ease;\r\n}\r\n\r\n.grid-mob-nav a:hover {\r\n    opacity: 0.85;\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        closeGridMobMenu();\r\n    } else {\r\n        drawer.classList.add('open');\r\n        btn.classList.add('active');\r\n    }\r\n}\r\n\r\nfunction closeGridMobMenu() {\r\n    var drawer = document.getElementById('gridMobDrawer');\r\n    var btn = document.querySelector('.grid-mob-btn');\r\n    if (drawer) drawer.classList.remove('open');\r\n    if (btn) btn.classList.remove('active');\r\n}\r\n\r\n\/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e04\u0e33\u0e19\u0e27\u0e13\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 (\u0e40\u0e1e\u0e34\u0e48\u0e21 Offset \u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19 37px \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07\u0e21\u0e32\u0e15\u0e23\u0e07\u0e08\u0e38\u0e14\u0e1e\u0e2d\u0e14\u0e35)\r\nfunction scrollToSectionTarget(targetId) {\r\n    var targetEl = document.getElementById(targetId);\r\n    if (!targetEl) return;\r\n\r\n    var header = document.getElementById('gridMainHeader');\r\n    var headerWrap = header ? header.querySelector('.grid-header-wrap') : null;\r\n    \r\n    \/\/ \u0e2b\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e08\u0e23\u0e34\u0e07\u0e02\u0e2d\u0e07 Header \u0e1a\u0e32\u0e23\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\r\n    var headerHeight = headerWrap ? headerWrap.offsetHeight : 60;\r\n    \r\n    \/\/ \u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21 Offset \u0e43\u0e2b\u0e49\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e15\u0e01\u0e25\u0e07\u0e21\u0e32\u0e44\u0e21\u0e48\u0e0a\u0e34\u0e14\u0e02\u0e2d\u0e1a\u0e1a\u0e19\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b\r\n    var isMobile = window.innerWidth <= 991;\r\n    var totalOffset = headerHeight + (isMobile ? 37 : 20);\r\n\r\n    var targetRect = targetEl.getBoundingClientRect();\r\n    var targetPosition = targetRect.top + window.pageYOffset - totalOffset;\r\n\r\n    window.scrollTo({\r\n        top: Math.max(0, targetPosition),\r\n        behavior: 'smooth'\r\n    });\r\n}\r\n\r\n\/\/ \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Desktop \u0e40\u0e21\u0e19\u0e39\r\nfunction handleMenuScroll(e, targetId) {\r\n    var targetEl = document.getElementById(targetId);\r\n    if (targetEl) {\r\n        e.preventDefault();\r\n        scrollToSectionTarget(targetId);\r\n    }\r\n}\r\n\r\n\/\/ \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Mobile \u0e40\u0e21\u0e19\u0e39 (\u0e1b\u0e34\u0e14 Drawer \u0e17\u0e31\u0e19\u0e17\u0e35\u0e41\u0e25\u0e49\u0e27\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e1a\u0e1a Smooth)\r\nfunction handleMobMenuScroll(e, targetId) {\r\n    var targetEl = document.getElementById(targetId);\r\n    if (targetEl) {\r\n        e.preventDefault();\r\n        closeGridMobMenu();\r\n        \/\/ \u0e23\u0e2d\u0e43\u0e2b\u0e49 Drawer \u0e1e\u0e31\u0e1a\u0e1b\u0e34\u0e14\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e01\u0e48\u0e2d\u0e19\u0e04\u0e33\u0e19\u0e27\u0e13\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\r\n        setTimeout(function() {\r\n            scrollToSectionTarget(targetId);\r\n        }, 150);\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-732e4613 e-con-full e-flex e-con e-parent\" data-id=\"732e4613\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fa8833c elementor-widget elementor-widget-html\" data-id=\"4fa8833c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BANNER WEBSITE HERO SLIDER SECTION -->\r\n<section class=\"grid-hero-slider-section\">\r\n    <!-- \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e23\u0e27\u0e21\u0e20\u0e32\u0e1e\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e17\u0e31\u0e49\u0e07 5 \u0e20\u0e32\u0e1e -->\r\n    <div class=\"hero-slider-container\" id=\"heroSlider\">\r\n        <div class=\"hero-slide-item active\" style=\"background-image: url('https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-1.webp');\">\r\n            <div class=\"hero-slide-overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"hero-slide-item\" style=\"background-image: url('https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-2.webp');\">\r\n            <div class=\"hero-slide-overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"hero-slide-item\" style=\"background-image: url('https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-3.webp');\">\r\n            <div class=\"hero-slide-overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"hero-slide-item\" style=\"background-image: url('https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-4.webp');\">\r\n            <div class=\"hero-slide-overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"hero-slide-item\" style=\"background-image: url('https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-5.webp');\">\r\n            <div class=\"hero-slide-overlay\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e15\u0e4c\u0e17\u0e31\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e15\u0e32\u0e21\u0e41\u0e1a\u0e1a\u0e15\u0e49\u0e19\u0e09\u0e1a\u0e31\u0e1a -->\r\n    <div class=\"hero-content-wrapper\">\r\n        <div class=\"hero-bottom-grid\">\r\n            \r\n            <!-- \u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22: \u0e1e\u0e32\u0e14\u0e2b\u0e31\u0e27\u0e2b\u0e25\u0e31\u0e01\u0e15\u0e31\u0e27\u0e43\u0e2b\u0e0d\u0e48 -->\r\n            <div class=\"hero-title-col\">\r\n                <h1 class=\"hero-main-title\">\r\n                    \u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14<br>\r\n                    \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e19\u0e32\u0e04\u0e15\u0e17\u0e35\u0e48<span class=\"highlight-green\">\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/span>\r\n                <\/h1>\r\n            <\/div>\r\n\r\n            <!-- \u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: 3 \u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e21\u0e34\u0e19\u0e34\u0e21\u0e2d\u0e25 + \u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32\u0e14\u0e23\u0e2d\u0e1b\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 -->\r\n            <div class=\"hero-features-col\">\r\n                <div class=\"hero-features-row\">\r\n                    \r\n                    <!-- \u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c 1: \u0e43\u0e1a\u0e44\u0e21\u0e49 Clean Energy -->\r\n                    <div class=\"hero-clean-pill\">\r\n                        <div class=\"pill-svg-icon\">\r\n                            <i class=\"fa-solid fa-seedling\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"pill-labels\">\r\n                            <span class=\"en-lbl\">Clean Energy<\/span>\r\n                            <span class=\"th-lbl\">\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c 2: \u0e01\u0e4a\u0e32\u0e0b\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19 Net Zero -->\r\n                    <div class=\"hero-clean-pill\">\r\n                        <div class=\"pill-svg-icon\">\r\n                            <i class=\"fa-solid fa-cloud-arrow-down\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"pill-labels\">\r\n                            <span class=\"th-top-lbl\">\u0e25\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19<\/span>\r\n                            <span class=\"sub-lbl\">\u0e2a\u0e39\u0e48 Net Zero<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c 3: \u0e42\u0e25\u0e48\u0e2b\u0e4c\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21 -->\r\n                    <div class=\"hero-clean-pill\">\r\n                        <div class=\"pill-svg-icon\">\r\n                            <i class=\"fa-regular fa-circle-check\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"pill-labels\">\r\n                            <span class=\"th-top-lbl\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21<\/span>\r\n                            <span class=\"sub-lbl\">\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- \u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32\u0e08\u0e31\u0e14\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07\u0e43\u0e15\u0e49\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c -->\r\n                <div class=\"hero-slider-nav\">\r\n                    <div class=\"slider-dots\" id=\"sliderDots\">\r\n                        <span class=\"dot active\" onclick=\"goHeroSlide(0)\"><\/span>\r\n                        <span class=\"dot\" onclick=\"goHeroSlide(1)\"><\/span>\r\n                        <span class=\"dot\" onclick=\"goHeroSlide(2)\"><\/span>\r\n                        <span class=\"dot\" onclick=\"goHeroSlide(3)\"><\/span>\r\n                        <span class=\"dot\" onclick=\"goHeroSlide(4)\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* --- \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1a\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c HERO SLIDER --- *\/\r\n.grid-hero-slider-section {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 85vh;\r\n    display: flex;\r\n    align-items: flex-end; \/* \u0e14\u0e31\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e25\u0e07\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e15\u0e32\u0e21\u0e23\u0e39\u0e1b\u0e15\u0e49\u0e19\u0e41\u0e1a\u0e1a *\/\r\n    overflow: hidden;\r\n    font-family: 'Kanit', sans-serif;\r\n    color: #ffffff;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* \u0e20\u0e32\u0e1e\u0e2a\u0e44\u0e25\u0e14\u0e4c *\/\r\n.hero-slider-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n}\r\n\r\n.hero-slide-item {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center center;\r\n    opacity: 0;\r\n    transform: scale(1.04);\r\n    transition: opacity 1.2s ease, transform 6s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.hero-slide-item.active {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n\/* \u0e41\u0e1c\u0e48\u0e19 Overlay \u0e44\u0e25\u0e48\u0e40\u0e09\u0e14\u0e2a\u0e35\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 (#2f58a3 \u0e17\u0e35\u0e48 90% opacity \u0e15\u0e32\u0e21 Guideline) *\/\r\n.hero-slide-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(47, 88, 163, 0.3) 55%, rgba(18, 60, 122, 0.88) 100%);\r\n}\r\n\r\n\/* \u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e15\u0e4c\u0e23\u0e30\u0e19\u0e32\u0e1a\u0e25\u0e48\u0e32\u0e07 *\/\r\n.hero-content-wrapper {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1400px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0 40px 45px 40px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hero-bottom-grid {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n}\r\n\r\n\/* \u0e1e\u0e32\u0e14\u0e2b\u0e31\u0e27\u0e43\u0e2b\u0e0d\u0e48\u0e14\u0e49\u0e32\u0e19\u0e0b\u0e49\u0e32\u0e22 *\/\r\n.hero-title-col {\r\n    flex: 0 0 auto;\r\n}\r\n\r\n.hero-main-title {\r\n    color: #ffffff !important;\r\n    font-size: 50px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin: 0;\r\n    letter-spacing: -0.5px;\r\n    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.hero-main-title .highlight-green {\r\n    color: #5bba47; \/* \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c *\/\r\n    text-shadow: 0 0 20px rgba(91, 186, 71, 0.4);\r\n}\r\n\r\n\/* \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: \u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c + \u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32 *\/\r\n.hero-features-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 22px;\r\n}\r\n\r\n.hero-features-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 36px;\r\n}\r\n\r\n\/* \u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e21\u0e34\u0e19\u0e34\u0e21\u0e2d\u0e25\u0e41\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e21\u0e35\u0e01\u0e23\u0e2d\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07 *\/\r\n.hero-clean-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: #ffffff;\r\n}\r\n\r\n.pill-svg-icon {\r\n    font-size: 32px;\r\n    color: #ffffff;\r\n    line-height: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));\r\n}\r\n\r\n.pill-labels {\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1.25;\r\n}\r\n\r\n.pill-labels .en-lbl {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: #ffffff;\r\n    letter-spacing: 0.2px;\r\n}\r\n\r\n.pill-labels .th-lbl,\r\n.pill-labels .th-top-lbl,\r\n.pill-labels .sub-lbl {\r\n    font-size: 13.5px;\r\n    font-weight: 400;\r\n    color: #ffffff;\r\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.pill-labels .th-top-lbl {\r\n    font-weight: 500;\r\n}\r\n\r\n\/* \ud83d\udfe2 \u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e15\u0e32\u0e21 Guideline *\/\r\n.hero-slider-nav {\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n}\r\n\r\n.slider-dots {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n\/* \u0e08\u0e38\u0e14\u0e01\u0e25\u0e21\u0e2a\u0e35\u0e02\u0e32\u0e27 *\/\r\n.slider-dots .dot {\r\n    width: 9px;\r\n    height: 9px;\r\n    background: #ffffff;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n\/* \u0e08\u0e38\u0e14 Active \u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e04\u0e1b\u0e0b\u0e39\u0e25\u0e22\u0e32\u0e27\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c *\/\r\n.slider-dots .dot.active {\r\n    width: 26px;\r\n    height: 9px;\r\n    background: #5bba47;\r\n    border-radius: 20px;\r\n    box-shadow: 0 0 10px rgba(91, 186, 71, 0.7);\r\n}\r\n\r\n\/* --- Responsive Breakpoints --- *\/\r\n@media (max-width: 1199px) {\r\n    .hero-bottom-grid {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 30px;\r\n    }\r\n    .hero-features-col {\r\n        align-items: flex-start;\r\n        width: 100%;\r\n    }\r\n    .hero-slider-nav {\r\n        justify-content: flex-start;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .grid-hero-slider-section {\r\n        min-height: 80vh;\r\n    }\r\n    .hero-content-wrapper {\r\n        padding: 0 20px 30px 20px;\r\n    }\r\n    .hero-main-title {\r\n        font-size: 32px;\r\n    }\r\n    .hero-features-row {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 16px;\r\n    }\r\n    .pill-svg-icon {\r\n        font-size: 26px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlet currentSlideIndex = 0;\r\nconst slides = document.querySelectorAll('.hero-slide-item');\r\nconst dots = document.querySelectorAll('.slider-dots .dot');\r\nlet slideInterval = null;\r\n\r\nfunction updateSlideView() {\r\n    slides.forEach((slide, idx) => {\r\n        slide.classList.toggle('active', idx === currentSlideIndex);\r\n    });\r\n    dots.forEach((dot, idx) => {\r\n        dot.classList.toggle('active', idx === currentSlideIndex);\r\n    });\r\n}\r\n\r\nfunction moveHeroSlide(step) {\r\n    currentSlideIndex = (currentSlideIndex + step + slides.length) % slides.length;\r\n    updateSlideView();\r\n    resetSlideTimer();\r\n}\r\n\r\nfunction goHeroSlide(index) {\r\n    currentSlideIndex = index;\r\n    updateSlideView();\r\n    resetSlideTimer();\r\n}\r\n\r\nfunction resetSlideTimer() {\r\n    clearInterval(slideInterval);\r\n    slideInterval = setInterval(() => {\r\n        moveHeroSlide(1);\r\n    }, 6000);\r\n}\r\n\r\nresetSlideTimer();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b82a8d8 e-con-full e-flex e-con e-parent\" data-id=\"4b82a8d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-672593ee elementor-widget elementor-widget-html\" data-id=\"672593ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     SECTION 3: ABOUT GRID CONNECT & ESG\r\n     ========================================================================== -->\r\n<section class=\"gc-about-section\" id=\"about\">\r\n    <div class=\"gc-about-container\">\r\n        \r\n        <!-- \ud83d\udcdd \u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22: \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e1e\u0e34\u0e21\u0e1e\u0e4c + \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22 + \u0e1b\u0e38\u0e48\u0e21\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 -->\r\n        <div class=\"gc-about-col-left\">\r\n\r\n            <!-- \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e41\u0e1a\u0e1a\u0e1e\u0e34\u0e21\u0e1e\u0e4c: \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a (\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19 #1d59a8) \u0e01\u0e23\u0e34\u0e14\u0e04\u0e2d\u0e19\u0e40\u0e19\u0e47\u0e04 (\u0e40\u0e02\u0e35\u0e22\u0e27 #5bba47) -->\r\n            <h2 class=\"gc-about-main-title\">\r\n                <span class=\"title-blue\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a<\/span>\r\n                <span class=\"title-green\">\u0e01\u0e23\u0e34\u0e14\u0e04\u0e2d\u0e19\u0e40\u0e19\u0e47\u0e04<\/span>\r\n            <\/h2>\r\n\r\n            <!-- \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22 -->\r\n            <div class=\"gc-about-desc\">\r\n                <p>\r\n                    \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e01\u0e23\u0e34\u0e14\u0e04\u0e2d\u0e19\u0e40\u0e19\u0e47\u0e04 \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07\u0e02\u0e36\u0e49\u0e19\u0e43\u0e19 \u0e1e.\u0e28. 2556 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e39\u0e48\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e23\u0e31\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 (Turnkey EPC) \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e31\u0e49\u0e07\u0e41\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e14\u0e34\u0e19 (Solar Farm) \u0e1a\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32 (Solar Rooftop) \u0e17\u0e38\u0e48\u0e19\u0e25\u0e2d\u0e22\u0e19\u0e49\u0e33 (Floating Solar) \u0e41\u0e25\u0e30\u0e42\u0e23\u0e07\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e0a\u0e32\u0e23\u0e4c\u0e08\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\u0e44\u0e1f\u0e1f\u0e49\u0e32 (Carport + EV Charger)\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- \u0e1b\u0e38\u0e48\u0e21\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e23\u0e07\u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32 About Us (ID 132) -->\r\n            <div class=\"gc-about-action\">\r\n                <a href=\"\/?page_id=132\" class=\"gc-btn-gradient-more\">\r\n                    <span>\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right-long\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \ud83c\udfe2 \u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: \u0e20\u0e32\u0e1e Infographic ESG & Clean City \u0e04\u0e23\u0e1a\u0e0a\u0e38\u0e14 -->\r\n        <div class=\"gc-about-col-right\">\r\n            <div class=\"gc-about-infographic-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/ESG-Infographic-scaled.webp\" alt=\"Grid Connect ESG for a better tomorrow\" class=\"gc-esg-infographic-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* --- [\ud83c\udf3f \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 SECTION 3: ABOUT] --- *\/\r\n.gc-about-section {\r\n    position: relative;\r\n    padding: 90px 24px;\r\n    background: #ffffff;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.gc-about-container {\r\n    max-width: 1340px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 0.95fr 1.05fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n}\r\n\r\n\/* \ud83d\udcdd \u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22 *\/\r\n.gc-about-col-left {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n\r\n\/* \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e15\u0e31\u0e27\u0e1e\u0e34\u0e21\u0e1e\u0e4c \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a (#1d59a8) \u0e01\u0e23\u0e34\u0e14\u0e04\u0e2d\u0e19\u0e40\u0e19\u0e47\u0e04 (#5bba47) *\/\r\n.gc-about-main-title {\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin: 0 0 20px 0;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.gc-about-main-title .title-blue {\r\n    color: #1d59a8;\r\n}\r\n\r\n.gc-about-main-title .title-green {\r\n    color: #5bba47;\r\n}\r\n\r\n\/* \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22 *\/\r\n.gc-about-desc p {\r\n    font-size: 16px;\r\n    line-height: 1.85;\r\n    color: #334155;\r\n    font-weight: 400;\r\n    margin: 0 0 32px 0;\r\n    text-align: justify;\r\n    letter-spacing: 0.1px;\r\n}\r\n\r\n\/* \u0e1b\u0e38\u0e48\u0e21\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e41\u0e04\u0e1b\u0e0b\u0e39\u0e25\u0e44\u0e25\u0e48\u0e40\u0e09\u0e14\u0e2a\u0e35 (#2f58a3 \u0e44\u0e1b #5bba47) *\/\r\n.gc-btn-gradient-more {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 12px 32px;\r\n    background: linear-gradient(90deg, #2f58a3 0%, #5bba47 100%);\r\n    color: #ffffff !important;\r\n    text-decoration: none;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    border-radius: 50px;\r\n    box-shadow: 0 8px 22px rgba(47, 88, 163, 0.25);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.gc-btn-gradient-more:hover {\r\n    box-shadow: 0 10px 28px rgba(91, 186, 71, 0.35);\r\n    transform: translateY(-2px);\r\n    filter: brightness(1.06);\r\n}\r\n\r\n.gc-btn-gradient-more i {\r\n    font-size: 14px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.gc-btn-gradient-more:hover i {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* \ud83c\udfe2 \u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: \u0e20\u0e32\u0e1e Infographic ESG *\/\r\n.gc-about-col-right {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.gc-about-infographic-wrap {\r\n    width: 100%;\r\n}\r\n\r\n.gc-esg-infographic-img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.gc-about-infographic-wrap:hover .gc-esg-infographic-img {\r\n    transform: scale(1.02);\r\n}\r\n\r\n\/* --- [\ud83d\udcf1 Responsive System] --- *\/\r\n@media (max-width: 1024px) {\r\n    .gc-about-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    .gc-about-main-title {\r\n        font-size: 38px;\r\n    }\r\n    .gc-about-desc p {\r\n        text-align: left;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .gc-about-section {\r\n        padding: 50px 18px;\r\n    }\r\n    .gc-about-main-title {\r\n        font-size: 32px;\r\n    }\r\n    .gc-about-desc p {\r\n        font-size: 15px;\r\n        line-height: 1.75;\r\n    }\r\n    .gc-btn-gradient-more {\r\n        width: 100%;\r\n        justify-content: center;\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-377fced2 e-con-full e-flex e-con e-parent\" data-id=\"377fced2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75024856 elementor-widget elementor-widget-html\" data-id=\"75024856\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     SECTION 4: OUR SERVICES & TURNKEY EPC\r\n     ========================================================================== -->\r\n<section class=\"gc-services-section\" id=\"services\">\r\n    <div class=\"gc-services-container\">\r\n        \r\n        <!-- \u26a1 \u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22: \u0e42\u0e25\u0e42\u0e01\u0e49\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d + \u0e20\u0e32\u0e1e\u0e01\u0e23\u0e32\u0e1f\u0e34\u0e01 OUR SERVICE & \u0e40\u0e01\u0e32\u0e30 3D + Turnkey EPC -->\r\n        <div class=\"gc-services-col-left\">\r\n            \r\n            <!-- \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d \"\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\" (\u0e02\u0e22\u0e32\u0e22\u0e43\u0e2b\u0e0d\u0e48\u0e02\u0e36\u0e49\u0e19 50%) -->\r\n            <div class=\"gc-service-header-img-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Header-\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32.webp\" alt=\"\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\" class=\"gc-service-header-img\">\r\n            <\/div>\r\n\r\n            <!-- \u0e20\u0e32\u0e1e\u0e01\u0e23\u0e32\u0e1f\u0e34\u0e01 OUR SERVICE \u0e23\u0e27\u0e21\u0e40\u0e01\u0e32\u0e30\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 3D \u0e15\u0e31\u0e27\u0e08\u0e23\u0e34\u0e07 -->\r\n            <div class=\"gc-service-artwork-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Our-Service-Design-scaled.webp\" alt=\"Our Service - Grid Connect\" class=\"gc-service-artwork-img\">\r\n            <\/div>\r\n\r\n            <!-- \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22 Turnkey EPC -->\r\n            <div class=\"gc-turnkey-block\">\r\n                <h3 class=\"turnkey-title\">Turnkey EPC<\/h3>\r\n                <p class=\"turnkey-description\">\r\n                    \u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e40\u0e23\u0e32\u0e14\u0e39\u0e41\u0e25\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19 \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e2b\u0e32 \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e07\u0e32\u0e19 Engineering, Procurement \u0e41\u0e25\u0e30 Construction \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e35\u0e21\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e41\u0e25\u0e30\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e32\u0e07\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e14\u0e39\u0e41\u0e25\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e15\u0e49\u0e19\u0e08\u0e19\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e07\u0e32\u0e19\r\n                <\/p>\r\n                <!-- \u0e1b\u0e38\u0e48\u0e21\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e23\u0e07\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32 Services (ID 136) -->\r\n                <div class=\"turnkey-btn-wrap\">\r\n                    <a href=\"\/?page_id=136\" class=\"gc-btn-gradient-more\">\r\n                        <span>\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/span>\r\n                        <i class=\"fa-solid fa-arrow-right-long\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- \u2600\ufe0f \u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: \u0e01\u0e32\u0e23\u0e4c\u0e14 4 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e01 (\u0e43\u0e0a\u0e49\u0e20\u0e32\u0e1e\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e08\u0e23\u0e34\u0e07\u0e15\u0e32\u0e21\u0e23\u0e30\u0e1a\u0e38) -->\r\n        <div class=\"gc-services-col-right\">\r\n            <div class=\"gc-service-cards-grid\">\r\n\r\n                <!-- 1. Solar Farm -->\r\n                <a href=\"\/?page_id=136\" class=\"gc-clean-service-card\">\r\n                    <div class=\"service-card-icon-img-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Solar-Farm-icon.webp\" alt=\"Solar Farm Icon\" class=\"service-card-icon-img\">\r\n                    <\/div>\r\n                    <div class=\"service-card-text\">\r\n                        <h4 class=\"service-title-en\">Solar Farm<\/h4>\r\n                        <span class=\"service-title-th\">\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e14\u0e34\u0e19<\/span>\r\n                    <\/div>\r\n                    <div class=\"service-arrow-btn\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <!-- 2. Solar Rooftop -->\r\n                <a href=\"\/?page_id=136\" class=\"gc-clean-service-card\">\r\n                    <div class=\"service-card-icon-img-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Solar-Rooftop-icon.webp\" alt=\"Solar Rooftop Icon\" class=\"service-card-icon-img\">\r\n                    <\/div>\r\n                    <div class=\"service-card-text\">\r\n                        <h4 class=\"service-title-en\">Solar Rooftop<\/h4>\r\n                        <span class=\"service-title-th\">\u0e1a\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32<\/span>\r\n                    <\/div>\r\n                    <div class=\"service-arrow-btn\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <!-- 3. Solar Floating -->\r\n                <a href=\"\/?page_id=136\" class=\"gc-clean-service-card\">\r\n                    <div class=\"service-card-icon-img-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Floating-Solar-icon.webp\" alt=\"Solar Floating Icon\" class=\"service-card-icon-img\">\r\n                    <\/div>\r\n                    <div class=\"service-card-text\">\r\n                        <h4 class=\"service-title-en\">Solar Floating<\/h4>\r\n                        <span class=\"service-title-th\">\u0e17\u0e38\u0e48\u0e19\u0e25\u0e2d\u0e22\u0e19\u0e49\u0e33<\/span>\r\n                    <\/div>\r\n                    <div class=\"service-arrow-btn\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <!-- 4. Carport + EV Charger -->\r\n                <a href=\"\/?page_id=136\" class=\"gc-clean-service-card\">\r\n                    <div class=\"service-card-icon-img-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Carport-EV-Charger-icon.webp\" alt=\"Carport EV Charger Icon\" class=\"service-card-icon-img\">\r\n                    <\/div>\r\n                    <div class=\"service-card-text\">\r\n                        <h4 class=\"service-title-en\">Carport + EV Charger<\/h4>\r\n                        <span class=\"service-title-th\">\u0e42\u0e23\u0e07\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e0a\u0e32\u0e23\u0e4c\u0e08\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\u0e44\u0e1f\u0e1f\u0e49\u0e32<\/span>\r\n                    <\/div>\r\n                    <div class=\"service-arrow-btn\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* --- [\ud83c\udf3f SECTION 4: OUR SERVICES] --- *\/\r\n.gc-services-section {\r\n    position: relative;\r\n    padding: 80px 24px 100px 24px;\r\n    background: linear-gradient(180deg, #c4edc2 0%, #e8f7e7 45%, #ffffff 100%);\r\n    font-family: 'Kanit', sans-serif;\r\n    color: #1e293b;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.gc-services-container {\r\n    max-width: 1340px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 0.95fr 1.05fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n}\r\n\r\n\/* \u26a1 \u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22 *\/\r\n.gc-services-col-left {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d \"\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\" *\/\r\n.gc-service-header-img-wrap {\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.gc-service-header-img {\r\n    max-height: 72px;\r\n    width: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n}\r\n\r\n\/* \u0e20\u0e32\u0e1e\u0e01\u0e23\u0e32\u0e1f\u0e34\u0e01 OUR SERVICE & \u0e40\u0e01\u0e32\u0e30 3D *\/\r\n.gc-service-artwork-wrap {\r\n    width: 100%;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.gc-service-artwork-img {\r\n    width: 100%;\r\n    max-width: 480px;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.08));\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.gc-service-artwork-wrap:hover .gc-service-artwork-img {\r\n    transform: scale(1.02);\r\n}\r\n\r\n\/* \u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22 Turnkey EPC *\/\r\n.gc-turnkey-block {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.turnkey-title {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    color: #1d59a8;\r\n    margin: 0 0 12px 0;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.turnkey-description {\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n    color: #334155;\r\n    font-weight: 400;\r\n    margin: 0 0 24px 0;\r\n    text-align: justify;\r\n    letter-spacing: 0.1px;\r\n}\r\n\r\n.turnkey-btn-wrap {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n}\r\n\r\n\/* \u0e1b\u0e38\u0e48\u0e21\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e41\u0e04\u0e1b\u0e0b\u0e39\u0e25\u0e44\u0e25\u0e48\u0e40\u0e09\u0e14\u0e2a\u0e35 (#2f58a3 \u0e44\u0e1b #5bba47) *\/\r\n.gc-btn-gradient-more {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 12px 32px;\r\n    background: linear-gradient(90deg, #2f58a3 0%, #5bba47 100%);\r\n    color: #ffffff !important;\r\n    text-decoration: none;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    border-radius: 50px;\r\n    box-shadow: 0 8px 22px rgba(47, 88, 163, 0.25);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.gc-btn-gradient-more:hover {\r\n    box-shadow: 0 10px 28px rgba(91, 186, 71, 0.35);\r\n    transform: translateY(-2px);\r\n    filter: brightness(1.06);\r\n}\r\n\r\n.gc-btn-gradient-more i {\r\n    font-size: 14px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.gc-btn-gradient-more:hover i {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* \u2600\ufe0f \u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07 4 \u0e43\u0e1a *\/\r\n.gc-services-col-right {\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.gc-service-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 22px;\r\n    width: 100%;\r\n}\r\n\r\n.gc-clean-service-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 28px 20px 24px 20px;\r\n    text-decoration: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    position: relative;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\r\n    border: 1px solid rgba(255, 255, 255, 0.9);\r\n    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    min-height: 230px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gc-clean-service-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 18px 40px rgba(35, 91, 168, 0.12);\r\n    border-color: #5bba47;\r\n}\r\n\r\n\/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e43\u0e2a\u0e48\u0e20\u0e32\u0e1e\u0e44\u0e2d\u0e04\u0e2d\u0e19 *\/\r\n.service-card-icon-img-box {\r\n    width: 100%;\r\n    max-width: 130px;\r\n    height: 80px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.service-card-icon-img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    object-fit: contain;\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n.gc-clean-service-card:hover .service-card-icon-img {\r\n    transform: scale(1.08);\r\n}\r\n\r\n\/* \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e43\u0e19\u0e01\u0e32\u0e23\u0e4c\u0e14 *\/\r\n.service-card-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.service-title-en {\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: #1d59a8;\r\n    margin: 0;\r\n    line-height: 1.25;\r\n}\r\n\r\n.service-title-th {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: #5bba47;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* \u0e1b\u0e38\u0e48\u0e21\u0e27\u0e07\u0e01\u0e25\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23\u0e02\u0e27\u0e32\u0e25\u0e48\u0e32\u0e07 *\/\r\n.service-arrow-btn {\r\n    position: absolute;\r\n    bottom: 16px;\r\n    right: 16px;\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    border: 1.5px solid #d1d5db;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #9ca3af;\r\n    font-size: 11px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.gc-clean-service-card:hover .service-arrow-btn {\r\n    border-color: #5bba47;\r\n    background: #5bba47;\r\n    color: #ffffff;\r\n    transform: scale(1.08);\r\n}\r\n\r\n\/* --- [\ud83d\udcf1 Responsive System] --- *\/\r\n@media (max-width: 1024px) {\r\n    .gc-services-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 50px;\r\n    }\r\n    .gc-service-artwork-img {\r\n        max-width: 400px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .gc-services-section {\r\n        padding: 50px 18px 70px 18px;\r\n    }\r\n    .gc-service-header-img {\r\n        max-height: 54px;\r\n    }\r\n    .gc-service-cards-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n    .gc-service-artwork-img {\r\n        max-width: 100%;\r\n    }\r\n    .turnkey-description {\r\n        text-align: left;\r\n    }\r\n    .turnkey-btn-wrap {\r\n        justify-content: flex-start;\r\n    }\r\n    \/* \u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e38\u0e48\u0e21\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2a\u0e31\u0e49\u0e19\u0e25\u0e07\u0e41\u0e25\u0e30\u0e0a\u0e34\u0e14\u0e0b\u0e49\u0e32\u0e22 *\/\r\n    .gc-btn-gradient-more {\r\n        width: auto !important;\r\n        padding: 12px 32px !important;\r\n        justify-content: flex-start !important;\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-246b192b e-con-full e-flex e-con e-parent\" data-id=\"246b192b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb9d576 elementor-widget elementor-widget-html\" data-id=\"4bb9d576\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     SECTION 5: OUR PARTNERS (INFINITE MARQUEE SLIDER)\r\n     ========================================================================== -->\r\n<section class=\"gc-partners-section\">\r\n    \r\n    <!-- \u0e41\u0e16\u0e1a\u0e1e\u0e32\u0e14\u0e2b\u0e31\u0e27\u0e44\u0e25\u0e48\u0e40\u0e09\u0e14\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e44\u0e1b\u0e40\u0e02\u0e35\u0e22\u0e27 (#2f58a3 \u0e44\u0e1b #5bba47) -->\r\n    <div class=\"gc-partners-header-bar\">\r\n        <div class=\"gc-partners-header-inner\">\r\n            <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Header-\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32.webp\" alt=\"\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\" class=\"partners-header-img\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0e25\u0e39\u0e48\u0e27\u0e34\u0e48\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23 (Seamless Infinite Loop \u0e44\u0e21\u0e48\u0e02\u0e32\u0e14\u0e0a\u0e48\u0e27\u0e07) -->\r\n    <div class=\"gc-marquee-container\">\r\n        <div class=\"marquee-fade-left\"><\/div>\r\n        <div class=\"marquee-fade-right\"><\/div>\r\n\r\n        <div class=\"gc-marquee-track\">\r\n            \r\n            <!-- \u0e0a\u0e38\u0e14\u0e17\u0e35\u0e48 1 -->\r\n            <div class=\"gc-marquee-group\">\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/ABB_logo.svg_.webp\" alt=\"ABB\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Huawei-Logo-scaled.webp\" alt=\"Huawei\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Jinko-Solar-logo-scaled.webp\" alt=\"Jinko Solar\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Sungrow-Logo-scaled.webp\" alt=\"Sungrow\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Trina-Solar-logo-scaled.webp\" alt=\"Trina Solar\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Kuka-Table-Logo-scaled.webp\" alt=\"Kuka Table\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Link-American-Standard-Logo.webp\" alt=\"LINK American Standard\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Multi-Contact-Logo-scaled.webp\" alt=\"Multi-Contact\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/plp-preformed-logo-scaled.webp\" alt=\"PLP Preformed\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Schneider-Electric-Logo-scaled.webp\" alt=\"Schneider Electric\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Suntopia-New-Energy-Logo-scaled.webp\" alt=\"Suntopia New Energy\" class=\"partner-logo-img\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0e0a\u0e38\u0e14\u0e17\u0e35\u0e48 2 -->\r\n            <div class=\"gc-marquee-group\" aria-hidden=\"true\">\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/ABB_logo.svg_.webp\" alt=\"ABB\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Huawei-Logo-scaled.webp\" alt=\"Huawei\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Jinko-Solar-logo-scaled.webp\" alt=\"Jinko Solar\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Sungrow-Logo-scaled.webp\" alt=\"Sungrow\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Trina-Solar-logo-scaled.webp\" alt=\"Trina Solar\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Kuka-Table-Logo-scaled.webp\" alt=\"Kuka Table\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Link-American-Standard-Logo.webp\" alt=\"LINK American Standard\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Multi-Contact-Logo-scaled.webp\" alt=\"Multi-Contact\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/plp-preformed-logo-scaled.webp\" alt=\"PLP Preformed\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Schneider-Electric-Logo-scaled.webp\" alt=\"Schneider Electric\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Suntopia-New-Energy-Logo-scaled.webp\" alt=\"Suntopia New Energy\" class=\"partner-logo-img\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0e0a\u0e38\u0e14\u0e17\u0e35\u0e48 3 -->\r\n            <div class=\"gc-marquee-group\" aria-hidden=\"true\">\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/ABB_logo.svg_.webp\" alt=\"ABB\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Huawei-Logo-scaled.webp\" alt=\"Huawei\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Jinko-Solar-logo-scaled.webp\" alt=\"Jinko Solar\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Sungrow-Logo-scaled.webp\" alt=\"Sungrow\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Trina-Solar-logo-scaled.webp\" alt=\"Trina Solar\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Kuka-Table-Logo-scaled.webp\" alt=\"Kuka Table\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Link-American-Standard-Logo.webp\" alt=\"LINK American Standard\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Multi-Contact-Logo-scaled.webp\" alt=\"Multi-Contact\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/plp-preformed-logo-scaled.webp\" alt=\"PLP Preformed\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Schneider-Electric-Logo-scaled.webp\" alt=\"Schneider Electric\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Suntopia-New-Energy-Logo-scaled.webp\" alt=\"Suntopia New Energy\" class=\"partner-logo-img\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0e0a\u0e38\u0e14\u0e17\u0e35\u0e48 4 -->\r\n            <div class=\"gc-marquee-group\" aria-hidden=\"true\">\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/ABB_logo.svg_.webp\" alt=\"ABB\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Huawei-Logo-scaled.webp\" alt=\"Huawei\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Jinko-Solar-logo-scaled.webp\" alt=\"Jinko Solar\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Sungrow-Logo-scaled.webp\" alt=\"Sungrow\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Trina-Solar-logo-scaled.webp\" alt=\"Trina Solar\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Kuka-Table-Logo-scaled.webp\" alt=\"Kuka Table\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Link-American-Standard-Logo.webp\" alt=\"LINK American Standard\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Multi-Contact-Logo-scaled.webp\" alt=\"Multi-Contact\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/plp-preformed-logo-scaled.webp\" alt=\"PLP Preformed\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Schneider-Electric-Logo-scaled.webp\" alt=\"Schneider Electric\" class=\"partner-logo-img\">\r\n                <\/div>\r\n                <div class=\"gc-partner-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Suntopia-New-Energy-Logo-scaled.webp\" alt=\"Suntopia New Energy\" class=\"partner-logo-img\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* --- [\ud83e\udd1d SECTION 5: OUR PARTNERS] --- *\/\r\n.gc-partners-section {\r\n    position: relative;\r\n    width: 100%;\r\n    background: #ffffff;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    font-family: 'Kanit', sans-serif;\r\n    border-bottom: 1px solid #eef2f6;\r\n}\r\n\r\n\/* \u0e41\u0e16\u0e1a\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e44\u0e25\u0e48\u0e40\u0e09\u0e14\u0e2a\u0e35 (#2f58a3 \u0e44\u0e1b #5bba47) *\/\r\n.gc-partners-header-bar {\r\n    width: 100%;\r\n    background: linear-gradient(90deg, #2f58a3 0%, #5bba47 100%);\r\n    padding: 16px 24px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.gc-partners-header-inner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* \u0e02\u0e19\u0e32\u0e14\u0e20\u0e32\u0e1e\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e02\u0e22\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19 30% (52px) *\/\r\n.partners-header-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\/* \u0e25\u0e39\u0e48\u0e27\u0e34\u0e48\u0e07 MARQUEE CONTAINER *\/\r\n.gc-marquee-container {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 38px 0;\r\n    overflow: hidden;\r\n    background: #fafbfc;\r\n}\r\n\r\n\/* \u0e41\u0e1c\u0e48\u0e19\u0e21\u0e32\u0e2a\u0e01\u0e4c\u0e40\u0e07\u0e32\u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 *\/\r\n.marquee-fade-left,\r\n.marquee-fade-right {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 120px;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n}\r\n\r\n.marquee-fade-left {\r\n    left: 0;\r\n    background: linear-gradient(90deg, #fafbfc 0%, rgba(250, 251, 252, 0) 100%);\r\n}\r\n\r\n.marquee-fade-right {\r\n    right: 0;\r\n    background: linear-gradient(270deg, #fafbfc 0%, rgba(250, 251, 252, 0) 100%);\r\n}\r\n\r\n\/* \u0e41\u0e17\u0e23\u0e47\u0e01\u0e2b\u0e25\u0e31\u0e01 \u0e27\u0e34\u0e48\u0e07\u0e0a\u0e49\u0e32\u0e25\u0e07 50% (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e27\u0e25\u0e32\u0e40\u0e1b\u0e47\u0e19 90s) *\/\r\n.gc-marquee-track {\r\n    display: flex;\r\n    width: max-content;\r\n    animation: gcSeamlessScroll 90s linear infinite;\r\n    will-change: transform;\r\n}\r\n\r\n\/* \u0e2b\u0e22\u0e38\u0e14\u0e27\u0e34\u0e48\u0e07\u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e32\u0e27\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e0a\u0e35\u0e49\u0e40\u0e21\u0e32\u0e2a\u0e4c *\/\r\n.gc-marquee-track:hover {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\/* \u0e01\u0e25\u0e38\u0e48\u0e21\u0e42\u0e25\u0e42\u0e01\u0e49 *\/\r\n.gc-marquee-group {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 36px;\r\n    padding-right: 36px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e43\u0e2a\u0e48\u0e42\u0e25\u0e42\u0e01\u0e49\u0e41\u0e15\u0e48\u0e25\u0e30\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c *\/\r\n.gc-partner-item {\r\n    padding: 12px 28px;\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 64px;\r\n    min-width: 150px;\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gc-partner-item:hover {\r\n    border-color: #5bba47;\r\n    box-shadow: 0 8px 25px rgba(91, 186, 71, 0.18);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* \u0e15\u0e31\u0e27\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e42\u0e25\u0e42\u0e01\u0e49 *\/\r\n.partner-logo-img {\r\n    max-height: 38px;\r\n    max-width: 130px;\r\n    width: auto;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n    filter: grayscale(15%);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.gc-partner-item:hover .partner-logo-img {\r\n    filter: grayscale(0%);\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* Animation \u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e17\u0e35\u0e25\u0e30\u0e04\u0e23\u0e36\u0e48\u0e07\u0e41\u0e17\u0e23\u0e47\u0e01 \u0e44\u0e2b\u0e25\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 *\/\r\n@keyframes gcSeamlessScroll {\r\n    0% {\r\n        transform: translateX(0);\r\n    }\r\n    100% {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 767px) {\r\n    .gc-partners-header-bar {\r\n        padding: 12px 16px;\r\n    }\r\n    .partners-header-img {\r\n        max-height: 39px;\r\n    }\r\n    .gc-marquee-container {\r\n        padding: 24px 0;\r\n    }\r\n    .marquee-fade-left,\r\n    .marquee-fade-right {\r\n        width: 45px;\r\n    }\r\n    .gc-marquee-group {\r\n        gap: 18px;\r\n        padding-right: 18px;\r\n    }\r\n    .gc-partner-item {\r\n        padding: 8px 18px;\r\n        min-height: 52px;\r\n        min-width: 120px;\r\n    }\r\n    .partner-logo-img {\r\n        max-height: 28px;\r\n        max-width: 100px;\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-74c38330 e-con-full e-flex e-con e-parent\" data-id=\"74c38330\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d914c15 elementor-widget elementor-widget-html\" data-id=\"4d914c15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     SECTION 6: HILIGHT PROJECTS (OUR REFERENCE)\r\n     ========================================================================== -->\r\n<section class=\"gc-projects-section\" id=\"reference\">\r\n    <div class=\"gc-projects-container\">\r\n        \r\n        <!-- \u0e1e\u0e32\u0e14\u0e2b\u0e31\u0e27\u0e2a\u0e48\u0e27\u0e19\u0e1c\u0e25\u0e07\u0e32\u0e19 -->\r\n        <div class=\"gc-projects-header\">\r\n            <div class=\"gc-projects-title-box\">\r\n                <h2 class=\"projects-main-title\">\r\n                    \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07<span class=\"txt-green\">\u0e40\u0e23\u0e32<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e2a\u0e44\u0e25\u0e40\u0e14\u0e2d\u0e23\u0e4c (PC \u0e42\u0e0a\u0e27\u0e4c 3 \u0e1c\u0e25\u0e07\u0e32\u0e19 \/ Mobile \u0e42\u0e0a\u0e27\u0e4c 1 \u0e1c\u0e25\u0e07\u0e32\u0e19) -->\r\n        <div class=\"gc-projects-slider-wrapper\">\r\n            <div class=\"gc-projects-grid\" id=\"gcProjectsTrack\">\r\n                \r\n                <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e17\u0e35\u0e48 1: Bangkok Komatsu -->\r\n                <div class=\"gc-project-card\">\r\n                    <div class=\"project-thumb-box\">\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=\"project-img\">\r\n                    <\/div>\r\n                    <div class=\"project-content\">\r\n                        <div class=\"project-info-top\">\r\n                            <h3 class=\"project-title\">Bangkok Komatsu Co.,Ltd. - Solar Rooftop<\/h3>\r\n                            <p class=\"project-location\"><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=\"project-capacity\">920.70 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                        <\/div>\r\n                        <div class=\"project-card-footer\">\r\n                            <a href=\"\/?page_id=138\" class=\"btn-project-detail\">\r\n                                <span>\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/span>\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e17\u0e35\u0e48 2: Solkit Solar Project -->\r\n                <div class=\"gc-project-card\">\r\n                    <div class=\"project-thumb-box\">\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=\"project-img\">\r\n                    <\/div>\r\n                    <div class=\"project-content\">\r\n                        <div class=\"project-info-top\">\r\n                            <h3 class=\"project-title\">Solkit Solar Project - Solar Farm<\/h3>\r\n                            <p class=\"project-location\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e15.\u0e2b\u0e19\u0e31\u0e19\u0e17\u0e23\u0e32\u0e22 \u0e08.\u0e2a\u0e23\u0e30\u0e41\u0e01\u0e49\u0e27<\/p>\r\n                            <p class=\"project-capacity\">6 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                        <\/div>\r\n                        <div class=\"project-card-footer\">\r\n                            <a href=\"\/?page_id=138\" class=\"btn-project-detail\">\r\n                                <span>\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/span>\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e17\u0e35\u0e48 3: LK-RICH Industrial Estate -->\r\n                <div class=\"gc-project-card\">\r\n                    <div class=\"project-thumb-box\">\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=\"project-img\">\r\n                    <\/div>\r\n                    <div class=\"project-content\">\r\n                        <div class=\"project-info-top\">\r\n                            <h3 class=\"project-title\">LK-RICH Industrial Estate - Solar Floating<\/h3>\r\n                            <p class=\"project-location\"><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=\"project-capacity\">16 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                        <\/div>\r\n                        <div class=\"project-card-footer\">\r\n                            <a href=\"\/?page_id=138\" class=\"btn-project-detail\">\r\n                                <span>\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/span>\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e17\u0e35\u0e48 4: Tsuruha Thailand -->\r\n                <div class=\"gc-project-card\">\r\n                    <div class=\"project-thumb-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-2.webp\" alt=\"Tsuruha Logistics Center - Solar Rooftop\" class=\"project-img\">\r\n                    <\/div>\r\n                    <div class=\"project-content\">\r\n                        <div class=\"project-info-top\">\r\n                            <h3 class=\"project-title\">Tsuruha Logistics Center - Solar Rooftop<\/h3>\r\n                            <p class=\"project-location\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e19\u0e34\u0e04\u0e21\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e1a\u0e32\u0e07\u0e1e\u0e25\u0e35 \u0e08.\u0e2a\u0e21\u0e38\u0e17\u0e23\u0e1b\u0e23\u0e32\u0e01\u0e32\u0e23<\/p>\r\n                            <p class=\"project-capacity\">540.00 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                        <\/div>\r\n                        <div class=\"project-card-footer\">\r\n                            <a href=\"\/?page_id=138\" class=\"btn-project-detail\">\r\n                                <span>\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/span>\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e17\u0e35\u0e48 5: Alpha Green Power -->\r\n                <div class=\"gc-project-card\">\r\n                    <div class=\"project-thumb-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-1.webp\" alt=\"Alpha Green Power - Solar Farm\" class=\"project-img\">\r\n                    <\/div>\r\n                    <div class=\"project-content\">\r\n                        <div class=\"project-info-top\">\r\n                            <h3 class=\"project-title\">Alpha Green Power - Solar Farm<\/h3>\r\n                            <p class=\"project-location\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e2d.\u0e14\u0e48\u0e32\u0e19\u0e02\u0e38\u0e19\u0e17\u0e14 \u0e08.\u0e19\u0e04\u0e23\u0e23\u0e32\u0e0a\u0e2a\u0e35\u0e21\u0e32<\/p>\r\n                            <p class=\"project-capacity\">8 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                        <\/div>\r\n                        <div class=\"project-card-footer\">\r\n                            <a href=\"\/?page_id=138\" class=\"btn-project-detail\">\r\n                                <span>\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/span>\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e17\u0e35\u0e48 6: Smart Logistics Hub -->\r\n                <div class=\"gc-project-card\">\r\n                    <div class=\"project-thumb-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/gridconnect.co.th\/wp-content\/uploads\/2026\/10\/Img-Silde-3.webp\" alt=\"Smart Logistics Hub - Solar Carport\" class=\"project-img\">\r\n                    <\/div>\r\n                    <div class=\"project-content\">\r\n                        <div class=\"project-info-top\">\r\n                            <h3 class=\"project-title\">Smart Logistics Hub - Solar Carport + EV<\/h3>\r\n                            <p class=\"project-location\"><b>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07:<\/b> \u0e40\u0e02\u0e15\u0e1a\u0e32\u0e07\u0e19\u0e32 \u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e21\u0e2b\u0e32\u0e19\u0e04\u0e23<\/p>\r\n                            <p class=\"project-capacity\">320.50 \u0e01\u0e34\u0e42\u0e25\u0e27\u0e31\u0e15\u0e15\u0e4c<\/p>\r\n                        <\/div>\r\n                        <div class=\"project-card-footer\">\r\n                            <a href=\"\/?page_id=138\" class=\"btn-project-detail\">\r\n                                <span>\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/span>\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0e41\u0e16\u0e1a\u0e25\u0e48\u0e32\u0e07: \u0e1b\u0e38\u0e48\u0e21\u0e14\u0e39\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 + \u0e41\u0e16\u0e1a\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 Slider (\u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32 6 \u0e08\u0e38\u0e14 + \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23) -->\r\n        <div class=\"gc-projects-bottom-bar\">\r\n            \r\n            <!-- \u0e1b\u0e38\u0e48\u0e21\u0e14\u0e39\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e23\u0e07\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2b\u0e19\u0e49\u0e32 ID 138 -->\r\n            <div class=\"gc-projects-action-wrap\">\r\n                <a href=\"\/?page_id=138\" class=\"btn-view-all-projects\">\r\n                    <span>\u0e14\u0e39\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right-long\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- \u0e01\u0e25\u0e38\u0e48\u0e21\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 Slider: \u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32 6 \u0e08\u0e38\u0e14 + \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23 -->\r\n            <div class=\"gc-projects-controls-group\">\r\n                <div class=\"projects-slider-indicators\">\r\n                    <span class=\"proj-dot active\" onclick=\"goToProjectSlide(0)\"><\/span>\r\n                    <span class=\"proj-dot\" onclick=\"goToProjectSlide(1)\"><\/span>\r\n                    <span class=\"proj-dot\" onclick=\"goToProjectSlide(2)\"><\/span>\r\n                    <span class=\"proj-dot\" onclick=\"goToProjectSlide(3)\"><\/span>\r\n                    <span class=\"proj-dot\" onclick=\"goToProjectSlide(4)\"><\/span>\r\n                    <span class=\"proj-dot\" onclick=\"goToProjectSlide(5)\"><\/span>\r\n                <\/div>\r\n\r\n                <!-- \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23\u0e27\u0e07\u0e01\u0e25\u0e21\u0e04\u0e39\u0e48 -->\r\n                <div class=\"projects-nav-arrows\">\r\n                    <button type=\"button\" class=\"nav-arrow-btn\" onclick=\"prevProjectSlide()\" aria-label=\"Previous Project\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n                    <button type=\"button\" class=\"nav-arrow-btn\" onclick=\"nextProjectSlide()\" aria-label=\"Next Project\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* --- [\ud83d\udca1 SECTION 6: HILIGHT PROJECTS] --- *\/\r\n.gc-projects-section {\r\n    position: relative;\r\n    padding: 80px 24px 80px 24px;\r\n    background: #ffffff;\r\n    font-family: 'Kanit', sans-serif;\r\n    color: #1e293b;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.gc-projects-container {\r\n    max-width: 1340px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* \u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d *\/\r\n.gc-projects-header {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.projects-main-title {\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    color: #1d59a8;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.projects-main-title .txt-green {\r\n    color: #5bba47;\r\n}\r\n\r\n\/* \u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e2b\u0e38\u0e49\u0e21\u0e2a\u0e44\u0e25\u0e40\u0e14\u0e2d\u0e23\u0e4c: \u0e15\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e25\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e42\u0e0a\u0e27\u0e4c 3 \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e1a\u0e19 PC *\/\r\n.gc-projects-slider-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \u0e41\u0e17\u0e23\u0e47\u0e01\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19\u0e41\u0e1a\u0e1a Flex Slider *\/\r\n.gc-projects-grid {\r\n    display: flex;\r\n    flex-direction: row;\r\n    width: 100%;\r\n    gap: 28px;\r\n    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* PC: \u0e01\u0e27\u0e49\u0e32\u0e07\u0e1e\u0e2d\u0e14\u0e35\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e21\u0e2d\u0e07\u0e40\u0e2b\u0e47\u0e19 3 \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e19 (\u0e2b\u0e31\u0e01\u0e25\u0e1a Gap 28px) *\/\r\n.gc-project-card {\r\n    flex: 0 0 calc((100% - (28px * 2)) \/ 3);\r\n    width: calc((100% - (28px * 2)) \/ 3);\r\n    max-width: calc((100% - (28px * 2)) \/ 3);\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n    border: 1px solid #e2e8f0;\r\n    transition: box-shadow 0.35s ease, border-color 0.35s ease, transform 0.35s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gc-project-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 20px 45px rgba(29, 89, 168, 0.12);\r\n    border-color: #5bba47;\r\n}\r\n\r\n.project-thumb-box {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 240px;\r\n    overflow: hidden;\r\n    background: #f1f5f9;\r\n}\r\n\r\n.project-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-project-card:hover .project-img {\r\n    transform: scale(1.06);\r\n}\r\n\r\n\/* \u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e15\u0e4c\u0e20\u0e32\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e4c\u0e14 *\/\r\n.project-content {\r\n    padding: 24px 22px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n    justify-content: space-between;\r\n}\r\n\r\n.project-title {\r\n    font-size: 17.5px;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.4;\r\n}\r\n\r\n.project-location {\r\n    font-size: 14px;\r\n    color: #475569;\r\n    margin: 0 0 6px 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n.project-location b {\r\n    color: #1e293b;\r\n}\r\n\r\n.project-capacity {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #334155;\r\n    margin: 0 0 20px 0;\r\n}\r\n\r\n\/* \u0e1b\u0e38\u0e48\u0e21\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u0e0a\u0e34\u0e14\u0e02\u0e27\u0e32 *\/\r\n.project-card-footer {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    border-top: 1px solid #f8fafc;\r\n    padding-top: 12px;\r\n}\r\n\r\n.btn-project-detail {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 7px 18px;\r\n    background: #ffffff;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 50px;\r\n    color: #334155;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.btn-project-detail:hover {\r\n    background: #2f58a3;\r\n    color: #ffffff;\r\n    border-color: #2f58a3;\r\n}\r\n\r\n\/* \u0e41\u0e16\u0e1a\u0e25\u0e48\u0e32\u0e07\u0e2a\u0e38\u0e14 (Desktop) *\/\r\n.gc-projects-bottom-bar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-top: 45px;\r\n    gap: 20px;\r\n}\r\n\r\n.gc-projects-controls-group {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 32px;\r\n}\r\n\r\n\/* \u0e1b\u0e38\u0e48\u0e21\u0e14\u0e39\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 *\/\r\n.btn-view-all-projects {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 12px 32px;\r\n    background: linear-gradient(90deg, #2f58a3 0%, #5bba47 100%);\r\n    color: #ffffff !important;\r\n    text-decoration: none;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    border-radius: 50px;\r\n    box-shadow: 0 8px 22px rgba(47, 88, 163, 0.25);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.btn-view-all-projects:hover {\r\n    box-shadow: 0 10px 28px rgba(91, 186, 71, 0.35);\r\n    transform: translateY(-2px);\r\n    filter: brightness(1.06);\r\n}\r\n\r\n.btn-view-all-projects i {\r\n    font-size: 14px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.btn-view-all-projects:hover i {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* \ud83d\udd35 \u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c 6 \u0e08\u0e38\u0e14 *\/\r\n.projects-slider-indicators {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.proj-dot {\r\n    width: 9px;\r\n    height: 9px;\r\n    background: #cbd5e1;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.proj-dot:hover {\r\n    background: #94a3b8;\r\n}\r\n\r\n.proj-dot.active {\r\n    width: 26px;\r\n    height: 9px;\r\n    background: #2f58a3;\r\n    border-radius: 20px;\r\n    box-shadow: 0 0 10px rgba(47, 88, 163, 0.55);\r\n}\r\n\r\n\/* \ud83d\udd18 \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23\u0e27\u0e07\u0e01\u0e25\u0e21\u0e04\u0e39\u0e48 *\/\r\n.projects-nav-arrows {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.nav-arrow-btn {\r\n    width: 42px;\r\n    height: 42px;\r\n    min-width: 42px;\r\n    min-height: 42px;\r\n    aspect-ratio: 1 \/ 1;\r\n    border-radius: 50% !important;\r\n    background-color: #ffffff !important;\r\n    color: #475569 !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    outline: none !important;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    font-size: 15px;\r\n    line-height: 1;\r\n    padding: 0;\r\n    margin: 0;\r\n    flex-shrink: 0;\r\n    box-sizing: border-box;\r\n    transition: background-color 0.1s ease, color 0.1s ease, transform 0.1s ease, border-color 0.1s ease;\r\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.nav-arrow-btn i {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    line-height: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n    .nav-arrow-btn:hover {\r\n        background-color: #2f58a3 !important;\r\n        color: #ffffff !important;\r\n        border-color: #2f58a3 !important;\r\n        transform: scale(1.06);\r\n    }\r\n}\r\n\r\n.nav-arrow-btn.is-pressed,\r\n.nav-arrow-btn:active {\r\n    background-color: #1d59a8 !important;\r\n    color: #ffffff !important;\r\n    border-color: #1d59a8 !important;\r\n    transform: scale(0.92) !important;\r\n    box-shadow: 0 2px 8px rgba(29, 89, 168, 0.35) !important;\r\n}\r\n\r\n.nav-arrow-btn:focus,\r\n.nav-arrow-btn:focus-visible {\r\n    outline: none !important;\r\n}\r\n\r\n\/* Responsive Tablet: \u0e41\u0e2a\u0e14\u0e07 2 \u0e1c\u0e25\u0e07\u0e32\u0e19 *\/\r\n@media (max-width: 1024px) and (min-width: 768px) {\r\n    .gc-project-card {\r\n        flex: 0 0 calc((100% - 24px) \/ 2);\r\n        width: calc((100% - 24px) \/ 2);\r\n        max-width: calc((100% - 24px) \/ 2);\r\n    }\r\n    .gc-projects-grid {\r\n        gap: 24px;\r\n    }\r\n}\r\n\r\n\/* \ud83d\udcf1 Responsive Mobile: \u0e41\u0e2a\u0e14\u0e07\u0e17\u0e35\u0e25\u0e30 1 \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d *\/\r\n@media (max-width: 767px) {\r\n    .gc-projects-section {\r\n        padding: 45px 18px;\r\n    }\r\n    .gc-projects-header {\r\n        margin-bottom: 22px;\r\n    }\r\n    .projects-main-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .gc-projects-grid {\r\n        gap: 0 !important;\r\n    }\r\n\r\n    .gc-project-card {\r\n        flex: 0 0 100% !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .gc-project-card:hover {\r\n        transform: none;\r\n    }\r\n\r\n    \/* \u0e08\u0e31\u0e14\u0e23\u0e30\u0e19\u0e32\u0e1a\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\r\n    .gc-projects-bottom-bar {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 22px;\r\n        margin-top: 24px;\r\n    }\r\n\r\n    .gc-projects-controls-group {\r\n        order: 1;\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 4px 2px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .projects-slider-indicators {\r\n        gap: 6px;\r\n    }\r\n\r\n    .projects-nav-arrows {\r\n        gap: 10px;\r\n    }\r\n\r\n    .nav-arrow-btn {\r\n        width: 46px;\r\n        height: 46px;\r\n        min-width: 46px;\r\n        min-height: 46px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .gc-projects-action-wrap {\r\n        order: 2;\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        width: 100%;\r\n    }\r\n\r\n    .btn-view-all-projects {\r\n        width: auto !important;\r\n        padding: 12px 32px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlet currentProjectSlide = 0;\r\nconst totalProjectSlides = 6;\r\n\r\nfunction updateProjectSlider() {\r\n    const isMobile = window.innerWidth <= 767;\r\n    const isTablet = window.innerWidth > 767 && window.innerWidth <= 1024;\r\n    const track = document.getElementById('gcProjectsTrack');\r\n    const dots = document.querySelectorAll('.projects-slider-indicators .proj-dot');\r\n\r\n    if (track) {\r\n        if (isMobile) {\r\n            \/\/ Mobile: \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e25\u0e30 100%\r\n            track.style.transform = `translateX(-${currentProjectSlide * 100}%)`;\r\n        } else if (isTablet) {\r\n            \/\/ Tablet: \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e01\u0e27\u0e49\u0e32\u0e07 50% + gap 24px (\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 index 4 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e0a\u0e19\u0e02\u0e2d\u0e1a\u0e02\u0e27\u0e32)\r\n            const maxSlideTablet = totalProjectSlides - 2;\r\n            const targetSlide = Math.min(currentProjectSlide, maxSlideTablet);\r\n            track.style.transform = `translateX(calc(-${targetSlide} * (50% + 12px)))`;\r\n        } else {\r\n            \/\/ PC Desktop: \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e01\u0e27\u0e49\u0e32\u0e07 33.33% + gap 28px\r\n            \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e04\u0e23\u0e31\u0e49\u0e07\u0e25\u0e30 3 \u0e43\u0e1a \u0e42\u0e14\u0e22\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e15\u0e32\u0e21 index \u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32 (\u0e16\u0e49\u0e32\u0e16\u0e36\u0e07 3 \u0e43\u0e1a\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\u0e08\u0e30\u0e25\u0e47\u0e2d\u0e01\u0e17\u0e35\u0e48\u0e43\u0e1a\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\u0e1e\u0e2d\u0e14\u0e35)\r\n            const maxSlidePC = totalProjectSlides - 3; \/\/ \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e16\u0e36\u0e07 index 3 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e1a\u0e17\u0e35\u0e48 4, 5, 6\r\n            const targetSlide = Math.min(currentProjectSlide, maxSlidePC);\r\n            track.style.transform = `translateX(calc(-${targetSlide} * ((100% - 56px) \/ 3 + 28px)))`;\r\n        }\r\n    }\r\n\r\n    \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32\u0e17\u0e31\u0e49\u0e07 6 \u0e08\u0e38\u0e14\r\n    dots.forEach((dot, idx) => {\r\n        dot.classList.toggle('active', idx === currentProjectSlide);\r\n    });\r\n}\r\n\r\nfunction goToProjectSlide(index) {\r\n    currentProjectSlide = index;\r\n    updateProjectSlider();\r\n}\r\n\r\nfunction nextProjectSlide() {\r\n    currentProjectSlide = (currentProjectSlide + 1) % totalProjectSlides;\r\n    updateProjectSlider();\r\n}\r\n\r\nfunction prevProjectSlide() {\r\n    currentProjectSlide = (currentProjectSlide - 1 + totalProjectSlides) % totalProjectSlides;\r\n    updateProjectSlider();\r\n}\r\n\r\n\/\/ \u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15\u0e01\u0e32\u0e23\u0e04\u0e33\u0e19\u0e27\u0e13\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d Resize\r\nwindow.addEventListener('resize', updateProjectSlider);\r\n\r\n\/\/ \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 Touch Events \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e31\u0e14\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    const arrowBtns = document.querySelectorAll('.nav-arrow-btn');\r\n    \r\n    arrowBtns.forEach(btn => {\r\n        btn.addEventListener('touchstart', function () {\r\n            this.classList.add('is-pressed');\r\n        }, { passive: true });\r\n\r\n        btn.addEventListener('touchend', function () {\r\n            this.classList.remove('is-pressed');\r\n            this.blur();\r\n        }, { passive: true });\r\n\r\n        btn.addEventListener('touchcancel', function () {\r\n            this.classList.remove('is-pressed');\r\n            this.blur();\r\n        }, { passive: true });\r\n    });\r\n\r\n    \/\/ Touch Swipe \u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15\r\n    const sliderWrap = document.querySelector('.gc-projects-slider-wrapper');\r\n    if (!sliderWrap) return;\r\n\r\n    let touchStartX = 0;\r\n    let touchEndX = 0;\r\n\r\n    sliderWrap.addEventListener('touchstart', function (e) {\r\n        touchStartX = e.changedTouches[0].screenX;\r\n    }, { passive: true });\r\n\r\n    sliderWrap.addEventListener('touchend', function (e) {\r\n        touchEndX = e.changedTouches[0].screenX;\r\n        handleSwipe();\r\n    }, { passive: true });\r\n\r\n    function handleSwipe() {\r\n        const diff = touchStartX - touchEndX;\r\n        if (Math.abs(diff) > 40) {\r\n            if (diff > 0) {\r\n                nextProjectSlide();\r\n            } else {\r\n                prevProjectSlide();\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<div class=\"elementor-element elementor-element-353a4633 e-con-full e-flex e-con e-parent\" data-id=\"353a4633\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43e3acf9 elementor-widget elementor-widget-html\" data-id=\"43e3acf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     SECTION 7: CONTACT FORM, HIRING JOBS & CORPORATE FOOTER\r\n     ========================================================================== -->\r\n<footer class=\"gc-bottom-wrapper\" id=\"contact\">\r\n    \r\n    <!-- \ud83d\udce9 \u0e2a\u0e48\u0e27\u0e19\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d & \u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e07\u0e32\u0e19\u0e27\u0e48\u0e32\u0e07 -->\r\n    <div class=\"gc-contact-hero-box\">\r\n        <div class=\"gc-contact-inner\">\r\n            \r\n            <!-- \u0e1e\u0e32\u0e14\u0e2b\u0e31\u0e27\u0e2b\u0e25\u0e31\u0e01: \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e01\u0e23\u0e34\u0e14\u0e04\u0e2d\u0e19\u0e40\u0e19\u0e47\u0e04 -->\r\n            <div class=\"gc-contact-heading-wrap\">\r\n                <h2 class=\"gc-contact-title-top\">\r\n                    \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d <span class=\"txt-green\">\u0e01\u0e23\u0e34\u0e14\u0e04\u0e2d\u0e19\u0e40\u0e19\u0e47\u0e04<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- \u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e22\u0e34\u0e07 AJAX -->\r\n            <form class=\"gc-contact-form\" id=\"gcContactForm\" onsubmit=\"handleContactSubmit(event)\">\r\n                <div class=\"form-cols-wrap\">\r\n                    \r\n                    <!-- \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e0b\u0e49\u0e32\u0e22: 4 \u0e0a\u0e48\u0e2d\u0e07\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 -->\r\n                    <div class=\"form-inputs-col\">\r\n                        <div class=\"form-group\">\r\n                            <label>\u0e0a\u0e37\u0e48\u0e2d<\/label>\r\n                            <input type=\"text\" name=\"first_name\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e37\u0e48\u0e2d\u0e08\u0e23\u0e34\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25<\/label>\r\n                            <input type=\"text\" name=\"last_name\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\u0e2d\u0e35\u0e40\u0e21\u0e25 *<\/label>\r\n                            <input type=\"email\" name=\"email\" placeholder=\"name@company.com\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c *<\/label>\r\n                            <input type=\"tel\" name=\"phone\" placeholder=\"08X-XXX-XXXX\" required>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e02\u0e27\u0e32: \u0e0a\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e43\u0e2b\u0e0d\u0e48 + \u0e1b\u0e38\u0e48\u0e21\u0e2a\u0e48\u0e07 -->\r\n                    <div class=\"form-msg-col\">\r\n                        <div class=\"form-group h-100\">\r\n                            <label>\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21<\/label>\r\n                            <textarea name=\"message\" rows=\"9\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e40\u0e0a\u0e48\u0e19 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07, \u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e23\u0e30\u0e1a\u0e1a (Rooftop \/ Farm \/ Floating), \u0e02\u0e19\u0e32\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e15\u0e48\u0e2d\u0e40\u0e14\u0e37\u0e2d\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19...\"><\/textarea>\r\n                        <\/div>\r\n                        <div class=\"form-btn-row\">\r\n                            <button type=\"submit\" class=\"btn-submit-pill\" id=\"gcSubmitBtn\">\r\n                                <span class=\"btn-text\">\u0e2a\u0e48\u0e07<\/span>\r\n                                <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/form>\r\n\r\n            <!-- \ud83d\udcbc \u0e41\u0e16\u0e1a\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e07\u0e32\u0e19\u0e27\u0e48\u0e32\u0e07 -->\r\n            <div class=\"gc-hiring-section\">\r\n                <h3 class=\"hiring-title\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e27\u0e48\u0e32\u0e07<\/h3>\r\n                <div class=\"hiring-divider\"><\/div>\r\n                <div class=\"hiring-bottom-row\">\r\n                    <p class=\"hiring-status-text\">\u0e02\u0e2d\u0e2d\u0e20\u0e31\u0e22\u0e17\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e07\u0e32\u0e19\u0e43\u0e19\u0e15\u0e2d\u0e19\u0e19\u0e35\u0e49<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \ud83c\udfe2 \u0e2a\u0e48\u0e27\u0e19 FOOTER \u0e15\u0e32\u0e21\u0e41\u0e1a\u0e1a\u0e15\u0e49\u0e19\u0e09\u0e1a\u0e31\u0e1a 100% -->\r\n    <div class=\"gc-custom-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 -->\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    <\/div>\r\n\r\n<\/footer>\r\n\r\n<style>\r\n\/* --- [\ud83c\udf10 SECTION 7: CONTACT & FOOTER BASE] --- *\/\r\n.gc-bottom-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    font-family: 'Kanit', sans-serif;\r\n    color: #ffffff;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d: \u0e44\u0e25\u0e48\u0e40\u0e09\u0e14\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e25\u0e07\u0e40\u0e02\u0e35\u0e22\u0e27 *\/\r\n.gc-contact-hero-box {\r\n    background: linear-gradient(180deg, #1d59a8 0%, #2968a3 25%, #469c5a 65%, #5bba47 100%);\r\n    padding: 80px 24px 60px 24px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gc-contact-inner {\r\n    max-width: 980px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e19 *\/\r\n.gc-contact-heading-wrap {\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.gc-contact-title-top {\r\n    font-size: 38px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.gc-contact-title-top .txt-green {\r\n    color: #5bba47;\r\n}\r\n\r\n\/* \u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e41\u0e1a\u0e1a\u0e21\u0e34\u0e19\u0e34\u0e21\u0e2d\u0e25 *\/\r\n.gc-contact-form {\r\n    width: 100%;\r\n}\r\n\r\n.form-cols-wrap {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.15fr;\r\n    gap: 36px;\r\n    align-items: flex-start;\r\n}\r\n\r\n.form-group {\r\n    margin-bottom: 18px;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.form-group label {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #ffffff;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.form-group input {\r\n    width: 100%;\r\n    height: 48px;\r\n    padding: 0 18px;\r\n    background: #ffffff;\r\n    border: none;\r\n    border-radius: 14px;\r\n    font-family: 'Kanit', sans-serif;\r\n    font-size: 15px;\r\n    color: #1e293b;\r\n    outline: none;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.form-msg-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n\r\n.form-msg-col .h-100 {\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.form-msg-col textarea {\r\n    width: 100%;\r\n    height: 250px;\r\n    padding: 16px 18px;\r\n    background: #ffffff;\r\n    border: none;\r\n    border-radius: 20px;\r\n    font-family: 'Kanit', sans-serif;\r\n    font-size: 15px;\r\n    color: #1e293b;\r\n    outline: none;\r\n    resize: none;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n    line-height: 1.6;\r\n}\r\n\r\n.form-group input::placeholder,\r\n.form-group textarea::placeholder {\r\n    color: #94a3b8;\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    opacity: 0.85;\r\n}\r\n\r\n\/* \u0e1b\u0e38\u0e48\u0e21\u0e2a\u0e48\u0e07 \u0e41\u0e04\u0e1b\u0e0b\u0e39\u0e25\u0e02\u0e32\u0e27 \u0e0a\u0e34\u0e14\u0e02\u0e27\u0e32 *\/\r\n.form-btn-row {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n}\r\n\r\n.btn-submit-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 9px 28px;\r\n    background: #ffffff;\r\n    color: #1d59a8;\r\n    border: none;\r\n    border-radius: 50px;\r\n    font-family: 'Kanit', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.btn-submit-pill:hover {\r\n    background: #1d59a8;\r\n    color: #ffffff;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.btn-submit-pill i {\r\n    font-size: 13.5px;\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.btn-submit-pill:hover i {\r\n    transform: translate(3px, -2px);\r\n}\r\n\r\n.btn-submit-pill:disabled {\r\n    opacity: 0.7;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n}\r\n\r\n\/* \ud83d\udcbc \u0e41\u0e16\u0e1a\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e07\u0e32\u0e19\u0e27\u0e48\u0e32\u0e07 *\/\r\n.gc-hiring-section {\r\n    margin-top: 55px;\r\n}\r\n\r\n.hiring-title {\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 14px 0;\r\n}\r\n\r\n.hiring-divider {\r\n    width: 100%;\r\n    height: 1px;\r\n    background-color: rgba(255, 255, 255, 0.45);\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hiring-bottom-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n}\r\n\r\n.hiring-status-text {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    color: #ffffff;\r\n    margin: 0;\r\n}\r\n\r\n\/* --- [\ud83c\udfe2 FOOTER \u0e15\u0e32\u0e21\u0e15\u0e49\u0e19\u0e41\u0e1a\u0e1a 100%] --- *\/\r\n.gc-custom-footer {\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}\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.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.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.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    .form-cols-wrap {\r\n        grid-template-columns: 1fr;\r\n        gap: 24px;\r\n    }\r\n    .form-msg-col textarea {\r\n        height: 180px;\r\n    }\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-contact-hero-box {\r\n        padding: 50px 18px 40px 18px;\r\n    }\r\n    .gc-contact-title-top {\r\n        font-size: 30px;\r\n    }\r\n    .footer-logo-img {\r\n        max-height: 42px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction handleContactSubmit(e) {\r\n    e.preventDefault();\r\n\r\n    var form = document.getElementById('gcContactForm');\r\n    var btn = document.getElementById('gcSubmitBtn');\r\n    var btnText = btn.querySelector('.btn-text');\r\n    var icon = btn.querySelector('i');\r\n\r\n    var formData = new FormData(form);\r\n    formData.append('action', 'gc_send_contact_form');\r\n\r\n    \/\/ \u0e25\u0e47\u0e2d\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e41\u0e25\u0e30\u0e2b\u0e21\u0e38\u0e19\u0e44\u0e2d\u0e04\u0e2d\u0e19\r\n    btn.disabled = true;\r\n    btnText.textContent = '\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e48\u0e07...';\r\n    icon.className = 'fa-solid fa-spinner fa-spin';\r\n\r\n    fetch('\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        body: formData\r\n    })\r\n    .then(function(response) {\r\n        return response.json();\r\n    })\r\n    .then(function(data) {\r\n        if (data.success) {\r\n            alert(data.data.message);\r\n            form.reset();\r\n        } else {\r\n            alert(data.data.message || '\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07');\r\n        }\r\n    })\r\n    .catch(function(error) {\r\n        alert('\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07');\r\n    })\r\n    .finally(function() {\r\n        btn.disabled = false;\r\n        btnText.textContent = '\u0e2a\u0e48\u0e07';\r\n        icon.className = 'fa-solid fa-paper-plane';\r\n    });\r\n}\r\n<\/script>\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-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=\/wp\/v2\/pages\/15","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=15"}],"version-history":[{"count":187,"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/378"}],"wp:attachment":[{"href":"https:\/\/gridconnect.co.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}