{"id":3016,"date":"2026-09-10T01:01:11","date_gmt":"2026-09-09T21:01:11","guid":{"rendered":"https:\/\/artwindowsoman.com\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%ae%d8%b5%d8%b5%d8%a9\/"},"modified":"2026-09-10T12:42:38","modified_gmt":"2026-09-10T08:42:38","slug":"services","status":"publish","type":"page","link":"https:\/\/artwindowsoman.com\/ar\/services\/","title":{"rendered":"\u062e\u062f\u0645\u0627\u062a \u0645\u062e\u0635\u0635\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3016\" class=\"elementor elementor-3016 elementor-2885\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a91469 e-con-full e-flex e-con e-parent\" data-id=\"6a91469\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-921713f elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"921713f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/Art-Windows-services.webp\" class=\"attachment-full size-full wp-image-2914\" alt=\"Art Windows Services\" srcset=\"https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/Art-Windows-services.webp 1536w, https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/Art-Windows-services-300x200.webp 300w, https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/Art-Windows-services-1024x683.webp 1024w, https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/Art-Windows-services-768x512.webp 768w, https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/Art-Windows-services-1200x800.webp 1200w, https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/Art-Windows-services-150x100.webp 150w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcce97d e-flex e-con-boxed e-con e-child\" data-id=\"dcce97d\" 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-2d098ce elementor-widget__width-initial elementor-absolute elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"2d098ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0646\u0648\u0627\u0641\u0630 \u0648 \u0623\u0628\u0648\u0627\u0628 \u0645\u062e\u0635\u0635\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0646\u064a\u0639 \u0641\u064a \u0639\u0645\u0627\u0646<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d79474a elementor-absolute elementor-widget elementor-widget-button\" data-id=\"d79474a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" 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 elementor-animation-grow\" href=\"https:\/\/api.whatsapp.com\/send?phone=96895945313\" target=\"_blank\" rel=\"noopener\">\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-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u062d\u062c\u0632 \u0642\u064a\u0627\u0633\u064b\u0627 \u0645\u062c\u0627\u0646\u064a\u064b\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce96dbf e-con-full e-flex e-con e-parent\" data-id=\"ce96dbf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4ecfac5 e-flex e-con-boxed e-con e-child\" data-id=\"4ecfac5\" 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<div class=\"e-624d2cc-a179169 e-svg-base\" data-interaction-id=\"624d2cc\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: 100%; overflow: unset;\" viewBox=\"0 0 32 32\" fill=\"currentColor\" aria-hidden=\"true\"><rect x=\"9\" y=\"6\" width=\"15\" height=\"17\" rx=\"0.8\" stroke=\"#0192E8\" stroke-width=\"1.7\"><\/rect><path d=\"M16.5 6V23\" stroke=\"#0192E8\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M9 27H24\" stroke=\"#0192E8\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M11.5 25L9 27L11.5 29\" stroke=\"#0192E8\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M21.5 25L24 27L21.5 29\" stroke=\"#0192E8\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M5 7V22\" stroke=\"#0192E8\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M3.5 9.5L5 7L6.5 9.5\" stroke=\"#0192E8\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M3.5 19.5L5 22L6.5 19.5\" stroke=\"#0192E8\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\t\t\t\t<div class=\"elementor-element elementor-element-2e959cf color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"2e959cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"aw-trust-rail__title-row\"><p class=\"aw-trust-rail__title\" style=\"text-align: right;\"><strong>\u0642\u064a\u0627\u0633 \u0645\u062c\u0627\u0646\u064a \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639<\/strong><br \/>\u0645\u0633\u0642\u0637 \u0648 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0642\u0631\u064a\u0628\u0629 \u00b7 \u0627\u0644\u062e\u062f\u0645\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0639\u0645\u0627\u0646<\/p><\/div>\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-d56f224 e-flex e-con-boxed e-con e-child\" data-id=\"d56f224\" 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<div class=\"e-c538a21-7942b97 e-svg-base\" data-interaction-id=\"c538a21\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: 100%; overflow: unset;\" viewBox=\"0 0 32 32\" fill=\"currentColor\" aria-hidden=\"true\"><rect x=\"4.5\" y=\"5.5\" width=\"12\" height=\"13\" rx=\"0.8\" stroke=\"#0192E8\" stroke-width=\"1.8\"><\/rect><path d=\"M10.5 5.5V18.5\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><path d=\"M16.8 24.8L27.4 22.5\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><path d=\"M17.5 27L28.1 24.7\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><path d=\"M16.8 24.8L17.5 27\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><path d=\"M27.4 22.5L28.1 24.7\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><path d=\"M20.2 8.8L27.7 11.5L26.1 15.9L18.7 13.2L20.2 8.8Z\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path><path d=\"M24.1 14.7L22.8 18.3\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><path d=\"M27.1 14.2A4.3 4.3 0 1 1 20 18.7\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><circle cx=\"23.2\" cy=\"18.2\" r=\"0.9\" fill=\"#0192E8\"><\/circle><path d=\"M22.3 22L21.1 23\" stroke=\"#0192E8\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><path d=\"M24.1 22.1L24 23.7\" stroke=\"#0192E8\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><\/svg><\/div>\t\t\t\t<div class=\"elementor-element elementor-element-74df004 color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"74df004\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: right;\"><strong>\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0641\u064a \u0648\u0631\u0634\u062a\u0646\u0627<\/strong><br \/>\u062a\u062a\u0648\u0644\u0649 \u0634\u0631\u06a9\u0629 \u0641\u0646 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0635\u0646\u064a\u0639<\/p>\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-514038a e-flex e-con-boxed e-con e-child\" data-id=\"514038a\" 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<div class=\"e-b098b6a-a778b50 e-svg-base\" data-interaction-id=\"b098b6a\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: 100%; overflow: unset;\" viewBox=\"0 0 32 32\" fill=\"currentColor\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"6.5\" width=\"8.5\" height=\"11.5\" rx=\"0.8\" stroke=\"#0192E8\" stroke-width=\"1.8\"><\/rect><rect x=\"5.5\" y=\"9\" width=\"4.5\" height=\"5.5\" rx=\"0.4\" stroke=\"#0192E8\" stroke-width=\"1.5\"><\/rect><path d=\"M7.75 9V14.5\" stroke=\"#0192E8\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><path d=\"M4.2 22.8L9.2 17.8\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><path d=\"M4.2 22.8L5 20.7\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M13.8 15.7H18.2\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><path d=\"M16.4 13.7L18.5 15.7L16.4 17.7\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M20.5 6.5H29V25.5H20.5\" stroke=\"#0192E8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><rect x=\"22.2\" y=\"9\" width=\"5.1\" height=\"12.8\" rx=\"0.5\" stroke=\"#0192E8\" stroke-width=\"1.8\"><\/rect><path d=\"M24.75 9V21.8\" stroke=\"#0192E8\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M20.5 12.1H22.2\" stroke=\"#0192E8\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><path d=\"M20.5 18.7H22.2\" stroke=\"#0192E8\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><\/svg><\/div>\t\t\t\t<div class=\"elementor-element elementor-element-4030285 color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"4030285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0645\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0625\u0644\u0649 \u0627\u0644\u062a\u0631\u0643\u064a\u0628<br \/>\u0645\u0633\u0627\u0631 \u0639\u0645\u0644 \u0645\u062a\u0643\u0627\u0645\u0644<\/p>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f829998 e-con-full e-flex e-con e-parent\" data-id=\"f829998\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f400421 elementor-widget elementor-widget-html\" data-id=\"f400421\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ART WINDOWS OMAN\r\n     SECTION 03 \u2014 SERVICES DISCOVERY \u2014 ARABIC\r\n     RTL Optimized\r\n     ========================================================= -->\r\n\r\n<section\r\n  class=\"aw-svc\"\r\n  id=\"aw-services\"\r\n  aria-labelledby=\"aw-svc-title\"\r\n  lang=\"ar\"\r\n  dir=\"rtl\"\r\n>\r\n  <div class=\"aw-svc__inner\">\r\n\r\n    <!-- INTRO -->\r\n    <header class=\"aw-svc__intro\">\r\n\r\n      <p class=\"aw-svc__eyebrow\">\r\n        \u062e\u062f\u0645\u0627\u062a\u0646\u0627\r\n      <\/p>\r\n\r\n      <h2 id=\"aw-svc-title\" class=\"aw-svc__heading\">\r\n        \u062e\u062f\u0645\u0627\u062a \u062a\u0646\u0627\u0633\u0628 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643\r\n      <\/h2>\r\n\r\n      <p class=\"aw-svc__lead\">\r\n        \u0645\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0642\u064a\u0627\u0633 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0625\u0644\u0649 \u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0648\u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- MOBILE STICKY CONTEXT RAIL -->\r\n    <div class=\"aw-svc__rail\" aria-hidden=\"true\">\r\n\r\n      <span class=\"aw-svc__rail-label\">\r\n        \u062e\u062f\u0645\u0627\u062a\u0646\u0627\r\n      <\/span>\r\n\r\n      <div class=\"aw-svc__progress\">\r\n        <span class=\"aw-svc__progress-fill\"><\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SERVICES -->\r\n    <nav\r\n      class=\"aw-svc__list\"\r\n      aria-label=\"\u062e\u062f\u0645\u0627\u062a ART Windows\"\r\n    >\r\n\r\n      <!-- 01 -->\r\n      <a\r\n        class=\"aw-svc-row is-active\"\r\n        href=\"YOUR-DESIGN-SERVICE-URL\"\r\n        data-aw-service=\"0\"\r\n      >\r\n\r\n        <span\r\n          class=\"aw-svc-row__accent\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <div class=\"aw-svc-row__body\">\r\n\r\n          <h3 class=\"aw-svc-row__title\">\r\n            \u062f\u0639\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a\r\n          <\/h3>\r\n\r\n          <p class=\"aw-svc-row__text\">\r\n            \u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0642\u0633\u064a\u0645\u0627\u062a\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0641\u062a\u062d\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u062f\u060c \u0648\u0627\u0644\u0632\u062c\u0627\u062c\u060c \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u062a\u0635\u0646\u064a\u0639.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span\r\n          class=\"aw-svc-row__arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2190\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- 02 -->\r\n      <a\r\n        class=\"aw-svc-row\"\r\n        href=\"YOUR-MEASUREMENT-SERVICE-URL\"\r\n        data-aw-service=\"1\"\r\n      >\r\n\r\n        <span\r\n          class=\"aw-svc-row__accent\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <div class=\"aw-svc-row__body\">\r\n\r\n          <h3 class=\"aw-svc-row__title\">\r\n            \u0642\u064a\u0627\u0633 \u0645\u062c\u0627\u0646\u064a \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\r\n          <\/h3>\r\n\r\n          <p class=\"aw-svc-row__text\">\r\n            \u0646\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0642\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u0625\u0639\u062f\u0627\u062f \u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span\r\n          class=\"aw-svc-row__arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2190\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- 03 -->\r\n      <a\r\n        class=\"aw-svc-row\"\r\n        href=\"YOUR-INSTALLATION-SERVICE-URL\"\r\n        data-aw-service=\"2\"\r\n      >\r\n\r\n        <span\r\n          class=\"aw-svc-row__accent\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <div class=\"aw-svc-row__body\">\r\n\r\n          <h3 class=\"aw-svc-row__title\">\r\n            \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\r\n          <\/h3>\r\n\r\n          <p class=\"aw-svc-row__text\">\r\n            \u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0648\u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627 \u0648\u0641\u0642 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span\r\n          class=\"aw-svc-row__arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2190\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- 04 -->\r\n      <a\r\n        class=\"aw-svc-row\"\r\n        href=\"YOUR-REPAIR-SERVICE-URL\"\r\n        data-aw-service=\"3\"\r\n      >\r\n\r\n        <span\r\n          class=\"aw-svc-row__accent\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <div class=\"aw-svc-row__body\">\r\n\r\n          <h3 class=\"aw-svc-row__title\">\r\n            \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0648\u0627\u0644\u0627\u0633\u062a\u0628\u062f\u0627\u0644\r\n          <\/h3>\r\n\r\n          <p class=\"aw-svc-row__text\">\r\n            \u0641\u062d\u0635 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0648\u0636\u0628\u0637\u0647\u0627 \u0623\u0648 \u0625\u0635\u0644\u0627\u062d\u0647\u0627 \u0623\u0648 \u0627\u0633\u062a\u0628\u062f\u0627\u0644\u0647\u0627 \u062d\u0633\u0628 \u062d\u0627\u0644\u062a\u0647\u0627 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span\r\n          class=\"aw-svc-row__arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2190\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- 05 -->\r\n      <a\r\n        class=\"aw-svc-row\"\r\n        href=\"YOUR-CONTRACTOR-SERVICE-URL\"\r\n        data-aw-service=\"4\"\r\n      >\r\n\r\n        <span\r\n          class=\"aw-svc-row__accent\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <div class=\"aw-svc-row__body\">\r\n\r\n          <h3 class=\"aw-svc-row__title\">\r\n            \u062f\u0639\u0645 \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u064a\u0646 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\r\n          <\/h3>\r\n\r\n          <p class=\"aw-svc-row__text\">\r\n            \u062f\u0639\u0645 \u0644\u0644\u0645\u0642\u0627\u0648\u0644\u064a\u0646 \u0648\u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0627\u0644\u0646\u0637\u0627\u0642.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span\r\n          class=\"aw-svc-row__arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2190\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/nav>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   ART WINDOWS \u2014 SERVICES DISCOVERY\r\n   ARABIC \/ RTL \/ MOBILE FIRST\r\n   ========================================================= *\/\r\n\r\n.aw-svc {\r\n  --aw-orange: #FD8507;\r\n  --aw-heading: #2D3436;\r\n  --aw-body: #687174;\r\n  --aw-line: rgba(45, 52, 54, 0.13);\r\n\r\n  --aw-header-offset: 0px;\r\n\r\n  width: 100%;\r\n\r\n  direction: rtl;\r\n  text-align: right;\r\n\r\n  padding:\r\n    58px\r\n    20px;\r\n\r\n}\r\n\r\n\r\n.aw-svc,\r\n.aw-svc * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.aw-svc__inner {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.aw-svc__intro {\r\n  max-width: 350px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\r\n.aw-svc__eyebrow {\r\n  margin:\r\n    0\r\n    0\r\n    10px;\r\n\r\n  color:\r\n    var(--aw-orange);\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n\r\n  \/* Do not track Arabic letters *\/\r\n  letter-spacing: 0;\r\n}\r\n\r\n\r\n.aw-svc__heading {\r\n  max-width: 340px;\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    var(--aw-heading);\r\n\r\n  font-family: inherit;\r\n\r\n  font-size:\r\n    clamp(29px, 8vw, 34px);\r\n\r\n  font-weight: 700;\r\n  line-height: 1.16;\r\n\r\n  letter-spacing: 0;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n.aw-svc__lead {\r\n  max-width: 330px;\r\n\r\n  margin:\r\n    14px\r\n    0\r\n    0;\r\n\r\n  color:\r\n    var(--aw-body);\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE STICKY RAIL\r\n   ========================================================= *\/\r\n\r\n.aw-svc__rail {\r\n  position: sticky;\r\n\r\n  top:\r\n    var(--aw-header-offset);\r\n\r\n  z-index: 20;\r\n\r\n  margin:\r\n    0\r\n    -20px;\r\n\r\n  padding:\r\n    12px\r\n    20px\r\n    10px;\r\n\r\n  border-top:\r\n    1px solid\r\n    var(--aw-line);\r\n\r\n  border-bottom:\r\n    1px solid\r\n    var(--aw-line);\r\n}\r\n\r\n\r\n.aw-svc__rail-label {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color:\r\n    var(--aw-heading);\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n\r\n  letter-spacing: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n   RTL: fills from RIGHT to LEFT\r\n   ========================================================= *\/\r\n\r\n.aw-svc__progress {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 2px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    rgba(45, 52, 54, 0.10);\r\n}\r\n\r\n\r\n.aw-svc__progress-fill {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    var(--aw-orange);\r\n\r\n  transform:\r\n    scaleX(0.2);\r\n\r\n  transform-origin:\r\n    right center;\r\n\r\n  transition:\r\n    transform 260ms\r\n    cubic-bezier(.2, .7, .2, 1);\r\n\r\n  will-change: transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE LIST\r\n   ========================================================= *\/\r\n\r\n.aw-svc__list {\r\n  display: block;\r\n\r\n  width: 100%;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    var(--aw-line);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE ROW\r\n   RTL automatically places:\r\n   Accent \u2192 right\r\n   Arrow  \u2192 left\r\n   ========================================================= *\/\r\n\r\n.aw-svc-row,\r\n.aw-svc-row:link,\r\n.aw-svc-row:visited {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    3px\r\n    minmax(0, 1fr)\r\n    26px;\r\n\r\n  column-gap: 12px;\r\n\r\n  align-items: center;\r\n\r\n  width: 100%;\r\n\r\n  min-height: 112px;\r\n\r\n  padding:\r\n    22px\r\n    0;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    var(--aw-line);\r\n\r\n  background:\r\n    transparent;\r\n\r\n  color:\r\n    inherit !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  background-image:\r\n    none !important;\r\n\r\n  box-shadow:\r\n    none !important;\r\n}\r\n\r\n\r\n.aw-svc-row:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n\r\n\/* Kill WoodMart link decoration *\/\r\n\r\n.aw-svc-row *,\r\n.aw-svc-row:hover *,\r\n.aw-svc-row:focus * {\r\n  text-decoration:\r\n    none !important;\r\n\r\n  background-image:\r\n    none !important;\r\n\r\n  box-shadow:\r\n    none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE ACCENT\r\n   ========================================================= *\/\r\n\r\n.aw-svc-row__accent {\r\n  display: block;\r\n\r\n  width: 2px;\r\n  height: 34px;\r\n\r\n  background:\r\n    var(--aw-orange);\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    scaleY(0.2);\r\n\r\n  transform-origin:\r\n    center top;\r\n\r\n  transition:\r\n    transform 220ms ease,\r\n    opacity 180ms ease;\r\n}\r\n\r\n\r\n.aw-svc-row.is-active\r\n.aw-svc-row__accent {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    scaleY(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY\r\n   ========================================================= *\/\r\n\r\n.aw-svc-row__body {\r\n  min-width: 0;\r\n\r\n  transform:\r\n    translateX(0);\r\n\r\n  transition:\r\n    transform 220ms ease;\r\n}\r\n\r\n\r\n\/* RTL movement *\/\r\n\r\n.aw-svc-row.is-active\r\n.aw-svc-row__body {\r\n  transform:\r\n    translateX(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.aw-svc-row\r\n.aw-svc-row__title {\r\n  margin:\r\n    0 !important;\r\n\r\n  color:\r\n    var(--aw-heading) !important;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n\r\n  letter-spacing: 0;\r\n\r\n  border:\r\n    0 !important;\r\n\r\n  background:\r\n    none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.aw-svc-row\r\n.aw-svc-row__text {\r\n  max-width: 300px;\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    0 !important;\r\n\r\n  color:\r\n    var(--aw-body) !important;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  line-height: 1.7;\r\n\r\n  border:\r\n    0 !important;\r\n\r\n  background:\r\n    none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW\r\n   ========================================================= *\/\r\n\r\n.aw-svc-row__arrow {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color:\r\n    var(--aw-orange);\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 18px;\r\n  line-height: 1;\r\n\r\n  transform:\r\n    translateX(0);\r\n\r\n  transition:\r\n    transform 220ms ease;\r\n}\r\n\r\n\r\n.aw-svc-row.is-active\r\n.aw-svc-row__arrow {\r\n  transform:\r\n    translateX(-4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n.aw-svc-row:focus-visible {\r\n  outline:\r\n    2px solid\r\n    var(--aw-orange);\r\n\r\n  outline-offset:\r\n    -2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 359px) {\r\n\r\n  .aw-svc {\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n  }\r\n\r\n\r\n  .aw-svc__rail {\r\n    margin-left: -16px;\r\n    margin-right: -16px;\r\n\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n  }\r\n\r\n\r\n  .aw-svc-row {\r\n    column-gap: 9px;\r\n  }\r\n\r\n\r\n  .aw-svc-row\r\n  .aw-svc-row__title {\r\n    font-size: 16px;\r\n  }\r\n\r\n\r\n  .aw-svc-row\r\n  .aw-svc-row__text {\r\n    font-size: 12.6px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ DESKTOP\r\n   ========================================================= *\/\r\n\r\n@media (min-width: 768px) {\r\n\r\n  .aw-svc {\r\n    padding:\r\n      82px\r\n      clamp(32px, 5vw, 72px)\r\n      84px;\r\n  }\r\n\r\n\r\n  .aw-svc__inner {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n      minmax(260px, 0.72fr)\r\n      minmax(480px, 1.28fr);\r\n\r\n    column-gap:\r\n      clamp(56px, 8vw, 120px);\r\n\r\n    align-items: start;\r\n  }\r\n\r\n\r\n  .aw-svc__rail {\r\n    display: none;\r\n  }\r\n\r\n\r\n  \/*\r\n   * Because section is RTL,\r\n   * the intro occupies the right side\r\n   * and services appear on the left.\r\n   *\/\r\n\r\n  .aw-svc__intro {\r\n    position: sticky;\r\n\r\n    top: 110px;\r\n\r\n    max-width: 390px;\r\n\r\n    margin: 0;\r\n  }\r\n\r\n\r\n  .aw-svc__heading {\r\n    max-width: 380px;\r\n\r\n    font-size:\r\n      clamp(38px, 3.8vw, 52px);\r\n\r\n    line-height: 1.16;\r\n  }\r\n\r\n\r\n  .aw-svc__lead {\r\n    max-width: 330px;\r\n\r\n    margin-top: 18px;\r\n\r\n    font-size: 14.5px;\r\n  }\r\n\r\n\r\n  .aw-svc-row,\r\n  .aw-svc-row:link,\r\n  .aw-svc-row:visited {\r\n    grid-template-columns:\r\n      minmax(0, 1fr)\r\n      34px;\r\n\r\n    column-gap: 14px;\r\n\r\n    min-height: 108px;\r\n\r\n    padding:\r\n      24px\r\n      6px;\r\n  }\r\n\r\n\r\n  .aw-svc-row__accent {\r\n    display: none;\r\n  }\r\n\r\n\r\n  .aw-svc-row.is-active\r\n  .aw-svc-row__body {\r\n    transform: none;\r\n  }\r\n\r\n\r\n  .aw-svc-row.is-active\r\n  .aw-svc-row__arrow {\r\n    transform: none;\r\n  }\r\n\r\n\r\n  .aw-svc-row\r\n  .aw-svc-row__title {\r\n    font-size: 19px;\r\n  }\r\n\r\n\r\n  .aw-svc-row\r\n  .aw-svc-row__text {\r\n    max-width: 520px;\r\n\r\n    font-size: 13.5px;\r\n  }\r\n\r\n\r\n  .aw-svc-row__arrow {\r\n    font-size: 19px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP HOVER \u2014 RTL\r\n   ========================================================= *\/\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n  .aw-svc-row:hover\r\n  .aw-svc-row__body {\r\n    transform:\r\n      translateX(-2px);\r\n  }\r\n\r\n\r\n  .aw-svc-row:hover\r\n  .aw-svc-row__arrow {\r\n    transform:\r\n      translateX(-5px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .aw-svc__progress-fill,\r\n  .aw-svc-row__accent,\r\n  .aw-svc-row__body,\r\n  .aw-svc-row__arrow {\r\n    transition: none;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n\/* =========================================================\r\n   ART WINDOWS \u2014 SERVICES ACTIVE STATE\r\n   RTL-safe\r\n   ========================================================= *\/\r\n\r\n(function () {\r\n\r\n  const section =\r\n    document.querySelector('.aw-svc');\r\n\r\n  if (!section) return;\r\n\r\n\r\n  const rows =\r\n    Array.from(\r\n      section.querySelectorAll(\r\n        '.aw-svc-row'\r\n      )\r\n    );\r\n\r\n\r\n  const progress =\r\n    section.querySelector(\r\n      '.aw-svc__progress-fill'\r\n    );\r\n\r\n\r\n  const mobile =\r\n    window.matchMedia(\r\n      '(max-width: 767px)'\r\n    );\r\n\r\n\r\n  if (!rows.length) return;\r\n\r\n\r\n  let observer = null;\r\n\r\n\r\n  function activate(index) {\r\n\r\n    rows.forEach((row, i) => {\r\n\r\n      row.classList.toggle(\r\n        'is-active',\r\n        i === index\r\n      );\r\n\r\n    });\r\n\r\n\r\n    if (progress) {\r\n\r\n      const scale =\r\n        (index + 1) \/\r\n        rows.length;\r\n\r\n\r\n      progress.style.transform =\r\n        'scaleX(' +\r\n        scale +\r\n        ')';\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function startObserver() {\r\n\r\n    if (!mobile.matches) return;\r\n\r\n\r\n    observer =\r\n      new IntersectionObserver(\r\n\r\n        (entries) => {\r\n\r\n          entries.forEach(\r\n            entry => {\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              const index =\r\n                Number(\r\n                  entry.target\r\n                    .dataset\r\n                    .awService\r\n                );\r\n\r\n\r\n              if (\r\n                !Number.isNaN(index)\r\n              ) {\r\n\r\n                activate(index);\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          rootMargin:\r\n            '-28% 0px -58% 0px',\r\n\r\n          threshold: 0\r\n        }\r\n\r\n      );\r\n\r\n\r\n    rows.forEach(\r\n      row => {\r\n        observer.observe(row);\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function stopObserver() {\r\n\r\n    if (!observer) return;\r\n\r\n    observer.disconnect();\r\n\r\n    observer = null;\r\n\r\n  }\r\n\r\n\r\n  function handleMode() {\r\n\r\n    stopObserver();\r\n\r\n\r\n    rows.forEach(\r\n      row => {\r\n\r\n        row.classList.remove(\r\n          'is-active'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    if (mobile.matches) {\r\n\r\n      rows[0].classList.add(\r\n        'is-active'\r\n      );\r\n\r\n\r\n      if (progress) {\r\n\r\n        progress.style.transform =\r\n          'scaleX(0.2)';\r\n\r\n      }\r\n\r\n\r\n      startObserver();\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  if (\r\n    typeof mobile\r\n      .addEventListener ===\r\n      'function'\r\n  ) {\r\n\r\n    mobile.addEventListener(\r\n      'change',\r\n      handleMode\r\n    );\r\n\r\n  }\r\n\r\n  else {\r\n\r\n    mobile.addListener(\r\n      handleMode\r\n    );\r\n\r\n  }\r\n\r\n\r\n  handleMode();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c779c41 elementor-widget elementor-widget-html\" data-id=\"c779c41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ART WINDOWS OMAN\r\n     SECTION 06 \u2014 FINAL WHATSAPP CTA \u2014 ARABIC\r\n     RTL \/ Compact \/ Landscape \/ No Image\r\n     ========================================================= -->\r\n\r\n<section\r\n  class=\"aw-contact-cta\"\r\n  aria-labelledby=\"aw-contact-cta-title\"\r\n  lang=\"ar\"\r\n  dir=\"rtl\"\r\n>\r\n  <div class=\"aw-contact-cta__inner\">\r\n\r\n    <!-- ==========================================\r\n         MAIN MESSAGE\r\n         ========================================== -->\r\n\r\n    <div class=\"aw-contact-cta__content\">\r\n\r\n      <p class=\"aw-contact-cta__eyebrow\">\r\n        \u062c\u0627\u0647\u0632 \u0644\u0644\u0628\u062f\u0621\u061f\r\n      <\/p>\r\n\r\n      <h2\r\n        id=\"aw-contact-cta-title\"\r\n        class=\"aw-contact-cta__heading\"\r\n      >\r\n        \u0627\u0628\u062f\u0623 \u0628\u0642\u064a\u0627\u0633 \u0645\u062c\u0627\u0646\u064a \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\r\n      <\/h2>\r\n\r\n      <p class=\"aw-contact-cta__text\">\r\n        \u0634\u0627\u0631\u0643\u0646\u0627 \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0623\u0648 \u0627\u0644\u0623\u0628\u0648\u0627\u0628\u060c \u0648\u0633\u0646\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\r\n      <\/p>\r\n\r\n\r\n      <!-- COVERAGE -->\r\n\r\n      <div class=\"aw-contact-cta__coverage\">\r\n\r\n        <span class=\"aw-contact-cta__coverage-item\">\r\n          <span\r\n            class=\"aw-contact-cta__line\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n          \u0645\u0633\u0642\u0637 \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0642\u0631\u064a\u0628\u0629\r\n        <\/span>\r\n\r\n\r\n        <span class=\"aw-contact-cta__coverage-item\">\r\n          <span\r\n            class=\"aw-contact-cta__line\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n          \u0627\u0644\u062e\u062f\u0645\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0639\u0645\u0627\u0646\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ==========================================\r\n         WHATSAPP ACTION\r\n         ========================================== -->\r\n\r\n    <div class=\"aw-contact-cta__action\">\r\n\r\n      <a class=\"aw-contact-cta__button\" href=\"https:\/\/api.whatsapp.com\/send?phone=96895945313\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 ART Windows \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\">\r\n\r\n        <span>\r\n          \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n        <\/span>\r\n\r\n        <span\r\n          class=\"aw-contact-cta__arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2190\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   ART WINDOWS \u2014 FINAL WHATSAPP CTA\r\n   ARABIC \/ RTL\r\n   ========================================================= *\/\r\n\r\n.aw-contact-cta {\r\n  --aw-orange: #FD8507;\r\n  --aw-dark: #2D3436;\r\n  --aw-white: #FFFFFF;\r\n  --aw-muted: rgba(255, 255, 255, 0.68);\r\n  --aw-line: rgba(255, 255, 255, 0.18);\r\n\r\n  width: 100%;\r\n\r\n  direction: rtl;\r\n  text-align: right;\r\n\r\n  background: var(--aw-dark);\r\n  color: var(--aw-white);\r\n}\r\n\r\n\r\n.aw-contact-cta,\r\n.aw-contact-cta * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.aw-contact-cta__inner {\r\n  width: 100%;\r\n\r\n  padding:\r\n    52px\r\n    20px\r\n    54px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.aw-contact-cta__content {\r\n  max-width: 500px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.aw-contact-cta__eyebrow {\r\n  margin:\r\n    0\r\n    0\r\n    10px;\r\n\r\n  color: var(--aw-orange);\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n\r\n  letter-spacing: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.aw-contact-cta__heading {\r\n  max-width: 480px;\r\n\r\n  margin: 0;\r\n\r\n  color: var(--aw-white);\r\n\r\n  font-family: inherit;\r\n\r\n  font-size:\r\n    clamp(31px, 8.8vw, 40px);\r\n\r\n  font-weight: 700;\r\n  line-height: 1.16;\r\n\r\n  letter-spacing: 0;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.aw-contact-cta__text {\r\n  max-width: 420px;\r\n\r\n  margin:\r\n    16px\r\n    0\r\n    0;\r\n\r\n  color: var(--aw-muted);\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COVERAGE\r\n   ========================================================= *\/\r\n\r\n.aw-contact-cta__coverage {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: flex-start;\r\n\r\n  gap: 10px;\r\n\r\n  margin-top: 25px;\r\n}\r\n\r\n\r\n.aw-contact-cta__coverage-item {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 9px;\r\n\r\n  color:\r\n    rgba(255, 255, 255, 0.76);\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 1.5;\r\n}\r\n\r\n\r\n.aw-contact-cta__line {\r\n  flex: 0 0 auto;\r\n\r\n  display: block;\r\n\r\n  width: 16px;\r\n  height: 2px;\r\n\r\n  background:\r\n    var(--aw-orange);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTION\r\n   ========================================================= *\/\r\n\r\n.aw-contact-cta__action {\r\n  margin-top: 32px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHATSAPP BUTTON\r\n   ========================================================= *\/\r\n\r\n.aw-contact-cta__button,\r\n.aw-contact-cta__button:link,\r\n.aw-contact-cta__button:visited {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 26px;\r\n\r\n  min-width: 190px;\r\n  min-height: 50px;\r\n\r\n  padding:\r\n    0\r\n    20px;\r\n\r\n  direction: rtl;\r\n\r\n  background:\r\n    var(--aw-orange);\r\n\r\n  color:\r\n    #FFFFFF !important;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  background-image:\r\n    none !important;\r\n\r\n  box-shadow:\r\n    none !important;\r\n\r\n  transition:\r\n    transform 180ms ease,\r\n    opacity 180ms ease;\r\n}\r\n\r\n\r\n.aw-contact-cta__arrow {\r\n  flex: 0 0 auto;\r\n\r\n  font-size: 18px;\r\n  line-height: 1;\r\n\r\n  transform:\r\n    translateX(0);\r\n\r\n  transition:\r\n    transform 180ms ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 359px) {\r\n\r\n  .aw-contact-cta__inner {\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n  }\r\n\r\n\r\n  .aw-contact-cta__button {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP\r\n   ========================================================= *\/\r\n\r\n@media (min-width: 768px) {\r\n\r\n  .aw-contact-cta__inner {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n      minmax(0, 1fr)\r\n      auto;\r\n\r\n    align-items: center;\r\n\r\n    column-gap:\r\n      clamp(60px, 8vw, 130px);\r\n\r\n    min-height: 300px;\r\n\r\n    padding:\r\n      54px\r\n      clamp(32px, 5vw, 72px);\r\n  }\r\n\r\n\r\n  .aw-contact-cta__content {\r\n    max-width: 760px;\r\n  }\r\n\r\n\r\n  .aw-contact-cta__heading {\r\n    max-width: 680px;\r\n\r\n    font-size:\r\n      clamp(38px, 4vw, 54px);\r\n\r\n    line-height: 1.12;\r\n  }\r\n\r\n\r\n  .aw-contact-cta__text {\r\n    max-width: 520px;\r\n\r\n    margin-top: 16px;\r\n\r\n    font-size: 14px;\r\n  }\r\n\r\n\r\n  .aw-contact-cta__coverage {\r\n    flex-direction: row;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap:\r\n      12px\r\n      28px;\r\n\r\n    margin-top: 23px;\r\n  }\r\n\r\n\r\n  .aw-contact-cta__action {\r\n    margin: 0;\r\n  }\r\n\r\n\r\n  .aw-contact-cta__button {\r\n    min-width: 200px;\r\n    min-height: 52px;\r\n\r\n    padding:\r\n      0\r\n      22px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DESKTOP\r\n   ========================================================= *\/\r\n\r\n@media (min-width: 1200px) {\r\n\r\n  .aw-contact-cta__inner {\r\n    min-height: 310px;\r\n  }\r\n\r\n\r\n  .aw-contact-cta__heading {\r\n    max-width: 740px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER \u2014 RTL\r\n   ========================================================= *\/\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n  .aw-contact-cta__button:hover {\r\n    transform:\r\n      translateY(-2px);\r\n\r\n    opacity:\r\n      0.96;\r\n  }\r\n\r\n\r\n  .aw-contact-cta__button:hover\r\n  .aw-contact-cta__arrow {\r\n    transform:\r\n      translateX(-4px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n.aw-contact-cta__button:focus-visible {\r\n  outline:\r\n    2px solid\r\n    #FFFFFF;\r\n\r\n  outline-offset:\r\n    4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .aw-contact-cta__button,\r\n  .aw-contact-cta__arrow {\r\n    transition: none;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1090a1b elementor-widget elementor-widget-html\" data-id=\"1090a1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ART WINDOWS OMAN\r\n     SECTION 04 \u2014 FROM SITE TO FINISH \u2014 ARABIC\r\n\r\n     RTL UI + LTR Carousel Engine\r\n\r\n     - Arabic brand: \u0641\u0646 \u0627\u0644\u0646\u0648\u0627\u0641\u0630\r\n     - Images: 1600 \u00d7 1000\r\n     - Natural image height\r\n     - Infinite loop\r\n     - Touch \/ mouse drag\r\n     - RTL navigation\r\n     - Keyboard navigation\r\n     - No pagination\r\n     - No external library\r\n     ========================================================= -->\r\n\r\n<section\r\n  class=\"aw-flow\"\r\n  aria-labelledby=\"aw-flow-title\"\r\n  lang=\"ar\"\r\n  dir=\"rtl\"\r\n>\r\n  <div class=\"aw-flow__inner\">\r\n\r\n    <!-- ==========================================\r\n         INTRO\r\n         ========================================== -->\r\n\r\n    <header class=\"aw-flow__intro\">\r\n\r\n      <p class=\"aw-flow__eyebrow\">\r\n        \u0645\u0646 \u0627\u0644\u0645\u0648\u0642\u0639 \u0625\u0644\u0649 \u0627\u0644\u0625\u0646\u062c\u0627\u0632\r\n      <\/p>\r\n\r\n      <h2\r\n        id=\"aw-flow-title\"\r\n        class=\"aw-flow__heading\"\r\n      >\r\n        \u0646\u0642\u064a\u0633. \u0646\u062d\u062f\u062f \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a.<br>\r\n        \u0646\u0635\u0646\u0639. \u0646\u0631\u0643\u0628.\r\n      <\/h2>\r\n\r\n      <p class=\"aw-flow__lead\">\r\n        \u0645\u0633\u0627\u0631 \u0639\u0645\u0644 \u0645\u062a\u0643\u0627\u0645\u0644 \u064a\u0628\u062f\u0623 \u0628\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u064a\u0646\u062a\u0647\u064a \u0628\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- ==========================================\r\n         SLIDER\r\n         ========================================== -->\r\n\r\n    <div\r\n      class=\"aw-flow-slider\"\r\n      data-aw-flow-slider\r\n    >\r\n\r\n      <div\r\n        class=\"aw-flow-slider__viewport\"\r\n        data-aw-flow-viewport\r\n        tabindex=\"0\"\r\n        aria-label=\"\u0645\u0631\u0627\u062d\u0644 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u0646 \u0627\u0644\u0646\u0648\u0627\u0641\u0630\"\r\n      >\r\n\r\n        <div\r\n          class=\"aw-flow-slider__track\"\r\n          data-aw-flow-track\r\n        >\r\n\r\n          <!-- ======================================\r\n               01 \u2014 MEASURE\r\n               ====================================== -->\r\n\r\n          <article\r\n            class=\"aw-flow-slide\"\r\n            data-aw-flow-slide\r\n            aria-label=\"\u0627\u0644\u0642\u064a\u0627\u0633 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\"\r\n          >\r\n\r\n            <div class=\"aw-flow-slide__media\">\r\n\r\n              <img\r\n                src=\"https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/Site-Measurement-Art-Windows-Oman.webp\"\r\n                alt=\"\u0641\u0631\u064a\u0642 \u0641\u0646 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0623\u062b\u0646\u0627\u0621 \u0642\u064a\u0627\u0633 \u0645\u0648\u0642\u0639 \u0645\u0634\u0631\u0648\u0639 \u0646\u0648\u0627\u0641\u0630 \u0623\u0648 \u0623\u0628\u0648\u0627\u0628\"\r\n                class=\"aw-flow-slide__image\"\r\n                width=\"1600\"\r\n                height=\"1000\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                draggable=\"false\"\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"aw-flow-slide__panel\">\r\n\r\n              <div class=\"aw-flow-slide__copy\">\r\n\r\n                <p class=\"aw-flow-slide__step\">\r\n                  \u0627\u0644\u0642\u064a\u0627\u0633\r\n                <\/p>\r\n\r\n                <h3 class=\"aw-flow-slide__title\">\r\n                  \u0627\u0644\u0642\u064a\u0627\u0633 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\r\n                <\/h3>\r\n\r\n                <p class=\"aw-flow-slide__text\">\r\n                  \u0646\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639 \u0642\u0628\u0644 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0635\u0646\u064a\u0639.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- ======================================\r\n               02 \u2014 CONFIGURE\r\n               ====================================== -->\r\n\r\n          <article\r\n            class=\"aw-flow-slide\"\r\n            data-aw-flow-slide\r\n            aria-label=\"\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\"\r\n          >\r\n\r\n            <div class=\"aw-flow-slide__media\">\r\n\r\n              <img\r\n                src=\"https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/Project-Configuration-Art-Windows-Oman.webp\"\r\n                alt=\"\u0641\u0631\u064a\u0642 \u0641\u0646 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u064a\u0631\u0627\u062c\u0639 \u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0648\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0623\u0648 \u0627\u0644\u0623\u0628\u0648\u0627\u0628\"\r\n                class=\"aw-flow-slide__image\"\r\n                width=\"1600\"\r\n                height=\"1000\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                draggable=\"false\"\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"aw-flow-slide__panel\">\r\n\r\n              <div class=\"aw-flow-slide__copy\">\r\n\r\n                <p class=\"aw-flow-slide__step\">\r\n                  \u0627\u0644\u062a\u062e\u0637\u064a\u0637\r\n                <\/p>\r\n\r\n                <h3 class=\"aw-flow-slide__title\">\r\n                  \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\r\n                <\/h3>\r\n\r\n                <p class=\"aw-flow-slide__text\">\r\n                  \u0646\u062d\u062f\u062f \u0627\u0644\u062a\u0642\u0633\u064a\u0645\u0627\u062a\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0641\u062a\u062d\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u062f\u060c \u0648\u0627\u0644\u0632\u062c\u0627\u062c\u060c \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0628\u062d\u0633\u0628 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- ======================================\r\n               03 \u2014 FABRICATE\r\n               ====================================== -->\r\n\r\n          <article\r\n            class=\"aw-flow-slide\"\r\n            data-aw-flow-slide\r\n            aria-label=\"\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0641\u064a \u0648\u0631\u0634\u062a\u0646\u0627\"\r\n          >\r\n\r\n            <div class=\"aw-flow-slide__media\">\r\n\r\n              <img\r\n                src=\"https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/In-House-Fabrication-Art-Windows-Oman.webp\"\r\n                alt=\"\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0648\u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u062f\u0627\u062e\u0644 \u0648\u0631\u0634\u0629 \u0641\u0646 \u0627\u0644\u0646\u0648\u0627\u0641\u0630\"\r\n                class=\"aw-flow-slide__image\"\r\n                width=\"1600\"\r\n                height=\"1000\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                draggable=\"false\"\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"aw-flow-slide__panel\">\r\n\r\n              <div class=\"aw-flow-slide__copy\">\r\n\r\n                <p class=\"aw-flow-slide__step\">\r\n                  \u0627\u0644\u062a\u0635\u0646\u064a\u0639\r\n                <\/p>\r\n\r\n                <h3 class=\"aw-flow-slide__title\">\r\n                  \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0641\u064a \u0648\u0631\u0634\u062a\u0646\u0627\r\n                <\/h3>\r\n\r\n                <p class=\"aw-flow-slide__text\">\r\n                  \u0646\u0635\u0646\u0639 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0648\u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u0628\u0639\u062f \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u062f\u0627\u062e\u0644 \u0648\u0631\u0634\u0629 \u0641\u0646 \u0627\u0644\u0646\u0648\u0627\u0641\u0630.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n          <!-- ======================================\r\n               04 \u2014 INSTALL\r\n               ====================================== -->\r\n\r\n          <article\r\n            class=\"aw-flow-slide\"\r\n            data-aw-flow-slide\r\n            aria-label=\"\u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\"\r\n          >\r\n\r\n            <div class=\"aw-flow-slide__media\">\r\n\r\n              <img\r\n                src=\"https:\/\/artwindowsoman.com\/wp-content\/uploads\/2026\/09\/On-Site-Installation-Art-Windows-Oman.webp\"\r\n                alt=\"\u0641\u0631\u064a\u0642 \u0641\u0646 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0623\u062b\u0646\u0627\u0621 \u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0623\u0648 \u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\"\r\n                class=\"aw-flow-slide__image\"\r\n                width=\"1600\"\r\n                height=\"1000\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                draggable=\"false\"\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"aw-flow-slide__panel\">\r\n\r\n              <div class=\"aw-flow-slide__copy\">\r\n\r\n                <p class=\"aw-flow-slide__step\">\r\n                  \u0627\u0644\u062a\u0631\u0643\u064a\u0628\r\n                <\/p>\r\n\r\n                <h3 class=\"aw-flow-slide__title\">\r\n                  \u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\r\n                <\/h3>\r\n\r\n                <p class=\"aw-flow-slide__text\">\r\n                  \u0646\u0631\u0643\u0628 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0641\u0642 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ==========================================\r\n           RTL NAVIGATION\r\n\r\n           Previous = \u2192\r\n           Next     = \u2190\r\n           ========================================== -->\r\n\r\n      <div class=\"aw-flow-slider__navigation\">\r\n\r\n        <button\r\n          class=\"aw-flow-slider__arrow\"\r\n          type=\"button\"\r\n          data-aw-flow-prev\r\n          aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\"\r\n        >\r\n          \u2192\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"aw-flow-slider__arrow\"\r\n          type=\"button\"\r\n          data-aw-flow-next\r\n          aria-label=\"\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\"\r\n        >\r\n          \u2190\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   BASE \u2014 ARABIC \/ RTL\r\n   ========================================================= *\/\r\n\r\n.aw-flow {\r\n  --aw-orange: #FD8507;\r\n  --aw-heading: #2D3436;\r\n  --aw-body: #687174;\r\n  --aw-line: rgba(45, 52, 54, 0.14);\r\n  --aw-panel: #F4F5F3;\r\n\r\n  width: 100%;\r\n\r\n  direction: rtl;\r\n  text-align: right;\r\n\r\n  padding:\r\n    68px\r\n    20px\r\n    70px;\r\n\r\n  background:\r\n    #FFFFFF;\r\n}\r\n\r\n\r\n.aw-flow,\r\n.aw-flow * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.aw-flow__inner {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.aw-flow__intro {\r\n  max-width: 390px;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    30px\r\n    auto;\r\n}\r\n\r\n\r\n.aw-flow__eyebrow {\r\n  margin:\r\n    0\r\n    0\r\n    10px;\r\n\r\n  color:\r\n    var(--aw-orange);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    10px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1.4;\r\n\r\n  \/*\r\n   * No tracking for Arabic letters.\r\n   *\/\r\n  letter-spacing:\r\n    0;\r\n}\r\n\r\n\r\n.aw-flow__heading {\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    var(--aw-heading);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    clamp(31px, 8.7vw, 38px);\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1.18;\r\n\r\n  letter-spacing:\r\n    0;\r\n\r\n  text-wrap:\r\n    balance;\r\n}\r\n\r\n\r\n.aw-flow__lead {\r\n  max-width:\r\n    330px;\r\n\r\n  margin:\r\n    15px\r\n    0\r\n    0;\r\n\r\n  color:\r\n    var(--aw-body);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  font-weight:\r\n    400;\r\n\r\n  line-height:\r\n    1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n   ========================================================= *\/\r\n\r\n.aw-flow-slider {\r\n  position:\r\n    relative;\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    auto;\r\n\r\n  border:\r\n    1px solid\r\n    var(--aw-line);\r\n\r\n  background:\r\n    var(--aw-panel);\r\n\r\n  overflow:\r\n    hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n\r\n   CRITICAL:\r\n   Arabic interface = RTL\r\n   Carousel coordinate system = LTR\r\n   ========================================================= *\/\r\n\r\n.aw-flow-slider__viewport {\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    auto;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  direction:\r\n    ltr;\r\n}\r\n\r\n\r\n.aw-flow-slider__viewport:focus-visible {\r\n  outline:\r\n    2px solid\r\n    var(--aw-orange);\r\n\r\n  outline-offset:\r\n    -2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n\r\n   Keep this LTR.\r\n   JS uses negative translateX values.\r\n   ========================================================= *\/\r\n\r\n.aw-flow-slider__track {\r\n  display:\r\n    flex;\r\n\r\n  width:\r\n    100%;\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  transform:\r\n    translate3d(0, 0, 0);\r\n\r\n  will-change:\r\n    transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE\r\n\r\n   Keep structural layout LTR for predictable\r\n   grid positioning. Arabic direction is restored\r\n   inside the content panel.\r\n   ========================================================= *\/\r\n\r\n.aw-flow-slide {\r\n  flex:\r\n    0\r\n    0\r\n    100%;\r\n\r\n  min-width:\r\n    100%;\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  background:\r\n    var(--aw-panel);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE \/ SWIPE SURFACE\r\n   ========================================================= *\/\r\n\r\n.aw-flow-slide__media {\r\n  width:\r\n    100%;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    #E3E6E3;\r\n\r\n  touch-action:\r\n    pan-y;\r\n\r\n  cursor:\r\n    grab;\r\n\r\n  user-select:\r\n    none;\r\n\r\n  -webkit-user-select:\r\n    none;\r\n}\r\n\r\n\r\n.aw-flow-slide__media:active {\r\n  cursor:\r\n    grabbing;\r\n}\r\n\r\n\r\n.aw-flow-slide__image {\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    auto;\r\n\r\n  max-width:\r\n    none;\r\n\r\n  opacity:\r\n    1;\r\n\r\n  visibility:\r\n    visible;\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n  user-select:\r\n    none;\r\n\r\n  -webkit-user-drag:\r\n    none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL \u2014 RESTORE RTL\r\n   ========================================================= *\/\r\n\r\n.aw-flow-slide__panel {\r\n  direction:\r\n    rtl;\r\n\r\n  text-align:\r\n    right;\r\n\r\n  padding:\r\n    24px\r\n    20px\r\n    74px;\r\n\r\n  background:\r\n    var(--aw-panel);\r\n}\r\n\r\n\r\n.aw-flow-slide__copy {\r\n  max-width:\r\n    320px;\r\n}\r\n\r\n\r\n.aw-flow-slide__step {\r\n  margin:\r\n    0\r\n    0\r\n    6px;\r\n\r\n  color:\r\n    var(--aw-orange);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    10px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1.4;\r\n\r\n  letter-spacing:\r\n    0;\r\n}\r\n\r\n\r\n.aw-flow-slide__title {\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    var(--aw-heading);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    22px;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n  line-height:\r\n    1.35;\r\n\r\n  letter-spacing:\r\n    0;\r\n}\r\n\r\n\r\n.aw-flow-slide__text {\r\n  max-width:\r\n    300px;\r\n\r\n  margin:\r\n    10px\r\n    0\r\n    0;\r\n\r\n  color:\r\n    var(--aw-body);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    400;\r\n\r\n  line-height:\r\n    1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVIGATION \u2014 RTL\r\n   ========================================================= *\/\r\n\r\n.aw-flow-slider__navigation {\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    14px;\r\n\r\n  right:\r\n    auto;\r\n\r\n  bottom:\r\n    14px;\r\n\r\n  z-index:\r\n    10;\r\n\r\n  display:\r\n    flex;\r\n\r\n  \/*\r\n   * Visual order:\r\n   * Next     \u2190\r\n   * Previous \u2192\r\n   *\/\r\n  flex-direction:\r\n    row-reverse;\r\n\r\n  direction:\r\n    ltr;\r\n\r\n  gap:\r\n    8px;\r\n}\r\n\r\n\r\n.aw-flow-slider__arrow {\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  width:\r\n    36px;\r\n\r\n  height:\r\n    36px;\r\n\r\n  margin:\r\n    0;\r\n\r\n  padding:\r\n    0;\r\n\r\n  border:\r\n    1px solid\r\n    var(--aw-line);\r\n\r\n  background:\r\n    rgba(255, 255, 255, 0.88);\r\n\r\n  color:\r\n    var(--aw-heading);\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size:\r\n    16px;\r\n\r\n  line-height:\r\n    1;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  transition:\r\n    border-color 180ms ease,\r\n    background-color 180ms ease,\r\n    transform 180ms ease;\r\n}\r\n\r\n\r\n.aw-flow-slider__arrow:focus-visible {\r\n  outline:\r\n    2px solid\r\n    var(--aw-orange);\r\n\r\n  outline-offset:\r\n    3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 359px) {\r\n\r\n  .aw-flow {\r\n    padding-left:\r\n      16px;\r\n\r\n    padding-right:\r\n      16px;\r\n  }\r\n\r\n\r\n  .aw-flow-slide__panel {\r\n    padding-left:\r\n      16px;\r\n\r\n    padding-right:\r\n      16px;\r\n  }\r\n\r\n\r\n  .aw-flow-slide__title {\r\n    font-size:\r\n      20px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP\r\n   ========================================================= *\/\r\n\r\n@media (min-width: 768px) {\r\n\r\n  .aw-flow {\r\n    padding:\r\n      90px\r\n      clamp(32px, 5vw, 72px)\r\n      88px;\r\n  }\r\n\r\n\r\n  .aw-flow__intro {\r\n    max-width:\r\n      700px;\r\n\r\n    margin:\r\n      0\r\n      0\r\n      38px\r\n      auto;\r\n  }\r\n\r\n\r\n  .aw-flow__heading {\r\n    max-width:\r\n      700px;\r\n\r\n    font-size:\r\n      clamp(42px, 4.5vw, 60px);\r\n\r\n    line-height:\r\n      1.15;\r\n  }\r\n\r\n\r\n  .aw-flow__lead {\r\n    max-width:\r\n      440px;\r\n\r\n    margin-top:\r\n      18px;\r\n\r\n    font-size:\r\n      14.5px;\r\n  }\r\n\r\n\r\n  \/*\r\n   * Arabic mirrored layout:\r\n   *\r\n   * LEFT  = text panel 40%\r\n   * RIGHT = image 60%\r\n   *\r\n   * Explicit areas make this independent\r\n   * of inherited RTL behavior.\r\n   *\/\r\n\r\n  .aw-flow-slide {\r\n    display:\r\n      grid;\r\n\r\n    grid-template-columns:\r\n      minmax(0, 40%)\r\n      minmax(0, 60%);\r\n\r\n    grid-template-areas:\r\n      \"panel media\";\r\n\r\n    align-items:\r\n      stretch;\r\n  }\r\n\r\n\r\n  .aw-flow-slide__media {\r\n    grid-area:\r\n      media;\r\n\r\n    width:\r\n      100%;\r\n\r\n    height:\r\n      auto;\r\n\r\n    align-self:\r\n      start;\r\n  }\r\n\r\n\r\n  .aw-flow-slide__image {\r\n    display:\r\n      block;\r\n\r\n    width:\r\n      100%;\r\n\r\n    height:\r\n      auto;\r\n  }\r\n\r\n\r\n  .aw-flow-slide__panel {\r\n    grid-area:\r\n      panel;\r\n\r\n    display:\r\n      flex;\r\n\r\n    align-items:\r\n      flex-start;\r\n\r\n    direction:\r\n      rtl;\r\n\r\n    text-align:\r\n      right;\r\n\r\n    padding:\r\n      46px\r\n      42px\r\n      90px;\r\n\r\n    background:\r\n      var(--aw-panel);\r\n  }\r\n\r\n\r\n  .aw-flow-slide__copy {\r\n    width:\r\n      100%;\r\n\r\n    max-width:\r\n      400px;\r\n  }\r\n\r\n\r\n  .aw-flow-slide__step {\r\n    margin-bottom:\r\n      9px;\r\n\r\n    font-size:\r\n      11px;\r\n  }\r\n\r\n\r\n  .aw-flow-slide__title {\r\n    font-size:\r\n      clamp(28px, 2.5vw, 38px);\r\n\r\n    line-height:\r\n      1.25;\r\n  }\r\n\r\n\r\n  .aw-flow-slide__text {\r\n    max-width:\r\n      370px;\r\n\r\n    margin-top:\r\n      14px;\r\n\r\n    font-size:\r\n      14px;\r\n\r\n    line-height:\r\n      1.75;\r\n  }\r\n\r\n\r\n  .aw-flow-slider__navigation {\r\n    left:\r\n      20px;\r\n\r\n    right:\r\n      auto;\r\n\r\n    bottom:\r\n      18px;\r\n  }\r\n\r\n\r\n  .aw-flow-slider__arrow {\r\n    width:\r\n      38px;\r\n\r\n    height:\r\n      38px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DESKTOP\r\n   ========================================================= *\/\r\n\r\n@media (min-width: 1200px) {\r\n\r\n  .aw-flow-slide__panel {\r\n    padding:\r\n      54px\r\n      48px\r\n      96px;\r\n  }\r\n\r\n\r\n  .aw-flow-slider__navigation {\r\n    left:\r\n      24px;\r\n\r\n    right:\r\n      auto;\r\n\r\n    bottom:\r\n      22px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n   ========================================================= *\/\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n  .aw-flow-slider__arrow:hover {\r\n    border-color:\r\n      rgba(253, 133, 7, 0.55);\r\n\r\n    background:\r\n      #FFFFFF;\r\n\r\n    transform:\r\n      translateY(-1px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .aw-flow-slider__arrow {\r\n    transition:\r\n      none;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n\/* =========================================================\r\n   ART WINDOWS OMAN\r\n   ARABIC INFINITE JOURNEY CAROUSEL\r\n\r\n   IMPORTANT:\r\n   Carousel mechanics remain LTR.\r\n\r\n   Arabic UI:\r\n   - Next button     = \u2190\r\n   - Previous button = \u2192\r\n   - Swipe left      = Next\r\n   - Swipe right     = Previous\r\n   - Keyboard Left   = Next\r\n   - Keyboard Right  = Previous\r\n\r\n   Includes:\r\n   - Duplicate-init protection\r\n   - Infinite loop\r\n   - Resize correction\r\n   - Lazy-image load correction\r\n   ========================================================= *\/\r\n\r\n(function () {\r\n\r\n  const sliders =\r\n    document.querySelectorAll(\r\n      '[data-aw-flow-slider]'\r\n    );\r\n\r\n\r\n  sliders.forEach(function (slider) {\r\n\r\n    \/*\r\n     * Prevent Elementor \/ WPML \/ frontend\r\n     * re-rendering from initializing the\r\n     * same carousel more than once.\r\n     *\/\r\n\r\n    if (\r\n      slider.dataset.awFlowInitialized ===\r\n      'true'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    const viewport =\r\n      slider.querySelector(\r\n        '[data-aw-flow-viewport]'\r\n      );\r\n\r\n\r\n    const track =\r\n      slider.querySelector(\r\n        '[data-aw-flow-track]'\r\n      );\r\n\r\n\r\n    if (\r\n      !viewport ||\r\n      !track\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    const originalSlides =\r\n      Array.from(\r\n        track.querySelectorAll(\r\n          '[data-aw-flow-slide]'\r\n        )\r\n      );\r\n\r\n\r\n    const prevButton =\r\n      slider.querySelector(\r\n        '[data-aw-flow-prev]'\r\n      );\r\n\r\n\r\n    const nextButton =\r\n      slider.querySelector(\r\n        '[data-aw-flow-next]'\r\n      );\r\n\r\n\r\n    if (\r\n      originalSlides.length < 2\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    \/*\r\n     * Mark only after validation.\r\n     *\/\r\n\r\n    slider.dataset.awFlowInitialized =\r\n      'true';\r\n\r\n\r\n    const slideCount =\r\n      originalSlides.length;\r\n\r\n\r\n    \/* ======================================================\r\n       LOOP CLONES\r\n       ====================================================== *\/\r\n\r\n    const firstClone =\r\n      originalSlides[0]\r\n        .cloneNode(true);\r\n\r\n\r\n    const lastClone =\r\n      originalSlides[\r\n        slideCount - 1\r\n      ].cloneNode(true);\r\n\r\n\r\n    firstClone.setAttribute(\r\n      'aria-hidden',\r\n      'true'\r\n    );\r\n\r\n\r\n    lastClone.setAttribute(\r\n      'aria-hidden',\r\n      'true'\r\n    );\r\n\r\n\r\n    track.insertBefore(\r\n      lastClone,\r\n      track.firstChild\r\n    );\r\n\r\n\r\n    track.appendChild(\r\n      firstClone\r\n    );\r\n\r\n\r\n    \/* ======================================================\r\n       STATE\r\n       ====================================================== *\/\r\n\r\n    let index =\r\n      1;\r\n\r\n    let slideWidth =\r\n      0;\r\n\r\n    let dragging =\r\n      false;\r\n\r\n    let startX =\r\n      0;\r\n\r\n    let dragOffset =\r\n      0;\r\n\r\n    let transitioning =\r\n      false;\r\n\r\n\r\n    const transition =\r\n      'transform 420ms cubic-bezier(.22,.72,.25,1)';\r\n\r\n\r\n    \/* ======================================================\r\n       MEASURE\r\n       ====================================================== *\/\r\n\r\n    function measure() {\r\n\r\n      slideWidth =\r\n        viewport.clientWidth;\r\n\r\n\r\n      if (!slideWidth) {\r\n        return;\r\n      }\r\n\r\n\r\n      track.style.transition =\r\n        'none';\r\n\r\n\r\n      track.style.transform =\r\n        'translate3d(' +\r\n        (-index * slideWidth) +\r\n        'px,0,0)';\r\n\r\n\r\n      transitioning =\r\n        false;\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       POSITION\r\n       ====================================================== *\/\r\n\r\n    function setPosition(\r\n      animate,\r\n      extraOffset\r\n    ) {\r\n\r\n      if (!slideWidth) {\r\n        return;\r\n      }\r\n\r\n\r\n      track.style.transition =\r\n        animate\r\n          ? transition\r\n          : 'none';\r\n\r\n\r\n      const x =\r\n        (-index * slideWidth) +\r\n        (extraOffset || 0);\r\n\r\n\r\n      track.style.transform =\r\n        'translate3d(' +\r\n        x +\r\n        'px,0,0)';\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       NEXT\r\n       ====================================================== *\/\r\n\r\n    function next() {\r\n\r\n      if (transitioning) {\r\n        return;\r\n      }\r\n\r\n\r\n      transitioning =\r\n        true;\r\n\r\n\r\n      index +=\r\n        1;\r\n\r\n\r\n      setPosition(\r\n        true,\r\n        0\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       PREVIOUS\r\n       ====================================================== *\/\r\n\r\n    function previous() {\r\n\r\n      if (transitioning) {\r\n        return;\r\n      }\r\n\r\n\r\n      transitioning =\r\n        true;\r\n\r\n\r\n      index -=\r\n        1;\r\n\r\n\r\n      setPosition(\r\n        true,\r\n        0\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       LOOP RESET\r\n       ====================================================== *\/\r\n\r\n    track.addEventListener(\r\n      'transitionend',\r\n      function (event) {\r\n\r\n        \/*\r\n         * Ignore transform transitions\r\n         * bubbling from descendants.\r\n         *\/\r\n\r\n        if (\r\n          event.target !== track ||\r\n          event.propertyName !==\r\n          'transform'\r\n        ) {\r\n          return;\r\n        }\r\n\r\n\r\n        \/*\r\n         * First clone after last real slide.\r\n         *\/\r\n\r\n        if (\r\n          index ===\r\n          slideCount + 1\r\n        ) {\r\n\r\n          index =\r\n            1;\r\n\r\n\r\n          setPosition(\r\n            false,\r\n            0\r\n          );\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n         * Last clone before first real slide.\r\n         *\/\r\n\r\n        else if (\r\n          index === 0\r\n        ) {\r\n\r\n          index =\r\n            slideCount;\r\n\r\n\r\n          setPosition(\r\n            false,\r\n            0\r\n          );\r\n\r\n        }\r\n\r\n\r\n        transitioning =\r\n          false;\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* ======================================================\r\n       BUTTONS\r\n       ====================================================== *\/\r\n\r\n    if (nextButton) {\r\n\r\n      nextButton.addEventListener(\r\n        'click',\r\n        next\r\n      );\r\n\r\n    }\r\n\r\n\r\n    if (prevButton) {\r\n\r\n      prevButton.addEventListener(\r\n        'click',\r\n        previous\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       SWIPE \/ DRAG\r\n       ====================================================== *\/\r\n\r\n    const mediaAreas =\r\n      track.querySelectorAll(\r\n        '.aw-flow-slide__media'\r\n      );\r\n\r\n\r\n    mediaAreas.forEach(\r\n      function (media) {\r\n\r\n        media.addEventListener(\r\n          'pointerdown',\r\n          pointerDown\r\n        );\r\n\r\n\r\n        media.addEventListener(\r\n          'pointermove',\r\n          pointerMove\r\n        );\r\n\r\n\r\n        media.addEventListener(\r\n          'pointerup',\r\n          pointerUp\r\n        );\r\n\r\n\r\n        media.addEventListener(\r\n          'pointercancel',\r\n          pointerCancel\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    function pointerDown(event) {\r\n\r\n      if (transitioning) {\r\n        return;\r\n      }\r\n\r\n\r\n      \/*\r\n       * Ignore secondary mouse buttons.\r\n       *\/\r\n\r\n      if (\r\n        event.pointerType === 'mouse' &&\r\n        event.button !== 0\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      dragging =\r\n        true;\r\n\r\n\r\n      startX =\r\n        event.clientX;\r\n\r\n\r\n      dragOffset =\r\n        0;\r\n\r\n\r\n      track.style.transition =\r\n        'none';\r\n\r\n\r\n      if (\r\n        event.currentTarget\r\n          .setPointerCapture\r\n      ) {\r\n\r\n        event.currentTarget\r\n          .setPointerCapture(\r\n            event.pointerId\r\n          );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    function pointerMove(event) {\r\n\r\n      if (!dragging) {\r\n        return;\r\n      }\r\n\r\n\r\n      dragOffset =\r\n        event.clientX -\r\n        startX;\r\n\r\n\r\n      setPosition(\r\n        false,\r\n        dragOffset\r\n      );\r\n\r\n    }\r\n\r\n\r\n    function pointerUp(event) {\r\n\r\n      if (!dragging) {\r\n        return;\r\n      }\r\n\r\n\r\n      dragging =\r\n        false;\r\n\r\n\r\n      const distance =\r\n        event.clientX -\r\n        startX;\r\n\r\n\r\n      const threshold =\r\n        Math.min(\r\n          70,\r\n          Math.max(\r\n            42,\r\n            slideWidth * 0.14\r\n          )\r\n        );\r\n\r\n\r\n      \/*\r\n       * Swipe LEFT \u2192 Next\r\n       *\r\n       * This matches the LTR transform\r\n       * engine and the Arabic Next arrow \u2190.\r\n       *\/\r\n\r\n      if (\r\n        distance <\r\n        -threshold\r\n      ) {\r\n\r\n        transitioning =\r\n          true;\r\n\r\n\r\n        index +=\r\n          1;\r\n\r\n\r\n        setPosition(\r\n          true,\r\n          0\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/*\r\n       * Swipe RIGHT \u2192 Previous\r\n       *\/\r\n\r\n      else if (\r\n        distance >\r\n        threshold\r\n      ) {\r\n\r\n        transitioning =\r\n          true;\r\n\r\n\r\n        index -=\r\n          1;\r\n\r\n\r\n        setPosition(\r\n          true,\r\n          0\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/*\r\n       * Not enough movement:\r\n       * return to current slide.\r\n       *\/\r\n\r\n      else {\r\n\r\n        setPosition(\r\n          true,\r\n          0\r\n        );\r\n\r\n      }\r\n\r\n\r\n      dragOffset =\r\n        0;\r\n\r\n    }\r\n\r\n\r\n    function pointerCancel() {\r\n\r\n      if (!dragging) {\r\n        return;\r\n      }\r\n\r\n\r\n      dragging =\r\n        false;\r\n\r\n\r\n      dragOffset =\r\n        0;\r\n\r\n\r\n      setPosition(\r\n        true,\r\n        0\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       KEYBOARD \u2014 RTL SEMANTICS\r\n       ====================================================== *\/\r\n\r\n    viewport.addEventListener(\r\n      'keydown',\r\n      function (event) {\r\n\r\n        \/*\r\n         * Left = forward \/ next\r\n         *\/\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowLeft'\r\n        ) {\r\n\r\n          event.preventDefault();\r\n\r\n          next();\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n         * Right = previous\r\n         *\/\r\n\r\n        else if (\r\n          event.key ===\r\n          'ArrowRight'\r\n        ) {\r\n\r\n          event.preventDefault();\r\n\r\n          previous();\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* ======================================================\r\n       WINDOW RESIZE\r\n       ====================================================== *\/\r\n\r\n    let resizeTimer;\r\n\r\n\r\n    window.addEventListener(\r\n      'resize',\r\n      function () {\r\n\r\n        clearTimeout(\r\n          resizeTimer\r\n        );\r\n\r\n\r\n        resizeTimer =\r\n          setTimeout(\r\n            measure,\r\n            100\r\n          );\r\n\r\n      },\r\n      {\r\n        passive:\r\n          true\r\n      }\r\n    );\r\n\r\n\r\n    \/* ======================================================\r\n       RESIZE OBSERVER\r\n\r\n       Useful when Elementor changes container\r\n       width without triggering normal resize.\r\n       ====================================================== *\/\r\n\r\n    if (\r\n      'ResizeObserver' in window\r\n    ) {\r\n\r\n      const resizeObserver =\r\n        new ResizeObserver(\r\n          function () {\r\n\r\n            clearTimeout(\r\n              resizeTimer\r\n            );\r\n\r\n\r\n            resizeTimer =\r\n              setTimeout(\r\n                measure,\r\n                60\r\n              );\r\n\r\n          }\r\n        );\r\n\r\n\r\n      resizeObserver.observe(\r\n        viewport\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       IMAGE LOAD SAFETY\r\n\r\n       Especially useful with lazy-loaded\r\n       WordPress \/ LiteSpeed images.\r\n       ====================================================== *\/\r\n\r\n    const images =\r\n      track.querySelectorAll(\r\n        '.aw-flow-slide__image'\r\n      );\r\n\r\n\r\n    images.forEach(\r\n      function (image) {\r\n\r\n        if (!image.complete) {\r\n\r\n          image.addEventListener(\r\n            'load',\r\n            measure,\r\n            {\r\n              once:\r\n                true\r\n            }\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* ======================================================\r\n       INIT\r\n\r\n       requestAnimationFrame ensures Elementor\r\n       has completed initial layout first.\r\n       ====================================================== *\/\r\n\r\n    window.requestAnimationFrame(\r\n      measure\r\n    );\r\n\r\n  });\r\n\r\n})();\r\n<\/script>\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\u0648\u0627\u0641\u0630 \u0648 \u0623\u0628\u0648\u0627\u0628 \u0645\u062e\u0635\u0635\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0646\u064a\u0639 \u0641\u064a \u0639\u0645\u0627\u0646 \u0627\u062d\u062c\u0632 \u0642\u064a\u0627\u0633\u064b\u0627 \u0645\u062c\u0627\u0646\u064a\u064b\u0627 \u0642\u064a\u0627\u0633 \u0645\u062c\u0627\u0646\u064a \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\u0645\u0633\u0642\u0637 \u0648 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0642\u0631\u064a\u0628\u0629 \u00b7 \u0627\u0644\u062e\u062f\u0645\u0629<\/p>\n","protected":false},"author":1,"featured_media":2914,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3016","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/artwindowsoman.com\/ar\/wp-json\/wp\/v2\/pages\/3016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artwindowsoman.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artwindowsoman.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artwindowsoman.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artwindowsoman.com\/ar\/wp-json\/wp\/v2\/comments?post=3016"}],"version-history":[{"count":10,"href":"https:\/\/artwindowsoman.com\/ar\/wp-json\/wp\/v2\/pages\/3016\/revisions"}],"predecessor-version":[{"id":3029,"href":"https:\/\/artwindowsoman.com\/ar\/wp-json\/wp\/v2\/pages\/3016\/revisions\/3029"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/artwindowsoman.com\/ar\/wp-json\/wp\/v2\/media\/2914"}],"wp:attachment":[{"href":"https:\/\/artwindowsoman.com\/ar\/wp-json\/wp\/v2\/media?parent=3016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}