{"id":48088,"date":"2026-10-15T14:26:33","date_gmt":"2026-10-15T07:26:33","guid":{"rendered":"https:\/\/thespct.com\/?page_id=48088"},"modified":"2026-10-20T14:44:14","modified_gmt":"2026-10-20T07:44:14","slug":"elementor-48088","status":"publish","type":"page","link":"https:\/\/thespct.com\/th\/","title":{"rendered":"SPCT HOME MAIN"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"48088\" class=\"elementor elementor-48088\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c9112fb elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"c9112fb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f7e008a\" data-id=\"f7e008a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-de3c8b2 elementor-widget elementor-widget-html\" data-id=\"de3c8b2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"spct-app-root\">\r\n  <style>\r\n    \/* ==========================================================================\r\n       SPCT SCOPED STYLESHEET (WordPress Elementor & WPBakery Friendly)\r\n       ========================================================================== *\/\r\n    .spct-app-root {\r\n      \/* Theme Design Tokens *\/\r\n      --spct-bg: #070a10;\r\n      --spct-surface: rgba(17, 24, 39, 0.75);\r\n      --spct-surface-border: rgba(255, 255, 255, 0.1);\r\n      --spct-surface-hover: rgba(26, 36, 56, 0.85);\r\n      --spct-primary: #06b6d4; \/* Vibrant Cyan *\/\r\n      --spct-primary-glow: rgba(6, 182, 212, 0.3);\r\n      --spct-accent: #f97316; \/* Apple Orange *\/\r\n      --spct-accent-glow: rgba(249, 115, 22, 0.3);\r\n      --spct-blue: #3b82f6;\r\n      --spct-text-main: #f8fafc;\r\n      --spct-text-sub: #cbd5e1;\r\n      --spct-text-muted: #94a3b8;\r\n      --spct-font: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Segoe UI\", Roboto, sans-serif;\r\n      --spct-radius: 20px;\r\n      --spct-radius-sm: 12px;\r\n\r\n      \/* Base Scoped Layout *\/\r\n      background-color: var(--spct-bg);\r\n      color: var(--spct-text-main);\r\n      font-family: var(--spct-font);\r\n      line-height: 1.6;\r\n      padding: 48px 24px;\r\n      border-radius: 28px;\r\n      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);\r\n      box-sizing: border-box;\r\n      max-width: 1280px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      overflow: hidden;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    .spct-app-root *, .spct-app-root *::before, .spct-app-root *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    \/* Grid System *\/\r\n    .spct-grid { display: grid; gap: 28px; }\r\n    .spct-grid-2 { grid-template-columns: repeat(2, 1fr); }\r\n    .spct-grid-4 { grid-template-columns: repeat(4, 1fr); }\r\n\r\n    @media (max-width: 1024px) {\r\n      .spct-grid-4 { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 768px) {\r\n      .spct-grid-2, .spct-grid-4 { grid-template-columns: 1fr; }\r\n      .spct-app-root { padding: 28px 16px; border-radius: 16px; }\r\n    }\r\n\r\n    .spct-hero-title {\r\n      font-size: clamp(2.4rem, 5vw, 4.2rem);\r\n      font-weight: 800;\r\n      line-height: 1.15;\r\n      letter-spacing: -0.03em;\r\n      background: linear-gradient(135deg, #ffffff 30%, #a5f3fc 100%);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent; \/* Fixed: changed from background-fill-color to text-fill-color *\/\r\n      background-clip: text;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .spct-hero-sub {\r\n      font-size: clamp(1.15rem, 2vw, 1.4rem);\r\n      color: var(--spct-text-sub);\r\n      max-width: 820px;\r\n      margin: 0 auto 36px;\r\n      font-weight: 400;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .spct-section-head {\r\n      margin-bottom: 32px;\r\n      border-bottom: 1px solid var(--spct-surface-border);\r\n      padding-bottom: 20px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: flex-end;\r\n      flex-wrap: wrap;\r\n      gap: 16px;\r\n    }\r\n\r\n    .spct-section-title {\r\n      font-size: clamp(1.8rem, 3vw, 2.5rem);\r\n      font-weight: 700;\r\n      letter-spacing: -0.02em;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .spct-card-title {\r\n      font-size: 1.35rem;\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n      margin-bottom: 10px;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .spct-card-desc {\r\n      font-size: 1.05rem;\r\n      color: var(--spct-text-sub);\r\n      line-height: 1.55;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Badges & Pills *\/\r\n    .spct-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 18px;\r\n      border-radius: 50px;\r\n      background: rgba(6, 182, 212, 0.12);\r\n      border: 1px solid rgba(6, 182, 212, 0.3);\r\n      color: var(--spct-primary);\r\n      font-size: 0.95rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.5px;\r\n      margin-bottom: 20px;\r\n    }\r\n    .spct-badge-orange {\r\n      background: rgba(249, 115, 22, 0.12);\r\n      border-color: rgba(249, 115, 22, 0.3);\r\n      color: var(--spct-accent);\r\n    }\r\n\r\n    .spct-tag {\r\n      font-size: 0.85rem;\r\n      padding: 4px 10px;\r\n      border-radius: 6px;\r\n      background: rgba(255, 255, 255, 0.06);\r\n      color: var(--spct-text-sub);\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n      font-weight: 500;\r\n    }\r\n\r\n    \/* Glass Cards *\/\r\n    .spct-card {\r\n      background: var(--spct-surface);\r\n      backdrop-filter: blur(20px);\r\n      -webkit-backdrop-filter: blur(20px);\r\n      border: 1px solid var(--spct-surface-border);\r\n      border-radius: var(--spct-radius);\r\n      padding: 30px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n      position: relative;\r\n    }\r\n    .spct-card:hover {\r\n      background: var(--spct-surface-hover);\r\n      border-color: rgba(6, 182, 212, 0.4);\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n    }\r\n    .spct-card-land:hover { border-color: rgba(249, 115, 22, 0.4); }\r\n\r\n    \/* Video Player Showcase Frame *\/\r\n    .spct-video-frame {\r\n      position: relative;\r\n      border-radius: var(--spct-radius);\r\n      overflow: hidden;\r\n      border: 1px solid var(--spct-surface-border);\r\n      background: #000000;\r\n      min-height: 380px;\r\n      display: flex;\r\n      align-items: flex-end;\r\n      background-size: cover;\r\n      background-position: center;\r\n      box-shadow: inset 0 0 80px rgba(0,0,0,0.8);\r\n      margin-bottom: 28px;\r\n    }\r\n    .spct-video-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(180deg, rgba(7, 10, 16, 0.2) 0%, rgba(7, 10, 16, 0.95) 100%);\r\n    }\r\n    .spct-video-hud {\r\n      position: absolute;\r\n      top: 20px;\r\n      left: 20px;\r\n      right: 20px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      z-index: 3;\r\n    }\r\n    .spct-live-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      padding: 4px 12px;\r\n      border-radius: 20px;\r\n      background: rgba(239, 68, 68, 0.2);\r\n      border: 1px solid rgba(239, 68, 68, 0.5);\r\n      color: #f87171;\r\n      font-size: 0.8rem;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n    }\r\n    .spct-live-dot {\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: #ef4444;\r\n      animation: spct-pulse 1.5s infinite;\r\n    }\r\n    @keyframes spct-pulse {\r\n      0%, 100% { opacity: 1; transform: scale(1); }\r\n      50% { opacity: 0.4; transform: scale(1.2); }\r\n    }\r\n    .spct-video-body {\r\n      position: relative;\r\n      z-index: 3;\r\n      padding: 32px;\r\n      width: 100%;\r\n    }\r\n    .spct-play-btn {\r\n      width: 56px;\r\n      height: 56px;\r\n      border-radius: 50%;\r\n      background: rgba(255, 255, 255, 0.2);\r\n      backdrop-filter: blur(10px);\r\n      border: 1px solid rgba(255, 255, 255, 0.4);\r\n      color: #fff;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      margin-bottom: 16px;\r\n    }\r\n    .spct-play-btn:hover {\r\n      background: var(--spct-primary);\r\n      color: #070a10;\r\n      transform: scale(1.1);\r\n      box-shadow: 0 0 25px var(--spct-primary-glow);\r\n    }\r\n    .spct-play-btn-land:hover {\r\n      background: var(--spct-accent);\r\n      box-shadow: 0 0 25px var(--spct-accent-glow);\r\n    }\r\n\r\n    \/* Action Buttons & Links *\/\r\n    .spct-btn-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      color: var(--spct-primary);\r\n      font-size: 1.05rem;\r\n      font-weight: 600;\r\n      background: transparent;\r\n      border: none;\r\n      cursor: pointer;\r\n      padding: 0;\r\n      text-decoration: none;\r\n      transition: all 0.25s ease;\r\n    }\r\n    .spct-btn-link:hover {\r\n      color: #ffffff;\r\n      transform: translateX(4px);\r\n    }\r\n    .spct-btn-link-land { color: var(--spct-accent); }\r\n    .spct-btn-link-land:hover { color: #ffffff; }\r\n\r\n    \/* Modal Styling *\/\r\n    .spct-modal-backdrop {\r\n      position: fixed;\r\n      inset: 0;\r\n      background: rgba(7, 10, 16, 0.88);\r\n      backdrop-filter: blur(16px);\r\n      z-index: 99999;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 24px;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transition: opacity 0.3s ease;\r\n    }\r\n    .spct-modal-backdrop.open {\r\n      opacity: 1;\r\n      pointer-events: auto;\r\n    }\r\n    .spct-modal {\r\n      background: #0f172a;\r\n      border: 1px solid var(--spct-surface-border);\r\n      border-radius: var(--spct-radius);\r\n      width: 100%;\r\n      max-width: 720px;\r\n      max-height: 85vh;\r\n      overflow-y: auto;\r\n      padding: 36px;\r\n      position: relative;\r\n      box-shadow: 0 30px 70px rgba(0,0,0,0.8);\r\n      color: var(--spct-text-main);\r\n    }\r\n    .spct-modal-close {\r\n      position: absolute;\r\n      top: 20px;\r\n      right: 20px;\r\n      background: rgba(255,255,255,0.08);\r\n      border: none;\r\n      color: var(--spct-text-sub);\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      font-size: 1.4rem;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: all 0.2s ease;\r\n    }\r\n    .spct-modal-close:hover { background: rgba(255,255,255,0.2); color: #fff; }\r\n\r\n    .spct-spec-list {\r\n      list-style: none;\r\n      margin: 20px 0;\r\n    }\r\n    .spct-spec-list li {\r\n      padding: 12px 0;\r\n      border-bottom: 1px solid rgba(255,255,255,0.06);\r\n      display: flex;\r\n      justify-content: space-between;\r\n      font-size: 1.05rem;\r\n    }\r\n    .spct-spec-list li span:first-child { color: var(--spct-text-muted); }\r\n    .spct-spec-list li span:last-child { font-weight: 600; color: #fff; }\r\n  <\/style>\r\n\r\n  <!-- ==========================================================================\r\n     SECTION 1: HERO OVERVIEW\r\n     ========================================================================== -->\r\n  <div style=\"text-align: center; margin-bottom: 60px;\">\r\n    <span class=\"spct-badge\">\r\n      <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n      Next-Gen Para-Wood Logistics Platform\r\n    <\/span>\r\n    <h1 class=\"spct-hero-title\">SPCT Logistics & Supply Chain Platform<\/h1>\r\n    <p class=\"spct-hero-sub\">\r\n      \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e44\u0e21\u0e49\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e41\u0e1b\u0e23\u0e23\u0e39\u0e1b\u0e41\u0e25\u0e30\u0e15\u0e39\u0e49\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01 \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS Telematics \u0e41\u0e1a\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e25\u0e44\u0e17\u0e21\u0e4c \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e41\u0e1b\u0e25\u0e07\u0e1b\u0e25\u0e39\u0e01 RAOT GIS Compliant \u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23\r\n    <\/p>\r\n\r\n    <!-- Stat Pills -->\r\n    <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 900px; margin: 0 auto;\">\r\n      <span class=\"spct-tag\" style=\"padding: 8px 16px; font-size: 0.95rem;\">\ud83c\udf3f EUDR Zero-Deforestation Ready<\/span>\r\n      <span class=\"spct-tag\" style=\"padding: 8px 16px; font-size: 0.95rem;\">\ud83d\udce6 48.8 CBM High-Cube Max Capacity<\/span>\r\n      <span class=\"spct-tag\" style=\"padding: 8px 16px; font-size: 0.95rem;\">\ud83d\udccd Real-time GPS & Sensor Network<\/span>\r\n      <span class=\"spct-tag\" style=\"padding: 8px 16px; font-size: 0.95rem;\">\u2696\ufe0f Zero-Overweight Legal Scale Sync<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ==========================================================================\r\n     SECTION 2: LAND TRANSPORT (\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e32\u0e07\u0e1a\u0e01 - Rubberwood Logistics)\r\n     ========================================================================== -->\r\n  <div style=\"margin-bottom: 72px;\">\r\n    <div class=\"spct-section-head\">\r\n      <div>\r\n        <span class=\"spct-badge spct-badge-orange\">Land Freight Network<\/span>\r\n        <h2 class=\"spct-section-title\">\r\n          <svg width=\"32\" height=\"32\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"2.2\" viewbox=\"0 0 24 24\"><path d=\"M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z\"\/><path d=\"M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 011 1v2a1 1 0 01-1 1h-1m-6 0h6\"\/><path d=\"M13 8h5l3 5v3a1 1 0 01-1 1h-1\"\/><\/svg>\r\n          \u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e32\u0e07\u0e1a\u0e01 (Land Transport & Trucking)\r\n        <\/h2>\r\n      <\/div>\r\n      <p style=\"color: var(--spct-text-muted); font-size: 1.05rem; max-width: 480px;\">\r\n        \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e16\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e44\u0e21\u0e49\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e41\u0e25\u0e30\u0e15\u0e39\u0e49\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e0b\u0e2d\u0e22\u0e44\u0e21\u0e49\u0e20\u0e32\u0e04\u0e43\u0e15\u0e49\u0e2a\u0e39\u0e48\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e17\u0e31\u0e48\u0e27\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Video Showcase Spot (Land) -->\r\n    <div class=\"spct-video-frame\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=1600&q=80');\">\r\n      <div class=\"spct-video-overlay\"><\/div>\r\n      <div class=\"spct-video-hud\">\r\n        <span class=\"spct-live-pill\"><span class=\"spct-live-dot\"><\/span> Fleet Live Telematics<\/span>\r\n        <span style=\"font-size: 0.85rem; color: #cbd5e1; background: rgba(0,0,0,0.6); padding: 4px 12px; border-radius: 6px;\">Truck ID: SPCT-TH-8821 | Route: Songkhla \u2192 Laem Chabang<\/span>\r\n      <\/div>\r\n      <div class=\"spct-video-body\">\r\n        <button class=\"spct-play-btn spct-play-btn-land\" id=\"spct-play-land-vid\">\r\n          <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n        <\/button>\r\n        <h3 style=\"font-size: 1.6rem; font-weight: 700; margin-bottom: 6px;\">\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e32\u0e07\u0e1a\u0e01\u0e41\u0e25\u0e30\u0e23\u0e16\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01\u0e1e\u0e48\u0e27\u0e07\u0e15\u0e39\u0e49\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c<\/h3>\r\n        <p style=\"color: var(--spct-text-sub); font-size: 1.05rem;\">\u0e23\u0e31\u0e1a\u0e0a\u0e21\u0e2a\u0e32\u0e18\u0e34\u0e15\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS \u0e40\u0e0b\u0e47\u0e19\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e15\u0e23\u0e27\u0e08\u0e27\u0e31\u0e14\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e1e\u0e25\u0e32 \u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e08\u0e32\u0e01\u0e42\u0e23\u0e07\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e22\u0e44\u0e21\u0e49<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Land Interactive Cards Grid -->\r\n    <div class=\"spct-grid spct-grid-4\">\r\n      <!-- Card 1: Truck Types -->\r\n      <div class=\"spct-card spct-card-land\">\r\n        <div>\r\n          <div style=\"color: var(--spct-accent); margin-bottom: 16px;\">\r\n            <svg width=\"36\" height=\"36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M8 17l4 4 4-4m-4-5v9\"\/><path d=\"M20.88 18.09A5 5 0 0018 9h-1.26A8 8 0 103 16.29\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"spct-card-title\">1. \u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e23\u0e16\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01 (Truck Types & Fleet Specs)<\/h3>\r\n          <p class=\"spct-card-desc\">\r\n            \u0e1f\u0e25\u0e35\u0e17\u0e23\u0e16\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01 10 \u0e25\u0e49\u0e2d, \u0e2b\u0e32\u0e07\u0e1e\u0e48\u0e27\u0e07\u0e01\u0e36\u0e48\u0e07\u0e1e\u0e48\u0e27\u0e07 18 \u0e25\u0e49\u0e2d, Flatbed \u0e41\u0e25\u0e30 Side-Loader \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e48\u0e27\u0e07\u0e15\u0e39\u0e49\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e44\u0e21\u0e49\u0e41\u0e1b\u0e23\u0e23\u0e39\u0e1b\r\n          <\/p>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"display:flex; gap:6px; margin-bottom: 16px; flex-wrap:wrap;\">\r\n            <span class=\"spct-tag\">10-Wheeler (25T)<\/span>\r\n            <span class=\"spct-tag\">18-Wheeler (50.5T)<\/span>\r\n          <\/div>\r\n          <button class=\"spct-btn-link spct-btn-link-land\" onclick=\"spctOpenModal('land-trucks')\">\r\n            \u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ View Full Spec \u2192\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Tracking -->\r\n      <div class=\"spct-card spct-card-land\">\r\n        <div>\r\n          <div style=\"color: var(--spct-accent); margin-bottom: 16px;\">\r\n            <svg width=\"36\" height=\"36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><path d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"spct-card-title\">2. \u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS & Telematics<\/h3>\r\n          <p class=\"spct-card-desc\">\r\n            \u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e40\u0e23\u0e35\u0e22\u0e25\u0e44\u0e17\u0e21\u0e4c Geofencing \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27 \u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e04\u0e19\u0e02\u0e31\u0e1a \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e0b\u0e47\u0e19\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e27\u0e31\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e49\u0e19\u0e44\u0e21\u0e49\u0e2d\u0e1a\u0e41\u0e2b\u0e49\u0e07\u0e43\u0e19\u0e15\u0e39\u0e49\r\n          <\/p>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"display:flex; gap:6px; margin-bottom: 16px; flex-wrap:wrap;\">\r\n            <span class=\"spct-tag\">Live Speed Alert<\/span>\r\n            <span class=\"spct-tag\">Humidity Sensor<\/span>\r\n          <\/div>\r\n          <button class=\"spct-btn-link spct-btn-link-land\" onclick=\"spctOpenModal('land-tracking')\">\r\n            \u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ View Full Spec \u2192\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Documents -->\r\n      <div class=\"spct-card spct-card-land\">\r\n        <div>\r\n          <div style=\"color: var(--spct-accent); margin-bottom: 16px;\">\r\n            <svg width=\"36\" height=\"36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"spct-card-title\">3. \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e33\u0e01\u0e31\u0e1a\u0e1a\u0e01 & Digital ePOD<\/h3>\r\n          <p class=\"spct-card-desc\">\r\n            \u0e43\u0e1a\u0e01\u0e33\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e43\u0e1a\u0e0a\u0e31\u0e48\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c (Digital Scale Ticket) \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a e-Signature \u0e2a\u0e48\u0e07\u0e15\u0e23\u0e07\u0e16\u0e36\u0e07\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\r\n          <\/p>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"display:flex; gap:6px; margin-bottom: 16px; flex-wrap:wrap;\">\r\n            <span class=\"spct-tag\">E-Waybill<\/span>\r\n            <span class=\"spct-tag\">Auto Weigh Ticket<\/span>\r\n          <\/div>\r\n          <button class=\"spct-btn-link spct-btn-link-land\" onclick=\"spctOpenModal('land-docs')\">\r\n            \u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ View Full Spec \u2192\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Traceability -->\r\n      <div class=\"spct-card spct-card-land\">\r\n        <div>\r\n          <div style=\"color: var(--spct-accent); margin-bottom: 16px;\">\r\n            <svg width=\"36\" height=\"36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"spct-card-title\">4. \u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a RAOT & EUDR<\/h3>\r\n          <p class=\"spct-card-desc\">\r\n            \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e1e\u0e34\u0e01\u0e31\u0e14 Polygon \u0e41\u0e1b\u0e25\u0e07\u0e1b\u0e25\u0e39\u0e01\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 (RAOT GIS ID) \u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e27\u0e31\u0e15\u0e16\u0e38\u0e14\u0e34\u0e1a\u0e1b\u0e25\u0e2d\u0e14\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e44\u0e21\u0e49\u0e17\u0e33\u0e25\u0e32\u0e22\u0e1b\u0e48\u0e32\r\n          <\/p>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"display:flex; gap:6px; margin-bottom: 16px; flex-wrap:wrap;\">\r\n            <span class=\"spct-tag\">RAOT GIS Mapping<\/span>\r\n            <span class=\"spct-tag\">EUDR Compliant<\/span>\r\n          <\/div>\r\n          <button class=\"spct-btn-link spct-btn-link-land\" onclick=\"spctOpenModal('land-traceability')\">\r\n            \u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ View Full Spec \u2192\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ==========================================================================\r\n     SECTION 3: SEA TRANSPORT (\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e32\u0e07\u0e17\u0e30\u0e40\u0e25 & \u0e15\u0e39\u0e49\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01)\r\n     ========================================================================== -->\r\n  <div>\r\n    <div class=\"spct-section-head\">\r\n      <div>\r\n        <span class=\"spct-badge\">Maritime Ocean Freight<\/span>\r\n        <h2 class=\"spct-section-title\">\r\n          <svg width=\"32\" height=\"32\" fill=\"none\" stroke=\"#06b6d4\" stroke-width=\"2.2\" viewbox=\"0 0 24 24\"><path d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\/><\/svg>\r\n          \u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e32\u0e07\u0e17\u0e30\u0e40\u0e25 (Sea Transport & Export Containers)\r\n        <\/h2>\r\n      <\/div>\r\n      <p style=\"color: var(--spct-text-muted); font-size: 1.05rem; max-width: 480px;\">\r\n        \u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e2a\u0e32\u0e22\u0e40\u0e23\u0e37\u0e2d\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e15\u0e39\u0e49\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e44\u0e21\u0e49\u0e41\u0e1b\u0e23\u0e23\u0e39\u0e1b \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07\u0e23\u0e30\u0e27\u0e32\u0e07\u0e40\u0e23\u0e37\u0e2d\u0e15\u0e23\u0e07\u0e2a\u0e39\u0e48\u0e15\u0e25\u0e32\u0e14\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Video Showcase Spot (Sea) -->\r\n    <div class=\"spct-video-frame\" style=\"background-image: url('https:\/\/thespct.com\/wp-content\/uploads\/sites\/2\/2026\/10\/songkhla-port.jpg?auto=format&fit=crop&w=1600&q=80');\">\r\n      <div class=\"spct-video-overlay\"><\/div>\r\n      <div class=\"spct-video-hud\">\r\n        <span class=\"spct-live-pill\" style=\"background: rgba(6, 182, 212, 0.2); border-color: rgba(6, 182, 212, 0.5); color: #67e8f9;\">\r\n          <span class=\"spct-live-dot\" style=\"background: #06b6d4;\"><\/span> Port Operations Live\r\n        <\/span>\r\n        <span style=\"font-size: 0.85rem; color: #cbd5e1; background: rgba(0,0,0,0.6); padding: 4px 12px; border-radius: 6px;\">Vessel Cut-off Countdown: 14h 32m | Gate Open<\/span>\r\n      <\/div>\r\n      <div class=\"spct-video-body\">\r\n        <button class=\"spct-play-btn\" id=\"spct-play-sea-vid\">\r\n          <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n        <\/button>\r\n        <h3 style=\"font-size: 1.6rem; font-weight: 700; margin-bottom: 6px;\">\u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e32\u0e07\u0e17\u0e30\u0e40\u0e25\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e15\u0e39\u0e49\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01<\/h3>\r\n        <p style=\"color: var(--spct-text-sub); font-size: 1.05rem;\">\u0e23\u0e31\u0e1a\u0e0a\u0e21\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e44\u0e21\u0e49\u0e41\u0e1b\u0e23\u0e23\u0e39\u0e1b\u0e40\u0e02\u0e49\u0e32\u0e15\u0e39\u0e49\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e16\u0e48\u0e27\u0e07\u0e2a\u0e21\u0e14\u0e38\u0e25 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e22\u0e01\u0e15\u0e39\u0e49\u0e19\u0e33\u0e02\u0e36\u0e49\u0e19\u0e40\u0e23\u0e37\u0e2d feeder \u0e0a\u0e32\u0e22\u0e1d\u0e31\u0e48\u0e07<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Sea Interactive Cards Grid -->\r\n    <div class=\"spct-grid spct-grid-4\">\r\n      <!-- Card 1: Container Types -->\r\n      <div class=\"spct-card\">\r\n        <div>\r\n          <div style=\"color: var(--spct-primary); margin-bottom: 16px;\">\r\n            <svg width=\"36\" height=\"36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"spct-card-title\">1. \u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e15\u0e39\u0e49\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 & 3D CBM Stacking<\/h3>\r\n          <p class=\"spct-card-desc\">\r\n            \u0e15\u0e39\u0e49 40ft High Cube, 20ft Heavy Duty \u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e07\u0e44\u0e21\u0e49 Bundle 55mm \/ 2m \u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e15\u0e23\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 48.0 - 49.5 CBM\r\n          <\/p>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"display:flex; gap:6px; margin-bottom: 16px; flex-wrap:wrap;\">\r\n            <span class=\"spct-tag\">40ft HC (68 CBM Max)<\/span>\r\n            <span class=\"spct-tag\">20ft Heavy (28T Limit)<\/span>\r\n          <\/div>\r\n          <button class=\"spct-btn-link\" onclick=\"spctOpenModal('sea-containers')\">\r\n            \u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ View Full Spec \u2192\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Ports -->\r\n      <div class=\"spct-card\">\r\n        <div>\r\n          <div style=\"color: var(--spct-primary); margin-bottom: 16px;\">\r\n            <svg width=\"36\" height=\"36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><path d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"spct-card-title\">2. \u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e44\u0e17\u0e22 (Thai Ports Network)<\/h3>\r\n          <p class=\"spct-card-desc\">\r\n            \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e2a\u0e07\u0e02\u0e25\u0e32 \u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e01\u0e31\u0e19\u0e15\u0e31\u0e07 (\u0e2d\u0e31\u0e19\u0e14\u0e32\u0e21\u0e31\u0e19) \u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e41\u0e2b\u0e25\u0e21\u0e09\u0e1a\u0e31\u0e07 \u0e41\u0e25\u0e30\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e (\u0e04\u0e25\u0e2d\u0e07\u0e40\u0e15\u0e22) \u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e1a\u0e2a\u0e32\u0e22\u0e40\u0e23\u0e37\u0e2d\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\r\n          <\/p>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"display:flex; gap:6px; margin-bottom: 16px; flex-wrap:wrap;\">\r\n            <span class=\"spct-tag\">Songkhla Feeder<\/span>\r\n            <span class=\"spct-tag\">Laem Chabang Hub<\/span>\r\n          <\/div>\r\n          <button class=\"spct-btn-link\" onclick=\"spctOpenModal('sea-ports')\">\r\n            \u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ View Full Spec \u2192\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Routes & Times -->\r\n      <div class=\"spct-card\">\r\n        <div>\r\n          <div style=\"color: var(--spct-primary); margin-bottom: 16px;\">\r\n            <svg width=\"36\" height=\"36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"spct-card-title\">3. \u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e41\u0e25\u0e30\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e40\u0e14\u0e34\u0e19\u0e40\u0e23\u0e37\u0e2d (Transit Times)<\/h3>\r\n          <p class=\"spct-card-desc\">\r\n            \u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e23\u0e37\u0e2d\u0e15\u0e23\u0e07\u0e41\u0e25\u0e30\u0e40\u0e23\u0e37\u0e2d\u0e15\u0e48\u0e2d Transshipment \u0e44\u0e1b\u0e08\u0e35\u0e19 (Ningbo, Shanghai 7-10 \u0e27\u0e31\u0e19), \u0e2d\u0e34\u0e19\u0e40\u0e14\u0e35\u0e22, \u0e40\u0e27\u0e35\u0e22\u0e14\u0e19\u0e32\u0e21 \u0e41\u0e25\u0e30\u0e2a\u0e2b\u0e20\u0e32\u0e1e\u0e22\u0e38\u0e42\u0e23\u0e1b (25-30 \u0e27\u0e31\u0e19)\r\n          <\/p>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"display:flex; gap:6px; margin-bottom: 16px; flex-wrap:wrap;\">\r\n            <span class=\"spct-tag\">China Direct 7-10 Days<\/span>\r\n            <span class=\"spct-tag\">EU 25-30 Days<\/span>\r\n          <\/div>\r\n          <button class=\"spct-btn-link\" onclick=\"spctOpenModal('sea-routes')\">\r\n            \u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ View Full Spec \u2192\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Shipping Documents -->\r\n      <div class=\"spct-card\">\r\n        <div>\r\n          <div style=\"color: var(--spct-primary); margin-bottom: 16px;\">\r\n            <svg width=\"36\" height=\"36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"spct-card-title\">4. \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e30\u0e40\u0e25 & \u0e28\u0e38\u0e25\u0e01\u0e32\u0e01\u0e23 (Export Docs)<\/h3>\r\n          <p class=\"spct-card-desc\">\r\n            \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 Master\/House B\/L, Phytosanitary Certificate (\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e2a\u0e38\u0e02\u0e2d\u0e19\u0e32\u0e21\u0e31\u0e22\u0e1e\u0e37\u0e0a), C\/O Form E\/Form D \u0e41\u0e25\u0e30\u0e43\u0e1a\u0e1e\u0e30\u0e15\u0e23\u0e32\u0e2a\u0e25\u0e31\u0e01\u0e44\u0e21\u0e49\r\n          <\/p>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"display:flex; gap:6px; margin-bottom: 16px; flex-wrap:wrap;\">\r\n            <span class=\"spct-tag\">Bill of Lading<\/span>\r\n            <span class=\"spct-tag\">Phyto Cert \/ Form E<\/span>\r\n          <\/div>\r\n          <button class=\"spct-btn-link\" onclick=\"spctOpenModal('sea-docs')\">\r\n            \u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ View Full Spec \u2192\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ==========================================================================\r\n     MODAL DIALOG (DYNAMICALLY FILLED BY JS)\r\n     ========================================================================== -->\r\n  <div class=\"spct-modal-backdrop\" id=\"spct-modal-backdrop\">\r\n    <div class=\"spct-modal\">\r\n      <button class=\"spct-modal-close\" onclick=\"spctCloseModal()\">&times;<\/button>\r\n      <div id=\"spct-modal-content\">\r\n        <!-- Dynamic Content Injected Here -->\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ==========================================================================\r\n     INLINE JAVASCRIPT SCOPE\r\n     ========================================================================== -->\r\n  <script>\r\n    (function() {\r\n      \/\/ Content Repository for Cards Detailed View\r\n      const spctModalData = {\r\n        'land-trucks': {\r\n          title: '\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e23\u0e16\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01\u0e41\u0e25\u0e30\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01 (Truck Specs)',\r\n          tag: 'Land Transport Specs',\r\n          color: '#f97316',\r\n          content: `\r\n            <p style=\"color: var(--spct-text-sub); font-size:1.1rem; margin-bottom:16px;\">\r\n              \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e1f\u0e25\u0e35\u0e17\u0e23\u0e16\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01\u0e41\u0e25\u0e30\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e15\u0e32\u0e21\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e32\u0e07\u0e2b\u0e25\u0e27\u0e07 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e44\u0e21\u0e49\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e41\u0e25\u0e30\u0e15\u0e39\u0e49\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32:\r\n            <\/p>\r\n            <ul class=\"spct-spec-list\">\r\n              <li><span>\u0e23\u0e16\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01 10 \u0e25\u0e49\u0e2d (Single Truck)<\/span><span>\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 25.0 \u0e15\u0e31\u0e19<\/span><\/li>\r\n              <li><span>\u0e23\u0e16\u0e1e\u0e48\u0e27\u0e07 18 \u0e25\u0e49\u0e2d \/ \u0e01\u0e36\u0e48\u0e07\u0e1e\u0e48\u0e27\u0e07 (Semi-Trailer)<\/span><span>\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e23\u0e27\u0e21\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 50.5 \u0e15\u0e31\u0e19<\/span><\/li>\r\n              <li><span>\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e15\u0e39\u0e49\/\u0e2b\u0e32\u0e07\u0e1e\u0e48\u0e27\u0e07<\/span><span>2.50 \u0e40\u0e21\u0e15\u0e23 (\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25)<\/span><\/li>\r\n              <li><span>\u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e15\u0e39\u0e49 (Twist Locks)<\/span><span>ISO Container Twist Locks 4-8 \u0e08\u0e38\u0e14<\/span><\/li>\r\n              <li><span>\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e1e\u0e34\u0e40\u0e28\u0e29<\/span><span>Side-Loader Hydraulic \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e21\u0e35\u0e40\u0e04\u0e23\u0e19<\/span><\/li>\r\n            <\/ul>\r\n            <div style=\"background: rgba(249, 115, 22, 0.1); border: 1px solid rgba(249, 115, 22, 0.3); padding: 16px; border-radius: 12px; font-size: 0.95rem; color: #fdba74;\">\r\n              <strong>* Zero-Overweight Policy:<\/strong> \u0e17\u0e38\u0e01\u0e04\u0e31\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e31\u0e48\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e17\u0e35\u0e48\u0e14\u0e48\u0e32\u0e19\u0e0a\u0e31\u0e48\u0e07\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e15\u0e49\u0e19\u0e17\u0e32\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e31\u0e01\u0e23\u0e16\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e17\u0e32\u0e07\r\n            <\/div>\r\n          `\r\n        },\r\n        'land-tracking': {\r\n          title: '\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS & Telematics \u0e41\u0e1a\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e25\u0e44\u0e17\u0e21\u0e4c',\r\n          tag: 'Telematics Control',\r\n          color: '#f97316',\r\n          content: `\r\n            <p style=\"color: var(--spct-text-sub); font-size:1.1rem; margin-bottom:16px;\">\r\n              \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e0b\u0e47\u0e19\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30\u0e15\u0e34\u0e14\u0e23\u0e16\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01 \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e44\u0e21\u0e49\u0e41\u0e1b\u0e23\u0e23\u0e39\u0e1b:\r\n            <\/p>\r\n            <ul class=\"spct-spec-list\">\r\n              <li><span>\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 GPS<\/span><span>\u0e17\u0e38\u0e01\u0e46 10 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35 (Real-time Streaming)<\/span><\/li>\r\n              <li><span>Geofencing Alerts<\/span><span>\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e23\u0e16\u0e2d\u0e2d\u0e01\u0e19\u0e2d\u0e01\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e2d\u0e14\u0e41\u0e27\u0e30\u0e19\u0e32\u0e19\u0e1c\u0e34\u0e14\u0e1b\u0e01\u0e15\u0e34<\/span><\/li>\r\n              <li><span>Kiln-Dried Wood Sensor<\/span><span>\u0e15\u0e23\u0e27\u0e08\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e49\u0e19\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e17\u0e18\u0e4c\u0e43\u0e19\u0e15\u0e39\u0e49\u0e44\u0e21\u0e49<\/span><\/li>\r\n              <li><span>Axle Weight Telematics<\/span><span>\u0e40\u0e0b\u0e47\u0e19\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e27\u0e31\u0e14\u0e41\u0e23\u0e07\u0e01\u0e14\u0e40\u0e1e\u0e25\u0e32\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e25\u0e44\u0e17\u0e21\u0e4c<\/span><\/li>\r\n            <\/ul>\r\n          `\r\n        },\r\n        'land-docs': {\r\n          title: '\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e33\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e32\u0e07\u0e1a\u0e01 & Digital ePOD',\r\n          tag: 'Digital Documents',\r\n          color: '#f97316',\r\n          content: `\r\n            <p style=\"color: var(--spct-text-sub); font-size:1.1rem; margin-bottom:16px;\">\r\n              \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e1c\u0e48\u0e32\u0e19\u0e41\u0e2d\u0e1b\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19:\r\n            <\/p>\r\n            <ul class=\"spct-spec-list\">\r\n              <li><span>Digital Waybill (\u0e43\u0e1a\u0e01\u0e33\u0e01\u0e31\u0e1a\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32)<\/span><span>QR Code \u0e2a\u0e41\u0e01\u0e19\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/span><\/li>\r\n              <li><span>E-Weighbridge Ticket<\/span><span>\u0e43\u0e1a\u0e0a\u0e31\u0e48\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e0b\u0e34\u0e07\u0e04\u0e4c\u0e08\u0e32\u0e01\u0e15\u0e23\u0e32\u0e0a\u0e31\u0e48\u0e07\u0e42\u0e23\u0e07\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e22<\/span><\/li>\r\n              <li><span>Electronic Proof of Delivery (ePOD)<\/span><span>\u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e39\u0e1b\u0e16\u0e48\u0e32\u0e22\u0e23\u0e31\u0e1a\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e13 \u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d<\/span><\/li>\r\n            <\/ul>\r\n          `\r\n        },\r\n        'land-traceability': {\r\n          title: '\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e41\u0e1b\u0e25\u0e07\u0e1b\u0e25\u0e39\u0e01 RAOT GIS & EUDR',\r\n          tag: 'Sustainability Traceability',\r\n          color: '#f97316',\r\n          content: `\r\n            <p style=\"color: var(--spct-text-sub); font-size:1.1rem; margin-bottom:16px;\">\r\n              \u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22 EUDR (European Union Deforestation Regulation) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e44\u0e21\u0e49\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e22\u0e38\u0e42\u0e23\u0e1b:\r\n            <\/p>\r\n            <ul class=\"spct-spec-list\">\r\n              <li><span>RAOT GIS Parcel Polygon<\/span><span>\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e41\u0e1b\u0e25\u0e07\u0e1b\u0e25\u0e39\u0e01\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span><\/li>\r\n              <li><span>Zero-Deforestation Verification<\/span><span>\u0e15\u0e23\u0e36\u0e07\u0e1e\u0e34\u0e01\u0e31\u0e14\u0e14\u0e32\u0e27\u0e40\u0e17\u0e35\u0e22\u0e21\u0e22\u0e49\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e44\u0e21\u0e48\u0e23\u0e38\u0e01\u0e1b\u0e48\u0e32<\/span><\/li>\r\n              <li><span>Due Diligence Statement (DDS)<\/span><span>\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e41\u0e19\u0e1a\u0e43\u0e1a\u0e02\u0e19<\/span><\/li>\r\n            <\/ul>\r\n          `\r\n        },\r\n        'sea-containers': {\r\n          title: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e39\u0e49\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c & \u0e01\u0e32\u0e23\u0e04\u0e33\u0e19\u0e27\u0e13 3D CBM Stacking',\r\n          tag: 'Container Specs',\r\n          color: '#06b6d4',\r\n          content: `\r\n            <p style=\"color: var(--spct-text-sub); font-size:1.1rem; margin-bottom:16px;\">\r\n              \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e15\u0e39\u0e49\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e27\u0e32\u0e07\u0e44\u0e21\u0e49Bundle \u0e44\u0e21\u0e49\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e41\u0e1b\u0e23\u0e23\u0e39\u0e1b:\r\n            <\/p>\r\n            <ul class=\"spct-spec-list\">\r\n              <li><span>\u0e15\u0e39\u0e49 40ft High Cube (40'HC)<\/span><span>\u0e04\u0e27\u0e32\u0e21\u0e08\u0e38 76.2 CBM | \u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e1a\u0e23\u0e23\u0e17\u0e38\u0e01\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 28.5 \u0e15\u0e31\u0e19<\/span><\/li>\r\n              <li><span>\u0e15\u0e39\u0e49 20ft Heavy Duty (20'DC)<\/span><span>\u0e04\u0e27\u0e32\u0e21\u0e08\u0e38 33.2 CBM | \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e44\u0e21\u0e49\u0e1e\u0e32\u0e40\u0e25\u0e17\u0e2b\u0e19\u0e32<\/span><\/li>\r\n              <li><span>Target Wood Load CBM<\/span><span>48.0 - 49.5 CBM (\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e19\u0e32\u0e41\u0e19\u0e48\u0e19\u0e44\u0e21\u0e49 55mm)<\/span><\/li>\r\n              <li><span>Lashing & Dunnage System<\/span><span>\u0e2a\u0e32\u0e22\u0e23\u0e31\u0e14\u0e16\u0e38\u0e07\u0e25\u0e21 Dunnage Bag \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e44\u0e21\u0e49\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e15\u0e31\u0e27<\/span><\/li>\r\n            <\/ul>\r\n          `\r\n        },\r\n        'sea-ports': {\r\n          title: '\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e44\u0e21\u0e49\u0e1e\u0e32\u0e23\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22',\r\n          tag: 'Port Gateway Network',\r\n          color: '#06b6d4',\r\n          content: `\r\n            <p style=\"color: var(--spct-text-sub); font-size:1.1rem; margin-bottom:16px;\">\r\n              \u0e08\u0e38\u0e14\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e17\u0e32\u0e07\u0e17\u0e30\u0e40\u0e25\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e44\u0e21\u0e49\u0e1e\u0e32\u0e23\u0e32\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e04\u0e39\u0e48\u0e04\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28:\r\n            <\/p>\r\n            <ul class=\"spct-spec-list\">\r\n              <li><span>\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e2a\u0e07\u0e02\u0e25\u0e32 (Songkhla Port)<\/span><span>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07 feeder \u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e2a\u0e39\u0e48\u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22\/\u0e2a\u0e34\u0e07\u0e04\u0e42\u0e1b\u0e23\u0e4c<\/span><\/li>\r\n              <li><span>\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e01\u0e31\u0e19\u0e15\u0e31\u0e07 (Kantang Port)<\/span><span>\u0e1b\u0e23\u0e30\u0e15\u0e39\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e1d\u0e31\u0e48\u0e07\u0e2d\u0e31\u0e19\u0e14\u0e32\u0e21\u0e31\u0e19 \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2d\u0e34\u0e19\u0e40\u0e14\u0e35\u0e22\/\u0e15\u0e30\u0e27\u0e31\u0e19\u0e2d\u0e2d\u0e01\u0e01\u0e25\u0e32\u0e07<\/span><\/li>\r\n              <li><span>\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e41\u0e2b\u0e25\u0e21\u0e09\u0e1a\u0e31\u0e07 (Laem Chabang)<\/span><span>\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e19\u0e49\u0e33\u0e25\u0e36\u0e01\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e23\u0e37\u0e2d Mainline \u0e2a\u0e39\u0e48\u0e08\u0e35\u0e19\/\u0e22\u0e38\u0e42\u0e23\u0e1b<\/span><\/li>\r\n            <\/ul>\r\n          `\r\n        },\r\n        'sea-routes': {\r\n          title: '\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e40\u0e23\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07 (Ocean Transit Times)',\r\n          tag: 'Sailing Schedules',\r\n          color: '#06b6d4',\r\n          content: `\r\n            <p style=\"color: var(--spct-text-sub); font-size:1.1rem; margin-bottom:16px;\">\r\n              \u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e01\u0e32\u0e23\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e40\u0e14\u0e34\u0e19\u0e40\u0e23\u0e37\u0e2d\u0e08\u0e32\u0e01\u0e17\u0e48\u0e32\u0e40\u0e23\u0e37\u0e2d\u0e44\u0e17\u0e22\u0e2a\u0e39\u0e48\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e2a\u0e33\u0e04\u0e31\u0e0d:\r\n            <\/p>\r\n            <ul class=\"spct-spec-list\">\r\n              <li><span>\u0e2a\u0e07\u0e02\u0e25\u0e32\/\u0e41\u0e2b\u0e25\u0e21\u0e09\u0e1a\u0e31\u0e07 \u2192 Ningbo \/ Shanghai<\/span><span>7 - 10 \u0e27\u0e31\u0e19 (Direct Service)<\/span><\/li>\r\n              <li><span>\u0e2a\u0e07\u0e02\u0e25\u0e32\/\u0e41\u0e2b\u0e25\u0e21\u0e09\u0e1a\u0e31\u0e07 \u2192 Qingdao \/ Tianjin<\/span><span>10 - 12 \u0e27\u0e31\u0e19<\/span><\/li>\r\n              <li><span>\u0e41\u0e2b\u0e25\u0e21\u0e09\u0e1a\u0e31\u0e07 \u2192 Nhava Sheva (India)<\/span><span>12 - 15 \u0e27\u0e31\u0e19<\/span><\/li>\r\n              <li><span>\u0e41\u0e2b\u0e25\u0e21\u0e09\u0e1a\u0e31\u0e07 \u2192 Rotterdam \/ Hamburg (EU)<\/span><span>25 - 32 \u0e27\u0e31\u0e19<\/span><\/li>\r\n            <\/ul>\r\n          `\r\n        },\r\n        'sea-docs': {\r\n          title: '\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e28\u0e38\u0e25\u0e01\u0e32\u0e01\u0e23\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e17\u0e32\u0e07\u0e17\u0e30\u0e40\u0e25',\r\n          tag: 'Customs & Documents',\r\n          color: '#06b6d4',\r\n          content: `\r\n            <p style=\"color: var(--spct-text-sub); font-size:1.1rem; margin-bottom:16px;\">\r\n              \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19\u0e1e\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e28\u0e38\u0e25\u0e01\u0e32\u0e01\u0e23\u0e41\u0e25\u0e30\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28:\r\n            <\/p>\r\n            <ul class=\"spct-spec-list\">\r\n              <li><span>Master \/ House Bill of Lading (B\/L)<\/span><span>\u0e43\u0e1a\u0e15\u0e23\u0e32\u0e2a\u0e48\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e32\u0e07\u0e17\u0e30\u0e40\u0e25\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/span><\/li>\r\n              <li><span>Phytosanitary Certificate<\/span><span>\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e1b\u0e25\u0e2d\u0e14\u0e28\u0e31\u0e15\u0e23\u0e39\u0e1e\u0e37\u0e0a\u0e08\u0e32\u0e01\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/span><\/li>\r\n              <li><span>Form E \/ Certificate of Origin<\/span><span>\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e01\u0e33\u0e40\u0e19\u0e34\u0e14\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e22\u0e01\u0e40\u0e27\u0e49\u0e19\u0e20\u0e32\u0e29\u0e35\u0e08\u0e35\u0e19<\/span><\/li>\r\n              <li><span>Customs Clearance EDI<\/span><span>\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e48\u0e07\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e28\u0e38\u0e25\u0e01\u0e32\u0e01\u0e23\u0e44\u0e23\u0e49\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29 (Paperless)<\/span><\/li>\r\n            <\/ul>\r\n          `\r\n        }\r\n      };\r\n\r\n      \/\/ Global functions attached to window for modal control\r\n      window.spctOpenModal = function(key) {\r\n        const data = spctModalData[key];\r\n        if (!data) return;\r\n\r\n        const backdrop = document.getElementById('spct-modal-backdrop');\r\n        const container = document.getElementById('spct-modal-content');\r\n\r\n        container.innerHTML = `\r\n          <div style=\"display:inline-block; padding: 4px 12px; border-radius: 20px; font-size: 0.85rem; font-weight:700; color:${data.color}; background:${data.color}20; border:1px solid ${data.color}40; margin-bottom: 12px;\">\r\n            ${data.tag}\r\n          <\/div>\r\n          <h3 style=\"font-size: 1.8rem; font-weight:700; color:#fff; margin-bottom: 16px; line-height: 1.25;\">\r\n            ${data.title}\r\n          <\/h3>\r\n          ${data.content}\r\n        `;\r\n\r\n        backdrop.classList.add('open');\r\n      };\r\n\r\n      window.spctCloseModal = function() {\r\n        const backdrop = document.getElementById('spct-modal-backdrop');\r\n        backdrop.classList.remove('open');\r\n      };\r\n\r\n      \/\/ Video Button Click Handlers\r\n      document.addEventListener('DOMContentLoaded', function() {\r\n        const landBtn = document.getElementById('spct-play-land-vid');\r\n        const seaBtn = document.getElementById('spct-play-sea-vid');\r\n\r\n        if (landBtn) {\r\n          landBtn.addEventListener('click', function() {\r\n            spctOpenModal('land-tracking');\r\n          });\r\n        }\r\n        if (seaBtn) {\r\n          seaBtn.addEventListener('click', function() {\r\n            spctOpenModal('sea-containers');\r\n          });\r\n        }\r\n\r\n        \/\/ Close modal on backdrop click\r\n        const backdrop = document.getElementById('spct-modal-backdrop');\r\n        if (backdrop) {\r\n          backdrop.addEventListener('click', function(e) {\r\n            if (e.target === backdrop) spctCloseModal();\r\n          });\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Next-Gen Para-Wood Logistics Platform SPCT Logistics &#038; Supply Chain Platform \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e44\u0e21\u0e49\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e41\u0e1b\u0e23\u0e23\u0e39\u0e1b\u0e41\u0e25\u0e30\u0e15\u0e39\u0e49\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01 \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 GPS Telematics \u0e41\u0e1a\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e25\u0e44\u0e17\u0e21\u0e4c \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e41\u0e1b\u0e25\u0e07\u0e1b\u0e25\u0e39\u0e01 RAOT GIS Compliant \u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 \ud83c\udf3f EUDR Zero-Deforestation Ready \ud83d\udce6 48.8 CBM High-Cube Max Capacity \ud83d\udccd Real-time GPS &#038; Sensor Network \u2696\ufe0f Zero-Overweight Legal&#8230;","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-48088","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/thespct.com\/th\/wp-json\/wp\/v2\/pages\/48088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thespct.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thespct.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thespct.com\/th\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/thespct.com\/th\/wp-json\/wp\/v2\/comments?post=48088"}],"version-history":[{"count":28,"href":"https:\/\/thespct.com\/th\/wp-json\/wp\/v2\/pages\/48088\/revisions"}],"predecessor-version":[{"id":48248,"href":"https:\/\/thespct.com\/th\/wp-json\/wp\/v2\/pages\/48088\/revisions\/48248"}],"wp:attachment":[{"href":"https:\/\/thespct.com\/th\/wp-json\/wp\/v2\/media?parent=48088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}