{"id":11,"date":"2026-08-18T11:39:38","date_gmt":"2026-08-18T11:39:38","guid":{"rendered":"https:\/\/hrresortbuengkhonglong.com\/%e0%b9%81%e0%b8%81%e0%b8%a5%e0%b9%80%e0%b8%a5%e0%b8%ad%e0%b8%a3%e0%b8%b5%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b8%a0%e0%b8%b2%e0%b8%9e\/"},"modified":"2026-08-22T18:22:48","modified_gmt":"2026-08-22T11:22:48","slug":"gallery","status":"publish","type":"page","link":"https:\/\/hrresortbuengkhonglong.com\/en\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26e4736 e-con-full e-flex e-con e-parent\" data-id=\"26e4736\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae6dfa0 elementor-widget elementor-widget-html\" data-id=\"ae6dfa0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n HR RESORT \u2014 PREMIUM MEDIA GALLERY\r\n \u0e41\u0e01\u0e25\u0e40\u0e25\u0e2d\u0e23\u0e35\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\r\n WordPress \/ Elementor Custom HTML\r\n\r\n DESIGN:\r\n - Blue + White\r\n - Prompt Font\r\n - Responsive\r\n - Filter Gallery\r\n - Image + Video Lightbox\r\n - Lazy Loading\r\n - Load More\r\n - Keyboard \/ Swipe\r\n - Booking CTA \u2192 #book-now\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\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section id=\"hrGalleryPage\" class=\"hrgp-page\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   01. RESET \/ VARIABLES\r\n========================================================= *\/\r\n\r\n#hrGalleryPage {\r\n    --hrgp-blue: #2563EB;\r\n    --hrgp-blue-2: #0B72D8;\r\n    --hrgp-blue-3: #3B82F6;\r\n\r\n    --hrgp-navy: #063B76;\r\n    --hrgp-navy-dark: #032B59;\r\n\r\n    --hrgp-sky: #EDF7FF;\r\n    --hrgp-sky-2: #F5FAFF;\r\n\r\n    --hrgp-white: #FFFFFF;\r\n\r\n    --hrgp-text: #234460;\r\n    --hrgp-muted: #71869A;\r\n\r\n    --hrgp-border: #DBEAF7;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    color: var(--hrgp-text);\r\n\r\n    background: #FFFFFF;\r\n\r\n    font-family: \"Prompt\", sans-serif !important;\r\n}\r\n\r\n\r\n#hrGalleryPage *,\r\n#hrGalleryPage *::before,\r\n#hrGalleryPage *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n#hrGalleryPage h1,\r\n#hrGalleryPage h2,\r\n#hrGalleryPage h3,\r\n#hrGalleryPage h4,\r\n#hrGalleryPage p,\r\n#hrGalleryPage span,\r\n#hrGalleryPage strong,\r\n#hrGalleryPage a,\r\n#hrGalleryPage button,\r\n#hrGalleryPage video {\r\n    font-family: \"Prompt\", sans-serif;\r\n}\r\n\r\n\r\n#hrGalleryPage button,\r\n#hrGalleryPage a {\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n\r\n.hrgp-container {\r\n    width:\r\n        min(\r\n            1380px,\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   02. COMMON\r\n========================================================= *\/\r\n\r\n.hrgp-eyebrow {\r\n    width: max-content;\r\n    max-width: 100%;\r\n\r\n    min-height: 37px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding: 7px 15px;\r\n\r\n    color: #155F9F;\r\n\r\n    background:\r\n        rgba(255,255,255,.90);\r\n\r\n    border:\r\n        1px solid rgba(41,128,205,.20);\r\n\r\n    border-radius: 999px;\r\n\r\n    box-shadow:\r\n        0 8px 25px rgba(16,85,148,.06);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1.4px;\r\n}\r\n\r\n\r\n.hrgp-eyebrow-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    flex:\r\n        0 0 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #2D85D5;\r\n\r\n    box-shadow:\r\n        0 0 0 4px rgba(45,133,213,.12);\r\n}\r\n\r\n\r\n.hrgp-section-heading {\r\n    margin-bottom: 32px;\r\n}\r\n\r\n\r\n.hrgp-section-kicker {\r\n    margin-bottom: 7px;\r\n\r\n    color: #2375BC;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 2.4px;\r\n}\r\n\r\n\r\n.hrgp-section-title {\r\n    margin: 0 !important;\r\n\r\n    color:\r\n        var(--hrgp-navy-dark) !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            30px,\r\n            4vw,\r\n            48px\r\n        ) !important;\r\n\r\n    line-height:\r\n        1.24 !important;\r\n\r\n    font-weight:\r\n        600 !important;\r\n\r\n    letter-spacing:\r\n        -1.1px !important;\r\n}\r\n\r\n\r\n.hrgp-section-desc {\r\n    max-width: 720px;\r\n\r\n    margin:\r\n        10px 0 0 !important;\r\n\r\n    color:\r\n        var(--hrgp-muted) !important;\r\n\r\n    font-size:\r\n        11px !important;\r\n\r\n    line-height:\r\n        1.85 !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   03. HERO\r\n========================================================= *\/\r\n\r\n.hrgp-hero {\r\n    position: relative;\r\n\r\n    isolation: isolate;\r\n\r\n    padding:\r\n        70px 0 78px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 6% 8%,\r\n            rgba(74,159,235,.18),\r\n            transparent 28%\r\n        ),\r\n        radial-gradient(\r\n            circle at 94% 12%,\r\n            rgba(37,99,235,.12),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #FFFFFF 0%,\r\n            #F7FBFF 48%,\r\n            #EDF7FF 100%\r\n        );\r\n}\r\n\r\n\r\n.hrgp-hero::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: -1;\r\n\r\n    width: 520px;\r\n    height: 520px;\r\n\r\n    left: -320px;\r\n    top: -350px;\r\n\r\n    border:\r\n        1px solid rgba(37,126,208,.12);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n.hrgp-hero::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: -1;\r\n\r\n    width: 640px;\r\n    height: 280px;\r\n\r\n    right: -150px;\r\n    bottom: -190px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(137,200,250,.17);\r\n\r\n    filter: blur(2px);\r\n}\r\n\r\n\r\n.hrgp-hero-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(420px,.85fr)\r\n        minmax(590px,1.15fr);\r\n\r\n    align-items: center;\r\n\r\n    gap:\r\n        clamp(\r\n            42px,\r\n            6vw,\r\n            90px\r\n        );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   04. HERO COPY\r\n========================================================= *\/\r\n\r\n.hrgp-hero-copy {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.hrgp-hero-kicker {\r\n    margin-top: 20px;\r\n\r\n    color: #3C77A6;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 2.5px;\r\n}\r\n\r\n\r\n.hrgp-title {\r\n    margin:\r\n        7px 0 0 !important;\r\n\r\n    padding:\r\n        0 !important;\r\n\r\n    color:\r\n        var(--hrgp-navy-dark) !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            48px,\r\n            5.4vw,\r\n            78px\r\n        ) !important;\r\n\r\n    line-height:\r\n        1.14 !important;\r\n\r\n    font-weight:\r\n        600 !important;\r\n\r\n    letter-spacing:\r\n        -2.5px !important;\r\n}\r\n\r\n\r\n.hrgp-title span {\r\n    display: block;\r\n\r\n    margin-top: 7px;\r\n\r\n    color:\r\n        #216FB0;\r\n\r\n    font-size: .44em;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 0;\r\n}\r\n\r\n\r\n.hrgp-divider {\r\n    width:\r\n        min(\r\n            330px,\r\n            76%\r\n        );\r\n\r\n    height: 18px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin:\r\n        18px 0;\r\n}\r\n\r\n\r\n.hrgp-divider::before,\r\n.hrgp-divider::after {\r\n    content: \"\";\r\n\r\n    height: 1px;\r\n\r\n    flex: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            #7CADDA\r\n        );\r\n}\r\n\r\n\r\n.hrgp-divider::after {\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #7CADDA,\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n.hrgp-divider i {\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    flex:\r\n        0 0 7px;\r\n\r\n    background:\r\n        #2B7EC9;\r\n\r\n    transform:\r\n        rotate(45deg);\r\n}\r\n\r\n\r\n.hrgp-hero-desc {\r\n    max-width: 590px;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    color:\r\n        #536F87 !important;\r\n\r\n    font-size:\r\n        11.5px !important;\r\n\r\n    line-height:\r\n        1.9 !important;\r\n}\r\n\r\n\r\n.hrgp-hero-desc strong {\r\n    color: #195D98;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   05. HERO STATS\r\n========================================================= *\/\r\n\r\n.hrgp-stats {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap: 9px;\r\n\r\n    max-width: 520px;\r\n\r\n    margin-top: 25px;\r\n}\r\n\r\n\r\n.hrgp-stat {\r\n    min-height: 80px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding:\r\n        12px 15px;\r\n\r\n    background:\r\n        rgba(255,255,255,.82);\r\n\r\n    border:\r\n        1px solid rgba(39,120,193,.13);\r\n\r\n    border-radius: 15px;\r\n\r\n    box-shadow:\r\n        0 11px 27px rgba(19,79,133,.06);\r\n}\r\n\r\n\r\n.hrgp-stat strong {\r\n    color:\r\n        #0754A0;\r\n\r\n    font-size: 23px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.hrgp-stat span {\r\n    margin-top: 7px;\r\n\r\n    color:\r\n        #71869A;\r\n\r\n    font-size: 7.5px;\r\n}\r\n\r\n\r\n.hrgp-hero-actions {\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 22px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   06. BUTTONS\r\n========================================================= *\/\r\n\r\n.hrgp-btn {\r\n    min-height: 51px;\r\n\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    padding:\r\n        9px 20px !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    border-radius: 14px;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 500;\r\n\r\n    transition:\r\n        transform .28s ease,\r\n        box-shadow .28s ease,\r\n        background .28s ease;\r\n}\r\n\r\n\r\n.hrgp-btn:hover {\r\n    transform:\r\n        translateY(-3px);\r\n}\r\n\r\n\r\n.hrgp-btn-primary {\r\n    color: #FFFFFF !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #1679D8,\r\n            #0750A4\r\n        );\r\n\r\n    border:\r\n        1px solid transparent;\r\n\r\n    box-shadow:\r\n        0 13px 30px rgba(7,79,158,.22);\r\n}\r\n\r\n\r\n.hrgp-btn-primary:hover {\r\n    color: #FFFFFF !important;\r\n\r\n    box-shadow:\r\n        0 18px 38px rgba(7,79,158,.30);\r\n}\r\n\r\n\r\n.hrgp-btn-outline {\r\n    color:\r\n        #0B65B6 !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.86);\r\n\r\n    border:\r\n        1.3px solid #64A9E6;\r\n}\r\n\r\n\r\n.hrgp-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   07. HERO VIDEO\r\n========================================================= *\/\r\n\r\n.hrgp-featured {\r\n    position: relative;\r\n\r\n    padding: 7px;\r\n\r\n    background:\r\n        rgba(255,255,255,.88);\r\n\r\n    border:\r\n        1px solid rgba(103,167,224,.26);\r\n\r\n    border-radius: 26px;\r\n\r\n    box-shadow:\r\n        0 28px 65px rgba(11,67,119,.16);\r\n}\r\n\r\n\r\n.hrgp-video-wrap {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio:\r\n        16 \/ 9;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        #042A52;\r\n}\r\n\r\n\r\n.hrgp-video-wrap video {\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\r\n\r\n.hrgp-video-gradient {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,20,45,.03) 45%,\r\n            rgba(0,28,59,.62) 100%\r\n        );\r\n}\r\n\r\n\r\n.hrgp-video-top {\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    top: 17px;\r\n    left: 17px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding:\r\n        7px 12px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(3,44,85,.68);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.20);\r\n\r\n    border-radius: 999px;\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    font-size: 8px;\r\n}\r\n\r\n\r\n.hrgp-video-top i {\r\n    width: 20px;\r\n    height: 20px;\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,.18);\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.hrgp-video-bottom {\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    left: 20px;\r\n    right: 20px;\r\n    bottom: 18px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 15px;\r\n\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n.hrgp-video-bottom small {\r\n    display: block;\r\n\r\n    color:\r\n        rgba(255,255,255,.65);\r\n\r\n    font-size: 6px;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n.hrgp-video-bottom strong {\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n.hrgp-unmute {\r\n    appearance: none;\r\n\r\n    width: 43px;\r\n    height: 43px;\r\n\r\n    flex:\r\n        0 0 43px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    cursor: pointer;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.14);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.26);\r\n\r\n    border-radius: 50%;\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   08. GALLERY SECTION\r\n========================================================= *\/\r\n\r\n.hrgp-gallery-section {\r\n    position: relative;\r\n\r\n    padding:\r\n        84px 0 95px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #FFFFFF,\r\n            #F7FBFF 65%,\r\n            #FFFFFF\r\n        );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   09. GALLERY HEADER\r\n========================================================= *\/\r\n\r\n.hrgp-gallery-head {\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\r\n.hrgp-gallery-count {\r\n    color:\r\n        #62829D;\r\n\r\n    font-size: 8px;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n.hrgp-gallery-count strong {\r\n    color:\r\n        #0759A9;\r\n\r\n    font-size: 18px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   10. FILTER BAR\r\n========================================================= *\/\r\n\r\n.hrgp-filter-shell {\r\n    position: relative;\r\n\r\n    z-index: 10;\r\n\r\n    margin-bottom: 31px;\r\n}\r\n\r\n\r\n.hrgp-filters {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    overflow-x: auto;\r\n\r\n    padding:\r\n        6px 3px 12px;\r\n\r\n    scrollbar-width: none;\r\n}\r\n\r\n\r\n.hrgp-filters::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n\r\n.hrgp-filter {\r\n    appearance: none;\r\n\r\n    min-height: 41px;\r\n\r\n    flex:\r\n        0 0 auto;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding:\r\n        7px 14px;\r\n\r\n    cursor: pointer;\r\n\r\n    color:\r\n        #416B8D;\r\n\r\n    background:\r\n        rgba(255,255,255,.95);\r\n\r\n    border:\r\n        1px solid #DCEAF6;\r\n\r\n    border-radius: 999px;\r\n\r\n    box-shadow:\r\n        0 8px 21px rgba(16,76,128,.04);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 500;\r\n\r\n    transition:\r\n        .25s ease;\r\n}\r\n\r\n\r\n.hrgp-filter:hover {\r\n    color:\r\n        #0B65B5;\r\n\r\n    border-color:\r\n        #9AC9ED;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n.hrgp-filter.is-active {\r\n    color: #FFFFFF;\r\n\r\n    border-color:\r\n        transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #2684DA,\r\n            #0758AC\r\n        );\r\n\r\n    box-shadow:\r\n        0 11px 25px rgba(9,87,169,.20);\r\n}\r\n\r\n\r\n.hrgp-filter-icon {\r\n    width: 21px;\r\n    height: 21px;\r\n\r\n    flex:\r\n        0 0 21px;\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        #EFF7FE;\r\n}\r\n\r\n\r\n.hrgp-filter.is-active\r\n.hrgp-filter-icon {\r\n    background:\r\n        rgba(255,255,255,.16);\r\n}\r\n\r\n\r\n.hrgp-filter-count {\r\n    min-width: 22px;\r\n    height: 22px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding:\r\n        0 6px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        #F1F6FA;\r\n\r\n    color:\r\n        #7890A3;\r\n\r\n    font-size: 6.5px;\r\n}\r\n\r\n\r\n.hrgp-filter.is-active\r\n.hrgp-filter-count {\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.16);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   11. GALLERY GRID\r\n========================================================= *\/\r\n\r\n.hrgp-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    grid-auto-flow: dense;\r\n\r\n    gap: 13px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   12. MEDIA CARD\r\n========================================================= *\/\r\n\r\n.hrgp-card {\r\n    appearance: none;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 250px;\r\n\r\n    display: block;\r\n\r\n    overflow: hidden;\r\n\r\n    padding: 0;\r\n\r\n    cursor: pointer;\r\n\r\n    background:\r\n        #E8F0F6;\r\n\r\n    border:\r\n        2px solid #FFFFFF;\r\n\r\n    border-radius: 19px;\r\n\r\n    box-shadow:\r\n        0 10px 27px rgba(21,68,110,.11);\r\n\r\n    transition:\r\n        transform .32s ease,\r\n        box-shadow .32s ease;\r\n}\r\n\r\n\r\n.hrgp-card:hover {\r\n    transform:\r\n        translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 19px 40px rgba(15,67,115,.18);\r\n}\r\n\r\n\r\n.hrgp-card.is-wide {\r\n    grid-column:\r\n        span 2;\r\n}\r\n\r\n\r\n.hrgp-card.is-tall {\r\n    grid-row:\r\n        span 2;\r\n\r\n    min-height: 513px;\r\n}\r\n\r\n\r\n.hrgp-card.is-feature {\r\n    grid-column:\r\n        span 2;\r\n\r\n    grid-row:\r\n        span 2;\r\n\r\n    min-height: 513px;\r\n}\r\n\r\n\r\n.hrgp-card-media {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n}\r\n\r\n\r\n.hrgp-card-media img,\r\n.hrgp-card-media video {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    \/* =====================================================\r\n       SHOW ORIGINAL MEDIA COLORS\r\n       \u0e44\u0e21\u0e48\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e35 \/ \u0e44\u0e21\u0e48\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e27\u0e48\u0e32\u0e07 \/ \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49 blend\r\n    ====================================================== *\/\r\n    filter: none !important;\r\n    -webkit-filter: none !important;\r\n    opacity: 1 !important;\r\n    mix-blend-mode: normal !important;\r\n\r\n    transition:\r\n        transform .6s\r\n        cubic-bezier(.2,.65,.2,1);\r\n}\r\n\r\n\r\n.hrgp-card:hover\r\n.hrgp-card-media img,\r\n.hrgp-card:hover\r\n.hrgp-card-media video {\r\n    transform:\r\n        scale(1.055);\r\n}\r\n\r\n\r\n.hrgp-card-shade {\r\n    \/*\r\n       \u0e1b\u0e34\u0e14 overlay \u0e40\u0e14\u0e34\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n       \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e35\u0e08\u0e23\u0e34\u0e07 100%\r\n    *\/\r\n    display: none !important;\r\n    background: none !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.hrgp-card-type {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    top: 12px;\r\n    left: 12px;\r\n\r\n    min-height: 28px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 5px;\r\n\r\n    padding:\r\n        5px 9px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    \/*\r\n       \u0e43\u0e0a\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1b\u0e49\u0e32\u0e22 \u0e44\u0e21\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e17\u0e31\u0e1a\u0e20\u0e32\u0e1e\r\n    *\/\r\n    background:\r\n        rgba(3,63,119,.90);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.30);\r\n\r\n    border-radius: 999px;\r\n\r\n    backdrop-filter: none;\r\n    -webkit-backdrop-filter: none;\r\n\r\n    box-shadow:\r\n        0 4px 12px rgba(0,35,74,.15);\r\n\r\n    font-size: 6.5px;\r\n}\r\n\r\n\r\n.hrgp-play {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    width: 58px;\r\n    height: 58px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.16);\r\n\r\n    border:\r\n        1.5px solid rgba(255,255,255,.60);\r\n\r\n    border-radius: 50%;\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n\r\n    box-shadow:\r\n        0 8px 25px rgba(0,0,0,.15);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n.hrgp-card:hover\r\n.hrgp-play {\r\n    transform:\r\n        translate(-50%,-50%)\r\n        scale(1.10);\r\n\r\n    background:\r\n        rgba(255,255,255,.23);\r\n}\r\n\r\n\r\n.hrgp-play::after {\r\n    content: \"\";\r\n\r\n    margin-left: 3px;\r\n\r\n    border-top:\r\n        7px solid transparent;\r\n\r\n    border-bottom:\r\n        7px solid transparent;\r\n\r\n    border-left:\r\n        11px solid #FFFFFF;\r\n}\r\n\r\n\r\n.hrgp-card-info {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 11px;\r\n    right: 11px;\r\n    bottom: 11px;\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    gap: 12px;\r\n\r\n    \/*\r\n       \u0e44\u0e21\u0e48\u0e21\u0e35 gradient\/filter \u0e04\u0e25\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e2d\u0e35\u0e01\u0e41\u0e25\u0e49\u0e27\r\n       \u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22\r\n    *\/\r\n    padding: 9px 10px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(3,48,92,.88);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.18);\r\n\r\n    border-radius: 11px;\r\n\r\n    box-shadow:\r\n        0 6px 18px rgba(0,28,58,.16);\r\n\r\n    backdrop-filter: none;\r\n    -webkit-backdrop-filter: none;\r\n\r\n    text-align: left;\r\n}\r\n\r\n\r\n.hrgp-card-info small {\r\n    display: block;\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color:\r\n        rgba(255,255,255,.62);\r\n\r\n    font-size: 6px;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: .7px;\r\n}\r\n\r\n\r\n.hrgp-card-info strong {\r\n    display: block;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1.4;\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n.hrgp-card-expand {\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    flex:\r\n        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:\r\n        1px solid rgba(255,255,255,.22);\r\n\r\n    border-radius: 8px;\r\n\r\n    background:\r\n        rgba(255,255,255,.11);\r\n}\r\n\r\n\r\n.hrgp-card-expand svg {\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.7;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   13. EMPTY\r\n========================================================= *\/\r\n\r\n.hrgp-empty {\r\n    display: none;\r\n\r\n    min-height: 250px;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    text-align: center;\r\n\r\n    color:\r\n        var(--hrgp-muted);\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   14. LOAD MORE\r\n========================================================= *\/\r\n\r\n.hrgp-load-wrap {\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 35px;\r\n}\r\n\r\n\r\n.hrgp-progress-text {\r\n    color:\r\n        #8093A5;\r\n\r\n    font-size: 7px;\r\n}\r\n\r\n\r\n.hrgp-load-more {\r\n    appearance: none;\r\n\r\n    min-width: 190px;\r\n\r\n    min-height: 49px;\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: 8px;\r\n\r\n    padding:\r\n        8px 18px;\r\n\r\n    cursor: pointer;\r\n\r\n    color:\r\n        #0B60AD;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border:\r\n        1px solid #B8D8F1;\r\n\r\n    border-radius: 999px;\r\n\r\n    box-shadow:\r\n        0 10px 26px rgba(17,76,127,.07);\r\n\r\n    font-size: 8.5px;\r\n\r\n    font-weight: 500;\r\n\r\n    transition:\r\n        .25s ease;\r\n}\r\n\r\n\r\n.hrgp-load-more:hover {\r\n    color: #FFFFFF;\r\n\r\n    border-color:\r\n        transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #237FD4,\r\n            #0756A8\r\n        );\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   15. CTA\r\n========================================================= *\/\r\n\r\n.hrgp-cta-section {\r\n    padding:\r\n        0 0 95px;\r\n\r\n    background: #FFFFFF;\r\n}\r\n\r\n\r\n.hrgp-cta {\r\n    position: relative;\r\n\r\n    isolation: isolate;\r\n\r\n    min-height: 220px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr auto;\r\n\r\n    align-items: center;\r\n\r\n    gap: 40px;\r\n\r\n    overflow: hidden;\r\n\r\n    padding:\r\n        42px 48px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 0%,\r\n            rgba(85,181,255,.38),\r\n            transparent 32%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #075BAA,\r\n            #032E61\r\n        );\r\n\r\n    border-radius: 28px;\r\n\r\n    box-shadow:\r\n        0 22px 50px rgba(7,71,139,.22);\r\n}\r\n\r\n\r\n.hrgp-cta::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: -1;\r\n\r\n    width: 380px;\r\n    height: 380px;\r\n\r\n    right: -150px;\r\n    top: -240px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.17);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n.hrgp-cta small {\r\n    color:\r\n        rgba(255,255,255,.62);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.hrgp-cta h2 {\r\n    margin:\r\n        8px 0 8px !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            25px,\r\n            3.4vw,\r\n            40px\r\n        ) !important;\r\n\r\n    line-height:\r\n        1.3 !important;\r\n\r\n    font-weight:\r\n        600 !important;\r\n}\r\n\r\n\r\n.hrgp-cta p {\r\n    max-width: 720px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.72) !important;\r\n\r\n    font-size:\r\n        9.5px !important;\r\n\r\n    line-height:\r\n        1.8 !important;\r\n}\r\n\r\n\r\n.hrgp-cta-actions {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    gap: 9px;\r\n}\r\n\r\n\r\n.hrgp-cta\r\n.hrgp-btn-primary {\r\n    color:\r\n        #07529F !important;\r\n\r\n    background: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 14px 30px rgba(0,0,0,.13);\r\n}\r\n\r\n\r\n.hrgp-cta\r\n.hrgp-btn-outline {\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    border-color:\r\n        rgba(255,255,255,.48);\r\n\r\n    background:\r\n        rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   16. LIGHTBOX\r\n========================================================= *\/\r\n\r\n.hrgp-lightbox {\r\n    position: fixed;\r\n\r\n    z-index: 9999999;\r\n\r\n    inset: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    opacity: 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    padding: 30px;\r\n\r\n    background:\r\n        rgba(0,17,35,.94);\r\n\r\n    backdrop-filter:\r\n        blur(18px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(18px);\r\n\r\n    transition:\r\n        visibility .3s ease,\r\n        opacity .3s ease;\r\n}\r\n\r\n\r\n.hrgp-lightbox.is-open {\r\n    visibility: visible;\r\n\r\n    opacity: 1;\r\n}\r\n\r\n\r\n.hrgp-lb-stage {\r\n    position: relative;\r\n\r\n    width:\r\n        min(\r\n            1180px,\r\n            calc(100vw - 170px)\r\n        );\r\n\r\n    height:\r\n        min(\r\n            820px,\r\n            calc(100vh - 80px)\r\n        );\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n}\r\n\r\n\r\n.hrgp-lb-image,\r\n.hrgp-lb-video {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n\r\n    display: none;\r\n\r\n    object-fit: contain;\r\n\r\n    background:\r\n        #041B32;\r\n\r\n    border-radius: 17px;\r\n\r\n    box-shadow:\r\n        0 35px 100px rgba(0,0,0,.52);\r\n}\r\n\r\n\r\n.hrgp-lb-image.is-active,\r\n.hrgp-lb-video.is-active {\r\n    display: block;\r\n}\r\n\r\n\r\n.hrgp-lb-video {\r\n    width:\r\n        min(\r\n            1100px,\r\n            100%\r\n        );\r\n\r\n    max-height:\r\n        calc(100vh - 130px);\r\n}\r\n\r\n\r\n.hrgp-lb-close,\r\n.hrgp-lb-nav {\r\n    appearance: none;\r\n\r\n    position: absolute;\r\n\r\n    z-index: 8;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 0;\r\n\r\n    cursor: pointer;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.19);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    transition:\r\n        .25s ease;\r\n}\r\n\r\n\r\n.hrgp-lb-close:hover,\r\n.hrgp-lb-nav:hover {\r\n    background:\r\n        rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n.hrgp-lb-close {\r\n    top: 23px;\r\n    right: 25px;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    border-radius: 12px;\r\n\r\n    font-size: 21px;\r\n}\r\n\r\n\r\n.hrgp-lb-nav {\r\n    top: 50%;\r\n\r\n    width: 50px;\r\n    height: 50px;\r\n\r\n    border-radius: 14px;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    font-size: 26px;\r\n}\r\n\r\n\r\n.hrgp-lb-prev {\r\n    left: 25px;\r\n}\r\n\r\n\r\n.hrgp-lb-next {\r\n    right: 25px;\r\n}\r\n\r\n\r\n.hrgp-lb-caption {\r\n    position: absolute;\r\n\r\n    z-index: 6;\r\n\r\n    left: 50%;\r\n    bottom: 12px;\r\n\r\n    width:\r\n        min(\r\n            540px,\r\n            85%\r\n        );\r\n\r\n    min-height: 57px;\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    gap: 18px;\r\n\r\n    padding:\r\n        9px 15px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(1,28,56,.72);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.14);\r\n\r\n    border-radius: 14px;\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n}\r\n\r\n\r\n.hrgp-lb-caption small {\r\n    display: block;\r\n\r\n    color:\r\n        rgba(255,255,255,.55);\r\n\r\n    font-size: 6px;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.hrgp-lb-caption strong {\r\n    display: block;\r\n\r\n    margin-top: 3px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 9.5px;\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n.hrgp-lb-counter {\r\n    flex: 0 0 auto;\r\n\r\n    color:\r\n        rgba(255,255,255,.65);\r\n\r\n    font-size: 8px;\r\n}\r\n\r\n\r\n.hrgp-lb-counter strong {\r\n    display: inline;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   17. TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .hrgp-container {\r\n        width:\r\n            min(\r\n                930px,\r\n                calc(100% - 40px)\r\n            );\r\n    }\r\n\r\n\r\n    .hrgp-hero-grid {\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 45px;\r\n    }\r\n\r\n\r\n    .hrgp-hero-copy {\r\n        max-width: 760px;\r\n    }\r\n\r\n\r\n    .hrgp-grid {\r\n        grid-template-columns:\r\n            repeat(3,minmax(0,1fr));\r\n    }\r\n\r\n\r\n    .hrgp-cta {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n\r\n    .hrgp-cta-actions {\r\n        justify-content:\r\n            flex-start;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   18. MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .hrgp-container {\r\n        width:\r\n            calc(100% - 28px);\r\n    }\r\n\r\n\r\n    .hrgp-hero {\r\n        padding:\r\n            44px 0 57px;\r\n    }\r\n\r\n\r\n    .hrgp-title {\r\n        font-size:\r\n            clamp(\r\n                43px,\r\n                13vw,\r\n                60px\r\n            ) !important;\r\n\r\n        letter-spacing:\r\n            -1.6px !important;\r\n    }\r\n\r\n\r\n    .hrgp-title span {\r\n        font-size:\r\n            .48em;\r\n    }\r\n\r\n\r\n    .hrgp-hero-desc {\r\n        font-size:\r\n            10px !important;\r\n    }\r\n\r\n\r\n    .hrgp-stats {\r\n        grid-template-columns:\r\n            repeat(3,1fr);\r\n\r\n        gap: 6px;\r\n    }\r\n\r\n\r\n    .hrgp-stat {\r\n        min-height: 70px;\r\n\r\n        padding:\r\n            9px 10px;\r\n    }\r\n\r\n\r\n    .hrgp-stat strong {\r\n        font-size: 19px;\r\n    }\r\n\r\n\r\n    .hrgp-stat span {\r\n        font-size: 6.4px;\r\n    }\r\n\r\n\r\n    .hrgp-hero-actions {\r\n        display: grid;\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    .hrgp-btn {\r\n        min-height: 48px;\r\n\r\n        padding:\r\n            8px 10px !important;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .hrgp-featured {\r\n        padding: 5px;\r\n\r\n        border-radius: 19px;\r\n    }\r\n\r\n\r\n    .hrgp-video-wrap {\r\n        aspect-ratio:\r\n            4 \/ 3;\r\n\r\n        border-radius: 15px;\r\n    }\r\n\r\n\r\n    .hrgp-video-bottom {\r\n        left: 13px;\r\n        right: 13px;\r\n        bottom: 12px;\r\n    }\r\n\r\n\r\n    .hrgp-video-bottom strong {\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    .hrgp-gallery-section {\r\n        padding:\r\n            60px 0 72px;\r\n    }\r\n\r\n\r\n    .hrgp-gallery-head {\r\n        align-items:\r\n            flex-start;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n\r\n    .hrgp-gallery-count {\r\n        align-self:\r\n            flex-end;\r\n    }\r\n\r\n\r\n    .hrgp-grid {\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap: 8px;\r\n    }\r\n\r\n\r\n    .hrgp-card,\r\n    .hrgp-card.is-wide,\r\n    .hrgp-card.is-tall,\r\n    .hrgp-card.is-feature {\r\n        grid-column:\r\n            span 1;\r\n\r\n        grid-row:\r\n            span 1;\r\n\r\n        min-height: 220px;\r\n    }\r\n\r\n\r\n    .hrgp-card:nth-child(7n+1) {\r\n        grid-column:\r\n            span 2;\r\n\r\n        min-height: 270px;\r\n    }\r\n\r\n\r\n    .hrgp-card-info {\r\n        left: 10px;\r\n        right: 10px;\r\n        bottom: 9px;\r\n    }\r\n\r\n\r\n    .hrgp-card-info strong {\r\n        font-size: 7.5px;\r\n    }\r\n\r\n\r\n    .hrgp-card-info small {\r\n        font-size: 5.5px;\r\n    }\r\n\r\n\r\n    .hrgp-card-expand {\r\n        width: 27px;\r\n        height: 27px;\r\n\r\n        flex-basis: 27px;\r\n    }\r\n\r\n\r\n    .hrgp-play {\r\n        width: 48px;\r\n        height: 48px;\r\n    }\r\n\r\n\r\n    .hrgp-cta-section {\r\n        padding-bottom: 65px;\r\n    }\r\n\r\n\r\n    .hrgp-cta {\r\n        min-height: 260px;\r\n\r\n        padding:\r\n            30px 22px;\r\n\r\n        border-radius: 21px;\r\n    }\r\n\r\n\r\n    .hrgp-cta-actions {\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n\r\n    .hrgp-lightbox {\r\n        padding: 10px;\r\n    }\r\n\r\n\r\n    .hrgp-lb-stage {\r\n        width:\r\n            calc(100vw - 20px);\r\n\r\n        height:\r\n            calc(100vh - 70px);\r\n    }\r\n\r\n\r\n    .hrgp-lb-close {\r\n        top: 13px;\r\n        right: 13px;\r\n\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n\r\n\r\n    .hrgp-lb-nav {\r\n        top: auto;\r\n        bottom: 13px;\r\n\r\n        width: 42px;\r\n        height: 42px;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    .hrgp-lb-prev {\r\n        left: 13px;\r\n    }\r\n\r\n\r\n    .hrgp-lb-next {\r\n        right: 13px;\r\n    }\r\n\r\n\r\n    .hrgp-lb-caption {\r\n        bottom: 65px;\r\n\r\n        width:\r\n            calc(100% - 18px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   19. SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 410px) {\r\n\r\n    .hrgp-hero-actions,\r\n    .hrgp-cta-actions {\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .hrgp-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n\r\n    .hrgp-card,\r\n    .hrgp-card.is-wide,\r\n    .hrgp-card.is-tall,\r\n    .hrgp-card.is-feature,\r\n    .hrgp-card:nth-child(7n+1) {\r\n        grid-column:\r\n            span 1;\r\n\r\n        min-height: 260px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   20. REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #hrGalleryPage *,\r\n    #hrGalleryPage *::before,\r\n    #hrGalleryPage *::after {\r\n        scroll-behavior:\r\n            auto !important;\r\n\r\n        transition-duration:\r\n            .01ms !important;\r\n\r\n        animation-duration:\r\n            .01ms !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     HERO\r\n========================================================= -->\r\n\r\n<div class=\"hrgp-hero\">\r\n\r\n    <div class=\"hrgp-container\">\r\n\r\n        <div class=\"hrgp-hero-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 LEFT\r\n            ================================================== -->\r\n\r\n            <div class=\"hrgp-hero-copy\">\r\n\r\n                <div class=\"hrgp-eyebrow\">\r\n                    <span class=\"hrgp-eyebrow-dot\"><\/span>\r\n                    HR RESORT GALLERY\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hrgp-hero-kicker\">\r\n                    STAY \u2022 RELAX \u2022 DISCOVER\r\n                <\/div>\r\n\r\n\r\n                <h1 class=\"hrgp-title\">\r\n\r\n                    \u0e41\u0e01\u0e25\u0e40\u0e25\u0e2d\u0e23\u0e35\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\r\n\r\n                    <span>\r\n                        \u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e02\u0e2d\u0e07 HR Resort \u0e1c\u0e48\u0e32\u0e19\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\r\n                    <\/span>\r\n\r\n                <\/h1>\r\n\r\n\r\n                <div\r\n                    class=\"hrgp-divider\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <i><\/i>\r\n                <\/div>\r\n\r\n\r\n                <p class=\"hrgp-hero-desc\">\r\n\r\n                    \u0e0a\u0e21\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e08\u0e23\u0e34\u0e07\u0e02\u0e2d\u0e07\r\n                    <strong>HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07<\/strong>\r\n                    \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01 \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 \u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a\r\n                    \u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e21\u0e38\u0e21\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17\r\n                    \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e2a\u0e33\u0e04\u0e31\u0e0d\r\n                    \u0e23\u0e2d\u0e1a\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n                    \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e48\u0e2d\u0e19\u0e2d\u0e2d\u0e01\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e08\u0e23\u0e34\u0e07\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"hrgp-stats\">\r\n\r\n                    <div class=\"hrgp-stat\">\r\n\r\n                        <strong id=\"hrgpStatAll\">\r\n                            72\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hrgp-stat\">\r\n\r\n                        <strong id=\"hrgpStatPhotos\">\r\n                            67\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hrgp-stat\">\r\n\r\n                        <strong id=\"hrgpStatVideos\">\r\n                            5\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hrgp-hero-actions\">\r\n\r\n                    <a\r\n                        href=\"#hr-gallery-content\"\r\n                        class=\"hrgp-btn hrgp-btn-primary\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect\r\n                                x=\"3\"\r\n                                y=\"5\"\r\n                                width=\"18\"\r\n                                height=\"14\"\r\n                                rx=\"2\"\r\n                            \/>\r\n                            <circle\r\n                                cx=\"9\"\r\n                                cy=\"10\"\r\n                                r=\"1.5\"\r\n                            \/>\r\n                            <path\r\n                                d=\"m5 17 5-5 3 3 2-2 4 4\"\r\n                            \/>\r\n                        <\/svg>\r\n\r\n                        \u0e0a\u0e21\u0e41\u0e01\u0e25\u0e40\u0e25\u0e2d\u0e23\u0e35\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#book-now\"\r\n                        class=\"hrgp-btn hrgp-btn-outline\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M3 19V9\"\/>\r\n                            <path d=\"M21 19v-5a3 3 0 0 0-3-3H8v8\"\/>\r\n                            <path d=\"M3 15h18\"\/>\r\n                            <path d=\"M8 11V8a2 2 0 0 0-2-2H3v5\"\/>\r\n                        <\/svg>\r\n\r\n                        \u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 RIGHT \/ FEATURE VIDEO\r\n            ================================================== -->\r\n\r\n            <div class=\"hrgp-featured\">\r\n\r\n                <div class=\"hrgp-video-wrap\">\r\n\r\n                    <video\r\n                        id=\"hrgpHeroVideo\"\r\n                        autoplay\r\n                        muted\r\n                        loop\r\n                        playsinline\r\n                        preload=\"metadata\"\r\n                    >\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\r\n                    <\/video>\r\n\r\n\r\n                    <span\r\n                        class=\"hrgp-video-gradient\"\r\n                        aria-hidden=\"true\"\r\n                    ><\/span>\r\n\r\n\r\n                    <div class=\"hrgp-video-top\">\r\n\r\n                        <i>\u25b6<\/i>\r\n\r\n                        \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e41\u0e19\u0e30\u0e19\u0e33\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hrgp-video-bottom\">\r\n\r\n                        <div>\r\n\r\n                            <small>\r\n                                HR RESORT \u2022 BUENG KHONG LONG\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                \u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e17\u0e48\u0e32\u0e21\u0e01\u0e25\u0e32\u0e07\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e07\u0e1a\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"hrgp-unmute\"\r\n                            id=\"hrgpUnmute\"\r\n                            aria-label=\"\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e23\u0e37\u0e2d\u0e1b\u0e34\u0e14\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\"\r\n                        >\r\n                            \ud83d\udd07\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\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     GALLERY\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"hrgp-gallery-section\"\r\n    id=\"hr-gallery-content\"\r\n>\r\n\r\n    <div class=\"hrgp-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADING\r\n        ================================================== -->\r\n\r\n        <div class=\"hrgp-gallery-head\">\r\n\r\n            <div class=\"hrgp-section-heading\">\r\n\r\n                <div class=\"hrgp-section-kicker\">\r\n                    EXPLORE HR RESORT\r\n                <\/div>\r\n\r\n                <h2 class=\"hrgp-section-title\">\r\n                    \u0e20\u0e32\u0e1e\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e41\u0e25\u0e30\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\r\n                <\/h2>\r\n\r\n                <p class=\"hrgp-section-desc\">\r\n\r\n                    \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e0a\u0e21\u0e20\u0e32\u0e1e\u0e15\u0e32\u0e21\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\r\n                    \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e23\u0e2d\u0e1a\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17 \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                    \u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a \u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\r\n                    \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e23\u0e2d\u0e1a\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrgp-gallery-count\">\r\n\r\n                \u0e01\u0e33\u0e25\u0e31\u0e07\u0e41\u0e2a\u0e14\u0e07\r\n\r\n                <strong id=\"hrgpVisibleCount\">\r\n                    0\r\n                <\/strong>\r\n\r\n                \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             FILTERS\r\n        ================================================== -->\r\n\r\n        <div class=\"hrgp-filter-shell\">\r\n\r\n            <div\r\n                class=\"hrgp-filters\"\r\n                id=\"hrgpFilters\"\r\n            >\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrgp-filter is-active\"\r\n                    data-filter=\"all\"\r\n                >\r\n\r\n                    <span class=\"hrgp-filter-icon\">\r\n                        \u2726\r\n                    <\/span>\r\n\r\n                    \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n\r\n                    <span\r\n                        class=\"hrgp-filter-count\"\r\n                        data-count=\"all\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrgp-filter\"\r\n                    data-filter=\"resort\"\r\n                >\r\n\r\n                    <span class=\"hrgp-filter-icon\">\r\n                        \u2668\r\n                    <\/span>\r\n\r\n                    \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\r\n\r\n                    <span\r\n                        class=\"hrgp-filter-count\"\r\n                        data-count=\"resort\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrgp-filter\"\r\n                    data-filter=\"room\"\r\n                >\r\n\r\n                    <span class=\"hrgp-filter-icon\">\r\n                        \ud83d\udecf\r\n                    <\/span>\r\n\r\n                    \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n\r\n                    <span\r\n                        class=\"hrgp-filter-count\"\r\n                        data-count=\"room\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrgp-filter\"\r\n                    data-filter=\"fitness\"\r\n                >\r\n\r\n                    <span class=\"hrgp-filter-icon\">\r\n                        \u25c7\r\n                    <\/span>\r\n\r\n                    \u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a\r\n\r\n                    <span\r\n                        class=\"hrgp-filter-count\"\r\n                        data-count=\"fitness\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrgp-filter\"\r\n                    data-filter=\"restaurant\"\r\n                >\r\n\r\n                    <span class=\"hrgp-filter-icon\">\r\n                        \u2668\r\n                    <\/span>\r\n\r\n                    \u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\r\n\r\n                    <span\r\n                        class=\"hrgp-filter-count\"\r\n                        data-count=\"restaurant\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrgp-filter\"\r\n                    data-filter=\"destination\"\r\n                >\r\n\r\n                    <span class=\"hrgp-filter-icon\">\r\n                        \u26f0\r\n                    <\/span>\r\n\r\n                    \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n\r\n                    <span\r\n                        class=\"hrgp-filter-count\"\r\n                        data-count=\"destination\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrgp-filter\"\r\n                    data-filter=\"video\"\r\n                >\r\n\r\n                    <span class=\"hrgp-filter-icon\">\r\n                        \u25b6\r\n                    <\/span>\r\n\r\n                    \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\r\n\r\n                    <span\r\n                        class=\"hrgp-filter-count\"\r\n                        data-count=\"video\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             GRID GENERATED BY JS\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"hrgp-grid\"\r\n            id=\"hrgpGrid\"\r\n        ><\/div>\r\n\r\n\r\n        <div\r\n            class=\"hrgp-empty\"\r\n            id=\"hrgpEmpty\"\r\n        >\r\n            \u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e19\u0e35\u0e49\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             LOAD MORE\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"hrgp-load-wrap\"\r\n            id=\"hrgpLoadWrap\"\r\n        >\r\n\r\n            <span\r\n                class=\"hrgp-progress-text\"\r\n                id=\"hrgpProgress\"\r\n            ><\/span>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrgp-load-more\"\r\n                id=\"hrgpLoadMore\"\r\n            >\r\n                \u0e14\u0e39\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\r\n                <span>\uff0b<\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\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\r\n<div class=\"hrgp-cta-section\">\r\n\r\n    <div class=\"hrgp-container\">\r\n\r\n        <div class=\"hrgp-cta\">\r\n\r\n\r\n            <div>\r\n\r\n                <small>\r\n                    YOUR STAY AT HR RESORT\r\n                <\/small>\r\n\r\n\r\n                <h2>\r\n                    \u0e0a\u0e2d\u0e1a\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e47\u0e19?<br>\r\n                    \u0e21\u0e32\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e02\u0e2d\u0e07\u0e08\u0e23\u0e34\u0e07\u0e17\u0e35\u0e48 HR Resort\r\n                <\/h2>\r\n\r\n\r\n                <p>\r\n\r\n                    \u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e43\u0e19\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\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e42\u0e14\u0e22\u0e23\u0e2d\u0e1a\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e14\u0e27\u0e01\r\n                    \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e2b\u0e49\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e01\u0e31\u0e1a HR Resort \u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrgp-cta-actions\">\r\n\r\n                <a\r\n                    href=\"#book-now\"\r\n                    class=\"hrgp-btn hrgp-btn-primary\"\r\n                >\r\n                    \u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"tel:0997358789\"\r\n                    class=\"hrgp-btn hrgp-btn-outline\"\r\n                >\r\n                    \u0e42\u0e17\u0e23\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\r\n                <\/a>\r\n\r\n            <\/div>\r\n\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     LIGHTBOX\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"hrgp-lightbox\"\r\n    id=\"hrgpLightbox\"\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 HR Resort\"\r\n>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrgp-lb-close\"\r\n        id=\"hrgpLbClose\"\r\n        aria-label=\"\u0e1b\u0e34\u0e14\"\r\n    >\r\n        \u00d7\r\n    <\/button>\r\n\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrgp-lb-nav hrgp-lb-prev\"\r\n        id=\"hrgpLbPrev\"\r\n        aria-label=\"\u0e20\u0e32\u0e1e\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\"\r\n    >\r\n        \u2039\r\n    <\/button>\r\n\r\n\r\n    <div class=\"hrgp-lb-stage\">\r\n\r\n        <img decoding=\"async\"\r\n            class=\"hrgp-lb-image\"\r\n            id=\"hrgpLbImage\"\r\n            src=\"\"\r\n            alt=\"\"\r\n        >\r\n\r\n\r\n        <video\r\n            class=\"hrgp-lb-video\"\r\n            id=\"hrgpLbVideo\"\r\n            controls\r\n            playsinline\r\n            preload=\"metadata\"\r\n        ><\/video>\r\n\r\n\r\n        <div class=\"hrgp-lb-caption\">\r\n\r\n            <div>\r\n\r\n                <small id=\"hrgpLbCategory\">\r\n                    HR RESORT GALLERY\r\n                <\/small>\r\n\r\n                <strong id=\"hrgpLbTitle\">\r\n                    HR Resort\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrgp-lb-counter\">\r\n\r\n                <strong id=\"hrgpLbCurrent\">\r\n                    01\r\n                <\/strong>\r\n\r\n                \/\r\n\r\n                <span id=\"hrgpLbTotal\">\r\n                    01\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"hrgp-lb-nav hrgp-lb-next\"\r\n        id=\"hrgpLbNext\"\r\n        aria-label=\"\u0e20\u0e32\u0e1e\u0e16\u0e31\u0e14\u0e44\u0e1b\"\r\n    >\r\n        \u203a\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    'use strict';\r\n\r\n\r\n    \/* =====================================================\r\n       ROOT\r\n    ====================================================== *\/\r\n\r\n    const root =\r\n        document.getElementById(\r\n            'hrGalleryPage'\r\n        );\r\n\r\n    if (!root) {\r\n        return;\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       BASE URL\r\n    ====================================================== *\/\r\n\r\n    const BASE =\r\n        'https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/';\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CATEGORY LABELS\r\n    ====================================================== *\/\r\n\r\n    const CATEGORY_LABELS = {\r\n\r\n        resort:\r\n            '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01',\r\n\r\n        room:\r\n            '\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01',\r\n\r\n        fitness:\r\n            '\u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a',\r\n\r\n        restaurant:\r\n            '\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23',\r\n\r\n        destination:\r\n            '\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27',\r\n\r\n        video:\r\n            '\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d'\r\n\r\n    };\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       MEDIA DATABASE\r\n\r\n       URLs \u0e17\u0e35\u0e48\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e2a\u0e48\u0e07\u0e0b\u0e49\u0e33\u0e16\u0e39\u0e01\u0e15\u0e31\u0e14\u0e2d\u0e2d\u0e01\u0e41\u0e25\u0e49\u0e27\r\n\r\n       Unique:\r\n       - Images = 67\r\n       - Videos = 5\r\n       - Total = 72\r\n    ====================================================== *\/\r\n\r\n    const media = [\r\n\r\n        \/* =================================================\r\n           VIDEO \u2014 RESORT\r\n        ================================================== *\/\r\n\r\n        {\r\n            type: 'video',\r\n            category: 'resort',\r\n            src: BASE + 'hr-resort-hero.mp4',\r\n            title: '\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28 HR Resort'\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           RESORT EXTERIOR \u2014 8 IMAGES\r\n        ================================================== *\/\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'resort',\r\n            src: BASE + 'S__19046405_0.jpg',\r\n            title: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'resort',\r\n            src: BASE + 'S__19046414_0.jpg',\r\n            title: '\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'resort',\r\n            src: BASE + 'S__19046411_0.jpg',\r\n            title: '\u0e21\u0e38\u0e21\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'resort',\r\n            src: BASE + 'LINE_ALBUM_\u0e27\u0e34\u0e27\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01_260816_3.jpg',\r\n            title: '\u0e27\u0e34\u0e27\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'resort',\r\n            src: BASE + 'LINE_ALBUM_\u0e27\u0e34\u0e27\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01_260816_2.jpg',\r\n            title: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e23\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'resort',\r\n            src: BASE + 'LINE_ALBUM_\u0e27\u0e34\u0e27\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01_260816_1-1.jpg',\r\n            title: '\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'resort',\r\n            src: BASE + 'LINE_ALBUM_\u0e27\u0e34\u0e27\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01_260816_5.jpg',\r\n            title: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'resort',\r\n            src: BASE + 'LINE_ALBUM_\u0e27\u0e34\u0e27\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01_260816_4.jpg',\r\n            title: 'HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n\r\n\r\n        \/* =================================================\r\n           ROOM \u2014 14 IMAGES\r\n        ================================================== *\/\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'LINE_ALBUM_2869_260816_4.jpg',\r\n            title: '\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940021_0.jpg',\r\n            title: '\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940022_0.jpg',\r\n            title: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940025_0.jpg',\r\n            title: '\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940028_0.jpg',\r\n            title: '\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940029_0.jpg',\r\n            title: '\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        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940030_0.jpg',\r\n            title: '\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940032_0.jpg',\r\n            title: '\u0e21\u0e38\u0e21\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940040_0.jpg',\r\n            title: '\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940017_0.jpg',\r\n            title: '\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940019_0.jpg',\r\n            title: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940015_0.jpg',\r\n            title: '\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940014_0.jpg',\r\n            title: '\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'room',\r\n            src: BASE + 'S__18940013_0.jpg',\r\n            title: '\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n\r\n\r\n        \/* =================================================\r\n           FITNESS \u2014 4 IMAGES\r\n        ================================================== *\/\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'fitness',\r\n            src: BASE + 'S__18948108_0.jpg',\r\n            title: '\u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'fitness',\r\n            src: BASE + 'S__18948105_0.jpg',\r\n            title: '\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'fitness',\r\n            src: BASE + 'S__18948106_0.jpg',\r\n            title: '\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'fitness',\r\n            src: BASE + 'S__18948107_0.jpg',\r\n            title: 'Fitness HR Resort'\r\n        },\r\n\r\n\r\n\r\n        \/* =================================================\r\n           RESTAURANT \u2014 10 IMAGES\r\n        ================================================== *\/\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'restaurant',\r\n            src: BASE + 'S__19046412_0.jpg',\r\n            title: '\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'restaurant',\r\n            src: BASE + 'S__19046408_0.jpg',\r\n            title: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'restaurant',\r\n            src: BASE + 'S__19046406_0.jpg',\r\n            title: '\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e17\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'restaurant',\r\n            src: BASE + 'S__19046409_0.jpg',\r\n            title: '\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'restaurant',\r\n            src: BASE + '397490396.jpg',\r\n            title: '\u0e21\u0e37\u0e49\u0e2d\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e35\u0e48 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'restaurant',\r\n            src: BASE + '397490395.jpg',\r\n            title: '\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'restaurant',\r\n            src: BASE + 'S__18890819-1.jpg',\r\n            title: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e17\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'restaurant',\r\n            src: BASE + '397490559.jpg',\r\n            title: '\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e37\u0e48\u0e21'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'restaurant',\r\n            src: BASE + '397490405.jpg',\r\n            title: '\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e2b\u0e32\u0e23 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'restaurant',\r\n            src: BASE + '397490399.jpg',\r\n            title: '\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e21\u0e37\u0e49\u0e2d\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19'\r\n        },\r\n\r\n\r\n\r\n        \/* =================================================\r\n           DESTINATION VIDEOS \u2014 UNIQUE 4\r\n        ================================================== *\/\r\n\r\n        {\r\n            type: 'video',\r\n            category: 'destination',\r\n            src: BASE + '809015015.116090.mp4',\r\n            title: '\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'video',\r\n            category: 'destination',\r\n            src: BASE + '808657140.284861.mp4',\r\n            title: '\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e43\u0e01\u0e25\u0e49 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'video',\r\n            category: 'destination',\r\n            src: BASE + '808663336.414508.mp4',\r\n            title: '\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'video',\r\n            category: 'destination',\r\n            src: BASE + '808657140.041285.mp4',\r\n            title: '\u0e41\u0e19\u0e30\u0e19\u0e33\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e42\u0e14\u0e22\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01'\r\n        },\r\n\r\n\r\n\r\n        \/* =================================================\r\n           DESTINATION IMAGES \u2014 31\r\n        ================================================== *\/\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940092_0-1.jpg',\r\n            title: '\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e43\u0e01\u0e25\u0e49 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940093_0-1.jpg',\r\n            title: '\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940094_0.jpg',\r\n            title: '\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940095_0.jpg',\r\n            title: '\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940096_0.jpg',\r\n            title: '\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940097_0.jpg',\r\n            title: '\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940098_0.jpg',\r\n            title: '\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e23\u0e2d\u0e1a\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940099_0.jpg',\r\n            title: '\u0e08\u0e38\u0e14\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e43\u0e01\u0e25\u0e49\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940101_0.jpg',\r\n            title: '\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940102_0.jpg',\r\n            title: '\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18956415-1.jpg',\r\n            title: '\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e43\u0e01\u0e25\u0e49 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'BC66CA56-471F-4D47-A6B5-FCB9F17F40C9-1.jpg',\r\n            title: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'BD074066-B2D4-499B-94BD-CABD1270295B.jpg',\r\n            title: '\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940070_0.jpg',\r\n            title: '\u0e08\u0e38\u0e14\u0e0a\u0e21\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940071_0.jpg',\r\n            title: '\u0e40\u0e2a\u0e19\u0e48\u0e2b\u0e4c\u0e02\u0e2d\u0e07\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940072_0.jpg',\r\n            title: '\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e43\u0e01\u0e25\u0e49 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940073_0.jpg',\r\n            title: '\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940074_0.jpg',\r\n            title: '\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940075_0.jpg',\r\n            title: '\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e23\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940076_0.jpg',\r\n            title: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940078-1.jpg',\r\n            title: '\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940081_0.jpg',\r\n            title: '\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e07\u0e1a'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940082_0.jpg',\r\n            title: '\u0e08\u0e38\u0e14\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940083_0.jpg',\r\n            title: '\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940084_0.jpg',\r\n            title: '\u0e27\u0e34\u0e27\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940085_0.jpg',\r\n            title: '\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e43\u0e01\u0e25\u0e49 HR Resort'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940086_0.jpg',\r\n            title: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940087_0.jpg',\r\n            title: '\u0e08\u0e38\u0e14\u0e0a\u0e21\u0e27\u0e34\u0e27\u0e41\u0e25\u0e30\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940088_0.jpg',\r\n            title: '\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940089_0.jpg',\r\n            title: '\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e23\u0e2d\u0e1a\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07'\r\n        },\r\n\r\n        {\r\n            type: 'image',\r\n            category: 'destination',\r\n            src: BASE + 'S__18940090_0.jpg',\r\n            title: '\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c'\r\n        }\r\n\r\n    ];\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       REMOVE DUPLICATE URL AGAIN FOR SAFETY\r\n    ====================================================== *\/\r\n\r\n    const seen =\r\n        new Set();\r\n\r\n\r\n    const uniqueMedia =\r\n        media.filter(\r\n            function (item) {\r\n\r\n                if (\r\n                    seen.has(\r\n                        item.src\r\n                    )\r\n                ) {\r\n                    return false;\r\n                }\r\n\r\n                seen.add(\r\n                    item.src\r\n                );\r\n\r\n                return true;\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       ELEMENTS\r\n    ====================================================== *\/\r\n\r\n    const grid =\r\n        root.querySelector(\r\n            '#hrgpGrid'\r\n        );\r\n\r\n\r\n    const filters =\r\n        Array.from(\r\n            root.querySelectorAll(\r\n                '.hrgp-filter'\r\n            )\r\n        );\r\n\r\n\r\n    const visibleCount =\r\n        root.querySelector(\r\n            '#hrgpVisibleCount'\r\n        );\r\n\r\n\r\n    const loadMore =\r\n        root.querySelector(\r\n            '#hrgpLoadMore'\r\n        );\r\n\r\n\r\n    const loadWrap =\r\n        root.querySelector(\r\n            '#hrgpLoadWrap'\r\n        );\r\n\r\n\r\n    const progress =\r\n        root.querySelector(\r\n            '#hrgpProgress'\r\n        );\r\n\r\n\r\n    const empty =\r\n        root.querySelector(\r\n            '#hrgpEmpty'\r\n        );\r\n\r\n\r\n    const statAll =\r\n        root.querySelector(\r\n            '#hrgpStatAll'\r\n        );\r\n\r\n\r\n    const statPhotos =\r\n        root.querySelector(\r\n            '#hrgpStatPhotos'\r\n        );\r\n\r\n\r\n    const statVideos =\r\n        root.querySelector(\r\n            '#hrgpStatVideos'\r\n        );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       STATE\r\n    ====================================================== *\/\r\n\r\n    let activeFilter =\r\n        'all';\r\n\r\n\r\n    let displayLimit =\r\n        16;\r\n\r\n\r\n    const LOAD_STEP =\r\n        12;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       FILTER DATA\r\n    ====================================================== *\/\r\n\r\n    function getFilteredItems() {\r\n\r\n        if (\r\n            activeFilter ===\r\n            'all'\r\n        ) {\r\n\r\n            return uniqueMedia;\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            activeFilter ===\r\n            'video'\r\n        ) {\r\n\r\n            return uniqueMedia.filter(\r\n                function (item) {\r\n\r\n                    return (\r\n                        item.type ===\r\n                        'video'\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        return uniqueMedia.filter(\r\n            function (item) {\r\n\r\n                return (\r\n                    item.category ===\r\n                    activeFilter\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CATEGORY NAME\r\n    ====================================================== *\/\r\n\r\n    function categoryName(item) {\r\n\r\n        if (\r\n            item.type ===\r\n            'video'\r\n        ) {\r\n\r\n            if (\r\n                item.category ===\r\n                'resort'\r\n            ) {\r\n                return '\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01';\r\n            }\r\n\r\n            return '\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27';\r\n\r\n        }\r\n\r\n\r\n        return (\r\n            CATEGORY_LABELS[\r\n                item.category\r\n            ] ||\r\n            'HR Resort Gallery'\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       GRID CARD SIZE\r\n    ====================================================== *\/\r\n\r\n    function sizeClass(index) {\r\n\r\n        const map = [\r\n            'is-feature',\r\n            '',\r\n            '',\r\n            'is-tall',\r\n            '',\r\n            'is-wide',\r\n            '',\r\n            '',\r\n            '',\r\n            'is-wide',\r\n            '',\r\n            ''\r\n        ];\r\n\r\n\r\n        return (\r\n            map[\r\n                index %\r\n                map.length\r\n            ] || ''\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CREATE IMAGE CARD\r\n    ====================================================== *\/\r\n\r\n    function createImageMedia(item) {\r\n\r\n        return `\r\n            <img\r\n                src=\"${item.src}\"\r\n                alt=\"${item.title} - HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n            >\r\n        `;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CREATE VIDEO CARD\r\n    ====================================================== *\/\r\n\r\n    function createVideoMedia(item) {\r\n\r\n        return `\r\n            <video\r\n                muted\r\n                playsinline\r\n                preload=\"metadata\"\r\n            >\r\n                <source\r\n                    src=\"${item.src}\"\r\n                    type=\"video\/mp4\"\r\n                >\r\n            <\/video>\r\n        `;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CREATE CARD\r\n    ====================================================== *\/\r\n\r\n    function createCard(\r\n        item,\r\n        originalIndex,\r\n        renderIndex\r\n    ) {\r\n\r\n        const 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            'hrgp-card ' +\r\n            sizeClass(\r\n                renderIndex\r\n            );\r\n\r\n\r\n        button.dataset.index =\r\n            originalIndex;\r\n\r\n\r\n        button.setAttribute(\r\n            'aria-label',\r\n            '\u0e40\u0e1b\u0e34\u0e14 ' +\r\n            item.title\r\n        );\r\n\r\n\r\n        const mediaHTML =\r\n            item.type ===\r\n            'video'\r\n                ? createVideoMedia(item)\r\n                : createImageMedia(item);\r\n\r\n\r\n        const playHTML =\r\n            item.type ===\r\n            'video'\r\n                ? '<span class=\"hrgp-play\" aria-hidden=\"true\"><\/span>'\r\n                : '';\r\n\r\n\r\n        button.innerHTML = `\r\n\r\n            <span class=\"hrgp-card-media\">\r\n\r\n                ${mediaHTML}\r\n\r\n            <\/span>\r\n\r\n\r\n            <span\r\n                class=\"hrgp-card-shade\"\r\n                aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n\r\n            <span class=\"hrgp-card-type\">\r\n\r\n                ${\r\n                    item.type ===\r\n                    'video'\r\n                        ? '\u25b6 \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d'\r\n                        : '\u25a7 \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e'\r\n                }\r\n\r\n            <\/span>\r\n\r\n\r\n            ${playHTML}\r\n\r\n\r\n            <span class=\"hrgp-card-info\">\r\n\r\n                <span>\r\n\r\n                    <small>\r\n                        ${categoryName(item)}\r\n                    <\/small>\r\n\r\n                    <strong>\r\n                        ${item.title}\r\n                    <\/strong>\r\n\r\n                <\/span>\r\n\r\n\r\n                <span\r\n                    class=\"hrgp-card-expand\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M9 4H4v5\"\/>\r\n\r\n                        <path d=\"M15 4h5v5\"\/>\r\n\r\n                        <path d=\"M9 20H4v-5\"\/>\r\n\r\n                        <path d=\"M15 20h5v-5\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/span>\r\n\r\n        `;\r\n\r\n\r\n        button.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                openLightboxByOriginalIndex(\r\n                    originalIndex\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        return button;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       RENDER\r\n    ====================================================== *\/\r\n\r\n    function renderGallery() {\r\n\r\n        if (!grid) {\r\n            return;\r\n        }\r\n\r\n\r\n        const filtered =\r\n            getFilteredItems();\r\n\r\n\r\n        const visible =\r\n            filtered.slice(\r\n                0,\r\n                displayLimit\r\n            );\r\n\r\n\r\n        grid.innerHTML = '';\r\n\r\n\r\n        visible.forEach(\r\n            function (\r\n                item,\r\n                renderIndex\r\n            ) {\r\n\r\n                const originalIndex =\r\n                    uniqueMedia.indexOf(\r\n                        item\r\n                    );\r\n\r\n\r\n                grid.appendChild(\r\n                    createCard(\r\n                        item,\r\n                        originalIndex,\r\n                        renderIndex\r\n                    )\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        if (visibleCount) {\r\n\r\n            visibleCount.textContent =\r\n                visible.length;\r\n\r\n        }\r\n\r\n\r\n        if (progress) {\r\n\r\n            progress.textContent =\r\n                '\u0e41\u0e2a\u0e14\u0e07 ' +\r\n                visible.length +\r\n                ' \u0e08\u0e32\u0e01 ' +\r\n                filtered.length +\r\n                ' \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23';\r\n\r\n        }\r\n\r\n\r\n        if (loadWrap) {\r\n\r\n            loadWrap.style.display =\r\n                filtered.length >\r\n                visible.length\r\n                    ? 'flex'\r\n                    : 'none';\r\n\r\n        }\r\n\r\n\r\n        if (empty) {\r\n\r\n            empty.style.display =\r\n                filtered.length === 0\r\n                    ? 'flex'\r\n                    : 'none';\r\n\r\n        }\r\n\r\n\r\n        initializeVideoHover();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       VIDEO HOVER\r\n    ====================================================== *\/\r\n\r\n    function initializeVideoHover() {\r\n\r\n        const cards =\r\n            Array.from(\r\n                root.querySelectorAll(\r\n                    '.hrgp-card'\r\n                )\r\n            );\r\n\r\n\r\n        cards.forEach(\r\n            function (card) {\r\n\r\n                const video =\r\n                    card.querySelector(\r\n                        'video'\r\n                    );\r\n\r\n\r\n                if (!video) {\r\n                    return;\r\n                }\r\n\r\n\r\n                card.addEventListener(\r\n                    'mouseenter',\r\n                    function () {\r\n\r\n                        video\r\n                            .play()\r\n                            .catch(\r\n                                function () {}\r\n                            );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                card.addEventListener(\r\n                    'mouseleave',\r\n                    function () {\r\n\r\n                        video.pause();\r\n\r\n                        try {\r\n                            video.currentTime = 0;\r\n                        } catch (error) {}\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       COUNTS\r\n    ====================================================== *\/\r\n\r\n    function updateCounts() {\r\n\r\n        const counts = {\r\n\r\n            all:\r\n                uniqueMedia.length,\r\n\r\n            resort:\r\n                uniqueMedia.filter(\r\n                    item =>\r\n                        item.category ===\r\n                        'resort'\r\n                ).length,\r\n\r\n            room:\r\n                uniqueMedia.filter(\r\n                    item =>\r\n                        item.category ===\r\n                        'room'\r\n                ).length,\r\n\r\n            fitness:\r\n                uniqueMedia.filter(\r\n                    item =>\r\n                        item.category ===\r\n                        'fitness'\r\n                ).length,\r\n\r\n            restaurant:\r\n                uniqueMedia.filter(\r\n                    item =>\r\n                        item.category ===\r\n                        'restaurant'\r\n                ).length,\r\n\r\n            destination:\r\n                uniqueMedia.filter(\r\n                    item =>\r\n                        item.category ===\r\n                        'destination'\r\n                ).length,\r\n\r\n            video:\r\n                uniqueMedia.filter(\r\n                    item =>\r\n                        item.type ===\r\n                        'video'\r\n                ).length\r\n\r\n        };\r\n\r\n\r\n        Object.keys(counts)\r\n            .forEach(\r\n                function (key) {\r\n\r\n                    const element =\r\n                        root.querySelector(\r\n                            '[data-count=\"' +\r\n                            key +\r\n                            '\"]'\r\n                        );\r\n\r\n\r\n                    if (element) {\r\n\r\n                        element.textContent =\r\n                            counts[key];\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n        const photoCount =\r\n            uniqueMedia.filter(\r\n                item =>\r\n                    item.type ===\r\n                    'image'\r\n            ).length;\r\n\r\n\r\n        const videoCount =\r\n            uniqueMedia.filter(\r\n                item =>\r\n                    item.type ===\r\n                    'video'\r\n            ).length;\r\n\r\n\r\n        if (statAll) {\r\n            statAll.textContent =\r\n                uniqueMedia.length;\r\n        }\r\n\r\n\r\n        if (statPhotos) {\r\n            statPhotos.textContent =\r\n                photoCount;\r\n        }\r\n\r\n\r\n        if (statVideos) {\r\n            statVideos.textContent =\r\n                videoCount;\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       FILTER CLICK\r\n    ====================================================== *\/\r\n\r\n    filters.forEach(\r\n        function (button) {\r\n\r\n            button.addEventListener(\r\n                'click',\r\n                function () {\r\n\r\n                    activeFilter =\r\n                        button.dataset.filter;\r\n\r\n\r\n                    displayLimit =\r\n                        16;\r\n\r\n\r\n                    filters.forEach(\r\n                        function (item) {\r\n\r\n                            item.classList.remove(\r\n                                'is-active'\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    button.classList.add(\r\n                        'is-active'\r\n                    );\r\n\r\n\r\n                    renderGallery();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       LOAD MORE\r\n    ====================================================== *\/\r\n\r\n    if (loadMore) {\r\n\r\n        loadMore.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                displayLimit +=\r\n                    LOAD_STEP;\r\n\r\n\r\n                renderGallery();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       HERO VIDEO SOUND\r\n    ====================================================== *\/\r\n\r\n    const heroVideo =\r\n        root.querySelector(\r\n            '#hrgpHeroVideo'\r\n        );\r\n\r\n\r\n    const unmute =\r\n        root.querySelector(\r\n            '#hrgpUnmute'\r\n        );\r\n\r\n\r\n    if (\r\n        heroVideo &&\r\n        unmute\r\n    ) {\r\n\r\n        unmute.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                heroVideo.muted =\r\n                    !heroVideo.muted;\r\n\r\n\r\n                unmute.textContent =\r\n                    heroVideo.muted\r\n                        ? '\ud83d\udd07'\r\n                        : '\ud83d\udd0a';\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       LIGHTBOX ELEMENTS\r\n    ====================================================== *\/\r\n\r\n    const lightbox =\r\n        root.querySelector(\r\n            '#hrgpLightbox'\r\n        );\r\n\r\n\r\n    const lbImage =\r\n        root.querySelector(\r\n            '#hrgpLbImage'\r\n        );\r\n\r\n\r\n    const lbVideo =\r\n        root.querySelector(\r\n            '#hrgpLbVideo'\r\n        );\r\n\r\n\r\n    const lbClose =\r\n        root.querySelector(\r\n            '#hrgpLbClose'\r\n        );\r\n\r\n\r\n    const lbPrev =\r\n        root.querySelector(\r\n            '#hrgpLbPrev'\r\n        );\r\n\r\n\r\n    const lbNext =\r\n        root.querySelector(\r\n            '#hrgpLbNext'\r\n        );\r\n\r\n\r\n    const lbTitle =\r\n        root.querySelector(\r\n            '#hrgpLbTitle'\r\n        );\r\n\r\n\r\n    const lbCategory =\r\n        root.querySelector(\r\n            '#hrgpLbCategory'\r\n        );\r\n\r\n\r\n    const lbCurrent =\r\n        root.querySelector(\r\n            '#hrgpLbCurrent'\r\n        );\r\n\r\n\r\n    const lbTotal =\r\n        root.querySelector(\r\n            '#hrgpLbTotal'\r\n        );\r\n\r\n\r\n    let lightboxPosition =\r\n        0;\r\n\r\n\r\n    let currentLightboxItems =\r\n        [];\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       FORMAT NUMBER\r\n    ====================================================== *\/\r\n\r\n    function formatNumber(value) {\r\n\r\n        return String(value)\r\n            .padStart(\r\n                2,\r\n                '0'\r\n            );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       GET ACTIVE LIGHTBOX ITEMS\r\n    ====================================================== *\/\r\n\r\n    function getLightboxItems() {\r\n\r\n        return getFilteredItems();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       OPEN BY ORIGINAL INDEX\r\n    ====================================================== *\/\r\n\r\n    function openLightboxByOriginalIndex(\r\n        originalIndex\r\n    ) {\r\n\r\n        const item =\r\n            uniqueMedia[\r\n                originalIndex\r\n            ];\r\n\r\n\r\n        currentLightboxItems =\r\n            getLightboxItems();\r\n\r\n\r\n        lightboxPosition =\r\n            currentLightboxItems.indexOf(\r\n                item\r\n            );\r\n\r\n\r\n        if (\r\n            lightboxPosition <\r\n            0\r\n        ) {\r\n            lightboxPosition = 0;\r\n        }\r\n\r\n\r\n        openLightbox();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       UPDATE LIGHTBOX\r\n    ====================================================== *\/\r\n\r\n    function updateLightbox() {\r\n\r\n        if (\r\n            !currentLightboxItems.length\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        if (\r\n            lightboxPosition <\r\n            0\r\n        ) {\r\n\r\n            lightboxPosition =\r\n                currentLightboxItems.length -\r\n                1;\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            lightboxPosition >=\r\n            currentLightboxItems.length\r\n        ) {\r\n\r\n            lightboxPosition =\r\n                0;\r\n\r\n        }\r\n\r\n\r\n        const item =\r\n            currentLightboxItems[\r\n                lightboxPosition\r\n            ];\r\n\r\n\r\n        \/*\r\n         Stop old video\r\n        *\/\r\n\r\n        if (lbVideo) {\r\n\r\n            lbVideo.pause();\r\n\r\n            lbVideo.removeAttribute(\r\n                'src'\r\n            );\r\n\r\n            lbVideo.load();\r\n\r\n            lbVideo.classList.remove(\r\n                'is-active'\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if (lbImage) {\r\n\r\n            lbImage.classList.remove(\r\n                'is-active'\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n         Image\r\n        *\/\r\n\r\n        if (\r\n            item.type ===\r\n            'image'\r\n        ) {\r\n\r\n            lbImage.src =\r\n                item.src;\r\n\r\n\r\n            lbImage.alt =\r\n                item.title;\r\n\r\n\r\n            lbImage.classList.add(\r\n                'is-active'\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n         Video\r\n        *\/\r\n\r\n        if (\r\n            item.type ===\r\n            'video'\r\n        ) {\r\n\r\n            lbVideo.src =\r\n                item.src;\r\n\r\n\r\n            lbVideo.classList.add(\r\n                'is-active'\r\n            );\r\n\r\n\r\n            lbVideo\r\n                .play()\r\n                .catch(\r\n                    function () {}\r\n                );\r\n\r\n        }\r\n\r\n\r\n        if (lbTitle) {\r\n\r\n            lbTitle.textContent =\r\n                item.title;\r\n\r\n        }\r\n\r\n\r\n        if (lbCategory) {\r\n\r\n            lbCategory.textContent =\r\n                categoryName(\r\n                    item\r\n                ).toUpperCase();\r\n\r\n        }\r\n\r\n\r\n        if (lbCurrent) {\r\n\r\n            lbCurrent.textContent =\r\n                formatNumber(\r\n                    lightboxPosition +\r\n                    1\r\n                );\r\n\r\n        }\r\n\r\n\r\n        if (lbTotal) {\r\n\r\n            lbTotal.textContent =\r\n                formatNumber(\r\n                    currentLightboxItems.length\r\n                );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       OPEN\r\n    ====================================================== *\/\r\n\r\n    function openLightbox() {\r\n\r\n        if (!lightbox) {\r\n            return;\r\n        }\r\n\r\n\r\n        updateLightbox();\r\n\r\n\r\n        lightbox.classList.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        document.documentElement\r\n            .style\r\n            .overflow =\r\n            'hidden';\r\n\r\n\r\n        document.body\r\n            .style\r\n            .overflow =\r\n            'hidden';\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CLOSE\r\n    ====================================================== *\/\r\n\r\n    function closeLightbox() {\r\n\r\n        if (!lightbox) {\r\n            return;\r\n        }\r\n\r\n\r\n        lightbox.classList.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        if (lbVideo) {\r\n\r\n            lbVideo.pause();\r\n\r\n            lbVideo.removeAttribute(\r\n                'src'\r\n            );\r\n\r\n            lbVideo.load();\r\n\r\n        }\r\n\r\n\r\n        document.documentElement\r\n            .style\r\n            .overflow =\r\n            '';\r\n\r\n\r\n        document.body\r\n            .style\r\n            .overflow =\r\n            '';\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       PREVIOUS\r\n    ====================================================== *\/\r\n\r\n    function previousMedia() {\r\n\r\n        lightboxPosition--;\r\n\r\n        updateLightbox();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       NEXT\r\n    ====================================================== *\/\r\n\r\n    function nextMedia() {\r\n\r\n        lightboxPosition++;\r\n\r\n        updateLightbox();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       LIGHTBOX EVENTS\r\n    ====================================================== *\/\r\n\r\n    if (lbClose) {\r\n\r\n        lbClose.addEventListener(\r\n            'click',\r\n            closeLightbox\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if (lbPrev) {\r\n\r\n        lbPrev.addEventListener(\r\n            'click',\r\n            previousMedia\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if (lbNext) {\r\n\r\n        lbNext.addEventListener(\r\n            'click',\r\n            nextMedia\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       BACKDROP CLICK\r\n    ====================================================== *\/\r\n\r\n    if (lightbox) {\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\r\n    \/* =====================================================\r\n       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                !lightbox.classList.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                previousMedia();\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                event.key ===\r\n                'ArrowRight'\r\n            ) {\r\n\r\n                nextMedia();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       SWIPE MOBILE\r\n    ====================================================== *\/\r\n\r\n    let touchStartX =\r\n        0;\r\n\r\n\r\n    let touchEndX =\r\n        0;\r\n\r\n\r\n    if (lightbox) {\r\n\r\n        lightbox.addEventListener(\r\n            'touchstart',\r\n            function (event) {\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                touchEndX =\r\n                    event\r\n                        .changedTouches[0]\r\n                        .screenX;\r\n\r\n\r\n                const distance =\r\n                    touchEndX -\r\n                    touchStartX;\r\n\r\n\r\n                if (\r\n                    Math.abs(\r\n                        distance\r\n                    ) <\r\n                    55\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                if (\r\n                    distance >\r\n                    0\r\n                ) {\r\n\r\n                    previousMedia();\r\n\r\n                } else {\r\n\r\n                    nextMedia();\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    \/* =====================================================\r\n       SMOOTH INTERNAL ANCHORS\r\n    ====================================================== *\/\r\n\r\n    const internalLinks =\r\n        Array.from(\r\n            root.querySelectorAll(\r\n                'a[href^=\"#\"]'\r\n            )\r\n        );\r\n\r\n\r\n    internalLinks.forEach(\r\n        function (link) {\r\n\r\n            link.addEventListener(\r\n                'click',\r\n                function (event) {\r\n\r\n                    const targetID =\r\n                        link.getAttribute(\r\n                            'href'\r\n                        );\r\n\r\n\r\n                    if (\r\n                        !targetID ||\r\n                        targetID ===\r\n                        '#'\r\n                    ) {\r\n                        return;\r\n                    }\r\n\r\n\r\n                    const target =\r\n                        document.querySelector(\r\n                            targetID\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                    const headerOffset =\r\n                        100;\r\n\r\n\r\n                    const top =\r\n                        target\r\n                            .getBoundingClientRect()\r\n                            .top +\r\n                        window.pageYOffset -\r\n                        headerOffset;\r\n\r\n\r\n                    window.scrollTo({\r\n                        top: top,\r\n                        behavior: '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       INITIALIZE\r\n    ====================================================== *\/\r\n\r\n    updateCounts();\r\n\r\n    renderGallery();\r\n\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\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 GALLERY STAY \u2022 RELAX \u2022 DISCOVER \u0e41\u0e01\u0e25\u0e40\u0e25\u0e2d\u0e23\u0e35\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e02\u0e2d\u0e07 HR Resort \u0e1c\u0e48\u0e32\u0e19\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d \u0e0a\u0e21\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e08\u0e23\u0e34\u0e07\u0e02\u0e2d\u0e07 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01 \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 \u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a [&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-11","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\/11","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=11"}],"version-history":[{"count":9,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":503,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions\/503"}],"wp:attachment":[{"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}