{"id":608,"date":"2025-08-31T00:55:41","date_gmt":"2025-08-30T17:55:41","guid":{"rendered":"https:\/\/hatyaicity.com\/?page_id=608"},"modified":"2025-09-10T18:08:36","modified_gmt":"2025-09-10T11:08:36","slug":"transport","status":"publish","type":"page","link":"https:\/\/hatyaicity.com\/th\/transport\/","title":{"rendered":"\u0e02\u0e19\u0e2a\u0e48\u0e07"},"content":{"rendered":"<h2 class=\"wp-block-heading\">\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48: \u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e34\u0e19 \u0e23\u0e16\u0e44\u0e1f \u0e23\u0e16\u0e42\u0e14\u0e22\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e17\u0e32\u0e07 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e20\u0e32\u0e22\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 2568<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Getting Around Hat Yai &#8211; Transportation Guide 2025<\/title>\n    <style>\n        \/* Base Styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background-color: #f8f9fa;\n            padding-top: 0;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 15px;\n        }\n        \n        \/* Hero Section *\/\n        .hero {\n            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80');\n            background-size: cover;\n            background-position: center;\n            color: white;\n            padding: 80px 0;\n            text-align: center;\n        }\n        \n        .hero-content {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .hero h1 {\n            font-size: 2.5rem;\n            margin-bottom: 20px;\n        }\n        \n        .hero p {\n            font-size: 1.2rem;\n            margin-bottom: 40px;\n            opacity: 0.9;\n        }\n        \n        \/* Search Widget *\/\n        .search-widget {\n            background: white;\n            border-radius: 12px;\n            padding: 20px;\n            margin: 0 auto;\n            max-width: 750px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n            overflow: hidden;\n        }\n        \n        \/* Mobile-specific search container *\/\n        .mobile-search-container {\n            display: none;\n            text-align: center;\n            margin-top: 20px;\n        }\n        \n        .mobile-search-button {\n            display: inline-block;\n            padding: 15px 30px;\n            background-color: #2c5282;\n            color: white;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 600;\n            transition: background-color 0.3s ease;\n        }\n        \n        .mobile-search-button:hover {\n            background-color: #1a365d;\n        }\n        \n        \/* Card Styles *\/\n        .card {\n            background: white;\n            border-radius: 12px;\n            padding: 25px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            height: 100%;\n        }\n        \n        .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n        \n        .card-icon {\n            width: 60px;\n            height: 60px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            font-size: 1.8rem;\n        }\n        \n        .card h3 {\n            font-size: 1.4rem;\n            margin-bottom: 15px;\n            color: #2c5282;\n        }\n        \n        \/* Section Styles *\/\n        .section {\n            padding: 80px 0;\n        }\n        \n        .section-title {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .section-title h2 {\n            font-size: 2.2rem;\n            color: #2c5282;\n            margin-bottom: 15px;\n        }\n        \n        .section-title p {\n            font-size: 1.1rem;\n            color: #666;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n        \n        \/* Transport Options *\/\n        .transport-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n            margin-bottom: 50px;\n        }\n        \n        \/* Border Crossing *\/\n        .border-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n            gap: 30px;\n        }\n        \n        \/* Booking Options *\/\n        .booking-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n        \n        \/* Buttons *\/\n        .btn {\n            display: inline-block;\n            padding: 12px 25px;\n            background-color: #2c5282;\n            color: white;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 600;\n            transition: background-color 0.3s ease;\n            text-align: center;\n            width: 100%;\n            border: none;\n            cursor: pointer;\n            font-size: 1rem;\n        }\n        \n        .btn:hover {\n            background-color: #1a365d;\n        }\n        \n        .btn-secondary {\n            background-color: #38a169;\n        }\n        \n        .btn-secondary:hover {\n            background-color: #2f855a;\n        }\n        \n        .btn-accent {\n            background-color: #dd6b20;\n        }\n        \n        .btn-accent:hover {\n            background-color: #c05621;\n        }\n        \n        \/* Utility Classes *\/\n        .text-center {\n            text-align: center;\n        }\n        \n        .mt-20 {\n            margin-top: 20px;\n        }\n        \n        .mb-20 {\n            margin-bottom: 20px;\n        }\n        \n        .mb-30 {\n            margin-bottom: 30px;\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .hero h1 {\n                font-size: 2rem;\n            }\n            \n            .hero p {\n                font-size: 1rem;\n            }\n            \n            .border-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .section {\n                padding: 50px 0;\n            }\n            \n            .search-widget {\n                max-width: 90%;\n                display: none;\n            }\n            \n            .mobile-search-container {\n                display: block;\n            }\n            \n            \/* Force the iframe to be responsive *\/\n            .search-widget iframe {\n                width: 100% !important;\n                max-width: 100% !important;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"container hero-content\">\n            <h1>\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e43\u0e19\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48: \u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e34\u0e19 \u0e23\u0e16\u0e44\u0e1f \u0e23\u0e16\u0e42\u0e14\u0e22\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e17\u0e32\u0e07 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e43\u0e19\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/h1>\n            <p>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e32\u0e07\u0e20\u0e32\u0e04\u0e43\u0e15\u0e49\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e04\u0e38\u0e13\u0e17\u0e38\u0e01\u0e17\u0e35\u0e48 \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e34\u0e19\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e0a\u0e32\u0e22\u0e41\u0e14\u0e19\u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22 \u0e0a\u0e32\u0e22\u0e2b\u0e32\u0e14 \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e32\u0e07\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21<\/p>\n            \n            <!-- Search Widget -->\n            <div class=\"search-widget\">\n                <script src=\"\/\/cdn0.trainbusferry.com\/tools\/form\/en\/?id=12964496&#038;domain=12go.asia\" data-one2go=\"12964496\" data-color=\"blue\" data-language=\"en\" data-width=\"735\" data-height=\"211\" data-border=\"1\" data-sub_id=\"transport\" data-domain=\"12go.asia\"><\/script>\n                <div id=\"powered\" style=\"text-align: center; margin-top: 15px; font-size: 0.9rem; color: #666;\">\n                    \u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e42\u0e14\u0e22 <a href=\"https:\/\/12go.asia\/?z=12964496&#038;sub_id=transport\" style=\"color: #2c5282;\" target=\"_blank\" rel=\"noopener\">\u0e23\u0e30\u0e1a\u0e1a 12Go<\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Mobile search alternative -->\n            <div class=\"mobile-search-container\">\n                <a href=\"https:\/\/12go.asia\/?z=12964496&#038;sub_id=transport\" class=\"mobile-search-button\" target=\"_blank\" rel=\"noopener\">\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07<\/a>\n                <p style=\"margin-top: 10px; color: rgba(255,255,255,0.8); font-size: 0.9rem;\">\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e42\u0e14\u0e22 12Go Asia<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Transport Hub Section -->\n    <section class=\"section\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/h2>\n                <p>\u0e17\u0e33\u0e40\u0e25\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e40\u0e0a\u0e34\u0e07\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22 \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22<\/p>\n            <\/div>\n            \n            <div class=\"transport-grid\">\n                <!-- Air Travel -->\n                <div class=\"card\">\n                    <div class=\"card-icon\" style=\"background-color: rgba(66, 153, 225, 0.2); color: #4299e1;\">\n                        \u2708\ufe0f\n                    <\/div>\n                    <h3>\u0e2a\u0e19\u0e32\u0e21\u0e1a\u0e34\u0e19\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/h3>\n                    <p>\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e34\u0e19\u0e15\u0e23\u0e07 \u2022 15 \u0e19\u0e32\u0e17\u0e35\u0e16\u0e36\u0e07\u0e40\u0e21\u0e37\u0e2d\u0e07<\/p>\n                    <div class=\"mb-20\">\n                        <p><strong>\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f (BKK\/DMK):<\/strong> 1 \u0e0a\u0e21. 20 \u0e19\u0e32\u0e17\u0e35<\/p>\n                        <p><strong>\u0e01\u0e31\u0e27\u0e25\u0e32\u0e25\u0e31\u0e21\u0e40\u0e1b\u0e2d\u0e23\u0e4c (KUL):<\/strong> 1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 30 \u0e19\u0e32\u0e17\u0e35<\/p>\n                        <p><strong>\u0e2a\u0e34\u0e07\u0e04\u0e42\u0e1b\u0e23\u0e4c (SIN):<\/strong> 1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 45 \u0e19\u0e32\u0e17\u0e35<\/p>\n                    <\/div>\n                    <div>\n                        <p class=\"mb-20\"><strong>\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e2a\u0e48\u0e07\u0e2a\u0e19\u0e32\u0e21\u0e1a\u0e34\u0e19:<\/strong><\/p>\n                        <p>\u0e23\u0e16\u0e1a\u0e31\u0e2a\u0e2a\u0e19\u0e32\u0e21\u0e1a\u0e34\u0e19: \u0e3f50<\/p>\n                        <p>\u0e41\u0e17\u0e47\u0e01\u0e0b\u0e35\u0e48 (\u0e21\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c): \u0e3f200-300<\/p>\n                        <p>\u0e23\u0e16\u0e23\u0e31\u0e1a\u0e2a\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27: \u0e3f400-600<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Rail Network -->\n                <div class=\"card\">\n                    <div class=\"card-icon\" style=\"background-color: rgba(72, 187, 120, 0.2); color: #48bb78;\">\n                        \ud83d\ude86\n                    <\/div>\n                    <h3>\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e23\u0e16\u0e44\u0e1f<\/h3>\n                    <p>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e43\u0e08\u0e01\u0e25\u0e32\u0e07\u0e40\u0e21\u0e37\u0e2d\u0e07 \u2022 \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e1a\u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22<\/p>\n                    <div class=\"mb-20\">\n                        <p><strong>\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f (\u0e2b\u0e31\u0e27\u0e25\u0e33\u0e42\u0e1e\u0e07):<\/strong> 14-16 \u0e0a\u0e21.<\/p>\n                        <p><strong>\u0e2a\u0e38\u0e23\u0e32\u0e29\u0e0e\u0e23\u0e4c\u0e18\u0e32\u0e19\u0e35:<\/strong> 4-5 \u0e0a\u0e21.<\/p>\n                        <p><strong>\u0e1b\u0e32\u0e14\u0e31\u0e07\u0e40\u0e1a\u0e0b\u0e32\u0e23\u0e4c (\u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22):<\/strong> 45 \u0e40\u0e21\u0e15\u0e23<\/p>\n                    <\/div>\n                    <div>\n                        <p class=\"mb-20\"><strong>\u0e0a\u0e31\u0e49\u0e19\u0e23\u0e16\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e21\u0e35\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23:<\/strong><\/p>\n                        <p>\u0e0a\u0e31\u0e49\u0e19 3 (\u0e1e\u0e31\u0e14\u0e25\u0e21): \u0e3f200-400<\/p>\n                        <p>\u0e0a\u0e31\u0e49\u0e19 2 (\u0e1b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e01\u0e32\u0e28): \u0e3f600-800<\/p>\n                        <p>\u0e15\u0e39\u0e49\u0e19\u0e2d\u0e19\u0e0a\u0e31\u0e49\u0e19 1: \u0e3f1,200-1,800<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Bus Terminal -->\n                <div class=\"card\">\n                    <div class=\"card-icon\" style=\"background-color: rgba(237, 137, 54, 0.2); color: #ed8936;\">\n                        \ud83d\ude8c\n                    <\/div>\n                    <h3>\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e1c\u0e39\u0e49\u0e42\u0e14\u0e22\u0e2a\u0e32\u0e23<\/h3>\n                    <p>\u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e32\u0e22\u0e23\u0e32\u0e22 \u2022 \u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e40\u0e01\u0e32\u0e30<\/p>\n                    <div class=\"mb-20\">\n                        <p><strong>\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f:<\/strong> 12-14 \u0e0a\u0e21.<\/p>\n                        <p><strong>\u0e20\u0e39\u0e40\u0e01\u0e47\u0e15:<\/strong> \u0e20\u0e39\u0e40\u0e01\u0e47\u0e15:<\/p>\n                        <p><strong>\u0e40\u0e01\u0e32\u0e30\u0e2a\u0e21\u0e38\u0e22 (\u0e42\u0e14\u0e22\u0e40\u0e23\u0e37\u0e2d\u0e40\u0e1f\u0e2d\u0e23\u0e4c\u0e23\u0e35\u0e48):<\/strong> 6-7 \u0e0a\u0e21.<\/p>\n                    <\/div>\n                    <div>\n                        <p class=\"mb-20\"><strong>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e23\u0e16\u0e1a\u0e31\u0e2a\u0e41\u0e25\u0e30\u0e23\u0e32\u0e04\u0e32\u0e02\u0e2d\u0e07\u0e23\u0e16\u0e1a\u0e31\u0e2a:<\/strong><\/p>\n                        <p>\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19: \u0e3f300-500<\/p>\n                        <p>VIP (24 \u0e17\u0e35\u0e48\u0e19\u0e31\u0e48\u0e07): \u0e3f600-900<\/p>\n                        <p>\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e1f\u0e34\u0e23\u0e4c\u0e2a\u0e04\u0e25\u0e32\u0e2a (18 \u0e17\u0e35\u0e48\u0e19\u0e31\u0e48\u0e07): \u0e3f800-1,200<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Local Transport Section -->\n    <section class=\"section\" style=\"background-color: #f1f5f9;\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e23\u0e2d\u0e1a\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/h2>\n                <p>\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e23\u0e30\u0e1a\u0e1a\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e2d\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e41\u0e25\u0e30\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e18\u0e23\u0e23\u0e21<\/p>\n            <\/div>\n            \n            <div class=\"transport-grid\">\n                <!-- Songthaew -->\n                <div class=\"card\">\n                    <div class=\"card-icon\" style=\"background-color: rgba(66, 153, 225, 0.2); color: #4299e1;\">\n                        \ud83d\ude9a\n                    <\/div>\n                    <h3>\u0e23\u0e16\u0e2a\u0e2d\u0e07\u0e41\u0e16\u0e27<\/h3>\n                    <p>\u0e23\u0e16\u0e01\u0e23\u0e30\u0e1a\u0e30\u0e23\u0e48\u0e27\u0e21\u0e27\u0e34\u0e48\u0e07\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e41\u0e22\u0e01\u0e2a\u0e35<\/p>\n                    <div class=\"mb-20\">\n                        <p><strong>\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e43\u0e19\u0e40\u0e21\u0e37\u0e2d\u0e07:<\/strong> \u0e3f10-15<\/p>\n                        <p><strong>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e23\u0e2d\u0e1a\u0e19\u0e2d\u0e01:<\/strong> \u0e3f20-30<\/p>\n                    <\/div>\n                    <div style=\"background-color: rgba(66, 153, 225, 0.1); padding: 15px; border-radius: 8px;\">\n                        <p style=\"font-size: 0.9rem;\"><strong>\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a:<\/strong> \u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e2a\u0e35\u0e1f\u0e49\u0e32\u0e44\u0e1b\u0e15\u0e25\u0e32\u0e14 \u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e2a\u0e35\u0e41\u0e14\u0e07\u0e44\u0e1b\u0e27\u0e31\u0e14<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Motorcycle Taxi -->\n                <div class=\"card\">\n                    <div class=\"card-icon\" style=\"background-color: rgba(72, 187, 120, 0.2); color: #48bb78;\">\n                        \ud83c\udfcd\ufe0f\n                    <\/div>\n                    <h3>\u0e23\u0e16\u0e41\u0e17\u0e47\u0e01\u0e0b\u0e35\u0e48\u0e21\u0e2d\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e44\u0e0b\u0e04\u0e4c<\/h3>\n                    <p>\u0e02\u0e35\u0e48\u0e23\u0e16\u0e40\u0e23\u0e47\u0e27\u0e1d\u0e48\u0e32\u0e01\u0e32\u0e23\u0e08\u0e23\u0e32\u0e08\u0e23 \u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e01\u0e31\u0e4a\u0e01\u0e21\u0e35\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02<\/p>\n                    <div class=\"mb-20\">\n                        <p><strong>\u0e23\u0e30\u0e22\u0e30\u0e17\u0e32\u0e07\u0e2a\u0e31\u0e49\u0e19:<\/strong> \u0e3f20-40<\/p>\n                        <p><strong>\u0e04\u0e23\u0e2d\u0e2a\u0e0b\u0e34\u0e15\u0e35\u0e49:<\/strong> \u0e3f50-80<\/p>\n                    <\/div>\n                    <div style=\"background-color: rgba(72, 187, 120, 0.1); padding: 15px; border-radius: 8px;\">\n                        <p style=\"font-size: 0.9rem;\"><strong>\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a:<\/strong> \u0e2a\u0e27\u0e21\u0e2b\u0e21\u0e27\u0e01\u0e01\u0e31\u0e19\u0e19\u0e47\u0e2d\u0e04\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e43\u0e2b\u0e49\u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Tuk-tuk -->\n                <div class=\"card\">\n                    <div class=\"card-icon\" style=\"background-color: rgba(237, 137, 54, 0.2); color: #ed8936;\">\n                        \ud83d\udefa\n                    <\/div>\n                    <h3>\u0e15\u0e38\u0e4a\u0e01\u0e15\u0e38\u0e4a\u0e01<\/h3>\n                    <p>\u0e23\u0e16\u0e2a\u0e32\u0e21\u0e25\u0e49\u0e2d\u0e23\u0e31\u0e1a\u0e08\u0e49\u0e32\u0e07 \u0e15\u0e48\u0e2d\u0e23\u0e2d\u0e07\u0e23\u0e32\u0e04\u0e32\u0e01\u0e48\u0e2d\u0e19\u0e44\u0e14\u0e49<\/p>\n                    <div class=\"mb-20\">\n                        <p><strong>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27:<\/strong> \u0e3f60-100<\/p>\n                        <p><strong>\u0e27\u0e34\u0e48\u0e07\u0e2a\u0e19\u0e32\u0e21\u0e1a\u0e34\u0e19:<\/strong> \u0e3f200-300<\/p>\n                    <\/div>\n                    <div style=\"background-color: rgba(237, 137, 54, 0.1); padding: 15px; border-radius: 8px;\">\n                        <p style=\"font-size: 0.9rem;\"><strong>\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a:<\/strong> \u0e15\u0e01\u0e25\u0e07\u0e23\u0e32\u0e04\u0e32\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Taxi -->\n                <div class=\"card\">\n                    <div class=\"card-icon\" style=\"background-color: rgba(160, 174, 192, 0.2); color: #a0aec0;\">\n                        \ud83d\ude95\n                    <\/div>\n                    <h3>\u0e41\u0e17\u0e47\u0e01\u0e0b\u0e35\u0e48<\/h3>\n                    <p>\u0e23\u0e16\u0e41\u0e17\u0e47\u0e01\u0e0b\u0e35\u0e48\u0e21\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e1b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22<\/p>\n                    <div class=\"mb-20\">\n                        <p><strong>\u0e18\u0e07\u0e15\u0e01:<\/strong> \u0e3f35<\/p>\n                        <p><strong>\u0e15\u0e48\u0e2d\u0e01\u0e34\u0e42\u0e25\u0e40\u0e21\u0e15\u0e23:<\/strong> \u0e3f5-8<\/p>\n                    <\/div>\n                    <div style=\"background-color: rgba(160, 174, 192, 0.1); padding: 15px; border-radius: 8px;\">\n                        <p style=\"font-size: 0.9rem;\"><strong>\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a:<\/strong> \u0e22\u0e37\u0e19\u0e01\u0e23\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e21\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Border Crossing Section -->\n    <section class=\"section\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>\u0e08\u0e38\u0e14\u0e1c\u0e48\u0e32\u0e19\u0e41\u0e14\u0e19\u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22<\/h2>\n                <p>\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e09\u0e1a\u0e31\u0e1a\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e49\u0e32\u0e21\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e14\u0e49\u0e32\u0e19\u0e27\u0e35\u0e0b\u0e48\u0e32\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07<\/p>\n            <\/div>\n            \n            <div class=\"border-grid\">\n                <!-- Padang Besar -->\n                <div class=\"card\">\n                    <h3>\u0e1b\u0e32\u0e14\u0e31\u0e07\u0e40\u0e1a\u0e0b\u0e32\u0e23\u0e4c<\/h3>\n                    <p>\u0e17\u0e32\u0e07\u0e02\u0e49\u0e32\u0e21\u0e17\u0e32\u0e07\u0e23\u0e16\u0e44\u0e1f\u0e2a\u0e32\u0e22\u0e2b\u0e25\u0e31\u0e01 \u2022 45 \u0e19\u0e32\u0e17\u0e35\u0e08\u0e32\u0e01\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/p>\n                    \n                    <div class=\"mb-20\">\n                        <h4>\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e17\u0e35\u0e48\u0e19\u0e31\u0e48\u0e19<\/h4>\n                        <p>\u0e23\u0e16\u0e44\u0e1f\u0e08\u0e32\u0e01\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48: 45 \u0e19\u0e32\u0e17\u0e35 \u2022 \u0e3f15<\/p>\n                        <p>\u0e21\u0e34\u0e19\u0e34\u0e41\u0e27\u0e19: 30 \u0e19\u0e32\u0e17\u0e35 \u2022 \u0e3f50<\/p>\n                        <p>\u0e41\u0e17\u0e47\u0e01\u0e0b\u0e35\u0e48: 30 \u0e19\u0e32\u0e17\u0e35 \u2022 \u0e3f400-600<\/p>\n                    <\/div>\n                    \n                    <div class=\"mb-20\">\n                        <h4>\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e32\u0e22\u0e41\u0e14\u0e19<\/h4>\n                        <p>1. \u0e2d\u0e2d\u0e01\u0e19\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e1c\u0e48\u0e32\u0e19\u0e14\u0e48\u0e32\u0e19\u0e15\u0e23\u0e27\u0e08\u0e04\u0e19\u0e40\u0e02\u0e49\u0e32\u0e40\u0e21\u0e37\u0e2d\u0e07 (\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e15\u0e23\u0e32\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07)<\/p>\n                        <p>2. \u0e40\u0e14\u0e34\u0e19\/\u0e19\u0e31\u0e48\u0e07\u0e23\u0e16\u0e23\u0e31\u0e1a\u0e2a\u0e48\u0e07\u0e44\u0e1b\u0e1d\u0e31\u0e48\u0e07\u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22 (200 \u0e21.)<\/p>\n                        <p>3. \u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e04\u0e19\u0e40\u0e02\u0e49\u0e32\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22 (\u0e27\u0e35\u0e0b\u0e48\u0e32\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e21\u0e32\u0e16\u0e36\u0e07\u0e2b\u0e32\u0e01\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19)<\/p>\n                    <\/div>\n                    \n                    <div class=\"mb-20\">\n                        <h4>\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d<\/h4>\n                        <p>\u0e23\u0e16\u0e44\u0e1f\u0e44\u0e1b KL Sentral: 18 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u2022 RM 68<\/p>\n                        <p>\u0e23\u0e16\u0e1a\u0e31\u0e2a\u0e44\u0e1b\u0e01\u0e31\u0e27\u0e25\u0e32\u0e25\u0e31\u0e21\u0e40\u0e1b\u0e2d\u0e23\u0e4c: 12 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u2022 RM 45<\/p>\n                        <p>\u0e23\u0e16\u0e1a\u0e31\u0e2a\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e44\u0e1b Kangar: 1 \u0e0a\u0e21. \u2022 RM 8<\/p>\n                    <\/div>\n                    \n                    <div style=\"background-color: rgba(66, 153, 225, 0.1); padding: 15px; border-radius: 8px;\">\n                        <p style=\"font-size: 0.9rem;\">\n                            <strong>\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23:<\/strong> 06:00 \u2013 22:00 \u0e19. \u0e17\u0e38\u0e01\u0e27\u0e31\u0e19<br>\n                            <strong>\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e40\u0e23\u0e48\u0e07\u0e14\u0e48\u0e27\u0e19:<\/strong> \u0e2b\u0e25\u0e35\u0e01\u0e40\u0e25\u0e35\u0e48\u0e22\u0e07\u0e40\u0e27\u0e25\u0e32 8.00-10.00 \u0e19. \u0e41\u0e25\u0e30 17.00-19.00 \u0e19.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Danok -->\n                <div class=\"card\">\n                    <h3>\u0e14\u0e32\u0e19\u0e01<\/h3>\n                    <p>\u0e17\u0e32\u0e07\u0e02\u0e49\u0e32\u0e21\u0e16\u0e19\u0e19 \u2022 1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e08\u0e32\u0e01\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/p>\n                    \n                    <div class=\"mb-20\">\n                        <h4>\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e17\u0e35\u0e48\u0e19\u0e31\u0e48\u0e19<\/h4>\n                        <p>\u0e23\u0e16\u0e15\u0e39\u0e49\u0e08\u0e32\u0e01\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48: 1 \u0e0a\u0e21. \u2022 \u0e3f80<\/p>\n                        <p>\u0e23\u0e16\u0e2a\u0e2d\u0e07\u0e41\u0e16\u0e27: 1.5 \u0e0a\u0e21. \u2022 \u0e3f60<\/p>\n                        <p>\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\/\u0e41\u0e17\u0e47\u0e01\u0e0b\u0e35\u0e48: 45 \u0e19\u0e32\u0e17\u0e35 \u2022 \u0e3f800-1,200<\/p>\n                    <\/div>\n                    \n                    <div class=\"mb-20\">\n                        <h4>\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a<\/h4>\n                        <p>\u2022 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e32\u0e29\u0e35<\/p>\n                        <p>\u2022 \u0e21\u0e35\u0e23\u0e49\u0e32\u0e19\u0e41\u0e25\u0e01\u0e40\u0e07\u0e34\u0e19\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/p>\n                        <p>\u2022 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e23\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/p>\n                        <p>\u2022 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e40\u0e0a\u0e48\u0e32\u0e23\u0e16<\/p>\n                    <\/div>\n                    \n                    <div class=\"mb-20\">\n                        <h4>\u0e1d\u0e31\u0e48\u0e07\u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22 (\u0e1a\u0e39\u0e01\u0e34\u0e15 \u0e01\u0e32\u0e22\u0e39 \u0e2e\u0e34\u0e15\u0e31\u0e21)<\/h4>\n                        <p>\u0e23\u0e16\u0e1a\u0e31\u0e2a\u0e14\u0e48\u0e27\u0e19\u0e44\u0e1b\u0e01\u0e31\u0e27\u0e25\u0e32\u0e25\u0e31\u0e21\u0e40\u0e1b\u0e2d\u0e23\u0e4c: 10 \u0e0a\u0e21. \u2022 RM 35 (\u0e23\u0e34\u0e07\u0e01\u0e34\u0e15)<\/p>\n                        <p>\u0e23\u0e16\u0e1a\u0e31\u0e2a\u0e44\u0e1b\u0e2d\u0e25\u0e2d\u0e23\u0e4c\u0e2a\u0e15\u0e32\u0e23\u0e4c: 1 \u0e0a\u0e21. \u2022 RM 12<\/p>\n                        <p>\u0e41\u0e17\u0e47\u0e01\u0e0b\u0e35\u0e48\u0e44\u0e1b\u0e0a\u0e32\u0e07\u0e25\u0e38\u0e19: 15 \u0e19\u0e32\u0e17\u0e35 \u2022 RM 20<\/p>\n                    <\/div>\n                    \n                    <div style=\"background-color: rgba(72, 187, 120, 0.1); padding: 15px; border-radius: 8px;\">\n                        <p style=\"font-size: 0.9rem;\">\n                            <strong>\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23:<\/strong> \u0e15\u0e25\u0e2d\u0e14 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e17\u0e38\u0e01\u0e27\u0e31\u0e19<br>\n                            <strong>\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a:<\/strong> \u0e17\u0e23\u0e34\u0e1b\u0e0a\u0e49\u0e2d\u0e1b\u0e1b\u0e34\u0e49\u0e07\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e1a\u0e19\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e19\u0e19\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Booking Section -->\n    <section class=\"section\" style=\"background-color: #f1f5f9;\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>\u0e08\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/h2>\n                <p>\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e15\u0e31\u0e4b\u0e27\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e14\u0e49\u0e27\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/p>\n            <\/div>\n            \n            <div class=\"booking-grid\">\n                <!-- Flight Booking -->\n                <div class=\"card text-center\">\n                    <div class=\"card-icon\" style=\"background-color: rgba(66, 153, 225, 0.2); color: #4299e1; margin: 0 auto 20px;\">\n                        \u2708\ufe0f\n                    <\/div>\n                    <h3>\u0e08\u0e2d\u0e07\u0e15\u0e31\u0e4b\u0e27\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1a\u0e34\u0e19<\/h3>\n                    <p class=\"mb-20\">\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e15\u0e23\u0e07\u0e2a\u0e39\u0e48\u0e08\u0e38\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e1b\u0e25\u0e32\u0e22\u0e17\u0e32\u0e07\u0e17\u0e31\u0e49\u0e07\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e41\u0e25\u0e30\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28<\/p>\n                    <div class=\"mb-20\">\n                        <p>AirAsia, Thai Smile, Malaysia Airlines<\/p>\n                        <p>\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e25\u0e44\u0e17\u0e21\u0e4c<\/p>\n                        <p>\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\n                    <\/div>\n                    <a href=\"https:\/\/hatyaicity.com\/th\/recommends\/getting-around\/\" class=\"btn\">\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e34\u0e19<\/a>\n                <\/div>\n                \n                <!-- Train Booking -->\n                <div class=\"card text-center\">\n                    <div class=\"card-icon\" style=\"background-color: rgba(72, 187, 120, 0.2); color: #48bb78; margin: 0 auto 20px;\">\n                        \ud83d\ude86\n                    <\/div>\n                    <h3>\u0e08\u0e2d\u0e07\u0e15\u0e31\u0e4b\u0e27\u0e23\u0e16\u0e44\u0e1f<\/h3>\n                    <p class=\"mb-20\">\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e14\u0e49\u0e27\u0e22\u0e23\u0e16\u0e44\u0e1f\u0e17\u0e35\u0e48\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e27\u0e17\u0e34\u0e27\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21<\/p>\n                    <div class=\"mb-20\">\n                        <p>\u0e01\u0e32\u0e23\u0e23\u0e16\u0e44\u0e1f\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/p>\n                        <p>\u0e21\u0e35\u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19<\/p>\n                        <p>\u0e08\u0e2d\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 90 \u0e27\u0e31\u0e19<\/p>\n                    <\/div>\n                    <a href=\"https:\/\/hatyaicity.com\/th\/recommends\/getting-around\/\" class=\"btn btn-secondary\">\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e23\u0e16\u0e44\u0e1f<\/a>\n                <\/div>\n                \n                <!-- Bus Booking -->\n                <div class=\"card text-center\">\n                    <div class=\"card-icon\" style=\"background-color: rgba(237, 137, 54, 0.2); color: #ed8936; margin: 0 auto 20px;\">\n                        \ud83d\ude8c\n                    <\/div>\n                    <h3>\u0e08\u0e2d\u0e07\u0e15\u0e31\u0e4b\u0e27\u0e23\u0e16\u0e1a\u0e31\u0e2a<\/h3>\n                    <p class=\"mb-20\">\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e14\u0e49\u0e27\u0e22\u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e32\u0e22\u0e23\u0e32\u0e22<\/p>\n                    <div class=\"mb-20\">\n                        <p>\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01 VIP, \u0e0a\u0e31\u0e49\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07, \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19<\/p>\n                        <p>\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/p>\n                        <p>\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e4b\u0e27\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/p>\n                    <\/div>\n                    <a href=\"https:\/\/hatyaicity.com\/th\/recommends\/getting-around\/\" class=\"btn btn-accent\">\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e23\u0e16\u0e42\u0e14\u0e22\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e17\u0e32\u0e07<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Final CTA Section -->\n    <section class=\"section\">\n        <div class=\"container text-center\">\n            <h2 class=\"mb-20\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e2a\u0e39\u0e48\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/h2>\n            <p class=\"mb-30\">\u0e14\u0e49\u0e27\u0e22\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22 \u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e2a\u0e39\u0e48\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e17\u0e35\u0e48\u0e21\u0e35\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e0a\u0e35\u0e27\u0e32\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e04\u0e43\u0e15\u0e49\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22\u0e08\u0e36\u0e07\u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e07\u0e48\u0e32\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e35\u0e49\u0e21\u0e32\u0e01\u0e48\u0e2d\u0e19 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e43\u0e19\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48: \u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e34\u0e19 \u0e23\u0e16\u0e44\u0e1f \u0e23\u0e16\u0e42\u0e14\u0e22\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e17\u0e32\u0e07 \u2013 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e17\u0e35\u0e48 \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e34\u0e19\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f \u0e44\u0e1b\u0e22\u0e31\u0e07\u0e0a\u0e32\u0e22\u0e41\u0e14\u0e19\u0e21\u0e32\u0e40\u0e25\u0e40\u0e0b\u0e35\u0e22 \u0e0a\u0e32\u0e22\u0e2b\u0e32\u0e14 \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e17\u0e32\u0e07\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21 \u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e08\u0e32\u0e01\u0e2b\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e44\u0e1b\u0e40\u0e01\u0e32\u0e30\u0e2b\u0e25\u0e35\u0e40\u0e1b\u0e4a\u0e30\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21? \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01 \u0e17\u0e31\u0e49\u0e07\u0e40\u0e23\u0e37\u0e2d\u0e40\u0e1f\u0e2d\u0e23\u0e4c\u0e23\u0e35\u0e48 \u0e40\u0e23\u0e37\u0e2d\u0e40\u0e23\u0e47\u0e27 \u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e27\u0e25\u0e32 \u0e41\u0e25\u0e30\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e40\u0e01\u0e32\u0e30\u0e17\u0e35\u0e48\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19<\/p>\n            \n            <div style=\"display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;\">\n                <a href=\"https:\/\/hatyaicity.com\/th\/recommends\/getting-around\/\" class=\"btn\" style=\"width: auto;\">\u0e08\u0e2d\u0e07\u0e15\u0e31\u0e4b\u0e27\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1a\u0e34\u0e19<\/a>\n                <a href=\"https:\/\/hatyaicity.com\/th\/recommends\/getting-around\/\" class=\"btn btn-secondary\" style=\"width: auto;\">\u0e08\u0e2d\u0e07\u0e23\u0e16\u0e44\u0e1f<\/a>\n                <a href=\"https:\/\/hatyaicity.com\/th\/recommends\/getting-around\/\" class=\"btn btn-accent\" style=\"width: auto;\">\u0e08\u0e2d\u0e07\u0e23\u0e16\u0e1a\u0e31\u0e2a<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Script to handle the search widget on mobile devices\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Check if the search widget loaded properly\n            function checkSearchWidget() {\n                const searchWidget = document.querySelector('.search-widget iframe');\n                const mobileSearchContainer = document.querySelector('.mobile-search-container');\n                \n                \/\/ If on mobile and widget didn't load, show the mobile button\n                if (window.innerWidth <= 768 &#038;&#038; (!searchWidget || searchWidget.offsetHeight === 0)) {\n                    document.querySelector('.search-widget').style.display = 'none';\n                    mobileSearchContainer.style.display = 'block';\n                } else {\n                    mobileSearchContainer.style.display = 'none';\n                    document.querySelector('.search-widget').style.display = 'block';\n                }\n            }\n            \n            \/\/ Initial check\n            checkSearchWidget();\n            \n            \/\/ Check on window resize\n            window.addEventListener('resize', checkSearchWidget);\n            \n            \/\/ Check again after a delay to ensure the widget had time to load\n            setTimeout(checkSearchWidget, 2000);\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<div id=\"adgshp-962483308\"><\/div>\n<script type=\"text\/javascript\" src=\"\/\/cdn0.agoda.net\/images\/sherpa\/js\/sherpa_init1_08.min.js\"><\/script><script type=\"text\/javascript\">\nvar stg = new Object(); stg.crt=\"3933607309370\";stg.version=\"1.04\"; stg.id=stg.name=\"adgshp-962483308\"; stg.width=\"910px\"; stg.height=\"112px\";stg.ReferenceKey=\"lu632\/nvcH4MyT\/mn34ocQ==\"; stg.Layout=\"WideStatic\"; stg.Language=\"en-us\";stg.Cid=\"1949277\";  stg.Area=\"27758\"; stg.City=\"9312\";stg.OverideConf=false; new AgdSherpa(stg,3).initialize();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Hat Yai Transport: Flights, Trains, Buses &amp; Local Transport 2025 Getting Around Hat Yai &#8211; Transportation Guide 2025 Hat Yai Transportation Guide: Flights, Trains, Buses &#038; Local Transport Southern Thailand&#8217;s transport hub connects you everywhere &#8211; from Bangkok flights to Malaysian borders, beaches to cultural &hellip; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"class_list":["post-608","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/pages\/608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/comments?post=608"}],"version-history":[{"count":0,"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/pages\/608\/revisions"}],"wp:attachment":[{"href":"https:\/\/hatyaicity.com\/th\/wp-json\/wp\/v2\/media?parent=608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}