{"id":85,"date":"2026-04-22T11:01:02","date_gmt":"2026-04-22T04:01:02","guid":{"rendered":"http:\/\/localhost\/?page_id=85"},"modified":"2026-04-24T13:41:09","modified_gmt":"2026-04-24T06:41:09","slug":"%e0%b8%88%e0%b8%b8%e0%b8%a5%e0%b8%88%e0%b8%ad%e0%b8%a1%e0%b9%80%e0%b8%81%e0%b8%a5%e0%b9%89%e0%b8%b2","status":"publish","type":"page","link":"https:\/\/www.nationstory.co\/?page_id=85","title":{"rendered":"\u0e08\u0e38\u0e25\u0e08\u0e2d\u0e21\u0e40\u0e01\u0e25\u0e49\u0e32"},"content":{"rendered":"\n<div class=\"royal-slider-container\" id=\"royalSliderArea\">\n    \n    <div class=\"royal-slide royal-fade\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e08\u0e38\u0e25\u0e08\u0e2d\u0e21\u0e40\u0e01\u0e25\u0e49\u0e321.png\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c\u0e08\u0e38\u0e25\u0e08\u0e2d\u0e21\u0e40\u0e01\u0e25\u0e49\u0e32 \u0e2b\u0e19\u0e49\u0e32 1\" class=\"royal-slider-img\">\n    <\/div>\n\n    <div class=\"royal-slide royal-fade\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e08\u0e38\u0e25\u0e08\u0e2d\u0e21\u0e40\u0e01\u0e25\u0e49\u0e322.png\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c\u0e08\u0e38\u0e25\u0e08\u0e2d\u0e21\u0e40\u0e01\u0e25\u0e49\u0e32 \u0e2b\u0e19\u0e49\u0e32 2\" class=\"royal-slider-img\">\n    <\/div>\n\n    <div class=\"royal-slide royal-fade\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e08\u0e38\u0e25\u0e08\u0e2d\u0e21\u0e40\u0e01\u0e25\u0e49\u0e323.png\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c\u0e08\u0e38\u0e25\u0e08\u0e2d\u0e21\u0e40\u0e01\u0e25\u0e49\u0e32 \u0e2b\u0e19\u0e49\u0e32 3\" class=\"royal-slider-img\">\n    <\/div>\n\n    <div class=\"royal-slide royal-fade\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e08\u0e38\u0e25\u0e08\u0e2d\u0e21\u0e40\u0e01\u0e25\u0e49\u0e324.png\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c\u0e08\u0e38\u0e25\u0e08\u0e2d\u0e21\u0e40\u0e01\u0e25\u0e49\u0e32 \u0e2b\u0e19\u0e49\u0e32 4\" class=\"royal-slider-img\">\n    <\/div>\n\n    <a class=\"royal-prev-btn\" onclick=\"plusRoyalSlides(-1)\">&#10094;<\/a>\n    <a class=\"royal-next-btn\" onclick=\"plusRoyalSlides(1)\">&#10095;<\/a>\n<\/div>\n\n<div style=\"text-align:center; margin-top: 15px;\">\n    <span class=\"royal-dot\" onclick=\"currentRoyalSlide(1)\"><\/span> \n    <span class=\"royal-dot\" onclick=\"currentRoyalSlide(2)\"><\/span> \n    <span class=\"royal-dot\" onclick=\"currentRoyalSlide(3)\"><\/span> \n    <span class=\"royal-dot\" onclick=\"currentRoyalSlide(4)\"><\/span> \n<\/div>\n\n\n<style>\n    \/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e04\u0e23\u0e2d\u0e1a\u0e2a\u0e44\u0e25\u0e14\u0e4c *\/\n    .royal-slider-container {\n        max-width: 1000px;\n        position: relative;\n        margin: 40px auto 0;\n        text-align: center;\n        padding: 0 70px; \/* \u0e40\u0e27\u0e49\u0e19\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e28\u0e23\u0e2d\u0e22\u0e39\u0e48\u0e19\u0e2d\u0e01\u0e23\u0e39\u0e1b *\/\n        box-sizing: border-box;\n    }\n\n    .royal-slide {\n        display: none;\n    }\n\n    .royal-slider-img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 12px;\n        border: 4px solid #ffffff;\n        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\n    }\n\n    .royal-slider-img:hover {\n        transform: translateY(-5px) scale(1.01);\n        box-shadow: 0 20px 40px rgba(0, 51, 102, 0.2);\n    }\n\n    \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23 \u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 *\/\n    .royal-prev-btn, .royal-next-btn {\n        cursor: pointer;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: auto;\n        padding: 12px 18px;\n        color: #003366;\n        font-weight: bold;\n        font-size: 24px;\n        transition: 0.3s ease;\n        border-radius: 50%;\n        background-color: rgba(255, 255, 255, 0.85);\n        box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n        user-select: none;\n    }\n\n    \/* \u0e27\u0e32\u0e07\u0e0a\u0e34\u0e14\u0e02\u0e2d\u0e1a\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07 Container \u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 *\/\n    .royal-prev-btn { left: 5px; }\n    .royal-next-btn { right: 5px; }\n\n    .royal-prev-btn:hover, .royal-next-btn:hover {\n        background-color: #003366;\n        color: white;\n    }\n\n    .royal-dot {\n        cursor: pointer;\n        height: 12px;\n        width: 12px;\n        margin: 0 4px;\n        background-color: #bbbbbb;\n        border-radius: 50%;\n        display: inline-block;\n        transition: background-color 0.3s ease;\n    }\n\n    .royal-active-dot, .royal-dot:hover {\n        background-color: #003366;\n    }\n\n    .royal-fade {\n        animation-name: royalFadeAnim;\n        animation-duration: 0.8s;\n    }\n\n    @keyframes royalFadeAnim {\n        from {opacity: .4} \n        to {opacity: 1}\n    }\n\n    \/* ========================================== *\/\n    \/* \u0e42\u0e2b\u0e21\u0e14\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d (Mobile Responsive) *\/\n    \/* ========================================== *\/\n    @media (max-width: 768px) {\n        .royal-prev-btn, .royal-next-btn {\n            display: none; \/* \u0e0b\u0e48\u0e2d\u0e19\u0e25\u0e39\u0e01\u0e28\u0e23\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n        }\n        .royal-slider-container {\n            padding: 0 15px; \/* \u0e25\u0e14\u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e32\u0e07\u0e25\u0e07 *\/\n        }\n    }\n<\/style>\n\n\n<script>\n    if (typeof royalSlideIndex === 'undefined') {\n        var royalSlideIndex = 1;\n    }\n    showRoyalSlides(royalSlideIndex);\n\n    function plusRoyalSlides(n) {\n        showRoyalSlides(royalSlideIndex += n);\n    }\n\n    function currentRoyalSlide(n) {\n        showRoyalSlides(royalSlideIndex = n);\n    }\n\n    function showRoyalSlides(n) {\n        let i;\n        let slides = document.getElementsByClassName(\"royal-slide\");\n        let dots = document.getElementsByClassName(\"royal-dot\");\n        \n        if (slides.length === 0) return;\n\n        if (n > slides.length) {royalSlideIndex = 1}    \n        if (n < 1) {royalSlideIndex = slides.length}\n        \n        for (i = 0; i < slides.length; i++) {\n            slides[i].style.display = \"none\";  \n        }\n        for (i = 0; i < dots.length; i++) {\n            dots[i].className = dots[i].className.replace(\" royal-active-dot\", \"\");\n        }\n        \n        slides[royalSlideIndex-1].style.display = \"block\";  \n        dots[royalSlideIndex-1].className += \" royal-active-dot\";\n    }\n\n    \/\/ ==========================================\n    \/\/ \u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e08\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e31\u0e14\u0e19\u0e34\u0e49\u0e27 (Touch Swipe) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\n    \/\/ ==========================================\n    let touchstartX = 0;\n    let touchendX = 0;\n    \n    const sliderBox = document.getElementById('royalSliderArea');\n\n    if(sliderBox) {\n        sliderBox.addEventListener('touchstart', function(event) {\n            touchstartX = event.changedTouches[0].screenX;\n        }, {passive: true});\n\n        sliderBox.addEventListener('touchend', function(event) {\n            touchendX = event.changedTouches[0].screenX;\n            handleSwipeGesture();\n        }, {passive: true});\n    }\n\n    function handleSwipeGesture() {\n        if (touchendX < touchstartX - 40) {\n            plusRoyalSlides(1); \/\/ \u0e1b\u0e31\u0e14\u0e0b\u0e49\u0e32\u0e22 \u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32\u0e16\u0e31\u0e14\u0e44\u0e1b\n        }\n        if (touchendX > touchstartX + 40) {\n            plusRoyalSlides(-1); \/\/ \u0e1b\u0e31\u0e14\u0e02\u0e27\u0e32 \u0e01\u0e25\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e14\u0e34\u0e21\n        }\n    }\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#10094; &#10095;<\/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-85","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=85"}],"version-history":[{"count":17,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages\/85\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}