{"id":7,"date":"2026-08-18T11:39:38","date_gmt":"2026-08-18T11:39:38","guid":{"rendered":"https:\/\/hrresortbuengkhonglong.com\/%e0%b8%ab%e0%b8%99%e0%b9%89%e0%b8%b2%e0%b9%81%e0%b8%a3%e0%b8%81\/"},"modified":"2026-08-27T15:00:44","modified_gmt":"2026-08-27T08:00:44","slug":"home","status":"publish","type":"page","link":"https:\/\/hrresortbuengkhonglong.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2d6411 e-con-full e-flex e-con e-parent\" data-id=\"d2d6411\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b20b8af elementor-widget elementor-widget-html\" data-id=\"b20b8af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HR RESORT \u2014 CINEMATIC HERO FINAL PRO\r\n     Video + Global Booking Modal Ready\r\n     Booking Bar Overlay Ready\r\n     Elementor \/ WordPress\r\n========================================================= -->\r\n\r\n<section class=\"hrx-hero\" id=\"hr-home\">\r\n    \r\n\r\n    <!-- =====================================================\r\n         VIDEO\r\n    ====================================================== -->\r\n    <div class=\"hrx-hero__media\">\r\n\r\n        <video\r\n            class=\"hrx-hero__video\"\r\n            autoplay\r\n            muted\r\n            loop\r\n            playsinline\r\n            preload=\"metadata\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <source\r\n                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/hr-resort-hero.mp4\"\r\n                type=\"video\/mp4\"\r\n            >\r\n        <\/video>\r\n\r\n        <div class=\"hrx-hero__overlay\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN CONTENT\r\n    ====================================================== -->\r\n    <div class=\"hrx-hero__container\">\r\n\r\n        <div class=\"hrx-hero__content\">\r\n\r\n            <!-- Badge -->\r\n            <div class=\"hrx-hero__badge\">\r\n\r\n                <span class=\"hrx-hero__badge-dot\"><\/span>\r\n\r\n                <span>HR RESORT<\/span>\r\n\r\n                <i><\/i>\r\n\r\n                <span>BUENG KHONG LONG<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- H1 -->\r\n            <h1 class=\"hrx-hero__title\">\r\n\r\n                \u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\r\n                <br>\r\n                \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\r\n\r\n                <span>\r\n                    \u0e43\u0e01\u0e25\u0e49\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <!-- Description -->\r\n            <p class=\"hrx-hero__desc\">\r\n                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e27\u0e32\u0e07 \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e40\u0e07\u0e35\u0e22\u0e1a\u0e2a\u0e07\u0e1a\r\n                \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e27\u0e31\u0e19\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e43\u0e19\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n            <\/p>\r\n\r\n\r\n            <!-- CTA -->\r\n            <div class=\"hrx-hero__actions\">\r\n\r\n                <!-- Global Booking Modal -->\r\n                <a\r\n                    href=\"#book-now\"\r\n                    class=\"hrx-btn hrx-btn--primary\"\r\n                >\r\n\r\n                    <span>\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/span>\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        fill=\"none\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path\r\n                            d=\"M5 12h14M13 6l6 6-6 6\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- Rooms -->\r\n                <a\r\n                    href=\"#rooms\"\r\n                    class=\"hrx-btn hrx-btn--ghost\"\r\n                    data-hrx-scroll\r\n                >\r\n                    \u0e14\u0e39\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM META\r\n    ====================================================== -->\r\n    <div class=\"hrx-hero__bottom\">\r\n\r\n        <!-- Location -->\r\n        <div class=\"hrx-hero__location\">\r\n\r\n            <span class=\"hrx-hero__circle\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    width=\"15\"\r\n                    height=\"15\"\r\n                    fill=\"none\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path\r\n                        d=\"M12 21s7-5.2 7-12a7 7 0 1 0-14 0c0 6.8 7 12 7 12Z\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.7\"\r\n                    \/>\r\n\r\n                    <circle\r\n                        cx=\"12\"\r\n                        cy=\"9\"\r\n                        r=\"2.4\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.7\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n                \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u00b7 \u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Explore -->\r\n        <a\r\n            href=\"#rooms\"\r\n            class=\"hrx-hero__explore\"\r\n            data-hrx-scroll\r\n            aria-label=\"\u0e14\u0e39\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\"\r\n        >\r\n\r\n            <span>EXPLORE<\/span>\r\n\r\n            <i>\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    width=\"16\"\r\n                    height=\"16\"\r\n                    fill=\"none\"\r\n                >\r\n                    <path\r\n                        d=\"m6 9 6 6 6-6\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n                <\/svg>\r\n            <\/i>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         VIDEO CONTROL\r\n    ====================================================== -->\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrx-video-toggle\"\r\n        aria-label=\"\u0e2b\u0e22\u0e38\u0e14\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\"\r\n    >\r\n\r\n        <span class=\"hrx-video-toggle__pause\">\r\n            <i><\/i>\r\n            <i><\/i>\r\n        <\/span>\r\n\r\n        <span class=\"hrx-video-toggle__play\">\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                width=\"14\"\r\n                height=\"14\"\r\n                fill=\"currentColor\"\r\n            >\r\n                <path d=\"M8 5v14l11-7L8 5Z\"\/>\r\n            <\/svg>\r\n\r\n        <\/span>\r\n\r\n    <\/button>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   HR RESORT \u2014 CINEMATIC HERO FINAL PRO\r\n========================================================= *\/\r\n\r\n.hrx-hero {\r\n\r\n    --hr-blue: #2563EB;\r\n    --hr-blue-dark: #1D4ED8;\r\n    --hr-blue-light: #60A5FA;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: clamp(650px, 76vh, 850px);\r\n\r\n    overflow: hidden;\r\n\r\n    background: #071326;\r\n\r\n    color: #fff;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n.hrx-hero *,\r\n.hrx-hero *::before,\r\n.hrx-hero *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO\r\n========================================================= *\/\r\n\r\n.hrx-hero__media {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: -2;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.hrx-hero__video {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n\r\n    transform: scale(1.005);\r\n\r\n    backface-visibility: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CINEMATIC OVERLAY\r\n========================================================= *\/\r\n\r\n.hrx-hero__overlay {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(4,13,28,.46) 0%,\r\n            rgba(4,13,28,.25) 25%,\r\n            rgba(4,13,28,.08) 52%,\r\n            rgba(4,13,28,.02) 100%\r\n        ),\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(3,10,22,.06) 0%,\r\n            rgba(3,10,22,.02) 43%,\r\n            rgba(3,10,22,.10) 65%,\r\n            rgba(3,10,22,.62) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.hrx-hero__container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    max-width: 1440px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n\r\n        clamp(70px, 9vh, 120px)\r\n\r\n        clamp(24px, 5vw, 72px)\r\n\r\n        185px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.hrx-hero__content {\r\n\r\n    position: relative;\r\n\r\n    width: min(660px, 68%);\r\n\r\n    animation:\r\n        hrxContentIn\r\n        .9s cubic-bezier(.16,1,.3,1)\r\n        both;\r\n}\r\n\r\n\r\n\/* text contrast only \u2014 no glass card *\/\r\n\r\n.hrx-hero__content::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: -1;\r\n\r\n    width: 700px;\r\n    height: 500px;\r\n\r\n    left: -160px;\r\n    bottom: -140px;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            ellipse at center,\r\n            rgba(3,12,29,.50),\r\n            rgba(3,12,29,.27) 38%,\r\n            transparent 72%\r\n        );\r\n\r\n    filter: blur(14px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGE\r\n========================================================= *\/\r\n\r\n.hrx-hero__badge {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 999px;\r\n\r\n    color: rgba(255,255,255,.95);\r\n\r\n    background: rgba(7,18,38,.27);\r\n\r\n    border: 1px solid rgba(255,255,255,.22);\r\n\r\n    backdrop-filter: blur(9px);\r\n    -webkit-backdrop-filter: blur(9px);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .10em;\r\n\r\n    box-shadow:\r\n        0 8px 25px rgba(0,0,0,.08);\r\n}\r\n\r\n\r\n.hrx-hero__badge-dot {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    flex: 0 0 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--hr-blue-light);\r\n\r\n    box-shadow:\r\n        0 0 0 4px rgba(96,165,250,.12),\r\n        0 0 15px rgba(96,165,250,.8);\r\n}\r\n\r\n\r\n.hrx-hero__badge i {\r\n\r\n    width: 1px;\r\n    height: 11px;\r\n\r\n    background:\r\n        rgba(255,255,255,.30);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.hrx-hero__title {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 680px;\r\n\r\n    color: #fff;\r\n\r\n    font-size:\r\n        clamp(47px, 4.4vw, 74px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: .97;\r\n\r\n    letter-spacing: -.045em;\r\n\r\n    text-shadow:\r\n        0 5px 26px\r\n        rgba(0,0,0,.30);\r\n}\r\n\r\n\r\n.hrx-hero__title span {\r\n\r\n    display: block;\r\n\r\n    width: fit-content;\r\n\r\n    margin-top: 7px;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            #ffffff 0%,\r\n            #dbeafe 35%,\r\n            #93c5fd 68%,\r\n            #60a5fa 100%\r\n        );\r\n\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n\r\n    -webkit-text-fill-color: transparent;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 5px 16px\r\n            rgba(0,0,0,.18)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hrx-hero__desc {\r\n\r\n    max-width: 580px;\r\n\r\n    margin: 19px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.91);\r\n\r\n    font-size:\r\n        clamp(15px, 1vw, 17px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.75;\r\n\r\n    text-shadow:\r\n        0 2px 13px\r\n        rgba(0,0,0,.30);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n========================================================= *\/\r\n\r\n.hrx-hero__actions {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 23px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON BASE\r\n========================================================= *\/\r\n\r\n.hrx-btn {\r\n\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 9px;\r\n\r\n    min-height: 50px;\r\n\r\n    padding: 0 22px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 999px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n\r\n    -webkit-tap-highlight-color: transparent;\r\n\r\n    transition:\r\n        transform .28s cubic-bezier(.2,.8,.2,1),\r\n        box-shadow .28s ease,\r\n        border-color .28s ease,\r\n        background .28s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRIMARY CTA\r\n========================================================= *\/\r\n\r\n.hrx-btn--primary {\r\n\r\n    color: #fff !important;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #3B82F6 0%,\r\n            #2563EB 46%,\r\n            #1D4ED8 100%\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(147,197,253,.55);\r\n\r\n    box-shadow:\r\n\r\n        0 11px 28px\r\n        rgba(37,99,235,.32),\r\n\r\n        inset 0 1px 0\r\n        rgba(255,255,255,.20);\r\n}\r\n\r\n\r\n.hrx-btn--primary::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -90%;\r\n\r\n    width: 55%;\r\n    height: 100%;\r\n\r\n    pointer-events: none;\r\n\r\n    transform: skewX(-20deg);\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,.25),\r\n            transparent\r\n        );\r\n\r\n    transition: left .55s ease;\r\n}\r\n\r\n\r\n.hrx-btn--primary:hover {\r\n\r\n    color: #fff !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n\r\n        0 16px 36px\r\n        rgba(37,99,235,.42);\r\n}\r\n\r\n\r\n.hrx-btn--primary:hover::before {\r\n    left: 145%;\r\n}\r\n\r\n\r\n.hrx-btn--primary svg {\r\n    transition: transform .28s ease;\r\n}\r\n\r\n\r\n.hrx-btn--primary:hover svg {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECONDARY\r\n========================================================= *\/\r\n\r\n.hrx-btn--ghost {\r\n\r\n    color: #fff !important;\r\n\r\n    background:\r\n        rgba(7,18,38,.18);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.34);\r\n\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n\r\n.hrx-btn--ghost:hover {\r\n\r\n    color: #fff !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    background:\r\n        rgba(255,255,255,.13);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.55);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM INFO\r\n   \u0e40\u0e27\u0e49\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 Booking Bar \u0e41\u0e25\u0e49\u0e27\r\n========================================================= *\/\r\n\r\n.hrx-hero__bottom {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left:\r\n        clamp(24px, 5vw, 72px);\r\n\r\n    right: 92px;\r\n\r\n    bottom: 95px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOCATION\r\n========================================================= *\/\r\n\r\n.hrx-hero__location {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.hrx-hero__circle {\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    flex: 0 0 30px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.16);\r\n\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPLORE\r\n========================================================= *\/\r\n\r\n.hrx-hero__explore {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    pointer-events: auto;\r\n\r\n    color:\r\n        rgba(255,255,255,.77)\r\n        !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .15em;\r\n}\r\n\r\n\r\n.hrx-hero__explore i {\r\n\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    animation:\r\n        hrxExplore\r\n        1.8s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO TOGGLE\r\n========================================================= *\/\r\n\r\n.hrx-video-toggle {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 10;\r\n\r\n    right: 24px;\r\n    bottom: 92px;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    padding: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #fff;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.26);\r\n\r\n    background:\r\n        rgba(5,15,32,.25);\r\n\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n\r\n    cursor: pointer;\r\n\r\n    box-shadow:\r\n        0 8px 25px\r\n        rgba(0,0,0,.13);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.hrx-video-toggle:hover {\r\n\r\n    transform: scale(1.06);\r\n\r\n    background:\r\n        rgba(37,99,235,.52);\r\n\r\n    border-color:\r\n        rgba(147,197,253,.65);\r\n}\r\n\r\n\r\n.hrx-video-toggle__pause {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 4px;\r\n}\r\n\r\n\r\n.hrx-video-toggle__pause i {\r\n\r\n    width: 3px;\r\n    height: 14px;\r\n\r\n    display: block;\r\n\r\n    border-radius: 999px;\r\n\r\n    background: currentColor;\r\n}\r\n\r\n\r\n.hrx-video-toggle__play {\r\n\r\n    display: none;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    margin-left: 2px;\r\n}\r\n\r\n\r\n.hrx-video-toggle.is-paused\r\n.hrx-video-toggle__pause {\r\n    display: none;\r\n}\r\n\r\n\r\n.hrx-video-toggle.is-paused\r\n.hrx-video-toggle__play {\r\n    display: flex;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes hrxContentIn {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(28px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes hrxExplore {\r\n\r\n    0%,\r\n    100% {\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(3px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOOKING BAR HERO OVERLAY\r\n   \u0e43\u0e0a\u0e49\u0e01\u0e31\u0e1a Elementor Shortcode Widget\r\n========================================================= *\/\r\n\r\n.hr-booking-hero-overlay {\r\n\r\n    position: relative !important;\r\n\r\n    z-index: 50 !important;\r\n\r\n    width: 100% !important;\r\n\r\n    margin-top: -58px !important;\r\n\r\n    margin-bottom: 45px !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    overflow: visible !important;\r\n}\r\n\r\n\r\n.hr-booking-hero-overlay\r\n.elementor-widget-container {\r\n\r\n    overflow: visible !important;\r\n}\r\n\r\n\r\n.hr-booking-hero-overlay\r\n.hrbb {\r\n\r\n    position: relative !important;\r\n\r\n    z-index: 51 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .hrx-hero {\r\n\r\n        height:\r\n            clamp(650px, 78vh, 810px);\r\n    }\r\n\r\n\r\n    .hrx-hero__container {\r\n\r\n        padding:\r\n            80px\r\n            32px\r\n            170px;\r\n    }\r\n\r\n\r\n    .hrx-hero__content {\r\n\r\n        width:\r\n            min(620px, 84%);\r\n    }\r\n\r\n\r\n    .hrx-hero__title {\r\n\r\n        font-size:\r\n            clamp(42px, 6vw, 62px);\r\n    }\r\n\r\n\r\n    .hrx-hero__bottom {\r\n\r\n        left: 32px;\r\n\r\n        bottom: 84px;\r\n    }\r\n\r\n\r\n    .hrx-video-toggle {\r\n\r\n        bottom: 81px;\r\n    }\r\n\r\n\r\n    .hr-booking-hero-overlay {\r\n\r\n        margin-top:\r\n            -38px !important;\r\n\r\n        margin-bottom:\r\n            35px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .hrx-hero {\r\n\r\n        height:\r\n            82svh;\r\n\r\n        min-height:\r\n            640px;\r\n\r\n        max-height:\r\n            780px;\r\n    }\r\n\r\n\r\n    .hrx-hero__video {\r\n\r\n        object-position:\r\n            center center;\r\n\r\n        transform: scale(1.01);\r\n    }\r\n\r\n\r\n    .hrx-hero__overlay {\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(4,12,27,.05) 0%,\r\n                rgba(4,12,27,.03) 30%,\r\n                rgba(4,12,27,.14) 48%,\r\n                rgba(4,12,27,.77) 100%\r\n            );\r\n    }\r\n\r\n\r\n    .hrx-hero__container {\r\n\r\n        padding:\r\n            64px\r\n            18px\r\n            112px;\r\n\r\n        align-items: flex-end;\r\n    }\r\n\r\n\r\n    .hrx-hero__content {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .hrx-hero__content::before {\r\n\r\n        width: 500px;\r\n        height: 400px;\r\n\r\n        left: -100px;\r\n        bottom: -100px;\r\n    }\r\n\r\n\r\n    .hrx-hero__badge {\r\n\r\n        padding:\r\n            7px 11px;\r\n\r\n        margin-bottom:\r\n            12px;\r\n\r\n        font-size:\r\n            9px;\r\n\r\n        gap:\r\n            7px;\r\n    }\r\n\r\n\r\n    .hrx-hero__title {\r\n\r\n        max-width: 100%;\r\n\r\n        font-size:\r\n            clamp(36px, 10.5vw, 50px);\r\n\r\n        line-height:\r\n            1.01;\r\n    }\r\n\r\n\r\n    .hrx-hero__title span {\r\n\r\n        margin-top:\r\n            4px;\r\n    }\r\n\r\n\r\n    .hrx-hero__desc {\r\n\r\n        max-width: 94%;\r\n\r\n        margin-top:\r\n            14px;\r\n\r\n        font-size:\r\n            14px;\r\n\r\n        line-height:\r\n            1.65;\r\n    }\r\n\r\n\r\n    .hrx-hero__actions {\r\n\r\n        margin-top:\r\n            18px;\r\n\r\n        gap:\r\n            8px;\r\n    }\r\n\r\n\r\n    .hrx-btn {\r\n\r\n        min-height:\r\n            47px;\r\n\r\n        padding:\r\n            0 18px;\r\n\r\n        font-size:\r\n            13px;\r\n    }\r\n\r\n\r\n    \/*\r\n     * Booking Form \u0e1a\u0e19 Mobile \u0e08\u0e30\u0e2a\u0e39\u0e07\r\n     * \u0e08\u0e36\u0e07\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e22\u0e01 UI \u0e21\u0e32\u0e01\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19 Desktop\r\n     *\/\r\n\r\n    .hrx-hero__bottom {\r\n\r\n        left: 18px;\r\n        right: 72px;\r\n\r\n        bottom: 20px;\r\n    }\r\n\r\n\r\n    .hrx-hero__location {\r\n\r\n        font-size:\r\n            10px;\r\n    }\r\n\r\n\r\n    .hrx-hero__circle {\r\n\r\n        width: 28px;\r\n        height: 28px;\r\n\r\n        flex-basis: 28px;\r\n    }\r\n\r\n\r\n    .hrx-hero__explore {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .hrx-video-toggle {\r\n\r\n        right: 16px;\r\n        bottom: 16px;\r\n\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n\r\n\r\n    .hr-booking-hero-overlay {\r\n\r\n        margin-top:\r\n            -22px !important;\r\n\r\n        margin-bottom:\r\n            28px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .hrx-hero {\r\n\r\n        height:\r\n            80svh;\r\n\r\n        min-height:\r\n            620px;\r\n    }\r\n\r\n\r\n    .hrx-hero__title {\r\n\r\n        font-size:\r\n            clamp(33px, 10vw, 43px);\r\n    }\r\n\r\n\r\n    .hrx-hero__desc {\r\n\r\n        max-width: 100%;\r\n\r\n        font-size:\r\n            13.5px;\r\n    }\r\n\r\n\r\n    .hrx-btn {\r\n\r\n        min-height:\r\n            45px;\r\n\r\n        padding:\r\n            0 15px;\r\n    }\r\n\r\n\r\n    .hr-booking-hero-overlay {\r\n\r\n        margin-top:\r\n            -16px !important;\r\n\r\n        margin-bottom:\r\n            24px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .hrx-hero *,\r\n    .hrx-hero *::before,\r\n    .hrx-hero *::after {\r\n\r\n        animation: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    const heroes =\r\n        document.querySelectorAll(\".hrx-hero\");\r\n\r\n\r\n    if (!heroes.length) return;\r\n\r\n\r\n    heroes.forEach(function (hero) {\r\n\r\n\r\n        \/* Prevent duplicate init *\/\r\n\r\n        if (\r\n            hero.dataset.hrxInitialized ===\r\n            \"true\"\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        hero.dataset.hrxInitialized =\r\n            \"true\";\r\n\r\n\r\n        const video =\r\n            hero.querySelector(\r\n                \".hrx-hero__video\"\r\n            );\r\n\r\n\r\n        const toggle =\r\n            hero.querySelector(\r\n                \".hrx-video-toggle\"\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           VIDEO STATE\r\n        ================================================== *\/\r\n\r\n        function updateVideoState() {\r\n\r\n            if (!video || !toggle) return;\r\n\r\n\r\n            if (video.paused) {\r\n\r\n                toggle.classList.add(\r\n                    \"is-paused\"\r\n                );\r\n\r\n                toggle.setAttribute(\r\n                    \"aria-label\",\r\n                    \"\u0e40\u0e25\u0e48\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\"\r\n                );\r\n\r\n            } else {\r\n\r\n                toggle.classList.remove(\r\n                    \"is-paused\"\r\n                );\r\n\r\n                toggle.setAttribute(\r\n                    \"aria-label\",\r\n                    \"\u0e2b\u0e22\u0e38\u0e14\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\"\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        if (video && toggle) {\r\n\r\n\r\n            toggle.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n\r\n                    if (video.paused) {\r\n\r\n                        video\r\n                            .play()\r\n                            .catch(function () {});\r\n\r\n                    } else {\r\n\r\n                        video.pause();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            video.addEventListener(\r\n                \"play\",\r\n                updateVideoState\r\n            );\r\n\r\n\r\n            video.addEventListener(\r\n                \"pause\",\r\n                updateVideoState\r\n            );\r\n\r\n\r\n            video\r\n                .play()\r\n                .then(updateVideoState)\r\n                .catch(updateVideoState);\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           SMOOTH SCROLL\r\n           \u0e44\u0e21\u0e48\u0e41\u0e15\u0e30 #book-now\r\n           \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 Global Booking Modal \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\r\n        ================================================== *\/\r\n\r\n        hero\r\n            .querySelectorAll(\r\n                \"[data-hrx-scroll]\"\r\n            )\r\n            .forEach(function (link) {\r\n\r\n\r\n                link.addEventListener(\r\n                    \"click\",\r\n                    function (event) {\r\n\r\n\r\n                        const selector =\r\n                            this.getAttribute(\r\n                                \"href\"\r\n                            );\r\n\r\n\r\n                        if (\r\n                            !selector ||\r\n                            selector === \"#\"\r\n                        ) {\r\n                            return;\r\n                        }\r\n\r\n\r\n                        const target =\r\n                            document.querySelector(\r\n                                selector\r\n                            );\r\n\r\n\r\n                        if (!target) return;\r\n\r\n\r\n                        event.preventDefault();\r\n\r\n\r\n                        target.scrollIntoView({\r\n\r\n                            behavior: \"smooth\",\r\n\r\n                            block: \"start\"\r\n\r\n                        });\r\n\r\n                    }\r\n                );\r\n\r\n            });\r\n\r\n\r\n    });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a8e763 elementor-widget elementor-widget-shortcode\" data-id=\"7a8e763\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n\r\n    <!-- =====================================================\r\n         HR RESORT \u2014 BOOKING BAR\r\n    ====================================================== -->\r\n\r\n    <div\r\n        class=\"hrbb\"\r\n        id=\"hrbb-1\"\r\n        data-booking-url=\"https:\/\/be.aiosell.com\/book\/bbc4e44875\"\r\n    >\r\n\r\n\r\n        <!-- Accent -->\r\n        <div class=\"hrbb__accent\"><\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             BRAND\r\n        ================================================== -->\r\n\r\n        <div class=\"hrbb__brand\">\r\n\r\n            <div class=\"hrbb__brand-icon\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    width=\"19\"\r\n                    height=\"19\"\r\n                    fill=\"none\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <path\r\n                        d=\"M5 10.5V7.8C5 6.8 5.8 6 6.8 6h10.4c1 0 1.8.8 1.8 1.8v2.7\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.7\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M3.5 11.5h17v6.5h-17z\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.7\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M3.5 18v2M20.5 18v2\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.7\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M7 9h3M14 9h3\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.7\"\r\n                        stroke-linecap=\"round\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrbb__brand-copy\">\r\n\r\n                <strong>\r\n                    \u0e08\u0e2d\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\r\n                <\/strong>\r\n\r\n                <span>\r\n                    Best Rate Guarantee\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             FORM\r\n        ================================================== -->\r\n\r\n        <form\r\n            class=\"hrbb__form\"\r\n            autocomplete=\"off\"\r\n        >\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CHECK IN\r\n            ================================================== -->\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrbb__field hrbb__date-field\"\r\n                data-field=\"checkin\"\r\n            >\r\n\r\n                <span class=\"hrbb__field-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        fill=\"none\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <rect\r\n                            x=\"3\"\r\n                            y=\"5\"\r\n                            width=\"18\"\r\n                            height=\"16\"\r\n                            rx=\"3\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M7 3v4M17 3v4M3 10h18\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n\r\n                <span class=\"hrbb__field-content\">\r\n\r\n                    <span class=\"hrbb__label\">\r\n                        \u0e40\u0e0a\u0e47\u0e01\u0e2d\u0e34\u0e19\r\n                    <\/span>\r\n\r\n                    <span\r\n                        class=\"hrbb__value\"\r\n                        data-checkin-display\r\n                    >\r\n                        \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\r\n                    <\/span>\r\n\r\n                <\/span>\r\n\r\n\r\n                <input\r\n                    type=\"text\"\r\n                    class=\"hrbb__datepicker hrbb__checkin\"\r\n                    tabindex=\"-1\"\r\n                    aria-hidden=\"true\"\r\n                    readonly\r\n                >\r\n\r\n            <\/button>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CHECK OUT\r\n            ================================================== -->\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrbb__field hrbb__date-field\"\r\n                data-field=\"checkout\"\r\n            >\r\n\r\n                <span class=\"hrbb__field-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        fill=\"none\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <rect\r\n                            x=\"3\"\r\n                            y=\"5\"\r\n                            width=\"18\"\r\n                            height=\"16\"\r\n                            rx=\"3\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M7 3v4M17 3v4M3 10h18\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n\r\n                <span class=\"hrbb__field-content\">\r\n\r\n                    <span class=\"hrbb__label\">\r\n                        \u0e40\u0e0a\u0e47\u0e01\u0e40\u0e2d\u0e32\u0e15\u0e4c\r\n                    <\/span>\r\n\r\n                    <span\r\n                        class=\"hrbb__value\"\r\n                        data-checkout-display\r\n                    >\r\n                        \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\r\n                    <\/span>\r\n\r\n                <\/span>\r\n\r\n\r\n                <input\r\n                    type=\"text\"\r\n                    class=\"hrbb__datepicker hrbb__checkout\"\r\n                    tabindex=\"-1\"\r\n                    aria-hidden=\"true\"\r\n                    readonly\r\n                >\r\n\r\n            <\/button>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 GUEST\r\n            ================================================== -->\r\n\r\n            <label class=\"hrbb__field hrbb__select-field\">\r\n\r\n                <span class=\"hrbb__field-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        fill=\"none\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <circle\r\n                            cx=\"12\"\r\n                            cy=\"8\"\r\n                            r=\"3.4\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M5.5 20c.5-4 2.7-6 6.5-6s6 2 6.5 6\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n\r\n                <span class=\"hrbb__field-content\">\r\n\r\n                    <span class=\"hrbb__label\">\r\n                        \u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                    <\/span>\r\n\r\n\r\n                    <select\r\n                        class=\"hrbb__guest\"\r\n                        aria-label=\"\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\"\r\n                    >\r\n\r\n                        <option value=\"1\">\r\n                            1 \u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e0d\u0e48\r\n                        <\/option>\r\n\r\n                        <option\r\n                            value=\"2\"\r\n                            selected\r\n                        >\r\n                            2 \u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e0d\u0e48\r\n                        <\/option>\r\n\r\n                        <option value=\"3\">\r\n                            3 \u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e0d\u0e48\r\n                        <\/option>\r\n\r\n                        <option value=\"4\">\r\n                            4 \u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e0d\u0e48\r\n                        <\/option>\r\n\r\n                        <option value=\"5\">\r\n                            5 \u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e0d\u0e48\r\n                        <\/option>\r\n\r\n                        <option value=\"6\">\r\n                            6 \u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e0d\u0e48\r\n                        <\/option>\r\n\r\n                    <\/select>\r\n\r\n                <\/span>\r\n\r\n\r\n                <span class=\"hrbb__chevron\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"14\"\r\n                        height=\"14\"\r\n                        fill=\"none\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <path\r\n                            d=\"m7 9.5 5 5 5-5\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 PROMO CODE\r\n            ================================================== -->\r\n\r\n            <label class=\"hrbb__field hrbb__promo-field\">\r\n\r\n                <span class=\"hrbb__field-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        fill=\"none\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <path\r\n                            d=\"M4 8.5V6a2 2 0 0 1 2-2h5l9 9-7 7-9-9V8.5Z\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                        <circle\r\n                            cx=\"8\"\r\n                            cy=\"8\"\r\n                            r=\"1\"\r\n                            fill=\"currentColor\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n\r\n                <span class=\"hrbb__field-content\">\r\n\r\n                    <span class=\"hrbb__label\">\r\n                        Promo Code\r\n                    <\/span>\r\n\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        class=\"hrbb__promo\"\r\n                        placeholder=\"\u0e16\u0e49\u0e32\u0e21\u0e35\"\r\n                        autocomplete=\"off\"\r\n                    >\r\n\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 SUBMIT\r\n            ================================================== -->\r\n\r\n            <button\r\n                type=\"submit\"\r\n                class=\"hrbb__submit\"\r\n            >\r\n\r\n                <span>\r\n                    \u0e04\u0e49\u0e19\u0e2b\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                <\/span>\r\n\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    width=\"18\"\r\n                    height=\"18\"\r\n                    fill=\"none\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <path\r\n                        d=\"M5 12h14M13 6l6 6-6 6\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/button>\r\n\r\n\r\n        <\/form>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <style>\r\n\r\n    \/* =========================================================\r\n       HR RESORT \u2014 PREMIUM BOOKING BAR\r\n    ========================================================= *\/\r\n\r\n    .hrbb {\r\n\r\n        --hrbb-blue: #2563eb;\r\n        --hrbb-blue-dark: #1d4ed8;\r\n        --hrbb-blue-light: #60a5fa;\r\n        --hrbb-blue-soft: #eff6ff;\r\n\r\n        --hrbb-navy: #0b2348;\r\n\r\n        --hrbb-text: #172a46;\r\n        --hrbb-muted: #718096;\r\n\r\n        --hrbb-border: #e3ebf5;\r\n\r\n        position: relative;\r\n\r\n        width:\r\n            min(1320px, calc(100% - 48px));\r\n\r\n        min-height:\r\n            92px;\r\n\r\n        margin-inline:\r\n            auto;\r\n\r\n        display:\r\n            flex;\r\n\r\n        align-items:\r\n            stretch;\r\n\r\n        background:\r\n            rgba(255,255,255,.97);\r\n\r\n        border:\r\n            1px solid\r\n            rgba(255,255,255,.75);\r\n\r\n        border-radius:\r\n            17px;\r\n\r\n        overflow:\r\n            visible;\r\n\r\n        box-shadow:\r\n\r\n            0 24px 60px\r\n            rgba(7,26,54,.18),\r\n\r\n            0 5px 18px\r\n            rgba(7,26,54,.08);\r\n\r\n        font-family:\r\n            inherit;\r\n\r\n        color:\r\n            var(--hrbb-text);\r\n\r\n        isolation:\r\n            isolate;\r\n    }\r\n\r\n\r\n\r\n    .hrbb *,\r\n    .hrbb *::before,\r\n    .hrbb *::after {\r\n\r\n        box-sizing:\r\n            border-box;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ACCENT\r\n    ========================================================= *\/\r\n\r\n    .hrbb__accent {\r\n\r\n        position:\r\n            absolute;\r\n\r\n        left:\r\n            20px;\r\n\r\n        right:\r\n            20px;\r\n\r\n        top:\r\n            0;\r\n\r\n        height:\r\n            2px;\r\n\r\n        border-radius:\r\n            0 0 999px 999px;\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                90deg,\r\n                transparent,\r\n                #60a5fa 20%,\r\n                #2563eb 50%,\r\n                #60a5fa 80%,\r\n                transparent\r\n            );\r\n\r\n        opacity:\r\n            .75;\r\n\r\n        pointer-events:\r\n            none;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       BRAND\r\n    ========================================================= *\/\r\n\r\n    .hrbb__brand {\r\n\r\n        width:\r\n            185px;\r\n\r\n        flex:\r\n            0 0 185px;\r\n\r\n        padding:\r\n            20px 22px;\r\n\r\n        display:\r\n            flex;\r\n\r\n        align-items:\r\n            center;\r\n\r\n        gap:\r\n            11px;\r\n\r\n        border-right:\r\n            1px solid\r\n            var(--hrbb-border);\r\n    }\r\n\r\n\r\n    .hrbb__brand-icon {\r\n\r\n        width:\r\n            40px;\r\n\r\n        height:\r\n            40px;\r\n\r\n        flex:\r\n            0 0 40px;\r\n\r\n        display:\r\n            flex;\r\n\r\n        align-items:\r\n            center;\r\n\r\n        justify-content:\r\n            center;\r\n\r\n        border-radius:\r\n            12px;\r\n\r\n        color:\r\n            var(--hrbb-blue);\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                135deg,\r\n                #eff6ff,\r\n                #dbeafe\r\n            );\r\n\r\n        border:\r\n            1px solid\r\n            #d7e7ff;\r\n    }\r\n\r\n\r\n    .hrbb__brand-copy {\r\n\r\n        min-width:\r\n            0;\r\n\r\n        display:\r\n            flex;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        gap:\r\n            2px;\r\n    }\r\n\r\n\r\n    .hrbb__brand-copy strong {\r\n\r\n        color:\r\n            var(--hrbb-navy);\r\n\r\n        font-size:\r\n            16px;\r\n\r\n        font-weight:\r\n            700;\r\n\r\n        line-height:\r\n            1.25;\r\n\r\n        white-space:\r\n            nowrap;\r\n    }\r\n\r\n\r\n    .hrbb__brand-copy span {\r\n\r\n        color:\r\n            var(--hrbb-blue);\r\n\r\n        font-size:\r\n            9px;\r\n\r\n        font-weight:\r\n            700;\r\n\r\n        line-height:\r\n            1.3;\r\n\r\n        letter-spacing:\r\n            .04em;\r\n\r\n        text-transform:\r\n            uppercase;\r\n\r\n        white-space:\r\n            nowrap;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       FORM\r\n    ========================================================= *\/\r\n\r\n    .hrbb__form {\r\n\r\n        flex:\r\n            1;\r\n\r\n        min-width:\r\n            0;\r\n\r\n        display:\r\n            grid;\r\n\r\n        grid-template-columns:\r\n            1.05fr\r\n            1.05fr\r\n            .95fr\r\n            .85fr\r\n            auto;\r\n\r\n        align-items:\r\n            stretch;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       FIELD\r\n    ========================================================= *\/\r\n\r\n    .hrbb__field {\r\n\r\n        position:\r\n            relative;\r\n\r\n        min-width:\r\n            0;\r\n\r\n        min-height:\r\n            90px;\r\n\r\n        margin:\r\n            0;\r\n\r\n        padding:\r\n            17px 18px;\r\n\r\n        display:\r\n            flex;\r\n\r\n        align-items:\r\n            center;\r\n\r\n        gap:\r\n            10px;\r\n\r\n        border:\r\n            0;\r\n\r\n        border-right:\r\n            1px solid\r\n            var(--hrbb-border);\r\n\r\n        border-radius:\r\n            0;\r\n\r\n        background:\r\n            transparent;\r\n\r\n        color:\r\n            var(--hrbb-text);\r\n\r\n        font-family:\r\n            inherit;\r\n\r\n        text-align:\r\n            left;\r\n\r\n        cursor:\r\n            pointer;\r\n\r\n        outline:\r\n            none;\r\n\r\n        transition:\r\n\r\n            background .22s ease,\r\n\r\n            box-shadow .22s ease;\r\n    }\r\n\r\n\r\n    .hrbb__field:hover {\r\n\r\n        background:\r\n            #f8fbff;\r\n    }\r\n\r\n\r\n    .hrbb__field:focus-within,\r\n    .hrbb__date-field:focus {\r\n\r\n        background:\r\n            var(--hrbb-blue-soft);\r\n\r\n        box-shadow:\r\n\r\n            inset 0 -2px 0\r\n            var(--hrbb-blue);\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ICON\r\n    ========================================================= *\/\r\n\r\n    .hrbb__field-icon {\r\n\r\n        width:\r\n            34px;\r\n\r\n        height:\r\n            34px;\r\n\r\n        flex:\r\n            0 0 34px;\r\n\r\n        display:\r\n            flex;\r\n\r\n        align-items:\r\n            center;\r\n\r\n        justify-content:\r\n            center;\r\n\r\n        border-radius:\r\n            10px;\r\n\r\n        color:\r\n            var(--hrbb-blue);\r\n\r\n        background:\r\n            #f0f6ff;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n    ========================================================= *\/\r\n\r\n    .hrbb__field-content {\r\n\r\n        min-width:\r\n            0;\r\n\r\n        flex:\r\n            1;\r\n\r\n        display:\r\n            flex;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        justify-content:\r\n            center;\r\n\r\n        gap:\r\n            4px;\r\n    }\r\n\r\n\r\n    .hrbb__label {\r\n\r\n        display:\r\n            block;\r\n\r\n        color:\r\n            var(--hrbb-muted);\r\n\r\n        font-size:\r\n            10px;\r\n\r\n        font-weight:\r\n            600;\r\n\r\n        line-height:\r\n            1.1;\r\n\r\n        letter-spacing:\r\n            .04em;\r\n\r\n        text-transform:\r\n            uppercase;\r\n    }\r\n\r\n\r\n    .hrbb__value {\r\n\r\n        display:\r\n            block;\r\n\r\n        overflow:\r\n            hidden;\r\n\r\n        color:\r\n            var(--hrbb-navy);\r\n\r\n        font-size:\r\n            14px;\r\n\r\n        font-weight:\r\n            650;\r\n\r\n        line-height:\r\n            1.25;\r\n\r\n        white-space:\r\n            nowrap;\r\n\r\n        text-overflow:\r\n            ellipsis;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       HIDDEN DATE INPUT\r\n    ========================================================= *\/\r\n\r\n    .hrbb__datepicker {\r\n\r\n        position:\r\n            absolute !important;\r\n\r\n        left:\r\n            50% !important;\r\n\r\n        bottom:\r\n            0 !important;\r\n\r\n        width:\r\n            1px !important;\r\n\r\n        height:\r\n            1px !important;\r\n\r\n        opacity:\r\n            0 !important;\r\n\r\n        pointer-events:\r\n            none !important;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       SELECT\r\n    ========================================================= *\/\r\n\r\n    .hrbb__guest {\r\n\r\n        width:\r\n            100%;\r\n\r\n        margin:\r\n            0;\r\n\r\n        padding:\r\n            0 22px 0 0;\r\n\r\n        border:\r\n            0;\r\n\r\n        background:\r\n            transparent;\r\n\r\n        outline:\r\n            none;\r\n\r\n        color:\r\n            var(--hrbb-navy);\r\n\r\n        font-family:\r\n            inherit;\r\n\r\n        font-size:\r\n            14px;\r\n\r\n        font-weight:\r\n            650;\r\n\r\n        appearance:\r\n            none;\r\n\r\n        -webkit-appearance:\r\n            none;\r\n\r\n        cursor:\r\n            pointer;\r\n    }\r\n\r\n\r\n    .hrbb__chevron {\r\n\r\n        position:\r\n            absolute;\r\n\r\n        right:\r\n            13px;\r\n\r\n        top:\r\n            50%;\r\n\r\n        transform:\r\n            translateY(-50%);\r\n\r\n        display:\r\n            flex;\r\n\r\n        color:\r\n            #94a3b8;\r\n\r\n        pointer-events:\r\n            none;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PROMO CODE\r\n    ========================================================= *\/\r\n\r\n    .hrbb__promo {\r\n\r\n        width:\r\n            100%;\r\n\r\n        margin:\r\n            0;\r\n\r\n        padding:\r\n            0;\r\n\r\n        border:\r\n            0 !important;\r\n\r\n        outline:\r\n            0 !important;\r\n\r\n        background:\r\n            transparent !important;\r\n\r\n        box-shadow:\r\n            none !important;\r\n\r\n        color:\r\n            var(--hrbb-navy);\r\n\r\n        font-family:\r\n            inherit;\r\n\r\n        font-size:\r\n            14px;\r\n\r\n        font-weight:\r\n            600;\r\n    }\r\n\r\n\r\n    .hrbb__promo::placeholder {\r\n\r\n        color:\r\n            #a1adbd;\r\n\r\n        opacity:\r\n            1;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       SUBMIT\r\n    ========================================================= *\/\r\n\r\n    .hrbb__submit {\r\n\r\n        position:\r\n            relative;\r\n\r\n        min-width:\r\n            172px;\r\n\r\n        margin:\r\n            13px;\r\n\r\n        padding:\r\n            0 22px;\r\n\r\n        display:\r\n            inline-flex;\r\n\r\n        align-items:\r\n            center;\r\n\r\n        justify-content:\r\n            center;\r\n\r\n        gap:\r\n            9px;\r\n\r\n        border:\r\n            1px solid\r\n            rgba(147,197,253,.50);\r\n\r\n        border-radius:\r\n            12px;\r\n\r\n        overflow:\r\n            hidden;\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                135deg,\r\n                #3b82f6 0%,\r\n                #2563eb 45%,\r\n                #1d4ed8 100%\r\n            );\r\n\r\n        color:\r\n            #ffffff;\r\n\r\n        font-family:\r\n            inherit;\r\n\r\n        font-size:\r\n            14px;\r\n\r\n        font-weight:\r\n            700;\r\n\r\n        line-height:\r\n            1;\r\n\r\n        white-space:\r\n            nowrap;\r\n\r\n        cursor:\r\n            pointer;\r\n\r\n        box-shadow:\r\n\r\n            0 10px 24px\r\n            rgba(37,99,235,.25),\r\n\r\n            inset 0 1px 0\r\n            rgba(255,255,255,.20);\r\n\r\n        transition:\r\n\r\n            transform\r\n            .25s\r\n            cubic-bezier(.2,.8,.2,1),\r\n\r\n            box-shadow\r\n            .25s ease;\r\n    }\r\n\r\n\r\n    .hrbb__submit::before {\r\n\r\n        content:\r\n            \"\";\r\n\r\n        position:\r\n            absolute;\r\n\r\n        top:\r\n            0;\r\n\r\n        left:\r\n            -90%;\r\n\r\n        width:\r\n            55%;\r\n\r\n        height:\r\n            100%;\r\n\r\n        transform:\r\n            skewX(-20deg);\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                90deg,\r\n                transparent,\r\n                rgba(255,255,255,.24),\r\n                transparent\r\n            );\r\n\r\n        transition:\r\n            left .55s ease;\r\n    }\r\n\r\n\r\n    .hrbb__submit:hover {\r\n\r\n        color:\r\n            #ffffff;\r\n\r\n        transform:\r\n            translateY(-2px);\r\n\r\n        box-shadow:\r\n\r\n            0 15px 32px\r\n            rgba(37,99,235,.34);\r\n    }\r\n\r\n\r\n    .hrbb__submit:hover::before {\r\n\r\n        left:\r\n            145%;\r\n    }\r\n\r\n\r\n    .hrbb__submit svg {\r\n\r\n        transition:\r\n            transform .25s ease;\r\n    }\r\n\r\n\r\n    .hrbb__submit:hover svg {\r\n\r\n        transform:\r\n            translateX(3px);\r\n    }\r\n\r\n\r\n    .hrbb__submit:active {\r\n\r\n        transform:\r\n            scale(.98);\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       FLATPICKR\r\n    ========================================================= *\/\r\n\r\n    .flatpickr-calendar {\r\n\r\n        width:\r\n            342px !important;\r\n\r\n        padding:\r\n            12px !important;\r\n\r\n        border:\r\n            1px solid\r\n            #e2eaf4 !important;\r\n\r\n        border-radius:\r\n            16px !important;\r\n\r\n        background:\r\n            #ffffff !important;\r\n\r\n        box-shadow:\r\n\r\n            0 20px 60px\r\n            rgba(7,26,54,.18) !important;\r\n\r\n        font-family:\r\n            inherit !important;\r\n\r\n        z-index:\r\n            999999 !important;\r\n    }\r\n\r\n\r\n    .flatpickr-calendar.arrowTop::before,\r\n    .flatpickr-calendar.arrowTop::after {\r\n\r\n        display:\r\n            none !important;\r\n    }\r\n\r\n\r\n    .flatpickr-months {\r\n\r\n        padding:\r\n            3px 0 10px;\r\n    }\r\n\r\n\r\n    .flatpickr-current-month {\r\n\r\n        color:\r\n            #0b2348 !important;\r\n\r\n        font-size:\r\n            15px !important;\r\n\r\n        font-weight:\r\n            700 !important;\r\n    }\r\n\r\n\r\n    .flatpickr-current-month\r\n    .flatpickr-monthDropdown-months,\r\n    .flatpickr-current-month\r\n    input.cur-year {\r\n\r\n        color:\r\n            #0b2348 !important;\r\n\r\n        font-weight:\r\n            700 !important;\r\n    }\r\n\r\n\r\n    .flatpickr-prev-month svg,\r\n    .flatpickr-next-month svg {\r\n\r\n        fill:\r\n            #2563eb !important;\r\n    }\r\n\r\n\r\n    .flatpickr-weekday {\r\n\r\n        color:\r\n            #94a3b8 !important;\r\n\r\n        font-size:\r\n            11px !important;\r\n\r\n        font-weight:\r\n            600 !important;\r\n    }\r\n\r\n\r\n    .flatpickr-days,\r\n    .dayContainer {\r\n\r\n        width:\r\n            100% !important;\r\n\r\n        min-width:\r\n            100% !important;\r\n\r\n        max-width:\r\n            100% !important;\r\n    }\r\n\r\n\r\n    .flatpickr-day {\r\n\r\n        height:\r\n            42px !important;\r\n\r\n        max-height:\r\n            42px !important;\r\n\r\n        line-height:\r\n            42px !important;\r\n\r\n        border-radius:\r\n            10px !important;\r\n\r\n        color:\r\n            #172a46;\r\n\r\n        font-weight:\r\n            500;\r\n    }\r\n\r\n\r\n    .flatpickr-day:hover {\r\n\r\n        background:\r\n            #eff6ff !important;\r\n\r\n        border-color:\r\n            #eff6ff !important;\r\n\r\n        color:\r\n            #2563eb !important;\r\n    }\r\n\r\n\r\n    .flatpickr-day.today {\r\n\r\n        border-color:\r\n            #93c5fd !important;\r\n\r\n        color:\r\n            #2563eb !important;\r\n    }\r\n\r\n\r\n    .flatpickr-day.selected,\r\n    .flatpickr-day.selected:hover {\r\n\r\n        background:\r\n            #2563eb !important;\r\n\r\n        border-color:\r\n            #2563eb !important;\r\n\r\n        color:\r\n            #ffffff !important;\r\n\r\n        box-shadow:\r\n\r\n            0 6px 16px\r\n            rgba(37,99,235,.25) !important;\r\n    }\r\n\r\n\r\n    .flatpickr-day.flatpickr-disabled,\r\n    .flatpickr-day.prevMonthDay,\r\n    .flatpickr-day.nextMonthDay {\r\n\r\n        color:\r\n            #cbd5e1 !important;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1180px) {\r\n\r\n        .hrbb {\r\n\r\n            width:\r\n                min(960px, calc(100% - 40px));\r\n        }\r\n\r\n\r\n        .hrbb__brand {\r\n\r\n            width:\r\n                165px;\r\n\r\n            flex-basis:\r\n                165px;\r\n\r\n            padding:\r\n                17px;\r\n        }\r\n\r\n\r\n        .hrbb__form {\r\n\r\n            grid-template-columns:\r\n                1fr\r\n                1fr\r\n                .85fr\r\n                auto;\r\n        }\r\n\r\n\r\n        .hrbb__promo-field {\r\n\r\n            display:\r\n                none;\r\n        }\r\n\r\n\r\n        .hrbb__submit {\r\n\r\n            min-width:\r\n                150px;\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE \/ TABLET\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 850px) {\r\n\r\n        .hrbb {\r\n\r\n            width:\r\n                calc(100% - 30px);\r\n\r\n            flex-direction:\r\n                column;\r\n\r\n            overflow:\r\n                hidden;\r\n\r\n            border-radius:\r\n                18px;\r\n        }\r\n\r\n\r\n        .hrbb__brand {\r\n\r\n            width:\r\n                100%;\r\n\r\n            flex:\r\n                0 0 auto;\r\n\r\n            padding:\r\n                16px 18px;\r\n\r\n            border-right:\r\n                0;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--hrbb-border);\r\n        }\r\n\r\n\r\n        .hrbb__brand-icon {\r\n\r\n            width:\r\n                36px;\r\n\r\n            height:\r\n                36px;\r\n\r\n            flex-basis:\r\n                36px;\r\n        }\r\n\r\n\r\n        .hrbb__form {\r\n\r\n            width:\r\n                100%;\r\n\r\n            display:\r\n                grid;\r\n\r\n            grid-template-columns:\r\n                1fr\r\n                1fr;\r\n        }\r\n\r\n\r\n        .hrbb__field {\r\n\r\n            min-height:\r\n                76px;\r\n\r\n            padding:\r\n                14px;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--hrbb-border);\r\n        }\r\n\r\n\r\n        .hrbb__promo-field {\r\n\r\n            display:\r\n                flex;\r\n        }\r\n\r\n\r\n        .hrbb__submit {\r\n\r\n            grid-column:\r\n                1 \/ -1;\r\n\r\n            min-height:\r\n                54px;\r\n\r\n            margin:\r\n                12px;\r\n\r\n            border-radius:\r\n                12px;\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 540px) {\r\n\r\n        .hrbb {\r\n\r\n            width:\r\n                calc(100% - 24px);\r\n        }\r\n\r\n\r\n        .hrbb__brand {\r\n\r\n            padding:\r\n                13px 14px;\r\n        }\r\n\r\n\r\n        .hrbb__brand-copy strong {\r\n\r\n            font-size:\r\n                15px;\r\n        }\r\n\r\n\r\n        .hrbb__form {\r\n\r\n            grid-template-columns:\r\n                1fr;\r\n        }\r\n\r\n\r\n        .hrbb__field {\r\n\r\n            min-height:\r\n                68px;\r\n\r\n            border-right:\r\n                0 !important;\r\n\r\n            padding:\r\n                12px 14px;\r\n        }\r\n\r\n\r\n        .hrbb__field-icon {\r\n\r\n            width:\r\n                32px;\r\n\r\n            height:\r\n                32px;\r\n\r\n            flex-basis:\r\n                32px;\r\n        }\r\n\r\n\r\n        .hrbb__label {\r\n\r\n            font-size:\r\n                9px;\r\n        }\r\n\r\n\r\n        .hrbb__value,\r\n        .hrbb__guest,\r\n        .hrbb__promo {\r\n\r\n            font-size:\r\n                13px;\r\n        }\r\n\r\n\r\n        .hrbb__submit {\r\n\r\n            min-height:\r\n                52px;\r\n\r\n            margin:\r\n                10px;\r\n\r\n            font-size:\r\n                13px;\r\n        }\r\n\r\n\r\n        .flatpickr-calendar {\r\n\r\n            width:\r\n                min(\r\n                    320px,\r\n                    calc(100vw - 24px)\r\n                )\r\n                !important;\r\n        }\r\n\r\n    }\r\n\r\n    <\/style>\r\n\r\n\r\n\r\n    <script>\r\n\r\n    (function () {\r\n\r\n        \"use strict\";\r\n\r\n\r\n        \/* =====================================================\r\n           INITIALIZE\r\n        ====================================================== *\/\r\n\r\n        function initHRBookingBar() {\r\n\r\n\r\n            const bar =\r\n                document.getElementById(\r\n                    \"hrbb-1\"                );\r\n\r\n\r\n            if (!bar) {\r\n                return;\r\n            }\r\n\r\n\r\n            if (\r\n                bar.dataset.initialized ===\r\n                \"true\"\r\n            ) {\r\n                return;\r\n            }\r\n\r\n\r\n            \/*\r\n             * \u0e23\u0e2d Flatpickr\r\n             *\/\r\n            if (\r\n                typeof window.flatpickr ===\r\n                \"undefined\"\r\n            ) {\r\n\r\n                setTimeout(\r\n                    initHRBookingBar,\r\n                    120\r\n                );\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            bar.dataset.initialized =\r\n                \"true\";\r\n\r\n\r\n\r\n            \/* =================================================\r\n               ELEMENTS\r\n            ================================================== *\/\r\n\r\n            const form =\r\n                bar.querySelector(\r\n                    \".hrbb__form\"\r\n                );\r\n\r\n\r\n            const checkinInput =\r\n                bar.querySelector(\r\n                    \".hrbb__checkin\"\r\n                );\r\n\r\n\r\n            const checkoutInput =\r\n                bar.querySelector(\r\n                    \".hrbb__checkout\"\r\n                );\r\n\r\n\r\n            const checkinButton =\r\n                bar.querySelector(\r\n                    '[data-field=\"checkin\"]'\r\n                );\r\n\r\n\r\n            const checkoutButton =\r\n                bar.querySelector(\r\n                    '[data-field=\"checkout\"]'\r\n                );\r\n\r\n\r\n            const checkinDisplay =\r\n                bar.querySelector(\r\n                    \"[data-checkin-display]\"\r\n                );\r\n\r\n\r\n            const checkoutDisplay =\r\n                bar.querySelector(\r\n                    \"[data-checkout-display]\"\r\n                );\r\n\r\n\r\n            const guest =\r\n                bar.querySelector(\r\n                    \".hrbb__guest\"\r\n                );\r\n\r\n\r\n            const promo =\r\n                bar.querySelector(\r\n                    \".hrbb__promo\"\r\n                );\r\n\r\n\r\n\r\n            \/* =================================================\r\n               DATE HELPERS\r\n            ================================================== *\/\r\n\r\n            function addDays(\r\n                date,\r\n                days\r\n            ) {\r\n\r\n                const output =\r\n                    new Date(date);\r\n\r\n\r\n                output.setDate(\r\n                    output.getDate() +\r\n                    days\r\n                );\r\n\r\n\r\n                return output;\r\n            }\r\n\r\n\r\n\r\n            function displayDate(\r\n                date\r\n            ) {\r\n\r\n                if (!date) {\r\n                    return \"\";\r\n                }\r\n\r\n\r\n                try {\r\n\r\n                    return new Intl.DateTimeFormat(\r\n                        \"th-TH\",\r\n                        {\r\n                            day:\r\n                                \"2-digit\",\r\n\r\n                            month:\r\n                                \"short\",\r\n\r\n                            year:\r\n                                \"numeric\"\r\n                        }\r\n                    ).format(date);\r\n\r\n                } catch (error) {\r\n\r\n                    return (\r\n                        date.getDate() +\r\n                        \"\/\" +\r\n                        (\r\n                            date.getMonth() +\r\n                            1\r\n                        ) +\r\n                        \"\/\" +\r\n                        date.getFullYear()\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* =================================================\r\n               DEFAULT DATE\r\n            ================================================== *\/\r\n\r\n            const today =\r\n                new Date();\r\n\r\n\r\n            today.setHours(\r\n                0,\r\n                0,\r\n                0,\r\n                0\r\n            );\r\n\r\n\r\n            const tomorrow =\r\n                addDays(\r\n                    today,\r\n                    1\r\n                );\r\n\r\n\r\n\r\n            \/* =================================================\r\n               CHECKOUT\r\n            ================================================== *\/\r\n\r\n            const checkoutPicker =\r\n                window.flatpickr(\r\n                    checkoutInput,\r\n                    {\r\n\r\n                        dateFormat:\r\n                            \"Y-m-d\",\r\n\r\n                        minDate:\r\n                            tomorrow,\r\n\r\n                        defaultDate:\r\n                            tomorrow,\r\n\r\n                        disableMobile:\r\n                            true,\r\n\r\n\r\n                        onReady:\r\n                            function (\r\n                                selectedDates\r\n                            ) {\r\n\r\n                                if (\r\n                                    selectedDates &&\r\n                                    selectedDates[0]\r\n                                ) {\r\n\r\n                                    checkoutDisplay.textContent =\r\n                                        displayDate(\r\n                                            selectedDates[0]\r\n                                        );\r\n\r\n                                }\r\n\r\n                            },\r\n\r\n\r\n                        onChange:\r\n                            function (\r\n                                selectedDates\r\n                            ) {\r\n\r\n                                if (\r\n                                    selectedDates &&\r\n                                    selectedDates[0]\r\n                                ) {\r\n\r\n                                    checkoutDisplay.textContent =\r\n                                        displayDate(\r\n                                            selectedDates[0]\r\n                                        );\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n                    }\r\n                );\r\n\r\n\r\n\r\n            \/* =================================================\r\n               CHECKIN\r\n            ================================================== *\/\r\n\r\n            const checkinPicker =\r\n                window.flatpickr(\r\n                    checkinInput,\r\n                    {\r\n\r\n                        dateFormat:\r\n                            \"Y-m-d\",\r\n\r\n                        minDate:\r\n                            \"today\",\r\n\r\n                        defaultDate:\r\n                            today,\r\n\r\n                        disableMobile:\r\n                            true,\r\n\r\n\r\n                        onReady:\r\n                            function (\r\n                                selectedDates\r\n                            ) {\r\n\r\n                                if (\r\n                                    selectedDates &&\r\n                                    selectedDates[0]\r\n                                ) {\r\n\r\n                                    checkinDisplay.textContent =\r\n                                        displayDate(\r\n                                            selectedDates[0]\r\n                                        );\r\n\r\n                                }\r\n\r\n                            },\r\n\r\n\r\n                        onChange:\r\n                            function (\r\n                                selectedDates\r\n                            ) {\r\n\r\n\r\n                                if (\r\n                                    !selectedDates ||\r\n                                    !selectedDates.length\r\n                                ) {\r\n                                    return;\r\n                                }\r\n\r\n\r\n                                const selectedDate =\r\n                                    selectedDates[0];\r\n\r\n\r\n                                checkinDisplay.textContent =\r\n                                    displayDate(\r\n                                        selectedDate\r\n                                    );\r\n\r\n\r\n                                \/*\r\n                                 * Checkout \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e49\u0e2d\u0e22 +1 \u0e27\u0e31\u0e19\r\n                                 *\/\r\n                                const nextDay =\r\n                                    addDays(\r\n                                        selectedDate,\r\n                                        1\r\n                                    );\r\n\r\n\r\n                                checkoutPicker.set(\r\n                                    \"minDate\",\r\n                                    nextDay\r\n                                );\r\n\r\n\r\n                                \/*\r\n                                 * \u0e16\u0e49\u0e32 checkout \u0e40\u0e14\u0e34\u0e21\u0e19\u0e49\u0e2d\u0e22\u0e01\u0e27\u0e48\u0e32\r\n                                 * next day \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\r\n                                 *\/\r\n\r\n                                const currentCheckout =\r\n                                    checkoutPicker.selectedDates[\r\n                                        0\r\n                                    ];\r\n\r\n\r\n                                if (\r\n                                    !currentCheckout ||\r\n                                    currentCheckout <\r\n                                    nextDay\r\n                                ) {\r\n\r\n                                    checkoutPicker.setDate(\r\n                                        nextDay,\r\n                                        true\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n                    }\r\n                );\r\n\r\n\r\n\r\n            \/* =================================================\r\n               OPEN DATE PICKER\r\n            ================================================== *\/\r\n\r\n            if (checkinButton) {\r\n\r\n                checkinButton.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        checkinPicker.open();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n\r\n            if (checkoutButton) {\r\n\r\n                checkoutButton.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        checkoutPicker.open();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* =================================================\r\n               SUBMIT\r\n            ================================================== *\/\r\n\r\n            if (form) {\r\n\r\n                form.addEventListener(\r\n                    \"submit\",\r\n                    function (\r\n                        event\r\n                    ) {\r\n\r\n\r\n                        event.preventDefault();\r\n\r\n\r\n\r\n                        const checkin =\r\n                            checkinInput\r\n                                ? checkinInput.value\r\n                                : \"\";\r\n\r\n\r\n                        const checkout =\r\n                            checkoutInput\r\n                                ? checkoutInput.value\r\n                                : \"\";\r\n\r\n\r\n                        const guests =\r\n                            guest\r\n                                ? guest.value\r\n                                : \"2\";\r\n\r\n\r\n                        const promoCode =\r\n                            promo\r\n                                ? promo.value.trim()\r\n                                : \"\";\r\n\r\n\r\n\r\n                        if (\r\n                            !checkin ||\r\n                            !checkout\r\n                        ) {\r\n                            return;\r\n                        }\r\n\r\n\r\n\r\n                        \/* =====================================\r\n                           BOOKING PARAMETERS\r\n                        ====================================== *\/\r\n\r\n                        const bookingBase =\r\n                            bar.dataset.bookingUrl;\r\n\r\n\r\n                        const params =\r\n                            new URLSearchParams();\r\n\r\n\r\n                        params.set(\r\n                            \"checkin\",\r\n                            checkin\r\n                        );\r\n\r\n\r\n                        params.set(\r\n                            \"checkout\",\r\n                            checkout\r\n                        );\r\n\r\n\r\n                        params.set(\r\n                            \"noOfGuests\",\r\n                            guests\r\n                        );\r\n\r\n\r\n                        params.set(\r\n                            \"noOfRooms\",\r\n                            \"1\"\r\n                        );\r\n\r\n\r\n\r\n                        \/*\r\n                         * Promo Code\r\n                         *\r\n                         * \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38:\r\n                         * \u0e15\u0e49\u0e2d\u0e07\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e27\u0e48\u0e32 Aiosell\r\n                         * \u0e43\u0e0a\u0e49 parameter \u0e0a\u0e37\u0e48\u0e2d promoCode\r\n                         * \u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e2d\u0e37\u0e48\u0e19\r\n                         *\/\r\n\r\n                        if (promoCode) {\r\n\r\n                            params.set(\r\n                                \"promoCode\",\r\n                                promoCode\r\n                            );\r\n\r\n                        }\r\n\r\n\r\n\r\n                        const bookingUrl =\r\n                            bookingBase +\r\n                            \"?\" +\r\n                            params.toString();\r\n\r\n\r\n\r\n                        \/* =====================================\r\n                           GLOBAL BOOKING MODAL\r\n                        ====================================== *\/\r\n\r\n                        if (\r\n                            typeof\r\n                            window.openGlobalBookingModal\r\n                            ===\r\n                            \"function\"\r\n                        ) {\r\n\r\n                            window\r\n                                .openGlobalBookingModal(\r\n                                    bookingUrl\r\n                                );\r\n\r\n\r\n                            return;\r\n                        }\r\n\r\n\r\n\r\n                        \/* =====================================\r\n                           FALLBACK\r\n                        ====================================== *\/\r\n\r\n                        window.open(\r\n                            bookingUrl,\r\n                            \"_blank\",\r\n                            \"noopener,noreferrer\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           START\r\n        ====================================================== *\/\r\n\r\n        if (\r\n            document.readyState ===\r\n            \"loading\"\r\n        ) {\r\n\r\n            document.addEventListener(\r\n                \"DOMContentLoaded\",\r\n                initHRBookingBar\r\n            );\r\n\r\n        } else {\r\n\r\n            initHRBookingBar();\r\n\r\n        }\r\n\r\n\r\n    })();\r\n\r\n    <\/script>\r\n\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1fe3f9 e-con-full e-flex e-con e-parent\" data-id=\"e1fe3f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a2350a elementor-widget elementor-widget-html\" data-id=\"8a2350a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HR RESORT \u2014 ABOUT \/ WELCOME SECTION\r\n     THEME: DEEP GREEN & WARM CREAM (Logo Inspired)\r\n     Elementor \/ WordPress Custom HTML\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<!-- \u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e44\u0e17\u0e22 3 \u0e2a\u0e44\u0e15\u0e25\u0e4c: Charmonman (\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d), Noto Sans Thai (\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2b\u0e31\u0e27), Noto Serif Thai (\u0e21\u0e35\u0e2b\u0e31\u0e27) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Charmonman:wght@400;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Noto+Serif+Thai:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"hr-about\" id=\"about-resort\">\r\n    <!-- Decorative Background -->\r\n    <div class=\"hr-about__decor\" aria-hidden=\"true\">\r\n        <span class=\"hr-about__orb hr-about__orb--1\"><\/span>\r\n        <span class=\"hr-about__orb hr-about__orb--2\"><\/span>\r\n        <span class=\"hr-about__grid\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hr-about__container\">\r\n        <!-- =====================================================\r\n             HEADER\r\n        ====================================================== -->\r\n        <div class=\"hr-about__header hr-about-reveal\">\r\n            <div class=\"hr-about__eyebrow\">\r\n                <span class=\"hr-about__eyebrow-dot\"><\/span>\r\n                <span>WELCOME TO HR RESORT<\/span>\r\n            <\/div>\r\n            <p class=\"hr-about__pretitle\">\r\n                \u0e1e\u0e31\u0e01\u0e01\u0e32\u0e22...\u0e43\u0e15\u0e49\u0e21\u0e19\u0e15\u0e4c\u0e40\u0e2a\u0e19\u0e48\u0e2b\u0e4c\u0e41\u0e2b\u0e48\u0e07\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n            <\/p>\r\n            <h2 class=\"hr-about__title\">\r\n                \u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e17\u0e48\u0e32\u0e21\u0e01\u0e25\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e07\u0e1a\r\n                <span>\u0e13 \u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 HR Resort<\/span>\r\n            <\/h2>\r\n            <div class=\"hr-about__title-line\">\r\n                <span><\/span>\r\n                <i><\/i>\r\n                <span><\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- =====================================================\r\n             INTRO\r\n        ====================================================== -->\r\n        <div class=\"hr-about__intro hr-about-reveal\">\r\n            <p class=\"hr-about__lead\">\r\n                <strong>\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 HR Resort<\/strong>\r\n                \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c \u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e40\u0e07\u0e35\u0e22\u0e1a\u0e2a\u0e07\u0e1a \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e27\u0e01\r\n            <\/p>\r\n            <p class=\"hr-about__description\">\r\n                \u0e40\u0e23\u0e32\u0e43\u0e2a\u0e48\u0e43\u0e08\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19 \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e27\u0e32\u0e07 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e23\u0e31\u0e01 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e21\u0e32\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\u0e41\u0e25\u0e30\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- =====================================================\r\n             FEATURE GRID\r\n        ====================================================== -->\r\n        <div class=\"hr-about__features\">\r\n            <!-- 01 -->\r\n            <article class=\"hr-about-card hr-about-reveal\">\r\n                <div class=\"hr-about-card__top\">\r\n                    <div class=\"hr-about-card__icon\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" aria-hidden=\"true\">\r\n                            <path d=\"M4 12V8.5A2.5 2.5 0 0 1 6.5 6h11A2.5 2.5 0 0 1 20 8.5V12\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                            <path d=\"M3 12h18v6H3z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M5 18v2M19 18v2M7 9h3M14 9h3\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <span class=\"hr-about-card__number\">01<\/span>\r\n                <\/div>\r\n                <h3>\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e27\u0e32\u0e07<\/h3>\r\n                <p>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e07\u0e15\u0e31\u0e27 \u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e42\u0e1b\u0e23\u0e48\u0e07 \u0e2a\u0e1a\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e15\u0e25\u0e2d\u0e14\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/p>\r\n            <\/article>\r\n\r\n            <!-- 02 -->\r\n            <article class=\"hr-about-card hr-about-reveal\">\r\n                <div class=\"hr-about-card__top\">\r\n                    <div class=\"hr-about-card__icon\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" aria-hidden=\"true\">\r\n                            <path d=\"M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <span class=\"hr-about-card__number\">02<\/span>\r\n                <\/div>\r\n                <h3>\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e40\u0e07\u0e35\u0e22\u0e1a\u0e2a\u0e07\u0e1a<\/h3>\r\n                <p>\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e1e\u0e31\u0e01\u0e08\u0e32\u0e01\u0e04\u0e27\u0e32\u0e21\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22 \u0e17\u0e48\u0e32\u0e21\u0e01\u0e25\u0e32\u0e07\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e1a\u0e32\u0e22 \u0e46 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e27\u0e31\u0e19\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07<\/p>\r\n            <\/article>\r\n\r\n            <!-- 03 -->\r\n            <article class=\"hr-about-card hr-about-reveal\">\r\n                <div class=\"hr-about-card__top\">\r\n                    <div class=\"hr-about-card__icon\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" aria-hidden=\"true\">\r\n                            <path d=\"M12 21s7-5.1 7-12a7 7 0 1 0-14 0c0 6.9 7 12 7 12Z\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                            <circle cx=\"12\" cy=\"9\" r=\"2.3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <span class=\"hr-about-card__number\">03<\/span>\r\n                <\/div>\r\n                <h3>\u0e43\u0e01\u0e25\u0e49\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07<\/h3>\r\n                <p>\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e41\u0e25\u0e30\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e43\u0e19\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\u0e44\u0e14\u0e49\u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e2b\u0e25\u0e32\u0e22\u0e08\u0e38\u0e14<\/p>\r\n            <\/article>\r\n\r\n            <!-- 04 -->\r\n            <article class=\"hr-about-card hr-about-reveal\">\r\n                <div class=\"hr-about-card__top\">\r\n                    <div class=\"hr-about-card__icon\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" aria-hidden=\"true\">\r\n                            <path d=\"M7 11.5 10.2 15 17 8\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <span class=\"hr-about-card__number\">04<\/span>\r\n                <\/div>\r\n                <h3>\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e41\u0e25\u0e30\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22<\/h3>\r\n                <p>\u0e43\u0e2a\u0e48\u0e43\u0e08\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e2d\u0e19\u0e04\u0e25\u0e32\u0e22\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19<\/p>\r\n            <\/article>\r\n        <\/div>\r\n\r\n        <!-- =====================================================\r\n             EXPERIENCE PANEL\r\n        ====================================================== -->\r\n        <div class=\"hr-about__experience hr-about-reveal\">\r\n            <div class=\"hr-about__experience-copy\">\r\n                <span class=\"hr-about__experience-small\">HR RESORT \u00b7 BUENG KAN<\/span>\r\n                <h3>\r\n                    \u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                    <span>\u0e04\u0e37\u0e2d\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e1e\u0e31\u0e01\u0e08\u0e23\u0e34\u0e07 \u0e46<\/span>\r\n                <\/h3>\r\n                <p>\r\n                    \u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e04\u0e38\u0e13\u0e08\u0e30\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e21\u0e32\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e1e\u0e31\u0e01\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e15\u0e48\u0e2d \u0e2b\u0e23\u0e37\u0e2d\u0e21\u0e32\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e01\u0e31\u0e1a\u0e04\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 HR Resort \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e1a\u0e32\u0e22 \u0e46 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e38\u0e01\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\r\n                <\/p>\r\n                <div class=\"hr-about__actions\">\r\n                    <a href=\"#book-now\" class=\"hr-about-btn hr-about-btn--primary\">\r\n                        <span>\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"17\" height=\"17\" fill=\"none\" aria-hidden=\"true\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                    <a href=\"#rooms\" class=\"hr-about-btn hr-about-btn--secondary\" data-hr-about-scroll>\r\n                        \u0e14\u0e39\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- STATS -->\r\n            <div class=\"hr-about__stats\">\r\n                <div class=\"hr-about-stat\">\r\n                    <strong data-hr-counter=\"9\">0<\/strong>\r\n                    <span class=\"hr-about-stat__suffix\">.0<\/span>\r\n                    <small>\u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e35\u0e27\u0e34\u0e27<\/small>\r\n                <\/div>\r\n                <div class=\"hr-about-stat\">\r\n                    <strong data-hr-counter=\"24\">0<\/strong>\r\n                    <span class=\"hr-about-stat__suffix\">\u0e0a\u0e21.<\/span>\r\n                    <small>\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/small>\r\n                <\/div>\r\n                <div class=\"hr-about-stat\">\r\n                    <strong data-hr-counter=\"100\">0<\/strong>\r\n                    <span class=\"hr-about-stat__suffix\">%<\/span>\r\n                    <small>\u0e43\u0e2a\u0e48\u0e43\u0e08\u0e17\u0e38\u0e01\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19<\/small>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   HR RESORT \u2014 GLOBAL & PALETTE\r\n========================================================= *\/\r\n.hr-about {\r\n    --hr-green: #2A4B3C;\r\n    --hr-green-light: #3C6351;\r\n    --hr-terracotta: #A85340;\r\n    --hr-cream: #F7F4EB;\r\n    --hr-navy: #132035;\r\n    --hr-white: #FFFFFF;\r\n    --hr-text: #2D3730;\r\n    --hr-muted: #647068;\r\n    \r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(90px, 10vw, 145px) 24px clamp(90px, 10vw, 140px);\r\n    background: linear-gradient(180deg, var(--hr-cream) 0%, #FFFFFF 45%, #FFFFFF 100%);\r\n    color: var(--hr-text);\r\n    font-family: \"Noto Sans Thai\", sans-serif;\r\n    isolation: isolate;\r\n}\r\n\r\n.hr-about *, .hr-about *::before, .hr-about *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hr-about h2, .hr-about h3, .hr-about__lead strong {\r\n    font-family: \"Noto Serif Thai\", serif;\r\n}\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECOR\r\n========================================================= *\/\r\n.hr-about__decor { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }\r\n.hr-about__orb { position: absolute; display: block; border-radius: 50%; pointer-events: none; filter: blur(15px); }\r\n.hr-about__orb--1 { width: 540px; height: 540px; left: -300px; top: 22%; background: radial-gradient(circle, rgba(42, 75, 60, 0.06), rgba(42, 75, 60, 0) 70%); }\r\n.hr-about__orb--2 { width: 600px; height: 600px; right: -330px; top: -200px; background: radial-gradient(circle, rgba(168, 83, 64, 0.05), rgba(168, 83, 64, 0) 70%); }\r\n.hr-about__grid {\r\n    position: absolute; inset: 0; opacity: .5;\r\n    background-image: linear-gradient(rgba(42, 75, 60, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(42, 75, 60, 0.03) 1px, transparent 1px);\r\n    background-size: 48px 48px;\r\n    mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 70%);\r\n    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 70%);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTAINER & HEADER\r\n========================================================= *\/\r\n.hr-about__container { width: min(1180px, 100%); margin: 0 auto; }\r\n.hr-about__header { max-width: 940px; margin: 0 auto; text-align: center; }\r\n\r\n.hr-about__eyebrow {\r\n    display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px;\r\n    padding: 8px 14px; border: 1px solid rgba(42, 75, 60, 0.15); border-radius: 999px; \r\n    background: rgba(255, 255, 255, 0.85); color: var(--hr-green); font-size: 10.5px; font-weight: 700;\r\n    line-height: 1; letter-spacing: .15em; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px);\r\n}\r\n.hr-about__eyebrow-dot {\r\n    width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; \r\n    background: var(--hr-terracotta); box-shadow: 0 0 0 4px rgba(168, 83, 64, 0.15), 0 0 14px rgba(168, 83, 64, 0.3);\r\n}\r\n\r\n.hr-about__pretitle {\r\n    margin: 0 0 13px; color: var(--hr-green);\r\n    font-family: \"Noto Serif Thai\", serif; font-size: clamp(21px, 2vw, 26px);\r\n    font-weight: 600; line-height: 1.55; text-shadow: 0 4px 18px rgba(42, 75, 60, 0.1);\r\n}\r\n\r\n\/* \ud83c\udfaf \u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e41\u0e01\u0e49\u0e44\u0e02\u0e15\u0e32\u0e21\u0e20\u0e32\u0e1e image_a8313f.png *\/\r\n.hr-about__title {\r\n    margin: 0; \r\n    color: var(--hr-navy); \/* \u0e2a\u0e35\u0e01\u0e23\u0e21\u0e17\u0e48\u0e32\u0e15\u0e32\u0e21\u0e40\u0e23\u0e1f\u0e40\u0e1f\u0e2d\u0e40\u0e23\u0e19\u0e0b\u0e4c *\/\r\n    font-family: \"Noto Serif Thai\", serif !important; \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e21\u0e35\u0e2b\u0e31\u0e27 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 Theme \u0e17\u0e31\u0e1a *\/\r\n    font-size: clamp(38px, 4.2vw, 58px); \r\n    font-weight: 700; \r\n    line-height: 1.24;\r\n    letter-spacing: 0.02em; \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e41\u0e01\u0e23\u0e19\u0e14\u0e4c\u0e02\u0e36\u0e49\u0e19 *\/\r\n    text-wrap: balance; \r\n    text-shadow: 0 4px 22px rgba(19, 32, 53, 0.05);\r\n}\r\n\r\n\/* \u0e2a\u0e48\u0e27\u0e19\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d (Script) *\/\r\n.hr-about__title span {\r\n    display: block; \r\n    width: fit-content; \r\n    margin: 8px auto 0;\r\n    color: var(--hr-green); \r\n    font-family: \"Charmonman\", cursive !important; \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d *\/\r\n    font-size: 1.05em; \/* \u0e02\u0e22\u0e32\u0e22\u0e02\u0e19\u0e32\u0e14\u0e02\u0e36\u0e49\u0e19\u0e19\u0e34\u0e14\u0e2b\u0e19\u0e48\u0e2d\u0e22\u0e43\u0e2b\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e31\u0e1a\u0e1a\u0e23\u0e23\u0e17\u0e31\u0e14\u0e1a\u0e19 *\/\r\n    font-weight: 700; \r\n    line-height: 1.45; \r\n    text-shadow: 0 5px 20px rgba(42, 75, 60, 0.15);\r\n}\r\n\r\n.hr-about__title-line {\r\n    width: 190px; margin: 28px auto 0; display: flex;\r\n    align-items: center; justify-content: center; gap: 10px;\r\n}\r\n.hr-about__title-line span {\r\n    display: block; width: 72px; height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(42, 75, 60, 0.4));\r\n}\r\n.hr-about__title-line span:last-child { transform: rotate(180deg); }\r\n.hr-about__title-line i {\r\n    width: 7px; height: 7px; display: block; transform: rotate(45deg);\r\n    background: var(--hr-terracotta); box-shadow: 0 0 12px rgba(168, 83, 64, 0.3);\r\n}\r\n\r\n\/* =========================================================\r\n   INTRO & FEATURES\r\n========================================================= *\/\r\n.hr-about__intro { width: min(900px, 100%); margin: clamp(38px, 5vw, 55px) auto 0; text-align: center; }\r\n.hr-about__lead { margin: 0; color: var(--hr-text); font-size: clamp(16px, 1.4vw, 18px); font-weight: 500; line-height: 1.95; }\r\n.hr-about__lead strong { color: var(--hr-green); font-size: 1.1em; }\r\n.hr-about__description { max-width: 820px; margin: 14px auto 0; color: var(--hr-muted); font-size: 15.5px; font-weight: 400; line-height: 1.95; }\r\n\r\n.hr-about__features { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin-top: clamp(48px, 6vw, 72px); }\r\n\r\n.hr-about-card {\r\n    position: relative; min-height: 240px; padding: 30px 24px; overflow: hidden;\r\n    border: 1px solid rgba(42, 75, 60, 0.15); border-radius: 20px;\r\n    background: linear-gradient(145deg, #FFFFFF 0%, #FAFAF7 100%);\r\n    box-shadow: 0 10px 25px rgba(42, 75, 60, 0.04), 0 4px 10px rgba(19, 32, 53, 0.03);\r\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.4s ease, box-shadow 0.4s ease;\r\n    isolation: isolate;\r\n}\r\n.hr-about-card::before {\r\n    content: \"\"; position: absolute; width: 220px; height: 220px; right: -100px; bottom: -100px;\r\n    z-index: -1; border-radius: 50%; background: radial-gradient(circle, rgba(168, 83, 64, 0.1), rgba(168, 83, 64, 0) 70%);\r\n    transition: transform 0.5s ease;\r\n}\r\n.hr-about-card:hover { transform: translateY(-8px) scale(1.015); border-color: rgba(42, 75, 60, 0.35); box-shadow: 0 18px 40px rgba(42, 75, 60, 0.08), 0 8px 20px rgba(19, 32, 53, 0.06); }\r\n.hr-about-card:hover::before { transform: scale(1.4); }\r\n\r\n.hr-about-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }\r\n.hr-about-card__icon {\r\n    width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 14px; \r\n    color: var(--hr-green); background: linear-gradient(135deg, #F4F1E9 0%, #E6DFCE 100%);\r\n    border: 1px solid #FFFFFF; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.9), 0 6px 12px rgba(42, 75, 60, 0.08);\r\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n.hr-about-card:hover .hr-about-card__icon {\r\n    transform: translateY(-3px) rotate(-6deg) scale(1.08); color: var(--hr-terracotta);\r\n    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 1), 0 10px 18px rgba(168, 83, 64, 0.2);\r\n}\r\n\r\n.hr-about-card__number { color: rgba(42, 75, 60, 0.1); font-size: 30px; font-weight: 800; line-height: 1; letter-spacing: -0.05em; transition: color 0.3s ease, transform 0.3s ease; }\r\n.hr-about-card:hover .hr-about-card__number { color: rgba(42, 75, 60, 0.25); transform: translateX(-3px); }\r\n.hr-about-card h3 { margin: 0 0 12px; color: var(--hr-green); font-family: \"Noto Serif Thai\", serif; font-size: 20px; font-weight: 700; line-height: 1.4; }\r\n.hr-about-card p { margin: 0; color: var(--hr-muted); font-family: \"Noto Sans Thai\", sans-serif; font-size: 14.5px; font-weight: 400; line-height: 1.75; }\r\n\r\n\/* =========================================================\r\n   EXPERIENCE PANEL\r\n========================================================= *\/\r\n.hr-about__experience {\r\n    position: relative; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr); gap: 50px; align-items: center; \r\n    margin-top: clamp(60px,7vw,90px); padding: clamp(34px,5vw,60px); overflow: hidden; border-radius: 28px; color: #FFFFFF;\r\n    background: linear-gradient(135deg, #132035 0%, #1A3125 48%, #2A4B3C 115%); box-shadow: 0 30px 60px rgba(19, 32, 53, 0.25); isolation: isolate;\r\n}\r\n.hr-about__experience::before {\r\n    content: \"\"; position: absolute; width: 520px; height: 520px; right: -170px; top: -270px; z-index: -1; border-radius: 50%; \r\n    background: radial-gradient(circle, rgba(168, 83, 64, 0.35), rgba(168, 83, 64, 0) 70%);\r\n}\r\n.hr-about__experience::after {\r\n    content: \"\"; position: absolute; inset: 0; z-index: -1; opacity: .15;\r\n    background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px);\r\n    background-size: 36px 36px;\r\n}\r\n.hr-about__experience-small { display: block; margin-bottom: 10px; color: #D4C4A8; font-size: 11px; font-weight: 700; letter-spacing: .16em; }\r\n.hr-about__experience h3 { max-width: 620px; margin: 0; color: #FFFFFF; font-family: \"Noto Serif Thai\", serif; font-size: clamp(31px,3.3vw,48px); font-weight: 700; line-height: 1.3; }\r\n.hr-about__experience h3 span { display: block; margin-top: 6px; color: #EEDBB6; font-family: \"Charmonman\", cursive; font-size: .95em; font-weight: 700; line-height: 1.45; }\r\n.hr-about__experience-copy > p { max-width: 620px; margin: 18px 0 0; color: rgba(255,255,255,.85); font-size: 15px; line-height: 1.88; }\r\n\r\n.hr-about__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }\r\n.hr-about-btn { min-height: 48px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; text-decoration: none !important; font-size: 14px; font-weight: 600; line-height: 1; transition: transform .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease; }\r\n.hr-about-btn--primary { color: var(--hr-green) !important; background: #F7F4EB; border: 1px solid rgba(238, 219, 182, 0.8); box-shadow: 0 9px 24px rgba(0,0,0,.15); }\r\n.hr-about-btn--primary:hover { color: #FFFFFF !important; transform: translateY(-3px); background: var(--hr-green-light); border-color: var(--hr-green-light); box-shadow: 0 14px 30px rgba(0,0,0,.25); }\r\n.hr-about-btn--primary svg { transition: transform .25s ease; }\r\n.hr-about-btn--primary:hover svg { transform: translateX(4px); }\r\n.hr-about-btn--secondary { color: #FFFFFF !important; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.25); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }\r\n.hr-about-btn--secondary:hover { color: #FFFFFF !important; transform: translateY(-3px); background: rgba(255,255,255,.15); }\r\n\r\n\/* STATS *\/\r\n.hr-about__stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid rgba(255,255,255,.15); border-radius: 20px; overflow: hidden; background: rgba(255,255,255,.06); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }\r\n.hr-about-stat { min-height: 135px; padding: 22px 12px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center; }\r\n.hr-about-stat + .hr-about-stat { border-left: 1px solid rgba(255,255,255,.15); }\r\n.hr-about-stat strong { color: #FFFFFF; font-size: clamp(28px,3vw,40px); font-weight: 700; line-height: 1; }\r\n.hr-about-stat__suffix { align-self: center; margin-left: 2px; color: #D4C4A8; font-size: 15px; font-weight: 700; }\r\n.hr-about-stat small { flex-basis: 100%; display: block; margin-top: 9px; color: rgba(255,255,255,.7); font-size: 11px; font-weight: 500; line-height: 1.45; }\r\n\r\n\/* REVEAL *\/\r\n.hr-about-reveal { opacity: 0; transform: translateY(25px); transition: opacity .7s ease, transform .7s cubic-bezier(.16,1,.3,1); }\r\n.hr-about-reveal.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* =========================================================\r\n   MEDIA QUERIES\r\n========================================================= *\/\r\n@media (max-width: 1024px) {\r\n    .hr-about { padding-left: 20px; padding-right: 20px; }\r\n    .hr-about__features { grid-template-columns: repeat(2,minmax(0,1fr)); }\r\n    .hr-about__experience { grid-template-columns: 1fr; gap: 35px; }\r\n    .hr-about__stats { max-width: 620px; }\r\n}\r\n@media (max-width: 767px) {\r\n    .hr-about { padding: 75px 16px 80px; }\r\n    .hr-about__title { font-size: clamp(31px,8.5vw,42px); line-height: 1.3; }\r\n    .hr-about__intro { margin-top: 32px; text-align: left; }\r\n    .hr-about__features { grid-template-columns: 1fr; gap: 16px; margin-top: 36px; }\r\n    .hr-about-card { min-height: 0; padding: 26px 20px; }\r\n    .hr-about-card__top { margin-bottom: 20px; }\r\n    .hr-about__experience { margin-top: 48px; padding: 30px 22px; border-radius: 23px; }\r\n    .hr-about__experience h3 { font-size: clamp(29px,8vw,39px); }\r\n    .hr-about__stats { grid-template-columns: 1fr; }\r\n    .hr-about-stat { min-height: 105px; }\r\n    .hr-about-stat + .hr-about-stat { border-left: 0; border-top: 1px solid rgba(255,255,255,.15); }\r\n}\r\n@media (max-width: 420px) {\r\n    .hr-about__eyebrow { font-size: 9px; letter-spacing: .11em; }\r\n    .hr-about__actions { display: grid; grid-template-columns: 1fr; }\r\n    .hr-about-btn { width: 100%; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hr-about *, .hr-about *::before, .hr-about *::after { animation: none !important; transition: none !important; }\r\n    .hr-about-reveal { opacity: 1; transform: none; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n    const section = document.querySelector(\".hr-about\");\r\n    if (!section) return;\r\n    if (section.dataset.hrAboutInitialized === \"true\") return;\r\n    section.dataset.hrAboutInitialized = \"true\";\r\n\r\n    \/* SCROLL REVEAL *\/\r\n    const reveals = section.querySelectorAll(\".hr-about-reveal\");\r\n    if (\"IntersectionObserver\" in window) {\r\n        const revealObserver = new IntersectionObserver(\r\n            function (entries, observer) {\r\n                entries.forEach(function (entry) {\r\n                    if (!entry.isIntersecting) return;\r\n                    entry.target.classList.add(\"is-visible\");\r\n                    observer.unobserve(entry.target);\r\n                });\r\n            },\r\n            { threshold: .12, rootMargin: \"0px 0px -40px 0px\" }\r\n        );\r\n        reveals.forEach(function (element, index) {\r\n            if (element.classList.contains(\"hr-about-card\")) {\r\n                element.style.transitionDelay = (index * 50) + \"ms\";\r\n            }\r\n            revealObserver.observe(element);\r\n        });\r\n    } else {\r\n        reveals.forEach(function (element) { element.classList.add(\"is-visible\"); });\r\n    }\r\n\r\n    \/* COUNTER *\/\r\n    const counters = section.querySelectorAll(\"[data-hr-counter]\");\r\n    let countersStarted = false;\r\n    function startCounters() {\r\n        if (countersStarted) return;\r\n        countersStarted = true;\r\n        counters.forEach(function (counter) {\r\n            const target = parseInt(counter.dataset.hrCounter, 10);\r\n            if (Number.isNaN(target)) return;\r\n            const duration = 1000;\r\n            const start = performance.now();\r\n            function animate(now) {\r\n                const progress = Math.min((now - start) \/ duration, 1);\r\n                const eased = 1 - Math.pow(1 - progress, 3);\r\n                counter.textContent = Math.round(target * eased);\r\n                if (progress < 1) requestAnimationFrame(animate);\r\n            }\r\n            requestAnimationFrame(animate);\r\n        });\r\n    }\r\n    const stats = section.querySelector(\".hr-about__stats\");\r\n    if (stats && \"IntersectionObserver\" in window) {\r\n        const statsObserver = new IntersectionObserver(\r\n            function (entries, observer) {\r\n                if (entries[0] && entries[0].isIntersecting) {\r\n                    startCounters();\r\n                    observer.disconnect();\r\n                }\r\n            },\r\n            { threshold: .25 }\r\n        );\r\n        statsObserver.observe(stats);\r\n    } else {\r\n        startCounters();\r\n    }\r\n\r\n    \/* SMOOTH SCROLL *\/\r\n    section.querySelectorAll(\"[data-hr-about-scroll]\").forEach(function (link) {\r\n        link.addEventListener(\"click\", function (event) {\r\n            const selector = this.getAttribute(\"href\");\r\n            if (!selector || selector === \"#\") return;\r\n            const target = document.querySelector(selector);\r\n            if (!target) return;\r\n            event.preventDefault();\r\n            target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n        });\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9febdc3 e-con-full e-flex e-con e-parent\" data-id=\"9febdc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22d9cbb elementor-widget elementor-widget-html\" data-id=\"22d9cbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HR RESORT \u2014 SIMPLE ABOUT SECTION\r\n     Inspired by clean resort layout\r\n     WordPress \/ Elementor Custom HTML\r\n     HTML + CSS + JS IN ONE BLOCK\r\n\r\n     Theme: HR Blue + White\r\n     Stable \/ Responsive \/ Scoped CSS\r\n========================================================= -->\r\n\r\n<section id=\"hrSimpleAbout\" class=\"hrsa-section\">\r\n\r\n    <!-- Decorative Background -->\r\n    <div class=\"hrsa-bg\" aria-hidden=\"true\">\r\n        <span class=\"hrsa-bg-line hrsa-bg-line-1\"><\/span>\r\n        <span class=\"hrsa-bg-line hrsa-bg-line-2\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hrsa-container\">\r\n\r\n        <!-- =====================================================\r\n             LEFT \u2014 IMAGE\r\n        ====================================================== -->\r\n        <div class=\"hrsa-visual hrsa-reveal\">\r\n\r\n            <div class=\"hrsa-image-wrap\">\r\n\r\n                <!-- Decorative Frames -->\r\n                <span class=\"hrsa-frame hrsa-frame-blue\"><\/span>\r\n                <span class=\"hrsa-frame hrsa-frame-outline\"><\/span>\r\n\r\n                <!-- Main Image -->\r\n                <div class=\"hrsa-image-card\">\r\n\r\n                    <img loading=\"lazy\"\r\n                        src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/banner.webp\"\r\n                        alt=\"\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28 HR Resort\"\r\n                        class=\"hrsa-image\"\r\n                        width=\"900\"\r\n                        height=\"900\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <!-- Resort Name Card -->\r\n                <div class=\"hrsa-name-card\" aria-hidden=\"true\">\r\n\r\n                    <span class=\"hrsa-name-small\">\r\n                        WELCOME TO\r\n                    <\/span>\r\n\r\n                    <strong>\r\n                        HR Resort\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             RIGHT \u2014 CONTENT\r\n        ====================================================== -->\r\n        <div class=\"hrsa-content hrsa-reveal\">\r\n\r\n            <div class=\"hrsa-eyebrow\">\r\n                HR RESORT\r\n            <\/div>\r\n\r\n            <h2 class=\"hrsa-title\">\r\n\r\n                \u0e1e\u0e31\u0e01\u0e2a\u0e1a\u0e32\u0e22 \u0e46\r\n\r\n                <span>\r\n                    \u0e17\u0e35\u0e48 HR Resort\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"hrsa-description\">\r\n\r\n                HR Resort \u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e43\u0e19\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n                \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                \u0e21\u0e35 WiFi \u0e1f\u0e23\u0e35 \u0e17\u0e35\u0e48\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\r\n                \u0e2a\u0e27\u0e19 \u0e25\u0e32\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e07 \u0e41\u0e25\u0e30\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22\r\n                \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e1c\u0e19\u0e01\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\u0e15\u0e25\u0e2d\u0e14 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- Simple Highlights -->\r\n            <div class=\"hrsa-highlights\">\r\n\r\n                <span>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 18.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-4-4 1.4 1.4a3.7 3.7 0 0 1 5.2 0l1.4-1.4a5.7 5.7 0 0 0-8 0ZM4.5 11 6 12.5a8.5 8.5 0 0 1 12 0l1.5-1.5a10.6 10.6 0 0 0-15 0Z\"\/>\r\n                    <\/svg>\r\n\r\n                    WiFi \u0e1f\u0e23\u0e35\r\n                <\/span>\r\n\r\n\r\n                <span>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 11 7 5h10l2 6v8h-2v2h-2v-2H9v2H7v-2H5v-8Zm3.5-4L7.2 11h9.6l-1.3-4h-7ZM7 13v4h10v-4H7Z\"\/>\r\n                    <\/svg>\r\n\r\n                    \u0e17\u0e35\u0e48\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e1f\u0e23\u0e35\r\n                <\/span>\r\n\r\n\r\n                <span>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 2a7 7 0 0 0-7 7c0 5.3 7 13 7 13s7-7.7 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z\"\/>\r\n                    <\/svg>\r\n\r\n                    \u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CTA -->\r\n            <div class=\"hrsa-actions\">\r\n\r\n                <a\r\n                    href=\"\/contact\"\r\n                    class=\"hrsa-btn hrsa-btn-primary\"\r\n                >\r\n                    \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 12h12.2l-4.6-4.6L14 6l7 7-7 7-1.4-1.4 4.6-4.6H5v-2Z\"\/>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"#book-now\"\r\n                    class=\"hrsa-btn hrsa-btn-outline\"\r\n                >\r\n                    \u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   HR RESORT \u2014 SIMPLE ABOUT\r\n   Scoped CSS\r\n========================================================= *\/\r\n\r\n#hrSimpleAbout {\r\n    --hrsa-blue: #2563EB;\r\n    --hrsa-blue-dark: #17446F;\r\n    --hrsa-blue-deep: #10395F;\r\n\r\n    --hrsa-text: #26445F;\r\n    --hrsa-muted: #718096;\r\n\r\n    --hrsa-white: #FFFFFF;\r\n    --hrsa-soft: #F5FAFF;\r\n    --hrsa-border: #D7E6F3;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    isolation: isolate;\r\n\r\n    padding:\r\n        clamp(75px, 8vw, 125px)\r\n        24px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #FFFFFF 0%,\r\n            #FFFFFF 80%,\r\n            #F8FCFF 100%\r\n        );\r\n\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        \"Prompt\",\r\n        system-ui,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n\r\n    box-sizing: border-box;\r\n\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n\r\n#hrSimpleAbout *,\r\n#hrSimpleAbout *::before,\r\n#hrSimpleAbout *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n#hrSimpleAbout .hrsa-bg {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: -1;\r\n\r\n    pointer-events: none;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-bg::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 430px;\r\n    height: 430px;\r\n\r\n    left: -270px;\r\n    top: -200px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(37, 99, 235, .07),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-bg::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 360px;\r\n    height: 360px;\r\n\r\n    right: -240px;\r\n    bottom: -170px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(56, 189, 248, .07),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#hrSimpleAbout .hrsa-container {\r\n    width: min(100%, 1220px);\r\n\r\n    margin-inline: auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, .98fr)\r\n        minmax(0, 1.02fr);\r\n\r\n    align-items: center;\r\n\r\n    gap:\r\n        clamp(60px, 8vw, 120px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE AREA\r\n========================================================= *\/\r\n\r\n#hrSimpleAbout .hrsa-visual {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-image-wrap {\r\n    position: relative;\r\n\r\n    width: min(100%, 510px);\r\n\r\n    margin-inline: auto;\r\n\r\n    padding:\r\n        22px 18px 25px 20px;\r\n}\r\n\r\n\r\n\/* blue solid block *\/\r\n\r\n#hrSimpleAbout .hrsa-frame-blue {\r\n    position: absolute;\r\n\r\n    width: 62%;\r\n\r\n    height: 36%;\r\n\r\n    left: 0;\r\n\r\n    top: 17%;\r\n\r\n    background:\r\n        var(--hrsa-blue);\r\n\r\n    z-index: -2;\r\n}\r\n\r\n\r\n\/* outline frame *\/\r\n\r\n#hrSimpleAbout .hrsa-frame-outline {\r\n    position: absolute;\r\n\r\n    width: 54%;\r\n\r\n    height: 94%;\r\n\r\n    right: 0;\r\n\r\n    top: 0;\r\n\r\n    border:\r\n        2px solid\r\n        rgba(37, 99, 235, .75);\r\n\r\n    z-index: -1;\r\n}\r\n\r\n\r\n\/* Main Image *\/\r\n\r\n#hrSimpleAbout .hrsa-image-card {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #EEF4F8;\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(21, 59, 92, .15);\r\n\r\n    transform:\r\n        translateX(-10px);\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n\r\n    transition:\r\n        transform .65s\r\n        cubic-bezier(.2, .8, .2, 1);\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrSimpleAbout\r\n    .hrsa-image-card:hover\r\n    .hrsa-image {\r\n        transform: scale(1.025);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAME BLOCK\r\n========================================================= *\/\r\n\r\n#hrSimpleAbout .hrsa-name-card {\r\n    position: absolute;\r\n\r\n    right: -5px;\r\n\r\n    top: 15%;\r\n\r\n    min-width: 185px;\r\n\r\n    padding:\r\n        13px 20px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #1666A5,\r\n            #1780C0\r\n        );\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(22, 91, 145, .18);\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-name-small {\r\n    display: block;\r\n\r\n    margin-bottom: 1px;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .16em;\r\n\r\n    opacity: .72;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-name-card strong {\r\n    display: block;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(23px, 2vw, 31px);\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n#hrSimpleAbout .hrsa-content {\r\n    min-width: 0;\r\n\r\n    max-width: 620px;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-eyebrow {\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--hrsa-blue);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .16em;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-title {\r\n    margin: 0;\r\n\r\n    max-width: 650px;\r\n\r\n    color: var(--hrsa-blue-dark);\r\n\r\n    font-size:\r\n        clamp(35px, 3.5vw, 53px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.25;\r\n\r\n    letter-spacing: -.025em;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-title span {\r\n    color: var(--hrsa-blue);\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-description {\r\n    max-width: 610px;\r\n\r\n    margin:\r\n        22px 0 0;\r\n\r\n    color: var(--hrsa-muted);\r\n\r\n    font-size:\r\n        clamp(14px, 1vw, 16px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL HIGHLIGHTS\r\n========================================================= *\/\r\n\r\n#hrSimpleAbout .hrsa-highlights {\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px 20px;\r\n\r\n    margin-top: 20px;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-highlights span {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    color: #58718A;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-highlights svg {\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    fill: var(--hrsa-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n#hrSimpleAbout .hrsa-actions {\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 29px;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-btn {\r\n    display: inline-flex !important;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 9px;\r\n\r\n    min-height: 51px;\r\n\r\n    padding:\r\n        0 28px;\r\n\r\n    border-radius: 7px;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background-color .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n#hrSimpleAbout .hrsa-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    fill: currentColor;\r\n\r\n    transition:\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n\/* primary *\/\r\n\r\n#hrSimpleAbout .hrsa-btn-primary {\r\n    color: #FFFFFF !important;\r\n\r\n    border:\r\n        1px solid\r\n        var(--hrsa-blue);\r\n\r\n    background:\r\n        var(--hrsa-blue);\r\n\r\n    box-shadow:\r\n        0 8px 20px\r\n        rgba(37, 99, 235, .15);\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrSimpleAbout\r\n    .hrsa-btn-primary:hover {\r\n        transform: translateY(-2px);\r\n\r\n        background:\r\n            #1D56CB;\r\n\r\n        border-color:\r\n            #1D56CB;\r\n\r\n        box-shadow:\r\n            0 12px 25px\r\n            rgba(37, 99, 235, .22);\r\n    }\r\n\r\n\r\n    #hrSimpleAbout\r\n    .hrsa-btn-primary:hover svg {\r\n        transform:\r\n            translateX(3px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* outline *\/\r\n\r\n#hrSimpleAbout .hrsa-btn-outline {\r\n    color:\r\n        var(--hrsa-blue) !important;\r\n\r\n    border:\r\n        1px solid\r\n        var(--hrsa-blue);\r\n\r\n    background:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrSimpleAbout\r\n    .hrsa-btn-outline:hover {\r\n        transform: translateY(-2px);\r\n\r\n        background:\r\n            #EFF6FF;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL ANIMATION\r\n   Default visible = Stable when JS fails\r\n========================================================= *\/\r\n\r\n#hrSimpleAbout.hrsa-js\r\n.hrsa-reveal {\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(18px);\r\n\r\n    transition:\r\n        opacity .7s ease,\r\n        transform .7s ease;\r\n}\r\n\r\n\r\n#hrSimpleAbout.hrsa-js.hrsa-visible\r\n.hrsa-reveal {\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n#hrSimpleAbout.hrsa-js.hrsa-visible\r\n.hrsa-content {\r\n    transition-delay: .1s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #hrSimpleAbout {\r\n        padding:\r\n            80px 24px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-container {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 70px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-image-wrap {\r\n        width:\r\n            min(82%, 560px);\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-content {\r\n        max-width: 760px;\r\n\r\n        margin-inline: auto;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-description {\r\n        margin-left: auto;\r\n\r\n        margin-right: auto;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-highlights {\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-actions {\r\n        justify-content: center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #hrSimpleAbout {\r\n        padding:\r\n            58px 16px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-container {\r\n        gap: 52px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-image-wrap {\r\n        width:\r\n            calc(100% - 12px);\r\n\r\n        padding:\r\n            14px 10px 18px 14px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-frame-outline {\r\n        width: 55%;\r\n\r\n        height: 94%;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-frame-blue {\r\n        width: 63%;\r\n\r\n        height: 36%;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-image-card {\r\n        transform:\r\n            translateX(-5px);\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-name-card {\r\n        right: 0;\r\n\r\n        top: 13%;\r\n\r\n        min-width: 145px;\r\n\r\n        padding:\r\n            10px 14px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-name-small {\r\n        font-size: 6.5px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-name-card strong {\r\n        font-size: 21px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-title {\r\n        font-size:\r\n            clamp(31px, 9vw, 40px);\r\n\r\n        line-height: 1.25;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-description {\r\n        margin-top: 17px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.8;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-highlights {\r\n        gap:\r\n            9px 13px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-highlights span {\r\n        font-size: 11px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-actions {\r\n        width: 100%;\r\n\r\n        gap: 9px;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-btn {\r\n        flex: 1;\r\n\r\n        min-width: 145px;\r\n\r\n        padding:\r\n            0 18px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n    #hrSimpleAbout .hrsa-actions {\r\n        flex-direction: column;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout .hrsa-btn {\r\n        width: 100%;\r\n\r\n        flex: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #hrSimpleAbout *,\r\n    #hrSimpleAbout *::before,\r\n    #hrSimpleAbout *::after {\r\n        animation: none !important;\r\n\r\n        transition: none !important;\r\n\r\n        scroll-behavior: auto !important;\r\n    }\r\n\r\n\r\n    #hrSimpleAbout.hrsa-js\r\n    .hrsa-reveal {\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n    var section =\r\n        document.getElementById(\r\n            \"hrSimpleAbout\"\r\n        );\r\n\r\n    if (!section) {\r\n        return;\r\n    }\r\n\r\n\r\n    \/* Prevent duplicate init *\/\r\n    if (\r\n        section.hasAttribute(\r\n            \"data-hrsa-init\"\r\n        )\r\n    ) {\r\n        return;\r\n    }\r\n\r\n\r\n    section.setAttribute(\r\n        \"data-hrsa-init\",\r\n        \"true\"\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       REDUCED MOTION\r\n    ====================================================== *\/\r\n\r\n    var reduceMotion =\r\n        window.matchMedia &&\r\n        window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n\r\n    if (reduceMotion) {\r\n\r\n        section.classList.add(\r\n            \"hrsa-visible\"\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ENTRANCE ANIMATION\r\n    ====================================================== *\/\r\n\r\n    else if (\r\n        \"IntersectionObserver\" in window\r\n    ) {\r\n\r\n        section.classList.add(\r\n            \"hrsa-js\"\r\n        );\r\n\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                section.classList.add(\r\n                                    \"hrsa-visible\"\r\n                                );\r\n\r\n                                observer.disconnect();\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n                {\r\n                    threshold: 0.10,\r\n                    rootMargin:\r\n                        \"0px 0px -30px 0px\"\r\n                }\r\n            );\r\n\r\n\r\n        observer.observe(section);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       BOOK BUTTON SMOOTH SCROLL\r\n    ====================================================== *\/\r\n\r\n    var bookingButton =\r\n        section.querySelector(\r\n            'a[href=\"#book-now\"]'\r\n        );\r\n\r\n\r\n    if (bookingButton) {\r\n\r\n        bookingButton.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                var target =\r\n                    document.getElementById(\r\n                        \"book-now\"\r\n                    );\r\n\r\n\r\n                \/*\r\n                 * \u0e16\u0e49\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35 #book-now\r\n                 * \u0e44\u0e21\u0e48 Block Link\r\n                 *\/\r\n                if (!target) {\r\n                    return;\r\n                }\r\n\r\n\r\n                event.preventDefault();\r\n\r\n\r\n                var offset = 90;\r\n\r\n                var position =\r\n                    target\r\n                        .getBoundingClientRect()\r\n                        .top\r\n                    +\r\n                    window.pageYOffset\r\n                    -\r\n                    offset;\r\n\r\n\r\n                window.scrollTo({\r\n                    top:\r\n                        Math.max(\r\n                            0,\r\n                            position\r\n                        ),\r\n\r\n                    behavior:\r\n                        \"smooth\"\r\n                });\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5532c27 e-con-full e-flex e-con e-parent\" data-id=\"5532c27\" data-element_type=\"container\" data-e-type=\"container\" id=\"rooms\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0087a8b elementor-widget elementor-widget-html\" data-id=\"0087a8b\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"room\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HR RESORT \u2014 ROOMS, RATES, BREAKFAST & SERVICES\r\n     Bueng Khong Long \u2022 Bueng Kan\r\n     BLUE + WHITE \/ RESORT UI\r\n\r\n     WordPress \/ Elementor Custom HTML\r\n     HTML + CSS + JS IN ONE BLOCK\r\n\r\n     VERIFIED DATA\r\n     ---------------------------------------------------------\r\n     \u2022 \u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 8 \u0e2b\u0e25\u0e31\u0e07\r\n     \u2022 \u0e17\u0e38\u0e01\u0e2b\u0e49\u0e2d\u0e07 35 \u0e15\u0e23.\u0e21.\r\n\r\n     TWIN ROOM\r\n     \u2022 2 \u0e40\u0e15\u0e35\u0e22\u0e07\r\n     \u2022 \u0e40\u0e15\u0e35\u0e22\u0e07\u0e25\u0e30 3.5 \u0e1f\u0e38\u0e15\r\n     \u2022 \u0e21\u0e35\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48 2 \u0e2b\u0e49\u0e2d\u0e07\r\n     \u2022 \u0e23\u0e32\u0e04\u0e32 1,400 \u0e1a\u0e32\u0e17\r\n     \u2022 \u0e23\u0e27\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\r\n\r\n     SINGLE BED TYPE\r\n     \u2022 1 \u0e40\u0e15\u0e35\u0e22\u0e07\r\n     \u2022 \u0e40\u0e15\u0e35\u0e22\u0e07 6 \u0e1f\u0e38\u0e15\r\n     \u2022 \u0e23\u0e32\u0e04\u0e32 1,200 \u0e1a\u0e32\u0e17\r\n     \u2022 \u0e23\u0e27\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\r\n\r\n     BREAKFAST\r\n     \u2022 \u0e02\u0e49\u0e32\u0e27\u0e15\u0e49\u0e21\r\n     \u2022 \u0e02\u0e19\u0e21\u0e1b\u0e31\u0e07 + \u0e41\u0e22\u0e21\r\n     \u2022 \u0e01\u0e32\u0e41\u0e1f\r\n     \u2022 \u0e42\u0e2d\u0e27\u0e31\u0e25\u0e15\u0e34\u0e19\r\n     \u2022 \u0e1c\u0e25\u0e44\u0e21\u0e49\r\n     \u2022 \u0e40\u0e21\u0e19\u0e39\u0e44\u0e02\u0e48 \u0e40\u0e0a\u0e48\u0e19 \u0e44\u0e02\u0e48\u0e14\u0e32\u0e27 \/ \u0e44\u0e02\u0e48\u0e21\u0e49\u0e27\u0e19 \/ Scrambled Eggs\r\n\r\n     STAY POLICY\r\n     \u2022 \u0e40\u0e14\u0e47\u0e01\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 5 \u0e1b\u0e35 \u0e1f\u0e23\u0e35 \u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 2 \u0e04\u0e19\r\n     \u2022 \u0e17\u0e35\u0e48\u0e19\u0e2d\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21 300 \u0e1a\u0e32\u0e17 \/ \u0e04\u0e19\r\n     \u2022 \u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07\u0e21\u0e35\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\r\n\r\n     EXTRA SERVICES\r\n     \u2022 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e0b\u0e31\u0e01\u0e1c\u0e49\u0e32\r\n     \u2022 \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e14\u0e39\u0e41\u0e25\u0e0a\u0e48\u0e27\u0e07\u0e01\u0e25\u0e32\u0e07\u0e04\u0e37\u0e19\r\n     \u2022 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\r\n========================================================= -->\r\n\r\n<section\r\n    id=\"hrRoomsServices\"\r\n    class=\"hrrs-section\"\r\n    aria-labelledby=\"hrrs-title\"\r\n>\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND\r\n    ====================================================== -->\r\n    <div class=\"hrrs-background\" aria-hidden=\"true\">\r\n\r\n        <img\r\n            src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940033_0.jpg\"\r\n            alt=\"\"\r\n            class=\"hrrs-bg-image\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n        >\r\n\r\n        <!--\r\n            Overlay \u0e43\u0e2b\u0e21\u0e48:\r\n            \u0e08\u0e07\u0e43\u0e08\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e01\u0e27\u0e48\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e14\u0e34\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e20\u0e32\u0e1e\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e15\u0e08\u0e23\u0e34\u0e07\r\n        -->\r\n        <div class=\"hrrs-bg-overlay\"><\/div>\r\n        <div class=\"hrrs-bg-bottom-fade\"><\/div>\r\n\r\n        <span class=\"hrrs-bg-orb hrrs-bg-orb-one\"><\/span>\r\n        <span class=\"hrrs-bg-orb hrrs-bg-orb-two\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"hrrs-container\">\r\n\r\n        <!-- =====================================================\r\n             HERO \/ HEADER\r\n        ====================================================== -->\r\n        <header class=\"hrrs-header hrrs-reveal\">\r\n\r\n            <div class=\"hrrs-badge\">\r\n\r\n                <span class=\"hrrs-badge-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 5h2v7h12V8a3 3 0 0 0-3-3h-4v5H8V3h7a5 5 0 0 1 5 5v13h-2v-3H6v3H4V5Zm2 9v2h12v-2H6Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                    ROOMS AT HR RESORT\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrrs-location\">\r\n\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z\"\/>\r\n                <\/svg>\r\n\r\n                <span>\r\n                    HR Resort \u2022 \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u2022 \u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2\r\n                id=\"hrrs-title\"\r\n                class=\"hrrs-title\"\r\n            >\r\n                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e2a\u0e1a\u0e32\u0e22\r\n                <span>\r\n                    \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                <\/span>\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"hrrs-intro\">\r\n\r\n                <strong>HR Resort<\/strong>\r\n                \u0e21\u0e35\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n                <strong>8 \u0e2b\u0e25\u0e31\u0e07<\/strong>\r\n                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e17\u0e38\u0e01\u0e2b\u0e25\u0e31\u0e07\u0e21\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\r\n                <strong>35 \u0e15\u0e23.\u0e21.<\/strong>\r\n                \u0e02\u0e19\u0e32\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\r\n                \u0e42\u0e14\u0e22\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e01\u0e31\u0e19\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e02\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\r\n                \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e27\u0e31\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- Price Highlight -->\r\n            <div class=\"hrrs-starting-price\">\r\n\r\n                <div class=\"hrrs-starting-left\">\r\n\r\n                    <span class=\"hrrs-starting-label\">\r\n                        ROOM RATE\r\n                    <\/span>\r\n\r\n                    <strong>\r\n                        \u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\r\n                        <em>1,200 \u0e1a\u0e32\u0e17<\/em>\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hrrs-starting-divider\"><\/div>\r\n\r\n\r\n                <div class=\"hrrs-starting-right\">\r\n\r\n                    <span class=\"hrrs-check\">\r\n                        \u2713\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/header>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             QUICK FACTS\r\n        ====================================================== -->\r\n        <div class=\"hrrs-facts hrrs-reveal\">\r\n\r\n            <div class=\"hrrs-fact\">\r\n\r\n                <span class=\"hrrs-fact-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M3 11 12 3l9 8v10h-6v-6H9v6H3V11Zm2 1v7h2v-6h10v6h2v-7l-7-6.2L5 12Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <div>\r\n                    <strong>8 \u0e2b\u0e25\u0e31\u0e07<\/strong>\r\n                    <span>\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrrs-fact\">\r\n\r\n                <span class=\"hrrs-fact-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M3 3h18v18H3V3Zm2 2v14h14V5H5Zm2 2h4v2H9v2H7V7Zm10 10h-4v-2h2v-2h2v4Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <div>\r\n                    <strong>35 \u0e15\u0e23.\u0e21.<\/strong>\r\n                    <span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e17\u0e38\u0e01\u0e2b\u0e25\u0e31\u0e07<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrrs-fact\">\r\n\r\n                <span class=\"hrrs-fact-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 7h7a3 3 0 0 1 3 3v1h6v8h-2v-2H6v2H4V7Zm2 2v6h12v-2h-6v-3a1 1 0 0 0-1-1H6Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <div>\r\n                    <strong>2 \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e35\u0e22\u0e07<\/strong>\r\n                    <span>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e32\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrrs-fact\">\r\n\r\n                <span class=\"hrrs-fact-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 5h12v8a6 6 0 0 1-12 0V5Zm2 2v6a4 4 0 0 0 8 0V7H6Zm11 1h1a3 3 0 0 1 0 6h-1v-2h1a1 1 0 1 0 0-2h-1V8ZM3 19h16v2H3v-2Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <div>\r\n                    <strong>\u0e23\u0e27\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32<\/strong>\r\n                    <span>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e04\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             ROOM TABS\r\n        ====================================================== -->\r\n        <div class=\"hrrs-room-area hrrs-reveal\">\r\n\r\n            <div class=\"hrrs-room-section-heading\">\r\n\r\n                <span>\r\n                    CHOOSE YOUR ROOM\r\n                <\/span>\r\n\r\n                <h3>\r\n                    \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"hrrs-tabs\"\r\n                role=\"tablist\"\r\n                aria-label=\"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\"\r\n            >\r\n\r\n                <!-- TWIN TAB -->\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrrs-tab is-active\"\r\n                    role=\"tab\"\r\n                    aria-selected=\"true\"\r\n                    aria-controls=\"hrrsTwin\"\r\n                    id=\"hrrsTwinTab\"\r\n                    data-room-tab=\"twin\"\r\n                >\r\n\r\n                    <span class=\"hrrs-tab-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M3 7h8v5h2V7h8v12h-2v-2H5v2H3V7Zm2 2v6h6V9H5Zm10 0v6h4V9h-4Z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"hrrs-tab-copy\">\r\n\r\n                        <strong>\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48\r\n                        <\/strong>\r\n\r\n                        <small>\r\n                            2 \u0e40\u0e15\u0e35\u0e22\u0e07 \u00d7 3.5 \u0e1f\u0e38\u0e15\r\n                        <\/small>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"hrrs-tab-price\">\r\n                        1,400\r\n                        <small>\u0e1a\u0e32\u0e17<\/small>\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <!-- SINGLE TAB -->\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrrs-tab\"\r\n                    role=\"tab\"\r\n                    aria-selected=\"false\"\r\n                    aria-controls=\"hrrsSingle\"\r\n                    id=\"hrrsSingleTab\"\r\n                    data-room-tab=\"single\"\r\n                >\r\n\r\n                    <span class=\"hrrs-tab-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M4 7h16v12h-2v-2H6v2H4V7Zm2 2v6h12V9H6Z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"hrrs-tab-copy\">\r\n\r\n                        <strong>\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\r\n                        <\/strong>\r\n\r\n                        <small>\r\n                            1 \u0e40\u0e15\u0e35\u0e22\u0e07 \u00d7 6 \u0e1f\u0e38\u0e15\r\n                        <\/small>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"hrrs-tab-price\">\r\n                        1,200\r\n                        <small>\u0e1a\u0e32\u0e17<\/small>\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 TWIN ROOM\r\n            ================================================== -->\r\n            <div\r\n                id=\"hrrsTwin\"\r\n                class=\"hrrs-room-panel is-active\"\r\n                role=\"tabpanel\"\r\n                aria-labelledby=\"hrrsTwinTab\"\r\n                data-room-panel=\"twin\"\r\n            >\r\n\r\n                <!-- GALLERY -->\r\n                <div class=\"hrrs-gallery\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"hrrs-main-photo\"\r\n                        data-hrrs-lightbox\r\n                        aria-label=\"\u0e14\u0e39\u0e20\u0e32\u0e1e\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48 HR Resort\"\r\n                    >\r\n\r\n                        <img\r\n                            src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940021_0.jpg\"\r\n                            alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                            class=\"hrrs-main-image\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\"\r\n                        >\r\n\r\n                        <span class=\"hrrs-photo-shade\"><\/span>\r\n\r\n\r\n                        <span class=\"hrrs-photo-caption\">\r\n\r\n                            <small>\r\n                                TWIN ROOM\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                2 \u0e40\u0e15\u0e35\u0e22\u0e07 \u2022 \u0e40\u0e15\u0e35\u0e22\u0e07\u0e25\u0e30 3.5 \u0e1f\u0e38\u0e15 \u2022 35 \u0e15\u0e23.\u0e21.\r\n                            <\/span>\r\n\r\n                        <\/span>\r\n\r\n\r\n                        <span\r\n                            class=\"hrrs-photo-rate\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <small>\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32<\/small>\r\n                            <strong>\u0e3f1,400<\/strong>\r\n                        <\/span>\r\n\r\n\r\n                        <span\r\n                            class=\"hrrs-expand\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"hrrs-thumbs\">\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb is-active\"\r\n                            data-gallery=\"twin\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940021_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940021_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"twin\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940022_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940022_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"twin\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940040_0.jpg\"\r\n                            data-alt=\"\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940040_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"twin\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940017_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940017_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"twin\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940019_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940019_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"twin\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940032_0.jpg\"\r\n                            data-alt=\"\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940032_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"twin\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940030_0.jpg\"\r\n                            data-alt=\"\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940030_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ROOM DETAIL -->\r\n                <div class=\"hrrs-room-info\">\r\n\r\n                    <div class=\"hrrs-room-heading\">\r\n\r\n                        <span>\r\n                            TWIN ROOM\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 35 \u0e15\u0e23.\u0e21.\r\n                            \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e15\u0e35\u0e22\u0e07\u0e02\u0e19\u0e32\u0e14 3.5 \u0e1f\u0e38\u0e15 \u0e08\u0e33\u0e19\u0e27\u0e19 2 \u0e40\u0e15\u0e35\u0e22\u0e07\r\n                            \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e22\u0e01\u0e40\u0e15\u0e35\u0e22\u0e07\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- PRICE -->\r\n                    <div class=\"hrrs-price-card\">\r\n\r\n                        <div class=\"hrrs-price-copy\">\r\n\r\n                            <small>\r\n                                \u0e23\u0e32\u0e04\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                            <\/small>\r\n\r\n                            <div>\r\n                                <strong>1,400<\/strong>\r\n                                <span>\u0e1a\u0e32\u0e17<\/span>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrrs-breakfast-included\">\r\n\r\n                            <span class=\"hrrs-breakfast-check\">\r\n                                \u2713\r\n                            <\/span>\r\n\r\n                            <div>\r\n                                <strong>\r\n                                    \u0e23\u0e27\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Breakfast Included\r\n                                <\/span>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- SPEC -->\r\n                    <div class=\"hrrs-spec-grid\">\r\n\r\n                        <div class=\"hrrs-spec\">\r\n                            <span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/span>\r\n                            <strong>35 \u0e15\u0e23.\u0e21.<\/strong>\r\n                        <\/div>\r\n\r\n                        <div class=\"hrrs-spec\">\r\n                            <span>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e15\u0e35\u0e22\u0e07<\/span>\r\n                            <strong>2 \u0e40\u0e15\u0e35\u0e22\u0e07<\/strong>\r\n                        <\/div>\r\n\r\n                        <div class=\"hrrs-spec\">\r\n                            <span>\u0e02\u0e19\u0e32\u0e14\u0e40\u0e15\u0e35\u0e22\u0e07<\/span>\r\n                            <strong>3.5 \u0e1f\u0e38\u0e15 \/ \u0e40\u0e15\u0e35\u0e22\u0e07<\/strong>\r\n                        <\/div>\r\n\r\n                        <div class=\"hrrs-spec\">\r\n                            <span>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e19\u0e35\u0e49<\/span>\r\n                            <strong>2 \u0e2b\u0e49\u0e2d\u0e07<\/strong>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hrrs-room-note\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M11 7h2v2h-2V7Zm0 4h2v6h-2v-6Zm1-9a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"\/>\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e17\u0e38\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e21\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\r\n                            \u0e42\u0e14\u0e22\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e01\u0e31\u0e19\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 SINGLE ROOM\r\n            ================================================== -->\r\n            <div\r\n                id=\"hrrsSingle\"\r\n                class=\"hrrs-room-panel\"\r\n                role=\"tabpanel\"\r\n                aria-labelledby=\"hrrsSingleTab\"\r\n                data-room-panel=\"single\"\r\n                hidden\r\n            >\r\n\r\n                <div class=\"hrrs-gallery\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"hrrs-main-photo\"\r\n                        data-hrrs-lightbox\r\n                        aria-label=\"\u0e14\u0e39\u0e20\u0e32\u0e1e\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27 HR Resort\"\r\n                    >\r\n\r\n                        <img\r\n                            src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940014_0.jpg\"\r\n                            alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27 6 \u0e1f\u0e38\u0e15 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                            class=\"hrrs-main-image\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\"\r\n                        >\r\n\r\n                        <span class=\"hrrs-photo-shade\"><\/span>\r\n\r\n\r\n                        <span class=\"hrrs-photo-caption\">\r\n\r\n                            <small>\r\n                                SINGLE BED TYPE\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                1 \u0e40\u0e15\u0e35\u0e22\u0e07 \u2022 \u0e02\u0e19\u0e32\u0e14 6 \u0e1f\u0e38\u0e15 \u2022 35 \u0e15\u0e23.\u0e21.\r\n                            <\/span>\r\n\r\n                        <\/span>\r\n\r\n\r\n                        <span\r\n                            class=\"hrrs-photo-rate\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <small>\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32<\/small>\r\n                            <strong>\u0e3f1,200<\/strong>\r\n                        <\/span>\r\n\r\n\r\n                        <span\r\n                            class=\"hrrs-expand\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"hrrs-thumbs\">\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb is-active\"\r\n                            data-gallery=\"single\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940014_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940014_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"single\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940013_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e02\u0e19\u0e32\u0e14 6 \u0e1f\u0e38\u0e15 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940013_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"single\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940051_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940051_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"single\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940050_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940050_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"single\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940047_0.jpg\"\r\n                            data-alt=\"\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940047_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"single\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940038_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 35 \u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e21\u0e15\u0e23 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940038_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"single\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940035_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort \u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940035_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"single\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940032_0-1.jpg\"\r\n                            data-alt=\"\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940032_0-1.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"single\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940031_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27 HR Resort\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940031_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrrs-thumb\"\r\n                            data-gallery=\"single\"\r\n                            data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940026_0.jpg\"\r\n                            data-alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940026_0.jpg\"\r\n                                alt=\"\"\r\n                                loading=\"lazy\"\r\n                            >\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ROOM DETAIL -->\r\n                <div class=\"hrrs-room-info\">\r\n\r\n                    <div class=\"hrrs-room-heading\">\r\n\r\n                        <span>\r\n                            SINGLE BED TYPE\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 35 \u0e15\u0e23.\u0e21.\r\n                            \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e15\u0e35\u0e22\u0e07\u0e02\u0e19\u0e32\u0e14 6 \u0e1f\u0e38\u0e15 \u0e08\u0e33\u0e19\u0e27\u0e19 1 \u0e40\u0e15\u0e35\u0e22\u0e07\r\n                            \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- PRICE -->\r\n                    <div class=\"hrrs-price-card\">\r\n\r\n                        <div class=\"hrrs-price-copy\">\r\n\r\n                            <small>\r\n                                \u0e23\u0e32\u0e04\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                            <\/small>\r\n\r\n                            <div>\r\n                                <strong>1,200<\/strong>\r\n                                <span>\u0e1a\u0e32\u0e17<\/span>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrrs-breakfast-included\">\r\n\r\n                            <span class=\"hrrs-breakfast-check\">\r\n                                \u2713\r\n                            <\/span>\r\n\r\n                            <div>\r\n                                <strong>\r\n                                    \u0e23\u0e27\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Breakfast Included\r\n                                <\/span>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- SPEC -->\r\n                    <div class=\"hrrs-spec-grid\">\r\n\r\n                        <div class=\"hrrs-spec\">\r\n                            <span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/span>\r\n                            <strong>35 \u0e15\u0e23.\u0e21.<\/strong>\r\n                        <\/div>\r\n\r\n                        <div class=\"hrrs-spec\">\r\n                            <span>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e15\u0e35\u0e22\u0e07<\/span>\r\n                            <strong>1 \u0e40\u0e15\u0e35\u0e22\u0e07<\/strong>\r\n                        <\/div>\r\n\r\n                        <div class=\"hrrs-spec\">\r\n                            <span>\u0e02\u0e19\u0e32\u0e14\u0e40\u0e15\u0e35\u0e22\u0e07<\/span>\r\n                            <strong>6 \u0e1f\u0e38\u0e15<\/strong>\r\n                        <\/div>\r\n\r\n                        <div class=\"hrrs-spec\">\r\n                            <span>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e35\u0e49<\/span>\r\n                            <strong>6 \u0e2b\u0e49\u0e2d\u0e07<\/strong>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hrrs-room-note\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M11 7h2v2h-2V7Zm0 4h2v6h-2v-6Zm1-9a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"\/>\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48\r\n                            \u0e42\u0e14\u0e22\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e01\u0e31\u0e19\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             BREAKFAST SECTION\r\n        ====================================================== -->\r\n        <div class=\"hrrs-breakfast-section hrrs-reveal\">\r\n\r\n            <div class=\"hrrs-breakfast-card\">\r\n\r\n                <div class=\"hrrs-breakfast-head\">\r\n\r\n                    <div class=\"hrrs-breakfast-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M4 5h12v8a6 6 0 0 1-12 0V5Zm2 2v6a4 4 0 0 0 8 0V7H6Zm11 1h1a3 3 0 0 1 0 6h-1v-2h1a1 1 0 1 0 0-2h-1V8ZM3 19h16v2H3v-2Z\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <span>\r\n                            BREAKFAST INCLUDED\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e0a\u0e49\u0e32\u0e2a\u0e1a\u0e32\u0e22 \u0e46 \u0e17\u0e35\u0e48 HR Resort\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0e23\u0e32\u0e04\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\r\n                            \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hrrs-breakfast-grid\">\r\n\r\n                    <!-- 01 -->\r\n                    <div class=\"hrrs-breakfast-item\">\r\n\r\n                        <span class=\"hrrs-breakfast-number\">\r\n                            01\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            \u0e02\u0e49\u0e32\u0e27\u0e15\u0e49\u0e21\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0e40\u0e21\u0e19\u0e39\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e41\u0e1a\u0e1a\u0e2d\u0e38\u0e48\u0e19 \u0e46\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 02 -->\r\n                    <div class=\"hrrs-breakfast-item\">\r\n\r\n                        <span class=\"hrrs-breakfast-number\">\r\n                            02\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            \u0e02\u0e19\u0e21\u0e1b\u0e31\u0e07 + \u0e41\u0e22\u0e21\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e49\u0e2d\u0e40\u0e0a\u0e49\u0e32\u0e41\u0e1a\u0e1a\u0e07\u0e48\u0e32\u0e22 \u0e46\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 03 -->\r\n                    <div class=\"hrrs-breakfast-item\">\r\n\r\n                        <span class=\"hrrs-breakfast-number\">\r\n                            03\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            \u0e01\u0e32\u0e41\u0e1f + \u0e42\u0e2d\u0e27\u0e31\u0e25\u0e15\u0e34\u0e19\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e37\u0e48\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e49\u0e2d\u0e40\u0e0a\u0e49\u0e32\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 04 -->\r\n                    <div class=\"hrrs-breakfast-item\">\r\n\r\n                        <span class=\"hrrs-breakfast-number\">\r\n                            04\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            \u0e1c\u0e25\u0e44\u0e21\u0e49\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0e40\u0e15\u0e34\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e14\u0e0a\u0e37\u0e48\u0e19\u0e43\u0e19\u0e15\u0e2d\u0e19\u0e40\u0e0a\u0e49\u0e32\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- EGG MENU -->\r\n                <div class=\"hrrs-egg-menu\">\r\n\r\n                    <div class=\"hrrs-egg-title\">\r\n\r\n                        <span class=\"hrrs-egg-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M12 2c-2.6 0-3.9 2.1-5 4.1C5.7 8.5 4 11 4 14a8 8 0 0 0 16 0c0-3-1.7-5.5-3-7.9C15.9 4.1 14.6 2 12 2Zm0 2c1.3 0 2.1 1 3.2 3.1C16.4 9.4 18 11.7 18 14a6 6 0 0 1-12 0c0-2.3 1.6-4.6 2.8-6.9C9.9 5 10.7 4 12 4Z\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n\r\n                        <div>\r\n\r\n                            <small>\r\n                                EGG MENU\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e44\u0e02\u0e48\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hrrs-egg-options\">\r\n\r\n                        <span>\r\n                            \u0e44\u0e02\u0e48\u0e14\u0e32\u0e27\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            \u0e44\u0e02\u0e48\u0e21\u0e49\u0e27\u0e19\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            Scrambled Eggs\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hrrs-breakfast-note\">\r\n                    \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e2d\u0e32\u0e08\u0e08\u0e31\u0e14\u0e40\u0e2a\u0e34\u0e23\u0e4c\u0e1f\u0e15\u0e32\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e40\u0e21\u0e19\u0e39\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e27\u0e31\u0e19\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             STAY INFORMATION\r\n        ====================================================== -->\r\n        <div class=\"hrrs-policy-section hrrs-reveal\">\r\n\r\n            <div class=\"hrrs-section-heading\">\r\n\r\n                <span>\r\n                    STAY INFORMATION\r\n                <\/span>\r\n\r\n                <h3>\r\n                    \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrrs-policy-grid\">\r\n\r\n                <!-- CHILDREN -->\r\n                <article class=\"hrrs-policy-card\">\r\n\r\n                    <span class=\"hrrs-policy-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M12 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM4 22v-3c0-3.3 3.6-5 8-5s8 1.7 8 5v3h-2v-3c0-1.5-2.3-3-6-3s-6 1.5-6 3v3H4Z\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"hrrs-policy-copy\">\r\n\r\n                        <span class=\"hrrs-policy-label\">\r\n                            CHILDREN\r\n                        <\/span>\r\n\r\n                        <h4>\r\n                            \u0e40\u0e14\u0e47\u0e01\u0e2d\u0e32\u0e22\u0e38\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 5 \u0e1b\u0e35\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            \u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e1f\u0e23\u0e35\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\r\n                            <strong>2 \u0e04\u0e19<\/strong>\r\n                            \u0e15\u0e32\u0e21\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- EXTRA BED -->\r\n                <article class=\"hrrs-policy-card\">\r\n\r\n                    <span class=\"hrrs-policy-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M4 7h16v12h-2v-2H6v2H4V7Zm2 2v6h12V9H6Z\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"hrrs-policy-copy\">\r\n\r\n                        <span class=\"hrrs-policy-label\">\r\n                            EXTRA BED\r\n                        <\/span>\r\n\r\n                        <h4>\r\n                            \u0e17\u0e35\u0e48\u0e19\u0e2d\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e14\u0e47\u0e01\u0e42\u0e15\u0e2b\u0e23\u0e37\u0e2d\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\r\n                            <strong>300 \u0e1a\u0e32\u0e17 \/ \u0e04\u0e19<\/strong>\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- PET -->\r\n                <article class=\"hrrs-policy-card\">\r\n\r\n                    <span class=\"hrrs-policy-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M6.5 4A2.5 2.5 0 1 0 6.5 9a2.5 2.5 0 0 0 0-5Zm11 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5ZM4 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm16 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-8 0c-3 0-6 3-6 6 0 2.5 2 4 4.5 4 .6 0 1.1-.2 1.5-.5.4.3.9.5 1.5.5C16 20 18 18.5 18 16c0-3-3-6-6-6Z\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"hrrs-policy-copy\">\r\n\r\n                        <span class=\"hrrs-policy-label\">\r\n                            PET\r\n                        <\/span>\r\n\r\n                        <h4>\r\n                            \u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e19\u0e33\u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49\r\n                            \u0e42\u0e14\u0e22\u0e21\u0e35\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e15\u0e32\u0e21\r\n                            <strong>\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07<\/strong>\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrrs-policy-note\">\r\n\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M11 7h2v2h-2V7Zm0 4h2v6h-2v-6Zm1-9a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"\/>\r\n                <\/svg>\r\n\r\n                <span>\r\n                    \u0e01\u0e23\u0e13\u0e35\u0e19\u0e33\u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                    \u0e01\u0e23\u0e38\u0e13\u0e32\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e17\u0e32\u0e07\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32\r\n                    \u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e32\u0e01\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             EXTRA SERVICES\r\n        ====================================================== -->\r\n        <div class=\"hrrs-services hrrs-reveal\">\r\n\r\n            <div class=\"hrrs-section-heading\">\r\n\r\n                <span>\r\n                    EXTRA SERVICES\r\n                <\/span>\r\n\r\n                <h3>\r\n                    \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e08\u0e32\u0e01 HR Resort\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e15\u0e25\u0e2d\u0e14\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrrs-services-grid\">\r\n\r\n                <!-- Laundry -->\r\n                <article class=\"hrrs-service-card\">\r\n\r\n                    <span class=\"hrrs-service-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"hrrs-service-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M5 2h14v20H5V2Zm2 2v4h10V4H7Zm0 6v10h10V10H7Zm5 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <h4>\r\n                        \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e0b\u0e31\u0e01\u0e1c\u0e49\u0e32\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        \u0e21\u0e35\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e0b\u0e31\u0e01\u0e1c\u0e49\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\r\n                        \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- Security -->\r\n                <article class=\"hrrs-service-card\">\r\n\r\n                    <span class=\"hrrs-service-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"hrrs-service-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3Zm0 2.2L18 6.5V11c0 3.8-2.4 7.5-6 8.8C8.4 18.5 6 14.8 6 11V6.5l6-2.3Zm-1 4.3h2V13h-2V8.5Zm0 6h2v2h-2v-2Z\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <h4>\r\n                        \u0e14\u0e39\u0e41\u0e25\u0e0a\u0e48\u0e27\u0e07\u0e04\u0e48\u0e33\u0e04\u0e37\u0e19\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        \u0e21\u0e35\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\r\n                        \u0e14\u0e39\u0e41\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e01\u0e25\u0e32\u0e07\u0e04\u0e37\u0e19\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- Food -->\r\n                <article class=\"hrrs-service-card\">\r\n\r\n                    <span class=\"hrrs-service-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"hrrs-service-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M12 2a8 8 0 0 0-8 8v3h16v-3a8 8 0 0 0-8-8Zm0 2a6 6 0 0 1 6 6v1H6v-1a6 6 0 0 1 6-6ZM3 15h18v2H3v-2Zm2 4h14v2H5v-2Z\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <h4>\r\n                        \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e31\u0e48\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                        \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e43\u0e2b\u0e49\u0e41\u0e01\u0e48\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             CTA\r\n        ====================================================== -->\r\n        <div class=\"hrrs-cta hrrs-reveal\">\r\n\r\n            <div class=\"hrrs-cta-content\">\r\n\r\n                <span>\r\n                    PLAN YOUR STAY\r\n                <\/span>\r\n\r\n                <h3>\r\n                    \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 1,200 \u0e1a\u0e32\u0e17 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\r\n                    \u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e2b\u0e49\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07\u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e01\u0e31\u0e1a HR Resort\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n                href=\"#book-now\"\r\n                class=\"hrrs-cta-button\"\r\n            >\r\n\r\n                <span>\r\n                    \u0e40\u0e0a\u0e47\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07\r\n                <\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M5 12h12.2l-4.6-4.6L14 6l7 7-7 7-1.4-1.4 4.6-4.6H5v-2Z\"\/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX\r\n========================================================= -->\r\n<div\r\n    id=\"hrRoomsLightbox\"\r\n    class=\"hrrs-lightbox\"\r\n    aria-hidden=\"true\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    aria-label=\"\u0e20\u0e32\u0e1e\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort\"\r\n>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrrs-lightbox-close\"\r\n        aria-label=\"\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\"\r\n    >\r\n        \u00d7\r\n    <\/button>\r\n\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrrs-lightbox-nav hrrs-lightbox-prev\"\r\n        aria-label=\"\u0e20\u0e32\u0e1e\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\"\r\n    >\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M15.4 7.4 10.8 12l4.6 4.6L14 18l-6-6 6-6 1.4 1.4Z\"\/>\r\n        <\/svg>\r\n\r\n    <\/button>\r\n\r\n\r\n    <div class=\"hrrs-lightbox-content\">\r\n\r\n        <img decoding=\"async\"\r\n            class=\"hrrs-lightbox-image\"\r\n            src=\"\"\r\n            alt=\"\"\r\n        >\r\n\r\n        <div class=\"hrrs-lightbox-info\">\r\n\r\n            <span>\r\n                HR RESORT\r\n            <\/span>\r\n\r\n            <strong>\r\n                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 \u2022 \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n            <\/strong>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrrs-lightbox-nav hrrs-lightbox-next\"\r\n        aria-label=\"\u0e20\u0e32\u0e1e\u0e16\u0e31\u0e14\u0e44\u0e1b\"\r\n    >\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"m8.6 16.6 4.6-4.6-4.6-4.6L10 6l6 6-6 6-1.4-1.4Z\"\/>\r\n        <\/svg>\r\n\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   HR RESORT\r\n   ROOMS + RATE + BREAKFAST + SERVICES\r\n========================================================= *\/\r\n\r\n#hrRoomsServices {\r\n\r\n    --hrrs-blue: #2563EB;\r\n    --hrrs-blue-dark: #1D4ED8;\r\n    --hrrs-blue-deep: #0D3F7C;\r\n\r\n    --hrrs-sky: #38BDF8;\r\n\r\n    --hrrs-navy: #153A61;\r\n    --hrrs-navy-dark: #0D2D4D;\r\n\r\n    --hrrs-white: #FFFFFF;\r\n\r\n    --hrrs-soft: #EFF6FF;\r\n    --hrrs-soft-2: #F7FBFF;\r\n\r\n    --hrrs-text: #173655;\r\n    --hrrs-muted: #697D91;\r\n\r\n    --hrrs-border:\r\n        rgba(37,99,235,.12);\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    isolation: isolate;\r\n\r\n    padding:\r\n        clamp(80px,8vw,125px)\r\n        22px;\r\n\r\n    color:\r\n        var(--hrrs-text);\r\n\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        \"Prompt\",\r\n        system-ui,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n\r\n    box-sizing: border-box;\r\n\r\n    -webkit-font-smoothing:\r\n        antialiased;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices *,\r\n#hrRoomsServices *::before,\r\n#hrRoomsServices *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n   \u0e2a\u0e33\u0e04\u0e31\u0e0d: \u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e20\u0e32\u0e1e\u0e08\u0e23\u0e34\u0e07\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-background {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: -1;\r\n\r\n    overflow: hidden;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-bg-image {\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n\r\n    \/*\r\n       \u0e43\u0e2b\u0e49\u0e20\u0e32\u0e1e\u0e40\u0e14\u0e48\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e15\u0e49\u0e19 Section\r\n    *\/\r\n    height:\r\n        min(980px,62vw);\r\n\r\n    min-height: 650px;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position:\r\n        center 23%;\r\n\r\n    opacity: .64;\r\n\r\n    filter:\r\n        saturate(.93)\r\n        contrast(.96)\r\n        brightness(1.02);\r\n\r\n    transform:\r\n        scale(1.01);\r\n\r\n}\r\n\r\n\r\n\/*\r\n    Overlay \u0e43\u0e2b\u0e21\u0e48 \u2014 \u0e44\u0e21\u0e48\u0e01\u0e25\u0e1a BG \u0e08\u0e19\u0e2b\u0e32\u0e22\r\n*\/\r\n#hrRoomsServices\r\n.hrrs-bg-overlay {\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height:\r\n        min(1020px,66vw);\r\n\r\n    min-height: 680px;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n\r\n            rgba(238,247,255,.34)\r\n            0%,\r\n\r\n            rgba(244,250,255,.48)\r\n            25%,\r\n\r\n            rgba(248,252,255,.67)\r\n            51%,\r\n\r\n            rgba(249,252,255,.90)\r\n            77%,\r\n\r\n            rgba(247,251,255,1)\r\n            100%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/*\r\n    \u0e2b\u0e25\u0e31\u0e07\u0e20\u0e32\u0e1e BG \u0e43\u0e2b\u0e49\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e32\u0e27\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\r\n*\/\r\n#hrRoomsServices\r\n.hrrs-bg-bottom-fade {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: -1;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 9% 38%,\r\n            rgba(56,189,248,.10),\r\n            transparent 25%\r\n        ),\r\n\r\n        radial-gradient(\r\n            circle at 92% 74%,\r\n            rgba(37,99,235,.08),\r\n            transparent 28%\r\n        ),\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 0,\r\n            transparent 640px,\r\n            #F8FBFF 930px,\r\n            #F4F9FF 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-bg-orb {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-bg-orb-one {\r\n\r\n    width: 450px;\r\n    height: 450px;\r\n\r\n    left: -250px;\r\n    top: 500px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(56,189,248,.13),\r\n            transparent 70%\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-bg-orb-two {\r\n\r\n    width: 520px;\r\n    height: 520px;\r\n\r\n    right: -280px;\r\n    bottom: 150px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(37,99,235,.11),\r\n            transparent 70%\r\n        );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(100%,1280px);\r\n\r\n    margin-inline: auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-header {\r\n\r\n    width:\r\n        min(100%,900px);\r\n\r\n    margin-inline: auto;\r\n\r\n    padding:\r\n        clamp(26px,3vw,40px)\r\n        clamp(16px,3vw,35px);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.70);\r\n\r\n    border-radius: 28px;\r\n\r\n    background:\r\n        rgba(255,255,255,.54);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    box-shadow:\r\n        0 20px 55px\r\n        rgba(21,61,103,.07);\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-badge {\r\n\r\n    width: fit-content;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    min-height: 34px;\r\n\r\n    padding:\r\n        6px 13px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.17);\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        rgba(255,255,255,.80);\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .15em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-badge-icon {\r\n\r\n    width: 22px;\r\n    height: 22px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        var(--hrrs-blue);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-badge-icon svg {\r\n\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-location {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 7px;\r\n\r\n    margin-top: 15px;\r\n\r\n    color:\r\n        #607990;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-location svg {\r\n\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    fill:\r\n        var(--hrrs-blue);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-title {\r\n\r\n    margin:\r\n        19px 0 0;\r\n\r\n    color:\r\n        var(--hrrs-navy-dark);\r\n\r\n    font-size:\r\n        clamp(39px,4.3vw,61px);\r\n\r\n    font-weight: 850;\r\n\r\n    line-height: 1.18;\r\n\r\n    letter-spacing: -.035em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-title span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-intro {\r\n\r\n    width:\r\n        min(100%,800px);\r\n\r\n    margin:\r\n        22px auto 0;\r\n\r\n    color:\r\n        #526D85;\r\n\r\n    font-size:\r\n        clamp(13.5px,1vw,15.5px);\r\n\r\n    line-height: 1.95;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-intro strong {\r\n\r\n    color:\r\n        var(--hrrs-navy);\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STARTING PRICE\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-starting-price {\r\n\r\n    width: fit-content;\r\n\r\n    max-width: 100%;\r\n\r\n    margin:\r\n        23px auto 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n    padding:\r\n        11px 17px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.13);\r\n\r\n    border-radius: 15px;\r\n\r\n    background:\r\n        rgba(255,255,255,.88);\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(18,61,104,.07);\r\n\r\n    text-align: left;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-starting-label {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #92A3B4;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .15em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-starting-left > strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 1px;\r\n\r\n    color:\r\n        var(--hrrs-navy);\r\n\r\n    font-size: 10px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-starting-left em {\r\n\r\n    margin-left: 4px;\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 16px;\r\n\r\n    font-style: normal;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-starting-divider {\r\n\r\n    width: 1px;\r\n    height: 29px;\r\n\r\n    background:\r\n        rgba(37,99,235,.13);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-starting-right {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    color:\r\n        #506B83;\r\n\r\n    font-size: 9.5px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-check {\r\n\r\n    width: 20px;\r\n    height: 20px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        #1BA66C;\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FACTS\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-facts {\r\n\r\n    width:\r\n        min(100%,1040px);\r\n\r\n    margin:\r\n        35px auto 0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n    gap: 10px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-fact {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    min-height: 76px;\r\n\r\n    padding: 12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.75);\r\n\r\n    border-radius: 17px;\r\n\r\n    background:\r\n        rgba(255,255,255,.76);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(20,61,104,.06);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-fact-icon {\r\n\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 12px;\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    background:\r\n        var(--hrrs-soft);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-fact-icon svg {\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-fact strong {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--hrrs-navy);\r\n\r\n    font-size: 12.5px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-fact div > span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 2px;\r\n\r\n    color:\r\n        #8293A5;\r\n\r\n    font-size: 9px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROOM AREA\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-room-area {\r\n\r\n    margin-top:\r\n        clamp(65px,7vw,95px);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-room-section-heading {\r\n\r\n    margin-bottom: 22px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-room-section-heading > span {\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .17em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-room-section-heading h3 {\r\n\r\n    margin:\r\n        4px 0 0;\r\n\r\n    color:\r\n        var(--hrrs-navy-dark);\r\n\r\n    font-size:\r\n        clamp(26px,2.5vw,36px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABS\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-tabs {\r\n\r\n    width:\r\n        min(100%,800px);\r\n\r\n    margin:\r\n        0 auto 24px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n    gap: 8px;\r\n\r\n    padding: 7px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.11);\r\n\r\n    border-radius: 19px;\r\n\r\n    background:\r\n        rgba(255,255,255,.77);\r\n\r\n    backdrop-filter:\r\n        blur(14px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(14px);\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(17,58,99,.05);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab {\r\n\r\n    min-width: 0;\r\n\r\n    min-height: 69px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        auto 1fr auto;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding:\r\n        8px 12px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 13px;\r\n\r\n    color:\r\n        #657A90;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    cursor: pointer;\r\n\r\n    font-family: inherit;\r\n\r\n    text-align: left;\r\n\r\n    appearance: none;\r\n\r\n    -webkit-appearance: none;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease,\r\n        box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab.is-active {\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #2563EB,\r\n            #1687C7\r\n        );\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(37,99,235,.19);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab-icon {\r\n\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 11px;\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    background:\r\n        var(--hrrs-soft);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab.is-active\r\n.hrrs-tab-icon {\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.15);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab-icon svg {\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab-copy {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab-copy strong {\r\n\r\n    display: block;\r\n\r\n    font-size: 11.5px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab-copy small {\r\n\r\n    display: block;\r\n\r\n    margin-top: 1px;\r\n\r\n    opacity: .75;\r\n\r\n    font-size: 8.5px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab-price {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 850;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab.is-active\r\n.hrrs-tab-price {\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-tab-price small {\r\n\r\n    display: block;\r\n\r\n    color: inherit;\r\n\r\n    opacity: .72;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 600;\r\n\r\n    text-align: right;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROOM PANEL\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-room-panel {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1.18fr)\r\n        minmax(0,.82fr);\r\n\r\n    gap:\r\n        clamp(30px,4vw,55px);\r\n\r\n    align-items: center;\r\n\r\n    padding:\r\n        clamp(18px,2vw,25px);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.10);\r\n\r\n    border-radius: 28px;\r\n\r\n    background:\r\n        rgba(255,255,255,.84);\r\n\r\n    box-shadow:\r\n        0 22px 60px\r\n        rgba(17,57,97,.08);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-room-panel[hidden] {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN PHOTO\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-gallery {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-main-photo {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height:\r\n        clamp(400px,38vw,525px);\r\n\r\n    overflow: hidden;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        5px solid\r\n        #FFFFFF;\r\n\r\n    border-radius: 23px;\r\n\r\n    background:\r\n        #E9F2FA;\r\n\r\n    box-shadow:\r\n        0 18px 45px\r\n        rgba(18,58,99,.13);\r\n\r\n    cursor: zoom-in;\r\n\r\n    appearance: none;\r\n\r\n    -webkit-appearance: none;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-main-image {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        opacity .2s ease,\r\n        transform .6s ease;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-photo-shade {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n\r\n            rgba(6,33,64,.03)\r\n            35%,\r\n\r\n            rgba(6,33,64,.12)\r\n            58%,\r\n\r\n            rgba(6,33,64,.75)\r\n            100%\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-photo-caption {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    left: 19px;\r\n    right: 19px;\r\n    bottom: 18px;\r\n\r\n    text-align: left;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-photo-caption small {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #B9DDFF;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .16em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-photo-caption strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 2px;\r\n\r\n    font-size:\r\n        clamp(19px,1.5vw,25px);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-photo-caption > span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 3px;\r\n\r\n    color:\r\n        rgba(255,255,255,.73);\r\n\r\n    font-size: 9.5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* Room rate badge on photo *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-photo-rate {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    top: 14px;\r\n    left: 14px;\r\n\r\n    display: block;\r\n\r\n    padding:\r\n        8px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.70);\r\n\r\n    border-radius: 12px;\r\n\r\n    background:\r\n        rgba(255,255,255,.91);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    box-shadow:\r\n        0 8px 22px\r\n        rgba(8,34,65,.12);\r\n\r\n    text-align: left;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-photo-rate small {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #76899C;\r\n\r\n    font-size: 7.5px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-photo-rate strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 1px;\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 16px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-expand {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    top: 14px;\r\n    right: 14px;\r\n\r\n    width: 36px;\r\n    height: 36px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.55);\r\n\r\n    border-radius: 50%;\r\n\r\n    color:\r\n        var(--hrrs-navy);\r\n\r\n    background:\r\n        rgba(255,255,255,.90);\r\n\r\n    box-shadow:\r\n        0 6px 17px\r\n        rgba(8,34,66,.12);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-expand svg {\r\n\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   THUMBNAILS\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-thumbs {\r\n\r\n    display: flex;\r\n\r\n    gap: 7px;\r\n\r\n    margin-top: 9px;\r\n\r\n    padding:\r\n        2px 1px 7px;\r\n\r\n    overflow-x: auto;\r\n\r\n    scroll-behavior: smooth;\r\n\r\n    scrollbar-width: none;\r\n\r\n    -webkit-overflow-scrolling:\r\n        touch;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-thumbs::-webkit-scrollbar {\r\n\r\n    display: none;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-thumb {\r\n\r\n    flex:\r\n        0 0 76px;\r\n\r\n    width: 76px;\r\n    height: 60px;\r\n\r\n    overflow: hidden;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        3px solid\r\n        rgba(255,255,255,.92);\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        #E9F1F8;\r\n\r\n    opacity: .62;\r\n\r\n    cursor: pointer;\r\n\r\n    box-shadow:\r\n        0 5px 14px\r\n        rgba(18,58,97,.08);\r\n\r\n    appearance: none;\r\n\r\n    -webkit-appearance: none;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        border-color .25s ease,\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-thumb.is-active {\r\n\r\n    opacity: 1;\r\n\r\n    border-color:\r\n        var(--hrrs-blue);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-thumb img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrRoomsServices\r\n    .hrrs-main-photo:hover\r\n    .hrrs-main-image {\r\n\r\n        transform:\r\n            scale(1.025);\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-thumb:hover {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(-2px);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROOM DETAILS\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-room-info {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-room-heading > span {\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .15em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-room-heading h3 {\r\n\r\n    margin:\r\n        4px 0 0;\r\n\r\n    color:\r\n        var(--hrrs-navy-dark);\r\n\r\n    font-size:\r\n        clamp(28px,2.5vw,39px);\r\n\r\n    line-height: 1.3;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-room-heading p {\r\n\r\n    margin:\r\n        10px 0 0;\r\n\r\n    color:\r\n        var(--hrrs-muted);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PRICE CARD\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-price-card {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1.2fr;\r\n\r\n    gap: 10px;\r\n\r\n    align-items: center;\r\n\r\n    margin-top: 20px;\r\n\r\n    padding:\r\n        13px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.13);\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #F5FAFF,\r\n            #EDF6FF\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-price-copy {\r\n\r\n    padding:\r\n        4px 8px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-price-copy > small {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #8A9BAB;\r\n\r\n    font-size: 8.5px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-price-copy > div {\r\n\r\n    display: flex;\r\n\r\n    align-items: baseline;\r\n\r\n    gap: 4px;\r\n\r\n    margin-top: 2px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-price-copy strong {\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 29px;\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-price-copy span {\r\n\r\n    color:\r\n        #526E86;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-included {\r\n\r\n    min-height: 53px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding:\r\n        8px 10px;\r\n\r\n    border-radius: 12px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-check {\r\n\r\n    width: 31px;\r\n    height: 31px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 10px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #16A66C,\r\n            #25BB7D\r\n        );\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-included strong {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--hrrs-navy);\r\n\r\n    font-size: 10px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-included div > span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 1px;\r\n\r\n    color:\r\n        #8C9BAB;\r\n\r\n    font-size: 7.5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROOM SPECS\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-spec-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 17px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-spec {\r\n\r\n    padding:\r\n        12px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--hrrs-border);\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        var(--hrrs-soft-2);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-spec span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #899AAA;\r\n\r\n    font-size: 8.5px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-spec strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 3px;\r\n\r\n    color:\r\n        var(--hrrs-navy);\r\n\r\n    font-size: 11.5px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-room-note {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 15px;\r\n\r\n    padding:\r\n        11px 12px;\r\n\r\n    border-left:\r\n        3px solid\r\n        var(--hrrs-blue);\r\n\r\n    border-radius:\r\n        0 11px 11px 0;\r\n\r\n    background:\r\n        var(--hrrs-soft);\r\n\r\n    color:\r\n        #647A90;\r\n\r\n    font-size: 9.5px;\r\n\r\n    line-height: 1.65;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-room-note svg {\r\n\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    margin-top: 1px;\r\n\r\n    fill:\r\n        var(--hrrs-blue);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BREAKFAST SECTION\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-section {\r\n\r\n    margin-top:\r\n        clamp(70px,7vw,100px);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-card {\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    padding:\r\n        clamp(24px,3.4vw,42px);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.11);\r\n\r\n    border-radius: 26px;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(255,255,255,.94),\r\n            rgba(238,247,255,.94)\r\n        );\r\n\r\n    box-shadow:\r\n        0 20px 55px\r\n        rgba(18,59,100,.07);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-card::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 360px;\r\n    height: 360px;\r\n\r\n    right: -190px;\r\n    top: -190px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(56,189,248,.12),\r\n            transparent 70%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-head {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-icon {\r\n\r\n    width: 55px;\r\n    height: 55px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 17px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            var(--hrrs-blue),\r\n            #188FCB\r\n        );\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(37,99,235,.18);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-icon svg {\r\n\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-head span {\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .16em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-head h3 {\r\n\r\n    margin:\r\n        3px 0 0;\r\n\r\n    color:\r\n        var(--hrrs-navy-dark);\r\n\r\n    font-size:\r\n        clamp(25px,2.7vw,38px);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-head p {\r\n\r\n    margin:\r\n        4px 0 0;\r\n\r\n    color:\r\n        #768A9D;\r\n\r\n    font-size: 10.5px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-grid {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 25px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-item {\r\n\r\n    position: relative;\r\n\r\n    min-height: 115px;\r\n\r\n    padding:\r\n        17px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.09);\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n        rgba(255,255,255,.85);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-number {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        rgba(37,99,235,.35);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 900;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-item strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 13px;\r\n\r\n    color:\r\n        var(--hrrs-navy);\r\n\r\n    font-size: 12px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-item > span:last-child {\r\n\r\n    display: block;\r\n\r\n    margin-top: 3px;\r\n\r\n    color:\r\n        #8697A8;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\r\n\/* Egg *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-egg-menu {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap: 15px;\r\n\r\n    margin-top: 12px;\r\n\r\n    padding:\r\n        14px 16px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.09);\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-egg-title {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-egg-icon {\r\n\r\n    width: 37px;\r\n    height: 37px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 11px;\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    background:\r\n        var(--hrrs-soft);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-egg-icon svg {\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-egg-title small {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .13em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-egg-title strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 1px;\r\n\r\n    color:\r\n        var(--hrrs-navy);\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-egg-options {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    justify-content:\r\n        flex-end;\r\n\r\n    gap: 6px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-egg-options span {\r\n\r\n    padding:\r\n        6px 10px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.11);\r\n\r\n    border-radius: 999px;\r\n\r\n    color:\r\n        #637990;\r\n\r\n    background:\r\n        var(--hrrs-soft-2);\r\n\r\n    font-size: 8.5px;\r\n\r\n    font-weight: 650;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-breakfast-note {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin-top: 10px;\r\n\r\n    color:\r\n        #8A9BAB;\r\n\r\n    font-size: 8.5px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COMMON SECTION HEADING\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-section-heading {\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-section-heading > span {\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .17em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-section-heading h3 {\r\n\r\n    margin:\r\n        4px 0 0;\r\n\r\n    color:\r\n        var(--hrrs-navy-dark);\r\n\r\n    font-size:\r\n        clamp(27px,3vw,39px);\r\n\r\n    line-height: 1.4;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-section-heading p {\r\n\r\n    margin:\r\n        5px 0 0;\r\n\r\n    color:\r\n        var(--hrrs-muted);\r\n\r\n    font-size: 10.5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   POLICY\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-section {\r\n\r\n    margin-top:\r\n        clamp(70px,7vw,95px);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 25px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-card {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 13px;\r\n\r\n    padding:\r\n        20px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.10);\r\n\r\n    border-radius: 19px;\r\n\r\n    background:\r\n        rgba(255,255,255,.86);\r\n\r\n    box-shadow:\r\n        0 13px 35px\r\n        rgba(17,58,98,.055);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-icon {\r\n\r\n    width: 43px;\r\n    height: 43px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    background:\r\n        var(--hrrs-soft);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-icon svg {\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-label {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--hrrs-blue);\r\n\r\n    font-size: 7.5px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .13em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-copy h4 {\r\n\r\n    margin:\r\n        3px 0 0;\r\n\r\n    color:\r\n        var(--hrrs-navy);\r\n\r\n    font-size: 14px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-copy p {\r\n\r\n    margin:\r\n        5px 0 0;\r\n\r\n    color:\r\n        #748699;\r\n\r\n    font-size: 10.5px;\r\n\r\n    line-height: 1.65;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-copy p strong {\r\n\r\n    color:\r\n        var(--hrrs-blue-dark);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-note {\r\n\r\n    width:\r\n        min(100%,850px);\r\n\r\n    margin:\r\n        14px auto 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    color:\r\n        #7D8FA1;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1.6;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-policy-note svg {\r\n\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    fill:\r\n        var(--hrrs-blue);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-services {\r\n\r\n    margin-top:\r\n        clamp(70px,7vw,95px);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-services-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap: 13px;\r\n\r\n    margin-top: 27px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-service-card {\r\n\r\n    position: relative;\r\n\r\n    min-height: 205px;\r\n\r\n    overflow: hidden;\r\n\r\n    padding:\r\n        24px 21px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.10);\r\n\r\n    border-radius: 21px;\r\n\r\n    background:\r\n        rgba(255,255,255,.87);\r\n\r\n    box-shadow:\r\n        0 14px 38px\r\n        rgba(18,59,100,.06);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-service-card::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 120px;\r\n    height: 120px;\r\n\r\n    right: -60px;\r\n    bottom: -60px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(37,99,235,.09),\r\n            transparent 68%\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-service-number {\r\n\r\n    position: absolute;\r\n\r\n    top: 17px;\r\n    right: 18px;\r\n\r\n    color:\r\n        rgba(37,99,235,.18);\r\n\r\n    font-size: 24px;\r\n\r\n    font-weight: 850;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-service-icon {\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 14px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            var(--hrrs-blue),\r\n            #1687C7\r\n        );\r\n\r\n    box-shadow:\r\n        0 9px 20px\r\n        rgba(37,99,235,.17);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-service-icon svg {\r\n\r\n    width: 21px;\r\n    height: 21px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-service-card h4 {\r\n\r\n    margin:\r\n        17px 0 0;\r\n\r\n    color:\r\n        var(--hrrs-navy);\r\n\r\n    font-size: 15px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-service-card p {\r\n\r\n    margin:\r\n        7px 0 0;\r\n\r\n    color:\r\n        #788A9D;\r\n\r\n    font-size: 10.5px;\r\n\r\n    line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrRoomsServices\r\n    .hrrs-service-card:hover {\r\n\r\n        transform:\r\n            translateY(-5px);\r\n\r\n        border-color:\r\n            rgba(37,99,235,.18);\r\n\r\n        box-shadow:\r\n            0 22px 45px\r\n            rgba(18,59,100,.10);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\n.hrrs-cta {\r\n\r\n    margin-top:\r\n        clamp(65px,7vw,90px);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap: 25px;\r\n\r\n    padding:\r\n        clamp(25px,3vw,37px);\r\n\r\n    border-radius: 24px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #103F79,\r\n            #2563EB\r\n        );\r\n\r\n    box-shadow:\r\n        0 20px 50px\r\n        rgba(29,78,216,.18);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-cta-content > span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #A9D7FF;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .16em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-cta h3 {\r\n\r\n    margin:\r\n        3px 0 0;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(23px,2.4vw,34px);\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-cta p {\r\n\r\n    margin:\r\n        5px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.73);\r\n\r\n    font-size: 10.5px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-cta-button {\r\n\r\n    min-width: 165px;\r\n    min-height: 51px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display:\r\n        inline-flex !important;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding:\r\n        0 21px;\r\n\r\n    border-radius: 12px;\r\n\r\n    color:\r\n        var(--hrrs-blue-dark)\r\n        !important;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    font-size: 11.5px;\r\n\r\n    font-weight: 800;\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(3,29,67,.15);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices\r\n.hrrs-cta-button svg {\r\n\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrRoomsServices\r\n    .hrrs-cta-button:hover {\r\n\r\n        transform:\r\n            translateY(-2px);\r\n\r\n        box-shadow:\r\n            0 15px 30px\r\n            rgba(3,29,67,.22);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n#hrRoomsServices.hrrs-js\r\n.hrrs-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(18px);\r\n\r\n    transition:\r\n        opacity .7s ease,\r\n        transform .7s ease;\r\n\r\n}\r\n\r\n\r\n#hrRoomsServices.hrrs-js.hrrs-visible\r\n.hrrs-reveal {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px) {\r\n\r\n    #hrRoomsServices {\r\n\r\n        padding:\r\n            72px 20px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-bg-image {\r\n\r\n        height: 850px;\r\n\r\n        min-height: 850px;\r\n\r\n        object-position:\r\n            center top;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-bg-overlay {\r\n\r\n        height: 880px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-facts {\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-room-panel {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-room-info {\r\n\r\n        width:\r\n            min(100%,700px);\r\n\r\n        margin-inline: auto;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-policy-grid,\r\n\r\n    #hrRoomsServices\r\n    .hrrs-services-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-services-grid\r\n    .hrrs-service-card:last-child {\r\n\r\n        grid-column:\r\n            1 \/ 3;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-breakfast-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    #hrRoomsServices {\r\n\r\n        padding:\r\n            52px 15px\r\n            65px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-bg-image {\r\n\r\n        height: 720px;\r\n\r\n        min-height: 720px;\r\n\r\n        \/*\r\n            Mobile \u0e41\u0e2a\u0e14\u0e07\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e01\u0e27\u0e48\u0e32\r\n        *\/\r\n        object-position:\r\n            50% top;\r\n\r\n        opacity: .54;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-bg-overlay {\r\n\r\n        height: 750px;\r\n\r\n        min-height: 750px;\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                180deg,\r\n\r\n                rgba(240,248,255,.42)\r\n                0%,\r\n\r\n                rgba(246,251,255,.58)\r\n                32%,\r\n\r\n                rgba(248,252,255,.80)\r\n                68%,\r\n\r\n                rgba(248,251,255,1)\r\n                100%\r\n            );\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-header {\r\n\r\n        padding:\r\n            23px 13px;\r\n\r\n        border-radius: 21px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-title {\r\n\r\n        font-size:\r\n            clamp(\r\n                31px,\r\n                9.2vw,\r\n                43px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-intro {\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.85;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-starting-price {\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 8px;\r\n\r\n        align-items: flex-start;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-starting-divider {\r\n\r\n        width: 100%;\r\n        height: 1px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-facts {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        gap: 7px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-fact {\r\n\r\n        justify-content:\r\n            flex-start;\r\n\r\n        min-height: 70px;\r\n\r\n        padding:\r\n            10px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-fact-icon {\r\n\r\n        width: 34px;\r\n        height: 34px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-fact strong {\r\n\r\n        font-size: 10.5px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-fact div > span {\r\n\r\n        font-size: 7.7px;\r\n\r\n    }\r\n\r\n\r\n    \/* Tabs *\/\r\n\r\n    #hrRoomsServices\r\n    .hrrs-tabs {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-tab {\r\n\r\n        min-height: 62px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-room-panel {\r\n\r\n        padding: 10px;\r\n\r\n        border-radius: 20px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-main-photo {\r\n\r\n        height:\r\n            clamp(\r\n                330px,\r\n                94vw,\r\n                440px\r\n            );\r\n\r\n        border-width: 4px;\r\n\r\n        border-radius: 17px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-thumb {\r\n\r\n        flex:\r\n            0 0 68px;\r\n\r\n        width: 68px;\r\n        height: 54px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-price-card {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-spec-grid {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-breakfast-head {\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-breakfast-grid {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-breakfast-item {\r\n\r\n        min-height: 105px;\r\n\r\n        padding: 14px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-egg-menu {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-egg-options {\r\n\r\n        justify-content:\r\n            flex-start;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-policy-grid,\r\n\r\n    #hrRoomsServices\r\n    .hrrs-services-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-services-grid\r\n    .hrrs-service-card:last-child {\r\n\r\n        grid-column:\r\n            auto;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-cta {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-cta-button {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:420px) {\r\n\r\n    #hrRoomsServices\r\n    .hrrs-facts {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-spec-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices\r\n    .hrrs-breakfast-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX\r\n========================================================= *\/\r\n\r\n#hrRoomsLightbox {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 999999;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 17px;\r\n\r\n    padding:\r\n        30px 70px;\r\n\r\n    background:\r\n        rgba(5,24,45,.95);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        opacity .27s ease,\r\n        visibility .27s ease;\r\n\r\n}\r\n\r\n\r\n#hrRoomsLightbox.is-open {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    pointer-events: auto;\r\n\r\n}\r\n\r\n\r\n#hrRoomsLightbox\r\n.hrrs-lightbox-content {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    max-width: 1100px;\r\n\r\n    max-height: 90vh;\r\n\r\n}\r\n\r\n\r\n#hrRoomsLightbox\r\n.hrrs-lightbox-image {\r\n\r\n    display: block;\r\n\r\n    max-width:\r\n        min(78vw,1100px);\r\n\r\n    max-height: 78vh;\r\n\r\n    object-fit: contain;\r\n\r\n    border:\r\n        5px solid\r\n        rgba(255,255,255,.96);\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 30px 80px\r\n        rgba(0,0,0,.36);\r\n\r\n}\r\n\r\n\r\n#hrRoomsLightbox\r\n.hrrs-lightbox-info {\r\n\r\n    margin-top: 12px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n#hrRoomsLightbox\r\n.hrrs-lightbox-info span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #73C5FF;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .17em;\r\n\r\n}\r\n\r\n\r\n#hrRoomsLightbox\r\n.hrrs-lightbox-info strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 3px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 10.5px;\r\n\r\n}\r\n\r\n\r\n#hrRoomsLightbox\r\n.hrrs-lightbox-close {\r\n\r\n    position: absolute;\r\n\r\n    top: 17px;\r\n    right: 20px;\r\n\r\n    width: 43px;\r\n    height: 43px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    font-size: 28px;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n#hrRoomsLightbox\r\n.hrrs-lightbox-nav {\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.16);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n#hrRoomsLightbox\r\n.hrrs-lightbox-nav svg {\r\n\r\n    width: 21px;\r\n    height: 21px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n@media (max-width:767px) {\r\n\r\n    #hrRoomsLightbox {\r\n\r\n        gap: 5px;\r\n\r\n        padding:\r\n            58px 7px 22px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsLightbox\r\n    .hrrs-lightbox-image {\r\n\r\n        max-width: 84vw;\r\n\r\n        max-height: 72vh;\r\n\r\n        border-width: 3px;\r\n\r\n        border-radius: 12px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsLightbox\r\n    .hrrs-lightbox-nav {\r\n\r\n        width: 33px;\r\n        height: 33px;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsLightbox\r\n    .hrrs-lightbox-close {\r\n\r\n        top: 11px;\r\n        right: 11px;\r\n\r\n        width: 38px;\r\n        height: 38px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n#hrRoomsServices\r\nbutton:focus-visible,\r\n\r\n#hrRoomsServices\r\na:focus-visible {\r\n\r\n    outline:\r\n        3px solid\r\n        rgba(37,99,235,.50);\r\n\r\n    outline-offset:\r\n        3px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media\r\n(prefers-reduced-motion: reduce) {\r\n\r\n    #hrRoomsServices *,\r\n    #hrRoomsServices *::before,\r\n    #hrRoomsServices *::after,\r\n    #hrRoomsLightbox * {\r\n\r\n        animation:\r\n            none !important;\r\n\r\n        transition:\r\n            none !important;\r\n\r\n        scroll-behavior:\r\n            auto !important;\r\n\r\n    }\r\n\r\n\r\n    #hrRoomsServices.hrrs-js\r\n    .hrrs-reveal {\r\n\r\n        opacity:\r\n            1 !important;\r\n\r\n        transform:\r\n            none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    function initHRRoomsServices() {\r\n\r\n        var section =\r\n            document.getElementById(\r\n                \"hrRoomsServices\"\r\n            );\r\n\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n\r\n        if (\r\n            section.hasAttribute(\r\n                \"data-hrrs-init\"\r\n            )\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        section.setAttribute(\r\n            \"data-hrrs-init\",\r\n            \"true\"\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           1. REVEAL\r\n        ====================================================== *\/\r\n\r\n        var reduceMotion =\r\n            window.matchMedia &&\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            ).matches;\r\n\r\n\r\n        if (reduceMotion) {\r\n\r\n            section\r\n                .classList\r\n                .add(\r\n                    \"hrrs-visible\"\r\n                );\r\n\r\n        }\r\n\r\n        else if (\r\n            \"IntersectionObserver\" in window\r\n        ) {\r\n\r\n            section\r\n                .classList\r\n                .add(\r\n                    \"hrrs-js\"\r\n                );\r\n\r\n\r\n            var observer =\r\n                new IntersectionObserver(\r\n\r\n                    function (entries) {\r\n\r\n                        entries.forEach(\r\n                            function (entry) {\r\n\r\n                                if (\r\n                                    entry.isIntersecting\r\n                                ) {\r\n\r\n                                    section\r\n                                        .classList\r\n                                        .add(\r\n                                            \"hrrs-visible\"\r\n                                        );\r\n\r\n\r\n                                    observer\r\n                                        .disconnect();\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n\r\n                    {\r\n                        threshold: .04,\r\n\r\n                        rootMargin:\r\n                            \"0px 0px -30px 0px\"\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            observer.observe(\r\n                section\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           2. ROOM TABS\r\n        ====================================================== *\/\r\n\r\n        var tabs =\r\n            section.querySelectorAll(\r\n                \"[data-room-tab]\"\r\n            );\r\n\r\n\r\n        var panels =\r\n            section.querySelectorAll(\r\n                \"[data-room-panel]\"\r\n            );\r\n\r\n\r\n        tabs.forEach(\r\n            function (tab) {\r\n\r\n                tab.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        var room =\r\n                            tab.getAttribute(\r\n                                \"data-room-tab\"\r\n                            );\r\n\r\n\r\n                        tabs.forEach(\r\n                            function (item) {\r\n\r\n                                var active =\r\n                                    item === tab;\r\n\r\n\r\n                                item\r\n                                    .classList\r\n                                    .toggle(\r\n                                        \"is-active\",\r\n                                        active\r\n                                    );\r\n\r\n\r\n                                item.setAttribute(\r\n                                    \"aria-selected\",\r\n                                    active\r\n                                        ? \"true\"\r\n                                        : \"false\"\r\n                                );\r\n\r\n                            }\r\n                        );\r\n\r\n\r\n                        panels.forEach(\r\n                            function (panel) {\r\n\r\n                                var active =\r\n                                    panel.getAttribute(\r\n                                        \"data-room-panel\"\r\n                                    )\r\n                                    ===\r\n                                    room;\r\n\r\n\r\n                                panel\r\n                                    .classList\r\n                                    .toggle(\r\n                                        \"is-active\",\r\n                                        active\r\n                                    );\r\n\r\n\r\n                                panel.hidden =\r\n                                    !active;\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           3. THUMBNAIL GALLERY\r\n        ====================================================== *\/\r\n\r\n        var thumbs =\r\n            section.querySelectorAll(\r\n                \".hrrs-thumb\"\r\n            );\r\n\r\n\r\n        thumbs.forEach(\r\n            function (thumb) {\r\n\r\n                thumb.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        var panel =\r\n                            thumb.closest(\r\n                                \".hrrs-room-panel\"\r\n                            );\r\n\r\n\r\n                        if (!panel) {\r\n                            return;\r\n                        }\r\n\r\n\r\n                        var mainImage =\r\n                            panel.querySelector(\r\n                                \".hrrs-main-image\"\r\n                            );\r\n\r\n\r\n                        if (!mainImage) {\r\n                            return;\r\n                        }\r\n\r\n\r\n                        var newSrc =\r\n                            thumb.getAttribute(\r\n                                \"data-src\"\r\n                            );\r\n\r\n\r\n                        var newAlt =\r\n                            thumb.getAttribute(\r\n                                \"data-alt\"\r\n                            )\r\n                            ||\r\n                            \"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\";\r\n\r\n\r\n                        panel\r\n                            .querySelectorAll(\r\n                                \".hrrs-thumb\"\r\n                            )\r\n                            .forEach(\r\n                                function (item) {\r\n\r\n                                    item\r\n                                        .classList\r\n                                        .remove(\r\n                                            \"is-active\"\r\n                                        );\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                        thumb\r\n                            .classList\r\n                            .add(\r\n                                \"is-active\"\r\n                            );\r\n\r\n\r\n                        mainImage.style.opacity =\r\n                            \".25\";\r\n\r\n\r\n                        window.setTimeout(\r\n                            function () {\r\n\r\n                                mainImage.src =\r\n                                    newSrc;\r\n\r\n\r\n                                mainImage.alt =\r\n                                    newAlt;\r\n\r\n\r\n                                mainImage.style.opacity =\r\n                                    \"1\";\r\n\r\n                            },\r\n                            130\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           4. LIGHTBOX\r\n        ====================================================== *\/\r\n\r\n        var lightbox =\r\n            document.getElementById(\r\n                \"hrRoomsLightbox\"\r\n            );\r\n\r\n\r\n        if (!lightbox) {\r\n            return;\r\n        }\r\n\r\n\r\n        var lightboxImage =\r\n            lightbox.querySelector(\r\n                \".hrrs-lightbox-image\"\r\n            );\r\n\r\n\r\n        var closeButton =\r\n            lightbox.querySelector(\r\n                \".hrrs-lightbox-close\"\r\n            );\r\n\r\n\r\n        var prevButton =\r\n            lightbox.querySelector(\r\n                \".hrrs-lightbox-prev\"\r\n            );\r\n\r\n\r\n        var nextButton =\r\n            lightbox.querySelector(\r\n                \".hrrs-lightbox-next\"\r\n            );\r\n\r\n\r\n        var currentImages = [];\r\n\r\n        var currentIndex = 0;\r\n\r\n        var previousOverflow = \"\";\r\n\r\n\r\n        function getGallery(\r\n            panel\r\n        ) {\r\n\r\n            return Array.prototype.map.call(\r\n\r\n                panel.querySelectorAll(\r\n                    \".hrrs-thumb\"\r\n                ),\r\n\r\n                function (thumb) {\r\n\r\n                    return {\r\n\r\n                        src:\r\n                            thumb.getAttribute(\r\n                                \"data-src\"\r\n                            ),\r\n\r\n                        alt:\r\n                            thumb.getAttribute(\r\n                                \"data-alt\"\r\n                            )\r\n                            ||\r\n                            \"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort\"\r\n\r\n                    };\r\n\r\n                }\r\n\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function renderLightbox() {\r\n\r\n            var item =\r\n                currentImages[\r\n                    currentIndex\r\n                ];\r\n\r\n\r\n            if (!item) {\r\n                return;\r\n            }\r\n\r\n\r\n            lightboxImage.src =\r\n                item.src;\r\n\r\n\r\n            lightboxImage.alt =\r\n                item.alt;\r\n\r\n        }\r\n\r\n\r\n        function openLightbox(\r\n            panel\r\n        ) {\r\n\r\n            currentImages =\r\n                getGallery(\r\n                    panel\r\n                );\r\n\r\n\r\n            currentIndex = 0;\r\n\r\n\r\n            var activeThumb =\r\n                panel.querySelector(\r\n                    \".hrrs-thumb.is-active\"\r\n                );\r\n\r\n\r\n            if (activeThumb) {\r\n\r\n                var activeSrc =\r\n                    activeThumb.getAttribute(\r\n                        \"data-src\"\r\n                    );\r\n\r\n\r\n                currentImages.forEach(\r\n                    function (\r\n                        item,\r\n                        index\r\n                    ) {\r\n\r\n                        if (\r\n                            item.src ===\r\n                            activeSrc\r\n                        ) {\r\n\r\n                            currentIndex =\r\n                                index;\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n\r\n            renderLightbox();\r\n\r\n\r\n            previousOverflow =\r\n                document.body.style.overflow;\r\n\r\n\r\n            document.body.style.overflow =\r\n                \"hidden\";\r\n\r\n\r\n            lightbox\r\n                .classList\r\n                .add(\r\n                    \"is-open\"\r\n                );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n\r\n            window.setTimeout(\r\n                function () {\r\n\r\n                    closeButton.focus();\r\n\r\n                },\r\n                30\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function closeLightbox() {\r\n\r\n            lightbox\r\n                .classList\r\n                .remove(\r\n                    \"is-open\"\r\n                );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            document.body.style.overflow =\r\n                previousOverflow;\r\n\r\n\r\n            window.setTimeout(\r\n                function () {\r\n\r\n                    lightboxImage.src =\r\n                        \"\";\r\n\r\n                },\r\n                280\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function previousImage() {\r\n\r\n            if (!currentImages.length) {\r\n                return;\r\n            }\r\n\r\n\r\n            currentIndex =\r\n                (\r\n                    currentIndex\r\n                    -\r\n                    1\r\n                    +\r\n                    currentImages.length\r\n                )\r\n                %\r\n                currentImages.length;\r\n\r\n\r\n            renderLightbox();\r\n\r\n        }\r\n\r\n\r\n        function nextImage() {\r\n\r\n            if (!currentImages.length) {\r\n                return;\r\n            }\r\n\r\n\r\n            currentIndex =\r\n                (\r\n                    currentIndex\r\n                    +\r\n                    1\r\n                )\r\n                %\r\n                currentImages.length;\r\n\r\n\r\n            renderLightbox();\r\n\r\n        }\r\n\r\n\r\n        section\r\n            .querySelectorAll(\r\n                \"[data-hrrs-lightbox]\"\r\n            )\r\n            .forEach(\r\n                function (button) {\r\n\r\n                    button.addEventListener(\r\n                        \"click\",\r\n                        function () {\r\n\r\n                            var panel =\r\n                                button.closest(\r\n                                    \".hrrs-room-panel\"\r\n                                );\r\n\r\n\r\n                            if (panel) {\r\n\r\n                                openLightbox(\r\n                                    panel\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        if (closeButton) {\r\n\r\n            closeButton.addEventListener(\r\n                \"click\",\r\n                closeLightbox\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if (prevButton) {\r\n\r\n            prevButton.addEventListener(\r\n                \"click\",\r\n                previousImage\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if (nextButton) {\r\n\r\n            nextButton.addEventListener(\r\n                \"click\",\r\n                nextImage\r\n            );\r\n\r\n        }\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.target ===\r\n                    lightbox\r\n                ) {\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           5. KEYBOARD\r\n        ====================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !lightbox\r\n                        .classList\r\n                        .contains(\r\n                            \"is-open\"\r\n                        )\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                if (\r\n                    event.key ===\r\n                    \"Escape\"\r\n                ) {\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    event.key ===\r\n                    \"ArrowLeft\"\r\n                ) {\r\n\r\n                    previousImage();\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    event.key ===\r\n                    \"ArrowRight\"\r\n                ) {\r\n\r\n                    nextImage();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           6. TOUCH SWIPE\r\n        ====================================================== *\/\r\n\r\n        var touchStartX = 0;\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"touchstart\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.changedTouches.length\r\n                ) {\r\n\r\n                    touchStartX =\r\n                        event\r\n                            .changedTouches[0]\r\n                            .screenX;\r\n\r\n                }\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"touchend\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !event.changedTouches.length\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                var touchEndX =\r\n                    event\r\n                        .changedTouches[0]\r\n                        .screenX;\r\n\r\n\r\n                var distance =\r\n                    touchEndX\r\n                    -\r\n                    touchStartX;\r\n\r\n\r\n                if (\r\n                    Math.abs(\r\n                        distance\r\n                    )\r\n                    <\r\n                    45\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                if (\r\n                    distance > 0\r\n                ) {\r\n\r\n                    previousImage();\r\n\r\n                }\r\n\r\n                else {\r\n\r\n                    nextImage();\r\n\r\n                }\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           7. CTA SMOOTH SCROLL\r\n        ====================================================== *\/\r\n\r\n        var bookingButton =\r\n            section.querySelector(\r\n                'a[href=\"#book-now\"]'\r\n            );\r\n\r\n\r\n        if (bookingButton) {\r\n\r\n            bookingButton.addEventListener(\r\n                \"click\",\r\n                function (event) {\r\n\r\n                    var target =\r\n                        document.getElementById(\r\n                            \"book-now\"\r\n                        );\r\n\r\n\r\n                    \/*\r\n                       \u0e2b\u0e32\u0e01\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35 section ID book-now\r\n                       Browser \u0e08\u0e30\u0e17\u0e33\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21 href \u0e1b\u0e01\u0e15\u0e34\r\n                    *\/\r\n                    if (!target) {\r\n                        return;\r\n                    }\r\n\r\n\r\n                    event.preventDefault();\r\n\r\n\r\n                    var position =\r\n                        target\r\n                            .getBoundingClientRect()\r\n                            .top\r\n                        +\r\n                        window.pageYOffset\r\n                        -\r\n                        90;\r\n\r\n\r\n                    window.scrollTo({\r\n\r\n                        top:\r\n                            Math.max(\r\n                                0,\r\n                                position\r\n                            ),\r\n\r\n                        behavior:\r\n                            reduceMotion\r\n                                ? \"auto\"\r\n                                : \"smooth\"\r\n\r\n                    });\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       DOM READY\r\n    ========================================================= *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initHRRoomsServices,\r\n            {\r\n                once: true\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        initHRRoomsServices();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34b72ba e-con-full e-flex e-con e-parent\" data-id=\"34b72ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caefd42 elementor-widget elementor-widget-html\" data-id=\"caefd42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HR RESORT \u2014 EXPERIENCE \/ GALLERY SECTION V3 (BLUE THEME)\r\n     NATURAL BUENG KHONG LONG THEME\r\n     HR Resort \u2022 Bueng Khong Long \u2022 Bueng Kan\r\n========================================================= -->\r\n\r\n<section\r\n    id=\"hrExperience\"\r\n    class=\"hrexp-section\"\r\n    aria-labelledby=\"hrexp-title\"\r\n>\r\n    <!-- =====================================================\r\n         NATURAL BACKGROUND\r\n    ====================================================== -->\r\n    <div class=\"hrexp-background\" aria-hidden=\"true\">\r\n        <!-- Real HR Resort atmosphere -->\r\n        <img loading=\"lazy\"\r\n            src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/694119002_951647104390696_1221843361577050512_n.jpg\"\r\n            alt=\"\"\r\n            class=\"hrexp-bg-photo\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n            width=\"1600\"\r\n            height=\"900\"\r\n        >\r\n        <div class=\"hrexp-bg-overlay\"><\/div>\r\n\r\n        <span class=\"hrexp-nature-orb hrexp-nature-orb-1\"><\/span>\r\n        <span class=\"hrexp-nature-orb hrexp-nature-orb-2\"><\/span>\r\n\r\n        <!-- Decorative Leaves -->\r\n        <svg class=\"hrexp-leaf hrexp-leaf-left\" viewBox=\"0 0 220 320\" aria-hidden=\"true\">\r\n            <path d=\"M25 310C77 241 99 173 103 34M103 91C75 83 52 62 39 36M101 125C133 112 159 89 177 58M96 164C66 155 43 135 25 108M91 204C126 191 153 166 177 136M82 244C57 237 35 222 18 201\"\/>\r\n        <\/svg>\r\n\r\n        <svg class=\"hrexp-leaf hrexp-leaf-right\" viewBox=\"0 0 220 320\" aria-hidden=\"true\">\r\n            <path d=\"M25 310C77 241 99 173 103 34M103 91C75 83 52 62 39 36M101 125C133 112 159 89 177 58M96 164C66 155 43 135 25 108M91 204C126 191 153 166 177 136M82 244C57 237 35 222 18 201\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"hrexp-container\">\r\n        <!-- =====================================================\r\n             HEADER\r\n        ====================================================== -->\r\n        <header class=\"hrexp-header hrexp-reveal\">\r\n            <div class=\"hrexp-location\">\r\n                <span class=\"hrexp-location-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                <span>HR RESORT \u2022 \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u2022 \u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hrexp-eyebrow\">\r\n                <span class=\"hrexp-eyebrow-line\"><\/span>\r\n                <span>DISCOVER HR RESORT<\/span>\r\n                <span class=\"hrexp-eyebrow-line\"><\/span>\r\n            <\/div>\r\n\r\n            <h2 id=\"hrexp-title\" class=\"hrexp-title\">\r\n                \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\r\n                <span>\u0e17\u0e35\u0e48 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hrexp-subtitle\">\r\n                \u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e43\u0e19\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e1a\u0e32\u0e22 \u0e46 \u0e17\u0e35\u0e48\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n                \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\r\n                \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <!-- =====================================================\r\n             GALLERY\r\n        ====================================================== -->\r\n        <div class=\"hrexp-grid-wrap hrexp-reveal\">\r\n            <!-- CARD 01 -->\r\n            <article class=\"hrexp-card\" tabindex=\"0\" aria-label=\"\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e20\u0e32\u0e1e \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\">\r\n                <div class=\"hrexp-image-wrap\">\r\n                    <img loading=\"lazy\"\r\n                        src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/694119002_951647104390696_1221843361577050512_n.jpg\"\r\n                        alt=\"\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                        class=\"hrexp-image\" loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"1100\"\r\n                    >\r\n                <\/div>\r\n                <div class=\"hrexp-image-gradient\"><\/div>\r\n                <span class=\"hrexp-number\">01<\/span>\r\n                <div class=\"hrexp-card-content\">\r\n                    <span class=\"hrexp-card-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 11 12 3l9 8v10h-6v-6H9v6H3V11Zm2 1v7h2v-6h10v6h2v-7l-7-6.2L5 12Z\"\/><\/svg>\r\n                    <\/span>\r\n                    <div>\r\n                        <span class=\"hrexp-label\">HR RESORT<\/span>\r\n                        <h3>\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01<\/h3>\r\n                        <p>\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27 \u0e43\u0e19\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e1a\u0e32\u0e22 \u0e46 \u0e17\u0e35\u0e48\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 02 -->\r\n            <article class=\"hrexp-card\" tabindex=\"0\" aria-label=\"\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e20\u0e32\u0e1e \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort\">\r\n                <div class=\"hrexp-image-wrap\">\r\n                    <img loading=\"lazy\"\r\n                        src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/LINE_ALBUM_2869_260816_4.jpg\"\r\n                        alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                        class=\"hrexp-image\" loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"1100\"\r\n                    >\r\n                <\/div>\r\n                <div class=\"hrexp-image-gradient\"><\/div>\r\n                <span class=\"hrexp-number\">02<\/span>\r\n                <div class=\"hrexp-card-content\">\r\n                    <span class=\"hrexp-card-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 5h2v7h12V8a3 3 0 0 0-3-3h-4v5H8V3h7a5 5 0 0 1 5 5v13h-2v-3H6v3H4V5Zm2 9v2h12v-2H6Z\"\/><\/svg>\r\n                    <\/span>\r\n                    <div>\r\n                        <span class=\"hrexp-label\">ROOM<\/span>\r\n                        <h3>\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/h3>\r\n                        <p>\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 03 -->\r\n            <article class=\"hrexp-card\" tabindex=\"0\" aria-label=\"\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e20\u0e32\u0e1e \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19 HR Resort\">\r\n                <div class=\"hrexp-image-wrap\">\r\n                    <img loading=\"lazy\"\r\n                        src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/LINE_ALBUM_2869_260816_6.jpg\"\r\n                        alt=\"\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                        class=\"hrexp-image\" loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"1100\"\r\n                    >\r\n                <\/div>\r\n                <div class=\"hrexp-image-gradient\"><\/div>\r\n                <span class=\"hrexp-number\">03<\/span>\r\n                <div class=\"hrexp-card-content\">\r\n                    <span class=\"hrexp-card-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M17 8c-3.5 0-5 2-5 5 0-3-1.5-5-5-5 0 4 1.9 6 5 6v7h2v-7c3.1 0 5-2 5-6h-2Zm-5-6c-2.8 1.8-4 3.9-4 6 2.5 0 4-1.2 4-3.5C12 6.8 13.5 8 16 8c0-2.1-1.2-4.2-4-6Z\"\/><\/svg>\r\n                    <\/span>\r\n                    <div>\r\n                        <span class=\"hrexp-label\">RELAX<\/span>\r\n                        <h3>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19<\/h3>\r\n                        <p>\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e0a\u0e21\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e23\u0e2d\u0e1a\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 04 -->\r\n            <article class=\"hrexp-card\" tabindex=\"0\" aria-label=\"\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e20\u0e32\u0e1e \u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\">\r\n                <div class=\"hrexp-image-wrap\">\r\n                    <img loading=\"lazy\"\r\n                        src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18890819.jpg\"\r\n                        alt=\"\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e35\u0e48 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                        class=\"hrexp-image\" loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"1100\"\r\n                    >\r\n                <\/div>\r\n                <div class=\"hrexp-image-gradient\"><\/div>\r\n                <span class=\"hrexp-number\">04<\/span>\r\n                <div class=\"hrexp-card-content\">\r\n                    <span class=\"hrexp-card-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 2h2v8c0 1.1-.9 2-2 2v10H5V12c-1.1 0-2-.9-2-2V2h2v6h2V2Zm7 0c3.3 0 5 2.5 5 6v5h-2v9h-2v-9h-2V8c0-3.5.7-6 1-6h1Z\"\/><\/svg>\r\n                    <\/span>\r\n                    <div>\r\n                        <span class=\"hrexp-label\">DINING<\/span>\r\n                        <h3>\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/h3>\r\n                        <p>\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n\r\n        <!-- =====================================================\r\n             MOBILE HINT\r\n        ====================================================== -->\r\n        <div class=\"hrexp-mobile-hint\" aria-hidden=\"true\">\r\n            <span>\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/span>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h12.2l-4.6-4.6L14 6l7 7-7 7-1.4-1.4 4.6-4.6H5v-2Z\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <!-- =====================================================\r\n             FOOTER\r\n        ====================================================== -->\r\n        <div class=\"hrexp-bottom hrexp-reveal\">\r\n            <div class=\"hrexp-bottom-location\">\r\n                <span class=\"hrexp-status\"><\/span>\r\n                <div>\r\n                    <strong>HR Resort<\/strong>\r\n                    <span>\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u2022 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"#book-now\" class=\"hrexp-button\">\r\n                <span>\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/span>\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h12.2l-4.6-4.6L14 6l7 7-7 7-1.4-1.4 4.6-4.6H5v-2Z\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   HR RESORT EXPERIENCE V3 - BLUE THEME\r\n========================================================= *\/\r\n#hrExperience {\r\n    \/* Blue Theme Variables *\/\r\n    --hrexp-blue-main: #1D4ED8;     \r\n    --hrexp-blue-dark: #1e3a8a;     \r\n    --hrexp-blue-soft: #EFF6FF;     \r\n    \r\n    --hrexp-accent-cyan: #0891B2; \r\n    \r\n    --hrexp-navy: #0F172A;\r\n    --hrexp-navy-dark: #020617;\r\n    \r\n    --hrexp-cream: #F8FAFC;\r\n    --hrexp-cream-light: #F1F5F9;\r\n    --hrexp-white: #FFFFFF;\r\n    \r\n    --hrexp-text: #1E293B;\r\n    --hrexp-muted: #64748B;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: clamp(75px, 7.5vw, 115px) 22px;\r\n    \r\n    background: linear-gradient(\r\n        180deg,\r\n        #F4F7FA 0%,\r\n        #E8F0F8 42%,\r\n        #F1F5F9 100%\r\n    );\r\n    \r\n    color: var(--hrexp-text);\r\n    font-family: \"Noto Sans Thai\", \"Prompt\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    box-sizing: border-box;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n#hrExperience *, #hrExperience *::before, #hrExperience *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================================\r\n   NATURAL BACKGROUND\r\n========================================================= *\/\r\n#hrExperience .hrexp-background {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n#hrExperience .hrexp-bg-photo {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    inset: 0;\r\n    object-fit: cover;\r\n    object-position: center 45%;\r\n    opacity: .08; \/* Slightly less opaque for the cooler tone *\/\r\n    filter: saturate(.8) contrast(1);\r\n}\r\n\r\n#hrExperience .hrexp-bg-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(244, 247, 250, .94) 0%,\r\n            rgba(232, 240, 248, .89) 45%,\r\n            rgba(241, 245, 249, .96) 100%\r\n        ),\r\n        radial-gradient(\r\n            circle at 20% 20%,\r\n            rgba(29, 78, 216, .08),\r\n            transparent 45%\r\n        );\r\n}\r\n\r\n#hrExperience .hrexp-nature-orb {\r\n    position: absolute;\r\n    display: block;\r\n    border-radius: 999px;\r\n    filter: blur(35px);\r\n}\r\n\r\n#hrExperience .hrexp-nature-orb-1 {\r\n    width: 430px;\r\n    height: 430px;\r\n    left: -220px;\r\n    top: -180px;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(59, 130, 246, .12),\r\n        transparent 70%\r\n    );\r\n}\r\n\r\n#hrExperience .hrexp-nature-orb-2 {\r\n    width: 470px;\r\n    height: 470px;\r\n    right: -250px;\r\n    bottom: -260px;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(30, 58, 138, .1),\r\n        transparent 70%\r\n    );\r\n}\r\n\r\n#hrExperience .hrexp-leaf {\r\n    position: absolute;\r\n    width: 215px;\r\n    fill: none;\r\n    stroke: rgba(29, 78, 216, .06);\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n}\r\n\r\n#hrExperience .hrexp-leaf-left { left: -45px; bottom: 2%; transform: rotate(-10deg); }\r\n#hrExperience .hrexp-leaf-right { right: -50px; top: 3%; transform: rotate(165deg); }\r\n\r\n\/* =========================================================\r\n   CONTAINER & HEADER\r\n========================================================= *\/\r\n#hrExperience .hrexp-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(100%, 1200px);\r\n    margin-inline: auto;\r\n}\r\n\r\n#hrExperience .hrexp-header {\r\n    width: min(100%, 790px);\r\n    margin: 0 auto clamp(38px, 5vw, 58px);\r\n    text-align: center;\r\n}\r\n\r\n#hrExperience .hrexp-location {\r\n    width: fit-content;\r\n    margin: 0 auto 17px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 7px;\r\n    padding: 7px 13px;\r\n    border: 1px solid rgba(29, 78, 216, .15);\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.75);\r\n    color: var(--hrexp-blue-dark);\r\n    box-shadow: 0 5px 18px rgba(29, 78, 216, .05);\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n    letter-spacing: .08em;\r\n}\r\n\r\n#hrExperience .hrexp-location-icon {\r\n    width: 19px;\r\n    height: 19px;\r\n    display: grid;\r\n    place-items: center;\r\n    color: var(--hrexp-blue-main);\r\n}\r\n#hrExperience .hrexp-location-icon svg { width: 14px; height: 14px; fill: currentColor; }\r\n\r\n#hrExperience .hrexp-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-bottom: 14px;\r\n    color: var(--hrexp-blue-main);\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: .18em;\r\n}\r\n#hrExperience .hrexp-eyebrow-line { width: 31px; height: 1px; background: rgba(29, 78, 216, .30); }\r\n\r\n#hrExperience .hrexp-title {\r\n    margin: 0;\r\n    color: var(--hrexp-navy-dark);\r\n    font-size: clamp(34px, 4vw, 53px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    letter-spacing: -.03em;\r\n}\r\n#hrExperience .hrexp-title span {\r\n    display: block;\r\n    margin-top: 3px;\r\n    color: var(--hrexp-blue-main);\r\n}\r\n\r\n#hrExperience .hrexp-subtitle {\r\n    width: min(100%, 690px);\r\n    margin: 17px auto 0;\r\n    color: var(--hrexp-muted);\r\n    font-size: clamp(13px, 1vw, 15.5px);\r\n    line-height: 1.85;\r\n}\r\n\r\n\/* =========================================================\r\n   GALLERY GRID & CARD\r\n========================================================= *\/\r\n#hrExperience .hrexp-grid-wrap {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0,1fr));\r\n    gap: 15px;\r\n}\r\n\r\n#hrExperience .hrexp-card {\r\n    position: relative;\r\n    min-width: 0;\r\n    height: clamp(380px, 34vw, 470px);\r\n    overflow: hidden;\r\n    margin: 0;\r\n    border-radius: 25px;\r\n    border: 5px solid rgba(255,255,255,.95);\r\n    background: #DCE5EF;\r\n    box-shadow: 0 18px 46px rgba(15, 23, 42, .08);\r\n    cursor: zoom-in;\r\n    outline: none;\r\n    transform: translateZ(0);\r\n    transition: transform .42s cubic-bezier(.2,.8,.2,1), box-shadow .42s ease;\r\n}\r\n\r\n#hrExperience .hrexp-image-wrap { position: absolute; inset: 0; overflow: hidden; }\r\n#hrExperience .hrexp-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transform: scale(1.001);\r\n    transition: transform .75s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n#hrExperience .hrexp-image-gradient {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(\r\n        180deg,\r\n        rgba(2, 6, 23, .00) 25%,\r\n        rgba(15, 23, 42, .15) 53%,\r\n        rgba(15, 23, 42, .75) 100%\r\n    );\r\n}\r\n\r\n#hrExperience .hrexp-number {\r\n    position: absolute;\r\n    z-index: 4;\r\n    top: 15px;\r\n    right: 15px;\r\n    width: 36px;\r\n    height: 36px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(255,255,255,.6);\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.9);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    color: var(--hrexp-blue-dark);\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    box-shadow: 0 5px 15px rgba(15, 23, 42, .06);\r\n}\r\n\r\n#hrExperience .hrexp-card-content {\r\n    position: absolute;\r\n    z-index: 4;\r\n    left: 12px;\r\n    right: 12px;\r\n    bottom: 12px;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    gap: 12px;\r\n    padding: 16px;\r\n    border: 1px solid rgba(255,255,255,.15);\r\n    border-radius: 18px;\r\n    background: rgba(15, 23, 42, .65);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);\r\n    transition: transform .35s ease, background .35s ease;\r\n}\r\n\r\n#hrExperience .hrexp-card-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 auto;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 12px;\r\n    background: rgba(255,255,255,.15);\r\n    border: 1px solid rgba(255,255,255,.15);\r\n    color: #FFFFFF;\r\n}\r\n#hrExperience .hrexp-card-icon svg { width: 18px; height: 18px; fill: currentColor; }\r\n\r\n#hrExperience .hrexp-label {\r\n    display: block;\r\n    margin-bottom: 2px;\r\n    color: #93C5FD;\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n    letter-spacing: .14em;\r\n}\r\n\r\n#hrExperience .hrexp-card-content h3 {\r\n    margin: 0;\r\n    color: #FFFFFF;\r\n    font-size: clamp(17px, 1.25vw, 20px);\r\n    line-height: 1.4;\r\n    font-weight: 750;\r\n}\r\n#hrExperience .hrexp-card-content p {\r\n    margin: 4px 0 0;\r\n    color: rgba(255,255,255,.75);\r\n    font-size: 10.5px;\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* =========================================================\r\n   HOVER & FOCUS\r\n========================================================= *\/\r\n@media (hover:hover) {\r\n    #hrExperience .hrexp-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 28px 55px rgba(15, 23, 42, .12);\r\n    }\r\n    #hrExperience .hrexp-card:hover .hrexp-image { transform: scale(1.065); }\r\n    #hrExperience .hrexp-card:hover .hrexp-card-content {\r\n        transform: translateY(-2px);\r\n        background: rgba(15, 23, 42, .85);\r\n    }\r\n}\r\n#hrExperience .hrexp-card:focus-visible {\r\n    outline: 2px solid var(--hrexp-blue-main);\r\n    outline-offset: 4px;\r\n}\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n#hrExperience .hrexp-bottom {\r\n    margin-top: 29px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n}\r\n#hrExperience .hrexp-bottom-location { display: flex; align-items: center; gap: 11px; }\r\n\r\n#hrExperience .hrexp-status {\r\n    width: 8px;\r\n    height: 8px;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    background: #3B82F6;\r\n    box-shadow: 0 0 0 6px rgba(59, 130, 246, .15);\r\n}\r\n\r\n#hrExperience .hrexp-bottom-location strong {\r\n    display: block;\r\n    color: var(--hrexp-navy);\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n}\r\n#hrExperience .hrexp-bottom-location div > span {\r\n    display: block;\r\n    margin-top: 1px;\r\n    color: var(--hrexp-muted);\r\n    font-size: 10px;\r\n}\r\n\r\n#hrExperience .hrexp-button {\r\n    min-height: 49px;\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 0 23px;\r\n    color: #FFFFFF !important;\r\n    background: linear-gradient(135deg, var(--hrexp-blue-dark), var(--hrexp-blue-main));\r\n    border: 1px solid transparent;\r\n    border-radius: 12px;\r\n    text-decoration: none !important;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    box-shadow: 0 11px 25px rgba(29, 78, 216, .2);\r\n    transition: transform .28s ease, box-shadow .28s ease;\r\n}\r\n#hrExperience .hrexp-button svg { width: 16px; height: 16px; fill: currentColor; transition: transform .28s ease; }\r\n\r\n@media (hover:hover) {\r\n    #hrExperience .hrexp-button:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 16px 31px rgba(29, 78, 216, .28);\r\n    }\r\n    #hrExperience .hrexp-button:hover svg { transform: translateX(3px); }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE HINT & REVEAL\r\n========================================================= *\/\r\n#hrExperience .hrexp-mobile-hint { display: none; }\r\n#hrExperience.hrexp-js .hrexp-reveal {\r\n    opacity: 0;\r\n    transform: translateY(17px);\r\n    transition: opacity .7s ease, transform .7s ease;\r\n}\r\n#hrExperience.hrexp-js.hrexp-visible .hrexp-reveal { opacity: 1; transform: translateY(0); }\r\n#hrExperience.hrexp-js.hrexp-visible .hrexp-grid-wrap { transition-delay: .08s; }\r\n#hrExperience.hrexp-js.hrexp-visible .hrexp-bottom { transition-delay: .14s; }\r\n\r\n\/* =========================================================\r\n   RESPONSIVE (TABLET & MOBILE)\r\n========================================================= *\/\r\n@media (max-width:1024px) {\r\n    #hrExperience { padding: 76px 22px; }\r\n    #hrExperience .hrexp-grid-wrap { grid-template-columns: repeat(2, minmax(0,1fr)); }\r\n    #hrExperience .hrexp-card { height: 430px; }\r\n}\r\n\r\n@media (max-width:767px) {\r\n    #hrExperience { padding: 58px 0; }\r\n    #hrExperience .hrexp-header { padding: 0 18px; margin-bottom: 31px; }\r\n    #hrExperience .hrexp-location { font-size: 8px; padding: 6px 10px; }\r\n    #hrExperience .hrexp-title { font-size: clamp(30px, 9vw, 39px); }\r\n    #hrExperience .hrexp-subtitle { font-size: 12.5px; line-height: 1.75; }\r\n    \r\n    #hrExperience .hrexp-grid-wrap {\r\n        display: flex;\r\n        overflow-x: auto;\r\n        gap: 12px;\r\n        padding: 3px 18px 22px;\r\n        scroll-snap-type: x mandatory;\r\n        scroll-padding-left: 18px;\r\n        -webkit-overflow-scrolling: touch;\r\n        scrollbar-width: none;\r\n    }\r\n    #hrExperience .hrexp-grid-wrap::-webkit-scrollbar { display: none; }\r\n    \r\n    #hrExperience .hrexp-card {\r\n        flex: 0 0 min(82vw, 330px);\r\n        height: 425px;\r\n        scroll-snap-align: start;\r\n        border-radius: 21px;\r\n    }\r\n    #hrExperience .hrexp-card-content { left: 9px; right: 9px; bottom: 9px; padding: 14px; border-radius: 15px; }\r\n    \r\n    #hrExperience .hrexp-mobile-hint {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 7px;\r\n        margin-top: 2px;\r\n        color: var(--hrexp-muted);\r\n        font-size: 9.5px;\r\n    }\r\n    #hrExperience .hrexp-mobile-hint svg {\r\n        width: 14px; height: 14px; fill: currentColor;\r\n        animation: hrexpArrow 1.6s ease-in-out infinite;\r\n    }\r\n    \r\n    #hrExperience .hrexp-bottom { padding: 0 18px; margin-top: 27px; }\r\n    #hrExperience .hrexp-bottom-location { display: none; }\r\n    #hrExperience .hrexp-button { width: 100%; min-height: 49px; }\r\n    #hrExperience .hrexp-leaf { opacity: .55; }\r\n}\r\n\r\n@keyframes hrexpArrow {\r\n    0%, 100% { transform: translateX(0); opacity: .55; }\r\n    50% { transform: translateX(4px); opacity: 1; }\r\n}\r\n\r\n\/* =========================================================\r\n   LIGHTBOX (BLUE THEMED)\r\n========================================================= *\/\r\n.hrexp-lightbox-modal {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 99999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 25px;\r\n    background: rgba(2, 6, 23, .93);\r\n    backdrop-filter: blur(9px);\r\n    -webkit-backdrop-filter: blur(9px);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity .3s ease, visibility .3s ease;\r\n}\r\n.hrexp-lightbox-modal.is-active { opacity: 1; visibility: visible; }\r\n.hrexp-lightbox-content { position: relative; display: flex; align-items: center; justify-content: center; max-width: 92vw; max-height: 88vh; }\r\n.hrexp-lightbox-img {\r\n    display: block;\r\n    max-width: 92vw;\r\n    max-height: 86vh;\r\n    object-fit: contain;\r\n    border: 5px solid rgba(255,255,255,.9);\r\n    border-radius: 15px;\r\n    box-shadow: 0 30px 70px rgba(0,0,0,.35);\r\n    transform: scale(.96);\r\n    transition: transform .3s ease;\r\n}\r\n.hrexp-lightbox-modal.is-active .hrexp-lightbox-img { transform: scale(1); }\r\n\r\n.hrexp-lightbox-close {\r\n    position: absolute;\r\n    z-index: 10;\r\n    top: -46px;\r\n    right: -5px;\r\n    width: 39px;\r\n    height: 39px;\r\n    display: grid;\r\n    place-items: center;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    color: #FFFFFF;\r\n    background: rgba(255,255,255,.12);\r\n    font-size: 28px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n    #hrExperience *, #hrExperience *::before, #hrExperience *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }\r\n    #hrExperience.hrexp-js .hrexp-reveal { opacity: 1 !important; transform: none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* JS Logic matches your original perfectly to preserve smooth scroll and Lightbox features *\/\r\n(function () {\r\n    \"use strict\";\r\n    function initHRExperience() {\r\n        var section = document.getElementById(\"hrExperience\");\r\n        if (!section || section.hasAttribute(\"data-hrexp-init\")) return;\r\n        section.setAttribute(\"data-hrexp-init\", \"true\");\r\n\r\n        var reduceMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n        if (reduceMotion) {\r\n            section.classList.add(\"hrexp-visible\");\r\n        } else if (\"IntersectionObserver\" in window) {\r\n            section.classList.add(\"hrexp-js\");\r\n            var observer = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        section.classList.add(\"hrexp-visible\");\r\n                        observer.disconnect();\r\n                    }\r\n                });\r\n            }, { threshold: .08, rootMargin: \"0px 0px -20px 0px\" });\r\n            observer.observe(section);\r\n        }\r\n\r\n        var bookingButton = section.querySelector('a[href=\"#book-now\"]');\r\n        if (bookingButton) {\r\n            bookingButton.addEventListener(\"click\", function (event) {\r\n                var target = document.getElementById(\"book-now\");\r\n                if (!target) return;\r\n                event.preventDefault();\r\n                var headerOffset = 90;\r\n                var position = target.getBoundingClientRect().top + window.pageYOffset - headerOffset;\r\n                window.scrollTo({ top: Math.max(0, position), behavior: \"smooth\" });\r\n            });\r\n        }\r\n\r\n        var lightbox = document.createElement(\"div\");\r\n        lightbox.className = \"hrexp-lightbox-modal\";\r\n        lightbox.setAttribute(\"aria-hidden\", \"true\");\r\n        lightbox.innerHTML = '<div class=\"hrexp-lightbox-content\"><button type=\"button\" class=\"hrexp-lightbox-close\" aria-label=\"\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\">&times;<\/button><img decoding=\"async\" class=\"hrexp-lightbox-img\" src=\"\" alt=\"\"><\/div>';\r\n        document.body.appendChild(lightbox);\r\n\r\n        var lightboxImage = lightbox.querySelector(\".hrexp-lightbox-img\");\r\n        var closeButton = lightbox.querySelector(\".hrexp-lightbox-close\");\r\n        var cards = section.querySelectorAll(\".hrexp-card\");\r\n        var previousOverflow = \"\";\r\n\r\n        function openLightbox(imageSrc, imageAlt) {\r\n            previousOverflow = document.body.style.overflow;\r\n            lightboxImage.src = imageSrc;\r\n            lightboxImage.alt = imageAlt || \"\u0e20\u0e32\u0e1e HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\";\r\n            lightbox.classList.add(\"is-active\");\r\n            lightbox.setAttribute(\"aria-hidden\", \"false\");\r\n            document.body.style.overflow = \"hidden\";\r\n            closeButton.focus();\r\n        }\r\n\r\n        function closeLightbox() {\r\n            lightbox.classList.remove(\"is-active\");\r\n            lightbox.setAttribute(\"aria-hidden\", \"true\");\r\n            document.body.style.overflow = previousOverflow;\r\n            window.setTimeout(function () { lightboxImage.src = \"\"; }, 300);\r\n        }\r\n\r\n        cards.forEach(function (card) {\r\n            card.addEventListener(\"click\", function () {\r\n                var image = card.querySelector(\".hrexp-image\");\r\n                if (image) openLightbox(image.currentSrc || image.src, image.alt);\r\n            });\r\n            card.addEventListener(\"keydown\", function (event) {\r\n                if (event.key === \"Enter\" || event.key === \" \") {\r\n                    event.preventDefault();\r\n                    var image = card.querySelector(\".hrexp-image\");\r\n                    if (image) openLightbox(image.currentSrc || image.src, image.alt);\r\n                }\r\n            });\r\n        });\r\n\r\n        closeButton.addEventListener(\"click\", closeLightbox);\r\n        lightbox.addEventListener(\"click\", function (event) { if (event.target === lightbox) closeLightbox(); });\r\n        document.addEventListener(\"keydown\", function (event) {\r\n            if (event.key === \"Escape\" && lightbox.classList.contains(\"is-active\")) closeLightbox();\r\n        });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", initHRExperience, { once: true });\r\n    } else {\r\n        initHRExperience();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b5247b e-con-full e-flex e-con e-parent\" data-id=\"4b5247b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dabe0b3 elementor-widget elementor-widget-html\" data-id=\"dabe0b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HR RESORT \u2014 FITNESS SECTION V2\r\n     BG VERSION \/ BLUE + WHITE\r\n     Elementor \/ WordPress Custom HTML\r\n     HTML + CSS + JS IN ONE BLOCK\r\n========================================================= -->\r\n\r\n<section\r\n    id=\"hrFitnessSection\"\r\n    class=\"hrfit-section\"\r\n    aria-labelledby=\"hrfit-title\"\r\n>\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND IMAGE\r\n    ====================================================== -->\r\n    <div class=\"hrfit-background\" aria-hidden=\"true\">\r\n\r\n        <img loading=\"lazy\"\r\n            src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/serene-wooden-terrace-overlooking-tranquil-lake-morning-mist-scaled.jpg\"\r\n            alt=\"\"\r\n            class=\"hrfit-bg-image\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n            width=\"1920\"\r\n            height=\"1080\"\r\n        >\r\n\r\n        <div class=\"hrfit-bg-overlay\"><\/div>\r\n        <div class=\"hrfit-bg-fade\"><\/div>\r\n\r\n        <span class=\"hrfit-orb hrfit-orb-1\"><\/span>\r\n        <span class=\"hrfit-orb hrfit-orb-2\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"hrfit-container\">\r\n\r\n        <!-- =====================================================\r\n             LEFT CONTENT\r\n        ====================================================== -->\r\n        <div class=\"hrfit-content hrfit-reveal\">\r\n\r\n            <div class=\"hrfit-badge\">\r\n                <span class=\"hrfit-badge-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 9h2V7h2v10H6v-2H4V9Zm4 2h8v2H8v-2Zm8-4h2v2h2v6h-2v2h-2V7Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                <span>FITNESS AT HR RESORT<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"hrfit-location\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z\"\/>\r\n                <\/svg>\r\n                <span>HR Resort \u2022 \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u2022 \u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c<\/span>\r\n            <\/div>\r\n\r\n            <h2 id=\"hrfit-title\" class=\"hrfit-title\">\r\n                \u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e27\u0e31\u0e19\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\r\n                <span>\u0e40\u0e15\u0e34\u0e21\u0e1e\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e43\u0e19\u0e17\u0e38\u0e01\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hrfit-description\">\r\n                <strong>HR Resort<\/strong>\r\n                \u0e21\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22\u0e20\u0e32\u0e22\u0e43\u0e19\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17\r\n                \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22\r\n                \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e22\u0e31\u0e1a\u0e23\u0e48\u0e32\u0e07\u0e01\u0e32\u0e22\r\n                \u0e41\u0e25\u0e30\u0e23\u0e31\u0e01\u0e29\u0e32\u0e01\u0e34\u0e08\u0e27\u0e31\u0e15\u0e23\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e21\u0e32\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n            <\/p>\r\n\r\n            <div class=\"hrfit-features\">\r\n\r\n                <div class=\"hrfit-feature\">\r\n                    <span class=\"hrfit-feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M4 9h2V7h2v10H6v-2H4V9Zm4 2h8v2H8v-2Zm8-4h2v2h2v6h-2v2h-2V7Z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    <div>\r\n                        <strong>\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22<\/strong>\r\n                        <span>\u0e21\u0e35\u0e17\u0e31\u0e49\u0e07\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e32\u0e23\u0e4c\u0e14\u0e34\u0e42\u0e2d\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2d\u0e32\u0e04\u0e32\u0e23<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"hrfit-feature\">\r\n                    <span class=\"hrfit-feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M12 3a9 9 0 1 0 9 9h-2a7 7 0 1 1-2.05-4.95L14 10h7V3l-2.64 2.64A8.95 8.95 0 0 0 12 3Z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    <div>\r\n                        <strong>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e19\u0e23\u0e48\u0e21<\/strong>\r\n                        <span>\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22\u0e20\u0e32\u0e22\u0e43\u0e19\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"hrfit-feature\">\r\n                    <span class=\"hrfit-feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M12 2 9.5 8H3l5 4-2 7 6-4 6 4-2-7 5-4h-6.5L12 2Z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    <div>\r\n                        <strong>\u0e14\u0e39\u0e41\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e17\u0e23\u0e34\u0e1b<\/strong>\r\n                        <span>\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2d\u0e35\u0e01\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e14\u0e35 \u0e46 \u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hrfit-info\">\r\n                <span class=\"hrfit-info-symbol\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M11 7h2v2h-2V7Zm0 4h2v6h-2v-6Zm1-9a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                <p>\r\n                    Fitness \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e02\u0e2d\u0e07 HR Resort\r\n                    \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             RIGHT GALLERY\r\n        ====================================================== -->\r\n        <div class=\"hrfit-gallery hrfit-reveal\">\r\n\r\n            <span class=\"hrfit-gallery-frame\" aria-hidden=\"true\"><\/span>\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrfit-photo hrfit-photo-main\"\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22 HR Resort\"\r\n                data-hrfit-image\r\n            >\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18948105_0.jpg\"\r\n                    alt=\"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                    width=\"1200\"\r\n                    height=\"800\"\r\n                >\r\n\r\n                <span class=\"hrfit-photo-shade\"><\/span>\r\n\r\n                <span class=\"hrfit-photo-caption\">\r\n                    <span class=\"hrfit-photo-category\">FITNESS<\/span>\r\n                    <strong>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22<\/strong>\r\n                    <small>HR Resort \u2022 \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07<\/small>\r\n                <\/span>\r\n\r\n                <span class=\"hrfit-expand\" aria-hidden=\"true\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrfit-photo hrfit-photo-small hrfit-photo-small-1\"\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e20\u0e32\u0e22\u0e43\u0e19\u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a HR Resort\"\r\n                data-hrfit-image\r\n            >\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18948108_0.jpg\"\r\n                    alt=\"\u0e20\u0e32\u0e22\u0e43\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22 HR Resort\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                    width=\"900\"\r\n                    height=\"1200\"\r\n                >\r\n                <span class=\"hrfit-photo-shade\"><\/span>\r\n                <span class=\"hrfit-expand\" aria-hidden=\"true\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrfit-photo hrfit-photo-small hrfit-photo-small-2\"\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22 HR Resort\"\r\n                data-hrfit-image\r\n            >\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18948106_0.jpg\"\r\n                    alt=\"\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22\u0e20\u0e32\u0e22\u0e43\u0e19 HR Resort\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                    width=\"900\"\r\n                    height=\"1200\"\r\n                >\r\n                <span class=\"hrfit-photo-shade\"><\/span>\r\n                <span class=\"hrfit-expand\" aria-hidden=\"true\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrfit-photo hrfit-photo-wide\"\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a HR Resort\"\r\n                data-hrfit-image\r\n            >\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18948107_0.jpg\"\r\n                    alt=\"\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22 HR Resort\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                    width=\"1200\"\r\n                    height=\"800\"\r\n                >\r\n\r\n                <span class=\"hrfit-photo-shade\"><\/span>\r\n\r\n                <span class=\"hrfit-wide-label\">\r\n                    <span><\/span>\r\n                    FITNESS SPACE\r\n                <\/span>\r\n\r\n                <span class=\"hrfit-expand\" aria-hidden=\"true\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n\r\n\r\n            <div class=\"hrfit-floating-badge\" aria-hidden=\"true\">\r\n                <span class=\"hrfit-floating-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 9h2V7h2v10H6v-2H4V9Zm4 2h8v2H8v-2Zm8-4h2v2h2v6h-2v2h-2V7Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <div>\r\n                    <span>STAY ACTIVE<\/span>\r\n                    <strong>Fitness at HR Resort<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX\r\n========================================================= -->\r\n<div\r\n    id=\"hrFitnessLightbox\"\r\n    class=\"hrfit-lightbox\"\r\n    aria-hidden=\"true\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    aria-label=\"\u0e41\u0e01\u0e25\u0e40\u0e25\u0e2d\u0e23\u0e35\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22 HR Resort\"\r\n>\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrfit-lightbox-close\"\r\n        aria-label=\"\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\"\r\n    >\r\n        \u00d7\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrfit-lightbox-nav hrfit-lightbox-prev\"\r\n        aria-label=\"\u0e20\u0e32\u0e1e\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\"\r\n    >\r\n        <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M15.4 7.4 10.8 12l4.6 4.6L14 18l-6-6 6-6 1.4 1.4Z\"\/>\r\n        <\/svg>\r\n    <\/button>\r\n\r\n    <div class=\"hrfit-lightbox-content\">\r\n        <img decoding=\"async\"\r\n            class=\"hrfit-lightbox-image\"\r\n            src=\"\"\r\n            alt=\"\"\r\n        >\r\n\r\n        <div class=\"hrfit-lightbox-info\">\r\n            <span>HR RESORT FITNESS<\/span>\r\n            <strong>\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c<\/strong>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrfit-lightbox-nav hrfit-lightbox-next\"\r\n        aria-label=\"\u0e20\u0e32\u0e1e\u0e16\u0e31\u0e14\u0e44\u0e1b\"\r\n    >\r\n        <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"m8.6 16.6 4.6-4.6-4.6-4.6L10 6l6 6-6 6-1.4-1.4Z\"\/>\r\n        <\/svg>\r\n    <\/button>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   HR FITNESS SECTION V2\r\n========================================================= *\/\r\n\r\n#hrFitnessSection {\r\n    --hrfit-blue: #2563EB;\r\n    --hrfit-blue-dark: #1D4ED8;\r\n    --hrfit-blue-deep: #123B74;\r\n    --hrfit-navy: #15385D;\r\n    --hrfit-navy-dark: #0E2C4B;\r\n    --hrfit-sky: #38BDF8;\r\n    --hrfit-soft: #EFF6FF;\r\n    --hrfit-soft-2: rgba(255,255,255,.72);\r\n    --hrfit-white: #FFFFFF;\r\n    --hrfit-text: #133253;\r\n    --hrfit-muted: #5A6E84;\r\n    --hrfit-border: rgba(255,255,255,.28);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    padding: clamp(75px, 8vw, 125px) 22px;\r\n    color: var(--hrfit-text);\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        \"Prompt\",\r\n        system-ui,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n    box-sizing: border-box;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n#hrFitnessSection *,\r\n#hrFitnessSection *::before,\r\n#hrFitnessSection *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n#hrFitnessSection .hrfit-background {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n#hrFitnessSection .hrfit-bg-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n    transform: scale(1.02);\r\n}\r\n\r\n#hrFitnessSection .hrfit-bg-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(7, 34, 67, .83) 0%,\r\n            rgba(12, 46, 84, .72) 34%,\r\n            rgba(18, 58, 104, .50) 58%,\r\n            rgba(255,255,255,.10) 100%\r\n        );\r\n}\r\n\r\n#hrFitnessSection .hrfit-bg-fade {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(240,248,255,.10) 0%,\r\n            rgba(255,255,255,.04) 50%,\r\n            rgba(255,255,255,.10) 100%\r\n        );\r\n}\r\n\r\n#hrFitnessSection .hrfit-orb {\r\n    position: absolute;\r\n    display: block;\r\n    border-radius: 999px;\r\n}\r\n\r\n#hrFitnessSection .hrfit-orb-1 {\r\n    width: 420px;\r\n    height: 420px;\r\n    left: -220px;\r\n    top: -180px;\r\n    background: radial-gradient(circle, rgba(56,189,248,.22), transparent 70%);\r\n}\r\n\r\n#hrFitnessSection .hrfit-orb-2 {\r\n    width: 520px;\r\n    height: 520px;\r\n    right: -240px;\r\n    bottom: -240px;\r\n    background: radial-gradient(circle, rgba(37,99,235,.17), transparent 70%);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n#hrFitnessSection .hrfit-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(100%, 1280px);\r\n    margin-inline: auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);\r\n    align-items: center;\r\n    gap: clamp(55px, 7vw, 100px);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n#hrFitnessSection .hrfit-content {\r\n    min-width: 0;\r\n    max-width: 590px;\r\n    color: #FFFFFF;\r\n}\r\n\r\n#hrFitnessSection .hrfit-badge {\r\n    width: fit-content;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    min-height: 34px;\r\n    padding: 6px 13px;\r\n    border: 1px solid rgba(255,255,255,.26);\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.10);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    color: #E9F5FF;\r\n    box-shadow: 0 7px 22px rgba(8,34,66,.10);\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n    letter-spacing: .15em;\r\n}\r\n\r\n#hrFitnessSection .hrfit-badge-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    color: #FFFFFF;\r\n    background: var(--hrfit-blue);\r\n}\r\n\r\n#hrFitnessSection .hrfit-badge-icon svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    fill: currentColor;\r\n}\r\n\r\n#hrFitnessSection .hrfit-location {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    margin-top: 17px;\r\n    color: rgba(233,245,255,.86);\r\n    font-size: 10.5px;\r\n    font-weight: 650;\r\n}\r\n\r\n#hrFitnessSection .hrfit-location svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    flex: 0 0 auto;\r\n    fill: #8FD3FF;\r\n}\r\n\r\n#hrFitnessSection .hrfit-title {\r\n    margin: 18px 0 0;\r\n    color: #FFFFFF;\r\n    font-size: clamp(38px, 4.2vw, 60px);\r\n    line-height: 1.18;\r\n    font-weight: 800;\r\n    letter-spacing: -.035em;\r\n}\r\n\r\n#hrFitnessSection .hrfit-title span {\r\n    display: block;\r\n    margin-top: 4px;\r\n    color: #A8DDFF;\r\n}\r\n\r\n#hrFitnessSection .hrfit-description {\r\n    max-width: 560px;\r\n    margin: 23px 0 0;\r\n    color: rgba(255,255,255,.80);\r\n    font-size: clamp(13.5px, 1vw, 15.5px);\r\n    line-height: 1.95;\r\n}\r\n\r\n#hrFitnessSection .hrfit-description strong {\r\n    color: #FFFFFF;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n#hrFitnessSection .hrfit-features {\r\n    display: grid;\r\n    gap: 10px;\r\n    margin-top: 27px;\r\n}\r\n\r\n#hrFitnessSection .hrfit-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    min-height: 60px;\r\n    padding: 11px 12px;\r\n    border: 1px solid rgba(255,255,255,.15);\r\n    border-radius: 15px;\r\n    background: rgba(255,255,255,.10);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n#hrFitnessSection .hrfit-feature-icon {\r\n    width: 39px;\r\n    height: 39px;\r\n    flex: 0 0 auto;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 12px;\r\n    color: #FFFFFF;\r\n    background: rgba(37,99,235,.78);\r\n}\r\n\r\n#hrFitnessSection .hrfit-feature-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n}\r\n\r\n#hrFitnessSection .hrfit-feature strong {\r\n    display: block;\r\n    color: #FFFFFF;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n}\r\n\r\n#hrFitnessSection .hrfit-feature div > span {\r\n    display: block;\r\n    margin-top: 1px;\r\n    color: rgba(255,255,255,.72);\r\n    font-size: 10px;\r\n    line-height: 1.5;\r\n}\r\n\r\n@media (hover:hover) {\r\n    #hrFitnessSection .hrfit-feature:hover {\r\n        transform: translateX(4px);\r\n        border-color: rgba(255,255,255,.28);\r\n        background: rgba(255,255,255,.14);\r\n        box-shadow: 0 12px 25px rgba(8,34,66,.14);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   INFO\r\n========================================================= *\/\r\n#hrFitnessSection .hrfit-info {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    margin-top: 18px;\r\n    padding: 13px 15px;\r\n    border-left: 3px solid #7FC9FF;\r\n    border-radius: 0 12px 12px 0;\r\n    background: rgba(255,255,255,.10);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n}\r\n\r\n#hrFitnessSection .hrfit-info-symbol {\r\n    width: 21px;\r\n    height: 21px;\r\n    flex: 0 0 auto;\r\n    display: grid;\r\n    place-items: center;\r\n    color: #A8DDFF;\r\n}\r\n\r\n#hrFitnessSection .hrfit-info-symbol svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    fill: currentColor;\r\n}\r\n\r\n#hrFitnessSection .hrfit-info p {\r\n    margin: 0;\r\n    color: rgba(255,255,255,.76);\r\n    font-size: 10.5px;\r\n    line-height: 1.65;\r\n}\r\n\r\n\/* =========================================================\r\n   GALLERY\r\n========================================================= *\/\r\n#hrFitnessSection .hrfit-gallery {\r\n    position: relative;\r\n    min-width: 0;\r\n    width: 100%;\r\n    min-height: 610px;\r\n    display: grid;\r\n    grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);\r\n    grid-template-rows: 1fr .82fr;\r\n    gap: 12px;\r\n}\r\n\r\n#hrFitnessSection .hrfit-gallery-frame {\r\n    position: absolute;\r\n    z-index: -1;\r\n    width: 64%;\r\n    height: 66%;\r\n    right: -20px;\r\n    top: -20px;\r\n    border: 2px solid rgba(255,255,255,.34);\r\n    border-radius: 30px;\r\n}\r\n\r\n\/* =========================================================\r\n   PHOTO\r\n========================================================= *\/\r\n#hrFitnessSection .hrfit-photo {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    border: 5px solid rgba(255,255,255,.90);\r\n    border-radius: 23px;\r\n    background: #EAF2FA;\r\n    box-shadow: 0 18px 45px rgba(8,34,66,.18);\r\n    cursor: zoom-in;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    outline: none;\r\n    transition:\r\n        transform .4s cubic-bezier(.2,.8,.2,1),\r\n        box-shadow .4s ease;\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo img {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform .7s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo-main {\r\n    grid-row: 1 \/ 3;\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo-main img {\r\n    object-position: center;\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo-small-1 {\r\n    grid-column: 2;\r\n    grid-row: 1;\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo-wide {\r\n    grid-column: 2;\r\n    grid-row: 2;\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo-small-2 {\r\n    position: absolute;\r\n    width: 170px;\r\n    height: 215px;\r\n    right: 19%;\r\n    bottom: -38px;\r\n    z-index: 5;\r\n    border-radius: 19px;\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo-shade {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 42%,\r\n            rgba(8,34,66,.10) 65%,\r\n            rgba(8,34,66,.72) 100%\r\n        );\r\n}\r\n\r\n\/* Main image caption *\/\r\n#hrFitnessSection .hrfit-photo-caption {\r\n    position: absolute;\r\n    z-index: 3;\r\n    left: 19px;\r\n    right: 19px;\r\n    bottom: 18px;\r\n    text-align: left;\r\n    color: #FFFFFF;\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo-category {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: #B7DAFF;\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n    letter-spacing: .17em;\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo-caption strong {\r\n    display: block;\r\n    color: #FFFFFF;\r\n    font-size: clamp(18px,1.4vw,23px);\r\n    line-height: 1.4;\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo-caption small {\r\n    display: block;\r\n    margin-top: 3px;\r\n    color: rgba(255,255,255,.67);\r\n    font-size: 9.5px;\r\n}\r\n\r\n\/* Wide label *\/\r\n#hrFitnessSection .hrfit-wide-label {\r\n    position: absolute;\r\n    z-index: 3;\r\n    left: 16px;\r\n    bottom: 15px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    color: #FFFFFF;\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n    letter-spacing: .14em;\r\n}\r\n\r\n#hrFitnessSection .hrfit-wide-label span {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: #5DB9FF;\r\n    box-shadow: 0 0 0 5px rgba(93,185,255,.13);\r\n}\r\n\r\n\/* Expand button *\/\r\n#hrFitnessSection .hrfit-expand {\r\n    position: absolute;\r\n    z-index: 4;\r\n    top: 14px;\r\n    right: 14px;\r\n    width: 35px;\r\n    height: 35px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(255,255,255,.45);\r\n    border-radius: 50%;\r\n    color: var(--hrfit-navy);\r\n    background: rgba(255,255,255,.88);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    box-shadow: 0 5px 15px rgba(11,38,67,.10);\r\n}\r\n\r\n#hrFitnessSection .hrfit-expand svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    fill: currentColor;\r\n}\r\n\r\n@media (hover:hover) {\r\n    #hrFitnessSection .hrfit-photo:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 25px 55px rgba(8,34,66,.23);\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-photo:hover img {\r\n        transform: scale(1.045);\r\n    }\r\n}\r\n\r\n#hrFitnessSection .hrfit-photo:focus-visible {\r\n    outline: 3px solid rgba(255,255,255,.72);\r\n    outline-offset: 3px;\r\n}\r\n\r\n\/* Floating badge *\/\r\n#hrFitnessSection .hrfit-floating-badge {\r\n    position: absolute;\r\n    z-index: 7;\r\n    left: -24px;\r\n    top: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 11px 14px;\r\n    border: 1px solid rgba(255,255,255,.85);\r\n    border-radius: 16px;\r\n    background: rgba(255,255,255,.88);\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n    box-shadow: 0 14px 35px rgba(8,34,66,.18);\r\n}\r\n\r\n#hrFitnessSection .hrfit-floating-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n    flex: 0 0 auto;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 11px;\r\n    color: #FFFFFF;\r\n    background: linear-gradient(135deg, var(--hrfit-blue), #188CCF);\r\n}\r\n\r\n#hrFitnessSection .hrfit-floating-icon svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    fill: currentColor;\r\n}\r\n\r\n#hrFitnessSection .hrfit-floating-badge div > span {\r\n    display: block;\r\n    color: #91A1B2;\r\n    font-size: 7.5px;\r\n    font-weight: 800;\r\n    letter-spacing: .12em;\r\n}\r\n\r\n#hrFitnessSection .hrfit-floating-badge strong {\r\n    display: block;\r\n    margin-top: 1px;\r\n    color: var(--hrfit-navy);\r\n    font-size: 10.5px;\r\n}\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n#hrFitnessSection.hrfit-js .hrfit-reveal {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity .72s ease, transform .72s ease;\r\n}\r\n\r\n#hrFitnessSection.hrfit-js.hrfit-visible .hrfit-reveal {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n#hrFitnessSection.hrfit-js.hrfit-visible .hrfit-gallery {\r\n    transition-delay: .10s;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n@media (max-width:1024px) {\r\n    #hrFitnessSection {\r\n        padding: 78px 22px 100px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 65px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-content {\r\n        max-width: 760px;\r\n        margin-inline: auto;\r\n        text-align: center;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-badge {\r\n        margin-inline: auto;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-location {\r\n        justify-content: center;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-description {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-features {\r\n        max-width: 650px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        text-align: left;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-info {\r\n        max-width: 650px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        text-align: left;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-gallery {\r\n        width: min(100%, 850px);\r\n        min-height: 650px;\r\n        margin-inline: auto;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-bg-overlay {\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(7, 34, 67, .80) 0%,\r\n                rgba(12, 46, 84, .70) 38%,\r\n                rgba(18, 58, 104, .50) 65%,\r\n                rgba(255,255,255,.12) 100%\r\n            );\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n@media (max-width:767px) {\r\n    #hrFitnessSection {\r\n        padding: 58px 16px 72px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-container {\r\n        gap: 43px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-content {\r\n        text-align: center;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-title {\r\n        margin-top: 14px;\r\n        font-size: clamp(31px, 9.5vw, 43px);\r\n        line-height: 1.22;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-description {\r\n        margin-top: 17px;\r\n        font-size: 12.5px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-feature {\r\n        min-height: 58px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-info {\r\n        padding: 12px;\r\n    }\r\n\r\n    \/* Gallery *\/\r\n    #hrFitnessSection .hrfit-gallery {\r\n        min-height: 620px;\r\n        grid-template-columns: 1fr 1fr;\r\n        grid-template-rows: 365px 185px;\r\n        gap: 8px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-photo {\r\n        border-width: 4px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-photo-main {\r\n        grid-column: 1 \/ 3;\r\n        grid-row: 1;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-photo-small-1 {\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-photo-wide {\r\n        grid-column: 2;\r\n        grid-row: 2;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-photo-small-2 {\r\n        width: 115px;\r\n        height: 145px;\r\n        right: 50%;\r\n        bottom: -50px;\r\n        transform: translateX(50%);\r\n        border-radius: 15px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-floating-badge {\r\n        left: 12px;\r\n        top: 12px;\r\n        padding: 8px 10px;\r\n        border-radius: 13px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-floating-icon {\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-gallery-frame {\r\n        right: -8px;\r\n        top: -8px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-photo-caption {\r\n        left: 14px;\r\n        right: 14px;\r\n        bottom: 14px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-bg-overlay {\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(7, 34, 67, .82) 0%,\r\n                rgba(12, 46, 84, .72) 42%,\r\n                rgba(18, 58, 104, .48) 70%,\r\n                rgba(255,255,255,.10) 100%\r\n            );\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   EXTRA SMALL\r\n========================================================= *\/\r\n@media (max-width:420px) {\r\n    #hrFitnessSection .hrfit-location {\r\n        font-size: 9px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-gallery {\r\n        min-height: 570px;\r\n        grid-template-rows: 330px 165px;\r\n    }\r\n\r\n    #hrFitnessSection .hrfit-photo-small-2 {\r\n        width: 102px;\r\n        height: 128px;\r\n        bottom: -42px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   LIGHTBOX\r\n========================================================= *\/\r\n#hrFitnessLightbox {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 999999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 18px;\r\n    padding: 30px 70px;\r\n    background: rgba(5,24,45,.94);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    transition: opacity .28s ease, visibility .28s ease;\r\n}\r\n\r\n#hrFitnessLightbox.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n}\r\n\r\n#hrFitnessLightbox .hrfit-lightbox-content {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    max-width: 1100px;\r\n    max-height: 90vh;\r\n}\r\n\r\n#hrFitnessLightbox .hrfit-lightbox-image {\r\n    display: block;\r\n    max-width: min(78vw,1100px);\r\n    max-height: 78vh;\r\n    object-fit: contain;\r\n    border: 5px solid rgba(255,255,255,.96);\r\n    border-radius: 16px;\r\n    box-shadow: 0 30px 80px rgba(0,0,0,.35);\r\n    transform: scale(.965);\r\n    transition: transform .3s ease;\r\n}\r\n\r\n#hrFitnessLightbox.is-open .hrfit-lightbox-image {\r\n    transform: scale(1);\r\n}\r\n\r\n#hrFitnessLightbox .hrfit-lightbox-info {\r\n    margin-top: 13px;\r\n    text-align: center;\r\n}\r\n\r\n#hrFitnessLightbox .hrfit-lightbox-info span {\r\n    display: block;\r\n    color: #77C8FF;\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n    letter-spacing: .17em;\r\n}\r\n\r\n#hrFitnessLightbox .hrfit-lightbox-info strong {\r\n    display: block;\r\n    margin-top: 3px;\r\n    color: #FFFFFF;\r\n    font-size: 11px;\r\n}\r\n\r\n#hrFitnessLightbox .hrfit-lightbox-close {\r\n    position: absolute;\r\n    top: 18px;\r\n    right: 22px;\r\n    width: 44px;\r\n    height: 44px;\r\n    display: grid;\r\n    place-items: center;\r\n    padding: 0;\r\n    border: 1px solid rgba(255,255,255,.18);\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.10);\r\n    color: #FFFFFF;\r\n    font-size: 29px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n}\r\n\r\n#hrFitnessLightbox .hrfit-lightbox-nav {\r\n    width: 46px;\r\n    height: 46px;\r\n    flex: 0 0 auto;\r\n    display: grid;\r\n    place-items: center;\r\n    padding: 0;\r\n    border: 1px solid rgba(255,255,255,.16);\r\n    border-radius: 50%;\r\n    color: #FFFFFF;\r\n    background: rgba(255,255,255,.09);\r\n    cursor: pointer;\r\n    transition: background .25s ease, transform .25s ease;\r\n}\r\n\r\n#hrFitnessLightbox .hrfit-lightbox-nav svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: currentColor;\r\n}\r\n\r\n@media (hover:hover) {\r\n    #hrFitnessLightbox .hrfit-lightbox-nav:hover,\r\n    #hrFitnessLightbox .hrfit-lightbox-close:hover {\r\n        background: rgba(255,255,255,.18);\r\n    }\r\n\r\n    #hrFitnessLightbox .hrfit-lightbox-nav:hover {\r\n        transform: scale(1.06);\r\n    }\r\n}\r\n\r\n@media (max-width:767px) {\r\n    #hrFitnessLightbox {\r\n        gap: 6px;\r\n        padding: 60px 8px 25px;\r\n    }\r\n\r\n    #hrFitnessLightbox .hrfit-lightbox-image {\r\n        max-width: 84vw;\r\n        max-height: 72vh;\r\n        border-width: 3px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    #hrFitnessLightbox .hrfit-lightbox-nav {\r\n        width: 34px;\r\n        height: 34px;\r\n    }\r\n\r\n    #hrFitnessLightbox .hrfit-lightbox-nav svg {\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n\r\n    #hrFitnessLightbox .hrfit-lightbox-close {\r\n        top: 12px;\r\n        right: 12px;\r\n        width: 38px;\r\n        height: 38px;\r\n        font-size: 25px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n@media (prefers-reduced-motion:reduce) {\r\n    #hrFitnessSection *,\r\n    #hrFitnessSection *::before,\r\n    #hrFitnessSection *::after,\r\n    #hrFitnessLightbox * {\r\n        animation: none !important;\r\n        transition: none !important;\r\n        scroll-behavior: auto !important;\r\n    }\r\n\r\n    #hrFitnessSection.hrfit-js .hrfit-reveal {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    function initHRFitness() {\r\n        var section = document.getElementById(\"hrFitnessSection\");\r\n        if (!section) return;\r\n\r\n        if (section.hasAttribute(\"data-hrfit-init\")) return;\r\n        section.setAttribute(\"data-hrfit-init\", \"true\");\r\n\r\n        \/* =====================================================\r\n           REVEAL ANIMATION\r\n        ====================================================== *\/\r\n        var reduceMotion =\r\n            window.matchMedia &&\r\n            window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n        if (reduceMotion) {\r\n            section.classList.add(\"hrfit-visible\");\r\n        } else if (\"IntersectionObserver\" in window) {\r\n            section.classList.add(\"hrfit-js\");\r\n\r\n            var observer = new IntersectionObserver(\r\n                function (entries) {\r\n                    entries.forEach(function (entry) {\r\n                        if (entry.isIntersecting) {\r\n                            section.classList.add(\"hrfit-visible\");\r\n                            observer.disconnect();\r\n                        }\r\n                    });\r\n                },\r\n                {\r\n                    threshold: 0.10,\r\n                    rootMargin: \"0px 0px -30px 0px\"\r\n                }\r\n            );\r\n\r\n            observer.observe(section);\r\n        }\r\n\r\n        \/* =====================================================\r\n           LIGHTBOX\r\n        ====================================================== *\/\r\n        var lightbox = document.getElementById(\"hrFitnessLightbox\");\r\n        if (!lightbox) return;\r\n\r\n        var galleryButtons = section.querySelectorAll(\"[data-hrfit-image]\");\r\n        if (!galleryButtons.length) return;\r\n\r\n        var lightboxImage = lightbox.querySelector(\".hrfit-lightbox-image\");\r\n        var closeButton = lightbox.querySelector(\".hrfit-lightbox-close\");\r\n        var previousButton = lightbox.querySelector(\".hrfit-lightbox-prev\");\r\n        var nextButton = lightbox.querySelector(\".hrfit-lightbox-next\");\r\n\r\n        var currentIndex = 0;\r\n        var previousOverflow = \"\";\r\n\r\n        var images = Array.prototype.map.call(galleryButtons, function (button) {\r\n            var image = button.querySelector(\"img\");\r\n            return {\r\n                src: image.currentSrc || image.src,\r\n                alt: image.alt || \"Fitness HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n            };\r\n        });\r\n\r\n        function renderImage() {\r\n            var item = images[currentIndex];\r\n            if (!item) return;\r\n\r\n            lightboxImage.src = item.src;\r\n            lightboxImage.alt = item.alt;\r\n        }\r\n\r\n        function openLightbox(index) {\r\n            currentIndex = index;\r\n            renderImage();\r\n\r\n            previousOverflow = document.body.style.overflow;\r\n            document.body.style.overflow = \"hidden\";\r\n\r\n            lightbox.classList.add(\"is-open\");\r\n            lightbox.setAttribute(\"aria-hidden\", \"false\");\r\n\r\n            window.setTimeout(function () {\r\n                closeButton.focus();\r\n            }, 30);\r\n        }\r\n\r\n        function closeLightbox() {\r\n            lightbox.classList.remove(\"is-open\");\r\n            lightbox.setAttribute(\"aria-hidden\", \"true\");\r\n            document.body.style.overflow = previousOverflow;\r\n\r\n            window.setTimeout(function () {\r\n                lightboxImage.src = \"\";\r\n            }, 280);\r\n        }\r\n\r\n        function previousImage() {\r\n            currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n            renderImage();\r\n        }\r\n\r\n        function nextImage() {\r\n            currentIndex = (currentIndex + 1) % images.length;\r\n            renderImage();\r\n        }\r\n\r\n        galleryButtons.forEach(function (button, index) {\r\n            button.addEventListener(\"click\", function () {\r\n                openLightbox(index);\r\n            });\r\n        });\r\n\r\n        closeButton.addEventListener(\"click\", closeLightbox);\r\n        previousButton.addEventListener(\"click\", previousImage);\r\n        nextButton.addEventListener(\"click\", nextImage);\r\n\r\n        lightbox.addEventListener(\"click\", function (event) {\r\n            if (event.target === lightbox) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n\r\n        document.addEventListener(\"keydown\", function (event) {\r\n            if (!lightbox.classList.contains(\"is-open\")) return;\r\n\r\n            if (event.key === \"Escape\") closeLightbox();\r\n            if (event.key === \"ArrowLeft\") previousImage();\r\n            if (event.key === \"ArrowRight\") nextImage();\r\n        });\r\n\r\n        \/* Touch swipe *\/\r\n        var touchStartX = 0;\r\n        var touchEndX = 0;\r\n\r\n        lightbox.addEventListener(\"touchstart\", function (event) {\r\n            if (!event.changedTouches.length) return;\r\n            touchStartX = event.changedTouches[0].screenX;\r\n        }, { passive: true });\r\n\r\n        lightbox.addEventListener(\"touchend\", function (event) {\r\n            if (!event.changedTouches.length) return;\r\n            touchEndX = event.changedTouches[0].screenX;\r\n\r\n            var distance = touchEndX - touchStartX;\r\n            if (Math.abs(distance) < 45) return;\r\n\r\n            if (distance > 0) {\r\n                previousImage();\r\n            } else {\r\n                nextImage();\r\n            }\r\n        }, { passive: true });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", initHRFitness, { once: true });\r\n    } else {\r\n        initHRFitness();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b769259 e-con-full e-flex e-con e-parent\" data-id=\"b769259\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f65e114 elementor-widget elementor-widget-html\" data-id=\"f65e114\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HR RESORT \u2014 DINING \/ RESTAURANT SECTION\r\n     Bueng Khong Long \u2022 Bueng Kan\r\n     Blue + White \/ Resort Dining UI\r\n\r\n     Elementor \/ WordPress Custom HTML\r\n     HTML + CSS + JS IN ONE BLOCK\r\n     No External Library\r\n========================================================= -->\r\n\r\n<section\r\n    id=\"hrDiningSection\"\r\n    class=\"hrdine-section\"\r\n    aria-labelledby=\"hrdine-title\"\r\n>\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND\r\n    ====================================================== -->\r\n    <div class=\"hrdine-background\" aria-hidden=\"true\">\r\n\r\n        <span class=\"hrdine-orb hrdine-orb-1\"><\/span>\r\n        <span class=\"hrdine-orb hrdine-orb-2\"><\/span>\r\n        <span class=\"hrdine-grid-pattern\"><\/span>\r\n\r\n        <svg\r\n            class=\"hrdine-wave\"\r\n            viewBox=\"0 0 1440 500\"\r\n            preserveAspectRatio=\"none\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <path\r\n                d=\"M0 310C240 230 370 390 620 320C900 240 1050 90 1440 190V500H0Z\"\r\n            \/>\r\n        <\/svg>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"hrdine-container\">\r\n\r\n        <!-- =====================================================\r\n             LEFT CONTENT\r\n        ====================================================== -->\r\n        <div class=\"hrdine-content hrdine-reveal\">\r\n\r\n            <!-- Badge -->\r\n            <div class=\"hrdine-badge\">\r\n\r\n                <span class=\"hrdine-badge-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M7 2h2v8c0 1.1-.9 2-2 2v10H5V12c-1.1 0-2-.9-2-2V2h2v6h2V2Zm7 0c3.3 0 5 2.5 5 6v5h-2v9h-2v-9h-2V8c0-3.5.7-6 1-6h1Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                    DINING AT HR RESORT\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Location -->\r\n            <div class=\"hrdine-location\">\r\n\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z\"\/>\r\n                <\/svg>\r\n\r\n                <span>\r\n                    HR Resort \u2022 \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u2022 \u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Heading -->\r\n            <h2\r\n                id=\"hrdine-title\"\r\n                class=\"hrdine-title\"\r\n            >\r\n                \u0e40\u0e15\u0e34\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e23\u0e48\u0e2d\u0e22\r\n                <span>\r\n                    \u0e43\u0e2b\u0e49\u0e17\u0e38\u0e01\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\r\n                <\/span>\r\n            <\/h2>\r\n\r\n\r\n            <!-- Description -->\r\n            <p class=\"hrdine-description\">\r\n\r\n                <strong>HR Resort<\/strong>\r\n                \u0e21\u0e35\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e41\u0e25\u0e30\u0e40\u0e21\u0e19\u0e39\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\r\n                \u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e27\u0e31\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e17\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\r\n                \u0e43\u0e19\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e1a\u0e32\u0e22 \u0e46 \u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e17\u0e35\u0e48\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- =================================================\r\n                 BREAKFAST TYPES\r\n            ================================================== -->\r\n            <div class=\"hrdine-breakfast\">\r\n\r\n                <div class=\"hrdine-breakfast-heading\">\r\n\r\n                    <span class=\"hrdine-breakfast-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M4 5h12v8a6 6 0 0 1-12 0V5Zm2 2v6a4 4 0 0 0 8 0V7H6Zm11 1h1a3 3 0 0 1 0 6h-1v-2h1a1 1 0 1 0 0-2h-1V8ZM3 19h16v2H3v-2Z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <small>BREAKFAST<\/small>\r\n                        <strong>\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hrdine-breakfast-list\">\r\n\r\n                    <span>\r\n                        Continental\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        American\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        Asian\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 FEATURE ITEMS\r\n            ================================================== -->\r\n            <div class=\"hrdine-features\">\r\n\r\n                <div class=\"hrdine-feature\">\r\n\r\n                    <span class=\"hrdine-feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M3 4h18v2H3V4Zm2 4h14v12H5V8Zm2 2v8h10v-8H7Z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <strong>\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e17\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hrdine-feature\">\r\n\r\n                    <span class=\"hrdine-feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M12 2a8 8 0 0 0-8 8v3h16v-3a8 8 0 0 0-8-8Zm0 2a6 6 0 0 1 6 6v1H6v-1a6 6 0 0 1 6-6ZM3 15h18v2H3v-2Zm2 4h14v2H5v-2Z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <strong>\r\n                            \u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e27\u0e31\u0e19\u0e43\u0e2b\u0e21\u0e48\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0e21\u0e35\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01 Continental, American \u0e41\u0e25\u0e30 Asian\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hrdine-feature\">\r\n\r\n                    <span class=\"hrdine-feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M12 2c5.5 0 10 4.5 10 10S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-4 6h8v2H8v-2Zm2 4h4v2h-4v-2Z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <strong>\r\n                            \u0e40\u0e21\u0e19\u0e39\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2d\u0e35\u0e01\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e15\u0e25\u0e2d\u0e14\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Note -->\r\n            <div class=\"hrdine-note\">\r\n\r\n                <span class=\"hrdine-note-dot\"><\/span>\r\n\r\n                <p>\r\n                    \u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e20\u0e32\u0e1e\u0e08\u0e32\u0e01 HR Resort\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             RIGHT FEATURED GALLERY\r\n        ====================================================== -->\r\n        <div class=\"hrdine-showcase hrdine-reveal\">\r\n\r\n            <span\r\n                class=\"hrdine-showcase-outline\"\r\n                aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n\r\n            <!-- Main Restaurant -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrdine-photo hrdine-photo-main\"\r\n                data-hrdine-image\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n            >\r\n\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__19046406_0.jpg\"\r\n                    alt=\"\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                    width=\"1200\"\r\n                    height=\"800\"\r\n                >\r\n\r\n                <span class=\"hrdine-photo-overlay\"><\/span>\r\n\r\n\r\n                <span class=\"hrdine-photo-caption\">\r\n\r\n                    <span>\r\n                        DINING\r\n                    <\/span>\r\n\r\n                    <strong>\r\n                        \u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n                    <\/small>\r\n\r\n                <\/span>\r\n\r\n\r\n                <span class=\"hrdine-expand\" aria-hidden=\"true\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n\r\n            <!-- Breakfast -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrdine-photo hrdine-photo-breakfast\"\r\n                data-hrdine-image\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32 HR Resort\"\r\n            >\r\n\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18890819-1.jpg\"\r\n                    alt=\"\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e17\u0e35\u0e48 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                    width=\"1000\"\r\n                    height=\"1000\"\r\n                >\r\n\r\n                <span class=\"hrdine-photo-overlay\"><\/span>\r\n\r\n\r\n                <span class=\"hrdine-small-label\">\r\n                    BREAKFAST\r\n                <\/span>\r\n\r\n\r\n                <span class=\"hrdine-expand\" aria-hidden=\"true\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n\r\n            <!-- Food -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrdine-photo hrdine-photo-food\"\r\n                data-hrdine-image\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n            >\r\n\r\n                <img loading=\"lazy\"\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/397490399.jpg\"\r\n                    alt=\"\u0e40\u0e21\u0e19\u0e39\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                    width=\"1000\"\r\n                    height=\"1000\"\r\n                >\r\n\r\n                <span class=\"hrdine-photo-overlay\"><\/span>\r\n\r\n\r\n                <span class=\"hrdine-small-label\">\r\n                    FOOD\r\n                <\/span>\r\n\r\n\r\n                <span class=\"hrdine-expand\" aria-hidden=\"true\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- Floating card -->\r\n            <div class=\"hrdine-floating\">\r\n\r\n                <span class=\"hrdine-floating-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M7 2h2v8c0 1.1-.9 2-2 2v10H5V12c-1.1 0-2-.9-2-2V2h2v6h2V2Zm7 0c3.3 0 5 2.5 5 6v5h-2v9h-2v-9h-2V8c0-3.5.7-6 1-6h1Z\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                <div>\r\n\r\n                    <small>\r\n                        TASTE & RELAX\r\n                    <\/small>\r\n\r\n                    <strong>\r\n                        Dining at HR Resort\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         FOOD GALLERY\r\n    ====================================================== -->\r\n    <div class=\"hrdine-gallery-wrap hrdine-reveal\">\r\n\r\n        <div class=\"hrdine-gallery-head\">\r\n\r\n            <div>\r\n\r\n                <small>\r\n                    OUR FOOD GALLERY\r\n                <\/small>\r\n\r\n                <h3>\r\n                    \u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrdine-gallery-controls\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrdine-control hrdine-control-prev\"\r\n                    aria-label=\"\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e1e\u0e44\u0e1b\u0e17\u0e32\u0e07\u0e0b\u0e49\u0e32\u0e22\"\r\n                >\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"m15.4 7.4-4.6 4.6 4.6 4.6L14 18l-6-6 6-6 1.4 1.4Z\"\/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrdine-control hrdine-control-next\"\r\n                    aria-label=\"\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e1e\u0e44\u0e1b\u0e17\u0e32\u0e07\u0e02\u0e27\u0e32\"\r\n                >\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"m8.6 16.6 4.6-4.6-4.6-4.6L10 6l6 6-6 6-1.4-1.4Z\"\/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n            class=\"hrdine-gallery-track\"\r\n            id=\"hrDiningGalleryTrack\"\r\n        >\r\n\r\n            <!-- 01 -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrdine-gallery-item\"\r\n                data-hrdine-image\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n            >\r\n                <img\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/397490407.jpg\"\r\n                    alt=\"\u0e40\u0e21\u0e19\u0e39\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e02\u0e2d\u0e07 HR Resort\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/button>\r\n\r\n\r\n            <!-- 02 -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrdine-gallery-item\"\r\n                data-hrdine-image\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n            >\r\n                <img\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/397490559.jpg\"\r\n                    alt=\"\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e35\u0e48 HR Resort\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/button>\r\n\r\n\r\n            <!-- 03 -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrdine-gallery-item\"\r\n                data-hrdine-image\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n            >\r\n                <img\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/397490395.jpg\"\r\n                    alt=\"\u0e40\u0e21\u0e19\u0e39\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/button>\r\n\r\n\r\n            <!-- 04 -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrdine-gallery-item\"\r\n                data-hrdine-image\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n            >\r\n                <img\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/397490396.jpg\"\r\n                    alt=\"\u0e40\u0e21\u0e19\u0e39\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e02\u0e2d\u0e07 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/button>\r\n\r\n\r\n            <!-- 05 -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrdine-gallery-item\"\r\n                data-hrdine-image\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n            >\r\n                <img\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__19046409_0.jpg\"\r\n                    alt=\"\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/button>\r\n\r\n\r\n            <!-- 06 -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrdine-gallery-item\"\r\n                data-hrdine-image\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n            >\r\n                <img\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__19046412_0.jpg\"\r\n                    alt=\"\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e35\u0e48 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/button>\r\n\r\n\r\n            <!-- 07 -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrdine-gallery-item\"\r\n                data-hrdine-image\r\n                aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n            >\r\n                <img\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__19046408_0.jpg\"\r\n                    alt=\"\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e37\u0e48\u0e21 HR Resort\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hrdine-mobile-hint\" aria-hidden=\"true\">\r\n            <span>\r\n                \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\r\n            <\/span>\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 12h12.2l-4.6-4.6L14 6l7 7-7 7-1.4-1.4 4.6-4.6H5v-2Z\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX\r\n========================================================= -->\r\n<div\r\n    id=\"hrDiningLightbox\"\r\n    class=\"hrdine-lightbox\"\r\n    aria-hidden=\"true\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    aria-label=\"\u0e41\u0e01\u0e25\u0e40\u0e25\u0e2d\u0e23\u0e35\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort\"\r\n>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrdine-lightbox-close\"\r\n        aria-label=\"\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\"\r\n    >\r\n        \u00d7\r\n    <\/button>\r\n\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrdine-lightbox-nav hrdine-lightbox-prev\"\r\n        aria-label=\"\u0e20\u0e32\u0e1e\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\"\r\n    >\r\n        <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M15.4 7.4 10.8 12l4.6 4.6L14 18l-6-6 6-6 1.4 1.4Z\"\/>\r\n        <\/svg>\r\n    <\/button>\r\n\r\n\r\n    <div class=\"hrdine-lightbox-content\">\r\n\r\n        <img decoding=\"async\"\r\n            class=\"hrdine-lightbox-image\"\r\n            src=\"\"\r\n            alt=\"\"\r\n        >\r\n\r\n        <div class=\"hrdine-lightbox-info\">\r\n\r\n            <span>\r\n                HR RESORT DINING\r\n            <\/span>\r\n\r\n            <strong>\r\n                \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n            <\/strong>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrdine-lightbox-nav hrdine-lightbox-next\"\r\n        aria-label=\"\u0e20\u0e32\u0e1e\u0e16\u0e31\u0e14\u0e44\u0e1b\"\r\n    >\r\n        <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"m8.6 16.6 4.6-4.6-4.6-4.6L10 6l6 6-6 6-1.4-1.4Z\"\/>\r\n        <\/svg>\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   HR RESORT DINING\r\n========================================================= *\/\r\n\r\n#hrDiningSection {\r\n\r\n    --hrdine-blue: #2563EB;\r\n    --hrdine-blue-dark: #1D4ED8;\r\n    --hrdine-blue-deep: #143C73;\r\n\r\n    --hrdine-navy: #163B61;\r\n    --hrdine-navy-dark: #0F2E4D;\r\n\r\n    --hrdine-sky: #38BDF8;\r\n\r\n    --hrdine-white: #FFFFFF;\r\n\r\n    --hrdine-soft: #EFF6FF;\r\n    --hrdine-soft-2: #F7FBFF;\r\n\r\n    --hrdine-text: #193755;\r\n    --hrdine-muted: #6C7E91;\r\n\r\n    --hrdine-border: #DBE9F7;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    isolation: isolate;\r\n\r\n    padding:\r\n        clamp(75px, 8vw, 125px)\r\n        22px;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 5% 10%,\r\n            rgba(56,189,248,.11),\r\n            transparent 29%\r\n        ),\r\n\r\n        radial-gradient(\r\n            circle at 94% 85%,\r\n            rgba(37,99,235,.08),\r\n            transparent 31%\r\n        ),\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #FFFFFF 0%,\r\n            #F7FBFF 47%,\r\n            #EEF6FF 100%\r\n        );\r\n\r\n    color:\r\n        var(--hrdine-text);\r\n\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        \"Prompt\",\r\n        system-ui,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n\r\n    box-sizing: border-box;\r\n\r\n    -webkit-font-smoothing:\r\n        antialiased;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection *,\r\n#hrDiningSection *::before,\r\n#hrDiningSection *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n#hrDiningSection\r\n.hrdine-background {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: -1;\r\n\r\n    pointer-events: none;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-grid-pattern {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    opacity: .28;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(37,99,235,.035) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(37,99,235,.035) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        52px 52px;\r\n\r\n    mask-image:\r\n        linear-gradient(\r\n            to bottom,\r\n            transparent,\r\n            #000 18%,\r\n            #000 78%,\r\n            transparent\r\n        );\r\n\r\n    -webkit-mask-image:\r\n        linear-gradient(\r\n            to bottom,\r\n            transparent,\r\n            #000 18%,\r\n            #000 78%,\r\n            transparent\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-orb {\r\n\r\n    position: absolute;\r\n\r\n    display: block;\r\n\r\n    border-radius: 999px;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-orb-1 {\r\n\r\n    width: 470px;\r\n    height: 470px;\r\n\r\n    left: -260px;\r\n    top: -240px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(56,189,248,.14),\r\n            transparent 70%\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-orb-2 {\r\n\r\n    width: 510px;\r\n    height: 510px;\r\n\r\n    right: -270px;\r\n    bottom: -290px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(37,99,235,.12),\r\n            transparent 70%\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-wave {\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -1px;\r\n\r\n    width: 100%;\r\n    height: 42%;\r\n\r\n    fill:\r\n        rgba(37,99,235,.025);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n========================================================= *\/\r\n\r\n#hrDiningSection\r\n.hrdine-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(100%, 1280px);\r\n\r\n    margin-inline: auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,.90fr)\r\n        minmax(0,1.10fr);\r\n\r\n    align-items: center;\r\n\r\n    gap:\r\n        clamp(55px,7vw,95px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n#hrDiningSection\r\n.hrdine-content {\r\n\r\n    min-width: 0;\r\n\r\n    max-width: 590px;\r\n\r\n}\r\n\r\n\r\n\/* Badge *\/\r\n\r\n#hrDiningSection\r\n.hrdine-badge {\r\n\r\n    width: fit-content;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    min-height: 34px;\r\n\r\n    padding:\r\n        6px 13px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.14);\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        rgba(255,255,255,.80);\r\n\r\n    color:\r\n        var(--hrdine-blue);\r\n\r\n    box-shadow:\r\n        0 7px 22px\r\n        rgba(23,69,112,.06);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .15em;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-badge-icon {\r\n\r\n    width: 22px;\r\n    height: 22px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        var(--hrdine-blue);\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-badge-icon svg {\r\n\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n\/* Location *\/\r\n\r\n#hrDiningSection\r\n.hrdine-location {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    margin-top: 17px;\r\n\r\n    color:\r\n        #75879B;\r\n\r\n    font-size: 10.5px;\r\n\r\n    font-weight: 650;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-location svg {\r\n\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    fill:\r\n        var(--hrdine-blue);\r\n\r\n}\r\n\r\n\r\n\/* Title *\/\r\n\r\n#hrDiningSection\r\n.hrdine-title {\r\n\r\n    margin:\r\n        18px 0 0;\r\n\r\n    color:\r\n        var(--hrdine-navy-dark);\r\n\r\n    font-size:\r\n        clamp(38px,4vw,58px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.2;\r\n\r\n    letter-spacing: -.035em;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-title span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color:\r\n        var(--hrdine-blue);\r\n\r\n}\r\n\r\n\r\n\/* Description *\/\r\n\r\n#hrDiningSection\r\n.hrdine-description {\r\n\r\n    margin:\r\n        23px 0 0;\r\n\r\n    max-width: 570px;\r\n\r\n    color:\r\n        var(--hrdine-muted);\r\n\r\n    font-size:\r\n        clamp(13.5px,1vw,15.5px);\r\n\r\n    line-height: 1.95;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-description strong {\r\n\r\n    color:\r\n        var(--hrdine-navy);\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BREAKFAST PANEL\r\n========================================================= *\/\r\n\r\n#hrDiningSection\r\n.hrdine-breakfast {\r\n\r\n    margin-top: 25px;\r\n\r\n    padding:\r\n        15px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.11);\r\n\r\n    border-radius: 17px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(255,255,255,.92),\r\n            rgba(239,246,255,.76)\r\n        );\r\n\r\n    box-shadow:\r\n        0 10px 28px\r\n        rgba(22,63,105,.05);\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-breakfast-heading {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-breakfast-icon {\r\n\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 12px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--hrdine-blue),\r\n            #168AC8\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-breakfast-icon svg {\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-breakfast-heading small {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--hrdine-blue);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .14em;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-breakfast-heading strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 1px;\r\n\r\n    color:\r\n        var(--hrdine-navy);\r\n\r\n    font-size: 12.5px;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-breakfast-list {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 7px;\r\n\r\n    margin-top: 12px;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-breakfast-list span {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    min-height: 30px;\r\n\r\n    padding:\r\n        5px 11px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.10);\r\n\r\n    border-radius: 999px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color:\r\n        #60758B;\r\n\r\n    font-size: 9.5px;\r\n\r\n    font-weight: 650;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n#hrDiningSection\r\n.hrdine-features {\r\n\r\n    display: grid;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 18px;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-feature {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    min-height: 60px;\r\n\r\n    padding:\r\n        10px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.08);\r\n\r\n    border-radius: 15px;\r\n\r\n    background:\r\n        rgba(255,255,255,.64);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-feature-icon {\r\n\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 12px;\r\n\r\n    color:\r\n        var(--hrdine-blue);\r\n\r\n    background:\r\n        var(--hrdine-soft);\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-feature-icon svg {\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-feature strong {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--hrdine-navy);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-feature div > span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 1px;\r\n\r\n    color:\r\n        #8493A4;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrDiningSection\r\n    .hrdine-feature:hover {\r\n\r\n        transform:\r\n            translateX(4px);\r\n\r\n        background: #FFFFFF;\r\n\r\n        border-color:\r\n            rgba(37,99,235,.18);\r\n\r\n        box-shadow:\r\n            0 12px 25px\r\n            rgba(24,70,115,.07);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* Note *\/\r\n\r\n#hrDiningSection\r\n.hrdine-note {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 15px;\r\n\r\n    color:\r\n        #8998A7;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-note-dot {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        #55B98C;\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(85,185,140,.09);\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-note p {\r\n\r\n    margin: 0;\r\n\r\n    font-size: 9.5px;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHOWCASE\r\n========================================================= *\/\r\n\r\n#hrDiningSection\r\n.hrdine-showcase {\r\n\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 610px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1.08fr .92fr;\r\n\r\n    grid-template-rows:\r\n        1fr 1fr;\r\n\r\n    gap: 11px;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-showcase-outline {\r\n\r\n    position: absolute;\r\n\r\n    z-index: -1;\r\n\r\n    right: -20px;\r\n    top: -20px;\r\n\r\n    width: 65%;\r\n    height: 67%;\r\n\r\n    border:\r\n        2px solid\r\n        rgba(37,99,235,.30);\r\n\r\n    border-radius: 30px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTOS\r\n========================================================= *\/\r\n\r\n#hrDiningSection\r\n.hrdine-photo {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        5px solid\r\n        #FFFFFF;\r\n\r\n    border-radius: 23px;\r\n\r\n    background:\r\n        #EAF2FA;\r\n\r\n    box-shadow:\r\n        0 18px 45px\r\n        rgba(19,58,99,.11);\r\n\r\n    cursor: zoom-in;\r\n\r\n    appearance: none;\r\n\r\n    -webkit-appearance: none;\r\n\r\n    outline: none;\r\n\r\n    transition:\r\n        transform .4s cubic-bezier(.2,.8,.2,1),\r\n        box-shadow .4s ease;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-photo img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform .7s cubic-bezier(.2,.8,.2,1);\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-photo-main {\r\n\r\n    grid-row:\r\n        1 \/ 3;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-photo-breakfast {\r\n\r\n    grid-column: 2;\r\n    grid-row: 1;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-photo-food {\r\n\r\n    grid-column: 2;\r\n    grid-row: 2;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-photo-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 35%,\r\n            rgba(8,34,66,.07) 55%,\r\n            rgba(8,34,66,.72) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* Main caption *\/\r\n\r\n#hrDiningSection\r\n.hrdine-photo-caption {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    left: 19px;\r\n    right: 19px;\r\n    bottom: 18px;\r\n\r\n    text-align: left;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-photo-caption > span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color:\r\n        #B7DAFF;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .17em;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-photo-caption strong {\r\n\r\n    display: block;\r\n\r\n    font-size:\r\n        clamp(18px,1.4vw,23px);\r\n\r\n    line-height: 1.4;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-photo-caption small {\r\n\r\n    display: block;\r\n\r\n    margin-top: 3px;\r\n\r\n    color:\r\n        rgba(255,255,255,.68);\r\n\r\n    font-size: 9.5px;\r\n\r\n}\r\n\r\n\r\n\/* Small label *\/\r\n\r\n#hrDiningSection\r\n.hrdine-small-label {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    left: 14px;\r\n    bottom: 14px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .14em;\r\n\r\n}\r\n\r\n\r\n\/* Expand *\/\r\n\r\n#hrDiningSection\r\n.hrdine-expand {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    top: 13px;\r\n    right: 13px;\r\n\r\n    width: 35px;\r\n    height: 35px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.48);\r\n\r\n    border-radius: 50%;\r\n\r\n    color:\r\n        var(--hrdine-navy);\r\n\r\n    background:\r\n        rgba(255,255,255,.88);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    box-shadow:\r\n        0 5px 15px\r\n        rgba(11,38,67,.10);\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-expand svg {\r\n\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrDiningSection\r\n    .hrdine-photo:hover {\r\n\r\n        transform:\r\n            translateY(-5px);\r\n\r\n        box-shadow:\r\n            0 25px 55px\r\n            rgba(15,53,94,.17);\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-photo:hover img {\r\n\r\n        transform:\r\n            scale(1.045);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-photo:focus-visible {\r\n\r\n    outline:\r\n        3px solid\r\n        rgba(37,99,235,.55);\r\n\r\n    outline-offset: 3px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING CARD\r\n========================================================= *\/\r\n\r\n#hrDiningSection\r\n.hrdine-floating {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 7;\r\n\r\n    left: -25px;\r\n    top: 48px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding:\r\n        11px 14px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.9);\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n        rgba(255,255,255,.92);\r\n\r\n    backdrop-filter:\r\n        blur(15px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(15px);\r\n\r\n    box-shadow:\r\n        0 14px 35px\r\n        rgba(19,63,109,.14);\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-floating-icon {\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 11px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--hrdine-blue),\r\n            #168AC8\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-floating-icon svg {\r\n\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-floating small {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #91A1B2;\r\n\r\n    font-size: 7.5px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .12em;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-floating strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 1px;\r\n\r\n    color:\r\n        var(--hrdine-navy);\r\n\r\n    font-size: 10.5px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM GALLERY\r\n========================================================= *\/\r\n\r\n#hrDiningSection\r\n.hrdine-gallery-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(100%,1280px);\r\n\r\n    margin:\r\n        clamp(65px,7vw,90px)\r\n        auto 0;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-gallery-head {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom: 19px;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-gallery-head small {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--hrdine-blue);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .15em;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-gallery-head h3 {\r\n\r\n    margin:\r\n        3px 0 0;\r\n\r\n    color:\r\n        var(--hrdine-navy-dark);\r\n\r\n    font-size:\r\n        clamp(22px,2.2vw,31px);\r\n\r\n    line-height: 1.4;\r\n\r\n}\r\n\r\n\r\n\/* Controls *\/\r\n\r\n#hrDiningSection\r\n.hrdine-gallery-controls {\r\n\r\n    display: flex;\r\n\r\n    gap: 7px;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-control {\r\n\r\n    width: 40px;\r\n    height: 40px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.14);\r\n\r\n    border-radius: 50%;\r\n\r\n    color:\r\n        var(--hrdine-blue);\r\n\r\n    background: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 7px 20px\r\n        rgba(22,65,108,.06);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease,\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-control svg {\r\n\r\n    width: 20px;\r\n    height: 20px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrDiningSection\r\n    .hrdine-control:hover {\r\n\r\n        transform:\r\n            translateY(-2px);\r\n\r\n        color: #FFFFFF;\r\n\r\n        background:\r\n            var(--hrdine-blue);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* Track *\/\r\n\r\n#hrDiningSection\r\n.hrdine-gallery-track {\r\n\r\n    display: flex;\r\n\r\n    gap: 11px;\r\n\r\n    overflow-x: auto;\r\n\r\n    padding:\r\n        3px 2px 15px;\r\n\r\n    scroll-snap-type:\r\n        x mandatory;\r\n\r\n    scroll-behavior:\r\n        smooth;\r\n\r\n    scrollbar-width:\r\n        none;\r\n\r\n    -webkit-overflow-scrolling:\r\n        touch;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-gallery-track::-webkit-scrollbar {\r\n\r\n    display: none;\r\n\r\n}\r\n\r\n\r\n\/* Gallery cards *\/\r\n\r\n#hrDiningSection\r\n.hrdine-gallery-item {\r\n\r\n    position: relative;\r\n\r\n    flex:\r\n        0 0\r\n        clamp(190px,20vw,255px);\r\n\r\n    height:\r\n        clamp(210px,22vw,285px);\r\n\r\n    overflow: hidden;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        4px solid\r\n        #FFFFFF;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        #EAF2FA;\r\n\r\n    box-shadow:\r\n        0 13px 35px\r\n        rgba(23,64,103,.09);\r\n\r\n    cursor: zoom-in;\r\n\r\n    appearance: none;\r\n\r\n    -webkit-appearance: none;\r\n\r\n    scroll-snap-align: start;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection\r\n.hrdine-gallery-item img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform .6s ease;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrDiningSection\r\n    .hrdine-gallery-item:hover {\r\n\r\n        transform:\r\n            translateY(-5px);\r\n\r\n        box-shadow:\r\n            0 20px 42px\r\n            rgba(23,64,103,.14);\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-gallery-item:hover img {\r\n\r\n        transform:\r\n            scale(1.05);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* Mobile hint *\/\r\n\r\n#hrDiningSection\r\n.hrdine-mobile-hint {\r\n\r\n    display: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n#hrDiningSection.hrdine-js\r\n.hrdine-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(20px);\r\n\r\n    transition:\r\n        opacity .72s ease,\r\n        transform .72s ease;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection.hrdine-js.hrdine-visible\r\n.hrdine-reveal {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n#hrDiningSection.hrdine-js.hrdine-visible\r\n.hrdine-showcase {\r\n\r\n    transition-delay: .09s;\r\n\r\n}\r\n\r\n\r\n#hrDiningSection.hrdine-js.hrdine-visible\r\n.hrdine-gallery-wrap {\r\n\r\n    transition-delay: .14s;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px) {\r\n\r\n    #hrDiningSection {\r\n\r\n        padding:\r\n            78px 22px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-container {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 65px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-content {\r\n\r\n        max-width: 760px;\r\n\r\n        margin-inline: auto;\r\n\r\n        text-align: center;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-badge {\r\n\r\n        margin-inline: auto;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-location {\r\n\r\n        justify-content:\r\n            center;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-description {\r\n\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-breakfast,\r\n\r\n    #hrDiningSection\r\n    .hrdine-features,\r\n\r\n    #hrDiningSection\r\n    .hrdine-note {\r\n\r\n        max-width: 650px;\r\n\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n\r\n        text-align: left;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-showcase {\r\n\r\n        width:\r\n            min(100%,850px);\r\n\r\n        min-height: 650px;\r\n\r\n        margin-inline: auto;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    #hrDiningSection {\r\n\r\n        padding:\r\n            58px 16px\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-container {\r\n\r\n        gap: 43px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-title {\r\n\r\n        margin-top: 14px;\r\n\r\n        font-size:\r\n            clamp(\r\n                31px,\r\n                9.5vw,\r\n                43px\r\n            );\r\n\r\n        line-height: 1.22;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-description {\r\n\r\n        margin-top: 17px;\r\n\r\n        font-size: 12.5px;\r\n\r\n        line-height: 1.85;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-breakfast-list {\r\n\r\n        justify-content: center;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-showcase {\r\n\r\n        min-height: 610px;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        grid-template-rows:\r\n            355px 190px;\r\n\r\n        gap: 8px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-photo {\r\n\r\n        border-width: 4px;\r\n\r\n        border-radius: 18px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-photo-main {\r\n\r\n        grid-column:\r\n            1 \/ 3;\r\n\r\n        grid-row: 1;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-photo-breakfast {\r\n\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-photo-food {\r\n\r\n        grid-column: 2;\r\n        grid-row: 2;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-floating {\r\n\r\n        left: 12px;\r\n        top: 12px;\r\n\r\n        padding:\r\n            8px 10px;\r\n\r\n        border-radius: 13px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-floating-icon {\r\n\r\n        width: 30px;\r\n        height: 30px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-showcase-outline {\r\n\r\n        top: -8px;\r\n        right: -8px;\r\n\r\n        border-radius: 20px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-gallery-wrap {\r\n\r\n        margin-top: 64px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-gallery-head {\r\n\r\n        align-items: center;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-gallery-controls {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-gallery-item {\r\n\r\n        flex:\r\n            0 0\r\n            min(72vw,260px);\r\n\r\n        height:\r\n            280px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-mobile-hint {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 6px;\r\n\r\n        margin-top: 3px;\r\n\r\n        color:\r\n            #8191A2;\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-mobile-hint svg {\r\n\r\n        width: 14px;\r\n        height: 14px;\r\n\r\n        fill: currentColor;\r\n\r\n        animation:\r\n            hrdineArrow\r\n            1.6s ease-in-out infinite;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:420px) {\r\n\r\n    #hrDiningSection\r\n    .hrdine-location {\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-showcase {\r\n\r\n        min-height: 560px;\r\n\r\n        grid-template-rows:\r\n            320px 170px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection\r\n    .hrdine-gallery-item {\r\n\r\n        height: 250px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE ARROW\r\n========================================================= *\/\r\n\r\n@keyframes hrdineArrow {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateX(0);\r\n\r\n        opacity: .5;\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateX(4px);\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX\r\n========================================================= *\/\r\n\r\n#hrDiningLightbox {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 999999;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 18px;\r\n\r\n    padding:\r\n        30px 70px;\r\n\r\n    background:\r\n        rgba(5,24,45,.94);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        opacity .28s ease,\r\n        visibility .28s ease;\r\n\r\n}\r\n\r\n\r\n#hrDiningLightbox.is-open {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    pointer-events: auto;\r\n\r\n}\r\n\r\n\r\n#hrDiningLightbox\r\n.hrdine-lightbox-content {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    max-width: 1100px;\r\n\r\n    max-height: 90vh;\r\n\r\n}\r\n\r\n\r\n#hrDiningLightbox\r\n.hrdine-lightbox-image {\r\n\r\n    display: block;\r\n\r\n    max-width:\r\n        min(78vw,1100px);\r\n\r\n    max-height: 78vh;\r\n\r\n    object-fit: contain;\r\n\r\n    border:\r\n        5px solid\r\n        rgba(255,255,255,.96);\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 30px 80px\r\n        rgba(0,0,0,.35);\r\n\r\n    transform:\r\n        scale(.965);\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n#hrDiningLightbox.is-open\r\n.hrdine-lightbox-image {\r\n\r\n    transform:\r\n        scale(1);\r\n\r\n}\r\n\r\n\r\n#hrDiningLightbox\r\n.hrdine-lightbox-info {\r\n\r\n    margin-top: 13px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n#hrDiningLightbox\r\n.hrdine-lightbox-info span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #77C8FF;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .17em;\r\n\r\n}\r\n\r\n\r\n#hrDiningLightbox\r\n.hrdine-lightbox-info strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 3px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n\r\n\/* Close *\/\r\n\r\n#hrDiningLightbox\r\n.hrdine-lightbox-close {\r\n\r\n    position: absolute;\r\n\r\n    top: 18px;\r\n    right: 22px;\r\n\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.10);\r\n\r\n    font-size: 29px;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n\/* Navigation *\/\r\n\r\n#hrDiningLightbox\r\n.hrdine-lightbox-nav {\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.16);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n#hrDiningLightbox\r\n.hrdine-lightbox-nav svg {\r\n\r\n    width: 22px;\r\n    height: 22px;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrDiningLightbox\r\n    .hrdine-lightbox-nav:hover,\r\n\r\n    #hrDiningLightbox\r\n    .hrdine-lightbox-close:hover {\r\n\r\n        background:\r\n            rgba(255,255,255,.18);\r\n\r\n    }\r\n\r\n\r\n    #hrDiningLightbox\r\n    .hrdine-lightbox-nav:hover {\r\n\r\n        transform:\r\n            scale(1.06);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    #hrDiningLightbox {\r\n\r\n        gap: 6px;\r\n\r\n        padding:\r\n            60px 8px\r\n            25px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningLightbox\r\n    .hrdine-lightbox-image {\r\n\r\n        max-width: 84vw;\r\n\r\n        max-height: 72vh;\r\n\r\n        border-width: 3px;\r\n\r\n        border-radius: 12px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningLightbox\r\n    .hrdine-lightbox-nav {\r\n\r\n        width: 34px;\r\n        height: 34px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningLightbox\r\n    .hrdine-lightbox-nav svg {\r\n\r\n        width: 18px;\r\n        height: 18px;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningLightbox\r\n    .hrdine-lightbox-close {\r\n\r\n        top: 12px;\r\n        right: 12px;\r\n\r\n        width: 38px;\r\n        height: 38px;\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media\r\n(prefers-reduced-motion:reduce) {\r\n\r\n    #hrDiningSection *,\r\n    #hrDiningSection *::before,\r\n    #hrDiningSection *::after,\r\n    #hrDiningLightbox * {\r\n\r\n        animation:\r\n            none !important;\r\n\r\n        transition:\r\n            none !important;\r\n\r\n        scroll-behavior:\r\n            auto !important;\r\n\r\n    }\r\n\r\n\r\n    #hrDiningSection.hrdine-js\r\n    .hrdine-reveal {\r\n\r\n        opacity: 1 !important;\r\n\r\n        transform:\r\n            none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    function initHRDining() {\r\n\r\n        var section =\r\n            document.getElementById(\r\n                \"hrDiningSection\"\r\n            );\r\n\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n\r\n        if (\r\n            section.hasAttribute(\r\n                \"data-hrdine-init\"\r\n            )\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        section.setAttribute(\r\n            \"data-hrdine-init\",\r\n            \"true\"\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           1. REVEAL\r\n        ====================================================== *\/\r\n\r\n        var reduceMotion =\r\n            window.matchMedia &&\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            ).matches;\r\n\r\n\r\n        if (reduceMotion) {\r\n\r\n            section.classList.add(\r\n                \"hrdine-visible\"\r\n            );\r\n\r\n        }\r\n\r\n        else if (\r\n            \"IntersectionObserver\" in window\r\n        ) {\r\n\r\n            section.classList.add(\r\n                \"hrdine-js\"\r\n            );\r\n\r\n\r\n            var observer =\r\n                new IntersectionObserver(\r\n\r\n                    function (entries) {\r\n\r\n                        entries.forEach(\r\n                            function (entry) {\r\n\r\n                                if (\r\n                                    entry.isIntersecting\r\n                                ) {\r\n\r\n                                    section\r\n                                        .classList\r\n                                        .add(\r\n                                            \"hrdine-visible\"\r\n                                        );\r\n\r\n\r\n                                    observer\r\n                                        .disconnect();\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n\r\n                    {\r\n                        threshold: .08,\r\n\r\n                        rootMargin:\r\n                            \"0px 0px -30px 0px\"\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            observer.observe(\r\n                section\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           2. HORIZONTAL GALLERY\r\n        ====================================================== *\/\r\n\r\n        var track =\r\n            document.getElementById(\r\n                \"hrDiningGalleryTrack\"\r\n            );\r\n\r\n\r\n        var prevControl =\r\n            section.querySelector(\r\n                \".hrdine-control-prev\"\r\n            );\r\n\r\n\r\n        var nextControl =\r\n            section.querySelector(\r\n                \".hrdine-control-next\"\r\n            );\r\n\r\n\r\n        function galleryStep() {\r\n\r\n            if (!track) {\r\n                return 280;\r\n            }\r\n\r\n\r\n            var item =\r\n                track.querySelector(\r\n                    \".hrdine-gallery-item\"\r\n                );\r\n\r\n\r\n            if (!item) {\r\n                return 280;\r\n            }\r\n\r\n\r\n            return (\r\n                item.getBoundingClientRect().width\r\n                +\r\n                11\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            track &&\r\n            prevControl\r\n        ) {\r\n\r\n            prevControl.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    track.scrollBy({\r\n                        left:\r\n                            -galleryStep(),\r\n\r\n                        behavior:\r\n                            \"smooth\"\r\n                    });\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            track &&\r\n            nextControl\r\n        ) {\r\n\r\n            nextControl.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    track.scrollBy({\r\n                        left:\r\n                            galleryStep(),\r\n\r\n                        behavior:\r\n                            \"smooth\"\r\n                    });\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           3. LIGHTBOX\r\n        ====================================================== *\/\r\n\r\n        var lightbox =\r\n            document.getElementById(\r\n                \"hrDiningLightbox\"\r\n            );\r\n\r\n\r\n        if (!lightbox) {\r\n            return;\r\n        }\r\n\r\n\r\n        var galleryButtons =\r\n            section.querySelectorAll(\r\n                \"[data-hrdine-image]\"\r\n            );\r\n\r\n\r\n        if (!galleryButtons.length) {\r\n            return;\r\n        }\r\n\r\n\r\n        var lightboxImage =\r\n            lightbox.querySelector(\r\n                \".hrdine-lightbox-image\"\r\n            );\r\n\r\n\r\n        var closeButton =\r\n            lightbox.querySelector(\r\n                \".hrdine-lightbox-close\"\r\n            );\r\n\r\n\r\n        var previousButton =\r\n            lightbox.querySelector(\r\n                \".hrdine-lightbox-prev\"\r\n            );\r\n\r\n\r\n        var nextButton =\r\n            lightbox.querySelector(\r\n                \".hrdine-lightbox-next\"\r\n            );\r\n\r\n\r\n        var currentIndex = 0;\r\n\r\n        var previousOverflow = \"\";\r\n\r\n\r\n        var images =\r\n            Array.prototype.map.call(\r\n                galleryButtons,\r\n\r\n                function (button) {\r\n\r\n                    var image =\r\n                        button.querySelector(\r\n                            \"img\"\r\n                        );\r\n\r\n\r\n                    return {\r\n\r\n                        src:\r\n                            image.currentSrc ||\r\n                            image.src,\r\n\r\n                        alt:\r\n                            image.alt ||\r\n                            \"Dining HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n\r\n                    };\r\n\r\n                }\r\n            );\r\n\r\n\r\n        function renderImage() {\r\n\r\n            var item =\r\n                images[currentIndex];\r\n\r\n\r\n            if (!item) {\r\n                return;\r\n            }\r\n\r\n\r\n            lightboxImage.src =\r\n                item.src;\r\n\r\n\r\n            lightboxImage.alt =\r\n                item.alt;\r\n\r\n        }\r\n\r\n\r\n        function openLightbox(index) {\r\n\r\n            currentIndex =\r\n                index;\r\n\r\n\r\n            renderImage();\r\n\r\n\r\n            previousOverflow =\r\n                document.body.style.overflow;\r\n\r\n\r\n            document.body.style.overflow =\r\n                \"hidden\";\r\n\r\n\r\n            lightbox\r\n                .classList\r\n                .add(\r\n                    \"is-open\"\r\n                );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n\r\n            window.setTimeout(\r\n                function () {\r\n\r\n                    closeButton.focus();\r\n\r\n                },\r\n                30\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function closeLightbox() {\r\n\r\n            lightbox\r\n                .classList\r\n                .remove(\r\n                    \"is-open\"\r\n                );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            document.body.style.overflow =\r\n                previousOverflow;\r\n\r\n\r\n            window.setTimeout(\r\n                function () {\r\n\r\n                    lightboxImage.src =\r\n                        \"\";\r\n\r\n                },\r\n                280\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function previousImage() {\r\n\r\n            currentIndex =\r\n                (\r\n                    currentIndex\r\n                    -\r\n                    1\r\n                    +\r\n                    images.length\r\n                )\r\n                %\r\n                images.length;\r\n\r\n\r\n            renderImage();\r\n\r\n        }\r\n\r\n\r\n        function nextImage() {\r\n\r\n            currentIndex =\r\n                (\r\n                    currentIndex\r\n                    +\r\n                    1\r\n                )\r\n                %\r\n                images.length;\r\n\r\n\r\n            renderImage();\r\n\r\n        }\r\n\r\n\r\n        galleryButtons.forEach(\r\n            function (\r\n                button,\r\n                index\r\n            ) {\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        openLightbox(\r\n                            index\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        closeButton.addEventListener(\r\n            \"click\",\r\n            closeLightbox\r\n        );\r\n\r\n\r\n        previousButton.addEventListener(\r\n            \"click\",\r\n            previousImage\r\n        );\r\n\r\n\r\n        nextButton.addEventListener(\r\n            \"click\",\r\n            nextImage\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.target ===\r\n                    lightbox\r\n                ) {\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           4. KEYBOARD\r\n        ====================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !lightbox\r\n                        .classList\r\n                        .contains(\r\n                            \"is-open\"\r\n                        )\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                if (\r\n                    event.key ===\r\n                    \"Escape\"\r\n                ) {\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    event.key ===\r\n                    \"ArrowLeft\"\r\n                ) {\r\n\r\n                    previousImage();\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    event.key ===\r\n                    \"ArrowRight\"\r\n                ) {\r\n\r\n                    nextImage();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           5. TOUCH SWIPE LIGHTBOX\r\n        ====================================================== *\/\r\n\r\n        var touchStartX = 0;\r\n\r\n        var touchEndX = 0;\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"touchstart\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !event.changedTouches.length\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                touchStartX =\r\n                    event\r\n                        .changedTouches[0]\r\n                        .screenX;\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"touchend\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !event.changedTouches.length\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                touchEndX =\r\n                    event\r\n                        .changedTouches[0]\r\n                        .screenX;\r\n\r\n\r\n                var distance =\r\n                    touchEndX\r\n                    -\r\n                    touchStartX;\r\n\r\n\r\n                if (\r\n                    Math.abs(\r\n                        distance\r\n                    )\r\n                    <\r\n                    45\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                if (\r\n                    distance > 0\r\n                ) {\r\n\r\n                    previousImage();\r\n\r\n                }\r\n\r\n                else {\r\n\r\n                    nextImage();\r\n\r\n                }\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       DOM READY\r\n    ========================================================= *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initHRDining,\r\n            {\r\n                once: true\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        initHRDining();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd3497c e-con-full e-flex e-con e-parent\" data-id=\"dd3497c\" data-element_type=\"container\" data-e-type=\"container\" id=\"reviews\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01bbce5 elementor-widget elementor-widget-html\" data-id=\"01bbce5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HR RESORT \u2014 GUEST REVIEWS SECTION\r\n     Bueng Khong Long \u2022 Bueng Kan\r\n     BLUE + WHITE \/ NATURE PREMIUM UI\r\n     \r\n     WordPress \/ Elementor Custom HTML\r\n     HTML + CSS + JS IN ONE BLOCK\r\n========================================================= -->\r\n\r\n<section\r\n    id=\"hrGuestReviews\"\r\n    class=\"hrgr-section\"\r\n    aria-labelledby=\"hrgr-title\"\r\n>\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND\r\n    ====================================================== -->\r\n    <div class=\"hrgr-bg\" aria-hidden=\"true\">\r\n\r\n        <img\r\n            src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/beautiful-summer-landscape-with-picturesque-lake-forest-scaled.jpg\"\r\n            alt=\"\"\r\n            class=\"hrgr-bg-image\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n        >\r\n\r\n        <div class=\"hrgr-bg-overlay\"><\/div>\r\n        <div class=\"hrgr-bg-glow\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENT\r\n    ====================================================== -->\r\n    <div class=\"hrgr-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n        <header class=\"hrgr-header hrgr-reveal\">\r\n\r\n            <div class=\"hrgr-eyebrow\">\r\n\r\n                <span class=\"hrgr-eyebrow-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"m12 2 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 8.6l6.2-.9L12 2Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                    GUEST REVIEWS\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"hrgr-kicker\">\r\n                \u0e40\u0e2a\u0e35\u0e22\u0e07\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e02\u0e2d\u0e07 HR Resort\r\n            <\/p>\r\n\r\n\r\n            <h2\r\n                id=\"hrgr-title\"\r\n                class=\"hrgr-title\"\r\n            >\r\n                \u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e43\u0e08\r\n                <span>\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e40\u0e04\u0e22\u0e21\u0e32\u0e1e\u0e31\u0e01\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/span>\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"hrgr-description\">\r\n                \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e40\u0e07\u0e35\u0e22\u0e1a\u0e2a\u0e07\u0e1a \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e41\u0e25\u0e30\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e27\u0e32\u0e07\r\n                \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e31\u0e19\u0e40\u0e2d\u0e07\r\n                \u0e04\u0e37\u0e2d\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e1e\u0e39\u0e14\u0e16\u0e36\u0e07 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n            <\/p>\r\n\r\n\r\n            <!-- =============================================\r\n                 RATING SUMMARY\r\n            ============================================== -->\r\n            <div class=\"hrgr-rating-summary\">\r\n\r\n                <div class=\"hrgr-score\">\r\n                    4.9\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hrgr-rating-copy\">\r\n\r\n                    <div\r\n                        class=\"hrgr-stars\"\r\n                        aria-label=\"\u0e04\u0e30\u0e41\u0e19\u0e19 4.9 \u0e08\u0e32\u0e01 5\"\r\n                    >\r\n                        <span>\u2605<\/span>\r\n                        <span>\u2605<\/span>\r\n                        <span>\u2605<\/span>\r\n                        <span>\u2605<\/span>\r\n                        <span>\u2605<\/span>\r\n                    <\/div>\r\n\r\n                    <strong>\r\n                        Excellent\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        71 \u0e23\u0e35\u0e27\u0e34\u0e27\u0e1a\u0e19 Google\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hrgr-google-badge\">\r\n\r\n                    <span class=\"hrgr-google-g\">\r\n                        G\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        Google Reviews\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrgr-rating-note\">\r\n                \u0e04\u0e30\u0e41\u0e19\u0e19\u0e41\u0e25\u0e30\u0e08\u0e33\u0e19\u0e27\u0e19\u0e23\u0e35\u0e27\u0e34\u0e27\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e08\u0e32\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a \u0e13 \u0e40\u0e27\u0e25\u0e32\u0e08\u0e31\u0e14\u0e17\u0e33\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\r\n            <\/div>\r\n\r\n        <\/header>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             HIGHLIGHT CHIPS\r\n        ================================================== -->\r\n        <div class=\"hrgr-highlights hrgr-reveal\">\r\n\r\n            <div class=\"hrgr-highlight\">\r\n\r\n                <span class=\"hrgr-highlight-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 7h16v12h-2v-2H6v2H4V7Zm2 2v6h12V9H6Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                    \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e2a\u0e30\u0e2d\u0e32\u0e14\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrgr-highlight\">\r\n\r\n                <span class=\"hrgr-highlight-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                    \u0e17\u0e33\u0e40\u0e25\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrgr-highlight\">\r\n\r\n                <span class=\"hrgr-highlight-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3Zm0 2.2L18 6.5V11c0 3.8-2.4 7.5-6 8.8C8.4 18.5 6 14.8 6 11V6.5l6-2.3Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                    \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e07\u0e1a\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrgr-highlight\">\r\n\r\n                <span class=\"hrgr-highlight-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 5h12v8a6 6 0 0 1-12 0V5Zm2 2v6a4 4 0 0 0 8 0V7H6Zm11 1h1a3 3 0 0 1 0 6h-1v-2h1a1 1 0 1 0 0-2h-1V8ZM3 19h16v2H3v-2Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                    \u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e14\u0e35\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrgr-highlight\">\r\n\r\n                <span class=\"hrgr-highlight-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM4 22v-3c0-3.3 3.6-5 8-5s8 1.7 8 5v3H4Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                    \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e31\u0e19\u0e40\u0e2d\u0e07\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             REVIEW SLIDER\r\n        ================================================== -->\r\n        <div\r\n            class=\"hrgr-slider-wrap hrgr-reveal\"\r\n            data-hrgr-slider\r\n        >\r\n\r\n            <!-- ARROW LEFT -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrgr-arrow hrgr-arrow-prev\"\r\n                aria-label=\"\u0e23\u0e35\u0e27\u0e34\u0e27\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"m15.4 7.4-4.6 4.6 4.6 4.6L14 18l-6-6 6-6 1.4 1.4Z\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n\r\n\r\n            <!-- TRACK WINDOW -->\r\n            <div class=\"hrgr-slider-window\">\r\n\r\n                <div class=\"hrgr-track\">\r\n\r\n\r\n                    <!-- =====================================\r\n                         REVIEW 01\r\n                    ====================================== -->\r\n                    <article class=\"hrgr-card\">\r\n\r\n                        <div class=\"hrgr-card-top\">\r\n\r\n                            <div class=\"hrgr-avatar\">\r\n                                M\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrgr-user\">\r\n\r\n                                <strong>\r\n                                    Mituna Satherich\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Local Guide\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrgr-quote-icon\">\r\n                                \u201c\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-card-stars\">\r\n                            \u2605\u2605\u2605\u2605\u2605\r\n                        <\/div>\r\n\r\n\r\n                        <p class=\"hrgr-review-text\">\r\n                            \u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e14\u0e35 \u0e27\u0e34\u0e27\u0e2a\u0e27\u0e22 \u0e2d\u0e22\u0e39\u0e48\u0e44\u0e21\u0e48\u0e44\u0e01\u0e25\u0e08\u0e32\u0e01\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e0a\u0e38\u0e21\u0e0a\u0e19\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e01\u0e27\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22\r\n                            \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e42\u0e14\u0e22\u0e23\u0e27\u0e21\u0e40\u0e07\u0e35\u0e22\u0e1a\u0e2a\u0e07\u0e1a\u0e41\u0e25\u0e30\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"hrgr-review-tags\">\r\n\r\n                            <span>\r\n                                \u0e27\u0e34\u0e27\u0e2a\u0e27\u0e22\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e40\u0e07\u0e35\u0e22\u0e1a\u0e2a\u0e07\u0e1a\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-scores\">\r\n\r\n                            <span>\r\n                                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e17\u0e33\u0e40\u0e25\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-source\">\r\n\r\n                            <span class=\"hrgr-source-g\">\r\n                                G\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                Google Review\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n\r\n                    <!-- =====================================\r\n                         REVIEW 02\r\n                    ====================================== -->\r\n                    <article class=\"hrgr-card\">\r\n\r\n                        <div class=\"hrgr-card-top\">\r\n\r\n                            <div class=\"hrgr-avatar\">\r\n                                C\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrgr-user\">\r\n\r\n                                <strong>\r\n                                    Charita Partnership Manager\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Local Guide\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrgr-quote-icon\">\r\n                                \u201c\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-card-stars\">\r\n                            \u2605\u2605\u2605\u2605\u2605\r\n                        <\/div>\r\n\r\n\r\n                        <p class=\"hrgr-review-text\">\r\n                            \u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e14\u0e35\u0e21\u0e32\u0e01\u0e40\u0e01\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e32\u0e14\u0e2b\u0e21\u0e32\u0e22\r\n                            \u0e17\u0e35\u0e48\u0e19\u0e2d\u0e19\u0e19\u0e38\u0e48\u0e21\u0e2b\u0e25\u0e31\u0e1a\u0e2a\u0e1a\u0e32\u0e22 \u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e2a\u0e30\u0e2d\u0e32\u0e14\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e42\u0e17\u0e19\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e2a\u0e1a\u0e32\u0e22\u0e15\u0e32\r\n                            \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"hrgr-review-tags\">\r\n\r\n                            <span>\r\n                                \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e27\u0e22\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e2a\u0e30\u0e2d\u0e32\u0e14\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e2a\u0e1a\u0e32\u0e22\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-scores\">\r\n\r\n                            <span>\r\n                                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e17\u0e33\u0e40\u0e25\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-source\">\r\n\r\n                            <span class=\"hrgr-source-g\">\r\n                                G\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                Google Review\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n\r\n                    <!-- =====================================\r\n                         REVIEW 03\r\n                    ====================================== -->\r\n                    <article class=\"hrgr-card\">\r\n\r\n                        <div class=\"hrgr-card-top\">\r\n\r\n                            <div class=\"hrgr-avatar\">\r\n                                \u0e1b\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrgr-user\">\r\n\r\n                                <strong>\r\n                                    \u0e1b\u0e34\u0e22\u0e30\u0e01\u0e38\u0e25 \u0e0a\u0e38\u0e21\u0e1b\u0e23\u0e30\u0e40\u0e2a\u0e23\u0e34\u0e10\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Local Guide\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrgr-quote-icon\">\r\n                                \u201c\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-card-stars\">\r\n                            \u2605\u2605\u2605\u2605\u2605\r\n                        <\/div>\r\n\r\n\r\n                        <p class=\"hrgr-review-text\">\r\n                            \u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e14\u0e35\u0e21\u0e32\u0e01 \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e27\u0e22 \u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22\r\n                            \u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e04\u0e23\u0e1a\r\n                            \u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e41\u0e25\u0e30\u0e2d\u0e23\u0e48\u0e2d\u0e22\r\n                            \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e02\u0e49\u0e32\u0e27\u0e15\u0e49\u0e21\r\n                            \u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e35\u0e41\u0e25\u0e30\u0e43\u0e2a\u0e48\u0e43\u0e08\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"hrgr-review-tags\">\r\n\r\n                            <span>\r\n                                \u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e35\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-scores\">\r\n\r\n                            <span>\r\n                                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e17\u0e33\u0e40\u0e25\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-source\">\r\n\r\n                            <span class=\"hrgr-source-g\">\r\n                                G\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                Google Review\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n\r\n                    <!-- =====================================\r\n                         REVIEW 04\r\n                    ====================================== -->\r\n                    <article class=\"hrgr-card\">\r\n\r\n                        <div class=\"hrgr-card-top\">\r\n\r\n                            <div class=\"hrgr-avatar\">\r\n                                W\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrgr-user\">\r\n\r\n                                <strong>\r\n                                    Wipha Marom\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Guest Review\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrgr-quote-icon\">\r\n                                \u201c\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-card-stars\">\r\n                            \u2605\u2605\u2605\u2605\u2605\r\n                        <\/div>\r\n\r\n\r\n                        <p class=\"hrgr-review-text\">\r\n                            \u0e21\u0e32\u0e1e\u0e31\u0e01\u0e01\u0e31\u0e19 4 \u0e04\u0e19\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e1c\u0e34\u0e14\u0e2b\u0e27\u0e31\u0e07\r\n                            \u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e35\u0e21\u0e32\u0e01\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e14\u0e35 \u0e40\u0e15\u0e35\u0e22\u0e07\u0e19\u0e2d\u0e19\u0e2a\u0e1a\u0e32\u0e22\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e41\u0e25\u0e30\u0e40\u0e1f\u0e2d\u0e23\u0e4c\u0e19\u0e34\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e14\u0e35\r\n                            \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e23\u0e2d\u0e1a\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e15\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"hrgr-review-tags\">\r\n\r\n                            <span>\r\n                                \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e35\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e2b\u0e49\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e14\u0e35\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e27\u0e34\u0e27\u0e2a\u0e27\u0e22\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-scores\">\r\n\r\n                            <span>\r\n                                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e17\u0e33\u0e40\u0e25\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-source\">\r\n\r\n                            <span class=\"hrgr-source-g\">\r\n                                G\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                Google Review\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n\r\n                    <!-- =====================================\r\n                         REVIEW 05\r\n                    ====================================== -->\r\n                    <article class=\"hrgr-card\">\r\n\r\n                        <div class=\"hrgr-card-top\">\r\n\r\n                            <div class=\"hrgr-avatar\">\r\n                                B\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrgr-user\">\r\n\r\n                                <strong>\r\n                                    BUA_MutitA 888\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Local Guide\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrgr-quote-icon\">\r\n                                \u201c\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-card-stars\">\r\n                            \u2605\u2605\u2605\u2605\u2605\r\n                        <\/div>\r\n\r\n\r\n                        <p class=\"hrgr-review-text\">\r\n                            \u0e23\u0e2d\u0e1a\u0e19\u0e2d\u0e01\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e02\u0e2d\u0e07\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n                            \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e40\u0e07\u0e35\u0e22\u0e1a\u0e2a\u0e07\u0e1a\u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\r\n                            \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e17\u0e35\u0e48\u0e19\u0e2d\u0e19\u0e19\u0e38\u0e48\u0e21\u0e2a\u0e1a\u0e32\u0e22\r\n                            \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e14\u0e34\u0e19\u0e40\u0e25\u0e48\u0e19\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\r\n                            \u0e17\u0e48\u0e32\u0e21\u0e01\u0e25\u0e32\u0e07\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e44\u0e14\u0e49\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"hrgr-review-tags\">\r\n\r\n                            <span>\r\n                                \u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e40\u0e07\u0e35\u0e22\u0e1a\u0e2a\u0e07\u0e1a\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-scores\">\r\n\r\n                            <span>\r\n                                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                                <strong>5\/5<\/strong>\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\r\n                                <strong>\u0e14\u0e35<\/strong>\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\r\n                                <strong>\u0e2a\u0e07\u0e1a<\/strong>\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hrgr-source\">\r\n\r\n                            <span class=\"hrgr-source-g\">\r\n                                G\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                Google Review\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ARROW RIGHT -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrgr-arrow hrgr-arrow-next\"\r\n                aria-label=\"\u0e23\u0e35\u0e27\u0e34\u0e27\u0e16\u0e31\u0e14\u0e44\u0e1b\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"m8.6 16.6 4.6-4.6-4.6-4.6L10 6l6 6-6 6-1.4-1.4Z\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             DOTS\r\n        ================================================== -->\r\n        <div\r\n            class=\"hrgr-dots\"\r\n            aria-label=\"\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e35\u0e27\u0e34\u0e27\"\r\n        ><\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             BOTTOM FEATURE\r\n        ================================================== -->\r\n        <div class=\"hrgr-bottom hrgr-reveal\">\r\n\r\n            <div class=\"hrgr-bottom-copy\">\r\n\r\n                <span>\r\n                    EXPERIENCE HR RESORT\r\n                <\/span>\r\n\r\n                <h3>\r\n                    \u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e1a\u0e32\u0e22\r\n                    <strong>\u0e17\u0e35\u0e48\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07<\/strong>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e40\u0e07\u0e35\u0e22\u0e1a\u0e2a\u0e07\u0e1a\r\n                    \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22\r\n                    \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e14\u0e39\u0e41\u0e25\u0e04\u0e38\u0e13\u0e15\u0e25\u0e2d\u0e14\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n                href=\"#book-now\"\r\n                class=\"hrgr-cta\"\r\n            >\r\n                <span>\r\n                    \u0e40\u0e0a\u0e47\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07\r\n                <\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M5 12h12.2l-4.6-4.6L14 6l7 7-7 7-1.4-1.4 4.6-4.6H5v-2Z\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   HR RESORT \u2014 REVIEWS\r\n========================================================= *\/\r\n\r\n#hrGuestReviews {\r\n\r\n    --hrgr-blue: #2563EB;\r\n    --hrgr-blue-dark: #1D4ED8;\r\n    --hrgr-blue-deep: #123E73;\r\n\r\n    --hrgr-navy: #0E2F52;\r\n    --hrgr-navy-2: #173F67;\r\n\r\n    --hrgr-sky: #42B6F5;\r\n\r\n    --hrgr-white: #FFFFFF;\r\n    --hrgr-soft: #F3F9FF;\r\n\r\n    --hrgr-text: #173A5E;\r\n    --hrgr-muted: #71869A;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    isolation: isolate;\r\n\r\n    padding:\r\n        clamp(80px,8vw,125px)\r\n        22px;\r\n\r\n    font-family:\r\n        \"Noto Sans Thai\",\r\n        \"Prompt\",\r\n        system-ui,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n\r\n    color:\r\n        var(--hrgr-text);\r\n\r\n    box-sizing: border-box;\r\n\r\n    -webkit-font-smoothing:\r\n        antialiased;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews *,\r\n#hrGuestReviews *::before,\r\n#hrGuestReviews *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-bg {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: -1;\r\n\r\n    overflow: hidden;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-bg-image {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position:\r\n        center center;\r\n\r\n    transform:\r\n        scale(1.025);\r\n\r\n    filter:\r\n        saturate(.88)\r\n        contrast(.98);\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-bg-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n\r\n            rgba(5,38,78,.50)\r\n            0%,\r\n\r\n            rgba(8,50,94,.46)\r\n            25%,\r\n\r\n            rgba(8,53,100,.50)\r\n            55%,\r\n\r\n            rgba(7,43,81,.68)\r\n            100%\r\n        );\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-bg-glow {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 10% 13%,\r\n            rgba(85,200,255,.22),\r\n            transparent 28%\r\n        ),\r\n\r\n        radial-gradient(\r\n            circle at 90% 70%,\r\n            rgba(37,99,235,.22),\r\n            transparent 33%\r\n        ),\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(255,255,255,.04),\r\n            transparent 50%\r\n        );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(100%,1280px);\r\n\r\n    margin-inline:\r\n        auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-header {\r\n\r\n    width:\r\n        min(100%,850px);\r\n\r\n    margin-inline:\r\n        auto;\r\n\r\n    text-align:\r\n        center;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-eyebrow {\r\n\r\n    width:\r\n        fit-content;\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap: 8px;\r\n\r\n    min-height: 34px;\r\n\r\n    padding:\r\n        6px 13px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.25);\r\n\r\n    border-radius:\r\n        999px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.10);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(0,31,70,.08);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing:\r\n        .17em;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-eyebrow-icon {\r\n\r\n    width: 22px;\r\n    height: 22px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        var(--hrgr-blue);\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-eyebrow-icon svg {\r\n\r\n    width: 12px;\r\n    height: 12px;\r\n\r\n    fill:\r\n        currentColor;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-kicker {\r\n\r\n    margin:\r\n        17px 0 0;\r\n\r\n    color:\r\n        #C3E5FF;\r\n\r\n    font-size:\r\n        clamp(12px,1vw,14px);\r\n\r\n    font-weight: 600;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-title {\r\n\r\n    margin:\r\n        8px 0 0;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(38px,4.3vw,61px);\r\n\r\n    font-weight: 850;\r\n\r\n    line-height: 1.2;\r\n\r\n    letter-spacing:\r\n        -.035em;\r\n\r\n    text-shadow:\r\n        0 6px 25px\r\n        rgba(0,27,64,.17);\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-title span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #9ED7FF;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-description {\r\n\r\n    width:\r\n        min(100%,710px);\r\n\r\n    margin:\r\n        19px auto 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n    font-size:\r\n        clamp(12.5px,1vw,14.5px);\r\n\r\n    line-height: 1.9;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RATING SUMMARY\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-rating-summary {\r\n\r\n    width:\r\n        fit-content;\r\n\r\n    max-width: 100%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 16px;\r\n\r\n    margin:\r\n        27px auto 0;\r\n\r\n    padding:\r\n        13px 17px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.24);\r\n\r\n    border-radius:\r\n        18px;\r\n\r\n    background:\r\n        rgba(255,255,255,.94);\r\n\r\n    box-shadow:\r\n        0 17px 40px\r\n        rgba(0,31,67,.15);\r\n\r\n    text-align: left;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-score {\r\n\r\n    color:\r\n        var(--hrgr-navy);\r\n\r\n    font-size: 38px;\r\n\r\n    font-weight: 850;\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-rating-copy {\r\n\r\n    padding-right:\r\n        17px;\r\n\r\n    border-right:\r\n        1px solid\r\n        #DFEAF4;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-stars {\r\n\r\n    display: flex;\r\n\r\n    gap: 1px;\r\n\r\n    color:\r\n        #F7B900;\r\n\r\n    font-size: 15px;\r\n\r\n    letter-spacing:\r\n        0;\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-rating-copy strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    color:\r\n        var(--hrgr-navy);\r\n\r\n    font-size: 10px;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-rating-copy small {\r\n\r\n    display: block;\r\n\r\n    margin-top: 1px;\r\n\r\n    color:\r\n        #8899A9;\r\n\r\n    font-size: 8px;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-google-badge {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    color:\r\n        #687C90;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-google-g {\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        #4285F4;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 850;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-rating-note {\r\n\r\n    margin-top: 9px;\r\n\r\n    color:\r\n        rgba(255,255,255,.54);\r\n\r\n    font-size: 7.5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HIGHLIGHTS\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-highlights {\r\n\r\n    width:\r\n        min(100%,960px);\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    gap: 7px;\r\n\r\n    margin:\r\n        32px auto 0;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-highlight {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    min-height: 39px;\r\n\r\n    padding:\r\n        6px 12px 6px 7px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.19);\r\n\r\n    border-radius:\r\n        999px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        rgba(7,48,91,.31);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 650;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-highlight-icon {\r\n\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.14);\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-highlight-icon svg {\r\n\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    fill:\r\n        currentColor;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-slider-wrap {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-top:\r\n        clamp(43px,5vw,68px);\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-slider-window {\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-track {\r\n\r\n    display: flex;\r\n\r\n    gap: 15px;\r\n\r\n    transition:\r\n        transform .55s\r\n        cubic-bezier(.22,.61,.36,1);\r\n\r\n    will-change:\r\n        transform;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVIEW CARD\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-card {\r\n\r\n    position: relative;\r\n\r\n    flex:\r\n        0 0\r\n        calc(\r\n            (100% - 30px) \/ 3\r\n        );\r\n\r\n    min-width: 0;\r\n\r\n    min-height: 395px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    padding:\r\n        24px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.70);\r\n\r\n    border-radius:\r\n        24px;\r\n\r\n    background:\r\n        rgba(255,255,255,.93);\r\n\r\n    box-shadow:\r\n        0 22px 60px\r\n        rgba(0,27,62,.15);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrGuestReviews\r\n    .hrgr-card:hover {\r\n\r\n        transform:\r\n            translateY(-6px);\r\n\r\n        box-shadow:\r\n            0 30px 70px\r\n            rgba(0,27,62,.21);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-card::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 130px;\r\n    height: 130px;\r\n\r\n    right: -65px;\r\n    bottom: -65px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle,\r\n            rgba(37,99,235,.09),\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-card-top {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-avatar {\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #2563EB,\r\n            #1A89C9\r\n        );\r\n\r\n    box-shadow:\r\n        0 8px 20px\r\n        rgba(37,99,235,.18);\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-user {\r\n\r\n    min-width: 0;\r\n\r\n    flex: 1;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-user strong {\r\n\r\n    display: block;\r\n\r\n    overflow: hidden;\r\n\r\n    color:\r\n        var(--hrgr-navy);\r\n\r\n    font-size: 11.5px;\r\n\r\n    white-space: nowrap;\r\n\r\n    text-overflow:\r\n        ellipsis;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-user span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 2px;\r\n\r\n    color:\r\n        #8A9BAA;\r\n\r\n    font-size: 8.5px;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-quote-icon {\r\n\r\n    color:\r\n        #DCEBFA;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 54px;\r\n\r\n    line-height: .7;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-card-stars {\r\n\r\n    margin-top: 19px;\r\n\r\n    color:\r\n        #F7B900;\r\n\r\n    font-size: 15px;\r\n\r\n    letter-spacing: 1px;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-review-text {\r\n\r\n    margin:\r\n        14px 0 0;\r\n\r\n    color:\r\n        #566D84;\r\n\r\n    font-size:\r\n        11.5px;\r\n\r\n    line-height: 1.85;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-review-tags {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 5px;\r\n\r\n    margin-top: 16px;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-review-tags span {\r\n\r\n    padding:\r\n        5px 9px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(37,99,235,.09);\r\n\r\n    border-radius:\r\n        999px;\r\n\r\n    color:\r\n        #58738E;\r\n\r\n    background:\r\n        #F4F9FE;\r\n\r\n    font-size: 7.5px;\r\n\r\n    font-weight: 650;\r\n\r\n}\r\n\r\n\r\n\r\n\/* Scores *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-scores {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap: 5px;\r\n\r\n    margin-top:\r\n        auto;\r\n\r\n    padding-top: 20px;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-scores > span {\r\n\r\n    display: block;\r\n\r\n    padding:\r\n        8px 5px;\r\n\r\n    border:\r\n        1px solid\r\n        #E9F0F7;\r\n\r\n    border-radius:\r\n        10px;\r\n\r\n    color:\r\n        #8A9BAB;\r\n\r\n    background:\r\n        #FBFDFF;\r\n\r\n    font-size: 7px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-scores strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 2px;\r\n\r\n    color:\r\n        var(--hrgr-navy);\r\n\r\n    font-size: 9px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* Google source *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-source {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 6px;\r\n\r\n    margin-top: 12px;\r\n\r\n    color:\r\n        #99A6B3;\r\n\r\n    font-size: 7.5px;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-source-g {\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        #4285F4;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 850;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-arrow {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    flex:\r\n        0 0 44px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.24);\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    cursor: pointer;\r\n\r\n    appearance: none;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-arrow svg {\r\n\r\n    width: 21px;\r\n    height: 21px;\r\n\r\n    fill:\r\n        currentColor;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrGuestReviews\r\n    .hrgr-arrow:hover {\r\n\r\n        background:\r\n            var(--hrgr-blue);\r\n\r\n        transform:\r\n            scale(1.07);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-dots {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 6px;\r\n\r\n    margin-top: 22px;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-dot {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    border-radius:\r\n        999px;\r\n\r\n    background:\r\n        rgba(255,255,255,.38);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        width .25s ease,\r\n        background .25s ease;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-dot.is-active {\r\n\r\n    width: 24px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\n.hrgr-bottom {\r\n\r\n    margin-top:\r\n        clamp(55px,6vw,78px);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap: 25px;\r\n\r\n    padding:\r\n        clamp(25px,3vw,38px);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.20);\r\n\r\n    border-radius:\r\n        25px;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(9,51,96,.90),\r\n            rgba(37,99,235,.84)\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(14px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(14px);\r\n\r\n    box-shadow:\r\n        0 24px 65px\r\n        rgba(0,28,66,.20);\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-bottom-copy > span {\r\n\r\n    color:\r\n        #9DD7FF;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing:\r\n        .16em;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-bottom h3 {\r\n\r\n    margin:\r\n        4px 0 0;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(25px,2.6vw,37px);\r\n\r\n    line-height: 1.35;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-bottom h3 strong {\r\n\r\n    color:\r\n        #B5E3FF;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-bottom p {\r\n\r\n    max-width: 650px;\r\n\r\n    margin:\r\n        6px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.70);\r\n\r\n    font-size: 10.5px;\r\n\r\n    line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-cta {\r\n\r\n    min-width: 165px;\r\n    min-height: 51px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display:\r\n        inline-flex !important;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding:\r\n        0 22px;\r\n\r\n    border-radius:\r\n        13px;\r\n\r\n    color:\r\n        var(--hrgr-blue-dark)\r\n        !important;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(0,28,66,.17);\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews\r\n.hrgr-cta svg {\r\n\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    fill:\r\n        currentColor;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    #hrGuestReviews\r\n    .hrgr-cta:hover {\r\n\r\n        transform:\r\n            translateY(-2px);\r\n\r\n        box-shadow:\r\n            0 17px 32px\r\n            rgba(0,28,66,.23);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n#hrGuestReviews.hrgr-js\r\n.hrgr-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(18px);\r\n\r\n    transition:\r\n        opacity .75s ease,\r\n        transform .75s ease;\r\n\r\n}\r\n\r\n\r\n#hrGuestReviews.hrgr-js.hrgr-visible\r\n.hrgr-reveal {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px) {\r\n\r\n    #hrGuestReviews {\r\n\r\n        padding:\r\n            75px 18px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-card {\r\n\r\n        flex:\r\n            0 0\r\n            calc(\r\n                (100% - 15px) \/ 2\r\n            );\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    #hrGuestReviews {\r\n\r\n        padding:\r\n            60px 14px\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-bg-image {\r\n\r\n        object-position:\r\n            54% center;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-title {\r\n\r\n        font-size:\r\n            clamp(\r\n                32px,\r\n                9.3vw,\r\n                43px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-description {\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-rating-summary {\r\n\r\n        width: 100%;\r\n\r\n        gap: 11px;\r\n\r\n        padding:\r\n            12px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-score {\r\n\r\n        font-size: 32px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-rating-copy {\r\n\r\n        flex: 1;\r\n\r\n        padding-right:\r\n            8px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-google-badge > span:last-child {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-highlights {\r\n\r\n        gap: 5px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-highlight {\r\n\r\n        font-size: 8px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-slider-wrap {\r\n\r\n        gap: 0;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-arrow {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 10;\r\n\r\n        top: 50%;\r\n\r\n        width: 37px;\r\n        height: 37px;\r\n\r\n        flex-basis:\r\n            37px;\r\n\r\n        transform:\r\n            translateY(-50%);\r\n\r\n        background:\r\n            rgba(9,52,99,.83);\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-arrow-prev {\r\n\r\n        left: -4px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-arrow-next {\r\n\r\n        right: -4px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-slider-window {\r\n\r\n        padding:\r\n            0 3px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-card {\r\n\r\n        flex:\r\n            0 0 100%;\r\n\r\n        min-height: 385px;\r\n\r\n        padding:\r\n            21px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-review-text {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-bottom {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-cta {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:420px) {\r\n\r\n    #hrGuestReviews\r\n    .hrgr-rating-summary {\r\n\r\n        flex-wrap: wrap;\r\n\r\n        justify-content:\r\n            flex-start;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-google-badge {\r\n\r\n        width: 100%;\r\n\r\n        padding-top: 7px;\r\n\r\n        border-top:\r\n            1px solid #E7EFF6;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews\r\n    .hrgr-google-badge > span:last-child {\r\n\r\n        display: inline;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n#hrGuestReviews\r\nbutton:focus-visible,\r\n\r\n#hrGuestReviews\r\na:focus-visible {\r\n\r\n    outline:\r\n        3px solid\r\n        rgba(255,255,255,.65);\r\n\r\n    outline-offset:\r\n        3px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media\r\n(prefers-reduced-motion: reduce) {\r\n\r\n    #hrGuestReviews *,\r\n    #hrGuestReviews *::before,\r\n    #hrGuestReviews *::after {\r\n\r\n        animation:\r\n            none !important;\r\n\r\n        transition:\r\n            none !important;\r\n\r\n        scroll-behavior:\r\n            auto !important;\r\n\r\n    }\r\n\r\n\r\n    #hrGuestReviews.hrgr-js\r\n    .hrgr-reveal {\r\n\r\n        opacity:\r\n            1 !important;\r\n\r\n        transform:\r\n            none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    function initHRGuestReviews() {\r\n\r\n        var section =\r\n            document.getElementById(\r\n                \"hrGuestReviews\"\r\n            );\r\n\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n\r\n        if (\r\n            section.hasAttribute(\r\n                \"data-hrgr-init\"\r\n            )\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        section.setAttribute(\r\n            \"data-hrgr-init\",\r\n            \"true\"\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           REDUCED MOTION\r\n        ====================================================== *\/\r\n\r\n        var reduceMotion =\r\n            window.matchMedia &&\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            ).matches;\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           REVEAL\r\n        ====================================================== *\/\r\n\r\n        if (reduceMotion) {\r\n\r\n            section\r\n                .classList\r\n                .add(\r\n                    \"hrgr-visible\"\r\n                );\r\n\r\n        }\r\n\r\n        else if (\r\n            \"IntersectionObserver\" in window\r\n        ) {\r\n\r\n            section\r\n                .classList\r\n                .add(\r\n                    \"hrgr-js\"\r\n                );\r\n\r\n\r\n            var observer =\r\n                new IntersectionObserver(\r\n\r\n                    function (entries) {\r\n\r\n                        entries.forEach(\r\n                            function (entry) {\r\n\r\n                                if (\r\n                                    entry.isIntersecting\r\n                                ) {\r\n\r\n                                    section\r\n                                        .classList\r\n                                        .add(\r\n                                            \"hrgr-visible\"\r\n                                        );\r\n\r\n\r\n                                    observer\r\n                                        .disconnect();\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n\r\n                    {\r\n                        threshold: .05,\r\n\r\n                        rootMargin:\r\n                            \"0px 0px -30px 0px\"\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            observer.observe(\r\n                section\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           SLIDER\r\n        ====================================================== *\/\r\n\r\n        var slider =\r\n            section.querySelector(\r\n                \"[data-hrgr-slider]\"\r\n            );\r\n\r\n\r\n        if (!slider) {\r\n            return;\r\n        }\r\n\r\n\r\n        var windowEl =\r\n            slider.querySelector(\r\n                \".hrgr-slider-window\"\r\n            );\r\n\r\n\r\n        var track =\r\n            slider.querySelector(\r\n                \".hrgr-track\"\r\n            );\r\n\r\n\r\n        var cards =\r\n            Array.prototype.slice.call(\r\n                slider.querySelectorAll(\r\n                    \".hrgr-card\"\r\n                )\r\n            );\r\n\r\n\r\n        var prevButton =\r\n            slider.querySelector(\r\n                \".hrgr-arrow-prev\"\r\n            );\r\n\r\n\r\n        var nextButton =\r\n            slider.querySelector(\r\n                \".hrgr-arrow-next\"\r\n            );\r\n\r\n\r\n        var dotsContainer =\r\n            section.querySelector(\r\n                \".hrgr-dots\"\r\n            );\r\n\r\n\r\n        var currentIndex = 0;\r\n\r\n        var autoplayTimer = null;\r\n\r\n        var touchStartX = 0;\r\n\r\n        var touchStartY = 0;\r\n\r\n        var paused = false;\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           VISIBLE CARDS\r\n        ====================================================== *\/\r\n\r\n        function visibleCards() {\r\n\r\n            var width =\r\n                window.innerWidth;\r\n\r\n\r\n            if (width <= 767) {\r\n                return 1;\r\n            }\r\n\r\n\r\n            if (width <= 1024) {\r\n                return 2;\r\n            }\r\n\r\n\r\n            return 3;\r\n\r\n        }\r\n\r\n\r\n\r\n        function maxIndex() {\r\n\r\n            return Math.max(\r\n                0,\r\n                cards.length\r\n                -\r\n                visibleCards()\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           CARD WIDTH + GAP\r\n        ====================================================== *\/\r\n\r\n        function getStep() {\r\n\r\n            if (!cards.length) {\r\n                return 0;\r\n            }\r\n\r\n\r\n            var card =\r\n                cards[0];\r\n\r\n\r\n            var rect =\r\n                card.getBoundingClientRect();\r\n\r\n\r\n            var styles =\r\n                window.getComputedStyle(\r\n                    track\r\n                );\r\n\r\n\r\n            var gap =\r\n                parseFloat(\r\n                    styles.columnGap\r\n                    ||\r\n                    styles.gap\r\n                    ||\r\n                    0\r\n                );\r\n\r\n\r\n            return (\r\n                rect.width\r\n                +\r\n                gap\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           UPDATE\r\n        ====================================================== *\/\r\n\r\n        function updateSlider() {\r\n\r\n            var max =\r\n                maxIndex();\r\n\r\n\r\n            if (\r\n                currentIndex > max\r\n            ) {\r\n\r\n                currentIndex =\r\n                    max;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                currentIndex < 0\r\n            ) {\r\n\r\n                currentIndex =\r\n                    0;\r\n\r\n            }\r\n\r\n\r\n            var offset =\r\n                currentIndex\r\n                *\r\n                getStep();\r\n\r\n\r\n            track.style.transform =\r\n                \"translate3d(-\"\r\n                +\r\n                offset\r\n                +\r\n                \"px,0,0)\";\r\n\r\n\r\n            updateDots();\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           DOTS\r\n        ====================================================== *\/\r\n\r\n        function buildDots() {\r\n\r\n            if (!dotsContainer) {\r\n                return;\r\n            }\r\n\r\n\r\n            dotsContainer.innerHTML =\r\n                \"\";\r\n\r\n\r\n            var total =\r\n                maxIndex()\r\n                +\r\n                1;\r\n\r\n\r\n            for (\r\n                var i = 0;\r\n                i < total;\r\n                i++\r\n            ) {\r\n\r\n                (function (index) {\r\n\r\n                    var button =\r\n                        document.createElement(\r\n                            \"button\"\r\n                        );\r\n\r\n\r\n                    button.type =\r\n                        \"button\";\r\n\r\n\r\n                    button.className =\r\n                        \"hrgr-dot\";\r\n\r\n\r\n                    button.setAttribute(\r\n                        \"aria-label\",\r\n                        \"\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e35\u0e27\u0e34\u0e27\u0e0a\u0e38\u0e14\u0e17\u0e35\u0e48 \"\r\n                        +\r\n                        (index + 1)\r\n                    );\r\n\r\n\r\n                    button.addEventListener(\r\n                        \"click\",\r\n                        function () {\r\n\r\n                            currentIndex =\r\n                                index;\r\n\r\n\r\n                            updateSlider();\r\n\r\n\r\n                            restartAutoplay();\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    dotsContainer.appendChild(\r\n                        button\r\n                    );\r\n\r\n                })(i);\r\n\r\n            }\r\n\r\n\r\n            updateDots();\r\n\r\n        }\r\n\r\n\r\n\r\n        function updateDots() {\r\n\r\n            if (!dotsContainer) {\r\n                return;\r\n            }\r\n\r\n\r\n            var dots =\r\n                dotsContainer.querySelectorAll(\r\n                    \".hrgr-dot\"\r\n                );\r\n\r\n\r\n            dots.forEach(\r\n                function (\r\n                    dot,\r\n                    index\r\n                ) {\r\n\r\n                    dot.classList.toggle(\r\n                        \"is-active\",\r\n                        index\r\n                        ===\r\n                        currentIndex\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           PREVIOUS \/ NEXT\r\n        ====================================================== *\/\r\n\r\n        function previous() {\r\n\r\n            var max =\r\n                maxIndex();\r\n\r\n\r\n            if (\r\n                currentIndex <= 0\r\n            ) {\r\n\r\n                currentIndex =\r\n                    max;\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                currentIndex--;\r\n\r\n            }\r\n\r\n\r\n            updateSlider();\r\n\r\n        }\r\n\r\n\r\n\r\n        function next() {\r\n\r\n            var max =\r\n                maxIndex();\r\n\r\n\r\n            if (\r\n                currentIndex >= max\r\n            ) {\r\n\r\n                currentIndex =\r\n                    0;\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                currentIndex++;\r\n\r\n            }\r\n\r\n\r\n            updateSlider();\r\n\r\n        }\r\n\r\n\r\n\r\n        if (prevButton) {\r\n\r\n            prevButton.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    previous();\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        if (nextButton) {\r\n\r\n            nextButton.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    next();\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           AUTOPLAY\r\n        ====================================================== *\/\r\n\r\n        function stopAutoplay() {\r\n\r\n            if (autoplayTimer) {\r\n\r\n                window.clearInterval(\r\n                    autoplayTimer\r\n                );\r\n\r\n\r\n                autoplayTimer =\r\n                    null;\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        function startAutoplay() {\r\n\r\n            if (\r\n                reduceMotion\r\n                ||\r\n                paused\r\n                ||\r\n                cards.length\r\n                <=\r\n                visibleCards()\r\n            ) {\r\n                return;\r\n            }\r\n\r\n\r\n            stopAutoplay();\r\n\r\n\r\n            autoplayTimer =\r\n                window.setInterval(\r\n                    next,\r\n                    5600\r\n                );\r\n\r\n        }\r\n\r\n\r\n\r\n        function restartAutoplay() {\r\n\r\n            stopAutoplay();\r\n\r\n            startAutoplay();\r\n\r\n        }\r\n\r\n\r\n\r\n        slider.addEventListener(\r\n            \"mouseenter\",\r\n            function () {\r\n\r\n                paused = true;\r\n\r\n                stopAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"mouseleave\",\r\n            function () {\r\n\r\n                paused = false;\r\n\r\n                startAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"focusin\",\r\n            function () {\r\n\r\n                paused = true;\r\n\r\n                stopAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"focusout\",\r\n            function () {\r\n\r\n                paused = false;\r\n\r\n                startAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           SWIPE\r\n        ====================================================== *\/\r\n\r\n        windowEl.addEventListener(\r\n            \"touchstart\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !event.changedTouches.length\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                touchStartX =\r\n                    event\r\n                        .changedTouches[0]\r\n                        .clientX;\r\n\r\n\r\n                touchStartY =\r\n                    event\r\n                        .changedTouches[0]\r\n                        .clientY;\r\n\r\n            },\r\n\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n\r\n        windowEl.addEventListener(\r\n            \"touchend\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !event.changedTouches.length\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                var touchEndX =\r\n                    event\r\n                        .changedTouches[0]\r\n                        .clientX;\r\n\r\n\r\n                var touchEndY =\r\n                    event\r\n                        .changedTouches[0]\r\n                        .clientY;\r\n\r\n\r\n                var distanceX =\r\n                    touchEndX\r\n                    -\r\n                    touchStartX;\r\n\r\n\r\n                var distanceY =\r\n                    touchEndY\r\n                    -\r\n                    touchStartY;\r\n\r\n\r\n                if (\r\n                    Math.abs(\r\n                        distanceX\r\n                    )\r\n                    <\r\n                    45\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                \/*\r\n                   \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23 Swipe \u0e15\u0e2d\u0e19\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49 Scroll \u0e02\u0e36\u0e49\u0e19\u0e25\u0e07\r\n                *\/\r\n                if (\r\n                    Math.abs(\r\n                        distanceY\r\n                    )\r\n                    >\r\n                    Math.abs(\r\n                        distanceX\r\n                    )\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                if (\r\n                    distanceX > 0\r\n                ) {\r\n\r\n                    previous();\r\n\r\n                }\r\n\r\n                else {\r\n\r\n                    next();\r\n\r\n                }\r\n\r\n\r\n                restartAutoplay();\r\n\r\n            },\r\n\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           RESIZE\r\n        ====================================================== *\/\r\n\r\n        var resizeTimer = null;\r\n\r\n\r\n        window.addEventListener(\r\n            \"resize\",\r\n            function () {\r\n\r\n                if (resizeTimer) {\r\n\r\n                    window.clearTimeout(\r\n                        resizeTimer\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                resizeTimer =\r\n                    window.setTimeout(\r\n                        function () {\r\n\r\n                            currentIndex =\r\n                                Math.min(\r\n                                    currentIndex,\r\n                                    maxIndex()\r\n                                );\r\n\r\n\r\n                            buildDots();\r\n\r\n                            updateSlider();\r\n\r\n                            restartAutoplay();\r\n\r\n                        },\r\n                        150\r\n                    );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           CTA SMOOTH SCROLL\r\n        ====================================================== *\/\r\n\r\n        var bookingButton =\r\n            section.querySelector(\r\n                'a[href=\"#book-now\"]'\r\n            );\r\n\r\n\r\n        if (bookingButton) {\r\n\r\n            bookingButton.addEventListener(\r\n                \"click\",\r\n                function (event) {\r\n\r\n                    var target =\r\n                        document.getElementById(\r\n                            \"book-now\"\r\n                        );\r\n\r\n\r\n                    if (!target) {\r\n                        return;\r\n                    }\r\n\r\n\r\n                    event.preventDefault();\r\n\r\n\r\n                    var position =\r\n                        target\r\n                            .getBoundingClientRect()\r\n                            .top\r\n                        +\r\n                        window.pageYOffset\r\n                        -\r\n                        90;\r\n\r\n\r\n                    window.scrollTo({\r\n\r\n                        top:\r\n                            Math.max(\r\n                                0,\r\n                                position\r\n                            ),\r\n\r\n                        behavior:\r\n                            reduceMotion\r\n                                ? \"auto\"\r\n                                : \"smooth\"\r\n\r\n                    });\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           INIT\r\n        ====================================================== *\/\r\n\r\n        buildDots();\r\n\r\n        updateSlider();\r\n\r\n        startAutoplay();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       DOM READY\r\n    ========================================================= *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initHRGuestReviews,\r\n            {\r\n                once: true\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        initHRGuestReviews();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HR RESORT BUENG KHONG LONG \u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07 \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e43\u0e01\u0e25\u0e49\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e27\u0e32\u0e07 \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e40\u0e07\u0e35\u0e22\u0e1a\u0e2a\u0e07\u0e1a \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e27\u0e31\u0e19\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e43\u0e19\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c \u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 \u0e14\u0e39\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u00b7 \u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c EXPLORE WELCOME TO HR [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"googlesitekit_rrm_CAowo9PHDA:productID":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":156,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":717,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/717"}],"wp:attachment":[{"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}