{"id":2,"date":"2026-03-24T12:30:06","date_gmt":"2026-03-24T12:30:06","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/midaresortkanchanaburi\/?page_id=2"},"modified":"2026-06-30T07:22:36","modified_gmt":"2026-06-30T07:22:36","slug":"main","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/","title":{"rendered":"Main"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f65aa9 e-con-full e-flex e-con e-parent\" data-id=\"4f65aa9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ea107c elementor-widget elementor-widget-html\" data-id=\"9ea107c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ===========================================================================\n  MRKC HOME \u2014 01 HERO  (full-screen image + booking widget overlay)\n  Requires: 00-base.html on the page.\n  Image:    images\/01-hero.jpg  (change to a Media Library URL when uploaded)\n  ===========================================================================\n-->\n<style>\n  .mrkc-hero {\n    position: relative;\n    min-height: 100vh;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    font-family: var(--mrkc-sans);\n  }\n  .mrkc-hero::before {\n    content: '';\n    position: absolute; inset: 0;\n    background-image: url('https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2025\/11\/Mida-Resort-Kanchanaburi-banner-hotel.jpg');   \/* TODO: change to absolute URL after uploading to Media *\/\n    background-size: cover; background-position: center;\n    z-index: 0;\n  }\n  .mrkc-hero::after {\n    content: ''; position: absolute; inset: 0;\n    background: linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.05) 40%, rgba(0,0,0,.55) 100%);\n    z-index: 1;\n  }\n  .mrkc-hero__content {\n    position: relative; z-index: 2;\n    text-align: center;\n    padding: 120px 24px 60px;\n    max-width: 900px;\n  }\n  .mrkc-hero__eyebrow {\n    font-size: 12px; letter-spacing: .35em; text-transform: uppercase;\n    color: #fff; opacity: .85; margin: 0 0 22px;\n  }\n  .mrkc-hero__title {\n    font-family: var(--mrkc-serif);\n    font-size: clamp(40px, 6vw, 76px);\n    font-weight: 400;\n    color: #fff;\n    margin: 0 0 22px;\n  }\n  .mrkc-hero__sub {\n    font-size: 17px;\n    max-width: 620px;\n    margin: 0 auto 40px;\n    line-height: 1.7;\n    opacity: .9;\n  }\n\n  \/* Booking widget *\/\n  .mrkc-booking {\n    position: absolute;\n    bottom: 60px; left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    background: rgba(255,255,255,.96);\n    backdrop-filter: blur(6px);\n    padding: 18px 24px;\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr auto;\n    gap: 18px;\n    align-items: center;\n    border-radius: 4px;\n    max-width: min(900px, calc(100% - 40px));\n    width: 900px;\n    box-shadow: 0 16px 40px rgba(0,0,0,.18);\n  }\n  .mrkc-booking label {\n    display: block; font-size: 10px; letter-spacing: .22em; text-transform: uppercase;\n    color: var(--mrkc-muted); margin-bottom: 4px; font-weight: 500;\n  }\n  .mrkc-booking input, .mrkc-booking select {\n    width: 100%; border: none; background: transparent;\n    font-family: var(--mrkc-sans); font-size: 14px;\n    color: var(--mrkc-ink); padding: 0; outline: none;\n  }\n  .mrkc-booking__field { border-right: 1px solid var(--mrkc-line); padding-right: 18px; }\n  .mrkc-booking__field:last-of-type { border-right: none; }\n  .mrkc-booking .mrkc-btn { white-space: nowrap; padding: 14px 26px; }\n\n  @media (max-width: 720px) {\n    .mrkc-booking { grid-template-columns: 1fr 1fr; bottom: 24px; }\n    .mrkc-booking__field { border-right: none; padding-right: 0; }\n    .mrkc-booking .mrkc-btn { grid-column: 1 \/ -1; }\n  }\n<\/style>\n\n<section class=\"mrkc-hero\">\n  <div class=\"mrkc-hero__content\">\n    <p class=\"mrkc-hero__eyebrow\">Kanchanaburi's Finest Riverside Retreat<\/p>\n    <h1 class=\"mrkc-hero__title\">Wake Up to Nature on the River Kwai<\/h1>\n    <p class=\"mrkc-hero__sub\">A Thai-contemporary hotel &amp; resort where comfort, nature, and warm hospitality come together \u2014 moments away from Bangkok.<\/p>\n  <\/div>\n\n  <form class=\"mrkc-booking\" onsubmit=\"event.preventDefault(); alert('Connect to your booking engine here.');\">\n    <div class=\"mrkc-booking__field\">\n      <label for=\"mrkcCheckin\">Check-in<\/label>\n      <input type=\"date\" id=\"mrkcCheckin\" required>\n    <\/div>\n    <div class=\"mrkc-booking__field\">\n      <label for=\"mrkcCheckout\">Check-out<\/label>\n      <input type=\"date\" id=\"mrkcCheckout\" required>\n    <\/div>\n    <div class=\"mrkc-booking__field\">\n      <label for=\"mrkcGuests\">Guests<\/label>\n      <select id=\"mrkcGuests\">\n        <option>2 Adults<\/option>\n        <option>1 Adult<\/option>\n        <option>2 Adults, 1 Child<\/option>\n        <option>2 Adults, 2 Children<\/option>\n        <option>3 Adults<\/option>\n        <option>4 Adults<\/option>\n      <\/select>\n    <\/div>\n    <button type=\"submit\" class=\"mrkc-btn mrkc-btn--solid\">Book Now<\/button>\n  <\/form>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d39392 e-con-full e-flex e-con e-parent\" data-id=\"5d39392\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c286d6 elementor-widget elementor-widget-html\" data-id=\"8c286d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ===========================================================================\n  MRKC HOME \u2014 02 INTRO  (about the resort)\n  Requires: 00-base.html on the page.\n  ===========================================================================\n-->\n<style>\n  .mrkc-intro {\n    padding: 110px 24px 70px;\n    text-align: center;\n    background: var(--mrkc-bg);\n    font-family: var(--mrkc-sans);\n  }\n  .mrkc-intro__inner { max-width: var(--mrkc-max); margin: 0 auto; }\n  .mrkc-intro p {\n    margin: 0 auto 1em;\n    max-width: 820px;\n    color: var(--mrkc-muted);\n    font-size: 17px;\n  }\n<\/style>\n\n<section class=\"mrkc-intro\">\n  <div class=\"mrkc-intro__inner\">\n    <p class=\"mrkc-eyebrow\">Mida Resort Kanchanaburi<\/p>\n    <h2 class=\"mrkc-title\">A Riverside Sanctuary on the River Kwai<\/h2>\n    <p>Discover true serenity at Mida Resort Kanchanaburi, a Thai-contemporary hotel &amp; resort in Kanchanaburi with beautiful views of the River Kwai Yai. Set in a peaceful riverside location, the resort combines comfort, nature, and warm hospitality for a relaxing getaway.<\/p>\n    <p>Mida Resort Kanchanaburi is committed to sustainability, with eco-friendly practices and an organic vegetable farm that helps preserve the natural beauty of the area.<\/p>\n    <p>Guests can enjoy outdoor activities such as rafting and bicycling, or unwind at <em>River Romance<\/em>, our signature riverside dining experience with stunning river views. Whether you are planning a romantic escape, family holiday, or nature retreat, Mida Resort Kanchanaburi offers a memorable stay in one of the best resort destinations in Kanchanaburi.<\/p>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3cbfd9a e-con-full e-flex e-con e-parent\" data-id=\"3cbfd9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c04cb47 elementor-widget elementor-widget-html\" data-id=\"c04cb47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ===========================================================================\n  MRKC HOME \u2014 02 SANCTUARY  (intro + rooms slider, combined)\n  Requires: 00-base.html on the page.\n  Layout:   2-column  \u2192  LEFT = intro text,  RIGHT = slider + tabs below\n  ===========================================================================\n-->\n<style>\n  .mrkc-sanctuary {\n    padding: 90px 0 110px;\n    background: var(--mrkc-bg);\n    font-family: var(--mrkc-sans);\n  }\n\n  .mrkc-sanctuary__wrap {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 40px;\n    max-width: 1500px;\n    margin: 0 auto;\n    align-items: center;\n  }\n  @media (min-width: 1024px) {\n    .mrkc-sanctuary__wrap { grid-template-columns: 1fr 1.45fr; gap: 60px; }\n  }\n\n  \/* LEFT: text *\/\n  .mrkc-sanctuary__text {\n    padding: 60px 32px 0;\n    display: flex; flex-direction: column; justify-content: center;\n    text-align: center;\n  }\n  @media (min-width: 1024px) {\n    .mrkc-sanctuary__text {\n      text-align: left;\n      padding: 80px 32px 80px 80px;\n      align-items: flex-start;\n    }\n  }\n  .mrkc-sanctuary__text .mrkc-eyebrow { margin-bottom: 14px; }\n  .mrkc-sanctuary__text h2 {\n    font-size: clamp(28px, 3.4vw, 40px);\n    line-height: 1.25; margin-bottom: 24px;\n    max-width: 460px;\n  }\n  .mrkc-sanctuary__text p {\n    color: var(--mrkc-muted);\n    font-size: 16px; line-height: 1.85;\n    max-width: 460px; margin: 0 0 16px;\n  }\n  .mrkc-sanctuary__text .mrkc-sanctuary__btn { margin-top: 20px; align-self: center; color: #fff; }\n  @media (min-width: 1024px) {\n    .mrkc-sanctuary__text .mrkc-sanctuary__btn { align-self: flex-start; }\n  }\n\n  \/* RIGHT: media (slider + tabs) *\/\n  .mrkc-sanctuary__media {\n    display: flex; flex-direction: column;\n    padding: 0 32px;\n  }\n  @media (min-width: 1024px) {\n    .mrkc-sanctuary__media { padding: 0 60px 0 0; }\n  }\n\n  \/* Slider *\/\n  .mrkc-sanctuary__slider {\n    position: relative; overflow: hidden;\n    background: #ddd;\n    aspect-ratio: 16 \/ 11; min-height: 360px;\n  }\n  .mrkc-sanctuary__slide {\n    position: absolute; inset: 0;\n    opacity: 0; transition: opacity .6s ease;\n    pointer-events: none;\n  }\n  .mrkc-sanctuary__slide.is-active { opacity: 1; pointer-events: auto; }\n  .mrkc-sanctuary__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .mrkc-sanctuary__slide::after {\n    content: ''; position: absolute; inset: 0;\n    background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.35) 100%);\n  }\n  .mrkc-sanctuary__nav {\n    position: absolute; top: 50%; right: 20px;\n    transform: translateY(-50%); z-index: 3;\n    width: 44px; height: 44px; border-radius: 50%;\n    background: #fff; border: none;\n    box-shadow: 0 6px 18px rgba(0,0,0,.18);\n    cursor: pointer; display: flex; align-items: center; justify-content: center;\n    color: #2b2b2b;\n    transition: background .25s ease, color .25s ease;\n    padding: 0;\n  }\n  .mrkc-sanctuary__nav:hover { background: var(--mrkc-brand, #5b6b3a); color: #fff; }\n  .mrkc-sanctuary__nav.is-prev { right: auto; left: 20px; }\n  .mrkc-sanctuary__nav svg {\n    width: 18px; height: 18px; display: block;\n    fill: none; stroke: currentColor; stroke-width: 2;\n    stroke-linecap: round; stroke-linejoin: round;\n  }\n  .mrkc-sanctuary__nav svg * { fill: none; stroke: currentColor; }\n\n  .mrkc-sanctuary__dots {\n    position: absolute; left: 50%; top: 24px;\n    transform: translateX(-50%); z-index: 3;\n    display: flex; gap: 8px;\n  }\n  .mrkc-sanctuary__dots span {\n    width: 8px; height: 8px; border-radius: 50%;\n    background: rgba(255,255,255,.55); cursor: pointer;\n    transition: background .25s ease, transform .25s ease;\n  }\n  .mrkc-sanctuary__dots span.is-active { background: #fff; transform: scale(1.3); }\n\n  \/* Tabs (centered below slider) *\/\n  .mrkc-sanctuary__tabs {\n    display: flex; gap: 48px; margin-top: 36px;\n    flex-wrap: wrap; justify-content: center;\n  }\n  .mrkc-sanctuary__tab {\n    background: none; border: none; padding: 12px 0;\n    font-family: var(--mrkc-sans); font-size: 12px; letter-spacing: .22em;\n    text-transform: uppercase; color: var(--mrkc-muted); cursor: pointer;\n    position: relative; transition: color .25s ease;\n  }\n  .mrkc-sanctuary__tab:hover,\n  .mrkc-sanctuary__tab:focus,\n  .mrkc-sanctuary__tab:active { background: none; outline: none; color: var(--mrkc-muted); }\n  .mrkc-sanctuary__tab::after {\n    content: ''; position: absolute; left: 0; right: 0; bottom: 0;\n    height: 2px; background: var(--mrkc-brand);\n    transform: scaleX(0); transform-origin: left;\n    transition: transform .35s ease;\n  }\n  .mrkc-sanctuary__tab.is-active { color: var(--mrkc-ink); }\n  .mrkc-sanctuary__tab.is-active::after { transform: scaleX(1); }\n\n  @media (max-width: 1023px) {\n    .mrkc-sanctuary__nav.is-next { right: 10px; }\n    .mrkc-sanctuary__nav.is-prev { left: 10px; }\n    .mrkc-sanctuary__tabs { gap: 24px; }\n  }\n<\/style>\n\n<section class=\"mrkc-sanctuary\" id=\"mrkc-sanctuary\">\n  <div class=\"mrkc-sanctuary__wrap\">\n\n    <!-- LEFT: intro text -->\n    <div class=\"mrkc-sanctuary__text\">\n      <p class=\"mrkc-eyebrow\">Mida Resort Kanchanaburi<\/p>\n      <h2>A Riverside Sanctuary on the River Kwai<\/h2>\n      <p>Discover true serenity at Mida Resort Kanchanaburi, a Thai-contemporary hotel &amp; resort with beautiful views of the River Kwai Yai. Set in a peaceful riverside location, the resort combines comfort, nature, and warm hospitality for a relaxing getaway.<\/p>\n      <p>Committed to sustainability with eco-friendly practices and an organic vegetable farm, the resort offers outdoor activities such as rafting and bicycling, or unwind at <em>River Romance<\/em>, our signature riverside dining experience.<\/p>\n      <a class=\"mrkc-btn mrkc-btn--solid mrkc-sanctuary__btn\"\n         href=\"https:\/\/mhg.co.th\/midaresortkanchanaburi\/rooms\/\"\n         target=\"_blank\" rel=\"noopener\">All Rooms &amp; Villas<\/a>\n    <\/div>\n\n    <!-- RIGHT: slider + tabs -->\n    <div class=\"mrkc-sanctuary__media\">\n\n      <div class=\"mrkc-sanctuary__slider\">\n        <div class=\"mrkc-sanctuary__dots\">\n          <span class=\"is-active\" data-slide=\"0\" aria-label=\"Slide 1\"><\/span>\n          <span data-slide=\"1\" aria-label=\"Slide 2\"><\/span>\n          <span data-slide=\"2\" aria-label=\"Slide 3\"><\/span>\n        <\/div>\n\n        <div class=\"mrkc-sanctuary__slide is-active\" data-slide=\"0\">\n          <img decoding=\"async\" src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Pool-Villa_02.jpg\" alt=\"2-Bedroom Pool Villa\">\n        <\/div>\n        <div class=\"mrkc-sanctuary__slide\" data-slide=\"1\">\n          <img decoding=\"async\" src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Tent-River-Front-View_04.jpg\" alt=\"Riverside Tent\">\n        <\/div>\n        <div class=\"mrkc-sanctuary__slide\" data-slide=\"2\">\n          <img decoding=\"async\" src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2025\/11\/Mida-Resort-Kanchanaburi-banner-hotel.jpg\" alt=\"Resort View\">\n        <\/div>\n\n        <button type=\"button\" class=\"mrkc-sanctuary__nav is-prev\" aria-label=\"Previous slide\">\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n          <\/svg>\n        <\/button>\n        <button type=\"button\" class=\"mrkc-sanctuary__nav is-next\" aria-label=\"Next slide\">\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n          <\/svg>\n        <\/button>\n      <\/div>\n\n      <div class=\"mrkc-sanctuary__tabs\">\n        <button type=\"button\" class=\"mrkc-sanctuary__tab is-active\" data-slide=\"0\">Our Villas<\/button>\n        <button type=\"button\" class=\"mrkc-sanctuary__tab\"            data-slide=\"1\">Our Tents<\/button>\n        <button type=\"button\" class=\"mrkc-sanctuary__tab\"            data-slide=\"2\">Our Rooms<\/button>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var root   = document.getElementById('mrkc-sanctuary');\n  if (!root) return;\n  var slides = root.querySelectorAll('.mrkc-sanctuary__slide');\n  var tabs   = root.querySelectorAll('.mrkc-sanctuary__tab');\n  var dots   = root.querySelectorAll('.mrkc-sanctuary__dots span');\n  var prev   = root.querySelector('.mrkc-sanctuary__nav.is-prev');\n  var next   = root.querySelector('.mrkc-sanctuary__nav.is-next');\n  var current = 0, total = slides.length, timer = null;\n\n  function go(idx) {\n    idx = (idx + total) % total;\n    slides.forEach(function (s, i) { s.classList.toggle('is-active', i === idx); });\n    tabs.forEach(function   (t, i) { t.classList.toggle('is-active', i === idx); });\n    dots.forEach(function   (d, i) { d.classList.toggle('is-active', i === idx); });\n    current = idx;\n  }\n  function restart() {\n    if (timer) clearInterval(timer);\n    timer = setInterval(function () { go(current + 1); }, 6000);\n  }\n  tabs.forEach(function (t) { t.addEventListener('click', function () { go(+t.dataset.slide); restart(); }); });\n  dots.forEach(function (d) { d.addEventListener('click', function () { go(+d.dataset.slide); restart(); }); });\n  if (prev) prev.addEventListener('click', function () { go(current - 1); restart(); });\n  if (next) next.addEventListener('click', function () { go(current + 1); restart(); });\n  restart();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fd62e5 e-con-full e-flex e-con e-parent\" data-id=\"6fd62e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8347a8 elementor-widget elementor-widget-html\" data-id=\"a8347a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ===========================================================================\n  MRKC HOME \u2014 04 INNER BANNER  (\"Wake Up to Nature\" parallax)\n  Requires: 00-base.html on the page.\n  Image:    images\/02-wake-up-to-nature.jpg\n  ===========================================================================\n-->\n<style>\n  .mrkc-banner {\n    position: relative;\n    min-height: 70vh;\n    color: #fff;\n    display: flex; align-items: center; justify-content: center;\n    text-align: center;\n    background-image: url('https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2023\/05\/DJI_0177-scaled.jpg');   \/* TODO swap to Media URL *\/\n    background-size: cover; background-position: center;\n    background-attachment: fixed;\n    font-family: var(--mrkc-sans);\n  }\n  .mrkc-banner::before {\n    content: ''; position: absolute; inset: 0;\n    background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.55) 100%);\n  }\n  .mrkc-banner__content { position: relative; z-index: 1; padding: 80px 24px; max-width: 760px; }\n  .mrkc-banner__content h2 { color: #fff; font-size: clamp(28px, 4vw, 48px); margin-bottom: 12px; }\n  .mrkc-banner__content .mrkc-eyebrow { color: rgba(255,255,255,.85); }\n  .mrkc-banner__content p { color: rgba(255,255,255,.9); margin: 0 auto; max-width: 580px; }\n<\/style>\n\n<section class=\"mrkc-banner\">\n  <div class=\"mrkc-banner__content\">\n    <p class=\"mrkc-eyebrow\">Kanchanaburi's Finest Riverside Retreat<\/p>\n    <h2>Wake Up to Nature<\/h2>\n    <p>A peaceful riverside setting by the River Kwai, surrounded by the natural beauty of Kanchanaburi.<\/p>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26a9814 e-con-full e-flex e-con e-parent\" data-id=\"26a9814\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b9febc elementor-widget elementor-widget-html\" data-id=\"6b9febc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ===========================================================================\n  MRKC HOME \u2014 05 OFFERS  (3 cards on a soft background)\n  Requires: 00-base.html on the page.\n  Image:    images\/03-offers.jpg as background\n  ===========================================================================\n-->\n<style>\n  .mrkc-offers {\n    background: url('..\/images\/03-offers.jpg') center\/cover no-repeat;   \/* TODO swap to Media URL *\/\n    font-family: var(--mrkc-sans);\n  }\n  .mrkc-offers__inner { background: rgba(255,255,255,.92); padding: 90px 0; }\n  .mrkc-offers__header { text-align: center; margin-bottom: 50px; padding: 0 24px; }\n\n  .mrkc-offers__grid {\n    display: grid; grid-template-columns: 1fr; gap: 28px;\n    padding: 0 24px; max-width: var(--mrkc-max); margin: 0 auto;\n  }\n  @media (min-width: 768px) { .mrkc-offers__grid { grid-template-columns: repeat(2, 1fr); } }\n\n  .mrkc-offer { text-align: left; }\n  .mrkc-offer__img { aspect-ratio: 4 \/ 3; overflow: hidden; background: var(--mrkc-bg-ash); }\n  .mrkc-offer__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }\n  .mrkc-offer:hover .mrkc-offer__img img { transform: scale(1.05); }\n  .mrkc-offer__body { padding: 22px 4px 8px; }\n  .mrkc-offer__cat {\n    display: inline-block; font-size: 11px; letter-spacing: .15em;\n    text-transform: uppercase; color: var(--mrkc-gold); margin-bottom: 8px;\n  }\n  .mrkc-offer__body h3 { font-size: 22px; margin-bottom: 10px; }\n  .mrkc-offer__body p { color: var(--mrkc-muted); font-size: 15px; margin: 0 0 14px; }\n  .mrkc-offer__price {\n    font-family: var(--mrkc-sans);\n    font-size: 13px; letter-spacing: .12em; color: var(--mrkc-ink);\n    margin-bottom: 14px; font-weight: 500;\n  }\n\n  .mrkc-offers__cta { text-align: center; margin-top: 50px; padding: 0 24px; }\n<\/style>\n\n<section class=\"mrkc-offers\" id=\"offers\">\n  <div class=\"mrkc-offers__inner\">\n    <div class=\"mrkc-offers__header\">\n      <p class=\"mrkc-eyebrow\">Special Deals<\/p>\n      <h2 class=\"mrkc-title\">Offers<\/h2>\n      <p class=\"mrkc-lead\">The best resort deals for a memorable stay in Kanchanaburi.<\/p>\n    <\/div>\n\n    <div class=\"mrkc-offers__grid\">\n      <article class=\"mrkc-offer\">\n        <div class=\"mrkc-offer__img\"><a href=\"https:\/\/www.midaresortkanchanaburi.com\/family-set-menu\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2026\/03\/MRKC-Family-Set-Menu-2026-web-01-1024x683.jpg\" alt=\"Family Set Menu\"><\/a><\/div>\n        <div class=\"mrkc-offer__body\">\n          <span class=\"mrkc-offer__cat\">Foods &amp; Beverage<\/span>\n          <h3>Family Set Menu<\/h3>\n          <a href=\"https:\/\/www.midaresortkanchanaburi.com\/family-set-menu\/\" target=\"_blank\" rel=\"noopener\" class=\"mrkc-btn mrkc-btn--link\">Read More \u2192<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"mrkc-offer\">\n        <div class=\"mrkc-offer__img\"><a href=\"https:\/\/www.midaresortkanchanaburi.com\/family-escape-package\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2026\/03\/Family-Escape-Package-1024x683.jpg\" alt=\"Family Escape Package\"><\/a><\/div>\n        <div class=\"mrkc-offer__body\">\n          <span class=\"mrkc-offer__cat\">Room<\/span>\n          <h3>Family Escape Package<\/h3>\n          <p>School Holiday Special! Bring your family for a joyful escape. Stay a minimum of 2 nights \u2014 Grand Deluxe | Family Deluxe | 1-Bedroom Pool Villa.<\/p>\n          <div class=\"mrkc-offer__price\">FROM THB 4,678 \/ ROOM \/ 2 NIGHTS<\/div>\n          <a href=\"https:\/\/www.midaresortkanchanaburi.com\/family-escape-package\/\" target=\"_blank\" rel=\"noopener\" class=\"mrkc-btn mrkc-btn--link\">Read More \u2192<\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"mrkc-offers__cta\"><a href=\"#\" class=\"mrkc-btn mrkc-btn--gold\">All Offers<\/a><\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a846753 e-con-full e-flex e-con e-parent\" data-id=\"a846753\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-967f937 elementor-widget elementor-widget-html\" data-id=\"967f937\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ===========================================================================\n  MRKC HOME \u2014 06 DINING  (parallax banner + 3 restaurant cards)\n  Requires: 00-base.html on the page.\n  Image:    images\/04-dining.jpg\n  ===========================================================================\n-->\n<style>\n  .mrkc-dining-banner {\n    background-image: url('https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2020\/02\/65563089_2333822106905218_7303496903646248960_o.jpg');   \/* TODO swap to Media URL *\/\n    background-size: cover; background-position: center;\n    min-height: 40vh;\n    margin-bottom: -100px;\n    position: relative;\n  }\n  .mrkc-dining-banner::after {\n    content: ''; position: absolute; inset: 0;\n    background: linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.4) 100%);\n  }\n\n  .mrkc-dining {\n    padding: 140px 0 90px;\n    background: var(--mrkc-bg-ash);\n    font-family: var(--mrkc-sans);\n  }\n  .mrkc-dining__header { text-align: center; margin-bottom: 50px; padding: 0 24px; }\n\n  .mrkc-dining__grid {\n    display: grid; grid-template-columns: 1fr; gap: 28px;\n    padding: 0 24px; max-width: var(--mrkc-max); margin: 0 auto;\n  }\n  @media (min-width: 768px)  { .mrkc-dining__grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (min-width: 1100px) { .mrkc-dining__grid { grid-template-columns: repeat(3, 1fr); } }\n\n  .mrkc-restaurant { text-align: left; }\n  .mrkc-restaurant__img { aspect-ratio: 4 \/ 3; overflow: hidden; background: var(--mrkc-bg-ash); }\n  .mrkc-restaurant__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }\n  .mrkc-restaurant:hover .mrkc-restaurant__img img { transform: scale(1.05); }\n  .mrkc-restaurant__body { padding: 22px 4px 8px; }\n  .mrkc-restaurant__body h3 { font-size: 22px; margin-bottom: 10px; }\n  .mrkc-restaurant__body p { color: var(--mrkc-muted); font-size: 15px; margin: 0 0 14px; }\n\n  .mrkc-dining__cta { text-align: center; margin-top: 50px; padding: 0 24px; }\n<\/style>\n\n<div class=\"mrkc-dining-banner\"><\/div>\n\n<section class=\"mrkc-dining\" id=\"dining\">\n  <div class=\"mrkc-dining__header\">\n    <p class=\"mrkc-eyebrow\">Dining<\/p>\n    <h2 class=\"mrkc-title\">Flavors by the River<\/h2>\n    <p class=\"mrkc-lead\">Discover a variety of dining experiences, from all-day meals by the river to casual favorites and romantic fine dining beside the River Kwai. Fresh ingredients, scenic views, and warm hospitality make every meal memorable.<\/p>\n  <\/div>\n\n  <div class=\"mrkc-dining__grid\">\n    <article class=\"mrkc-restaurant\">\n      <div class=\"mrkc-restaurant__img\"><img decoding=\"async\" src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/M-Cafe-Breakfast_08.jpg\" alt=\"M Caf\u00e9\"><\/div>\n      <div class=\"mrkc-restaurant__body\">\n        <h3>M Caf\u00e9<\/h3>\n        <p>A warm all-day caf\u00e9 for casual meals, freshly brewed coffee, and light bites \u2014 open from morning to evening.<\/p>\n        <a href=\"#\" class=\"mrkc-btn mrkc-btn--link\">View More \u2192<\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"mrkc-restaurant\">\n      <div class=\"mrkc-restaurant__img\"><img decoding=\"async\" src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/The_terace4.jpg\" alt=\"The Terrace\"><\/div>\n      <div class=\"mrkc-restaurant__body\">\n        <h3>The Terrace<\/h3>\n        <p>An open-air poolside restaurant serving Thai and international favorites, perfect for relaxed lunches and sunset dinners.<\/p>\n        <a href=\"#\" class=\"mrkc-btn mrkc-btn--link\">View More \u2192<\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"mrkc-restaurant\">\n      <div class=\"mrkc-restaurant__img\"><img decoding=\"async\" src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/River-Romance_16.jpg\" alt=\"River Romance\"><\/div>\n      <div class=\"mrkc-restaurant__body\">\n        <h3>River Romance<\/h3>\n        <p>Our signature fine-dining experience right on the River Kwai. Intimate, candlelit, and unforgettable.<\/p>\n        <a href=\"#\" class=\"mrkc-btn mrkc-btn--link\">View More \u2192<\/a>\n      <\/div>\n    <\/article>\n  <\/div>\n\n  <div class=\"mrkc-dining__cta\"><a href=\"#\" class=\"mrkc-btn mrkc-btn--gold\">All Restaurants<\/a><\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fc2be2 elementor-widget elementor-widget-html\" data-id=\"7fc2be2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ===========================================================================\n  MRKC HOME \u2014 07 WELLNESS  (parallax bg + split: photo left \/ white card right)\n  Requires: 00-base.html on the page.\n  Image:    images\/05-wellness.jpg  (parallax bg)\n             images\/05-wellness-spa.jpg  (left photo \u2014 TODO: add spa photo)\n  ===========================================================================\n-->\n<style>\n  .mrkc-wellness {\n    position: relative;\n    min-height: 700px;\n    display: flex;\n    align-items: flex-end;\n    font-family: var(--mrkc-sans);\n    overflow: hidden;\n  }\n\n  .mrkc-wellness__parallax {\n    position: absolute;\n    inset: -20% 0;\n    background: url('https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Exterior_12.jpg') center\/cover no-repeat;\n    background-attachment: fixed;\n    z-index: 0;\n  }\n  @supports (-webkit-overflow-scrolling: touch) {\n    .mrkc-wellness__parallax { background-attachment: scroll; }\n  }\n\n  .mrkc-wellness__inner {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: 1fr;\n    width: 70%;\n    margin: 0;\n    padding: 0;\n    gap: 0;\n    align-items: stretch;\n  }\n  @media (min-width: 900px) {\n    .mrkc-wellness__inner {\n      grid-template-columns: 1fr 1.2fr;\n      width: 65%;\n    }\n  }\n\n  .mrkc-wellness__photo {\n    min-height: 460px;\n    overflow: hidden;\n  }\n  .mrkc-wellness__photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .mrkc-wellness__card {\n    background: #fff;\n    padding: 60px 48px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n  }\n  @media (min-width: 900px) {\n    .mrkc-wellness__card { padding: 80px 60px; }\n  }\n\n  .mrkc-wellness__card h2 {\n    font-size: clamp(26px, 3vw, 38px);\n    text-transform: uppercase;\n    letter-spacing: .08em;\n    margin: 0 0 28px;\n  }\n\n  .mrkc-wellness__card p {\n    color: var(--mrkc-muted);\n    margin: 0 0 8px;\n    max-width: 420px;\n    font-size: 16px;\n    line-height: 1.8;\n  }\n<\/style>\n\n<section class=\"mrkc-wellness\">\n  <div class=\"mrkc-wellness__parallax\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"mrkc-wellness__inner\">\n    <div class=\"mrkc-wellness__photo\">\n      <img decoding=\"async\" src=\"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-content\/uploads\/sites\/4\/2026\/05\/Gemini_Generated_Image_r1h8w1r1h8w1r1h8.jpeg\" alt=\"Spa and wellness therapy at Mida Resort Kanchanaburi\">\n    <\/div>\n\n    <div class=\"mrkc-wellness__card\">\n      <p class=\"mrkc-eyebrow\">Spa &amp; Wellness<\/p>\n      <h2>Mindful<br>Wellness<\/h2>\n      <p>Discover complete relaxation and restore balance through soothing therapies designed to refresh your body and calm your mind.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17a455a elementor-widget elementor-widget-html\" data-id=\"17a455a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ===========================================================================\n  MRKC EXPERIENCES \u2014 02 INTRO  (supporting paragraph below hero headline)\n  Requires: 00-base.html on the page.\n  Note:     Brief copy had typo \"servies\" \u2192 fixed to \"services\".\n  ===========================================================================\n-->\n<style>\n  .mrkc-exp-intro {\n    padding: 90px 24px 50px;\n    text-align: center;\n    background: var(--mrkc-bg);\n    font-family: var(--mrkc-sans);\n  }\n  .mrkc-exp-intro__inner { max-width: 820px; margin: 0 auto; }\n  .mrkc-exp-intro p.lead {\n    color: var(--mrkc-muted);\n    font-size: 17px; line-height: 1.85;\n    margin: 0 auto;\n    max-width: 740px;\n  }\n<\/style>\n\n<section class=\"mrkc-exp-intro\">\n  <div class=\"mrkc-exp-intro__inner\">\n    <p class=\"lead\">Enjoy a comfortable and convenient stay with a range of services designed to support both business and leisure travelers. From signature riverside activities and organic farm visits to nearby historical landmarks and waterfalls, Kanchanaburi offers a rich blend of nature and culture \u2014 and Mida Resort is your gateway to all of it.<\/p>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b96cb5e elementor-widget elementor-widget-html\" data-id=\"b96cb5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ===========================================================================\n  MRKC EXPERIENCES \u2014 03 GRID  (3-column grid, real MRKC facilities data)\n  Requires: 00-base.html on the page.\n  Source:   Real content from clouddemo.nc.co.th\/MHG\/midaresortkanchanaburi\/facilities\/\n  ===========================================================================\n-->\n<style>\n  .mrkc-exp-list {\n    background: var(--mrkc-bg);\n    padding: 30px 0 110px;\n    font-family: var(--mrkc-sans);\n  }\n\n  .mrkc-exp-list__grid {\n    max-width: var(--mrkc-max);\n    margin: 0 auto;\n    padding: 0 24px;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 60px 32px;\n  }\n  @media (min-width: 768px)  { .mrkc-exp-list__grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (min-width: 1100px) { .mrkc-exp-list__grid { grid-template-columns: repeat(3, 1fr); gap: 70px 40px; } }\n\n  \/* Card *\/\n  .mrkc-exp-card {\n    text-align: center;\n    display: flex; flex-direction: column;\n  }\n\n  .mrkc-exp-card__image {\n    width: 100%;\n    aspect-ratio: 4\/3;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 28px;\n  }\n\n  .mrkc-exp-card__meta {\n    font-size: 11px;\n    letter-spacing: .25em;\n    text-transform: uppercase;\n    color: var(--mrkc-gold);\n    margin: 0 0 10px;\n    font-weight: 500;\n  }\n\n  .mrkc-exp-card__name {\n    font-family: var(--mrkc-serif);\n    font-size: clamp(20px, 1.8vw, 24px);\n    color: var(--mrkc-ink);\n    margin: 0 0 8px;\n    line-height: 1.3;\n    text-transform: uppercase;\n    letter-spacing: .06em;\n    font-weight: 500;\n  }\n  .mrkc-exp-card__name-th {\n    font-family: var(--mrkc-sans);\n    font-size: 13px;\n    color: var(--mrkc-muted);\n    margin: 0 0 16px;\n    font-weight: 400;\n  }\n\n  .mrkc-exp-card__desc {\n    color: var(--mrkc-muted);\n    font-size: 15px;\n    line-height: 1.75;\n    margin: 0 0 22px;\n    max-width: 340px;\n    margin-left: auto; margin-right: auto;\n  }\n\n  \/* Info row (hours \/ location \/ price) *\/\n  .mrkc-exp-card__info {\n    display: flex; flex-direction: column;\n    gap: 8px;\n    align-items: center;\n    padding: 18px 0;\n    border-top: 1px solid var(--mrkc-line);\n    border-bottom: 1px solid var(--mrkc-line);\n    margin: 0 auto 22px;\n    width: 90%;\n    max-width: 320px;\n    flex: 1;\n  }\n  .mrkc-exp-card__info-item {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-size: 13px;\n    color: var(--mrkc-ink);\n    line-height: 1.5;\n  }\n  .mrkc-exp-card__info-item svg {\n    width: 14px; height: 14px;\n    fill: none; stroke: var(--mrkc-brand);\n    stroke-width: 1.6;\n    flex-shrink: 0;\n  }\n  .mrkc-exp-card__price-list {\n    display: flex; flex-direction: column;\n    gap: 4px;\n    margin-top: 4px;\n    font-size: 12px;\n    color: var(--mrkc-muted);\n  }\n  .mrkc-exp-card__price-list span {\n    display: inline-flex; align-items: center; gap: 6px;\n  }\n  .mrkc-exp-card__price-list span::before {\n    content: '';\n    width: 4px; height: 4px;\n    background: var(--mrkc-brand);\n    border-radius: 50%;\n    flex-shrink: 0;\n    opacity: .6;\n  }\n\n  .mrkc-exp-card__cta {\n    margin-top: auto;\n  }\n  .mrkc-exp-card__cta a {\n    font-family: var(--mrkc-sans);\n    font-size: 12px;\n    letter-spacing: .28em;\n    text-transform: uppercase;\n    color: var(--mrkc-gold);\n    border-bottom: 1px solid var(--mrkc-gold);\n    padding: 4px 0;\n    font-weight: 500;\n    transition: color .25s ease, border-color .25s ease;\n    display: inline-block;\n  }\n  .mrkc-exp-card__cta a:hover { color: var(--mrkc-brand-dark); border-color: var(--mrkc-brand-dark); }\n<\/style>\n\n<section class=\"mrkc-exp-list\">\n  <div class=\"mrkc-exp-list__grid\">\n\n    <!-- 1. Swimming Pool \u2013 M Building -->\n    <article class=\"mrkc-exp-card\">\n      <img decoding=\"async\" class=\"mrkc-exp-card__image\"\n           src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2023\/06\/47E7CF76-4540-44E3-A89C-2F56447A410A-scaled.jpeg\"\n           alt=\"Swimming Pool \u2014 M Building\">\n      <p class=\"mrkc-exp-card__meta\">Swimming Pool<\/p>\n      <h3 class=\"mrkc-exp-card__name\">Swimming Pool \u2014 M Building<\/h3>\n      <p class=\"mrkc-exp-card__name-th\">\u0e2a\u0e23\u0e30\u0e27\u0e48\u0e32\u0e22\u0e19\u0e49\u0e33\u0e15\u0e36\u0e01 M<\/p>\n      <p class=\"mrkc-exp-card__desc\">Located next to M Caf\u00e9 with mountain and nature views \u2014 enjoy a refreshing swim while taking in the scenery.<\/p>\n      <div class=\"mrkc-exp-card__info\">\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          07:00 \u2013 20:00\n        <\/span>\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          Near M Caf\u00e9\n        <\/span>\n      <\/div>\n      <div class=\"mrkc-exp-card__cta\">\n        <a href=\"https:\/\/mhg.co.th\/midaresortkanchanaburi\/facilities\/\" target=\"_blank\" rel=\"noopener\" title=\"Swimming Pool M Building\">View More<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- 2. Swimming Pool \u2013 A Building -->\n    <article class=\"mrkc-exp-card\">\n      <img decoding=\"async\" class=\"mrkc-exp-card__image\"\n           src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2023\/06\/29E6CB27-DF7E-41DB-A166-01774312801C-scaled.jpeg\"\n           alt=\"Swimming Pool \u2014 A Building\">\n      <p class=\"mrkc-exp-card__meta\">Swimming Pool<\/p>\n      <h3 class=\"mrkc-exp-card__name\">Swimming Pool \u2014 A Building<\/h3>\n      <p class=\"mrkc-exp-card__name-th\">\u0e2a\u0e23\u0e30\u0e27\u0e48\u0e32\u0e22\u0e19\u0e49\u0e33\u0e15\u0e36\u0e01 A<\/p>\n      <p class=\"mrkc-exp-card__desc\">Pool in the Superior zone, complete with a water slide \u2014 fun for both children and adults.<\/p>\n      <div class=\"mrkc-exp-card__info\">\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          07:00 \u2013 20:00\n        <\/span>\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          Near Lobby\n        <\/span>\n      <\/div>\n      <div class=\"mrkc-exp-card__cta\">\n        <a href=\"https:\/\/mhg.co.th\/midaresortkanchanaburi\/facilities\/\" target=\"_blank\" rel=\"noopener\" title=\"Swimming Pool A Building\">View More<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- 3. Bamboo Rafting -->\n    <article class=\"mrkc-exp-card\">\n      <img decoding=\"async\" class=\"mrkc-exp-card__image\"\n           src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/DJI_0906-1024x683-1.jpeg\"\n           alt=\"Bamboo Rafting\">\n      <p class=\"mrkc-exp-card__meta\">Activity<\/p>\n      <h3 class=\"mrkc-exp-card__name\">Bamboo Rafting<\/h3>\n      <p class=\"mrkc-exp-card__name-th\">\u0e25\u0e48\u0e2d\u0e07\u0e41\u0e1e\u0e40\u0e1b\u0e35\u0e22\u0e01<\/p>\n      <p class=\"mrkc-exp-card__desc\">Float down the River Kwai Yai on a traditional bamboo raft and feel the refreshing cool of the river. <em>(Availability depends on weather and water level.)<\/em><\/p>\n      <div class=\"mrkc-exp-card__info\">\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          10:00 \u2013 17:00\n        <\/span>\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          5 km route\n        <\/span>\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n          THB 350 \/ person\n        <\/span>\n      <\/div>\n      <div class=\"mrkc-exp-card__cta\">\n        <a href=\"https:\/\/mhg.co.th\/midaresortkanchanaburi\/facilities\/\" target=\"_blank\" rel=\"noopener\" title=\"Bamboo Rafting\">View More<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- 4. Thai & Foot Massage -->\n    <article class=\"mrkc-exp-card\">\n      <img decoding=\"async\" class=\"mrkc-exp-card__image\"\n           src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Massage-Room_01.jpg\"\n           alt=\"Thai & Foot Massage\">\n      <p class=\"mrkc-exp-card__meta\">Wellness<\/p>\n      <h3 class=\"mrkc-exp-card__name\">Thai &amp; Foot Massage<\/h3>\n      <p class=\"mrkc-exp-card__name-th\">\u0e19\u0e27\u0e14\u0e44\u0e17\u0e22 - \u0e19\u0e27\u0e14\u0e40\u0e17\u0e49\u0e32<\/p>\n      <p class=\"mrkc-exp-card__desc\">Relax body and mind with authentic Thai massage from skilled therapists. Refresh your stay with a touch of well-being.<\/p>\n      <div class=\"mrkc-exp-card__info\">\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          12:00 \u2013 21:00\n        <\/span>\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          Opposite Reception\n        <\/span>\n        <div class=\"mrkc-exp-card__price-list\">\n          <span>Aroma Massage \u2014 THB 800 \/ hr<\/span>\n          <span>Thai Massage \u2014 THB 500 \/ hr<\/span>\n          <span>Foot Massage \u2014 THB 500 \/ hr<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"mrkc-exp-card__cta\">\n        <a href=\"https:\/\/mhg.co.th\/midaresortkanchanaburi\/facilities\/\" target=\"_blank\" rel=\"noopener\" title=\"Thai and Foot Massage\">View More<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- 5. Bicycle Rental -->\n    <article class=\"mrkc-exp-card\">\n      <img decoding=\"async\" class=\"mrkc-exp-card__image\"\n           src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/DSC08967-1024x683-1.jpeg\"\n           alt=\"Bicycle Rental\">\n      <p class=\"mrkc-exp-card__meta\">Activity<\/p>\n      <h3 class=\"mrkc-exp-card__name\">Bicycle Rental<\/h3>\n      <p class=\"mrkc-exp-card__name-th\">\u0e08\u0e31\u0e01\u0e23\u0e22\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e0a\u0e48\u0e32<\/p>\n      <p class=\"mrkc-exp-card__desc\">Cycle through the resort grounds and enjoy fresh air and beautiful scenery along the way. Available daily.<\/p>\n      <div class=\"mrkc-exp-card__info\">\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          Available Daily\n        <\/span>\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          Reception Area\n        <\/span>\n        <span class=\"mrkc-exp-card__info-item\">\n          <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n          THB 50 \/ hour \/ person\n        <\/span>\n      <\/div>\n      <div class=\"mrkc-exp-card__cta\">\n        <a href=\"https:\/\/mhg.co.th\/midaresortkanchanaburi\/facilities\/\" target=\"_blank\" rel=\"noopener\" title=\"Bicycle Rental\">View More<\/a>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7b7d86 e-con-full e-flex e-con e-parent\" data-id=\"c7b7d86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09b0137 elementor-widget elementor-widget-html\" data-id=\"09b0137\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ===========================================================================\n  MRKC HOME \u2014 00 BASE \/ SHARED STYLES\n  Drop this once on the page (or in Elementor \u2192 Site Settings \u2192 Custom CSS\n  without the <style> tags). Defines brand colors, fonts, reset, and\n  shared .mrkc-btn-* button classes used by every section.\n  ===========================================================================\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n  :root {\n    --mrkc-brand:       #5a7a3c;   \/* TODO change to MRKC official brand HEX *\/\n    --mrkc-brand-dark:  #3f5a28;\n    --mrkc-gold:        #b59661;\n    --mrkc-ink:         #1f2418;\n    --mrkc-muted:       #6f6f6f;\n    --mrkc-bg:          #ffffff;\n    --mrkc-bg-ash:      #f5f3ee;\n    --mrkc-line:        #e6e2d8;\n    --mrkc-max:         1280px;\n    --mrkc-serif:       'Cormorant Garamond', Georgia, serif;\n    --mrkc-sans:        'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  }\n\n  \/* Scope reset to .mrkc-* containers so we don't break Elementor's own CSS *\/\n  [class^=\"mrkc-\"], [class*=\" mrkc-\"] { box-sizing: border-box; }\n  [class^=\"mrkc-\"] img, [class*=\" mrkc-\"] img { max-width: 100%; height: auto; display: block; }\n  [class^=\"mrkc-\"] a, [class*=\" mrkc-\"] a { color: inherit; text-decoration: none; }\n  [class^=\"mrkc-\"] h1, [class^=\"mrkc-\"] h2, [class^=\"mrkc-\"] h3,\n  [class*=\" mrkc-\"] h1, [class*=\" mrkc-\"] h2, [class*=\" mrkc-\"] h3 {\n    font-family: var(--mrkc-serif); font-weight: 500; line-height: 1.2;\n    margin: 0 0 .5em; letter-spacing: .01em;\n  }\n  [class^=\"mrkc-\"] p, [class*=\" mrkc-\"] p { line-height: 1.7; }\n\n  \/* Shared eyebrow \/ lead \/ title *\/\n  .mrkc-eyebrow {\n    font-family: var(--mrkc-sans); font-size: 12px; letter-spacing: .22em;\n    text-transform: uppercase; color: var(--mrkc-gold); margin: 0 0 14px; font-weight: 500;\n  }\n  .mrkc-title { font-family: var(--mrkc-serif); font-size: clamp(28px, 4vw, 44px); margin: 0 0 16px; line-height: 1.2; }\n  .mrkc-lead  { max-width: 760px; margin: 0 auto 24px; font-size: 17px; color: var(--mrkc-muted); font-family: var(--mrkc-sans); }\n  .mrkc-center { text-align: center; }\n\n  \/* Shared buttons *\/\n  .mrkc-btn {\n    display: inline-block;\n    padding: 14px 32px;\n    font-family: var(--mrkc-sans);\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: .25em;\n    text-transform: uppercase;\n    border: 1px solid currentColor;\n    background: transparent;\n    color: var(--mrkc-ink);\n    cursor: pointer;\n    transition: all .25s ease;\n    text-decoration: none;\n  }\n  .mrkc-btn:hover { background: var(--mrkc-ink); color: #fff; }\n  .mrkc-btn--gold { color: var(--mrkc-gold); border-color: var(--mrkc-gold); }\n  .mrkc-btn--gold:hover { background: var(--mrkc-gold); color: #fff; }\n  .mrkc-btn--solid { background: var(--mrkc-brand); color: #fff; border-color: var(--mrkc-brand); }\n  .mrkc-btn--solid:hover { background: var(--mrkc-brand-dark); border-color: var(--mrkc-brand-dark); }\n  .mrkc-btn--link {\n    border: none;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mrkc-gold);\n    color: var(--mrkc-gold);\n    letter-spacing: .25em;\n    font-family: var(--mrkc-sans); font-size: 12px; text-transform: uppercase; font-weight: 500;\n  }\n  .mrkc-btn--link:hover { background: none; color: var(--mrkc-brand-dark); border-color: var(--mrkc-brand-dark); }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kanchanaburi&#8217;s Finest Riverside Retreat Wake Up to Nature on the River Kwai A Thai-contemporary hotel &amp; resort where comfort, nature, and warm hospitality come together \u2014 moments away from Bangkok. Check-in Check-out Guests 2 Adults1 Adult2 Adults, 1 Child2 Adults, 2 Children3 Adults4 Adults Book Now Mida Resort Kanchanaburi A Riverside Sanctuary on the River [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":61,"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/pages\/2\/revisions\/331"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}