{"id":2889,"date":"2026-08-13T15:36:07","date_gmt":"2026-08-13T15:36:07","guid":{"rendered":"https:\/\/sharaka-csr.com\/?page_id=2889"},"modified":"2026-08-13T15:36:48","modified_gmt":"2026-08-13T15:36:48","slug":"elementor-2889","status":"publish","type":"page","link":"https:\/\/sharaka-csr.com\/en\/elementor-2889\/","title":{"rendered":"Elementor #2889"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2889\" class=\"elementor elementor-2889\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fc3f3d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"1fc3f3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22a6b13 elementor-widget elementor-widget-html\" data-id=\"22a6b13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u0642\u0633\u0645 \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u062c\u0645\u0639\u064a\u0629 - \u0645\u0646\u0641\u0635\u0644 \u062a\u0645\u0627\u0645\u0627\u064b -->\r\n<div id=\"strategy-widget-2026\">\r\n\r\n    <!-- \u0623\u064a\u0642\u0648\u0646\u0627\u062a FontAwesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n    <style>\r\n        \/* \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0645\u062d\u0635\u0648\u0631\u0629 \u062f\u0627\u062e\u0644 #strategy-widget-2026 *\/\r\n        #strategy-widget-2026 {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            display: block;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n        #strategy-widget-2026 * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        #strategy-widget-2026 .widget-container {\r\n            width: 100%;\r\n            padding: 20px;\r\n            background: #f4f7fc;\r\n            border-radius: 12px;\r\n        }\r\n\r\n        #strategy-widget-2026 .widget-title {\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n            color: #33a5b1;\r\n            font-weight: 300;\r\n            font-size: 2rem;\r\n        }\r\n        #strategy-widget-2026 .widget-title i {\r\n            margin-left: 10px;\r\n        }\r\n\r\n        #strategy-widget-2026 .table-wrapper {\r\n            background: #fff;\r\n            border-radius: 12px;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n            overflow: hidden;\r\n            padding: 10px;\r\n            width: 100%;\r\n        }\r\n\r\n        #strategy-widget-2026 .file-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            font-size: 16px;\r\n        }\r\n\r\n        #strategy-widget-2026 .file-table th {\r\n            background: #33a5b1;\r\n            color: #fff;\r\n            padding: 15px 10px;\r\n            font-weight: 600;\r\n            text-align: right;\r\n        }\r\n        #strategy-widget-2026 .file-table th:last-child {\r\n            text-align: left;\r\n        }\r\n\r\n        #strategy-widget-2026 .file-table td {\r\n            padding: 14px 10px;\r\n            border-bottom: 1px solid #e9edf4;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        #strategy-widget-2026 .file-table tr:hover {\r\n            background: #f0fbfd;\r\n        }\r\n\r\n        #strategy-widget-2026 .file-name {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-weight: 500;\r\n            color: #33a5b1;\r\n            text-align: right;\r\n        }\r\n        #strategy-widget-2026 .file-name i {\r\n            font-size: 1.4rem;\r\n            color: #e53935;\r\n        }\r\n\r\n        #strategy-widget-2026 .actions {\r\n            display: flex;\r\n            gap: 8px;\r\n            justify-content: flex-end;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        #strategy-widget-2026 .btn-view {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 8px 20px;\r\n            border-radius: 30px;\r\n            border: none;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.25s ease;\r\n            text-decoration: none;\r\n            color: #fff;\r\n            background: #33a5b1;\r\n        }\r\n\r\n        #strategy-widget-2026 .btn-view:hover {\r\n            background: #2b8a96;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 12px rgba(51, 165, 177, 0.3);\r\n        }\r\n\r\n        #strategy-widget-2026 .btn-view i {\r\n            font-size: 1rem;\r\n        }\r\n\r\n        \/* \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u062d\u0648\u0627\u0633\u064a\u0628 \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 *\/\r\n        @media (max-width: 700px) {\r\n            #strategy-widget-2026 .file-table {\r\n                font-size: 14px;\r\n            }\r\n            #strategy-widget-2026 .file-table th,\r\n            #strategy-widget-2026 .file-table td {\r\n                padding: 12px 8px;\r\n            }\r\n            #strategy-widget-2026 .actions {\r\n                flex-direction: column;\r\n                align-items: flex-end;\r\n                gap: 6px;\r\n            }\r\n            #strategy-widget-2026 .btn-view {\r\n                padding: 6px 14px;\r\n                font-size: 13px;\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n            #strategy-widget-2026 .file-name {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        \/* \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629 *\/\r\n        @media (max-width: 580px) {\r\n            #strategy-widget-2026 .widget-container {\r\n                padding: 10px;\r\n            }\r\n            #strategy-widget-2026 .table-wrapper {\r\n                padding: 5px;\r\n                border-radius: 8px;\r\n            }\r\n            \r\n            #strategy-widget-2026 .file-table thead {\r\n                display: none;\r\n            }\r\n\r\n            #strategy-widget-2026 .file-table tr {\r\n                display: block;\r\n                border: 1px solid #e9edf4;\r\n                border-radius: 10px;\r\n                margin-bottom: 15px;\r\n                background: #fff;\r\n                box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n                overflow: hidden;\r\n            }\r\n\r\n            #strategy-widget-2026 .file-table td {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                padding: 12px 15px;\r\n                border-bottom: 1px solid #f0f0f0;\r\n                text-align: right;\r\n            }\r\n            #strategy-widget-2026 .file-table td:last-child {\r\n                border-bottom: none;\r\n            }\r\n\r\n            #strategy-widget-2026 .file-table td::before {\r\n                content: attr(data-label);\r\n                font-weight: 700;\r\n                color: #33a5b1;\r\n                font-size: 13px;\r\n                margin-left: 15px;\r\n                white-space: nowrap;\r\n            }\r\n\r\n            #strategy-widget-2026 .file-name {\r\n                font-size: 14px;\r\n                color: #1e2a3a;\r\n                flex: 1;\r\n                justify-content: flex-end;\r\n                gap: 8px;\r\n            }\r\n            #strategy-widget-2026 .file-name i {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            #strategy-widget-2026 .actions {\r\n                flex: 1;\r\n                justify-content: flex-start;\r\n                gap: 6px;\r\n                flex-direction: row;\r\n            }\r\n            #strategy-widget-2026 .btn-view {\r\n                padding: 6px 12px;\r\n                font-size: 12px;\r\n                width: auto;\r\n                flex: 1;\r\n                min-width: 60px;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            #strategy-widget-2026 .file-table td {\r\n                flex-wrap: wrap;\r\n                gap: 8px;\r\n            }\r\n            #strategy-widget-2026 .file-table td::before {\r\n                width: 100%;\r\n                margin-left: 0;\r\n                margin-bottom: 4px;\r\n                font-size: 12px;\r\n            }\r\n            #strategy-widget-2026 .file-name {\r\n                width: 100%;\r\n                justify-content: flex-start;\r\n            }\r\n            #strategy-widget-2026 .actions {\r\n                width: 100%;\r\n                justify-content: flex-end;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"widget-container\">\r\n        <h1 class=\"widget-title\"><i class=\"fas fa-file-pdf\" style=\"color:#e53935;\"><\/i> \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u062c\u0645\u0639\u064a\u0629<\/h1>\r\n\r\n        <div class=\"table-wrapper\">\r\n            <table class=\"file-table\" id=\"strategy-fileTable\">\r\n                <thead>\r\n                    <tr>\r\n                        <th style=\"text-align:right;\">\u0627\u0633\u0645 \u0627\u0644\u0645\u0644\u0641<\/th>\r\n                        <th style=\"text-align:left;\">\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody id=\"strategy-tableBody\">\r\n                    <!-- \u064a\u062a\u0645 \u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0648\u0627\u0633\u0637\u0629 JavaScript -->\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            const widgetContainer = document.getElementById('strategy-widget-2026');\r\n\r\n            \/\/ \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629 (\u0641\u0642\u0637 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0648\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629)\r\n            const files = [\r\n                { name: \"\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\", url: \"https:\/\/sharaka-csr.com\/wp-content\/uploads\/2026\/08\/\u0627\u0644\u0627\u0647\u062f\u0627\u0641-\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0647.pdf\" },\r\n                { name: \"\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629\", url: \"https:\/\/sharaka-csr.com\/wp-content\/uploads\/2026\/08\/\u0627\u0644\u062e\u0637\u0629-\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.pdf\" }\r\n            ];\r\n\r\n            \/\/ \u0628\u0646\u0627\u0621 \u0627\u0644\u062c\u062f\u0648\u0644\r\n            function buildTable() {\r\n                const tbody = widgetContainer.querySelector('#strategy-tableBody');\r\n                tbody.innerHTML = '';\r\n                files.forEach((file) => {\r\n                    const tr = document.createElement('tr');\r\n                    tr.innerHTML = `\r\n                        <td data-label=\"\u0627\u0633\u0645 \u0627\u0644\u0645\u0644\u0641\">\r\n                            <div class=\"file-name\">\r\n                                <i class=\"fas fa-file-pdf\"><\/i>\r\n                                <span>${file.name}<\/span>\r\n                            <\/div>\r\n                        <\/td>\r\n                        <td data-label=\"\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a\">\r\n                            <div class=\"actions\">\r\n                                <a href=\"${file.url}\" target=\"_blank\" class=\"btn-view\">\r\n                                    <i class=\"fas fa-eye\"><\/i> \u0639\u0631\u0636\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/td>\r\n                    `;\r\n                    tbody.appendChild(tr);\r\n                });\r\n            }\r\n\r\n            buildTable();\r\n        })();\r\n    <\/script>\r\n<\/div>\r\n<!-- \u0646\u0647\u0627\u064a\u0629 \u0642\u0633\u0645 \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u062c\u0645\u0639\u064a\u0629 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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":"<p>\u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0633\u0645 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2889","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sharaka-csr.com\/en\/wp-json\/wp\/v2\/pages\/2889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharaka-csr.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharaka-csr.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharaka-csr.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sharaka-csr.com\/en\/wp-json\/wp\/v2\/comments?post=2889"}],"version-history":[{"count":4,"href":"https:\/\/sharaka-csr.com\/en\/wp-json\/wp\/v2\/pages\/2889\/revisions"}],"predecessor-version":[{"id":2893,"href":"https:\/\/sharaka-csr.com\/en\/wp-json\/wp\/v2\/pages\/2889\/revisions\/2893"}],"wp:attachment":[{"href":"https:\/\/sharaka-csr.com\/en\/wp-json\/wp\/v2\/media?parent=2889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}