{"id":29,"date":"2024-11-23T07:28:09","date_gmt":"2024-11-23T07:28:09","guid":{"rendered":"https:\/\/the-chanceryhotel.com\/?page_id=29"},"modified":"2025-09-08T06:45:30","modified_gmt":"2025-09-08T06:45:30","slug":"facilities","status":"publish","type":"page","link":"https:\/\/www.the-chanceryhotel.com\/bangalore\/facilities\/","title":{"rendered":"\u65bd\u8a2d"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"inner-image-banner\">\n    <img decoding=\"async\" src=\"\/bangalore\/wp-content\/uploads\/2025\/02\/Facilities.png\" alt=\"Facilities\">\n    <div class=\"overlay-text\">\n        <p class=\"jp-text\">\u65bd\u8a2d<\/p>\n        <p class=\"en-text\">Facilities<\/p>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group contentContainer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group commonPaddingSection spacingSections has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"content-container2\" id=\"facilities-bath\">\n    <!-- Left Side (Text\/Info) -->\n    <div class=\"text-section2\">\n        <h2 class=\"headerPrimaryBlack\" style=\"margin-bottom: 20px;\">\u5927\u6d74\u5834 \u300eSENTO\u300f<\/h2>\n        <p class=\"font16\">\n            \u5357\u30a4\u30f3\u30c9\u521d\u306e\u5927\u6d74\u5834\u3002\n            \u9577\u6642\u9593\u306e\u30d5\u30e9\u30a4\u30c8\u3084\u304a\u4ed5\u4e8b\u306b\u3088\u308b\u304a\u5ba2\u69d8\u306e\u75b2\u308c\u3092\u7652\u3057\u307e\u3059\u3002<br \/><br \/>\n            <b>\u5e73\u65e5<\/b><br\/>\n\u5973\u6027\u300013:00-17:00\n<br\/>\n\u7537\u6027\u300018:00-23:00\n<br\/><br\/>\n<b>\u571f\u65e5<\/b><br\/>\n\u5973\u6027\u300011:00-14:00<br\/>\n\u7537\u6027\u300015:00-23:00<br\/><br\/>\n<b>\u5165\u6d74\u6599<\/b><br\/>\n\u3054\u5bbf\u6cca\u8005\uff1a\u7121\u6599<br\/>\n\u5927\u4eba :1000\u7a0e\u8fbc\u307f<br\/>\n8-14\u6b73 :750\u7a0e\u8fbc\u307f<br\/>\n7\u6b73\u4ee5\u4e0b : \u7121\u6599\n        <\/p>\n\n    <\/div>\n\n    <!-- Right Side (Image Slider) -->\n    <div class=\"image-slider2\">\n        <div class=\"slider-wrapper2\">\n            <img decoding=\"async\" src=\"\/bangalore\/wp-content\/uploads\/2025\/01\/facilities-sento2.png\" class=\"slider-img2 active\" alt=\"Sushi 1\">\n            <img decoding=\"async\" src=\"\/bangalore\/wp-content\/uploads\/2025\/01\/facilities-sento3.png\" class=\"slider-img2\" alt=\"Sushi 2\">\n        <\/div>\n\n        <div class=\"facilities-sento-container\">\n            <span class=\"active sento-dot\" onclick=\"goTo_sento_Slide(0)\"><\/span>\n            <span class=\"sento-dot\" onclick=\"goTo_sento_Slide(1)\"><\/span>\n        <\/div>\n    <\/div>\n\n    \n<\/div>\n\n<!-- Styles -->\n<style>\n    \/* Flex Container *\/\n    .content-container2 {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        width: 100%;\n        margin: auto;\n        height: 550px;\n    }\n  .facilities-sento-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 10px;\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 10;\n    }\n\n    .sento-dot {\n        width: 12px;\n        height: 12px;\n        margin: 5px;\n        background: #fff;\n        border-radius: 50%;\n        display: inline-block;\n        cursor: pointer;\n        transition: background 0.3s ease, transform 0.3s ease;\n    }\n\n    .sento-dot.active {\n        background: #A83B5E;\n        border: 2px solid white;\n    }\n\n\n\n    \/* Left Section (Text) *\/\n    .text-section2 {\n        width: 40%;\n        text-align: left;\n        padding: 40px 20px;\n        background: linear-gradient(135deg, #f5f2e0, #e6e0c9, #c9b99e);\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\njustify-content: center;\nword-break: break-word;\n    }\n\n    .text-section2 h2 {\n        font-size: 24px;\n        margin-bottom: 10px;\n    }\n\n    .text-section2 p {\n        font-size: 16px;\n        margin-bottom: 15px;\n    }\n\n    .btn-primary2 {\n        background: #a83b5e;\n        color: white;\n        padding: 10px 15px;\n        border: none;\n        cursor: pointer;\n        border-radius: 5px;\n        font-size: 16px;\n    }\n\n    .btn-primary2:hover {\n        background: #8b2f4c;\n    }\n\n    \/* Right Section (Slider) *\/\n    .image-slider2 {\n        position: relative;\n        width: 60%;\n        height: 100%;\n        overflow: hidden;\n        background: white;\n    }\n\n   .slider-wrapper2 {\n    display: flex;\n    width: 100%; \/* Adjust width for number of slides *\/\n    height: 100%;\n    transition: transform 1.5s ease-in-out;\n}\n\n.slider-img2 {\n    width: 100%;\n    height: 100%;\n    flex: 0 0 100%; \/* Ensures each image takes full width *\/\n    object-fit: cover;\n}\n    .slider-img2.active {\n        display: block;\n        border-radius: 0;\n        \/* Ensure no border radius *\/\n    }\n\n    .arrow-left2 {\n        right: 50%;\n    }\n\n    .arrow-right2 {\n        right: 30%;\n    }\n\n    .arrow-left2:hover,\n    .arrow-right2:hover {\n        background: #8b2f4c;\n    }\n\n    #facilities-bath{\n   scroll-margin-top:100px; \n   }\n\n    @media (min-width:770px) {\n    .arrow-left2,\n        .arrow-right2 {\n            position: absolute;\n            bottom: 1%;\n            transform: translateY(-50%);\n            background: #a83b5e;\n            color: white;\n            border: none;\n            padding: 10px;\n            border-radius: 50%;\n            cursor: pointer;\n            font-size: 20px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            width: 50px;\n        }\n    }\n\n\n    @media (min-width:770px) and (max-width:1150px) {\n        .content-container2 {\n            min-height: 500px;\n            max-height: none;\n            \/* Allow height to expand *\/\n            height: auto;\n            align-items: stretch;\n            \/* Ensures both sections grow equally *\/\n        }\n\n        .text-section2 {\n            height: auto;\n        }\n\n        .image-slider2 {\n            height: auto;\n            display: flex;\n            align-items: stretch;\n            \/* Ensures image stretches *\/\n        }\n\n        .image-slider2 .slider-img2 {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n\n        .arrow-left2,\n        .arrow-right2 {\n            position: absolute;\n            bottom: 1%;\n            transform: translateY(-50%);\n            background: #a83b5e;\n            color: white;\n            border: none;\n            padding: 10px;\n            border-radius: 50%;\n            cursor: pointer;\n            font-size: 20px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            width: 50px;\n        }\n    }\n\n    \/* Responsive for Mobile *\/\n    @media (max-width: 769px) {\n        .content-container2 {\n            flex-direction: column;\n            align-items: center;\n            height: auto;\n        }\n\n        .text-section2,\n        .image-slider2 {\n            width: 100%;\n            text-align: center;\n        }\n\n        .image-slider2 {\n            height: auto;\n        }\n\n        .arrow-left2,\n        .arrow-right2 {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: #a83b5e;\n            color: white;\n            border: none;\n            padding: 10px;\n            border-radius: 50%;\n            cursor: pointer;\n            font-size: 20px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            width: 50px;\n        }\n\n        .arrow-left2 {\n            left: 1%;\n        }\n\n        .arrow-right2 {\n            right: 1%;\n        }\n\n    }\n<\/style>\n\n<!-- JavaScript -->\n\n   <script>\n  let current_sento_Index = 0;\nconst sentoSlidesContainer = document.querySelector(\".slider-wrapper2\");\nconst sentoDots = document.querySelectorAll(\".sento-dot\");\nlet autoSlide_sento_Interval;\n\nfunction show_sento_Slide(index) {\n    current_sento_Index = index;\n    sentoSlidesContainer.style.transform = `translateX(-${current_sento_Index * 100}%)`;\n\n    sentoDots.forEach(dot => dot.classList.remove(\"active\"));\n    sentoDots[current_sento_Index].classList.add(\"active\");\n}\n\nfunction goTo_sento_Slide(index) {\n    show_sento_Slide(index);\n    resetAuto_sento_Slide();\n}\n\nfunction next_sento_Slide() {\n    current_sento_Index = (current_sento_Index + 1) % sentoDots.length;\n    show_sento_Slide(current_sento_Index);\n    resetAuto_sento_Slide();\n}\n\nfunction prev_sento_Slide() {\n    current_sento_Index = (current_sento_Index - 1 + sentoDots.length) % sentoDots.length;\n    show_sento_Slide(current_sento_Index);\n    resetAuto_sento_Slide();\n}\n\nfunction resetAuto_sento_Slide() {\n    clearInterval(autoSlide_sento_Interval);\n    autoSlide_sento_Interval = setInterval(next_sento_Slide, 4000);\n}\n\n\/\/ Swipe detection for mobile\nlet sentotouchStartX = 0;\nlet sentotouchEndX = 0;\n\ndocument.querySelector(\".slider-wrapper2\").addEventListener(\"touchstart\", (e) => {\n    sentotouchStartX = e.touches[0].clientX;\n});\n\ndocument.querySelector(\".slider-wrapper2\").addEventListener(\"touchend\", (e) => {\n    sentotouchEndX = e.changedTouches[0].clientX;\n    handle_sento_Swipe();\n});\n\nfunction handle_sento_Swipe() {\n    let swipe_sento_Distance = sentotouchStartX - sentotouchEndX;\n    if (swipe_sento_Distance > 50) {\n        next_sento_Slide();\n    } else if (swipe_sento_Distance < -50) {\n        prev_sento_Slide();\n    }\n}\n\nresetAuto_sento_Slide();\n\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group commonPaddingSection spacingSections has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"content-container\" id=\"lounge\">\n    <!-- Left Side (Text\/Info) -->\n    <div class=\"image-slider\">\n        <div class=\"slider-wrapper-first\">\n            <div class=\"slider-wrapper-first-slider\">\n                <img decoding=\"async\" src=\"\/bangalore\/wp-content\/uploads\/2025\/01\/facilities-hibikki1.png\"\n                    class=\"active slider-wrapper-first-slider\" alt=\"Sushi 1\">\n                <img decoding=\"async\" src=\"\/bangalore\/wp-content\/uploads\/2025\/01\/facilities-hibikki2.png\" class=\"slider-wrapper-first-slider\"\n                    alt=\"Sushi 2\">\n            <\/div>\n        <\/div>\n\n        <div class=\"facilities-hibika-container\">\n            <span class=\"active hibika-dot\" onclick=\"goTo_hibika_Slide(0)\"><\/span>\n            <span class=\"hibika-dot\" onclick=\"goTo_hibika_Slide(1)\"><\/span>\n        <\/div>\n    <\/div>\n    \n\n    <!-- Right Side (Image Slider) -->\n    <div class=\"text-section\">\n        <img decoding=\"async\" style=\"padding-bottom:10px\" src=\"\/bangalore\/wp-content\/uploads\/2025\/01\/Hibiki_logo.png\" alt=\"HIBIKI Logo\">\n        <p class=\"font16\">\n            \u304a\u5ba2\u69d8\u306e\u9699\u9593\u6642\u9593\u3084\u4f59\u6687\u306e\u5145\u5b9f\u306b\u6700\u9069\u306a\u7a7a\u9593\u3002\n            <br \/>\u56f3\u66f8\u3001TV\u3001\u55ab\u7159\u30b9\u30da\u30fc\u30b9\u3092\u5b8c\u5099\u3002<br \/>\n            \u304a\u5b50\u69d8\u3001\u7686\u69d8\u3067\u904a\u3079\u308b\u5c06\u68cb\u3084\u5404\u7a2e\u30b2\u30fc\u30e0\u7b49\u3092\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002<br \/><br \/>\n            \u5bbf\u6cca\u8005\u306f\u3082\u3061\u308d\u3093\u3001Visitor\u306e\u65b9\u3082\u3054\u5229\u7528\u53ef\u80fd\u3002\n        <\/p>\n\n    <\/div>\n<\/div>\n\n<!-- Styles -->\n<style>\n    \/* Flex Container *\/\n    .content-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        width: 100%;\n        margin: auto;\n        height: 550px;\n    }\n\n\n    \/* Left Section (Text) *\/\n    .text-section {\n        width: 40%;\n        text-align: left;\n        padding: 40px 15px;\n        background: linear-gradient(to bottom, #f5d6e0, #eacbd2, #d8a7b4);\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        word-break: break-word;\n    }\n\n    .text-section h2 {\n        font-size: 24px;\n        margin-bottom: 10px;\n    }\n\n    .text-section p {\n        font-size: 16px;\n        margin-bottom: 15px;\n    }\n\n    .facilities-hibika-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 10px;\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 10;\n    }\n\n    .hibika-dot {\n        width: 12px;\n        height: 12px;\n        margin: 5px;\n        background: #fff;\n        border-radius: 50%;\n        display: inline-block;\n        cursor: pointer;\n        transition: background 0.3s ease, transform 0.3s ease;\n    }\n\n    .hibika-dot.active {\n        background: #A83B5E;\n        border: 2px solid white;\n    }\n\n    .btn-primary {\n        background: #a83b5e;\n        color: white;\n        padding: 10px 15px;\n        border: none;\n        cursor: pointer;\n        border-radius: 5px;\n        font-size: 16px;\n    }\n\n    .btn-primary:hover {\n        background: #8b2f4c;\n    }\n\n    \/* Right Section (Slider) *\/\n    .image-slider {\n        position: relative;\n        width: 60%;\n        height: 100%;\n        overflow: hidden;\n        background: white;\n    }\n\n    .slider-wrapper-first {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        max-width: 100%;\n        padding: 0;\n        height: 100%;\n    }\n\n    .slider-wrapper-first-slider {\n        display: flex;\n        width: 100%;\n        height: 100%;\n        \/* Twice the width for smooth sliding *\/\n        transition: transform 1.5s ease-in-out;\n    }\n\n    .slider-wrapper-first-slider {\n        width: 100%;\n        height: 100%;\n        flex: 0 0 100%;\n        object-fit: cover;\n        max-width: 100%;\n    }\n\n    .slider-wrapper {\n        display: flex;\n        width: 100%;\n        height: 100%;\n        padding-top: 0px !important;\n        scroll-snap-type: x mandatory;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .slider-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        opacity: 0;\n        position: absolute;\n        transition: opacity 1s ease-in-out;\n    }\n\n    .slider-img.active {\n        opacity: 1;\n        position: relative;\n    }\n\n    .arrow-left {\n        right: 50%;\n    }\n\n    .arrow-right {\n        right: 30%;\n    }\n\n    .arrow-left:hover,\n    .arrow-right:hover {\n        background: #8b2f4c;\n    }\n\n   #lounge{\nscroll-margin-top:100px;\n}\n\n    @media (min-width:770px) {\n\n        .arrow-left,\n        .arrow-right {\n            position: absolute;\n            bottom: 1%;\n            transform: translateY(-50%);\n            background: #a83b5e;\n            color: white;\n            border: none;\n            padding: 10px;\n            border-radius: 50%;\n            cursor: pointer;\n            font-size: 20px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            width: 50px;\n        }\n    }\n\n\n    @media (min-width:770px) and (max-width:1150px) {\n        .content-container {\n            min-height: 500px;\n            max-height: none;\n            \/* Allow height to expand *\/\n            height: auto;\n            align-items: stretch;\n            \/* Ensures both sections grow equally *\/\n        }\n\n        .text-section {\n            height: auto;\n        }\n\n        .image-slider {\n            height: auto;\n            display: flex;\n            align-items: stretch;\n            \/* Ensures image stretches *\/\n        }\n\n        .image-slider .slider-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .arrow-left,\n        .arrow-right {\n            position: absolute;\n            bottom: 1%;\n            transform: translateY(-50%);\n            background: #a83b5e;\n            color: white;\n            border: none;\n            padding: 10px;\n            border-radius: 50%;\n            cursor: pointer;\n            font-size: 20px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            width: 50px;\n        }\n    }\n\n    \/* Responsive for Mobile *\/\n    @media (max-width: 769px) {\n        .content-container {\n            flex-direction: column;\n            align-items: center;\n            height: auto;\n        }\n\n        .text-section,\n        .image-slider {\n            width: 100%;\n            text-align: center;\n        }\n\n        .image-slider {\n            height: auto;\n        }\n\n        .arrow-left,\n        .arrow-right {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: #a83b5e;\n            color: white;\n            border: none;\n            padding: 10px;\n            border-radius: 50%;\n            cursor: pointer;\n            font-size: 20px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            width: 50px;\n        }\n\n        .arrow-left {\n            left: 1%;\n        }\n\n        .arrow-right {\n            right: 1%;\n        }\n\n    }\n<\/style>\n\n<script>\n    let currentIndex = 0;\n    const slidesContainer = document.querySelector(\".slider-wrapper-first-slider\");\n    const dots = document.querySelectorAll(\".hibika-dot\");\n    let autoSlideInterval;\n\n    function showSlide(index) {\n        currentIndex = index;\n        slidesContainer.style.transform = `translateX(-${currentIndex * 100}%)`;\n\n        dots.forEach(dot => dot.classList.remove(\"active\"));\n        dots[currentIndex].classList.add(\"active\");\n    }\n\n    function goTo_hibika_Slide(index) {\n        showSlide(index);\n        resetAutoSlide();\n    }\n\n    function nextSlide() {\n        currentIndex = (currentIndex + 1) % dots.length;\n        showSlide(currentIndex);\n        resetAutoSlide();\n    }\n\n    function prevSlide() {\n        currentIndex = (currentIndex - 1 + dots.length) % dots.length;\n        showSlide(currentIndex);\n        resetAutoSlide();\n    }\n\n    function resetAutoSlide() {\n        clearInterval(autoSlideInterval);\n        autoSlideInterval = setInterval(nextSlide, 5000);\n    }\n\n    document.querySelector(\".slider-wrapper-first\").addEventListener(\"touchstart\", (e) => {\n        touchStartX = e.touches[0].clientX;\n    });\n\n    document.querySelector(\".slider-wrapper-first\").addEventListener(\"touchend\", (e) => {\n        touchEndX = e.changedTouches[0].clientX;\n        handleSwipe();\n    });\n\n    function handleSwipe() {\n        let swipeDistance = touchStartX - touchEndX;\n        if (swipeDistance > 50) {\n            nextSlide();\n        } else if (swipeDistance < -50) {\n            prevSlide();\n        }\n    }\n\n    resetAutoSlide();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group commonPaddingSection spacingSections has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"content-container\" id=\"gym-section\">\n    <!-- Left Side (Text\/Info) -->\n    <div class=\"text-section1\">\n        <h2 class=\"headerPrimaryBlack\" style=\"padding-bottom:10px\">\u30b8\u30e0<\/h2>\n        <p class=\"font16\">\n            \u30d5\u30a3\u30c3\u30c8\u30cd\u30b9\u30b8\u30e0\u3082\u5b8c\u5099\u3057\u3066\u304a\u308a\u307e\u3059\u3002<br \/>\n            \u5c02\u5c5e\u30c8\u30ec\u30fc\u30ca\u30fc\u304c\u7686\u69d8\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<br \/>\n        <\/p>\n\n    <\/div>\n    \n    <!-- Right Side (Image Slider) -->\n    <div class=\"imageSection\">\n        <div class=\"slider-gym-wrapper\">\n            <img decoding=\"async\" src=\"\/bangalore\/wp-content\/uploads\/2025\/01\/facilities-gym.png\" class=\"slider-gym active\" alt=\"Sushi 1\">\n\n            <img decoding=\"async\" src=\"\/bangalore\/wp-content\/uploads\/2025\/02\/gym-img2.png\" class=\"slider-gym\" alt=\"Sushi 1\">\n\n        <\/div>\n        <div class=\"facilities-gym-container\">\n            <span class=\"gym-dot active\" onclick=\"goTo_gym_Slide(0)\"><\/span>\n            <span class=\"gym-dot\" onclick=\"goTo_gym_Slide(1)\"><\/span>\n\n        <\/div>\n\n    <\/div>\n\n   \n\n\n<\/div>\n\n<!-- Styles -->\n<style>\n    \/* Flex Container *\/\n    .content-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        width: 100%;\n        margin: auto;\n        height: 550px;\n    }\n\n\n\n    \/* Left Section (Text) *\/\n    .text-section1 {\n        width: 40%;\n        text-align: left;\n        padding: 40px 20px;\n        background: linear-gradient(135deg, #f5f2e0, #e6e0c9, #c9b99e);\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        word-break: break-word;\n    }\n\n    .text-section1 h2 {\n        font-size: 24px;\n        margin-bottom: 10px;\n    }\n\n    .text-section1 p {\n        font-size: 16px;\n        margin-bottom: 15px;\n    }\n\n    .btn-primary {\n        background: #a83b5e;\n        color: white;\n        padding: 10px 15px;\n        border: none;\n        cursor: pointer;\n        border-radius: 5px;\n        font-size: 16px;\n    }\n\n    .btn-primary:hover {\n        background: #8b2f4c;\n    }\n\n    \/* Right Section (Slider) *\/\n    .imageSection {\n        position: relative;\n        width: 60%;\n        height: 100%;\n        overflow: hidden;\n        background: white;\n    }\n\n    .imageSection img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .facilities-gym-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 10px;\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 10;\n    }\n\n    .gym-dot {\n        width: 12px;\n        height: 12px;\n        margin: 5px;\n        background: #fff;\n        border-radius: 50%;\n        display: inline-block;\n        cursor: pointer;\n        transition: background 0.3s ease, transform 0.3s ease;\n    }\n\n    .gym-dot.active {\n        background: #A83B5E;\n        border: 2px solid white;\n    }\n\n    .slider-gym-wrapper {\n\n        display: flex;\n        width: 100%;\n        \/* Adjust based on the number of slides (2 slides = 200%) *\/\n        height: 100%;\n        transition: transform 1.5s ease-in-out;\n\n        padding-top: 0px !important;\n        scroll-snap-type: x mandatory;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .slider-gym {\n        width: 100%;\n        height: 100%;\n        flex: 0 0 100%;\n        \/* Each image takes 100% width *\/\n        object-fit: cover;\n        position: relative;\n        \/* Remove absolute positioning *\/\n    }\n\n    .slider-gym.active {\n        opacity: 1;\n        position: relative;\n    }\n\n    @media (min-width:770px)and (max-width:1150px) {\n        .content-container {\n            min-height: 500px;\n            max-height: none;\n            \/* Allow height to expand *\/\n            height: auto;\n\n            align-items: stretch;\n            \/* Ensures both sections grow equally *\/\n        }\n\n        .text-section1 {\n            height: auto;\n        }\n\n        .imageSection {\n            height: auto;\n            display: flex;\n            align-items: stretch;\n            \/* Ensures image stretches *\/\n        }\n\n        .imageSection img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n    }\n\n    \/* Responsive for Mobile *\/\n    @media (max-width: 769px) {\n        .content-container {\n            flex-direction: column;\n            align-items: center;\n            height: auto;\n        }\n\n        #gym-section {\n            flex-direction: column-reverse;\n        }\n\n        .text-section1,\n        .imageSection {\n            width: 100%;\n            text-align: center;\n        }\n\n        .imageSection {\n            height: auto;\n        }\n    }\n<\/style>\n<script>\n    let current_gym_Index = 0;\n    const gymSlidesContainer = document.querySelector(\".slider-gym-wrapper\");\n    const gymDots = document.querySelectorAll(\".gym-dot\");\n    let autoSlide_gym_Interval;\n\n    function show_gym_Slide(index) {\n        current_gym_Index = index;\n        gymSlidesContainer.style.transform = `translateX(-${current_gym_Index * 100}%)`;\n\n        gymDots.forEach(dot => dot.classList.remove(\"active\"));\n        gymDots[current_gym_Index].classList.add(\"active\");\n    }\n\n    function goTo_gym_Slide(index) {\n        show_gym_Slide(index);\n        resetAuto_gym_Slide();\n    }\n\n    function next_gym_Slide() {\n        current_gym_Index = (current_gym_Index + 1) % gymDots.length;\n        show_gym_Slide(current_gym_Index);\n        resetAuto_gym_Slide();\n    }\n\n    function prev_gym_Slide() {\n        current_gym_Index = (current_gym_Index - 1 + gymDots.length) % gymDots.length;\n        show_gym_Slide(current_gym_Index);\n        resetAuto_gym_Slide();\n    }\n\n    function resetAuto_gym_Slide() {\n        clearInterval(autoSlide_gym_Interval);\n        autoSlide_gym_Interval = setInterval(next_gym_Slide, 4000);\n    }\n\n    \/\/ Swipe detection for mobile\n    let gymtouchStartX = 0;\n    let gymtouchEndX = 0;\n\n    document.querySelector(\".slider-gym-wrapper\").addEventListener(\"touchstart\", (e) => {\n        gymtouchStartX = e.touches[0].clientX;\n    });\n\n    document.querySelector(\".slider-gym-wrapper\").addEventListener(\"touchend\", (e) => {\n        gymtouchEndX = e.changedTouches[0].clientX;\n        handle_gym_Swipe();\n    });\n\n    function handle_gym_Swipe() {\n        let swipe_gym_Distance = gymtouchStartX - gymtouchEndX;\n        if (swipe_gym_Distance > 50) {\n            next_gym_Slide();\n        } else if (swipe_gym_Distance < -50) {\n            prev_gym_Slide();\n        }\n    }\n\n    resetAuto_gym_Slide();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group commonPaddingSection spacingSections has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"content-container spa-facility\" id=\"facilities-esthe\" style=\"margin-bottom:40px;display:none\">\n    <!-- Left Side (Text\/Info) -->\n    \n       <!-- Right Side (Image Slider) -->\n       <div class=\"imageSection\">\n <div class=\"slider-spa-wrapper\">\n             <img decoding=\"async\"  src=\"\/bangalore\/wp-content\/uploads\/2025\/01\/facilities-spa.png\" class=\"slider-spa active\" alt=\"spa\">\n   \n    <img decoding=\"async\" src=\"\/bangalore\/wp-content\/uploads\/2025\/02\/spa-img2.jpg\" class=\"slider-spa\" alt=\"Sushi 1\">\n           \n        <\/div>\n<div class=\"facilities-spa-container\">\n            <span class=\"spa-dot active\" onclick=\"goTo_spa_Slide(0)\"><\/span>\n            <span class=\"spa-dot\" onclick=\"goTo_spa_Slide(1)\"><\/span>\n           \n        <\/div>\n       \n      <\/div>\n\n    <div class=\"text-section1\">\n        <h2 class=\"headerPrimaryBlack\" style=\"padding-bottom:10px\" >SPA \u300eSARA\u300f<\/h2>\n        <p class=\"font16\">\n            \u300cSARA\u300d\u3067\u306f\u304a\u4e00\u4eba\u304a\u4e00\u4eba\u306b\u4e01\u5be7\u306b\u5411\u304d\u5408\u3044\u3001\u304a\u3082\u3066\u306a\u3057\u306e\u5fc3\u3001\u6e29\u3082\u308a\u306e\u624b\u3067\u3001 \u4eba\u306b\u672c\u6765\u5099\u308f\u3063\u3066\u3044\u308b\u7f8e\u3057\u3055\u3084\u3001\u81ea\u7136\u6cbb\u7652\u306e\u529b\u3092\u3072\u304d\u3060\u3059\u304a\u624b\u4f1d\u3044\u3092\u3044\u305f\u3057\u307e\u3059\u3002 <br\/>\n            \u30b3\u30b3\u30ed\u3068\u30ab\u30e9\u30c0\u306e\u58f0\u3092\u8074\u304d\u3001\u3054\u81ea\u5206\u3068\u5411\u304d\u5408\u3046\u5927\u5207\u306a\u6642\u9593\u3092\u304a\u904e\u3054\u3057\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u3001 \u5fc3\u8eab\u3068\u3082\u306b\u7652\u3055\u308c\u308b\u3086\u3063\u305f\u308a\u3068\u3057\u305f\u30b9\u30da\u30fc\u30b9\u3067\u304a\u8fce\u3048\u3044\u305f\u3057\u307e\u3059\u3002<br\/><br\/>\n            \u203b\u30ec\u30b9\u30c8\u30e9\u30f3\u300c\u796d\u300d\u3068\u4e26\u3073\u306e\u5165\u308a\u53e3\u3088\u308a\u5730\u4e0b1\u968e\u300c\u92ad\u6e6f\u300d\u96a3\u306b\u3054\u3056\u3044\u307e\u3059\u3002<br\/><br\/>\n<b>\u3010\u96fb\u8a71\u3011: \uff0b91-80-4118-8888 \uff08English\uff09<\/b>\n <b>\u5185\u7dda    : 2053<\/b> <br\/>\n<b>\u3010E\u30e1\u30fc\u30eb\u3011<a href=\"mailto:'japandesk.tch@chanceryhotels.com'\">japandesk.tch@chanceryhotels.com<\/a><\/b><br\/><br\/>\n            \u6708\u66dc\u4f11\u696d<br>\u706b\u66dc\u65e5\u301c\u91d1\u66dc\u65e5: 14:30~22:30<br>\u571f\u66dc\u65e5\u30fb\u65e5\u66dc\u65e5: 12:00~22:00<br\/><br\/>\n        <a href=\"https:\/\/sites.google.com\/view\/japandesk\/spa-menu?authuser=0\" class=\"news-link font14\" target=\"_blank\" rel=\"noopener\">\u30e1\u30cb\u30e5\u30fc\u306f\u3053\u3061\u3089<\/a>\n        <\/p>\n\n    <\/div>\n\n \n<\/div>\n\n<style>\n.facilities-spa-container {\n    display: flex;\n    justify-content: center;\n    margin-top: 10px;\n    position: absolute;\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 10;\n}\n\n.spa-dot {\n    width: 12px;\n    height: 12px;\n    margin: 5px;\n    background: #fff;\n    border-radius: 50%;\n    display: inline-block;\n    cursor: pointer;\n    transition: background 0.3s ease, transform 0.3s ease;\n}\n\n.spa-dot.active {\n    background:#A83B5E;\n    border: 2px solid white;\n}\n.slider-spa-wrapper {\n      \n    display: flex;\n    width: 100%; \/* Adjust based on the number of slides (2 slides = 200%) *\/\n    height: 100%;\n    transition: transform 1.5s ease-in-out;\n\n       padding-top:0px !important;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    }\n.slider-spa {\n    width: 100%;\n    height: 100%;\n    flex: 0 0 100%; \/* Each image takes 100% width *\/\n    object-fit: cover;\n    position: relative; \/* Remove absolute positioning *\/\n}\n\n    .slider-spa.active {\n         opacity: 1;\n         position: relative;\n    }\n\n#facilities-esthe{\nscroll-margin-top:100px;\n}\n\n@media (max-width: 769px) {\n \n\n    .spa-facility{\n        flex-direction: column-reverse;\n}\n\n   \n}\n<\/style>\n\n\n<script>\nlet current_spa_Index = 0;\nconst spaSlidesContainer = document.querySelector(\".slider-spa-wrapper\");\nconst spaDots = document.querySelectorAll(\".spa-dot\");\nlet autoSlide_spa_Interval;\n\nfunction show_spa_Slide(index) {\n    current_spa_Index = index;\n    spaSlidesContainer.style.transform = `translateX(-${current_spa_Index * 100}%)`;\n\n    spaDots.forEach(dot => dot.classList.remove(\"active\"));\n    spaDots[current_spa_Index].classList.add(\"active\");\n}\n\nfunction goTo_spa_Slide(index) {\n    show_spa_Slide(index);\n    resetAuto_spa_Slide();\n}\n\nfunction next_spa_Slide() {\n    current_spa_Index = (current_spa_Index + 1) % spaDots.length;\n    show_spa_Slide(current_spa_Index);\n    resetAuto_spa_Slide();\n}\n\nfunction prev_spa_Slide() {\n    current_spa_Index = (current_spa_Index - 1 + spaDots.length) % spaDots.length;\n    show_spa_Slide(current_spa_Index);\n    resetAuto_spa_Slide();\n}\n\nfunction resetAuto_spa_Slide() {\n    clearInterval(autoSlide_spa_Interval);\n    autoSlide_spa_Interval = setInterval(next_spa_Slide, 4000);\n}\n\n\/\/ Swipe detection for mobile\nlet spatouchStartX = 0;\nlet spatouchEndX = 0;\n\ndocument.querySelector(\".slider-spa-wrapper\").addEventListener(\"touchstart\", (e) => {\n    spatouchStartX = e.touches[0].clientX;\n});\n\ndocument.querySelector(\".slider-spa-wrapper\").addEventListener(\"touchend\", (e) => {\n    spatouchEndX = e.changedTouches[0].clientX;\n    handle_spa_Swipe();\n});\n\nfunction handle_spa_Swipe() {\n    let swipe_spa_Distance = spatouchStartX - spatouchEndX;\n    if (swipe_spa_Distance > 50) {\n        next_spa_Slide();\n    } else if (swipe_spa_Distance < -50) {\n        prev_spa_Slide();\n    }\n}\n\nresetAuto_spa_Slide();\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u65bd\u8a2d Facilities \u5927\u6d74\u5834 \u300eSENTO\u300f \u5357\u30a4\u30f3\u30c9\u521d\u306e\u5927\u6d74\u5834\u3002 \u9577\u6642\u9593\u306e\u30d5\u30e9\u30a4\u30c8\u3084\u304a\u4ed5\u4e8b\u306b\u3088\u308b\u304a\u5ba2\u69d8\u306e\u75b2\u308c\u3092\u7652\u3057\u307e\u3059\u3002 \u5e73\u65e5 \u5973\u6027\u300013:00-17:00 \u7537\u6027\u300018:00-23:00 \u571f\u65e5 \u5973\u6027\u300011:00-14:00 \u7537\u6027\u300015:00-23:00 \u5165\u6d74\u6599 \u3054\u5bbf\u6cca\u8005\uff1a\u7121\u6599 \u5927\u4eba :1000\u7a0e\u8fbc\u307f 8-14\u6b73 :750\u7a0e\u8fbc\u307f 7\u6b73\u4ee5\u4e0b : \u7121\u6599 \u304a\u5ba2\u69d8\u306e\u9699\u9593\u6642\u9593\u3084\u4f59\u6687\u306e\u5145\u5b9f\u306b\u6700\u9069\u306a\u7a7a\u9593\u3002 \u56f3\u66f8\u3001TV\u3001\u55ab\u7159\u30b9\u30da\u30fc\u30b9\u3092\u5b8c\u5099\u3002 \u304a\u5b50\u69d8\u3001\u7686\u69d8\u3067\u904a\u3079\u308b\u5c06\u68cb\u3084\u5404\u7a2e\u30b2\u30fc\u30e0\u7b49\u3092\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002 \u5bbf\u6cca\u8005\u306f\u3082\u3061\u308d\u3093\u3001Visitor\u306e\u65b9\u3082\u3054\u5229\u7528\u53ef\u80fd\u3002 \u30b8\u30e0 \u30d5\u30a3\u30c3\u30c8\u30cd\u30b9\u30b8\u30e0\u3082\u5b8c\u5099\u3057\u3066\u304a\u308a\u307e\u3059\u3002 \u5c02\u5c5e\u30c8\u30ec\u30fc\u30ca\u30fc\u304c\u7686\u69d8\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002 SPA \u300eSARA\u300f \u300cSARA\u300d\u3067\u306f\u304a\u4e00\u4eba\u304a\u4e00\u4eba\u306b\u4e01\u5be7\u306b\u5411\u304d\u5408\u3044\u3001\u304a\u3082\u3066\u306a\u3057\u306e\u5fc3\u3001\u6e29\u3082\u308a\u306e\u624b\u3067\u3001 \u4eba\u306b\u672c\u6765\u5099\u308f\u3063\u3066\u3044\u308b\u7f8e\u3057\u3055\u3084\u3001\u81ea\u7136\u6cbb\u7652\u306e\u529b\u3092\u3072\u304d\u3060\u3059\u304a\u624b\u4f1d\u3044\u3092\u3044\u305f\u3057\u307e\u3059\u3002 \u30b3\u30b3\u30ed\u3068\u30ab\u30e9\u30c0\u306e\u58f0\u3092\u8074\u304d\u3001\u3054\u81ea\u5206\u3068\u5411\u304d\u5408\u3046\u5927\u5207\u306a\u6642\u9593\u3092\u304a\u904e\u3054\u3057\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u3001 \u5fc3\u8eab\u3068\u3082\u306b\u7652\u3055\u308c\u308b\u3086\u3063\u305f\u308a\u3068\u3057\u305f\u30b9\u30da\u30fc\u30b9\u3067\u304a\u8fce\u3048\u3044\u305f\u3057\u307e\u3059\u3002 \u203b\u30ec\u30b9\u30c8\u30e9\u30f3\u300c\u796d\u300d\u3068\u4e26\u3073\u306e\u5165\u308a\u53e3\u3088\u308a\u5730\u4e0b1\u968e\u300c\u92ad\u6e6f\u300d\u96a3\u306b\u3054\u3056\u3044\u307e\u3059\u3002 \u3010\u96fb\u8a71\u3011: \uff0b91-80-4118-8888 \uff08English\uff09 \u5185\u7dda : 2053 \u3010E\u30e1\u30fc\u30eb\u3011japandesk.tch@chanceryhotels.com \u6708\u66dc\u4f11\u696d\u706b\u66dc\u65e5\u301c\u91d1\u66dc\u65e5: 14:30~22:30\u571f\u66dc\u65e5\u30fb\u65e5\u66dc\u65e5: 12:00~22:00 \u30e1\u30cb\u30e5\u30fc\u306f\u3053\u3061\u3089<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.the-chanceryhotel.com\/bangalore\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.the-chanceryhotel.com\/bangalore\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.the-chanceryhotel.com\/bangalore\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.the-chanceryhotel.com\/bangalore\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.the-chanceryhotel.com\/bangalore\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":323,"href":"https:\/\/www.the-chanceryhotel.com\/bangalore\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":3460,"href":"https:\/\/www.the-chanceryhotel.com\/bangalore\/wp-json\/wp\/v2\/pages\/29\/revisions\/3460"}],"wp:attachment":[{"href":"https:\/\/www.the-chanceryhotel.com\/bangalore\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}