{"id":2,"date":"2026-03-24T07:25:37","date_gmt":"2026-03-24T07:25:37","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/aksornrayong\/?page_id=2"},"modified":"2026-07-07T05:27:13","modified_gmt":"2026-07-07T05:27:13","slug":"homepage","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/aksornrayong\/","title":{"rendered":"homepage"},"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-5bc4eac e-con-full e-flex e-con e-parent\" data-id=\"5bc4eac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d9359e elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"9d9359e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"aohh-home\">\n        <div class=\"page-content\">\n                    <div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"revision\">\n                    <div class=\"elementor-element elementor-element-4f65aa9 e-con-full e-flex e-con e-parent e-lazyloaded\" data-id=\"4f65aa9\" data-element_type=\"container\" data-e-type=\"container\">\n                    <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                        <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 01 HERO  (full-screen image + booking widget overlay)\n      Requires: 00-base.html on the page.\n      Booking: Travelanium propertyId 596 (see Booking_Link.txt)\n      ===========================================================================\n    -->\n    <style>\n      .aohh-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(--aohh-sans);\n      }\n      .aohh-hero::before {\n        content: '';\n        position: absolute; inset: 0;\n        background-image: url('https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2026\/04\/Untitled-1.jpg');\n        background-size: cover; background-position: center;\n        z-index: 0;\n      }\n      \/* Autoplay \/ muted background video (full-bleed cover) *\/\n      .aohh-hero__video {\n        position: absolute; inset: 0;\n        z-index: 0; overflow: hidden;\n        pointer-events: none;   \/* keep the booking form clickable *\/\n      }\n      .aohh-hero__video iframe {\n        position: absolute; top: 50%; left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100vw; height: 56.25vw;      \/* 16:9 \u2192 width-driven *\/\n        min-height: 100vh; min-width: 177.78vh;  \/* \u2026or height-driven, whichever covers *\/\n        border: 0;\n      }\n      .aohh-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      .aohh-hero__content {\n        position: relative; z-index: 2;\n        text-align: center;\n        padding: 120px 24px 60px;\n        max-width: 900px;\n      }\n      .aohh-hero__eyebrow {\n        font-size: 12px; letter-spacing: .35em; text-transform: uppercase;\n        color: #fff; opacity: .85; margin: 0 0 22px;\n      }\n      .aohh-hero__title {\n        font-family: var(--aohh-serif);\n        font-size: clamp(30px, 5vw, 50px);\n        font-weight: 400;\n        color: #fff;\n        margin: 0 0 22px;\n        letter-spacing: .04em;\n      }\n      .aohh-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      .aohh-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      .aohh-booking label {\n        display: block; font-size: 10px; letter-spacing: .22em; text-transform: uppercase;\n        color: var(--aohh-muted); margin-bottom: 4px; font-weight: 400;\n      }\n      .aohh-booking input, .aohh-booking select {\n        width: 100%; border: none; background: transparent;\n        font-family: var(--aohh-sans); font-size: 14px;\n        color: #030303 !important; -webkit-text-fill-color: #030303 !important;\n        padding: 0; outline: none;\n      }\n      \/* keep the date field's inner text + select options readable (not sinking into the white form) *\/\n      .aohh-booking input[type=\"date\"] { color: #030303 !important; -webkit-text-fill-color: #030303 !important; }\n      .aohh-booking input::-webkit-datetime-edit,\n      .aohh-booking input::-webkit-datetime-edit-fields-wrapper,\n      .aohh-booking input::-webkit-datetime-edit-text,\n      .aohh-booking input::-webkit-datetime-edit-month-field,\n      .aohh-booking input::-webkit-datetime-edit-day-field,\n      .aohh-booking input::-webkit-datetime-edit-year-field { color: #030303 !important; -webkit-text-fill-color: #030303 !important; }\n      .aohh-booking select option { color: #030303 !important; -webkit-text-fill-color: #030303 !important; }\n      .aohh-booking__field { border-right: 1px solid var(--aohh-line); padding-right: 18px; }\n      .aohh-booking__field:last-of-type { border-right: none; }\n      .aohh-booking .aohh-btn { white-space: nowrap; padding: 14px 26px; }\n\n      @media (max-width: 720px) {\n        .aohh-booking { grid-template-columns: 1fr 1fr; bottom: 24px; }\n        .aohh-booking__field { border-right: none; padding-right: 0; }\n        .aohh-booking .aohh-btn { grid-column: 1 \/ -1; }\n      }\n    <\/style>\n\n    <section class=\"aohh-hero\">\n      <div class=\"aohh-hero__video\" aria-hidden=\"true\">\n        <iframe\n          src=\"https:\/\/www.youtube.com\/embed\/h7VMYHAlzLU?autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=h7VMYHAlzLU&amp;controls=0&amp;rel=0&amp;playsinline=1&amp;cc_load_policy=0&amp;modestbranding=1&amp;enablejsapi=1\"\n          title=\"Aksorn Rayong\"\n          frameborder=\"0\"\n          allow=\"autoplay; encrypted-media\"\n          allowfullscreen><\/iframe>\n      <\/div>\n      <div class=\"aohh-hero__content\">\n        <p class=\"aohh-hero__eyebrow\">A Beachfront Retreat on Thailand&#8217;s Eastern Seaboard<\/p>\n        <h1 class=\"aohh-hero__title\">Aksorn Rayong, The Vitality Collection<\/h1>\n        <p class=\"aohh-hero__sub\">Where Thai heritage, wellness, and modern comfort come together by the sea in Rayong.<\/p>\n      <\/div>\n\n      <form class=\"aohh-booking\" onsubmit=\"event.preventDefault(); window.open('https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=596&amp;onlineId=4&amp;accesscode=Member','_blank');\">\n        <div class=\"aohh-booking__field\">\n          <label for=\"aohhCheckin\">Check-in<\/label>\n          <input type=\"date\" id=\"aohhCheckin\" required=\"\">\n        <\/div>\n        <div class=\"aohh-booking__field\">\n          <label for=\"aohhCheckout\">Check-out<\/label>\n          <input type=\"date\" id=\"aohhCheckout\" required=\"\">\n        <\/div>\n        <div class=\"aohh-booking__field\">\n          <label for=\"aohhGuests\">Guests<\/label>\n          <select id=\"aohhGuests\">\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=\"aohh-btn aohh-btn--solid\">Book Now<\/button>\n      <\/form>\n    <\/section>\n                    <\/div>\n                    <\/div>\n            <div class=\"elementor-element elementor-element-5d39392 e-con-full e-flex e-con e-parent e-lazyloaded\" data-id=\"5d39392\" data-element_type=\"container\" data-e-type=\"container\">\n                    <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                        <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 02 INTRO  (about the resort)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      .aohh-intro {\n        padding: 110px 24px 70px;\n        text-align: center;\n        background: var(--aohh-bg);\n        font-family: var(--aohh-sans);\n      }\n      .aohh-intro__inner { max-width: var(--aohh-max); margin: 0 auto; }\n      .aohh-intro p {\n        margin: 0 auto 1em;\n        max-width: 820px;\n        color: var(--aohh-muted);\n        font-size: 17px;\n      }\n    <\/style>\n\n    <section class=\"aohh-intro\">\n      <div class=\"aohh-intro__inner\">\n        <p class=\"aohh-eyebrow\">Welcome To<\/p>\n        <h2 class=\"aohh-title\">Aksorn Rayong, The Vitality Collection<\/h2>\n        <p>Aksorn Rayong, The Vitality Collection is a beachfront hotel in Rayong where Thai heritage, wellness, and modern comfort come together. Set along the peaceful Eastern Seaboard, it offers a relaxing escape for travelers seeking an authentic seaside experience. Whether for a weekend getaway or an extended holiday, our hotel near the beach provides stylish accommodations, warm hospitality, and the perfect setting to relax and discover the beauty of Rayong.<\/p>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <\/div>\n            <div class=\"elementor-element elementor-element-3cbfd9a e-con-full e-flex e-con e-parent e-lazyloaded\" data-id=\"3cbfd9a\" data-element_type=\"container\" data-e-type=\"container\">\n                    <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                        <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 03 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      .aohh-sanctuary {\n        padding: 90px 0 110px;\n        background: var(--aohh-bg);\n        font-family: var(--aohh-sans);\n      }\n\n      .aohh-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        .aohh-sanctuary__wrap { grid-template-columns: 1fr 1.45fr; gap: 60px; }\n      }\n\n      \/* LEFT: text *\/\n      .aohh-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        .aohh-sanctuary__text {\n          text-align: left;\n          padding: 80px 32px 80px 80px;\n          align-items: flex-start;\n        }\n      }\n      .aohh-sanctuary__text .aohh-eyebrow { margin-bottom: 14px; }\n      .aohh-sanctuary__text h2 {\n        font-size: clamp(24px, 3vw, 32px);\n        line-height: 1.25; margin-bottom: 24px;\n        max-width: 460px;\n      }\n      .aohh-sanctuary__text p {\n        color: var(--aohh-muted);\n        font-size: 16px; line-height: 1.85;\n        max-width: 460px; margin: 0 0 16px;\n      }\n      .aohh-sanctuary__text .aohh-sanctuary__btn { margin-top: 20px; align-self: center; color: #fff; }\n      @media (min-width: 1024px) {\n        .aohh-sanctuary__text .aohh-sanctuary__btn { align-self: flex-start; }\n      }\n\n      \/* RIGHT: media (slider + tabs) *\/\n      .aohh-sanctuary__media {\n        display: flex; flex-direction: column;\n        padding: 0 32px;\n      }\n      @media (min-width: 1024px) {\n        .aohh-sanctuary__media { padding: 0 60px 0 0; }\n      }\n\n      \/* Slider *\/\n      .aohh-sanctuary__slider {\n        position: relative; overflow: hidden;\n        background: #ddd;\n        aspect-ratio: 16 \/ 11; min-height: 360px;\n      }\n      .aohh-sanctuary__slide {\n        position: absolute; inset: 0;\n        opacity: 0; transition: opacity .6s ease;\n        pointer-events: none;\n      }\n      .aohh-sanctuary__slide.is-active { opacity: 1; pointer-events: auto; }\n      .aohh-sanctuary__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }\n      .aohh-sanctuary__slide::after {\n        content: ''; position: absolute; inset: 0;\n        background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.35) 100%);\n      }\n      .aohh-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: var(--aohh-secondary);\n        transition: background .25s ease, color .25s ease;\n        padding: 0;\n      }\n      .aohh-sanctuary__nav:hover { background: var(--aohh-brand, #1F6F78); color: #fff; }\n      .aohh-sanctuary__nav.is-prev { right: auto; left: 20px; }\n      .aohh-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      .aohh-sanctuary__nav svg * { fill: none; stroke: currentColor; }\n\n      .aohh-sanctuary__dots {\n        position: absolute; left: 50%; top: 24px;\n        transform: translateX(-50%); z-index: 3;\n        display: flex; gap: 8px;\n      }\n      .aohh-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      .aohh-sanctuary__dots span.is-active { background: #fff; transform: scale(1.3); }\n\n      \/* Tabs (centered below slider) *\/\n      .aohh-sanctuary__tabs {\n        display: flex; gap: 48px; margin-top: 36px;\n        flex-wrap: wrap; justify-content: center;\n      }\n      .aohh-sanctuary__tab {\n        background: none; border: none; padding: 12px 0;\n        font-family: var(--aohh-sans); font-size: 12px; letter-spacing: .22em;\n        text-transform: uppercase; color: var(--aohh-muted); cursor: pointer;\n        position: relative; transition: color .25s ease;\n      }\n      .aohh-sanctuary__tab:hover,\n      .aohh-sanctuary__tab:focus,\n      .aohh-sanctuary__tab:active { background: none; outline: none; color: var(--aohh-muted); }\n      .aohh-sanctuary__tab::after {\n        content: ''; position: absolute; left: 0; right: 0; bottom: 0;\n        height: 2px; background: var(--aohh-brand);\n        transform: scaleX(0); transform-origin: left;\n        transition: transform .35s ease;\n      }\n      .aohh-sanctuary__tab.is-active { color: var(--aohh-ink); }\n      .aohh-sanctuary__tab.is-active::after { transform: scaleX(1); }\n\n      @media (max-width: 1023px) {\n        .aohh-sanctuary__nav.is-next { right: 10px; }\n        .aohh-sanctuary__nav.is-prev { left: 10px; }\n        .aohh-sanctuary__tabs { gap: 24px; }\n      }\n    <\/style>\n\n    <section class=\"aohh-sanctuary\" id=\"aohh-sanctuary\">\n      <div class=\"aohh-sanctuary__wrap\">\n\n        <!-- LEFT: intro text -->\n        <div class=\"aohh-sanctuary__text\">\n          <p class=\"aohh-eyebrow\">Rooms &amp; Wellness Suites<\/p>\n          <h2>Timeless Rooms &amp; Wellness Suites<\/h2>\n          <p>Wake up to the peaceful charm of the Eastern Seaboard at Aksorn Rayong, The Vitality Collection. Our thoughtfully designed rooms and suites combine Thai-inspired elegance with modern comfort, creating the perfect retreat by the sea. Whether you&#8217;re planning a business trip, a family holiday, or a relaxing weekend, our beachfront hotel in Rayong offers a warm and welcoming stay for every traveler.<\/p>\n          <a class=\"aohh-btn aohh-btn--solid aohh-sanctuary__btn\" href=\"https:\/\/mhg.co.th\/aksornrayong\/rooms\/\" rel=\"noopener\">All Rooms &amp; Wellness Suites<\/a>\n        <\/div>\n\n        <!-- RIGHT: slider + tabs -->\n        <div class=\"aohh-sanctuary__media\">\n\n          <div class=\"aohh-sanctuary__slider\">\n            <div class=\"aohh-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=\"aohh-sanctuary__slide is-active\" data-slide=\"0\">\n              <img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/02\/Baan-Thai-Junior-Suite_01_-e1730975055601.jpeg\" alt=\"Baan Thai Junior Suite at Aksorn Rayong\">\n            <\/div>\n            <div class=\"aohh-sanctuary__slide\" data-slide=\"1\">\n              <img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/01\/download-6-1.jpeg\" alt=\"Deluxe Room at Aksorn Rayong\">\n            <\/div>\n            <div class=\"aohh-sanctuary__slide\" data-slide=\"2\">\n              <img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2024\/11\/IMG_6653.jpg\" alt=\"Wellness Suite at Aksorn Rayong\">\n            <\/div>\n\n            <button type=\"button\" class=\"aohh-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=\"aohh-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=\"aohh-sanctuary__tabs\">\n            <button type=\"button\" class=\"aohh-sanctuary__tab is-active\" data-slide=\"0\">Baan Thai Junior Suite<\/button>\n            <button type=\"button\" class=\"aohh-sanctuary__tab\" data-slide=\"1\">Deluxe Room<\/button>\n            <button type=\"button\" class=\"aohh-sanctuary__tab\" data-slide=\"2\">Wellness Suite<\/button>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <script>\n    (function () {\n      var root   = document.getElementById('aohh-sanctuary');\n      if (!root) return;\n      var slides = root.querySelectorAll('.aohh-sanctuary__slide');\n      var tabs   = root.querySelectorAll('.aohh-sanctuary__tab');\n      var dots   = root.querySelectorAll('.aohh-sanctuary__dots span');\n      var prev   = root.querySelector('.aohh-sanctuary__nav.is-prev');\n      var next   = root.querySelector('.aohh-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                    <\/div>\n                    <\/div>\n            <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                    <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                        <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 04 INNER BANNER  (parallax)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      .aohh-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.aksornrayong.com\/wp-content\/uploads\/2022\/02\/IMG_6535-Pano.jpg');\n        background-size: cover; background-position: center;\n        background-attachment: fixed;\n        font-family: var(--aohh-sans);\n      }\n      .aohh-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      .aohh-banner__content { position: relative; z-index: 1; padding: 80px 24px; max-width: 760px; }\n      .aohh-banner__content h2 { color: #fff; font-size: clamp(26px, 3vw, 34px); margin-bottom: 12px; }\n      .aohh-banner__content .aohh-eyebrow { color: rgba(255,255,255,.85); }\n      .aohh-banner__content p { color: rgba(255,255,255,.9); margin: 0 auto; max-width: 580px; }\n    <\/style>\n\n    <section class=\"aohh-banner\">\n      <div class=\"aohh-banner__content\">\n        <p class=\"aohh-eyebrow\">Where Every Stay Restores You<\/p>\n        <h2>Discover the Art of Seaside Living<\/h2>\n        <p>Sunsets, sea breezes, and the simple joys of Rayong&#8217;s peaceful Eastern coast.<\/p>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <\/div>\n            <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                    <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                        <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 05 OFFERS  (2 cards on a soft background)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      .aohh-offers {\n        background: var(--aohh-bg-ash);\n        font-family: var(--aohh-sans);\n      }\n      .aohh-offers__inner { background: rgba(255,255,255,.92); padding: 90px 0; }\n      .aohh-offers__header { text-align: center; margin-bottom: 50px; padding: 0 24px; }\n\n      .aohh-offers__grid {\n        display: grid; grid-template-columns: 1fr; gap: 28px;\n        padding: 0 24px; max-width: 1040px; margin: 0 auto;\n      }\n      @media (min-width: 768px) { .aohh-offers__grid { grid-template-columns: repeat(2, 1fr); } }\n\n      .aohh-offer { text-align: left; }\n      .aohh-offer__img { aspect-ratio: 4 \/ 3; overflow: hidden; background: var(--aohh-bg-ash); }\n      .aohh-offer__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }\n      .aohh-offer:hover .aohh-offer__img img { transform: scale(1.05); }\n      .aohh-offer__body { padding: 22px 4px 8px; }\n      .aohh-offer__cat {\n        display: inline-block; font-size: 11px; letter-spacing: .15em;\n        text-transform: uppercase; color: var(--aohh-gold); margin-bottom: 8px;\n      }\n      .aohh-offer__body h3 { font-size: 22px; margin-bottom: 10px; }\n      .aohh-offer__body p { color: var(--aohh-muted); font-size: 15px; margin: 0 0 14px; }\n      .aohh-offer__price {\n        font-family: var(--aohh-sans);\n        font-size: 13px; letter-spacing: .12em; color: var(--aohh-ink);\n        margin-bottom: 14px; font-weight: 400;\n      }\n\n      .aohh-offers__cta { text-align: center; margin-top: 50px; padding: 0 24px; }\n    <\/style>\n\n    <section class=\"aohh-offers\" id=\"offers\">\n      <div class=\"aohh-offers__inner\">\n        <div class=\"aohh-offers__header\">\n          <p class=\"aohh-eyebrow\">Special Deals<\/p>\n          <h2 class=\"aohh-title\">Offers<\/h2>\n          <p class=\"aohh-lead\">The best resort deals for a memorable stay in Rayong.<\/p>\n        <\/div>\n\n        <div class=\"aohh-offers__grid\">\n          <article class=\"aohh-offer\">\n            <div class=\"aohh-offer__img\"><a href=\"https:\/\/mhg.co.th\/aksornrayong\/offers\/\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2026\/02\/ASRY-Serene-Three-Meal-Package.jpg\" alt=\"Serene Three-Meal Package\"><\/a><\/div>\n            <div class=\"aohh-offer__body\">\n              <span class=\"aohh-offer__cat\">Room Offer<\/span>\n              <h3>Serene Three-Meal Package<\/h3>\n              <p>Book direct for the best deals. Enjoy a restful beachfront stay in Rayong with three thoughtfully prepared meals included each day.<\/p>\n              <a href=\"https:\/\/mhg.co.th\/aksornrayong\/offers\/\" rel=\"noopener\" class=\"aohh-btn aohh-btn--link\">Read More &#8594;<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"aohh-offer\">\n            <div class=\"aohh-offer__img\"><a href=\"https:\/\/mhg.co.th\/aksornrayong\/offers\/\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2026\/02\/ASRY-Stay-and-Dine.jpg\" alt=\"Stay and Dine\"><\/a><\/div>\n            <div class=\"aohh-offer__body\">\n              <span class=\"aohh-offer__cat\">Room Offer<\/span>\n              <h3>Stay and Dine<\/h3>\n              <p>Pair a stylish beachfront room with dining by the sea for an easy, all-in getaway on Rayong&#8217;s peaceful Eastern Seaboard.<\/p>\n              <a href=\"https:\/\/mhg.co.th\/aksornrayong\/offers\/\" rel=\"noopener\" class=\"aohh-btn aohh-btn--link\">Read More &#8594;<\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n\n        <div class=\"aohh-offers__cta\"><a href=\"https:\/\/mhg.co.th\/aksornrayong\/offers\/\" class=\"aohh-btn aohh-btn--gold\">All Offers<\/a><\/div>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <\/div>\n            <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                    <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                        <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 06 DINING  (parallax banner + 2 restaurant cards)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      .aohh-dining-banner {\n        background-image: url('https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/01\/TPK08414.jpeg');\n        background-size: cover; background-position: center;\n        min-height: 40vh;\n        margin-bottom: -100px;\n        position: relative;\n      }\n      .aohh-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      .aohh-dining {\n        padding: 140px 0 90px;\n        background: var(--aohh-bg-ash);\n        font-family: var(--aohh-sans);\n      }\n      .aohh-dining__header { text-align: center; margin-bottom: 50px; padding: 0 24px; }\n\n      .aohh-dining__grid {\n        display: grid; grid-template-columns: 1fr; gap: 28px;\n        padding: 0 24px; max-width: 1040px; margin: 0 auto;\n      }\n      @media (min-width: 768px)  { .aohh-dining__grid { grid-template-columns: repeat(2, 1fr); } }\n\n      .aohh-restaurant { text-align: left; }\n      .aohh-restaurant__img { aspect-ratio: 4 \/ 3; overflow: hidden; background: var(--aohh-bg-ash); }\n      .aohh-restaurant__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }\n      .aohh-restaurant:hover .aohh-restaurant__img img { transform: scale(1.05); }\n      .aohh-restaurant__body { padding: 22px 4px 8px; }\n      .aohh-restaurant__body h3 { font-size: 22px; margin-bottom: 10px; }\n      .aohh-restaurant__body p { color: var(--aohh-muted); font-size: 15px; margin: 0 0 14px; }\n\n      .aohh-dining__cta { text-align: center; margin-top: 50px; padding: 0 24px; }\n    <\/style>\n\n    <div class=\"aohh-dining-banner\"><\/div>\n\n    <section class=\"aohh-dining\" id=\"dining\">\n      <div class=\"aohh-dining__header\">\n        <p class=\"aohh-eyebrow\">Dining<\/p>\n        <h2 class=\"aohh-title\">Every Meal Tells a Story<\/h2>\n        <p class=\"aohh-lead\">Dining at Aksorn Rayong is inspired by the sea, local traditions, and the warmth of Thai hospitality. Enjoy oceanfront dining at KAVI or begin your day at Accent with freshly prepared breakfast favorites, all in a relaxed beachfront atmosphere.<\/p>\n      <\/div>\n\n      <div class=\"aohh-dining__grid\">\n        <article class=\"aohh-restaurant\">\n          <div class=\"aohh-restaurant__img\"><img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/09\/DB3EF66B-CA89-47CA-AB5A-F7FAC1695035.jpeg\" alt=\"KAVI oceanfront restaurant\"><\/div>\n          <div class=\"aohh-restaurant__body\">\n            <h3>KAVI<\/h3>\n            <p>Oceanfront dining featuring authentic Thai cuisine and fresh local seafood, served with beautiful views by the sea.<\/p>\n            <a href=\"https:\/\/mhg.co.th\/aksornrayong\/dining\/\" class=\"aohh-btn aohh-btn--link\">View More &#8594;<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"aohh-restaurant\">\n          <div class=\"aohh-restaurant__img\"><img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/09\/DSC09688.jpg\" alt=\"Accent all-day dining\"><\/div>\n          <div class=\"aohh-restaurant__body\">\n            <h3>Accent<\/h3>\n            <p>Start your day with freshly prepared breakfast favorites in a relaxed, welcoming setting on the beachfront.<\/p>\n            <a href=\"https:\/\/mhg.co.th\/aksornrayong\/dining\/\" class=\"aohh-btn aohh-btn--link\">View More &#8594;<\/a>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div class=\"aohh-dining__cta\"><a href=\"https:\/\/mhg.co.th\/aksornrayong\/dining\/\" class=\"aohh-btn aohh-btn--gold\">All Restaurants<\/a><\/div>\n    <\/section>\n                    <\/div>\n                    <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                        <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 07 WELLNESS  (parallax bg + split: photo left \/ white card right)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      .aohh-wellness {\n        position: relative;\n        min-height: 700px;\n        display: flex;\n        align-items: flex-end;\n        font-family: var(--aohh-sans);\n        overflow: hidden;\n      }\n\n      .aohh-wellness__parallax {\n        position: absolute;\n        inset: -20% 0;\n        background: url('https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/02\/IMG_7006-Edit.jpg') center\/cover no-repeat;\n        background-attachment: fixed;\n        z-index: 0;\n      }\n      @supports (-webkit-overflow-scrolling: touch) {\n        .aohh-wellness__parallax { background-attachment: scroll; }\n      }\n\n      .aohh-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        .aohh-wellness__inner {\n          grid-template-columns: 1fr 1.2fr;\n          width: 65%;\n        }\n      }\n\n      .aohh-wellness__photo {\n        min-height: 460px;\n        overflow: hidden;\n      }\n      .aohh-wellness__photo img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n      }\n\n      .aohh-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        .aohh-wellness__card { padding: 80px 60px; }\n      }\n\n      .aohh-wellness__card h2 {\n        font-size: clamp(24px, 3vw, 32px);\n        text-transform: uppercase;\n        letter-spacing: .08em;\n        margin: 0 0 28px;\n      }\n\n      .aohh-wellness__card p {\n        color: var(--aohh-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=\"aohh-wellness\">\n      <div class=\"aohh-wellness__parallax\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"aohh-wellness__inner\">\n        <div class=\"aohh-wellness__photo\">\n          <img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2024\/11\/IMG_7056.jpg\" alt=\"Wellness and massage at Aksorn Rayong\">\n        <\/div>\n\n        <div class=\"aohh-wellness__card\">\n          <p class=\"aohh-eyebrow\">Wellness &amp; Massage<\/p>\n          <h2>Wellness<br>&amp; Massage<\/h2>\n          <p>Wellness meets the sea at Aksorn Rayong, The Vitality Collection. Designed for rest and renewal, our beachfront resort offers a peaceful escape where comfort, relaxation, and well-being come naturally.<\/p>\n          <a class=\"aohh-btn aohh-btn--solid\" href=\"https:\/\/mhg.co.th\/aksornrayong\/wellness\/\" rel=\"noopener\" style=\"margin-top:24px;\">View More<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <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                        <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 08 EXPERIENCES INTRO  (supporting paragraph below headline)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      .aohh-exp-intro {\n        padding: 90px 24px 50px;\n        text-align: center;\n        background: var(--aohh-bg);\n        font-family: var(--aohh-sans);\n      }\n      .aohh-exp-intro__inner { max-width: 820px; margin: 0 auto; }\n      .aohh-exp-intro p.lead {\n        color: var(--aohh-muted);\n        font-size: 17px; line-height: 1.85;\n        margin: 0 auto;\n        max-width: 740px;\n      }\n    <\/style>\n\n    <section class=\"aohh-exp-intro\">\n      <div class=\"aohh-exp-intro__inner\">\n        <p class=\"aohh-eyebrow\">Experiences<\/p>\n        <h2 class=\"aohh-title\">Memorable Seafront Experiences<\/h2>\n        <p class=\"lead\">Discover a different side of Rayong at Aksorn Rayong, The Vitality Collection. Blending Thai heritage and wellness experiences, our resort offers a peaceful escape where you can relax, recharge, and enjoy the beauty of Thailand&#8217;s Eastern coast.<\/p>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <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                        <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 09 EXPERIENCES GRID  (3 cards: Beach \/ Pool \/ Fitness)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      .aohh-exp-list {\n        background: var(--aohh-bg);\n        padding: 30px 0 110px;\n        font-family: var(--aohh-sans);\n      }\n\n      .aohh-exp-list__grid {\n        max-width: var(--aohh-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)  { .aohh-exp-list__grid { grid-template-columns: repeat(2, 1fr); } }\n      @media (min-width: 1100px) { .aohh-exp-list__grid { grid-template-columns: repeat(3, 1fr); gap: 70px 40px; } }\n\n      \/* Card *\/\n      .aohh-exp-card {\n        text-align: center;\n        display: flex; flex-direction: column;\n      }\n\n      .aohh-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      .aohh-exp-card__meta {\n        font-size: 11px;\n        letter-spacing: .25em;\n        text-transform: uppercase;\n        color: var(--aohh-gold);\n        margin: 0 0 10px;\n        font-weight: 400;\n      }\n\n      .aohh-exp-card__name {\n        font-family: var(--aohh-serif);\n        font-size: clamp(20px, 1.8vw, 24px);\n        color: var(--aohh-ink);\n        margin: 0 0 8px;\n        line-height: 1.3;\n        text-transform: uppercase;\n        letter-spacing: .06em;\n        font-weight: 400;\n      }\n\n      .aohh-exp-card__desc {\n        color: var(--aohh-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      .aohh-exp-card__cta {\n        margin-top: auto;\n      }\n      .aohh-exp-card__cta a {\n        font-family: var(--aohh-sans);\n        font-size: 12px;\n        letter-spacing: .28em;\n        text-transform: uppercase;\n        color: var(--aohh-gold);\n        border-bottom: 1px solid var(--aohh-gold);\n        padding: 4px 0;\n        font-weight: 400;\n        transition: color .25s ease, border-color .25s ease;\n        display: inline-block;\n      }\n      .aohh-exp-card__cta a:hover { color: var(--aohh-brand-dark); border-color: var(--aohh-brand-dark); }\n    <\/style>\n\n    <section class=\"aohh-exp-list\">\n      <div class=\"aohh-exp-list__grid\">\n\n        <!-- 1. The Beach -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/02\/IMG_6535-Pano.jpg\" alt=\"The beach at Aksorn Rayong\">\n          <p class=\"aohh-exp-card__meta\">Beachfront<\/p>\n          <h3 class=\"aohh-exp-card__name\">The Beach<\/h3>\n          <p class=\"aohh-exp-card__desc\">Set along the peaceful coast of Rayong, Aksorn Rayong offers a tranquil beachfront experience with open sea views, soft sandy shores, and plenty of space to simply relax and enjoy the moment.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/aksornrayong\/experiences\/\" rel=\"noopener\" title=\"The Beach\">View More<\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 2. Pool -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/02\/IMG_6475.jpg\" alt=\"Outdoor swimming pool at Aksorn Rayong\">\n          <p class=\"aohh-exp-card__meta\">Pool<\/p>\n          <h3 class=\"aohh-exp-card__name\">Pool<\/h3>\n          <p class=\"aohh-exp-card__desc\">Our outdoor swimming pool offers a quiet place to slow down and enjoy the beauty of Rayong. Swim, lounge, or simply soak up the peaceful atmosphere by the sea.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/aksornrayong\/experiences\/\" rel=\"noopener\" title=\"Pool\">View More<\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 3. Fitness & Wellness Center -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2024\/11\/IMG_6885-copy.jpg\" alt=\"Fitness and Wellness Center at Aksorn Rayong\">\n          <p class=\"aohh-exp-card__meta\">Fitness<\/p>\n          <h3 class=\"aohh-exp-card__name\">Fitness &amp; Wellness Center<\/h3>\n          <p class=\"aohh-exp-card__desc\">Enjoy a refreshing space designed for both energy and balance, equipped with modern fitness equipment and a calm, airy atmosphere.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/aksornrayong\/experiences\/\" rel=\"noopener\" title=\"Fitness &amp; Wellness Center\">View More<\/a>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/section>\n\n    <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 MEETINGS & EVENTS  (split banner)\n      ===========================================================================\n    -->\n    <style>\n      .aohh-meet { background: var(--aohh-bg-ash); font-family: var(--aohh-sans); }\n      .aohh-meet__wrap {\n        max-width: var(--aohh-max); margin: 0 auto;\n        display: grid; grid-template-columns: 1fr; align-items: stretch;\n      }\n      @media (min-width: 900px) { .aohh-meet__wrap { grid-template-columns: 1.1fr 1fr; } }\n      .aohh-meet__photo { min-height: 320px; overflow: hidden; }\n      .aohh-meet__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n      .aohh-meet__text {\n        padding: 64px 32px; display: flex; flex-direction: column;\n        justify-content: center; text-align: center;\n      }\n      @media (min-width: 900px) { .aohh-meet__text { padding: 80px 64px; text-align: left; align-items: flex-start; } }\n      .aohh-meet__text h2 { font-size: clamp(24px, 3vw, 32px); margin-bottom: 18px; }\n      .aohh-meet__text p { color: var(--aohh-muted); font-size: 16px; line-height: 1.85; max-width: 480px; margin: 0 0 26px; }\n    <\/style>\n\n    <section class=\"aohh-meet\">\n      <div class=\"aohh-meet__wrap\">\n        <div class=\"aohh-meet__photo\">\n          <img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/09\/DE94B1BC-D1BC-4C31-8E86-E712500F9BFA.jpeg\" alt=\"Meetings and events at Aksorn Rayong\">\n        <\/div>\n        <div class=\"aohh-meet__text\">\n          <p class=\"aohh-eyebrow\">Meetings &amp; Events<\/p>\n          <h2>Meetings &amp; Events<\/h2>\n          <p>Aksorn Rayong&#8217;s function rooms are meticulously designed to cater to various corporate events, from small meetings to large-scale gatherings.<\/p>\n          <a class=\"aohh-btn aohh-btn--solid\" href=\"https:\/\/mhg.co.th\/aksornrayong\/meetings\/\" rel=\"noopener\">View More<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!--\n      ===========================================================================\n      AKSORN RAYONG HOME \u2014 INSTAGRAM \/ #midamoments\n      ===========================================================================\n    -->\n    <style>\n      .aohh-ig { background: var(--aohh-bg); padding: 90px 24px; text-align: center; font-family: var(--aohh-sans); }\n      .aohh-ig__inner { max-width: var(--aohh-max); margin: 0 auto; }\n      .aohh-ig p.lead { color: var(--aohh-muted); font-size: 17px; max-width: 720px; margin: 0 auto 40px; }\n      .aohh-ig__grid {\n        display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 44px;\n      }\n      @media (min-width: 768px) { .aohh-ig__grid { grid-template-columns: repeat(4, 1fr); } }\n      .aohh-ig__grid a { display: block; aspect-ratio: 1\/1; overflow: hidden; background: var(--aohh-bg-ash); }\n      .aohh-ig__grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }\n      .aohh-ig__grid a:hover img { transform: scale(1.06); }\n    <\/style>\n\n    <section class=\"aohh-ig\">\n      <div class=\"aohh-ig__inner\">\n        <p class=\"aohh-eyebrow\">@aksornrayong<\/p>\n        <h2 class=\"aohh-title\">#midamoments<\/h2>\n        <p class=\"lead\">Share your favorite moments at Aksorn Rayong. Tag us <strong>@aksornrayong<\/strong> and use <strong>#midamoments<\/strong> to let us be part of your memories.<\/p>\n        <div class=\"aohh-ig__grid\">\n          <a href=\"https:\/\/www.instagram.com\/aksornrayong\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2026\/04\/Untitled-1.jpg\" alt=\"Aksorn Rayong moment\"><\/a>\n          <a href=\"https:\/\/www.instagram.com\/aksornrayong\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/02\/IMG_7006-Edit.jpg\" alt=\"Aksorn Rayong moment\"><\/a>\n          <a href=\"https:\/\/www.instagram.com\/aksornrayong\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/09\/DB3EF66B-CA89-47CA-AB5A-F7FAC1695035.jpeg\" alt=\"Aksorn Rayong moment\"><\/a>\n          <a href=\"https:\/\/www.instagram.com\/aksornrayong\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2024\/11\/IMG_6653.jpg\" alt=\"Aksorn Rayong moment\"><\/a>\n        <\/div>\n        <a class=\"aohh-btn aohh-btn--gold\" href=\"https:\/\/mhg.co.th\/aksornrayong\/gallery\/\" rel=\"noopener\">Explore Gallery<\/a>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <\/div>\n            <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                    <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                        <!--\n      ===========================================================================\n      AKSORN RAYONG 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 .aohh-btn-* button classes used by every section.\n      Brand palette: Aksorn teal (#1F6F78) \u2014 from the Aksorn Rayong content brief.\n      ===========================================================================\n    -->\n    <style>\n      :root {\n        \/* Aksorn Rayong \u2014 brand palette *\/\n        --aohh-primary:     #1F6F78;\n        --aohh-secondary:   #565a5a;\n        --aohh-accent:      #9a9b9f;\n        --aohh-brand:       #1F6F78;\n        --aohh-brand-dark:  #155258;\n        --aohh-gold:        #9a9b9f;   \/* accent \u2014 eyebrows \/ labels \/ underlines *\/\n        --aohh-ink:         inherit;   \/* headings & text inherit theme (Kanit) color *\/\n        --aohh-muted:       #565a5a;   \/* secondary \u2014 subtext *\/\n        --aohh-bg:          transparent;\n        --aohh-bg-ash:      #f6f6f6;\n        --aohh-line:        rgba(3,3,3,.12);\n        --aohh-max:         1600px;\n        --aohh-serif:       inherit;   \/* inherit theme font (Kanit) \u2014 no hardcoded family *\/\n        --aohh-sans:        inherit;\n      }\n\n      \/* Scope reset to .aohh-* containers so we don't break Elementor's own CSS *\/\n      [class^=\"aohh-\"], [class*=\" aohh-\"] { box-sizing: border-box; }\n      [class^=\"aohh-\"] img, [class*=\" aohh-\"] img { max-width: 100%; display: block; }\n      [class^=\"aohh-\"] a, [class*=\" aohh-\"] a { color: inherit; text-decoration: none; }\n      [class^=\"aohh-\"] h1, [class^=\"aohh-\"] h2, [class^=\"aohh-\"] h3,\n      [class*=\" aohh-\"] h1, [class*=\" aohh-\"] h2, [class*=\" aohh-\"] h3 {\n        font-family: var(--aohh-serif); font-weight: 300; line-height: 1.2;\n        margin: 0 0 .5em; letter-spacing: .01em;\n      }\n      [class^=\"aohh-\"] p, [class*=\" aohh-\"] p { line-height: 1.7; }\n\n      \/* Shared eyebrow \/ lead \/ title *\/\n      .aohh-eyebrow {\n        font-family: var(--aohh-sans); font-size: 12px; letter-spacing: .22em;\n        text-transform: uppercase; color: var(--aohh-gold); margin: 0 0 14px; font-weight: 400;\n      }\n      .aohh-title { font-family: var(--aohh-serif); font-size: clamp(26px, 3vw, 32px); margin: 0 0 16px; line-height: 1.2; }\n      .aohh-lead  { max-width: 760px; margin: 0 auto 24px; font-size: 17px; color: var(--aohh-muted); font-family: var(--aohh-sans); }\n      .aohh-center { text-align: center; }\n\n      \/* Shared buttons \u2014 sharp corners, 1px currentColor, soft opacity hover *\/\n      .aohh-btn {\n        display: inline-block;\n        padding: 14px 34px;\n        font-family: var(--aohh-sans);\n        font-size: 13px;\n        font-weight: 400;\n        letter-spacing: .22em;\n        text-transform: uppercase;\n        border: 1px solid currentColor;\n        background: transparent;\n        color: inherit;\n        cursor: pointer;\n        transition: opacity .35s ease;\n        text-decoration: none;\n      }\n      .aohh-btn:hover { opacity: .7; }\n      .aohh-btn--gold { color: var(--aohh-accent); border-color: var(--aohh-accent); }\n      .aohh-btn--gold:hover { opacity: .7; }\n      .aohh-btn--solid { background: var(--aohh-primary); color: #fff; border-color: var(--aohh-primary); }\n      .aohh-btn--solid:hover { opacity: .85; }\n      .aohh-btn--link {\n        border: none;\n        padding: 6px 0;\n        border-bottom: 1px solid currentColor;\n        color: inherit; opacity: .75;\n        letter-spacing: .22em;\n        font-family: var(--aohh-sans); font-size: 12px; text-transform: uppercase; font-weight: 400;\n      }\n      .aohh-btn--link:hover { opacity: .45; background: none; }\n\n      \/* ===== FULL WIDTH =====\n         Make every section stretch edge-to-edge across the viewport, even when this\n         block is pasted into a boxed Elementor HTML widget \/ column.\n         (Cleanest alternative: set the Elementor Section\/Container to Full Width with 0 padding.) *\/\n      .aohh-hero, .aohh-intro, .aohh-sanctuary, .aohh-banner, .aohh-offers,\n      .aohh-dining-banner, .aohh-dining, .aohh-wellness, .aohh-exp-intro,\n      .aohh-exp-list, .aohh-meet, .aohh-ig {\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n      }\n      \/* Let inner content use the full width too *\/\n      .aohh-sanctuary__wrap { max-width: var(--aohh-max); }\n      \/* Guard against a horizontal scrollbar caused by 100vw *\/\n      html, body { overflow-x: hidden; }\n\n      \/* ===== Fix: stop the theme's default <button> styles (blue boxes) from\n         bleeding into the rooms slider tabs and nav arrows ===== *\/\n      .aohh-sanctuary__tab {\n        background: transparent !important;\n        border: none !important;\n        box-shadow: none !important;\n        border-radius: 0 !important;\n        color: var(--aohh-muted) !important;   \/* tab label follows theme text color *\/\n      }\n      .aohh-sanctuary__tab.is-active { color: var(--aohh-ink) !important; }   \/* active tab follows theme primary *\/\n      .aohh-sanctuary__nav {\n        background: #fff !important;\n        border: none !important;\n        box-shadow: 0 6px 18px rgba(0,0,0,.18) !important;\n        color: var(--aohh-ink) !important;   \/* arrow follows theme primary color *\/\n      }\n      .aohh-sanctuary__nav svg { stroke: currentColor !important; }\n      .aohh-sanctuary__nav:hover { background: var(--aohh-brand) !important; color: #fff !important; }\n      \/* Re-assert full-bleed cover images (don't let the theme\/reset shrink them) *\/\n      .aohh-sanctuary__slide img,\n      .aohh-wellness__photo img,\n      .aohh-meet__photo img { height: 100% !important; }\n    <\/style>\n                    <\/div>\n                    <\/div>\n                    <\/div>\n\n\n                <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b01ce48 e-flex e-con-boxed e-con e-parent\" data-id=\"b01ce48\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ec87835 e-con-full e-flex e-con e-child\" data-id=\"ec87835\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c4731c elementor-widget elementor-widget-image\" data-id=\"5c4731c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/mhg.co.th\/aksornrayong\/wp-content\/uploads\/sites\/3\/2026\/03\/Asset-20-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-55\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e07db3 e-con-full e-flex e-con e-child\" data-id=\"8e07db3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72d6808 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"72d6808\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/mhg.co.th\/aksornrayong\/wp-content\/uploads\/sites\/3\/2026\/03\/sha_hotels_thailand-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-56\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-776e969 e-con-full e-flex e-con e-child\" data-id=\"776e969\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbb032a elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"fbb032a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/mhg.co.th\/aksornrayong\/wp-content\/uploads\/sites\/3\/2026\/03\/MHAP_TCEB-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-57\" alt=\"\" srcset=\"https:\/\/mhg.co.th\/aksornrayong\/wp-content\/uploads\/sites\/3\/2026\/03\/MHAP_TCEB-150x150.png 150w, https:\/\/mhg.co.th\/aksornrayong\/wp-content\/uploads\/sites\/3\/2026\/03\/MHAP_TCEB.png 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a14b73e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a14b73e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be84ec7\" data-id=\"be84ec7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d4bb87 elementor-widget elementor-widget-html\" data-id=\"5d4bb87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TrustYou Widget -->\r\n<script async src=\"https:\/\/cdn.trustyou.com\/v2\/hotel\/widget-ui\/shared\/iframeResizer\/4.3.2\/iframeResizer.min.js\" onload=\"iFrameResize()\"><\/script>\r\n<iframe src='https:\/\/api.trustyou.com\/hotels\/e7aa2cf7-10ca-436b-b976-2ef43dadcb6a\/badges.html?key=e752f816-baee-42b5-9524-6d3b3a87655b&scale=5&custom_style={\"primaryColor\":\"0x004c79\"}'\r\n  scrolling=\"no\"\r\n  width=\"100%\"\r\n  style=\"border:none\"><\/iframe>\r\n<!-- \/TrustYou Widget -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-56f0f23 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"56f0f23\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-937bb68\" data-id=\"937bb68\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e709a25 elementor-widget elementor-widget-heading\" data-id=\"e709a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">GUEST REVIEWS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e6a396 elementor-widget elementor-widget-html\" data-id=\"2e6a396\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TrustYou Widget -->\r\n<script async src=\"https:\/\/cdn.trustyou.com\/v2\/hotel\/widget-ui\/shared\/iframeResizer\/4.3.2\/iframeResizer.min.js\" onload=\"iFrameResize()\"><\/script>\r\n<iframe src='https:\/\/api.trustyou.com\/hotels\/e7aa2cf7-10ca-436b-b976-2ef43dadcb6a\/meta_review.html?key=e752f816-baee-42b5-9524-6d3b3a87655b&display=full&scale=100&custom_style={\"primaryColor\":\"0x004c79\",\"backgroundColor\":\"0xf7f7f7\"}'\r\n  scrolling=\"no\"\r\n  width=\"100%\"\r\n  style=\"border:none\"><\/iframe>\r\n<!-- \/TrustYou Widget -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A Beachfront Retreat on Thailand&#8217;s Eastern Seaboard Aksorn Rayong, The Vitality Collection Where Thai heritage, wellness, and modern comfort come together by the sea in Rayong. Check-in Check-out Guests 2 Adults1 Adult2 Adults, 1 Child2 Adults, 2 Children3 Adults4 Adults Book Now Welcome To Aksorn Rayong, The Vitality Collection Aksorn Rayong, The Vitality Collection is [&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\/aksornrayong\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":85,"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":233,"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/pages\/2\/revisions\/233"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}