{"id":38,"date":"2026-06-12T02:07:52","date_gmt":"2026-06-12T02:07:52","guid":{"rendered":"https:\/\/naftha.com.sa\/?page_id=38"},"modified":"2026-07-07T15:23:02","modified_gmt":"2026-07-07T15:23:02","slug":"home","status":"publish","type":"page","link":"https:\/\/naftha.com.sa\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n \u0646\u0627\u0641\u062b\u0627 \u0644\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f | \u062d\u0644\u0648\u0644 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629<\/title>\r\n <meta name=\"description\" content=\"\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0627\u0641\u062b\u0627 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f \u0628\u0623\u0641\u0636\u0644 \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u0623\u0645\u0627\u0646. \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u062e\u0628\u0631\u062a\u0646\u0627 \u0627\u0644\u064a\u0648\u0645.\">\r\n <meta name=\"keywords\" content=\"\u0646\u0627\u0641\u062b\u0627, \u0645\u062d\u0637\u0627\u062a \u0648\u0642\u0648\u062f, \u0646\u0627\u0641\u062b\u0627 \u0644\u0644\u0645\u062d\u0637\u0627\u062a, \u062e\u062f\u0645\u0627\u062a \u062a\u0634\u063a\u064a\u0644\u064a\u0629, \u0646\u0641\u0637, \u0637\u0627\u0642\u0629, \u0648\u0642\u0648\u062f\">\r\n <link rel=\"canonical\" href=\"https:\/\/your-website.com\/\">\r\n\r\n <!-- \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0646\u0638\u0645\u0629 (Schema.org) \u0644\u062a\u0639\u0631\u064a\u0641 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Service\",\r\n \"name\": \"\u0646\u0627\u0641\u062b\u0627 \u0644\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f\",\r\n \"description\": \"\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0646\u0627\u0641\u062b\u0627 \u0641\u064a \u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0637\u0631\u0642 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.\",\r\n \"provider\": {\r\n \"@type\": \"Organization\",\r\n \"name\": \"\u0627\u0633\u0645 \u0634\u0631\u0643\u062a\u0643 \u0647\u0646\u0627\"\r\n },\r\n \"serviceType\": \"Fuel Supply and Operational Services\",\r\n \"areaServed\": {\r\n \"@type\": \"Country\",\r\n \"name\": \"\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\" \/\/ \u0623\u0648 \u0627\u0644\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629\r\n }\r\n }\r\n <\/script>\r\n\r\n <!-- \u062e\u0637 Cairo -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n .hero-widget-container {\r\n position: relative;\r\n width: 100%;\r\n height: 60vh;\r\n min-height: 400px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n text-align: center;\r\n overflow: hidden;\r\n background: transparent;\r\n direction: rtl;\r\n padding-bottom: 40px;\r\n }\r\n\r\n #fireCanvas {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .typing-wrapper {\r\n position: relative;\r\n z-index: 2;\r\n padding: 0 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .typing-text {\r\n font-family: 'Cairo', sans-serif;\r\n color: #ffffff;\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n margin: 0;\r\n display: inline-block;\r\n text-decoration: underline;\r\n text-underline-offset: 8px;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: rgba(255,255,255,0.6);\r\n }\r\n\r\n .cursor {\r\n display: inline-block;\r\n width: 4px;\r\n height: 1.2em;\r\n background-color: #ffffff;\r\n margin-right: 6px;\r\n animation: blink 0.7s infinite;\r\n vertical-align: middle;\r\n }\r\n\r\n @keyframes blink {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-widget-container { height: 40vh; padding-bottom: 20px; }\r\n .typing-text { font-size: 1.6rem; }\r\n .cursor { width: 3px; height: 1em; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"hero-widget-container\">\r\n <canvas id=\"fireCanvas\"><\/canvas>\r\n <div class=\"typing-wrapper\">\r\n <!-- \u0627\u0644\u0646\u0635 \u0645\u0643\u062a\u0648\u0628 \u0645\u0628\u0627\u0634\u0631\u0629\u064b \u0641\u064a HTML \u0644\u0636\u0645\u0627\u0646 \u0642\u0631\u0627\u0621\u062a\u0647 \u0645\u0646 \u0642\u0628\u0644 \u0632\u0648\u0627\u062d\u0641 \u062c\u0648\u062c\u0644 \u062d\u062a\u0649 \u0642\u0628\u0644 \u062a\u062d\u0645\u064a\u0644 JS -->\r\n <h1 class=\"typing-text\" id=\"typewriter\">\u0646\u0627\u0641\u062b\u0627 \u0644\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f - \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0637\u0631\u0642 \u0641\u064a \u0639\u0645\u0644\u064a\u062a\u0646\u0627 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/h1>\r\n <span class=\"cursor\"> <\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u062a\u0645 \u0625\u0636\u0627\u0641\u0629 defer \u0644\u062a\u0623\u062e\u064a\u0631 \u062a\u0646\u0641\u064a\u0630 JS \u0648\u062a\u062d\u0633\u064a\u0646 \u0633\u0631\u0639\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 -->\r\n<script defer>\r\n \/\/ \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0643\u062a\u0627\u0628\u0629\r\n const textElement = document.getElementById('typewriter');\r\n \/\/ \u0646\u0633\u062a\u062e\u062f\u0645 \u0646\u0641\u0633 \u0627\u0644\u0646\u0635 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0641\u064a HTML\u060c \u0644\u0643\u0646\u0646\u0627 \u0633\u0646\u0642\u0648\u0645 \u0628\u0645\u0633\u062d\u0647 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0644\u064a\u0639\u0637\u064a \u062a\u0623\u062b\u064a\u0631 \u062d\u064a\u0648\u064a\r\n \/\/ \u0644\u0636\u0645\u0627\u0646 \u0638\u0647\u0648\u0631\u0647 \u0641\u064a \u062d\u0627\u0644 \u062a\u0639\u0637\u0644 \u0627\u0644\u062c\u0627\u0641\u0627 \u0633\u0643\u0631\u064a\u0628\u062a\u060c \u0648\u0636\u0639\u0646\u0627\u0647 \u0628\u0627\u0644\u0641\u0639\u0644 \u0641\u064a HTML \u0623\u0639\u0644\u0627\u0647\r\n const originalText = \"\u0646\u0627\u0641\u062b\u0627 \u0644\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f - \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0637\u0631\u0642 \u0641\u064a \u0639\u0645\u0644\u064a\u062a\u0646\u0627 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629\";\r\n let index = 0;\r\n\r\n \/\/ \u0645\u0633\u062d \u0627\u0644\u0646\u0635 \u0627\u0644\u062d\u0627\u0644\u064a \u0644\u0628\u062f\u0621 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631\r\n textElement.textContent = \"\";\r\n\r\n function type() {\r\n if (index < originalText.length) {\r\n textElement.textContent += originalText.charAt(index);\r\n index++;\r\n setTimeout(type, 80);\r\n }\r\n }\r\n window.onload = type;\r\n\r\n \/\/ \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0634\u0631\u0627\u0631\u0627\u062a (\u0645\u062d\u0633\u0646\u0629 \u0644\u0644\u0623\u062f\u0627\u0621)\r\n const canvas = document.getElementById('fireCanvas');\r\n const ctx = canvas.getContext('2d');\r\n let width, height, particles = [];\r\n\r\n function resize() {\r\n width = canvas.width = canvas.offsetWidth;\r\n height = canvas.height = canvas.offsetHeight;\r\n }\r\n window.addEventListener('resize', resize);\r\n resize();\r\n\r\n class Ember {\r\n constructor() { this.reset(); }\r\n reset() {\r\n this.x = Math.random() * width;\r\n this.y = height + Math.random() * 100;\r\n this.vx = (Math.random() - 0.5) * 1.5;\r\n this.vy = -Math.random() * 3 - 1;\r\n this.size = Math.random() * 2 + 1;\r\n this.color = `hsl(${Math.random() * 30 + 10}, 100%, 60%)`;\r\n this.alpha = 1;\r\n this.decay = Math.random() * 0.01 + 0.005;\r\n }\r\n update() {\r\n this.x += this.vx;\r\n this.y += this.vy;\r\n this.alpha -= this.decay;\r\n if (this.alpha <= 0) this.reset();\r\n }\r\n draw() {\r\n ctx.save();\r\n ctx.globalCompositeOperation = 'lighter';\r\n ctx.beginPath();\r\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n ctx.fillStyle = this.color;\r\n ctx.globalAlpha = this.alpha;\r\n ctx.fill();\r\n ctx.restore();\r\n }\r\n }\r\n\r\n function init() {\r\n for (let i = 0; i < 80; i++) particles.push(new Ember());\r\n\r\n function animate() {\r\n ctx.clearRect(0, 0, width, height);\r\n particles.forEach(p => { p.update(); p.draw(); });\r\n requestAnimationFrame(animate);\r\n }\r\n animate();\r\n }\r\n init();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b7c188d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4b7c188d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/naftha.com.sa\/#str\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-chart-bar\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0644\u0627\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-db35585 e-flex e-con-boxed e-con e-parent\" data-id=\"undefined-db35585\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\" data-settings=\"{"shape_divider_top":"book"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M194,99c186.7,0.7,305-78.3,306-97.2c1,18.9,119.3,97.9,306,97.2c114.3-0.3,194,0.3,194,0.3s0-91.7,0-100c0,0,0,0,0-0 L0,0v99.3C0,99.3,79.7,98.7,194,99z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-0e1115d e-con-full e-flex e-con e-child\" data-id=\"undefined-0e1115d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-03dbd20 elementor-widget elementor-widget-heading\" data-id=\"undefined-03dbd20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0645\u0646 \u0646\u062d\u0646 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-1b71078 e-transform elementor-widget elementor-widget-text-editor\" data-id=\"undefined-1b71078\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_transform_rotateZ_effect":{"unit":"px","size":"","sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h4 style=\"text-align: justify; text-justify: inter-word; line-height: 1.8;\">\u062a\u0623\u0633\u0633\u062a \u0634\u0631\u0643\u0629 “<span style=\"color: #e94a20;\">\u0646\u0627\u0641\u062b\u0627<\/span>” \u0641\u064a \u0639\u0627\u0645 2021\u0645\u060c \u0644\u062a\u0636\u0639 \u0628\u0635\u0645\u062a\u0647\u0627 \u0643\u0623\u062d\u062f \u0627\u0644\u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u0641\u0627\u0639\u0644\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0628\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629. \u0645\u0646\u0630 \u0627\u0646\u0637\u0644\u0627\u0642\u062a\u0646\u0627\u060c \u062a\u0631\u0643\u0632\u062a \u062c\u0647\u0648\u062f\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u062e\u0635\u0635 \u0628\u0623\u0639\u0645\u0627\u0644 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0628\u0646\u0632\u064a\u0646 \u0648\u0627\u0644\u062f\u064a\u0632\u0644\u060c \u062d\u064a\u062b \u0633\u0639\u064a\u0646\u0627 \u0645\u0646\u0630 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644 \u0644\u062a\u0623\u0633\u064a\u0633 \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0642\u0648\u064a\u0629 \u062a\u0636\u0645\u0646 \u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u0648\u062f \u0628\u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u062a\u0637\u0644\u0639 \u0625\u0644\u064a\u0647\u0627 \u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0646\u0627\u0637\u0642.<\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-348c763 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"undefined-348c763\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/naftha.com.sa\/#contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-df4b379 e-con-full e-flex e-con e-child\" data-id=\"undefined-df4b379\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-5b12052 elementor-widget elementor-widget-image\" data-id=\"undefined-5b12052\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2085\" height=\"2085\" src=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/Naftha-Logo-1.png\" class=\"attachment-full size-full wp-image-334\" alt=\"\" srcset=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/Naftha-Logo-1.png 2085w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/Naftha-Logo-1-300x300.png 300w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/Naftha-Logo-1-1024x1024.png 1024w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/Naftha-Logo-1-150x150.png 150w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/Naftha-Logo-1-768x768.png 768w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/Naftha-Logo-1-1536x1536.png 1536w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/Naftha-Logo-1-2048x2048.png 2048w\" sizes=\"(max-width: 2085px) 100vw, 2085px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-1521823 e-flex e-con-boxed e-con e-parent\" data-id=\"1521823\" data-element_type=\"container\" data-e-type=\"container\" id=\"vis\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fe324d elementor-widget elementor-widget-html\" data-id=\"5fe324d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0625\u0636\u0627\u0641\u0629 \u062e\u0637 Cairo \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<style>\r\n :root {\r\n --primary: #2e4162; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u062d\u062f\u0648\u062f *\/\r\n --text: #444;\r\n --bg-gray: #f8f9fa;\r\n --transition: 0.4s ease;\r\n }\r\n\r\n .vm-wrapper {\r\n font-family: 'Cairo', sans-serif;\r\n padding: 80px 20px;\r\n display: flex;\r\n justify-content: center;\r\n background: #fff;\r\n direction: rtl;\r\n }\r\n\r\n \/* --- \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 (\u0627\u0644\u062f\u0627\u0626\u0631\u0629) --- *\/\r\n .circle-layout {\r\n position: relative;\r\n width: 600px;\r\n height: 600px;\r\n border: 2px solid var(--primary);\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .nav-btn {\r\n position: absolute;\r\n width: 130px;\r\n height: 130px;\r\n background: #fff;\r\n border: 3px solid var(--primary);\r\n border-radius: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: var(--transition);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n }\r\n\r\n .nav-btn i { font-size: 28px; color: var(--primary); margin-bottom: 5px; }\r\n .nav-btn span { font-weight: 700; font-size: 18px; color: var(--primary); }\r\n\r\n \/* \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0639\u0644\u0649 \u0627\u0644\u062f\u0627\u0626\u0631\u0629 *\/\r\n .btn-vision { top: -65px; left: 50%; transform: translateX(-50%); }\r\n .btn-mission { bottom: -65px; left: 50%; transform: translateX(-50%); }\r\n\r\n .nav-btn.active { background: var(--primary); }\r\n .nav-btn.active i, .nav-btn.active span { color: #fff; }\r\n\r\n .content-display {\r\n width: 80%;\r\n text-align: center;\r\n padding: 20px;\r\n }\r\n\r\n .info-card { display: none; animation: fadeIn 0.5s ease forwards; }\r\n .info-card.active { display: block; }\r\n\r\n \/* \u2705 \u062a\u0645 \u062a\u063a\u064a\u064a\u0631 \u0644\u0648\u0646 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0647\u0646\u0627 \u0625\u0644\u0649 #e84b20 *\/\r\n .info-card h3 {\r\n color: #e84b20;\r\n font-size: 30px;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n }\r\n\r\n .info-card p { color: var(--text); font-size: 18px; line-height: 1.8; }\r\n\r\n \/* --- \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0647\u0627\u062a\u0641 --- *\/\r\n @media (max-width: 768px) {\r\n .vm-wrapper { padding: 40px 15px; }\r\n \r\n .circle-layout {\r\n border: none;\r\n width: 100%;\r\n height: auto;\r\n border-radius: 0;\r\n flex-direction: column;\r\n }\r\n\r\n .mobile-tabs {\r\n display: flex;\r\n width: 100%;\r\n gap: 10px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .nav-btn {\r\n position: relative;\r\n flex: 1; \r\n height: 100px;\r\n width: auto;\r\n border-radius: 15px;\r\n top: auto !important;\r\n bottom: auto !important;\r\n left: auto !important;\r\n transform: none !important;\r\n }\r\n\r\n .nav-btn i { font-size: 22px; }\r\n .nav-btn span { font-size: 16px; }\r\n\r\n .content-display {\r\n width: 100%;\r\n background: var(--bg-gray);\r\n border-radius: 20px;\r\n padding: 30px 20px;\r\n box-shadow: inset 0 0 10px rgba(0,0,0,0.05);\r\n }\r\n\r\n .info-card h3 { font-size: 24px; }\r\n .info-card p { font-size: 16px; text-align: center; }\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n<\/style>\r\n\r\n<section class=\"vm-wrapper\">\r\n <div class=\"circle-layout\">\r\n \r\n <!-- \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a \u0644\u0644\u0647\u0627\u062a\u0641 -->\r\n <div class=\"mobile-tabs\">\r\n <div class=\"nav-btn btn-vision active\" onclick=\"toggleView('vision', this)\">\r\n <i class=\"fa-solid fa-eye\"><\/i>\r\n <span>\u0627\u0644\u0631\u0624\u064a\u0629<\/span>\r\n <\/div>\r\n\r\n <div class=\"nav-btn btn-mission\" onclick=\"toggleView('mission', this)\">\r\n <i class=\"fa-solid fa-bullseye\"><\/i>\r\n <span>\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"content-display\">\r\n \r\n <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0624\u064a\u0629 -->\r\n <div class=\"info-card active\" id=\"vision-box\">\r\n <h3>\u0627\u0644\u0631\u0624\u064a\u0629<\/h3>\r\n <p>\r\n \u0646\u062d\u0646 \u0646\u0633\u0639\u0649 \u0644\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645 \u0644\u0646\u0643\u0648\u0646 \u0623\u0643\u062b\u0631 \u062b\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \r\n \u0639\u0645\u0644\u064a\u0627\u062a\u0646\u0627 \u0648\u0623\u0643\u062b\u0631 \u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0648\u0646\u0632\u0627\u0647\u0629 \u0641\u064a \u0639\u0644\u0627\u0642\u062a\u0646\u0627 \u0628\u0627\u0644\u0639\u0645\u0644\u0627\u0621.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 -->\r\n <div class=\"info-card\" id=\"mission-box\">\r\n <h3>\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/h3>\r\n <p>\r\n \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0644\u0644\u0634\u0631\u0643\u0629 \u0641\u064a \u062a\u0634\u063a\u064a\u0644 \u0648\u0625\u062f\u0627\u0631\u0629 \u0648\u0635\u064a\u0627\u0646\u0629 \u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f \u0648\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062e\u062f\u0645\u0629 \u0648\u0631\u0641\u0639 \r\n \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u062a\u062d\u0642\u064a\u0642 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n function toggleView(target, element) {\r\n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0639\u0646 \u0643\u0644 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n document.querySelectorAll('.nav-btn').forEach(btn => btn.classList.remove('active'));\r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0644\u0644\u0632\u0631 \u0627\u0644\u0630\u064a \u0636\u064f\u063a\u0637 \u0639\u0644\u064a\u0647\r\n element.classList.add('active');\r\n\r\n \/\/ \u0625\u062e\u0641\u0627\u0621 \u0643\u0644 \u0627\u0644\u0643\u0631\u0648\u062a\r\n document.querySelectorAll('.info-card').forEach(card => card.classList.remove('active'));\r\n \r\n \/\/ \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0643\u0631\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\r\n if(target === 'vision') {\r\n document.getElementById('vision-box').classList.add('active');\r\n } else {\r\n document.getElementById('mission-box').classList.add('active');\r\n }\r\n }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fc8bbd e-flex e-con-boxed e-con e-parent\" data-id=\"1fc8bbd\" data-element_type=\"container\" data-e-type=\"container\" id=\"qim\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb9e80f elementor-widget elementor-widget-html\" data-id=\"eb9e80f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================== -->\r\n<!-- HTML Widget for Elementor \u2013 \u0627\u0644\u0642\u064a\u0645 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a -->\r\n<!-- \u0627\u0646\u0633\u062e \u0647\u0630\u0627 \u0627\u0644\u0643\u0648\u062f \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u0623\u062f\u0627\u0629 \"HTML \u0645\u062e\u0635\u0635\" \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0648\u0631 -->\r\n<!-- \u0623\u0648 \u062f\u0627\u062e\u0644 \u0623\u064a \u0639\u0646\u0635\u0631 HTML \u0641\u064a \u0645\u0646\u0634\u0626 \u0627\u0644\u0635\u0641\u062d\u0627\u062a -->\r\n<!-- ========================================================== -->\r\n\r\n<style>\r\n \/* ----- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 ----- *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700&display=swap');\r\n\r\n .val-widget-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: stretch;\r\n gap: 20px;\r\n padding: 15px 5px 30px 5px;\r\n direction: rtl;\r\n font-family: 'Tajawal', sans-serif;\r\n background-color: transparent !important;\r\n }\r\n\r\n \/* ====== \u0642\u0633\u0645 \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a (\u0627\u0644\u0646\u0635 \u0627\u0644\u0639\u0644\u0648\u064a) ====== *\/\r\n .mission-wrapper {\r\n width: 100%;\r\n margin-bottom: 35px;\r\n padding-bottom: 20px;\r\n border-bottom: 2px solid #f0f0f0;\r\n }\r\n\r\n .mission-title {\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: #e94a20;\r\n margin-bottom: 8px;\r\n line-height: 1.4;\r\n }\r\n\r\n .mission-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 15px 0;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 5px 25px;\r\n }\r\n\r\n .mission-list li {\r\n font-size: 17px;\r\n font-weight: 600;\r\n color: #2e4162;\r\n position: relative;\r\n padding-right: 22px;\r\n }\r\n\r\n .mission-list li::before {\r\n content: \"\u2022\";\r\n color: #e94a20;\r\n font-weight: 700;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n }\r\n\r\n .responsibilities-text {\r\n font-size: 15px;\r\n line-height: 1.9;\r\n color: #444;\r\n background: #f8f9fc;\r\n padding: 16px 22px;\r\n border-radius: 10px;\r\n border-right: 5px solid #e94a20;\r\n margin-top: 8px;\r\n }\r\n\r\n .responsibilities-text strong {\r\n color: #2e4162;\r\n }\r\n\r\n \/* ====== \u062a\u0646\u0633\u064a\u0642 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0642\u064a\u0645 ====== *\/\r\n .val-section-title {\r\n width: 100%;\r\n text-align: center;\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: #e94a20 !important;\r\n margin-bottom: 28px;\r\n line-height: 1.3;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .val-item {\r\n flex: 1 1 160px;\r\n max-width: 210px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 22px 12px 18px 12px;\r\n border-radius: 14px;\r\n transition: all 0.3s ease;\r\n background: rgba(255, 255, 255, 0.95);\r\n box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);\r\n border: 1px solid rgba(0, 0, 0, 0.04);\r\n }\r\n\r\n .val-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10);\r\n }\r\n\r\n .val-icon {\r\n font-size: 30px;\r\n color: #2e4162 !important;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .val-title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #e94a20 !important;\r\n margin-bottom: 8px;\r\n text-decoration: none;\r\n border-bottom: none !important;\r\n line-height: 1.4;\r\n }\r\n\r\n .val-desc {\r\n font-size: 12.5px;\r\n font-weight: 400;\r\n color: #666;\r\n line-height: 1.6;\r\n margin-top: auto;\r\n }\r\n\r\n \/* ----- \u062a\u0648\u0627\u0641\u0642 \u0643\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644 ----- *\/\r\n @media (max-width: 768px) {\r\n .val-item {\r\n flex: 1 1 100%;\r\n max-width: 100%;\r\n }\r\n .val-section-title {\r\n font-size: 26px;\r\n }\r\n .mission-title {\r\n font-size: 22px;\r\n }\r\n .mission-list li {\r\n font-size: 15px;\r\n width: 100%;\r\n }\r\n .responsibilities-text {\r\n font-size: 14px;\r\n padding: 14px 18px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .val-section-title {\r\n font-size: 22px;\r\n }\r\n .mission-title {\r\n font-size: 19px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- \u0645\u0643\u062a\u0628\u0629 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Font Awesome (\u0644\u0627\u0632\u0645\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<!-- ====== \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\r\n<div class=\"val-widget-container\">\r\n\r\n <!-- ============================================================ -->\r\n <!-- 1. \u0642\u0633\u0645 \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a (\u0646\u0635 \u0645\u0635\u062d\u062d \u0625\u0645\u0644\u0627\u0626\u064a\u0627\u064b) -->\r\n <!-- ============================================================ -->\r\n <div class=\"mission-wrapper\">\r\n\r\n <h2 class=\"mission-title\">\u0627\u0644\u0645\u0647\u0645\u0629<\/h2>\r\n <ul class=\"mission-list\">\r\n <li>\u0623\u062f\u0627\u0621 \u062e\u062f\u0645\u0629 \u0645\u062c\u062a\u0645\u0639\u064a\u0629 \u062c\u064a\u062f\u0629<\/li>\r\n <li>\u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629<\/li>\r\n <li>\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0623\u0641\u0636\u0644 \u0644\u0644\u0639\u0645\u0644\u0627\u0621<\/li>\r\n <li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0637\u0631\u0642 \u0641\u064a \u0639\u0645\u0644\u064a\u0627\u062a\u0646\u0627 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/li>\r\n <\/ul>\r\n\r\n <h2 class=\"mission-title\" style=\"margin-top:20px;\">\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a<\/h2>\r\n <div class=\"responsibilities-text\">\r\n <strong>\u064a\u0646\u0639\u0643\u0633 \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u0646\u0627 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0627\u0644\u062a\u064a \u064a\u0633\u062a\u0646\u062f \u0625\u0644\u064a\u0647\u0627 \u0646\u0637\u0627\u0642 \u0639\u0645\u0644\u0646\u0627\u060c<\/strong>\r\n \u0648\u0625\u0630 \u0646\u062d\u0631\u0635 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0628\u0641\u0627\u0639\u0644\u064a\u0629 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u062a\u0637\u0648\u064a\u0631 \u062d\u0642\u064a\u0642\u064a <strong>\u0648\u0625\u064a\u062c\u0627\u0628\u064a<\/strong> \u0636\u0645\u0646 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0630\u064a \u0646\u0639\u0645\u0644 \u0641\u064a\u0647\u060c\r\n \u0644\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0641\u064a \u062f\u0641\u0639 \u0639\u062c\u0644\u0629 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 <strong>\u0623\u0646\u062d\u0627\u0621<\/strong> \u0627\u0644\u0645\u0645\u0644\u0643\u0629.\r\n <!-- \u062a\u0645 \u062a\u0635\u062d\u064a\u062d: \"\u0648\u0627\u064a\u062c\u0627\u0628\u064a\" \u2192 \"\u0648\u0625\u064a\u062c\u0627\u0628\u064a\" \u0648 \"\u0627\u0646\u062d\u0627\u0621\" \u2192 \"\u0623\u0646\u062d\u0627\u0621\" -->\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- ============================================================ -->\r\n <!-- 2. \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0642\u064a\u0645 (\u0645\u0639 \u0625\u0636\u0627\u0641\u0629 \"\u0636\u064a\u0648\u0641 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u062f\u0648\u0644\") -->\r\n <!-- ============================================================ -->\r\n\r\n <h2 class=\"val-section-title\">\u0627\u0644\u0642\u064a\u0645<\/h2>\r\n\r\n <!-- 1. \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 -->\r\n <div class=\"val-item\">\r\n <i class=\"val-icon fa-solid fa-shield-halved\"><\/i>\r\n <h4 class=\"val-title\">\u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/h4>\r\n <p class=\"val-desc\">\u0646\u0636\u0639 \u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0633\u0644\u0627\u0645\u062a\u0647\u0645 \u0641\u064a \u0645\u0642\u062f\u0645\u0629 \u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0646\u0627<\/p>\r\n <\/div>\r\n\r\n <!-- 2. \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 -->\r\n <div class=\"val-item\">\r\n <i class=\"val-icon fa-solid fa-medal\"><\/i>\r\n <h4 class=\"val-title\">\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629<\/h4>\r\n <p class=\"val-desc\">\u0646\u0637\u0628\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644<\/p>\r\n <\/div>\r\n\r\n <!-- 3. \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u062c\u062f\u064a\u062f -->\r\n <div class=\"val-item\">\r\n <i class=\"val-icon fa-regular fa-lightbulb\"><\/i>\r\n <h4 class=\"val-title\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u062c\u062f\u064a\u062f<\/h4>\r\n <p class=\"val-desc\">\u0646\u0633\u0639\u0649 \u062f\u0627\u0626\u0645\u0627\u064b \u0644\u0644\u062a\u062c\u062f\u064a\u062f \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0628\u0623\u0641\u0643\u0627\u0631 \u0645\u0628\u062a\u0643\u0631\u0629<\/p>\r\n <\/div>\r\n\r\n <!-- 4. \u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 -->\r\n <div class=\"val-item\">\r\n <i class=\"val-icon fa-solid fa-scale-balanced\"><\/i>\r\n <h4 class=\"val-title\">\u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/h4>\r\n <p class=\"val-desc\">\u0646\u0644\u062a\u0632\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0648\u0627\u0644\u0648\u0636\u0648\u062d \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/p>\r\n <\/div>\r\n\r\n <!-- 5. \u0627\u062d\u062a\u0631\u0627\u0645 \u0627\u0644\u062b\u0642\u0627\u0641\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 -->\r\n <div class=\"val-item\">\r\n <i class=\"val-icon fa-solid fa-handshake\"><\/i>\r\n <h4 class=\"val-title\">\u0627\u062d\u062a\u0631\u0627\u0645 \u0627\u0644\u062b\u0642\u0627\u0641\u0627\u062a<\/h4>\r\n <p class=\"val-desc\">\u0646\u0642\u062f\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0646\u062d\u062a\u0631\u0645 \u062a\u0646\u0648\u0639 \u0627\u0644\u062b\u0642\u0627\u0641\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629<\/p>\r\n <\/div>\r\n\r\n <!-- 6. (\u062c\u062f\u064a\u062f) \u0636\u064a\u0648\u0641 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u062f\u0648\u0644 -->\r\n <div class=\"val-item\">\r\n <i class=\"val-icon fa-solid fa-earth-asia\"><\/i>\r\n <h4 class=\"val-title\">\u0636\u064a\u0648\u0641 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u062f\u0648\u0644<\/h4>\r\n <p class=\"val-desc\">\u0646\u0631\u062d\u0628 \u0628\u0627\u0644\u0636\u064a\u0648\u0641 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645 \u0648\u0646\u0642\u062f\u0645 \u0644\u0647\u0645 \u062a\u062c\u0631\u0628\u0629 \u0645\u0645\u064a\u0632\u0629<\/p>\r\n <\/div>\r\n\r\n<\/div>\r\n<!-- ====== \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-eb407b9 e-flex e-con-boxed e-con e-parent\" data-id=\"undefined-eb407b9\" data-element_type=\"container\" data-e-type=\"container\" id=\"str\" data-settings=\"{"background_background":"classic","shape_divider_top":"opacity-tilt"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-c8b8878 elementor-widget elementor-widget-heading\" data-id=\"undefined-c8b8878\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\ufef7\ufeeb\ufeaa\u0627\u0641 \u0627\ufefb\ufeb3\ufe98\ufeae\u0627\ufe97\ufef4\ufea0\ufef4\ufe94\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f65af88 elementor-widget elementor-widget-heading\" data-id=\"f65af88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n\ufe97\ufeb8\ufed0\ufef4\ufede \u0648\u0625\u062f\u0627\u0631\u0629\ufee3\ufea4\ufec4\ufe8e\u062a \u0627\ufedf\ufeee\ufed7\ufeee\u062f<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-5059d17 e-flex e-con-boxed e-con e-child\" data-id=\"undefined-5059d17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-undefined-d3c97aa e-con-full e-flex e-con e-child\" data-id=\"undefined-d3c97aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-a1dff3c elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"undefined-a1dff3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"2357\" height=\"1440\" src=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/23.jpg\" class=\"attachment-full size-full wp-image-85\" alt=\"\" srcset=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/23.jpg 2357w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/23-300x183.jpg 300w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/23-1024x626.jpg 1024w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/23-768x469.jpg 768w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/23-1536x938.jpg 1536w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/23-2048x1251.jpg 2048w\" sizes=\"(max-width: 2357px) 100vw, 2357px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u062a\u0628\u0646\u064a \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0648\u0627\u0644\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u062a\u0637\u0648\u064a\u0631 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0644\u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627<br><br><\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6200f3 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"e6200f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"2357\" height=\"1440\" src=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/20.jpg\" class=\"attachment-full size-full wp-image-82\" alt=\"\" srcset=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/20.jpg 2357w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/20-300x183.jpg 300w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/20-1024x626.jpg 1024w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/20-768x469.jpg 768w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/20-1536x938.jpg 1536w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/20-2048x1251.jpg 2048w\" sizes=\"(max-width: 2357px) 100vw, 2357px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062d\u0635\u0629 \u0627\u0644\u0633\u0648\u0642\u064a\u0629 \u0644\u062a\u0639\u0638\u064a\u0645 \u062d\u0642\u0648\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-ab5119b e-con-full e-flex e-con e-child\" data-id=\"undefined-ab5119b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-a4f382b elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"undefined-a4f382b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"2357\" height=\"1440\" src=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/36.jpg\" class=\"attachment-full size-full wp-image-102\" alt=\"\" srcset=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/36.jpg 2357w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/36-300x183.jpg 300w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/36-1024x626.jpg 1024w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/36-768x469.jpg 768w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/36-1536x938.jpg 1536w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/36-2048x1251.jpg 2048w\" sizes=\"(max-width: 2357px) 100vw, 2357px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u062a\u0648\u0641\u064a\u0631 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0644\u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627<br><br><br><\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2da6215 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"2da6215\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"2357\" height=\"1440\" src=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/15.jpg\" class=\"attachment-full size-full wp-image-77\" alt=\"\" srcset=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/15.jpg 2357w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/15-300x183.jpg 300w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/15-1024x626.jpg 1024w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/15-768x469.jpg 768w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/15-1536x938.jpg 1536w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/15-2048x1251.jpg 2048w\" sizes=\"(max-width: 2357px) 100vw, 2357px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u062f\u0639\u0645 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0648\u0637\u0646\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0628\u062a\u0643\u0627\u0631 \u0646\u0645\u0648\u0630\u062c \u0639\u0645\u0644 \u0645\u0646\u0627\u0641\u0633 \u0648\u0645\u062d\u0642\u0642 \u0644\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-a4d6975 e-con-full e-flex e-con e-child\" data-id=\"undefined-a4d6975\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-b6258f6 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"undefined-b6258f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"2357\" height=\"1440\" src=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/21.jpg\" class=\"attachment-full size-full wp-image-83\" alt=\"\" srcset=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/21.jpg 2357w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/21-300x183.jpg 300w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/21-1024x626.jpg 1024w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/21-768x469.jpg 768w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/21-1536x938.jpg 1536w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/21-2048x1251.jpg 2048w\" sizes=\"(max-width: 2357px) 100vw, 2357px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u0648\u0636\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u0644\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0645\u0639 \u0643\u0627\u0641\u0629 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0645\u0635\u0644\u062d\u0629 \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0648\u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0627\u0644\u062f\u0627\u0626\u0645\u0629 \u0644\u062a\u062d\u0642\u064a\u0642\u0647\u0627<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae0d3f elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"8ae0d3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"2357\" height=\"1440\" src=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/32.jpg\" class=\"attachment-full size-full wp-image-98\" alt=\"\" srcset=\"https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/32.jpg 2357w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/32-300x183.jpg 300w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/32-1024x626.jpg 1024w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/32-768x469.jpg 768w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/32-1536x938.jpg 1536w, https:\/\/naftha.com.sa\/wp-content\/uploads\/2026\/06\/32-2048x1251.jpg 2048w\" sizes=\"(max-width: 2357px) 100vw, 2357px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u062a\u0639\u0632\u064a\u0632 \u0631\u0648\u062d \u0627\u0644\u0641\u0631\u064a\u0642 \u0628\u064a\u0646 \u0643\u0648\u0627\u062f\u0631\u0646\u0627 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0627\u062f\u064a \u0648\u0627\u0644\u0645\u0639\u0646\u0648\u064a<\/h3><\/div><\/div>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8d2f3d e-flex e-con-boxed e-con e-parent\" data-id=\"e8d2f3d\" data-element_type=\"container\" data-e-type=\"container\" id=\"job\" data-settings=\"{"shape_divider_top":"mountains"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73b1a6e elementor-widget elementor-widget-html\" data-id=\"73b1a6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;700&display=swap');\r\n\r\n.work-process-container {\r\n direction: rtl;\r\n font-family: 'Tajawal', sans-serif;\r\n background: transparent;\r\n padding: 20px 10px;\r\n color: #333;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n.work-title {\r\n text-align: center;\r\n font-size: 38px;\r\n font-weight: 700;\r\n color: #e94a20 !important; \/* \u0644\u0648\u0646 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n margin-bottom: 15px;\r\n border-bottom: none !important;\r\n text-decoration: none !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635 \u0627\u0644\u062a\u0645\u0647\u064a\u062f\u064a *\/\r\n.work-intro {\r\n text-align: center;\r\n font-size: 15px;\r\n line-height: 1.8;\r\n color: #777;\r\n max-width: 900px;\r\n margin: 0 auto 40px auto;\r\n}\r\n\r\n\/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0642\u0633\u0645\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u064a\u0646 *\/\r\n.work-process-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 40px;\r\n margin-bottom: 50px;\r\n}\r\n\r\n\/* \u0643\u0644 \u0642\u0633\u0645 (\u0627\u0644\u0645\u0646\u0638\u0648\u0645\u0629 \/ \u0627\u0644\u0635\u064a\u0627\u0646\u0629) *\/\r\n.work-process-block {\r\n flex: 1 1 400px;\r\n max-width: 550px;\r\n background: transparent;\r\n padding: 10px;\r\n}\r\n\r\n\/* \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0642\u0633\u0645 (\u0627\u0644\u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629...) *\/\r\n.section-sub-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #e94a20 !important;\r\n margin-bottom: 25px;\r\n border-bottom: none !important;\r\n text-decoration: none !important;\r\n}\r\n\r\n.section-icon-main {\r\n font-size: 35px;\r\n color: #2e4162 !important;\r\n width: 50px;\r\n text-align: center;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0642\u0627\u0637 (\u0628\u062f\u0648\u0646 \u0643\u0631\u0648\u062a) *\/\r\n.process-point {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n margin-bottom: 25px;\r\n padding: 0;\r\n background: transparent;\r\n}\r\n\r\n.process-point-icon {\r\n font-size: 24px;\r\n color: #2e4162 !important;\r\n padding-top: 5px;\r\n min-width: 30px;\r\n text-align: center;\r\n}\r\n\r\n.process-point-content h4 {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #333;\r\n margin: 0 0 5px 0;\r\n line-height: 1.4;\r\n}\r\n\r\n.process-point-content p {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #666;\r\n margin: 0;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* \u0644\u0627\u0641\u062a\u0629 \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627\u061f\" *\/\r\n.why-choose-us {\r\n text-align: center;\r\n padding: 30px 20px;\r\n margin-top: 20px;\r\n border-top: 1px solid rgba(46, 65, 98, 0.2); \/* \u062e\u0637 \u0641\u0627\u0635\u0644 \u0628\u0633\u064a\u0637 *\/\r\n border-bottom: 1px solid rgba(46, 65, 98, 0.2);\r\n}\r\n\r\n.why-choose-us span {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #2e4162;\r\n display: block;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.why-choose-us strong {\r\n color: #e94a20;\r\n font-weight: 700;\r\n}\r\n\r\n.why-choose-us p {\r\n font-size: 18px;\r\n color: #555;\r\n margin: 0;\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n@media (max-width: 768px) {\r\n .work-title { font-size: 30px; }\r\n .work-process-block { flex: 1 1 100%; max-width: 100%; }\r\n .section-sub-title { font-size: 20px; }\r\n .process-point-content h4 { font-size: 16px; }\r\n}\r\n<\/style>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<div class=\"work-process-container\">\r\n\r\n <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n <h2 class=\"work-title\">\u0622\u0644\u064a\u0629 \u0627\u0644\u0639\u0645\u0644<\/h2>\r\n\r\n <!-- \u0627\u0644\u0646\u0635 \u0627\u0644\u062a\u0645\u0647\u064a\u062f\u064a -->\r\n <p class=\"work-intro\">\r\n \u0646\u0639\u062a\u0645\u062f \u0641\u064a \u0625\u062f\u0627\u0631\u062a\u0646\u0627 \u0648\u062a\u0634\u063a\u064a\u0644\u0646\u0627 \u0639\u0644\u0649 \u0645\u0646\u0638\u0648\u0645\u0629 \u0630\u0643\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0631\u0628\u0637 \u0643\u0627\u0641\u0629 \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0645\u0646\u0634\u0623\u0629 \u0648\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062d\u0637\u0627\u062a \u0628\u0628\u0639\u0636\u0647\u0627 \u0627\u0644\u0628\u0639\u0636\u060c \u0644\u0636\u0645\u0627\u0646 \u062a\u062f\u0641\u0642 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0641\u0648\u0631\u064a\u060c \u0648\u0633\u0631\u0639\u0629 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0629 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0641\u0642 \u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0631\u0646\u0629 \u0648\u0645\u0633\u062a\u062f\u0627\u0645\u0629.\r\n <\/p>\r\n\r\n <div class=\"work-process-grid\">\r\n\r\n <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u0648\u0644: \u0627\u0644\u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 -->\r\n <div class=\"work-process-block\">\r\n <div class=\"section-sub-title\">\r\n <i class=\"section-icon-main fa-solid fa-diagram-project\"><\/i>\r\n <span>\u0623\u0648\u0644\u0627\u064b: \u0627\u0644\u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/span>\r\n <\/div>\r\n \r\n <div class=\"process-point\">\r\n <i class=\"process-point-icon fa-solid fa-cash-register\"><\/i>\r\n <div class=\"process-point-content\">\r\n <h4>\u0625\u062f\u0627\u0631\u0629 \u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0643\u064a\u0629 (POS)<\/h4>\r\n <p>\u0625\u062d\u0643\u0627\u0645 \u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0648\u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0627\u0644\u0622\u0644\u064a\u0629 \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0628\u064a\u0639 \u0627\u0644\u0648\u0642\u0648\u062f \u0648\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0644\u0644\u0645\u062d\u0637\u0629\u060c \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u062f\u0641\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u0631\u0646\u0629 \u0648\u0645\u062a\u0646\u0648\u0639\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-point\">\r\n <i class=\"process-point-icon fa-solid fa-desktop\"><\/i>\r\n <div class=\"process-point-content\">\r\n <h4>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0645\u0631\u0643\u0632\u064a (Back-Office)<\/h4>\r\n <p>\u0645\u062a\u0627\u0628\u0639\u0629 \u0644\u062d\u0638\u064a\u0629 \u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062e\u0632\u0648\u0646 \u0648\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0639\u064a\u0631 \u0645\u0646 \u0642\u0650\u0628\u0644 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0644\u064a\u0627\u060c \u0644\u0636\u0645\u0627\u0646 \u0631\u0624\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u0643\u0627\u0641\u0629 \u0627\u0644\u0645\u062d\u0637\u0627\u062a \u0641\u064a \u0648\u0642\u062a \u0648\u062c\u064a\u0632.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-point\">\r\n <i class=\"process-point-icon fa-solid fa-server\"><\/i>\r\n <div class=\"process-point-content\">\r\n <h4>\u0646\u0638\u0627\u0645 \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0648\u0646\u0642\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0622\u0645\u0646 (ERP)<\/h4>\r\n <p>\u0631\u0628\u0637 \u0622\u0645\u0646 \u0648\u0633\u0631\u064a\u0639 \u0644\u0643\u0627\u0641\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 (HRMS) \u0645\u0639 \u0646\u0642\u0644 \u0648\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a ($Real-Time$) \u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062a\u0639\u0627\u0645\u0644\u0627\u062a \u0648\u062a\u0641\u0627\u062f\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a: \u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629 -->\r\n <div class=\"work-process-block\">\r\n <div class=\"section-sub-title\">\r\n <i class=\"section-icon-main fa-solid fa-shield-halved\"><\/i>\r\n <span>\u062b\u0627\u0646\u064a\u0627\u064b: \u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629<\/span>\r\n <\/div>\r\n \r\n <div class=\"process-point\">\r\n <i class=\"process-point-icon fa-solid fa-wrench\"><\/i>\r\n <div class=\"process-point-content\">\r\n <h4>\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629<\/h4>\r\n <p>\u0641\u062d\u0635 \u0648\u0627\u062e\u062a\u0628\u0627\u0631 \u062f\u0648\u0631\u064a\u060c \u0648\u0645\u0639\u0627\u064a\u0631\u0629 \u062f\u0648\u0631\u064a\u0629 \u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0642\u064a\u0627\u0633 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u062f\u0642\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0625\u0637\u0627\u0644\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0644\u0644\u0645\u0639\u062f\u0627\u062a.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-point\">\r\n <i class=\"process-point-icon fa-solid fa-bolt\"><\/i>\r\n <div class=\"process-point-content\">\r\n <h4>\u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u0644\u0644\u0623\u0639\u0637\u0627\u0644<\/h4>\r\n <p>\u0648\u062d\u062f\u0629 \u0635\u064a\u0627\u0646\u0629 \u0645\u062e\u0635\u0635\u0629 \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0623\u064a \u0623\u0639\u0637\u0627\u0644 \u0637\u0627\u0631\u0626\u0629 (\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629\u060c \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\u060c \u0623\u0648 \u0645\u064a\u062f\u0627\u0646\u064a\u0629) \u0641\u0648\u0631 \u0635\u062f\u0648\u0631 \u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0639\u0645\u0644\u060c \u0644\u0644\u062d\u062f \u0645\u0646 \u0641\u062a\u0631\u0627\u062a \u0627\u0644\u062a\u0648\u0642\u0641 \u0648\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u062e\u062f\u0645\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-point\">\r\n <i class=\"process-point-icon fa-solid fa-camera-retro\"><\/i>\r\n <div class=\"process-point-content\">\r\n <h4>\u0645\u0639\u0627\u064a\u064a\u0631 \u0633\u0644\u0627\u0645\u0629 \u0648\u062d\u0645\u0627\u064a\u0629 \u0635\u0627\u0631\u0645\u0629<\/h4>\r\n <p>\u062a\u0637\u0628\u064a\u0642 \u0623\u0646\u0638\u0645\u0629 \u0627\u0633\u062a\u0634\u0639\u0627\u0631 \u0627\u0644\u062d\u0631\u0627\u0626\u0642 \u0648\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0644\u062d\u0638\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u062a\u0627\u0645 \u0628\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 (\u062d\u0638\u0631 \u0627\u0644\u062a\u062f\u062e\u064a\u0646\u060c \u062a\u0646\u0638\u064a\u0645 \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\u060c \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629) \u0644\u0636\u0645\u0627\u0646 \u0628\u064a\u0626\u0629 \u0622\u0645\u0646\u0629 \u062a\u0645\u0627\u0645\u0627\u064b.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u062e\u0627\u062a\u0645\u0629: \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627\u061f -->\r\n <div class=\"why-choose-us\">\r\n <span><i class=\"fa-regular fa-circle-check\" style=\"color:#2e4162; margin-left: 8px;\"><\/i> \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627\u061f<\/span>\r\n <p>\r\n <strong>\u062f\u0642\u0629 \u0631\u0642\u0645\u064a\u0629<\/strong> + <strong>\u0635\u064a\u0627\u0646\u0629 \u0648\u062d\u0645\u0627\u064a\u0629 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/strong> = <span style=\"color:#e94a20; font-weight:700;\">\u0643\u0641\u0627\u0621\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0648\u062b\u0642\u0629 \u0644\u0627 \u062a\u0646\u062a\u0647\u064a<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75cb45a e-flex e-con-boxed e-con e-parent\" data-id=\"75cb45a\" data-element_type=\"container\" data-e-type=\"container\" id=\"prog\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-798641b elementor-widget elementor-widget-html\" data-id=\"798641b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;700&display=swap');\r\n\r\n.training-container {\r\n direction: rtl;\r\n font-family: 'Tajawal', sans-serif;\r\n background: transparent;\r\n padding: 20px 15px;\r\n color: #444;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n.training-main-title {\r\n text-align: center;\r\n font-size: 38px;\r\n font-weight: 700;\r\n color: #e94a20 !important;\r\n margin-bottom: 20px;\r\n border-bottom: none !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u0627\u0644\u0645\u0642\u062f\u0645\u0629 *\/\r\n.training-intro {\r\n text-align: center;\r\n font-size: 16px;\r\n line-height: 1.9;\r\n color: #777;\r\n max-width: 900px;\r\n margin: 0 auto 40px auto;\r\n}\r\n\r\n\/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 *\/\r\n.training-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-evenly;\r\n gap: 40px 20px;\r\n margin-bottom: 50px;\r\n}\r\n\r\n\/* \u0643\u0644 \u0642\u0633\u0645 (block) *\/\r\n.training-block {\r\n flex: 1 1 280px;\r\n max-width: 370px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 10px;\r\n background: transparent;\r\n}\r\n\r\n\/* \u0631\u0623\u0633 \u0627\u0644\u0642\u0633\u0645: \u0623\u064a\u0642\u0648\u0646\u0629 \u0643\u0628\u064a\u0631\u0629 + \u0639\u0646\u0648\u0627\u0646 *\/\r\n.block-header {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n margin-bottom: 25px;\r\n width: 100%;\r\n}\r\n\r\n.block-main-icon {\r\n font-size: 42px;\r\n color: #2e4162 !important;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.block-header h3 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #e94a20 !important;\r\n margin: 0;\r\n border-bottom: none !important;\r\n text-decoration: none !important;\r\n line-height: 1.3;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u0641\u0631\u0639\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0642\u0633\u0645 *\/\r\n.training-point {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n margin-bottom: 20px;\r\n width: 100%;\r\n}\r\n\r\n.training-point-icon {\r\n font-size: 20px;\r\n color: #2e4162 !important;\r\n min-width: 25px;\r\n padding-top: 3px;\r\n}\r\n\r\n.point-text h4 {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #222;\r\n margin: 0 0 4px 0;\r\n}\r\n\r\n.point-text p {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #666;\r\n margin: 0;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* \u062e\u0627\u062a\u0645\u0629 \u0627\u0644\u0642\u0633\u0645 (\u0631\u0624\u064a\u062a\u0646\u0627 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629) *\/\r\n.training-footer {\r\n text-align: center;\r\n margin-top: 20px;\r\n padding: 30px 20px;\r\n border-top: 1px solid rgba(46, 65, 98, 0.25);\r\n border-bottom: 1px solid rgba(46, 65, 98, 0.25);\r\n}\r\n\r\n.training-footer h4 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #2e4162;\r\n margin-bottom: 15px;\r\n border-bottom: none !important;\r\n text-decoration: none !important;\r\n}\r\n\r\n.training-footer p {\r\n font-size: 18px;\r\n color: #444;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.9;\r\n}\r\n\r\n.training-footer strong {\r\n color: #e94a20;\r\n}\r\n\r\n\/* \u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n@media (max-width: 768px) {\r\n .training-main-title { font-size: 30px; }\r\n .training-block { flex: 1 1 100%; max-width: 100%; padding: 0 5px; }\r\n .block-header { align-items: center; text-align: center; }\r\n .block-header h3 { text-align: center; }\r\n .training-point { align-items: flex-start; }\r\n .point-text h4 { font-size: 16px; }\r\n}\r\n<\/style>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<div class=\"training-container\">\r\n\r\n <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n <h2 class=\"training-main-title\">\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h2>\r\n\r\n <!-- \u0627\u0644\u0645\u0642\u062f\u0645\u0629 -->\r\n <p class=\"training-intro\">\r\n \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0643\u0648\u0627\u062f\u0631\u0646\u0627 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0647\u0648 \u0627\u0644\u0631\u0643\u064a\u0632\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0645\u064a\u0632\u0629 \u0648\u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0651\u0629. \u0644\u0630\u0644\u0643\u060c \u062d\u0631\u0635\u0646\u0627 \u0639\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u0628\u064a\u0626\u0629 \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u062c\u0647\u0632\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0648\u0633\u0627\u0626\u0644 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u062a\u0623\u0647\u064a\u0644 \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631.\r\n <\/p>\r\n\r\n <!-- \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 -->\r\n <div class=\"training-grid\">\r\n\r\n <!-- \u0627\u0644\u0642\u0633\u0645 1: \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 -->\r\n <div class=\"training-block\">\r\n <div class=\"block-header\">\r\n <i class=\"block-main-icon fa-solid fa-route\"><\/i>\r\n <h3>1. \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 (\u062d\u0633\u0628 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a)<\/h3>\r\n <\/div>\r\n \r\n <div class=\"training-point\">\r\n <i class=\"training-point-icon fa-solid fa-certificate\"><\/i>\r\n <div class=\"point-text\">\r\n <h4>\u0642\u0637\u0627\u0639 \u0627\u0644\u062c\u0648\u062f\u0629<\/h4>\r\n <p>\u062f\u0648\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0648\u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0642\u062f\u064a\u0645 \u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"training-point\">\r\n <i class=\"training-point-icon fa-solid fa-gear\"><\/i>\r\n <div class=\"point-text\">\r\n <h4>\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0634\u063a\u064a\u0644<\/h4>\r\n <p>\u062a\u0623\u0647\u064a\u0644 \u0648\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u062f\u0631\u0627\u0621 \u0648\u0627\u0644\u0645\u0634\u0631\u0641\u064a\u0646 \u0639\u0628\u0631 \u062f\u0648\u0631\u0627\u062a \u0625\u062f\u0627\u0631\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u0637\u0627\u062a \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"training-point\">\r\n <i class=\"training-point-icon fa-solid fa-screwdriver-wrench\"><\/i>\r\n <div class=\"point-text\">\r\n <h4>\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/h4>\r\n <p>\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0641\u0646\u064a\u064a\u0646 \u0639\u0644\u0649 \u0623\u062d\u062f\u062b \u0637\u0631\u0642 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0648\u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0648\u062a\u0637\u0628\u064a\u0642 \u0622\u0644\u064a\u0627\u062a \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u0641\u0639\u0651\u0627\u0644\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"training-point\">\r\n <i class=\"training-point-icon fa-solid fa-users-gear\"><\/i>\r\n <div class=\"point-text\">\r\n <h4>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0625\u062f\u0627\u0631\u064a<\/h4>\r\n <p>\u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u062f\u064a\u0629\u060c \u0648\u0628\u0646\u0627\u0621 \u0631\u0648\u062d \u0627\u0644\u0641\u0631\u064a\u0642\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0636\u063a\u0648\u0637 \u0627\u0644\u0639\u0645\u0644.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0642\u0633\u0645 2: \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 -->\r\n <div class=\"training-block\">\r\n <div class=\"block-header\">\r\n <i class=\"block-main-icon fa-solid fa-circle-nodes\"><\/i>\r\n <h3>2. \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 (\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631)<\/h3>\r\n <\/div>\r\n \r\n <div class=\"training-point\">\r\n <i class=\"training-point-icon fa-solid fa-pen-ruler\"><\/i>\r\n <div class=\"point-text\">\r\n <h4>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637<\/h4>\r\n <p>\u0631\u0635\u062f \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629\u060c \u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0642\u0627\u0631 \u0648\u0627\u0644\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"training-point\">\r\n <i class=\"training-point-icon fa-solid fa-calendar-check\"><\/i>\r\n <div class=\"point-text\">\r\n <h4>\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/h4>\r\n <p>\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0627\u0644\u0645\u0631\u0646\u0629\u060c \u0648\u062a\u062c\u0647\u064a\u0632 \u0642\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u062f\u0631\u0628\u064a\u0646 \u0648\u0627\u0644\u0645\u062a\u062f\u0631\u0628\u064a\u0646 \u0628\u0627\u0646\u062a\u0638\u0627\u0645.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"training-point\">\r\n <i class=\"training-point-icon fa-solid fa-chart-line\"><\/i>\r\n <div class=\"point-text\">\r\n <h4>\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0648\u0642\u064a\u0627\u0633 \u0627\u0644\u0623\u062b\u0631<\/h4>\r\n <p>\u0642\u064a\u0627\u0633 \u0645\u062f\u0649 \u0631\u0636\u0627 \u0627\u0644\u0645\u062a\u062f\u0631\u0628\u064a\u0646\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0637\u0648\u0631 \u0633\u0644\u0648\u0643\u0647\u0645 \u0648\u0623\u062f\u0627\u0626\u0647\u0645 \u0627\u0644\u0645\u0647\u0646\u064a \u0641\u064a \u0627\u0644\u0645\u064a\u062f\u0627\u0646 \u0644\u0636\u0645\u0627\u0646 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0628\u0630\u0643\u0627\u0621.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0642\u0633\u0645 3: \u0642\u0627\u0626\u0645\u0629 \u0623\u0628\u0631\u0632 \u062f\u0648\u0631\u0627\u062a\u0646\u0627 -->\r\n <div class=\"training-block\">\r\n <div class=\"block-header\">\r\n <i class=\"block-main-icon fa-solid fa-list-check\"><\/i>\r\n <h3>3. \u0642\u0627\u0626\u0645\u0629 \u0623\u0628\u0631\u0632 \u062f\u0648\u0631\u0627\u062a\u0646\u0627 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/h3>\r\n <\/div>\r\n \r\n <div class=\"training-point\">\r\n <i class=\"training-point-icon fa-solid fa-shield\"><\/i>\r\n <div class=\"point-text\">\r\n <h4>\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644<\/h4>\r\n <p>\u2022 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644 \u2022 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u0627\u0644\u0622\u0645\u0646 \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \u2022 \u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0627\u0646\u0633\u0643\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u062a\u0631\u0648\u0644\u064a\u0629 \u2022 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0623\u0645\u0627\u0643\u0646 \u0627\u0644\u0628\u064a\u0639.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"training-point\">\r\n <i class=\"training-point-icon fa-solid fa-bullseye\"><\/i>\r\n <div class=\"point-text\">\r\n <h4>\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629<\/h4>\r\n <p>\u2022 \u062f\u0648\u0631\u0627\u062a \u0641\u0646 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u2022 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u2022 \u0628\u0631\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0648\u0643\u064a\u062f \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u2022 \u0627\u0644\u0623\u0633\u0633 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u062f\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"training-point\">\r\n <i class=\"training-point-icon fa-solid fa-lightbulb\"><\/i>\r\n <div class=\"point-text\">\r\n <h4>\u0631\u0624\u064a\u062a\u0646\u0627 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0641\u0631\u0642 \u0627\u0644\u0639\u0645\u0644<\/h4>\r\n <p>\u0644\u0627 \u0646\u0647\u062f\u0641 \u0641\u0642\u0637 \u0625\u0644\u0649 \u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0639\u0644\u0649 \u0623\u062f\u0627\u0621 \u0645\u0647\u0627\u0645\u0647\u0645\u060c \u0628\u0644 \u0646\u0641\u062a\u062d \u0623\u0645\u0627\u0645\u0647\u0645 \u0622\u0641\u0627\u0642\u0627\u064b \u062c\u062f\u064a\u062f\u0629 \u0644\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0639\u0644\u0645\u064a \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u060c \u0644\u062a\u0638\u0644 \u0645\u062d\u0637\u0627\u062a\u0646\u0627 \u062f\u0627\u0626\u0645\u0627\u064b \u0627\u0644\u0648\u062c\u0647\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- \u062e\u0627\u062a\u0645\u0629 \u0628\u0635\u0631\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a - \u0646\u0641\u0633 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0630\u0643\u0648\u0631 \u0641\u064a \u0627\u0644\u0642\u0633\u0645 3 \u0644\u0643\u0646 \u0628\u0634\u0643\u0644 \u0644\u0627\u0641\u062a) -->\r\n <div class=\"training-footer\">\r\n <h4><i class=\"fa-regular fa-eye\" style=\"color:#2e4162; margin-left: 8px;\"><\/i> \u0631\u0624\u064a\u062a\u0646\u0627 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/h4>\r\n <p>\u0644\u0627 \u0646\u0647\u062f\u0641 \u0641\u0642\u0637 \u0625\u0644\u0649 \u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0639\u0644\u0649 \u0623\u062f\u0627\u0621 \u0645\u0647\u0627\u0645\u0647\u0645\u060c \u0628\u0644 \u0646\u0641\u062a\u062d \u0623\u0645\u0627\u0645\u0647\u0645 \u0622\u0641\u0627\u0642\u0627\u064b \u062c\u062f\u064a\u062f\u0629 \u0644\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0639\u0644\u0645\u064a \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u060c \u0644\u062a\u0638\u0644 \u0645\u062d\u0637\u0627\u062a\u0646\u0627 \u062f\u0627\u0626\u0645\u0627\u064b <strong>\u0627\u0644\u0648\u062c\u0647\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/strong>.<\/p>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1321e50 e-flex e-con-boxed e-con e-parent\" data-id=\"1321e50\" 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-b35aa7e elementor-widget elementor-widget-html\" data-id=\"b35aa7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====== \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 (\u062a\u0638\u0647\u0631 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631) ====== -->\r\n<style>\r\n\/* ====== \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0639\u0627\u0645\u0629 \u0644\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0632\u0631 ====== *\/\r\n.social-sidebar {\r\n position: fixed;\r\n left: 20px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 9999;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n\/* \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u2013 \u062a\u0638\u0647\u0631 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n.social-sidebar.show {\r\n opacity: 1;\r\n visibility: visible;\r\n}\r\n\r\n.social-sidebar a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.8); \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 \u0634\u0641\u0627\u0641\u0629 *\/\r\n backdrop-filter: blur(6px);\r\n border: 1px solid rgba(233, 74, 32, 0.15);\r\n color: #e94a20; \/* \ud83d\udd34 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0628\u0631\u062a\u0642\u0627\u0644\u064a\u0629 \u062f\u0627\u0626\u0645\u0627\u064b *\/\r\n text-decoration: none !important;\r\n font-size: 20px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 *\/\r\n.social-sidebar a:hover {\r\n transform: scale(1.12) translateX(4px);\r\n background: #e94a20; \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u0631\u062a\u0642\u0627\u0644\u064a\u0629 *\/\r\n color: #ffffff; \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u062a\u062a\u062d\u0648\u0644 \u0644\u0644\u0623\u0628\u064a\u0636 *\/\r\n border-color: #e94a20;\r\n box-shadow: 0 8px 25px rgba(233, 74, 32, 0.3);\r\n}\r\n\r\n\/* ====== \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 (\u0623\u0633\u0641\u0644 \u0627\u0644\u064a\u0645\u064a\u0646) ====== *\/\r\n.scroll-top-btn {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n z-index: 9999;\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 50%;\r\n background: #e94a20; \/* \u0627\u0644\u0628\u0631\u062a\u0642\u0627\u0644\u064a *\/\r\n color: #ffffff;\r\n border: none;\r\n box-shadow: 0 6px 20px rgba(233, 74, 32, 0.35);\r\n font-size: 24px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(20px) scale(0.9);\r\n transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.scroll-top-btn.show {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateY(0) scale(1);\r\n}\r\n\r\n.scroll-top-btn:hover {\r\n background: #c53d15;\r\n transform: scale(1.08);\r\n box-shadow: 0 10px 30px rgba(233, 74, 32, 0.5);\r\n}\r\n\r\n.scroll-top-btn svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: currentColor;\r\n}\r\n\r\n\/* ====== \u062a\u062d\u0633\u064a\u0646 \u0644\u0644\u062c\u0648\u0627\u0644 ====== *\/\r\n@media (max-width: 768px) {\r\n .social-sidebar {\r\n left: 12px;\r\n gap: 8px;\r\n }\r\n .social-sidebar a {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 16px;\r\n }\r\n .scroll-top-btn {\r\n width: 48px;\r\n height: 48px;\r\n right: 16px;\r\n bottom: 20px;\r\n font-size: 20px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<!-- \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 -->\r\n<div class=\"social-sidebar\" id=\"socialSidebar\">\r\n <!-- \u062a\u064a\u0643 \u062a\u0648\u0643 -->\r\n <a href=\"https:\/\/www.tiktok.com\/@naftha.station\" target=\"_blank\" aria-label=\"TikTok\">\r\n <i class=\"fab fa-tiktok\"><\/i>\r\n <\/a>\r\n <!-- \u0625\u0643\u0633 (\u062a\u0648\u064a\u062a\u0631) -->\r\n <a href=\"https:\/\/x.com\/NAFTHA11\" target=\"_blank\" aria-label=\"X\">\r\n <i class=\"fa-brands fa-x-twitter\"><\/i>\r\n <\/a>\r\n <!-- \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645 -->\r\n <a href=\"https:\/\/www.instagram.com\/naftha.station\" target=\"_blank\" aria-label=\"Instagram\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n <!-- \u0648\u0627\u062a\u0633\u0627\u0628 -->\r\n <a href=\"https:\/\/wa.me\/966554057076\" target=\"_blank\" aria-label=\"WhatsApp\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n <!-- \u0627\u0644\u0625\u064a\u0645\u064a\u0644 -->\r\n <a href=\"mailto:info@naftha.com.sa\" aria-label=\"Email\">\r\n <i class=\"fa-regular fa-envelope\"><\/i>\r\n <\/a>\r\n<\/div>\r\n\r\n<!-- \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 -->\r\n<button class=\"scroll-top-btn\" id=\"scrollTopBtn\" aria-label=\"\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 4l-8 8h6v8h4v-8h6l-8-8z\"\/>\r\n <\/svg>\r\n<\/button>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const socialSidebar = document.getElementById('socialSidebar');\r\n const scrollTopBtn = document.getElementById('scrollTopBtn');\r\n \r\n \/\/ \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n let isSidebarVisible = false;\r\n let isBtnVisible = false;\r\n \r\n \/\/ \u062f\u0627\u0644\u0629 \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u0648\u0636\u0639 \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n function handleScroll() {\r\n const scrollY = window.scrollY;\r\n \r\n \/\/ 1. \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u2013 \u062a\u0638\u0647\u0631 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0623\u064a \u0645\u0633\u0627\u0641\u0629 (\u0623\u0643\u062b\u0631 \u0645\u0646 80px)\r\n if (scrollY > 80 && !isSidebarVisible) {\r\n socialSidebar.classList.add('show');\r\n isSidebarVisible = true;\r\n } else if (scrollY <= 80 && isSidebarVisible) {\r\n socialSidebar.classList.remove('show');\r\n isSidebarVisible = false;\r\n }\r\n \r\n \/\/ 2. \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 \u2013 \u064a\u0638\u0647\u0631 \u0628\u0639\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 300px\r\n if (scrollY > 300 && !isBtnVisible) {\r\n scrollTopBtn.classList.add('show');\r\n isBtnVisible = true;\r\n } else if (scrollY <= 300 && isBtnVisible) {\r\n scrollTopBtn.classList.remove('show');\r\n isBtnVisible = false;\r\n }\r\n }\r\n \r\n \/\/ \u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0644\u062d\u062f\u062b \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n window.addEventListener('scroll', handleScroll, { passive: true });\r\n \r\n \/\/ \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 \u2013 \u0639\u0646\u062f \u0627\u0644\u0646\u0642\u0631 \u064a\u0639\u0648\u062f \u0628\u0633\u0644\u0627\u0633\u0629\r\n scrollTopBtn.addEventListener('click', function() {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n });\r\n \r\n \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u062f\u0627\u0644\u0629 \u0645\u0631\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629\r\n handleScroll();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57b5af2 e-flex e-con-boxed e-con e-parent\" data-id=\"57b5af2\" data-element_type=\"container\" data-e-type=\"container\" id=\"good\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53cfe3b elementor-widget elementor-widget-html\" data-id=\"53cfe3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700;800&display=swap');\r\n\r\n.quality-container {\r\n direction: rtl;\r\n font-family: 'Tajawal', sans-serif;\r\n background: transparent;\r\n padding: 20px 15px;\r\n color: #333;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n.quality-main-title {\r\n text-align: center;\r\n font-size: 38px;\r\n font-weight: 800;\r\n color: #e94a20 !important;\r\n margin-bottom: 20px;\r\n border-bottom: none !important;\r\n text-decoration: none !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0645\u0642\u062f\u0645\u0629 *\/\r\n.quality-intro {\r\n text-align: center;\r\n font-size: 16px;\r\n line-height: 1.9;\r\n color: #666;\r\n max-width: 900px;\r\n margin: 0 auto 40px auto;\r\n}\r\n\r\n\/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 *\/\r\n.quality-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-evenly;\r\n gap: 40px 20px;\r\n margin-bottom: 50px;\r\n}\r\n\r\n\/* \u0643\u0644 \u0642\u0633\u0645 \u0631\u0626\u064a\u0633\u064a *\/\r\n.quality-block {\r\n flex: 1 1 300px;\r\n max-width: 400px;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 15px;\r\n background: transparent;\r\n}\r\n\r\n\/* \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0642\u0633\u0645 *\/\r\n.block-section-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: #e94a20 !important;\r\n margin-bottom: 25px;\r\n border-bottom: none !important;\r\n text-decoration: none !important;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n\r\n\/* \u0627\u0644\u062f\u0627\u0626\u0631\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 *\/\r\n.number-circle-wrapper {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.number-circle {\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n background-color: #2e4162; \/* \u0644\u0648\u0646 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 *\/\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n font-weight: 800;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n box-shadow: 0 3px 8px rgba(46, 65, 98, 0.2);\r\n}\r\n\r\n.circle-content h4 {\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: #222;\r\n margin: 0 0 5px 0;\r\n}\r\n\r\n.circle-content p {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #666;\r\n margin: 0;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0644\u062b (\u062f\u0648\u0631\u0629 \u0636\u0628\u0637 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a) - \u062a\u0635\u0645\u064a\u0645 \u062e\u0627\u0635 *\/\r\n.quality-wide-section {\r\n flex: 1 1 100%;\r\n max-width: 900px;\r\n margin: 0 auto 30px auto;\r\n padding: 25px 15px;\r\n background: rgba(255,255,255,0.6);\r\n border-radius: 15px;\r\n border: 1px solid rgba(46, 65, 98, 0.1);\r\n}\r\n\r\n.quality-wide-section .block-section-title {\r\n justify-content: center;\r\n text-align: center;\r\n}\r\n\r\n.process-flow {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 15px 30px;\r\n margin: 20px 0;\r\n}\r\n\r\n.process-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: white;\r\n padding: 8px 18px;\r\n border-radius: 30px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n border: 1px solid #eee;\r\n}\r\n\r\n.process-item .number-circle-sm {\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n background-color: #2e4162;\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n font-weight: 800;\r\n}\r\n\r\n.process-item span {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #333;\r\n}\r\n\r\n\/* \u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 (\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0633\u0628\u0639) *\/\r\n.improvement-section {\r\n background: transparent;\r\n padding: 20px 0;\r\n text-align: center;\r\n}\r\n\r\n.improvement-steps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 10px 5px;\r\n margin: 20px 0;\r\n}\r\n\r\n.step-badge {\r\n background: #f8f9fa;\r\n border: 1px solid #e0e0e0;\r\n padding: 8px 18px;\r\n border-radius: 30px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #333;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.step-badge .num {\r\n background: #2e4162;\r\n color: white;\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 800;\r\n}\r\n\r\n\/* \u062a\u0648\u0627\u0641\u0642 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n@media (max-width: 768px) {\r\n .quality-main-title { font-size: 30px; }\r\n .quality-block { flex: 1 1 100%; max-width: 100%; }\r\n .block-section-title { font-size: 22px; }\r\n .number-circle { width: 40px; height: 40px; font-size: 18px; }\r\n .process-item { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<div class=\"quality-container\">\r\n\r\n <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n <h2 class=\"quality-main-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/h2>\r\n\r\n <!-- \u0627\u0644\u0645\u0642\u062f\u0645\u0629 -->\r\n <p class=\"quality-intro\">\r\n \u062a\u062a\u0639\u062f\u0649 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062f\u064a\u0646\u0627 \u0645\u062c\u0631\u062f \u0641\u062d\u0635 \u0639\u0627\u0628\u0631\u060c \u0628\u0644 \u0647\u064a \u062b\u0642\u0627\u0641\u0629 \u0631\u0627\u0633\u062e\u0629 \u0648\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0637\u0645\u0648\u062d\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062e\u062f\u0645\u0627\u062a \u0648\u0642\u0648\u062f \u062e\u0627\u0644\u064a\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u0639\u064a\u0648\u0628 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0648\u0635\u0648\u0644\u0627\u064b \u0625\u0644\u0649 \u0643\u0633\u0628 \u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0631\u0636\u0627\u0647\u0645 \u0627\u0644\u062a\u0627\u0645.\r\n <\/p>\r\n\r\n <div class=\"quality-grid\">\r\n\r\n <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u0648\u0644: \u0633\u064a\u0627\u0633\u0629 \u0648\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062c\u0648\u062f\u0629 -->\r\n <div class=\"quality-block\">\r\n <h3 class=\"block-section-title\">\r\n <i class=\"fa-regular fa-gem\" style=\"color:#2e4162; font-size: 28px;\"><\/i>\r\n \u0623\u0648\u0644\u0627\u064b: \u0633\u064a\u0627\u0633\u0629 \u0648\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062f\u064a\u0646\u0627\r\n <\/h3>\r\n \r\n <div class=\"number-circle-wrapper\">\r\n <div class=\"number-circle\">1<\/div>\r\n <div class=\"circle-content\">\r\n <h4>\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629<\/h4>\r\n <p>\u062a\u0637\u0628\u064a\u0642 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u062a\u0647\u064a\u0626\u0629 \u0628\u064a\u0626\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"number-circle-wrapper\">\r\n <div class=\"number-circle\">2<\/div>\r\n <div class=\"circle-content\">\r\n <h4>\u062b\u0628\u0627\u062a \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0627\u0644\u062e\u062f\u0645\u0629<\/h4>\r\n <p>\u0636\u0628\u0637 \u0643\u0627\u0645\u0644 \u0644\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u0648\u0642\u0648\u062f \u0648\u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0644\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0645\u0631.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"number-circle-wrapper\">\r\n <div class=\"number-circle\">3<\/div>\r\n <div class=\"circle-content\">\r\n <h4>\u0627\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u0646\u0641\u0627\u064a\u0627\u062a \u0648\u062a\u062e\u0641\u064a\u0636 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4>\r\n <p>\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0645\u0645\u0627 \u064a\u0646\u0639\u0643\u0633 \u0625\u064a\u062c\u0627\u0628\u064a\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0644\u0644\u0639\u0645\u064a\u0644.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"number-circle-wrapper\">\r\n <div class=\"number-circle\">4<\/div>\r\n <div class=\"circle-content\">\r\n <h4>\u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0627\u0644\u062f\u0627\u0626\u0645\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/h4>\r\n <p>\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u0641\u0631\u0648\u0639 \u0648\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u0627\u0644\u0645\u062d\u0637\u0627\u062a.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a: \u0622\u0644\u064a\u0629 \u062a\u0637\u0628\u064a\u0642 \u0646\u0638\u0627\u0645 \u0627\u0644\u062c\u0648\u062f\u0629 -->\r\n <div class=\"quality-block\">\r\n <h3 class=\"block-section-title\">\r\n <i class=\"fa-regular fa-clock\" style=\"color:#2e4162; font-size: 28px;\"><\/i>\r\n \u062b\u0627\u0646\u064a\u0627\u064b: \u0622\u0644\u064a\u0629 \u062a\u0637\u0628\u064a\u0642 \u0648\u0625\u0631\u0633\u0627\u0621 \u0646\u0638\u0627\u0645 \u0627\u0644\u062c\u0648\u062f\u0629\r\n <\/h3>\r\n \r\n <div class=\"number-circle-wrapper\">\r\n <div class=\"number-circle\">1<\/div>\r\n <div class=\"circle-content\">\r\n <h4>\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637<\/h4>\r\n <p>\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a \u0644\u0643\u0627\u0641\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u062a\u062d\u062f\u064a\u062f \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0648\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0643\u0644 \u062e\u062f\u0645\u0629 \u0648\u0645\u0627\u062f\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"number-circle-wrapper\">\r\n <div class=\"number-circle\">2<\/div>\r\n <div class=\"circle-content\">\r\n <h4>\u0627\u0644\u062a\u0648\u062b\u064a\u0642 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/h4>\r\n <p>\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0623\u062f\u0644\u0629 \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629\u060c \u0648\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0643\u0627\u062f\u0631 \u0627\u0644\u0648\u0638\u064a\u0641\u064a \u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"number-circle-wrapper\">\r\n <div class=\"number-circle\">3<\/div>\r\n <div class=\"circle-content\">\r\n <h4>\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0648\u0627\u0644\u062a\u0635\u062d\u064a\u062d<\/h4>\r\n <p>\u0625\u062c\u0631\u0627\u0621 \u0645\u0631\u0627\u062c\u0639\u0627\u062a \u062f\u0627\u062e\u0644\u064a\u0629 \u062f\u0648\u0631\u064a\u0629\u060c \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0630\u0643\u064a \u0648\u0627\u0644\u0633\u0631\u064a\u0639 \u0645\u0639 \u0634\u0643\u0627\u0648\u0649 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"number-circle-wrapper\">\r\n <div class=\"number-circle\">4<\/div>\r\n <div class=\"circle-content\">\r\n <h4>\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0648\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h4>\r\n <p>\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0645\u0639 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0627\u0646\u062d\u0629 \u0644\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u062e\u0627\u0631\u062c\u064a \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u0631\u0641\u0639 \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0644\u062b: \u062f\u0648\u0631\u0629 \u0636\u0628\u0637 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a (\u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0633\u0639) -->\r\n <div class=\"quality-wide-section\">\r\n <h3 class=\"block-section-title\">\r\n <i class=\"fa-regular fa-diagram-lean-canvas\" style=\"color:#2e4162; font-size: 28px;\"><\/i>\r\n \u062b\u0627\u0644\u062b\u0627\u064b: \u062f\u0648\u0631\u0629 \u0636\u0628\u0637 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a (\u0645\u0646 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u062d\u062a\u0649 \u0627\u0644\u0628\u064a\u0639)\r\n <\/h3>\r\n \r\n <div style=\"text-align: center; color: #666; font-size: 15px; margin-bottom: 15px;\">\r\n \u0646\u0637\u0628\u0642 \u0645\u0646\u0647\u062c\u064a\u0629 \u0631\u0642\u0627\u0628\u064a\u0629 \u0635\u0627\u0631\u0645\u0629 \u062a\u063a\u0637\u064a <strong style=\"color:#2e4162;\">25 \u0639\u0645\u0644\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629<\/strong> \u062a\u0634\u0645\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0648\u0623\u0628\u0631\u0632\u0647\u0627:\r\n <\/div>\r\n\r\n <div style=\"font-weight: 700; color: #e94a20; text-align: center; margin: 20px 0 10px;\">\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629<\/div>\r\n <div class=\"process-flow\">\r\n <div class=\"process-item\"><div class=\"number-circle-sm\">1<\/div><span>\u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0634\u0631\u0627\u0621<\/span><\/div>\r\n <div class=\"process-item\"><div class=\"number-circle-sm\">2<\/div><span>\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646<\/span><\/div>\r\n <div class=\"process-item\"><div class=\"number-circle-sm\">3<\/div><span>\u0641\u062d\u0635 \u0648\u0636\u0628\u0637 \u0627\u0644\u0645\u062e\u0632\u0648\u0646<\/span><\/div>\r\n <div class=\"process-item\"><div class=\"number-circle-sm\">4<\/div><span>\u0636\u0628\u0637 \u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/span><\/div>\r\n <div class=\"process-item\"><div class=\"number-circle-sm\">5<\/div><span>\u0627\u0644\u0641\u062d\u0635 \u0648\u0627\u0644\u062a\u0641\u062a\u064a\u0634 \u0627\u0644\u062f\u0642\u064a\u0642<\/span><\/div>\r\n <div class=\"process-item\"><div class=\"number-circle-sm\">6<\/div><span>\u062e\u062f\u0645\u0627\u062a \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639<\/span><\/div>\r\n <div class=\"process-item\"><div class=\"number-circle-sm\">7<\/div><span>\u0627\u0644\u0645\u0639\u0627\u064a\u0631\u0629 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/span><\/div>\r\n <\/div>\r\n\r\n <div style=\"font-weight: 700; color: #e94a20; text-align: center; margin: 20px 0 10px;\">\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629<\/div>\r\n <div class=\"process-flow\">\r\n <div class=\"process-item\"><div class=\"number-circle-sm\">8<\/div><span>\u0636\u0628\u0637 \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a<\/span><\/div>\r\n <div class=\"process-item\"><div class=\"number-circle-sm\">9<\/div><span>\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629<\/span><\/div>\r\n <div class=\"process-item\"><div class=\"number-circle-sm\">10<\/div><span>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0648\u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629<\/span><\/div>\r\n <\/div>\r\n\r\n <!-- \u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 -->\r\n <div class=\"improvement-section\">\r\n <h4 style=\"font-size: 20px; font-weight: 800; color: #e94a20; border-bottom: none !important; margin-top: 30px;\">\r\n \u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 (\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0633\u0628\u0639)\r\n <\/h4>\r\n <p style=\"color: #666; margin-bottom: 15px;\">\u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0646\u0647\u062c \u0627\u0644\u0639\u0644\u0645\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f \u0639\u0627\u0644\u0645\u064a\u0627\u064b \u0644\u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u062f\u0627\u0621:<\/p>\r\n <div class=\"improvement-steps\">\r\n <div class=\"step-badge\"><span class=\"num\">1<\/span> \u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0643\u0644\u0629<\/div>\r\n <div class=\"step-badge\"><span class=\"num\">2<\/span> \u062a\u062d\u0644\u064a\u0644\u0647\u0627<\/div>\r\n <div class=\"step-badge\"><span class=\"num\">3<\/span> \u0627\u0644\u062a\u062e\u0637\u064a\u0637<\/div>\r\n <div class=\"step-badge\"><span class=\"num\">4<\/span> \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u062a\u0641\u0633\u064a\u0631\u0647\u0627<\/div>\r\n <div class=\"step-badge\"><span class=\"num\">5<\/span> \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0641\u0639\u0644 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/div>\r\n <div class=\"step-badge\"><span class=\"num\">6<\/span> \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/div>\r\n <\/div>\r\n <p style=\"margin-top: 10px; font-size: 14px; color: #555; font-style: italic;\">\u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u2192 \u062a\u062d\u0644\u064a\u0644\u0647\u0627 \u2192 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u2192 \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u062a\u0641\u0633\u064a\u0631\u0647\u0627 \u2192 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0641\u0639\u0644 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u2192 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0627\u0644\u0645\u0633\u062a\u0645\u0631.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f110e5 e-flex e-con-boxed e-con e-parent\" data-id=\"4f110e5\" data-element_type=\"container\" data-e-type=\"container\" id=\"mo\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-835b706 elementor-widget elementor-widget-html\" data-id=\"835b706\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ====== \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0639\u0627\u0645\u0629 ====== *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700;800&display=swap');\r\n\r\n.expansion-container {\r\n direction: rtl;\r\n font-family: 'Tajawal', sans-serif;\r\n background: #f8fafc;\r\n padding: 40px 20px;\r\n color: #2d3748;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* ====== \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 ====== *\/\r\n.expansion-main-title {\r\n text-align: center;\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: #e94a20 !important;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.expansion-sub-title {\r\n text-align: center;\r\n font-size: 17px;\r\n color: #718096;\r\n margin-bottom: 45px;\r\n line-height: 1.6;\r\n}\r\n\r\n.section-sub-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: #2e4162 !important;\r\n margin-bottom: 30px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n\r\n.section-sub-title i {\r\n color: #e94a20;\r\n}\r\n\r\n\/* ====== \u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u062a\u0648\u0633\u0639 ====== *\/\r\n.pillars-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n margin-bottom: 60px;\r\n}\r\n\r\n.pillar-card {\r\n background: #ffffff;\r\n padding: 35px 25px;\r\n border-radius: 20px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n border: 1px solid #edf2f7;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\r\n}\r\n\r\n.pillar-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.06);\r\n}\r\n\r\n.pillar-icon {\r\n font-size: 40px;\r\n color: #2e4162 !important;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.pillar-number {\r\n display: inline-block;\r\n background: #e94a20;\r\n color: #ffffff;\r\n padding: 4px 15px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.pillar-card h4 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: #1a202c;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.pillar-card p {\r\n font-size: 15px;\r\n color: #718096;\r\n line-height: 1.8;\r\n margin: 0;\r\n}\r\n\r\n\/* ====== \u0642\u0633\u0645 \u0627\u0644\u062c\u062f\u0648\u0644 (\u0633\u0637\u062d \u0627\u0644\u0645\u0643\u062a\u0628) ====== *\/\r\n.timeline-section {\r\n background: #ffffff;\r\n padding: 40px;\r\n border-radius: 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\r\n border: 1px solid #edf2f7;\r\n}\r\n\r\n.table-wrapper {\r\n margin-top: 30px;\r\n overflow-x: auto;\r\n}\r\n\r\n.table-desktop {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: 15px;\r\n}\r\n\r\n.table-desktop th {\r\n background: #2e4162;\r\n color: #ffffff;\r\n padding: 20px 15px;\r\n text-align: center;\r\n font-weight: 700;\r\n}\r\n\r\n.table-desktop td {\r\n padding: 18px 15px;\r\n text-align: center;\r\n border-bottom: 1px solid #edf2f7;\r\n color: #4a5568;\r\n}\r\n\r\n.table-desktop .total-row td {\r\n background: #fff9f7;\r\n font-weight: 800;\r\n color: #e94a20;\r\n border-top: 2px solid #e94a20;\r\n}\r\n\r\n.total-badge {\r\n display: inline-block;\r\n background: #2e4162;\r\n color: #fff;\r\n padding: 6px 15px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n}\r\n\r\n.total-badge.highlight {\r\n background: #e94a20;\r\n}\r\n\r\n\/* ====== \ud83d\udcf1 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a (\u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0634\u0627\u0645\u0644\u0629) ====== *\/\r\n@media (max-width: 768px) {\r\n .expansion-container {\r\n padding: 30px 15px;\r\n }\r\n\r\n .expansion-main-title {\r\n font-size: 28px;\r\n }\r\n\r\n .timeline-section {\r\n padding: 25px 15px;\r\n box-shadow: none;\r\n border: none;\r\n background: transparent;\r\n }\r\n\r\n \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062c\u062f\u0648\u0644 \u0625\u0644\u0649 \u0643\u0631\u0648\u062a \u0628\u064a\u0627\u0646\u0627\u062a *\/\r\n .table-desktop, .table-desktop thead, .table-desktop tbody, .table-desktop tr, .table-desktop td {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .table-desktop thead {\r\n display: none; \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0631\u0623\u0633 \u062a\u0645\u0627\u0645\u0627\u064b *\/\r\n }\r\n\r\n .table-desktop tr {\r\n background: #ffffff;\r\n margin-bottom: 25px;\r\n border-radius: 20px;\r\n padding: 0; \/* \u062a\u0635\u0641\u064a\u0631 \u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c \u0644\u0623\u0646\u0646\u0627 \u0633\u0646\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0647\u064a\u062f\u0631 *\/\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n border: 1px solid #edf2f7;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n \/* \u062a\u0645\u064a\u064a\u0632 \u0627\u0644\u0633\u0646\u0629 \u0643\u0639\u0646\u0648\u0627\u0646 \u0644\u0644\u0643\u0627\u0631\u062a *\/\r\n .table-desktop td[data-label=\"\u0627\u0644\u0633\u0646\u0648\u0627\u062a\"] {\r\n background: #2e4162 !important;\r\n color: #ffffff !important;\r\n text-align: center;\r\n font-weight: 800;\r\n font-size: 18px;\r\n padding: 12px;\r\n border-bottom: none;\r\n }\r\n .table-desktop td[data-label=\"\u0627\u0644\u0633\u0646\u0648\u0627\u062a\"]::before {\r\n display: none; \/* \u0625\u062e\u0641\u0627\u0621 \u0643\u0644\u0645\u0629 \"\u0627\u0644\u0633\u0646\u0629\" \u0644\u0623\u0646 \u0627\u0644\u0631\u0642\u0645 \u0648\u0627\u0636\u062d *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062e\u0644\u0627\u064a\u0627 \u062f\u0627\u062e\u0644 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n .table-desktop td {\r\n padding: 15px 20px;\r\n text-align: right;\r\n border-bottom: 1px solid #f1f5f9;\r\n display: flex;\r\n flex-direction: column; \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0641\u0648\u0642 \u0627\u0644\u0642\u064a\u0645\u0629 \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u0642\u0637\u064a\u0639 *\/\r\n gap: 5px;\r\n background: #fff !important;\r\n }\r\n\r\n .table-desktop td:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 *\/\r\n .table-desktop td::before {\r\n content: attr(data-label);\r\n font-weight: 700;\r\n color: #718096;\r\n font-size: 13px;\r\n margin-bottom: 2px;\r\n display: block;\r\n }\r\n\r\n \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0646\u0635\u0648\u0635 \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u0627\u0644\u062a\u0642\u0637\u064a\u0639 *\/\r\n .table-desktop td {\r\n font-size: 15px;\r\n color: #2d3748;\r\n line-height: 1.6;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .sub-text {\r\n display: block;\r\n color: #718096;\r\n font-size: 14px;\r\n margin-top: 4px;\r\n white-space: normal !important; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0628\u0646\u0632\u0648\u0644 \u0627\u0644\u0646\u0635 \u0644\u0644\u0633\u0637\u0631 \u0627\u0644\u062a\u0627\u0644\u064a \u0628\u0634\u0643\u0644 \u0637\u0628\u064a\u0639\u064a *\/\r\n }\r\n\r\n \/* \u0643\u0627\u0631\u062a \u0627\u0644\u0645\u062c\u0645\u0648\u0639 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n .table-desktop .total-row {\r\n background: #fff9f7;\r\n border: 2px solid #ffe4d9;\r\n }\r\n .table-desktop .total-row td[data-label=\"\u0627\u0644\u0633\u0646\u0648\u0627\u062a\"] {\r\n background: #e94a20 !important;\r\n color: #fff !important;\r\n }\r\n\r\n .total-badge {\r\n width: fit-content;\r\n margin: 0;\r\n }\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n@keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.pillar-card { animation: fadeInUp 0.5s ease forwards; }\r\n<\/style>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<div class=\"expansion-container\">\r\n\r\n <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n <h2 class=\"expansion-main-title\">\u062e\u0637\u0629 \u0627\u0644\u062a\u0648\u0633\u0639<\/h2>\r\n <p class=\"expansion-sub-title\">\u0646\u062d\u0648 \u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/p>\r\n\r\n <!-- \u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u062a\u0648\u0633\u0639 -->\r\n <h3 class=\"section-sub-title\">\r\n <i class=\"fa-solid fa-compass\"><\/i>\r\n \u0623\u0648\u0644\u0627\u064b: \u0631\u0643\u0627\u0626\u0632 \u0648\u0645\u062d\u0627\u0648\u0631 \u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\r\n <\/h3>\r\n <div class=\"pillars-grid\">\r\n <div class=\"pillar-card\">\r\n <div class=\"pillar-number\">01<\/div>\r\n <div class=\"pillar-icon\"><i class=\"fa-solid fa-bullseye\"><\/i><\/div>\r\n <h4>\u0627\u0642\u062a\u0646\u0627\u0635 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629<\/h4>\r\n <p>\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0648\u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0634\u0647\u062f \u0646\u0642\u0635\u0627\u064b \u0641\u064a \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f \u0644\u062a\u062d\u0642\u064a\u0642 \u0639\u0648\u0627\u0626\u062f \u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u0642\u0648\u064a\u0629.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar-card\">\r\n <div class=\"pillar-number\">02<\/div>\r\n <div class=\"pillar-icon\"><i class=\"fa-solid fa-coins\"><\/i><\/div>\r\n <h4>\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/h4>\r\n <p>\u0645\u0648\u0627\u0621\u0645\u0629 \u0627\u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u0648\u0633\u0639\u064a\u0629 \u0628\u062f\u0642\u0629 \u0645\u0639 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0648\u0627\u0644\u0645\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0642\u0631\u0631\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar-card\">\r\n <div class=\"pillar-number\">03<\/div>\r\n <div class=\"pillar-icon\"><i class=\"fa-regular fa-calendar-check\"><\/i><\/div>\r\n <h4>\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062c\u062f\u0648\u0644 \u0648\u0627\u0644\u0640\u0647\u0648\u064a\u0629<\/h4>\r\n <p>\u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0635\u0627\u0631\u0645 \u0644\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0628\u0627\u0644\u062a\u0648\u0627\u0632\u064a \u0645\u0639 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0631\u0627\u0642\u064a\u0629 \u0644\u0644\u0645\u0646\u0634\u0623\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u062e\u0627\u0631\u0637\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 -->\r\n <div class=\"timeline-section\">\r\n <h3 class=\"section-sub-title\">\r\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n \u062b\u0627\u0646\u064a\u0627\u064b: \u0627\u0644\u062e\u0627\u0631\u0637\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0648\u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0645\u062d\u0637\u0627\u062a\r\n <\/h3>\r\n <p style=\"text-align: center; color: #718096; font-size: 16px; margin-bottom: 30px; line-height: 1.7;\">\r\n \u062a\u063a\u0637\u064a\u0629 \u0645\u062f\u0631\u0648\u0633\u0629 \u0644\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u062e\u0627\u0631\u062c \u0627\u0644\u0645\u062f\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a \u0627\u0644\u062a\u0627\u0644\u064a:\r\n <\/p>\r\n\r\n <div class=\"table-wrapper\">\r\n <table class=\"table-desktop\">\r\n <thead>\r\n <tr>\r\n <th>\u0627\u0644\u0633\u0646\u0648\u0627\u062a<\/th>\r\n <th>\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f (\u062e\u0627\u0631\u062c \u0627\u0644\u0645\u062f\u0646)<\/th>\r\n <th>\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u063a\u0637\u0627\u0629<\/th>\r\n <th>\u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td data-label=\"\u0627\u0644\u0633\u0646\u0648\u0627\u062a\">2024<\/td>\r\n <td data-label=\"\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f\">\u0645\u062d\u0637\u062a\u0627\u0646 <span class=\"sub-text\">(\u0627\u0644\u0623\u0641\u0644\u0627\u062c - \u0627\u0644\u0645\u0632\u0627\u062d\u0645\u064a\u0629)<\/span><\/td>\r\n <td data-label=\"\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u063a\u0637\u0627\u0629\">\u0645\u062d\u0637\u0629 \u0648\u0627\u062d\u062f\u0629 <span class=\"sub-text\">(\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0631\u064a\u0627\u0636)<\/span><\/td>\r\n <td data-label=\"\u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a\"><span class=\"total-badge\">3 \u0645\u062d\u0637\u0627\u062a<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td data-label=\"\u0627\u0644\u0633\u0646\u0648\u0627\u062a\">2025<\/td>\r\n <td data-label=\"\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f\">4 \u0645\u062d\u0637\u0627\u062a <span class=\"sub-text\">(\u0627\u0644\u0637\u0627\u0626\u0641 - \u062c\u062f\u0629)<\/span><\/td>\r\n <td data-label=\"\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u063a\u0637\u0627\u0629\"><span style=\"color:#a0aec0;\">\u2014<\/span><\/td>\r\n <td data-label=\"\u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a\"><span class=\"total-badge\">4 \u0645\u062d\u0637\u0627\u062a<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td data-label=\"\u0627\u0644\u0633\u0646\u0648\u0627\u062a\">2026<\/td>\r\n <td data-label=\"\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f\">14 \u0645\u062d\u0637\u0629 <span class=\"sub-text\">(\u062c\u062f\u0629 - \u0627\u0644\u0637\u0627\u0626\u0641 - \u0637\u0631\u064a\u0641 - \u0639\u0631\u0639\u0631 - \u062c\u0627\u0632\u0627\u0646 - \u0627\u0644\u0631\u0648\u064a\u0636\u0629 - \u0627\u0644\u062f\u0648\u0627\u062f\u0645\u064a - \u0627\u0644\u0642\u0648\u064a\u0639\u064a\u0629)<\/span><\/td>\r\n <td data-label=\"\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u063a\u0637\u0627\u0629\"><span style=\"color:#a0aec0;\">\u2014<\/span><\/td>\r\n <td data-label=\"\u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a\"><span class=\"total-badge\">14 \u0645\u062d\u0637\u0629<\/span><\/td>\r\n <\/tr>\r\n <tr class=\"total-row\">\r\n <td data-label=\"\u0627\u0644\u0633\u0646\u0648\u0627\u062a\">\u0627\u0644\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u0643\u0644\u064a<\/td>\r\n <td data-label=\"\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f\">20 \u0645\u062d\u0637\u0629<\/td>\r\n <td data-label=\"\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u063a\u0637\u0627\u0629\">\u0645\u062d\u0637\u0629 \u0648\u0627\u062d\u062f\u0629<\/td>\r\n <td data-label=\"\u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a\"><span class=\"total-badge highlight\">21 \u0645\u062d\u0637\u0629 \u0625\u062c\u0645\u0627\u0644\u0627\u064b<\/span><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <!-- \u062a\u0630\u064a\u064a\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a -->\r\n <div style=\"display: flex; justify-content: center; margin-top: 30px; font-size: 14px; color: #718096; gap: 20px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid #edf2f7;\">\r\n <span><i class=\"fa-solid fa-check-circle\" style=\"color:#2e4162; margin-left:5px;\"><\/i> \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u062d\u0637\u0627\u062a: <strong style=\"color:#2e4162;\">20<\/strong><\/span>\r\n <span><i class=\"fa-solid fa-clock\" style=\"color:#2e4162; margin-left:5px;\"><\/i> \u0627\u0644\u0641\u062a\u0631\u0629: <strong style=\"color:#2e4162;\">2024 \u2013 2026<\/strong><\/span>\r\n <span><i class=\"fa-solid fa-location-dot\" style=\"color:#2e4162; margin-left:5px;\"><\/i> \u0627\u0644\u0646\u0637\u0627\u0642: <strong style=\"color:#2e4162;\">\u0627\u0644\u0631\u064a\u0627\u0636<\/strong><\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-716d6d1 e-flex e-con-boxed e-con e-parent\" data-id=\"716d6d1\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\" data-settings=\"{"background_background":"classic","shape_divider_top":"opacity-tilt"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee09ec0 elementor-widget elementor-widget-html\" data-id=\"ee09ec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700&display=swap');\r\n\r\n.contact-container {\r\n direction: rtl;\r\n font-family: 'Tajawal', sans-serif;\r\n background: transparent;\r\n padding: 20px 15px;\r\n text-align: center;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n.contact-title {\r\n font-size: 34px;\r\n font-weight: 800;\r\n color: #ffffff !important;\r\n margin-bottom: 25px;\r\n border-bottom: none !important;\r\n text-decoration: none !important;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 *\/\r\n.contact-items {\r\n display: flex;\r\n flex-wrap: nowrap; \/* \u0644\u0644\u062d\u0648\u0627\u0633\u064a\u0628: \u0623\u0641\u0642\u064a *\/\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* \u0643\u0644 \u0631\u0627\u0628\u0637 *\/\r\n.contact-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n border-bottom: none !important;\r\n padding: 12px 20px;\r\n background: rgba(255, 255, 255, 0.08);\r\n border-radius: 30px;\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(255,255,255,0.05);\r\n backdrop-filter: blur(2px);\r\n \/* \u0625\u0632\u0627\u0644\u0629 \u0642\u0635 \u0627\u0644\u0646\u0635 *\/\r\n white-space: nowrap;\r\n}\r\n\r\n.contact-link:hover {\r\n transform: translateY(-3px);\r\n background: rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n\/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n.contact-icon {\r\n font-size: 24px;\r\n color: #ffffff !important;\r\n text-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n.contact-text {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #ffffff !important;\r\n text-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n white-space: nowrap;\r\n}\r\n\r\n\/* \ud83d\udcf1 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 (\u0639\u0645\u0648\u062f\u064a \u0648\u0646\u0635\u0648\u0635 \u0643\u0627\u0645\u0644\u0629) *\/\r\n@media (max-width: 768px) {\r\n .contact-title { font-size: 28px; margin-bottom: 20px; }\r\n \r\n \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0639\u0631\u0636 \u0625\u0644\u0649 \u0639\u0645\u0648\u062f\u064a *\/\r\n .contact-items {\r\n flex-wrap: wrap; \/* \u064a\u0633\u0645\u062d \u0628\u0627\u0644\u0639\u0646\u0648\u0646\u0629 *\/\r\n flex-direction: column;\r\n gap: 15px;\r\n padding: 0 10px;\r\n }\r\n \r\n .contact-link {\r\n width: 100%;\r\n max-width: 350px;\r\n justify-content: center;\r\n padding: 14px 20px;\r\n border-radius: 40px;\r\n background: rgba(255, 255, 255, 0.1);\r\n white-space: normal; \/* \u064a\u0633\u0645\u062d \u0628\u0627\u0644\u0646\u0635 \u0627\u0644\u0637\u0648\u064a\u0644 *\/\r\n }\r\n \r\n .contact-icon {\r\n font-size: 26px;\r\n }\r\n \r\n .contact-text {\r\n font-size: 16px;\r\n white-space: normal; \/* \u0644\u0627 \u064a\u0642\u0635 \u0627\u0644\u0646\u0635 *\/\r\n text-align: center;\r\n line-height: 1.4;\r\n }\r\n \r\n \/* \u0625\u0632\u0627\u0644\u0629 \u0623\u064a \u062d\u062f \u0623\u0642\u0635\u0649 \u0644\u0644\u0639\u0631\u0636 *\/\r\n .contact-link {\r\n max-width: 100%;\r\n }\r\n}\r\n<\/style>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<div class=\"contact-container\">\r\n\r\n <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\r\n <h2 class=\"contact-title\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\r\n\r\n <div class=\"contact-items\">\r\n\r\n <!-- TikTok -->\r\n <a href=\"https:\/\/www.tiktok.com\/@naftha.station\" target=\"_blank\" class=\"contact-link\">\r\n <i class=\"contact-icon fab fa-tiktok\"><\/i>\r\n <span class=\"contact-text\">@naftha.station<\/span>\r\n <\/a>\r\n\r\n <!-- X -->\r\n <a href=\"https:\/\/x.com\/NAFTHA11\" target=\"_blank\" class=\"contact-link\">\r\n <i class=\"contact-icon fa-brands fa-x-twitter\"><\/i>\r\n <span class=\"contact-text\">@NAFTHA11<\/span>\r\n <\/a>\r\n\r\n <!-- \u0627\u0644\u0625\u064a\u0645\u064a\u0644 -->\r\n <a href=\"mailto:info@naftha.com.sa\" class=\"contact-link\">\r\n <i class=\"contact-icon fa-regular fa-envelope\"><\/i>\r\n <span class=\"contact-text\">info@naftha.com.sa<\/span>\r\n <\/a>\r\n\r\n <!-- \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 (\u062b\u0627\u0628\u062a) -->\r\n <a href=\"tel:920008243\" class=\"contact-link\">\r\n <i class=\"contact-icon fa-solid fa-phone\"><\/i>\r\n <span class=\"contact-text\">920008243<\/span>\r\n <\/a>\r\n\r\n <!-- \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 -->\r\n <a href=\"tel:0554057076\" class=\"contact-link\">\r\n <i class=\"contact-icon fa-solid fa-mobile-screen\"><\/i>\r\n <span class=\"contact-text\">0554057076<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe1b5a5 e-flex e-con-boxed e-con e-parent\" data-id=\"fe1b5a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t\n<hr class=\"e-divider-base\" data-interaction-id=\"3f07f52\" \/>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b8eb99 elementor-widget elementor-widget-html\" data-id=\"1b8eb99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"text-align: center; color: #0a1e42; font-size: 14px; padding: 5px 0; direction: rtl;\">\r\n \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0647 \u0645\u0627\u0641\u062b\u0627 \u0644\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f 2026\r\n <br>\r\n \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \r\n <a href=\"https:\/\/shadowdesigner.net\/\" target=\"_blank\" style=\"color: #eb4309; text-decoration: none; font-weight: bold;\">\r\n \u0634\u062f\u0648 \u062f\u064a\u0632\u0627\u064a\u0646\r\n <\/a>\r\n<\/div>\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>\u0646\u0627\u0641\u062b\u0627 \u0644\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f | \u062d\u0644\u0648\u0644 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0646\u0627\u0641\u062b\u0627 \u0644\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f – \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0637\u0631\u0642 \u0641\u064a \u0639\u0645\u0644\u064a\u062a\u0646\u0627 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629   \u0627\u0644\u0627\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0646 \u0646\u062d\u0646 \u062a\u0623\u0633\u0633\u062a \u0634\u0631\u0643\u0629 “\u0646\u0627\u0641\u062b\u0627” \u0641\u064a \u0639\u0627\u0645 2021\u0645\u060c \u0644\u062a\u0636\u0639 \u0628\u0635\u0645\u062a\u0647\u0627 \u0643\u0623\u062d\u062f \u0627\u0644\u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u0641\u0627\u0639\u0644\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0628\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629. \u0645\u0646\u0630 \u0627\u0646\u0637\u0644\u0627\u0642\u062a\u0646\u0627\u060c \u062a\u0631\u0643\u0632\u062a \u062c\u0647\u0648\u062f\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u062e\u0635\u0635 \u0628\u0623\u0639\u0645\u0627\u0644 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0628\u0646\u0632\u064a\u0646 \u0648\u0627\u0644\u062f\u064a\u0632\u0644\u060c \u062d\u064a\u062b \u0633\u0639\u064a\u0646\u0627 […]<\/p>\n","protected":false},"author":1,"featured_media":42,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/naftha.com.sa\/index.php?rest_route=\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naftha.com.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naftha.com.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naftha.com.sa\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naftha.com.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":331,"href":"https:\/\/naftha.com.sa\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":494,"href":"https:\/\/naftha.com.sa\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/494"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/naftha.com.sa\/index.php?rest_route=\/wp\/v2\/media\/42"}],"wp:attachment":[{"href":"https:\/\/naftha.com.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}