{"id":1040,"date":"2025-05-23T05:06:24","date_gmt":"2025-05-23T05:06:24","guid":{"rendered":"https:\/\/rof.sa\/services\/"},"modified":"2025-09-03T11:52:27","modified_gmt":"2025-09-03T11:52:27","slug":"services","status":"publish","type":"page","link":"https:\/\/rof.sa\/ar\/services\/","title":{"rendered":"\u0627\u0644\u062e\u062f\u0645\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1040\" class=\"elementor elementor-1040 elementor-356\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-045e39a e-flex e-con-boxed e-con e-parent\" data-id=\"045e39a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-460948a animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"460948a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:20}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39b1c0f elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"39b1c0f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0641\u064a \u0631\u0648\u0641 \u0645\u0639\u0645\u0627\u0631\u064a\u0648\u0646\u060c \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0644\u0627 \u064a\u062a\u062d\u0642\u0642 \u0625\u0644\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u0645\u0627\u0639\u064a \u0627\u0644\u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0645\u0647\u0627\u0631\u0627\u062a\u0647\u0645 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629. \u0644\u0630\u0644\u0643 \u0646\u0648\u0644\u064a \u0627\u0647\u062a\u0645\u0627\u0645\u064b\u0627 \u0628\u0627\u0644\u063a\u064b\u0627 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0639\u0636\u0627\u0621 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u062d\u0633 \u0627\u0644\u0641\u0646\u064a\u060c \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\u060c \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u062a\u0644\u0628\u064a \u062a\u0637\u0644\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621. \u064a\u062a\u0645\u062a\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u062e\u0628\u0631\u0627\u062a \u0645\u062a\u0631\u0627\u0643\u0645\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0646 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0631\u062a\u0642\u064a \u0628\u0623\u0641\u0643\u0627\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0625\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0623\u0639\u0644\u0649 \u0645\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. \u0646\u062d\u0646 \u0645\u0644\u062a\u0632\u0645\u0648\u0646 \u0628\u062a\u0642\u062f\u064a\u0645 \u0645\u062e\u0631\u062c\u0627\u062a \u062a\u0648\u0627\u0643\u0628 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u062a\u0639\u0643\u0633 \u0631\u0624\u064a\u062a\u0646\u0627 \u0641\u064a \u062e\u0644\u0642 \u0628\u064a\u0626\u0627\u062a \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u0648\u0645\u0633\u062a\u062f\u0627\u0645\u0629.<\/p>\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-6293afd e-flex e-con-boxed e-con e-parent\" data-id=\"6293afd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9bf249 animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"d9bf249\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"86\" height=\"80\" src=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/05\/Group-1000001778-1.svg\" class=\"attachment-large size-large wp-image-774\" alt=\"\" \/>\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-6a01e21 e-flex e-con-boxed e-con e-parent\" data-id=\"6a01e21\" data-element_type=\"container\" id=\"sec-services\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6607db2 animated-slow e-n-tabs-mobile elementor-invisible elementor-widget elementor-widget-n-tabs\" data-id=\"6607db2\" data-element_type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;center&quot;,&quot;tabs_justify_horizontal_mobile&quot;:&quot;center&quot;,&quot;horizontal_scroll_mobile&quot;:&quot;disable&quot;,&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"106986930\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"tab1\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1069869301\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"tab2\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1069869302\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"mtab4\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1069869303\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u0627\u0644\u0627\u0634\u0631\u0627\u0641 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-1069869301\" role=\"tabpanel\" aria-labelledby=\"tab1\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-848cfcd e-con-full e-flex e-con e-child\" data-id=\"848cfcd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4dd91d elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"c4dd91d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"289\" src=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a-1024x370.png\" class=\"attachment-large size-large wp-image-2535\" alt=\"\" srcset=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a-1024x370.png 1024w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a-300x108.png 300w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a-768x277.png 768w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a-1536x554.png 1536w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a-2048x739.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\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<div class=\"elementor-element elementor-element-ae37f5b animated-slow elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"ae37f5b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:70}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0646\u0646\u0638\u0631 \u0625\u0644\u0649 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a \u0628\u0627\u0639\u062a\u0628\u0627\u0631\u0647 \u0639\u0645\u0644\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u0646\u0637\u0642 \u0648\u0627\u0644\u0641\u0646 \u0648\u0627\u0644\u0639\u0644\u0645\u060c \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0627\u0628\u062a\u0643\u0627\u0631 \u062d\u0644\u0648\u0644 \u0645\u0643\u0627\u0646\u064a\u0629 \u062a\u0646\u0633\u062c\u0645 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629. \u0641\u0647\u0648 \u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u062a\u0634\u0643\u064a\u0644 \u0628\u0635\u0631\u064a \u0644\u0644\u0645\u0628\u0627\u0646\u064a\u060c \u0628\u0644 \u0647\u0648 \u062f\u0631\u0627\u0633\u0629 \u0645\u062a\u0639\u0645\u0642\u0629 \u0644\u0643\u064a\u0641\u064a\u0629 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0641\u0631\u0627\u063a\u0627\u062a \u0648\u062a\u0648\u0632\u064a\u0639\u0647\u0627 \u0628\u0645\u0627 \u064a\u062e\u062f\u0645 \u0623\u0646\u0645\u0627\u0637 \u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0634\u0631 \u0648\u0623\u0646\u0634\u0637\u062a\u0647\u0645 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u062b\u0644 \u0627\u0644\u0633\u0643\u0646\u060c \u0648\u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u062c\u0645\u0627\u0645\u060c \u0648\u0627\u0644\u062a\u0639\u0627\u0641\u064a. \u0625\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a \u0627\u0644\u062c\u064a\u062f \u064a\u0639\u0643\u0633 \u0641\u0647\u0645\u064b\u0627 \u0639\u0645\u064a\u0642\u064b\u0627 \u0644\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u0648\u064a\u062a\u0631\u062c\u0645 \u0630\u0644\u0643 \u0625\u0644\u0649 \u0628\u064a\u0626\u0627\u062a \u062a\u062d\u0642\u0642 \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0648\u0627\u0644\u062c\u0645\u0627\u0644 \u0641\u064a \u0622\u0646\u064d \u0648\u0627\u062d\u062f.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1069869302\" role=\"tabpanel\" aria-labelledby=\"tab2\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-eed6c4c e-con-full e-flex e-con e-child\" data-id=\"eed6c4c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45ca34f elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"45ca34f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"229\" src=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u062f\u0627\u062e\u0644\u064a-1024x293.png\" class=\"attachment-large size-large wp-image-2533\" alt=\"\" srcset=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u062f\u0627\u062e\u0644\u064a-1024x293.png 1024w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u062f\u0627\u062e\u0644\u064a-300x86.png 300w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u062f\u0627\u062e\u0644\u064a-768x219.png 768w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u062f\u0627\u062e\u0644\u064a-1536x439.png 1536w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u062f\u0627\u062e\u0644\u064a-2048x585.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\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<div class=\"elementor-element elementor-element-0830639 animated-slow elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"0830639\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:70}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0647\u0648 \u0639\u0645\u0644\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0644\u0644\u0641\u0631\u0627\u063a\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0628\u0637\u0631\u064a\u0642\u0629 \u062a\u0644\u0628\u064a \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0631\u0648\u062d\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f\u060c \u0645\u0639 \u0636\u0645\u0627\u0646 \u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0628\u0646\u0649. \u0648\u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0639\u0646\u0627\u0635\u0631 \u062a\u0642\u0646\u064a\u0629 \u0648\u062a\u062e\u0637\u064a\u0637\u064a\u0629 \u062f\u0642\u064a\u0642\u0629\u060c \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0627\u0647\u062a\u0645\u0627\u0645 \u0643\u0628\u064a\u0631 \u0628\u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0636\u0641\u064a \u0639\u0644\u0649 \u0627\u0644\u0645\u0643\u0627\u0646 \u0637\u0627\u0628\u0639\u0627\u064b \u0645\u0645\u064a\u0632\u0627\u064b \u0648\u0647\u0648\u064a\u0629 \u0641\u0631\u064a\u062f\u0629. \u0648\u064a\u064f\u0639\u062a\u0628\u0631 \u0647\u0630\u0627 \u0627\u0644\u062a\u062e\u0635\u0635 \u0623\u062d\u062f \u0627\u0644\u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u064f\u0633\u0647\u0645 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u062d\u064a\u0627\u0629 \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a \u0645\u0639 \u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u0645\u0628\u0646\u064a\u0629<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1069869303 mtab4\" role=\"tabpanel\" aria-labelledby=\"mtab4\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-c9a96f4 e-con-full e-flex e-con e-child\" data-id=\"c9a96f4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d624658 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"d624658\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/IMG_6348-2-768x1024.webp\" class=\"attachment-large size-large wp-image-2550\" alt=\"\" srcset=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/IMG_6348-2-768x1024.webp 768w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/IMG_6348-2-225x300.webp 225w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/IMG_6348-2-1152x1536.webp 1152w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/IMG_6348-2-1536x2048.webp 1536w, https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/IMG_6348-2-scaled.webp 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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<div class=\"elementor-element elementor-element-05d35df animated-slow elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"05d35df\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:70}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0645\u0646\u0641\u0630 \u0628\u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u062a\u0646\u0641\u064a\u0630\u0647\u0627 \u0648\u0641\u0642 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0645\u0627 \u064a\u062d\u0642\u0642 \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u062e\u0631\u0648\u062c \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0625\u0644\u0649 \u0627\u0644\u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639 \u0643\u0645\u0627 \u062e\u0637\u0637 \u0644\u0647 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c8fda3 elementor-widget elementor-widget-spacer\" data-id=\"3c8fda3\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efaa856 elementor-widget__width-initial animated-slow elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"efaa856\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0641\u064a \u0631\u0648\u0641\u060c \u0644\u0627 \u0646\u0643\u062a\u0641\u064a \u0628\u0628\u0646\u0627\u0621 \u0627\u0644\u062c\u062f\u0631\u0627\u0646\u060c \u0628\u0644 \u0646\u0635\u0645\u0645 \u062a\u062c\u0627\u0631\u0628 \u063a\u0627\u0645\u0631\u0629 \u062a\u064f\u0634\u0639\u0644 \u0627\u0644\u062e\u064a\u0627\u0644\u060c \u0648\u062a\u0639\u0632\u0632 \u0627\u0644\u062a\u0631\u0627\u0628\u0637\u060c \u0648\u062a\u0628\u0642\u0649 \u062e\u0627\u0644\u062f\u0629 \u0639\u0628\u0631 \u0627\u0644\u0632\u0645\u0646. \u0627\u0646\u0636\u0645\u0648\u0627 \u0625\u0644\u064a\u0646\u0627 \u0641\u064a \u0631\u062d\u0644\u0629 \u0646\u0639\u064a\u062f \u0641\u064a\u0647\u0627 \u062a\u0639\u0631\u064a\u0641 \u062d\u062f\u0648\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u060c \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0631\u0627\u0626\u062f\u064b\u0627 \u062a\u0644\u0648 \u0627\u0644\u0622\u062e\u0631.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6222e2 e-con-full e-flex e-con e-child\" data-id=\"e6222e2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a3b6e animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"c8a3b6e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/rof.sa\/ar\/contact-us\/\">\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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"17\" viewBox=\"0 0 20 17\" fill=\"none\"><path d=\"M19.6698 8.88818L12.7982 15.7598C12.583 15.9749 12.2912 16.0958 11.987 16.0958C11.6827 16.0958 11.3909 15.9749 11.1757 15.7598C10.9606 15.5446 10.8397 15.2528 10.8397 14.9486C10.8397 14.6443 10.9606 14.3525 11.1757 14.1373L16.0918 9.22317H2.06226C1.75852 9.22317 1.46721 9.1025 1.25243 8.88772C1.03765 8.67295 0.916992 8.38164 0.916992 8.0779C0.916992 7.77415 1.03765 7.48285 1.25243 7.26807C1.46721 7.05329 1.75852 6.93263 2.06226 6.93263H16.0918L11.1776 2.01561C10.9625 1.80046 10.8416 1.50865 10.8416 1.20438C10.8416 0.900112 10.9625 0.608304 11.1776 0.393152C11.3928 0.178 11.6846 0.0571289 11.9889 0.0571289C12.2931 0.0571289 12.5849 0.178 12.8001 0.393152L19.6717 7.26476C19.7785 7.3713 19.8632 7.49789 19.9209 7.63725C19.9786 7.77662 20.0083 7.92602 20.0081 8.07686C20.0079 8.22771 19.9779 8.37704 19.9199 8.51627C19.8618 8.65549 19.7768 8.78189 19.6698 8.88818Z\" fill=\"#13182D\"><\/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<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1864ef6 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"1864ef6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"123\" height=\"33\" src=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/05\/Group-1000001772-1.svg\" class=\"attachment-full size-full wp-image-773\" alt=\"\" \/>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f819ba animated-slow e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"7f819ba\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-dadd5e0 e-con-full e-flex e-con e-child\" data-id=\"dadd5e0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-832627a elementor-widget elementor-widget-heading\" data-id=\"832627a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u062a\u062a\u0645\u062d\u0648\u0631 \u0641\u0644\u0633\u0641\u0629 \u062a\u0635\u0645\u064a\u0645\u0646\u0627 \u062d\u0648\u0644 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062a\u0639\u0642\u064a\u062f\u0627\u062a \u0625\u0644\u0649 \u062d\u0644\u0648\u0644 \u0628\u0633\u064a\u0637\u0629 \u0634\u0643\u0644\u0627\u064b \u0648\u0648\u0638\u064a\u0641\u0629\u064b\u060c \u0645\u0639 \u0648\u0639\u064a \u0639\u0645\u064a\u0642 \u0628\u0627\u0644\u0633\u064a\u0627\u0642 \u0648\u0627\u0644\u0628\u064f\u0639\u062f \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a\u060c \u062d\u064a\u062b \u064a\u0628\u062f\u0623 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0628\u062f\u0631\u0627\u0633\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u0643 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0648\u0627\u0644\u062c\u062f\u0648\u0649 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0644\u064a\u062a\u0637\u0648\u0631 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0645\u0646 \u0631\u0633\u0648\u0645\u0627\u062a \u064a\u062f\u0648\u064a\u0629 \u0623\u0648\u0644\u064a\u0629 \u0625\u0644\u0649 \u0645\u062e\u0637\u0637\u0627\u062a \u0648\u0646\u0645\u0627\u0630\u062c \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u062f\u0642\u064a\u0642\u0629. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8a731d e-con-full e-flex e-con e-child\" data-id=\"d8a731d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-917c3ef elementor-widget__width-initial elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-button\" data-id=\"917c3ef\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/rof.sa\/ar\/projects\/?jsf=jet-engine:more-projects&#038;tax=project-categories:43\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9ae890 elementor-widget__width-initial elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-button\" data-id=\"c9ae890\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/rof.sa\/ar\/projects\/?jsf=jet-engine:more-projects&#038;tax=project-categories:49\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-901bacf elementor-widget__width-initial elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-button\" data-id=\"901bacf\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/rof.sa\/ar\/projects\/?jsf=jet-engine:more-projects&#038;tax=project-categories:53\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-5d83ccb e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"5d83ccb\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:50}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a4f5a0 elementor-widget elementor-widget-shortcode\" data-id=\"5a4f5a0\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<section class=\"sectionSwiper\">\r\n      <div class=\"slider-container\" id=\"sliderContainer\">\r\n <div class=\"slider-wrapper\" id=\"sliderWrapper\">\r\n    <!-- Slides -->\r\n            <a href=\"\/ar\/projects\/?jsf=jet-engine:more-projects&tax=project-categories:53\" class=\"slider-slide\" backImage=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0625\u062f\u0627\u0631\u0629-\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639-scaled.png\">\r\n            <div class=\"slider-slide-content\">\r\n                <div class=\"title\">\r\n                    <h2>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n            <a href=\"\/ar\/projects\/?jsf=jet-engine:more-projects&tax=project-categories:49\" class=\"slider-slide\" backImage=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u062f\u0627\u062e\u0644\u064a-scaled.png\">\r\n            <div class=\"slider-slide-content\">\r\n                <div class=\"title\">\r\n                    <h2>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n            <a href=\"\/ar\/projects\/?jsf=jet-engine:more-projects&tax=project-categories:43\" class=\"slider-slide\" backImage=\"https:\/\/rof.sa\/wp-content\/uploads\/2025\/08\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a-scaled.png\">\r\n            <div class=\"slider-slide-content\">\r\n                <div class=\"title\">\r\n                    <h2>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n    <\/div>\r\n\r\n\r\n      <\/div>\r\n      <div class=\"slider-pagination\">\r\n        <!-- Navigation buttons -->\r\n        <div class=\"slider-button-prev\">\u276e<\/div>\r\n        <div class=\"slider-button-next\">\u276f<\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <style>\r\n      * {\r\n        padding: 0px;\r\n        margin: 0px;\r\n        box-sizing: border-box;\r\n      }\r\n\r\n      .sectionSwiper {\r\n        max-width: 1500px;\r\n        margin: 0px auto;\r\n      }\r\n      .slider-container {\r\n        max-width: 1500px;\r\n        height: 560px;\r\n        margin: 0 auto;\r\n        cursor: pointer;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        transition: all 1s, background-image 0.5s ease-in-out;\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding: 0px;\r\n      }\r\n\r\n      @media screen and (max-width: 1500px) {\r\n        .sectionSwiper {\r\n          width: 100%;\r\n        }\r\n        .slider-container {\r\n          width: 100%;\r\n        }\r\n      }\r\n\r\n      .slider-wrapper {\r\n        display: flex;\r\n        height: 100%;\r\n        transition: transform 1s ease;\r\n        position: relative;\r\n      }\r\n\r\n      .slider-slide {\r\n        border-left:1.99px solid #ffffff80;\r\n        border-right: 1.99px solid #ffffff80;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-content: center;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        padding-left: 30px;\r\n        padding-right: 50px;\r\n        transition: 1s all;\r\n        flex-shrink: 0;\r\n        position: relative;\r\n      }\r\n\r\n      .slider-slide-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-content: center;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        margin-bottom: 50px;\r\n        z-index: 2;\r\n        transition: 1s all;\r\n      }\r\n      .slider-slide-content .icon {\r\n        position: relative;\r\n        z-index: 1;\r\n        transition: 1s all;\r\n      }\r\n\r\n      .slider-slide-content .icon img {\r\n        position: relative;\r\n        z-index: 3;\r\n      }\r\n      .slider-slide-content .icon::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        background-color: #d8d8d8;\r\n        padding: 10px;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 50%;\r\n        transform: translate(-49%, -53%);\r\n        border-radius: 100%;\r\n        top: 50%;\r\n        left: 50%;\r\n        z-index: 2;\r\n      }\r\n      .slider-slide-content .title {\r\n        font-family: Lato;\r\n        font-weight: 700;\r\n        font-size: 20px;\r\n        line-height: 150%;\r\n        letter-spacing: 0%;\r\n        text-align: center;\r\n        text-transform: capitalize;\r\n        color: #ffffff;\r\n        margin: 40px 0px 35px;\r\n      }\r\n      .slider-slide-content .paragraph {\r\n        font-family: Lato;\r\n        font-weight: 600;\r\n        font-size: 17.92px;\r\n        line-height: 29.87px;\r\n        letter-spacing: 0%;\r\n        text-align: center;\r\n        color: #ffffff;\r\n        margin-bottom: 30px;\r\n        transition: 1s all;\r\n      }\r\n      .slider-slide-content .arrow {\r\n        position: relative;\r\n        z-index: 1;\r\n        transition: 1s all;\r\n      }\r\n      .slider-slide-content .arrow img {\r\n        position: relative;\r\n        z-index: 3;\r\n      }\r\n      .slider-slide-content .arrow::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        background-color: #7c757380;\r\n        padding: 10px;\r\n        width: 100%;\r\n        height: 100%;\r\n        transform: translate(-49%, -53%);\r\n        border-radius: 100%;\r\n        top: 50%;\r\n        left: 50%;\r\n        z-index: 2;\r\n      }\r\n\r\n      \/* When hovering: show elements with animation *\/\r\n      .slider-slide:hover .slider-slide-content .icon,\r\n      .slider-slide:hover .slider-slide-content .paragraph,\r\n      .slider-slide:hover .slider-slide-content .arrow {\r\n        display: block;\r\n        opacity: 1;\r\n        visibility: visible;\r\n        animation: show 1s forwards;\r\n        transition: all 1s;\r\n      }\r\n\r\n      \/* When NOT hovering: hide elements with animation *\/\r\n      .slider-slide:not(:hover) .slider-slide-content .icon,\r\n      .slider-slide:not(:hover) .slider-slide-content .paragraph,\r\n      .slider-slide:not(:hover) .slider-slide-content .arrow {\r\n        display: none;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        animation: hide 0.3s forwards;\r\n        transition: all 1s;\r\n      }\r\n\r\n      \/* Keyframes for showing *\/\r\n      @keyframes show {\r\n        from {\r\n          opacity: 0;\r\n          display: none;\r\n        }\r\n        to {\r\n          opacity: 1;\r\n          display: block;\r\n        }\r\n      }\r\n\r\n      \/* Keyframes for hiding *\/\r\n      @keyframes hide {\r\n        from {\r\n          opacity: 1;\r\n          display: block;\r\n        }\r\n        to {\r\n          opacity: 0;\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      .slider-slide.active .slider-slide-content .icon,\r\n      .slider-slide.active .slider-slide-content .paragraph,\r\n      .slider-slide.active .slider-slide-content .arrow {\r\n        transition: 1s all;\r\n        height: auto !important;\r\n        opacity: 1 !important;\r\n        visibility: visible !important;\r\n        display: block !important;\r\n      }\r\n\r\n      @media screen and (max-width: 1024px) {\r\n        .slider-slide.active .slider-slide-content .icon,\r\n        .slider-slide.active .slider-slide-content .paragraph,\r\n        .slider-slide.active .slider-slide-content .arrow {\r\n          transition: 1s all;\r\n          height: auto !important;\r\n          opacity: 1 !important;\r\n          visibility: visible !important;\r\n          display: block !important;\r\n        }\r\n\r\n        .slider-slide.active {\r\n          position: relative;\r\n        }\r\n\r\n        .slider-slide.active::after {\r\n          content: \"\";\r\n          position: absolute;\r\n          top: 0px;\r\n          left: 0px;\r\n          width: 100%;\r\n          height: 100%;\r\n          background-color: #0000004d;\r\n          transition: 1s all;\r\n          z-index: 1;\r\n        }\r\n\r\n        .slider-slide:not(.active)::after {\r\n          content: \"\";\r\n          position: absolute;\r\n          top: 0px;\r\n          left: 0px;\r\n          width: 100%;\r\n          height: 100%;\r\n          background-color: transparent !important;\r\n          transition: 1s all;\r\n          z-index: 1;\r\n        }\r\n\r\n        .slider-slide:not(.active):hover::after {\r\n          content: \"\";\r\n          position: absolute;\r\n          top: 0px;\r\n          left: 0px;\r\n          width: 100%;\r\n          height: 100%;\r\n          background-color: #0000004d !important;\r\n          z-index: 1;\r\n          transition: 1s all;\r\n        }\r\n\r\n        .slider-slide:not(.active) .slider-slide-content .icon,\r\n        .slider-slide:not(.active) .slider-slide-content .paragraph,\r\n        .slider-slide:not(.active) .slider-slide-content .arrow {\r\n          transition: 1s all;\r\n          height: 0px !important;\r\n          opacity: 0 !important;\r\n          visibility: hidden !important;\r\n          display: none !important;\r\n        }\r\n\r\n        .slider-slide:not(.active):hover .slider-slide-content .icon,\r\n        .slider-slide:not(.active):hover .slider-slide-content .paragraph,\r\n        .slider-slide:not(.active):hover .slider-slide-content .arrow {\r\n          display: block !important;\r\n          opacity: 1 !important;\r\n          visibility: visible !important;\r\n          height: auto !important;\r\n          animation: show 1s forwards;\r\n          transition: all 1s;\r\n        }\r\n\r\n        \/* When NOT hovering: hide elements with animation *\/\r\n        .slider-slide:not(.active):not(:hover) .slider-slide-content .icon,\r\n        .slider-slide:not(.active):not(:hover) .slider-slide-content .paragraph,\r\n        .slider-slide:not(.active):not(:hover) .slider-slide-content .arrow {\r\n          display: none !important;\r\n          opacity: 0 !important;\r\n          visibility: hidden !important;\r\n          animation: hide 1s forwards;\r\n          transition: all 1s;\r\n        }\r\n\r\n        .slider-slide.active .slider-slide-content {\r\n          margin-bottom: 100px !important;\r\n        }\r\n\r\n        .slider-slide:not(.active) .slider-slide-content {\r\n          margin-bottom: 50px !important;\r\n        }\r\n\r\n        .slider-slide:hover .slider-slide-content {\r\n          margin-bottom: 100px !important;\r\n        }\r\n      }\r\n\r\n      .slider-slide:hover .slider-slide-content {\r\n        margin-bottom: 100px;\r\n      }\r\n\r\n      .slider-slide:hover {\r\n        position: relative;\r\n      }\r\n\r\n      .slider-slide:hover::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0px;\r\n        left: 0px;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: #0000004d;\r\n        z-index: 1;\r\n        transition: 1s all;\r\n      }\r\n\r\n      .slider-slide.active {\r\n        position: relative;\r\n      }\r\n\r\n      .slider-slide.active::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0px;\r\n        left: 0px;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: #0000004d;\r\n        transition: 1s all;\r\n        z-index: 1;\r\n      }\r\n\r\n      .slider-pagination {\r\n        max-width: 100%;\r\n        margin-top: 50px;\r\n        position: relative;\r\n        display: flex;\r\n        flex-wrap: nowrap;\r\n        flex-direction: row;\r\n        align-content: center;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        margin-right: 4%;\r\n\t\t display:none;\r\n      }\r\n\t   @media screen and (max-width:1024px){\r\n\t\t    .slider-pagination {\r\n\t\t\t  display:flex; \r\n\t\t\t   margin-top:25px;\r\n\t\t\t   margin-bottom:25px;\r\n\t\t  }\r\n\t\t\r\n\t  }\r\n\t  @media screen and (max-width:768px){\r\n\t\t   .slider-pagination {\r\n\t\t\t  display:flex; \r\n\t\t\t   margin-top:25px;\r\n\t\t\t   margin-bottom:25px;\r\n\t\t  }\r\n\t\t  .slider-container{\r\n\t\t\t  padding : 0px 5%;\r\n\t\t  }\r\n\t\t  .slider-slide{\r\n\t\t\t  border-left:1.99px solid #ffffff80;\r\n\t\t  }\r\n\t  }\r\n\r\n      .slider-button-next,\r\n      .slider-button-prev {\r\n        background-color: #eeeeee !important;\r\n        position: unset !important;\r\n        color: #d50c3d !important;\r\n        width: 75px !important;\r\n        right: 0px !important;\r\n        transition: 1s all;\r\n        border-radius: 10px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        height: 30px;\r\n      }\r\n\r\n      .slider-button-prev {\r\n        margin-right: 20px;\r\n      }\r\n\r\n      .slider-button-next:hover,\r\n      .slider-button-prev:hover {\r\n        background-color: #d50c3d !important;\r\n        color: #eeeeee !important;\r\n      }\r\n\r\n      \/* Responsive slide widths *\/\r\n      @media screen and (max-width: 699px) {\r\n        .slider-slide {\r\n          width: 100%; \/* 1 slide per view on small mobile *\/\r\n          min-width: 100%;\r\n        }\r\n      }\r\n\r\n      @media screen and (min-width: 700px) and (max-width: 1023px) {\r\n        .slider-slide {\r\n          width: 50%; \/* Exactly 2 slides per view on tablets *\/\r\n          min-width: 50%;\r\n        }\r\n      }\r\n\r\n      @media screen and (min-width: 1024px) {\r\n        .slider-slide {\r\n          width: 33.333%; \/* Exactly 3 slides per view on desktop *\/\r\n          min-width: 33.333%;\r\n        }\r\n      }\r\n\t  \r\n\t  .slider-slide:first-child{\r\n\t\t  border-left:none!important;\r\n\t  }\r\n\t  .slider-slide:last-child{\r\n\t\t  border-right:none!important;\r\n\t  }\r\n\t  .rtl h2{\r\n\t\t  font-family: \"Cairo\", Sans-serif;\r\n\t  }\r\n    <\/style>\r\n  <script>\r\n      document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const sliderContainer = document.getElementById(\"sliderContainer\");\r\n        const sliderWrapper = document.getElementById(\"sliderWrapper\");\r\n        const slides = document.querySelectorAll(\".slider-slide\");\r\n        const prevButton = document.querySelector(\".slider-button-prev\");\r\n        const nextButton = document.querySelector(\".slider-button-next\");\r\n    \r\n        \/\/ Detect language direction\r\n        const htmlElement = document.documentElement;\r\n        const isRTL = htmlElement.getAttribute(\"lang\") === \"ar\";\r\n    \r\n        \/\/ Set initial positions and variables\r\n        let currentIndex = 0;\r\n        let slideWidth = 100; \/\/ Default to 100% width\r\n        let slidesPerView = 1; \/\/ Default slides per view\r\n        let isAnimating = false;\r\n        let isMobile = window.innerWidth < 1024;\r\n    \r\n        \/\/ Initialize slider\r\n        function initSlider() {\r\n          updateSlidesPerView();\r\n          updateSlideWidth();\r\n          updateActiveSlide();\r\n          updateBackground();\r\n          centerActiveSlide(); \/\/ Center the active slide on initial load\r\n          setupEventListeners();\r\n        }\r\n    \r\n        \/\/ Update slides per view based on screen size\r\n        function updateSlidesPerView() {\r\n          const viewportWidth = window.innerWidth;\r\n          \r\n          if (viewportWidth < 700) {\r\n            slidesPerView = 1;\r\n          } else if (viewportWidth >= 700 && viewportWidth < 1024) {\r\n            slidesPerView = 2;\r\n          } else {\r\n            slidesPerView = 3;\r\n          }\r\n        }\r\n    \r\n        \/\/ Update slide width based on viewport\r\n        function updateSlideWidth() {\r\n          const viewportWidth = window.innerWidth;\r\n          const containerWidth = sliderContainer.offsetWidth;\r\n          \r\n          if (viewportWidth < 700) {\r\n            slideWidth = 100; \/\/ 1 slide per view\r\n          } else if (viewportWidth >= 700 && viewportWidth < 1024) {\r\n            slideWidth = 50; \/\/ 2 slides per view\r\n          } else {\r\n            slideWidth = 33.333; \/\/ 3 slides per view\r\n          }\r\n    \r\n          \/\/ Apply width to slides\r\n          slides.forEach((slide) => {\r\n            slide.style.width = `${slideWidth}%`;\r\n            slide.style.minWidth = `${slideWidth}%`;\r\n          });\r\n        }\r\n    \r\n        \/\/ Center the active slide in the viewport (for mobile)\r\n        function centerActiveSlide() {\r\n          if (!isMobile) return;\r\n          \r\n          const slideOffset = -currentIndex * slideWidth;\r\n          const transformValue = isRTL \r\n            ? `translateX(${slideOffset}%)`\r\n            : `translateX(${slideOffset}%)`;\r\n          \r\n          sliderWrapper.style.transform = transformValue;\r\n        }\r\n    \r\n        \/\/ Update which slide is considered \"active\"\r\n        function updateActiveSlide() {\r\n          slides.forEach((slide, index) => {\r\n            slide.classList.remove(\"active\");\r\n            if (index === currentIndex) {\r\n              slide.classList.add(\"active\");\r\n            }\r\n          });\r\n          \r\n          if (isMobile) {\r\n            centerActiveSlide();\r\n          }\r\n        }\r\n    \r\n        \/\/ Update background image based on active slide\r\n        function updateBackground() {\r\n          const activeSlide = slides[currentIndex];\r\n          if (activeSlide) {\r\n            const bg = activeSlide.getAttribute(\"backImage\");\r\n            sliderContainer.style.backgroundImage = `url('${bg}')`;\r\n          }\r\n        }\r\n    \r\n        \/\/ Move to a specific slide\r\n        function goToSlide(index) {\r\n          if (isAnimating || index < 0 || index >= slides.length) return;\r\n          \r\n          isAnimating = true;\r\n          currentIndex = index;\r\n    \r\n          \/\/ On mobile, physically move the slider\r\n          if (isMobile) {\r\n            const slideOffset = -currentIndex * slideWidth;\r\n            const transformValue = isRTL\r\n              ? `translateX(${slideOffset}%)`\r\n              : `translateX(${slideOffset}%)`;\r\n            \r\n            sliderWrapper.style.transform = transformValue;\r\n          }\r\n    \r\n          updateActiveSlide();\r\n          updateBackground();\r\n    \r\n          setTimeout(() => {\r\n            isAnimating = false;\r\n          }, 1000);\r\n        }\r\n    \r\n        \/\/ Navigation functions\r\n        function nextSlide() {\r\n          if (currentIndex < slides.length - 1) {\r\n            goToSlide(currentIndex + 1);\r\n          } else if (!isMobile) {\r\n            \/\/ On desktop, loop to first slide\r\n            goToSlide(0);\r\n          }\r\n        }\r\n    \r\n        function prevSlide() {\r\n          if (currentIndex > 0) {\r\n            goToSlide(currentIndex - 1);\r\n          } else if (!isMobile) {\r\n            \/\/ On desktop, loop to last slide\r\n            goToSlide(slides.length - 1);\r\n          }\r\n        }\r\n    \r\n        \/\/ Set up event listeners\r\n        function setupEventListeners() {\r\n          nextButton.addEventListener(\"click\", nextSlide);\r\n          prevButton.addEventListener(\"click\", prevSlide);\r\n    \r\n          slides.forEach((slide, index) => {\r\n            slide.addEventListener(\"mouseenter\", () => {\r\n              if (!isMobile) {\r\n                const bg = slide.getAttribute(\"backImage\");\r\n                sliderContainer.style.backgroundImage = `url('${bg}')`;\r\n                currentIndex = index;\r\n                updateActiveSlide();\r\n              }\r\n            });\r\n    \r\n            slide.addEventListener(\"mouseleave\", () => {\r\n              if (!isMobile) {\r\n                updateBackground();\r\n              }\r\n            });\r\n    \r\n            slide.addEventListener(\"click\", () => {\r\n              if (isMobile) {\r\n                goToSlide(index);\r\n              }\r\n            });\r\n          });\r\n    \r\n          window.addEventListener(\"resize\", () => {\r\n            const wasMobile = isMobile;\r\n            isMobile = window.innerWidth < 1024;\r\n            \r\n            \/\/ Only recalculate if mobile state changed or we're on mobile\r\n            if (wasMobile !== isMobile || isMobile) {\r\n              updateSlidesPerView();\r\n              updateSlideWidth();\r\n              goToSlide(currentIndex);\r\n            }\r\n          });\r\n        }\r\n    \r\n        \/\/ Initialize the slider\r\n        initSlider();\r\n      });\r\n    <\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0641\u064a \u0631\u0648\u0641 \u0645\u0639\u0645\u0627\u0631\u064a\u0648\u0646\u060c \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0644\u0627 \u064a\u062a\u062d\u0642\u0642 \u0625\u0644\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u0645\u0627\u0639\u064a \u0627\u0644\u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0645\u0647\u0627\u0631\u0627\u062a\u0647\u0645 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629. \u0644\u0630\u0644\u0643 \u0646\u0648\u0644\u064a \u0627\u0647\u062a\u0645\u0627\u0645\u064b\u0627 \u0628\u0627\u0644\u063a\u064b\u0627 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0639\u0636\u0627\u0621 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u062d\u0633 \u0627\u0644\u0641\u0646\u064a\u060c \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\u060c \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u062a\u0644\u0628\u064a \u062a\u0637\u0644\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621. \u064a\u062a\u0645\u062a\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u062e\u0628\u0631\u0627\u062a \u0645\u062a\u0631\u0627\u0643\u0645\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1040","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rof.sa\/ar\/wp-json\/wp\/v2\/pages\/1040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rof.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rof.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rof.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rof.sa\/ar\/wp-json\/wp\/v2\/comments?post=1040"}],"version-history":[{"count":32,"href":"https:\/\/rof.sa\/ar\/wp-json\/wp\/v2\/pages\/1040\/revisions"}],"predecessor-version":[{"id":2823,"href":"https:\/\/rof.sa\/ar\/wp-json\/wp\/v2\/pages\/1040\/revisions\/2823"}],"wp:attachment":[{"href":"https:\/\/rof.sa\/ar\/wp-json\/wp\/v2\/media?parent=1040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}