{"id":215,"date":"2026-03-01T00:01:54","date_gmt":"2026-03-01T00:01:54","guid":{"rendered":"https:\/\/rss.org.sa\/?page_id=215"},"modified":"2026-03-30T17:33:50","modified_gmt":"2026-03-30T17:33:50","slug":"research","status":"publish","type":"page","link":"https:\/\/rss.org.sa\/ar\/research\/","title":{"rendered":"research"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"215\" class=\"elementor elementor-215\">\n\t\t\t\t<div class=\"elementor-element elementor-element-652b97e e-con-full e-flex e-con e-parent\" data-id=\"652b97e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b71fe5e elementor-widget elementor-widget-shortcode\" data-id=\"b71fe5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">            \n            <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 \u062a\u062c\u0648\u0627\u0644 -->\n            <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n            <style>\n                \/* Scoped CSS - \u0644\u0627 \u064a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0628\u0627\u0642\u064a \u0627\u0644\u0645\u0648\u0642\u0639 *\/\n                .rss-inner-page-hero {\n                    position: relative;\n                    width: 100%;\n                    height: 500px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0642\u0633\u0645 \u0644\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 *\/\n                    overflow: hidden;\n                    font-family: 'Tajawal', sans-serif;\n                    background: #1E3A2B;\n                    direction: rtl;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                }\n\n                \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0634\u0641\u0627\u0641 *\/\n                .rss-inner-hero-bg {\n                    position: absolute;\n                    top: 0; left: 0; width: 100%; height: 100%;\n                    z-index: 0;\n                }\n                \n                .rss-inner-hero-video {\n                    width: 100%;\n                    height: 100%;\n                    object-fit: cover;\n                }\n                \n                .rss-inner-hero-overlay {\n                    position: absolute;\n                    top: 0; left: 0; width: 100%; height: 100%;\n                    \/* \u0644\u0648\u0646 \u063a\u0627\u0645\u0642 \u0644\u0636\u0645\u0627\u0646 \u0648\u0636\u0648\u062d \u0627\u0644\u0646\u0635\u0648\u0635 \u0643\u0645\u0627 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 *\/\n                    background: rgba(10, 33, 21, 0.85);\n                    z-index: 1;\n                }\n\n                \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0646\u0635\u0648\u0635 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 *\/\n                .rss-inner-hero-content {\n                    position: relative;\n                    z-index: 5;\n                    text-align: center;\n                    padding: 0 20px;\n                    max-width: 900px;\n                    margin-top: -50px; \/* \u0644\u0631\u0641\u0639 \u0627\u0644\u0646\u0635 \u0642\u0644\u064a\u0644\u0627\u064b \u0628\u0633\u0628\u0628 \u0627\u0644\u062a\u0645\u0648\u062c \u0627\u0644\u0633\u0641\u0644\u064a *\/\n                }\n\n                .rss-inner-hero-title {\n                    font-size: clamp(40px, 5vw, 64px);\n                    font-weight: 800;\n                    color: #ffffff !important;\n                    margin: 0 0 15px 0;\n                    line-height: 1.2;\n                }\n\n                .rss-inner-hero-subtitle {\n                    font-size: clamp(18px, 2vw, 24px);\n                    font-weight: 500;\n                    color: #ffffff !important;\n                    margin: 0;\n                    opacity: 0.9;\n                    line-height: 1.6;\n                }\n\n                \/* \u0627\u0644\u062a\u0645\u0648\u062c \u0627\u0644\u0633\u0641\u0644\u064a (Wave) *\/\n                .rss-inner-hero-wave {\n                    position: absolute;\n                    bottom: -2px; \/* \u0644\u062a\u062c\u0646\u0628 \u0623\u064a \u062e\u0637\u0648\u0637 \u0641\u0627\u0631\u063a\u0629 *\/\n                    left: 0;\n                    width: 100%;\n                    height: 150px;\n                    z-index: 10;\n                    line-height: 0;\n                    pointer-events: none;\n                }\n\n                .rss-inner-hero-wave svg {\n                    width: 100%;\n                    height: 100%;\n                    fill: #ffffff;\n                }\n\n                \/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\n                @media (max-width: 768px) {\n                    .rss-inner-page-hero {\n                        height: 400px;\n                    }\n                    .rss-inner-hero-wave {\n                        height: 80px;\n                    }\n                    .rss-inner-hero-content {\n                        margin-top: -30px;\n                    }\n                }\n            <\/style>\n\n            <div class=\"rss-inner-page-hero\">\n                <!-- \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0627\u0644\u062e\u0644\u0641\u064a\u0629 -->\n                <div class=\"rss-inner-hero-bg\">\n                    <video class=\"rss-inner-hero-video\" autoplay loop muted playsinline>\n                        <source src=\"https:\/\/rss.org.sa\/wp-content\/uploads\/2026\/02\/BG_Hero-section.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                    <div class=\"rss-inner-hero-overlay\"><\/div>\n                <\/div>\n\n                <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 (\u0627\u0644\u0646\u0635\u0648\u0635) -->\n                <div class=\"rss-inner-hero-content\">\n                    <h1 class=\"rss-inner-hero-title\">Research &amp; Innovations<\/h1>\n                    <p class=\"rss-inner-hero-subtitle\">Discover the latest articles and research in the field of robotics surgery, and stay up-to-date with everything new in the world of medicine and robotics surgery.<\/p>\n                <\/div>\n\n                <!-- \u0627\u0644\u062a\u0645\u0648\u062c \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u0633\u0641\u0644\u064a -->\n                <div class=\"rss-inner-hero-wave\">\n                    <svg viewBox=\"0 0 1440 320\" preserveAspectRatio=\"none\">\n                        <path d=\"M0,192L48,197.3C96,203,192,213,288,192C384,171,480,117,576,112C672,107,768,149,864,181.3C960,213,1056,235,1152,218.7C1248,203,1344,149,1392,122.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path>\n                    <\/svg>\n                <\/div>\n            <\/div>\n\n            <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e83728d e-con-full e-flex e-con e-parent\" data-id=\"e83728d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e02401e elementor-widget elementor-widget-shortcode\" data-id=\"e02401e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<style>\r\n.rss-articles-wrapper {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    direction: rtl;\r\n    font-family: 'Tajawal', 'Inter', sans-serif;\r\n}\r\n\r\n.rss-articles-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.rss-articles-header h2 {\r\n    font-size: 36px;\r\n    color: #1f2937;\r\n    font-weight: 800;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.rss-articles-header p {\r\n    color: #6b7280;\r\n    font-size: 18px;\r\n}\r\n\r\n\/* News Cards Grid Layout *\/\r\n.rss-articles-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.rss-article-card {\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    border: 1px solid rgba(0,0,0,0.05);\r\n}\r\n\r\n.rss-article-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 20px 50px rgba(30,58,43,0.15);\r\n}\r\n\r\n.rss-article-image-wrapper {\r\n    position: relative;\r\n    height: 220px;\r\n    overflow: hidden;\r\n    background: #eee;\r\n}\r\n\r\n.rss-article-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.rss-article-card:hover .rss-article-image {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.rss-article-body {\r\n    padding: 25px;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.rss-article-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #333;\r\n    margin-bottom: 15px;\r\n    line-height: 1.4;\r\n    min-height: 56px;\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n}\r\n\r\n.rss-article-excerpt {\r\n    color: #666;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    margin-bottom: 20px;\r\n    flex-grow: 1;\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n}\r\n\r\n.rss-article-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    padding-top: 15px;\r\n    border-top: 1px solid #eee;\r\n    font-size: 13px;\r\n    color: #999;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.rss-btn-read-more {\r\n    display: block;\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #1E3A2B 0%, #2a4f3b 100%);\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 12px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    transition: all 0.3s;\r\n    border: none;\r\n}\r\n\r\n.rss-btn-read-more:hover {\r\n    background: linear-gradient(135deg, #172c21 0%, #1E3A2B 100%);\r\n    color: #fff;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* Research Horizontal List Layout *\/\r\n.rss-research-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.rss-research-card {\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n    align-items: stretch;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.rss-research-card:hover {\r\n    transform: translateX(-5px);\r\n    box-shadow: 0 15px 40px rgba(82, 34, 94, 0.15);\r\n}\r\n\r\n.rss-research-image {\r\n    width: 320px;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-color: #eee;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.rss-research-content {\r\n    padding: 30px;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n}\r\n\r\n.rss-research-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #333;\r\n    margin-bottom: 15px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.rss-research-info {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 15px;\r\n    font-size: 14px;\r\n    color: #777;\r\n}\r\n\r\n.rss-research-info span {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.rss-research-excerpt {\r\n    color: #666;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    margin-bottom: 20px;\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n}\r\n\r\n.rss-research-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n\/* Load More Button *\/\r\n.rss-load-more-container {\r\n    text-align: center;\r\n    margin-top: 40px;\r\n}\r\n\r\n.rss-load-more-btn {\r\n    display: inline-block;\r\n    padding: 15px 50px;\r\n    background: linear-gradient(135deg, #1E3A2B 0%, #2a4f3b 100%);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 50px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 5px 20px rgba(30, 58, 43, 0.2);\r\n}\r\n\r\n.rss-load-more-btn:hover {\r\n    background: linear-gradient(135deg, #172c21 0%, #1E3A2B 100%);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 30px rgba(30, 58, 43, 0.3);\r\n}\r\n\r\n.rss-load-more-btn:disabled {\r\n    background: #ccc;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n    box-shadow: none;\r\n}\r\n\r\n.rss-loading-spinner {\r\n    display: inline-block;\r\n    width: 18px;\r\n    height: 18px;\r\n    border: 3px solid rgba(255,255,255,0.3);\r\n    border-top-color: #fff;\r\n    border-radius: 50%;\r\n    animation: spin 0.8s linear infinite;\r\n    margin-right: 10px;\r\n}\r\n\r\n@keyframes spin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n    .rss-articles-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .rss-research-image {\r\n        width: 250px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .rss-articles-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .rss-research-card {\r\n        flex-direction: column-reverse;\r\n    }\r\n    .rss-research-image {\r\n        width: 100%;\r\n        height: 200px;\r\n    }\r\n}\r\n.rss-articles-wrapper {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    direction: rtl;\r\n    font-family: 'Tajawal', 'Inter', sans-serif;\r\n}\r\n<\/style>\r\n\r\n<div class=\"rss-articles-wrapper\" id=\"rss-articles-69dffc057d5f1\">\r\n            <p style=\"text-align:center; width:100%; color:#666; padding:40px; font-size:18px;\">\r\n            \u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0642\u0627\u0644\u0627\u062a \u062d\u0627\u0644\u064a\u0627\u064b        <\/p>\r\n    \r\n    <!-- Load More Button -->\r\n    <\/div>\r\n\r\n<script>\r\nfunction rssLoadMore(btn) {\r\n    if (btn.disabled) return;\r\n    \r\n    const type = btn.getAttribute('data-type');\r\n    const limit = parseInt(btn.getAttribute('data-limit'));\r\n    const offset = parseInt(btn.getAttribute('data-offset'));\r\n    const layout = 'news'; \/\/ Unified to news layout\r\n    const lang = btn.getAttribute('data-lang');\r\n    \r\n    \/\/ Disable button and show loading\r\n    btn.disabled = true;\r\n    const originalText = btn.innerHTML;\r\n    btn.innerHTML = '<span class=\"rss-loading-spinner\"><\/span> \u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644...';\r\n    \r\n    \/\/ AJAX request\r\n    const formData = new FormData();\r\n    formData.append('action', 'rss_load_more_articles');\r\n    formData.append('type', type);\r\n    formData.append('limit', limit);\r\n    formData.append('offset', offset);\r\n    formData.append('layout', layout);\r\n    formData.append('lang', lang);\r\n    \r\n    fetch('https:\/\/rss.org.sa\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        body: formData\r\n    })\r\n    .then(response => response.json())\r\n    .then(data => {\r\n        if (data.success && data.html) {\r\n            \/\/ Append new items\r\n            const container = document.querySelector('[data-container=\"articles\"]');\r\n            if (container) {\r\n                container.insertAdjacentHTML('beforeend', data.html);\r\n            }\r\n            \r\n            \/\/ Update offset\r\n            btn.setAttribute('data-offset', offset + limit);\r\n            \r\n            \/\/ Hide button if no more items\r\n            if (!data.has_more) {\r\n                btn.parentElement.style.display = 'none';\r\n            } else {\r\n                btn.disabled = false;\r\n                btn.innerHTML = originalText;\r\n            }\r\n        } else {\r\n            btn.parentElement.style.display = 'none';\r\n        }\r\n    })\r\n    .catch(error => {\r\n        console.error('Load more error:', error);\r\n        btn.disabled = false;\r\n        btn.innerHTML = originalText;\r\n        alert('\u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0632\u064a\u062f');\r\n    });\r\n}\r\n<\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59ece2b e-con-full e-flex e-con e-parent\" data-id=\"59ece2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55febab elementor-widget elementor-widget-shortcode\" data-id=\"55febab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        .rss-newsletter-wrapper {\r\n            position: relative;\r\n            padding: 85px 20px;\r\n            direction: rtl;\r\n            font-family: 'Tajawal', sans-serif;\r\n            text-align: center;\r\n            background-color: #0A4420; \/* Primary fallback *\/\r\n            background-image: url('https:\/\/rss.org.sa\/wp-content\/plugins\/RSS-platform\/image\/2e917433543e45e3af6c2984ea7813782a84a84e.png');\r\n            background-size: cover;\r\n            background-position: center;\r\n            overflow: hidden;\r\n            box-shadow: 0px 4px 4px 0px #2744323D; \/* Requested Shadow *\/\r\n        }\r\n\r\n        \/* Specific Linear Gradient Overlay *\/\r\n        .rss-newsletter-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0; right: 0; bottom: 0;\r\n            background: linear-gradient(270.22deg, rgba(10, 68, 32, 0.77) 1.96%, rgba(29, 69, 43, 0.77) 47.86%, rgba(10, 68, 32, 0.77) 93.77%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .rss-newsletter-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .rss-newsletter-title {\r\n            font-size: 58px;\r\n            font-weight: 800;\r\n            color: #ffffff !important; \/* Pure White *\/\r\n            margin-bottom: 25px;\r\n            text-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .rss-newsletter-subtitle {\r\n            font-size: 18px;\r\n            color: #ffffff !important; \/* Pure White *\/\r\n            margin-bottom: 40px;\r\n            line-height: 1.6;\r\n            opacity: 0.95;\r\n        }\r\n\r\n        .rss-newsletter-form {\r\n            display: flex;\r\n            flex-direction: column; \/* Vertical alignment as in Figma *\/\r\n            align-items: center;\r\n            gap: 20px;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .rss-newsletter-input-group {\r\n            width: 100%;\r\n            position: relative;\r\n        }\r\n\r\n        .rss-newsletter-input {\r\n            width: 100%;\r\n            padding: 18px 30px;\r\n            border-radius: 12px;\r\n            border: 1px solid rgba(255, 255, 255, 0.4);\r\n            background: rgba(255, 255, 255, 0.15);\r\n            font-size: 16px;\r\n            outline: none;\r\n            text-align: right;\r\n            color: #ffffff !important; \r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n            backdrop-filter: blur(5px);\r\n        }\r\n        .rss-newsletter-input::placeholder { color: #ffffff !important; opacity: 1; }\r\n\r\n        .rss-newsletter-btn {\r\n            background: #274432; \/* Button background as in Figma *\/\r\n            color: #ffffff !important; \/* Force Pure White *\/\r\n            padding: 16px 65px;\r\n            border-radius: 12px;\r\n            border: 1px solid rgba(255,255,255,0.15);\r\n            font-weight: 800;\r\n            font-size: 18px;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            box-shadow: 0px 4px 4px 0px #2744323D;\r\n        }\r\n\r\n        .rss-newsletter-btn:hover {\r\n            background: #1e3a2b;\r\n            transform: translateY(-2px);\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        .rss-newsletter-btn:disabled {\r\n            background: #999;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        .rss-newsletter-msg {\r\n            margin-top: 25px;\r\n            font-weight: 600;\r\n            display: none;\r\n            color: #ffffff !important; \/* Force Pure White *\/\r\n            padding: 12px 30px;\r\n            background: rgba(255,255,255,0.15);\r\n            border-radius: 50px;\r\n            backdrop-filter: blur(5px);\r\n            border: 1px solid rgba(255,255,255,0.2);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .rss-newsletter-title { font-size: 36px; }\r\n            .rss-newsletter-wrapper { padding: 60px 20px; }\r\n            .rss-newsletter-btn { width: 100%; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"rss-newsletter-wrapper\" id=\"rss-newsletter\">\r\n        <div class=\"rss-newsletter-overlay\"><\/div>\r\n        <div class=\"rss-newsletter-content\">\r\n            <h2 class=\"rss-newsletter-title\">\u0644\u0627 \u062a\u0641\u0648\u062a \u0627\u0644\u0641\u0631\u0635\u0629<\/h2>\r\n            <p class=\"rss-newsletter-subtitle\">\u0627\u0634\u062a\u0631\u0643 \u0641\u064a \u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0644\u062f\u064a\u0646\u0627 \u0644\u062a\u0644\u0642\u064a \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0648\u0622\u062e\u0631 \u0627\u0644\u0623\u062e\u0628\u0627\u0631.<\/p>\r\n\r\n            <form class=\"rss-newsletter-form\" id=\"rss-newsletter-form\">\r\n                <div class=\"rss-newsletter-input-group\">\r\n                    <input type=\"email\" name=\"email\" class=\"rss-newsletter-input\" \r\n                           placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"rss-newsletter-btn\">\u0623\u0634\u062a\u0631\u0643<\/button>\r\n            <\/form>\r\n            <div class=\"rss-newsletter-msg\" id=\"rss-newsletter-msg\" style=\"display:none;\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    jQuery(document).ready(function($){\r\n        $('#rss-newsletter-form').on('submit', function(e){\r\n            e.preventDefault();\r\n            var $form = $(this);\r\n            var $btn = $form.find('button');\r\n            var $msg = $('#rss-newsletter-msg');\r\n            var email = $form.find('input[name=\"email\"]').val();\r\n\r\n            $btn.prop('disabled', true).text('...');\r\n            $msg.hide();\r\n\r\n            $.post('https:\/\/rss.org.sa\/wp-admin\/admin-ajax.php', {\r\n                action: 'rss_subscribe_newsletter',\r\n                email: email\r\n            }, function(res){\r\n                if(res.success) {\r\n                    $msg.text('\u0634\u0643\u0631\u0627\u064b \u0644\u0627\u0634\u062a\u0631\u0627\u0643\u0643 \u0645\u0639\u0646\u0627!').fadeIn();\r\n                    $form.fadeOut();\r\n                    $msg.css('display', 'inline-block');\r\n                } else {\r\n                    $msg.text(res.data || '\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u063a\u064a\u0631 \u0635\u062d\u064a\u062d \u0623\u0648 \u0645\u0633\u062c\u0644 \u0645\u0633\u0628\u0642\u0627\u064b.').fadeIn();\r\n                    $msg.css('display', 'inline-block');\r\n                    $btn.prop('disabled', false).text('\u0623\u0634\u062a\u0631\u0643');\r\n                }\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-215","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/pages\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":19,"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/pages\/215\/revisions"}],"predecessor-version":[{"id":463,"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/pages\/215\/revisions\/463"}],"wp:attachment":[{"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/media?parent=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}