{"id":17,"date":"2026-07-02T11:37:00","date_gmt":"2026-07-02T11:37:00","guid":{"rendered":"https:\/\/snamlaw.sa\/?page_id=17"},"modified":"2026-07-21T13:07:30","modified_gmt":"2026-07-21T13:07:30","slug":"%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/snamlaw.sa\/en\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/","title":{"rendered":"Our Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ec6bf e-con-full e-flex e-con e-parent\" data-id=\"b4ec6bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94864cb elementor-widget elementor-widget-html\" data-id=\"94864cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<body style=\"margin:0;\">\r\n\r\n<section class=\"snam-services\" id=\"snam-services\">\r\n\r\n  <!-- \u062e\u0644\u0641\u064a\u0629 \u0645\u0648\u062d\u0651\u062f\u0629 \u0644\u0643\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 -->\r\n  <div class=\"snam-services__paper\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"snam-services__ambient\" aria-hidden=\"true\">\r\n    <span class=\"ambient-orb ambient-orb--gold\"><\/span>\r\n    <span class=\"ambient-orb ambient-orb--emerald\"><\/span>\r\n  <\/div>\r\n\r\n  <!-- ============================= \u0627\u0644\u0647\u064a\u0631\u0648 ============================= -->\r\n  <header class=\"services-hero\">\r\n    <div class=\"services-hero__grid\">\r\n\r\n      <div class=\"services-hero__text\">\r\n        <p class=\"eyebrow load-in load-in--1\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/p>\r\n        <h1 class=\"services-hero__title load-in load-in--2\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h1>\r\n        <p class=\"services-hero__lead load-in load-in--3\">\r\n          \u0646\u0637\u0627\u0642 \u0645\u062a\u0643\u0627\u0645\u0644 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u064a\u063a\u0637\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c\r\n          \u0628\u062e\u0628\u0631\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u0627\u0644\u0633\u0631\u064a\u0629 \u0641\u064a \u0643\u0644\r\n          \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644.\r\n        <\/p>\r\n\r\n        <div class=\"services-hero__stat load-in load-in--4\">\r\n          <span class=\"services-hero__stat-num\" data-count-to=\"10\">0<\/span>\r\n          <span class=\"services-hero__stat-plus\">+<\/span>\r\n          <span class=\"services-hero__stat-label\">\u0645\u062c\u0627\u0644\u0627\u062a \u062a\u062e\u0635\u0635 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/span>\r\n        <\/div>\r\n\r\n     <a href=\"https:\/\/api.whatsapp.com\/send?phone=966594452539\" class=\"global-gold-btn\">\r\n  <span>\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0622\u0646<\/span>\r\n  <span class=\"global-gold-btn__arrow-wrap\">\r\n    <svg class=\"global-gold-btn__arrow\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n      <path d=\"M19 12H5M11 18l-6-6 6-6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n    <\/svg>\r\n  <\/span>\r\n<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"services-hero__visual load-in load-in--3\">\r\n        <span class=\"services-hero__mark\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 120 140\">\r\n            <polygon points=\"60,6 112,70 60,134 8,70\"><\/polygon>\r\n            <polygon points=\"60,34 90,70 60,106 30,70\"><\/polygon>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"services-hero__corner services-hero__corner--a\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"services-hero__corner services-hero__corner--b\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"services-hero__diamond\" aria-hidden=\"true\"><\/span>\r\n        <div class=\"services-hero__frame\">\r\n          <img decoding=\"async\"\r\n            class=\"services-hero__img\"\r\n            src=\"https:\/\/snamlaw.sa\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-9-2026-02_50_00-PM-3.webp\"\r\n            alt=\"\u0635\u0648\u0631\u0629 \u0645\u0624\u0642\u062a\u0629 \u062a\u0645\u062b\u0651\u0644 \u0645\u0642\u0631 \u0627\u0644\u0645\u0643\u062a\u0628 \u2014 \u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u0633\u062a\u0628\u062f\u0627\u0644\u0647\u0627 \u0628\u0635\u0648\u0631\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0644\u0645\u0643\u062a\u0628 \u0623\u0648 \u0627\u0644\u0641\u0631\u064a\u0642\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ============================= \u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a ============================= -->\r\n  <section class=\"directory\">\r\n    <div class=\"section-head reveal\">\r\n      <p class=\"eyebrow\">\u062f\u0644\u064a\u0644 \u0627\u0644\u0627\u062e\u062a\u0635\u0627\u0635\u0627\u062a<\/p>\r\n      <h2>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"directory__wrap reveal\">\r\n\r\n      <!-- \u0627\u0644\u0641\u0647\u0631\u0633 -->\r\n      <div class=\"directory__index\">\r\n        <ul class=\"directory__list\" role=\"tablist\" aria-label=\"\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\">\r\n\r\n          <li class=\"directory__item is-active\" data-index=\"0\">\r\n            <button class=\"directory__trigger\" type=\"button\" role=\"tab\" id=\"tab-0\" aria-controls=\"panel-0\" aria-selected=\"true\">\r\n              <span class=\"directory__num\">01<\/span>\r\n              <span class=\"directory__title\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/span>\r\n              <svg class=\"directory__chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\" fill=\"none\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"directory__panel is-open\" id=\"panel-0\" role=\"tabpanel\" aria-labelledby=\"tab-0\">\r\n              <div class=\"directory__panel-inner\">\r\n                <span class=\"directory__icon\" data-icon=\"0\">\r\n                  <svg viewBox=\"0 0 48 48\">\r\n                    <path d=\"M10 12h28a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H22l-8 7v-7h-4a4 4 0 0 1-4-4V16a4 4 0 0 1 4-4z\"\/>\r\n                    <path d=\"M14 20h20M14 27h14\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <p class=\"directory__desc\">\u0646\u0642\u062f\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u062f\u0631\u0627\u0633\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u0648\u0642\u0627\u0626\u0639\u060c \u0628\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u0627\u0621\u0646\u0627 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0633\u0644\u064a\u0645\u0629\u060c \u0648\u0627\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d\u0647\u0645 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"directory__item\" data-index=\"1\">\r\n            <button class=\"directory__trigger\" type=\"button\" role=\"tab\" id=\"tab-1\" aria-controls=\"panel-1\" aria-selected=\"false\">\r\n              <span class=\"directory__num\">02<\/span>\r\n              <span class=\"directory__title\">\u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0636\u0627\u0626\u064a<\/span>\r\n              <svg class=\"directory__chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\" fill=\"none\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"directory__panel\" id=\"panel-1\" role=\"tabpanel\" aria-labelledby=\"tab-1\">\r\n              <div class=\"directory__panel-inner\">\r\n                <span class=\"directory__icon\" data-icon=\"1\">\r\n                  <svg viewBox=\"0 0 48 48\">\r\n                    <path d=\"M10 12h28M8 38h32M14 16v20M24 16v20M34 16v20\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <p class=\"directory__desc\">\u0646\u062a\u0648\u0644\u0649 \u062a\u0645\u062b\u064a\u0644 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0623\u0645\u0627\u0645 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0644\u062c\u0627\u0646 \u0627\u0644\u0645\u062e\u062a\u0635\u0629\u060c \u0645\u0639 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0630\u0643\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062c\u0645\u064a\u0639 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0642\u0627\u0636\u064a \u062d\u062a\u0649 \u0635\u062f\u0648\u0631 \u0627\u0644\u0623\u062d\u0643\u0627\u0645 \u0648\u062a\u0646\u0641\u064a\u0630\u0647\u0627\u060c \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u0627\u0644\u062f\u0641\u0627\u0639 \u0639\u0646 \u062d\u0642\u0648\u0642\u0647\u0645 \u0628\u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"directory__item\" data-index=\"2\">\r\n            <button class=\"directory__trigger\" type=\"button\" role=\"tab\" id=\"tab-2\" aria-controls=\"panel-2\" aria-selected=\"false\">\r\n              <span class=\"directory__num\">03<\/span>\r\n              <span class=\"directory__title\">\u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0639\u0646 \u0627\u0644\u063a\u064a\u0631<\/span>\r\n              <svg class=\"directory__chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\" fill=\"none\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"directory__panel\" id=\"panel-2\" role=\"tabpanel\" aria-labelledby=\"tab-2\">\r\n              <div class=\"directory__panel-inner\">\r\n                <span class=\"directory__icon\" data-icon=\"2\">\r\n                  <svg viewBox=\"0 0 48 48\">\r\n                    <circle cx=\"16\" cy=\"18\" r=\"7\"\/>\r\n                    <circle cx=\"32\" cy=\"18\" r=\"7\"\/>\r\n                    <path d=\"M6 40c0-6 4-10 10-10M42 40c0-6-4-10-10-10M22 20h4\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <p class=\"directory__desc\">\u0646\u062a\u0648\u0644\u0649 \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0639\u0646 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0633\u0648\u0627\u0621 \u0643\u0627\u0646\u0648\u0627 \u0633\u0639\u0648\u062f\u064a\u064a\u0646 \u0623\u0648 \u063a\u064a\u0631 \u0633\u0639\u0648\u062f\u064a\u064a\u0646\u060c \u0628\u0645\u0648\u062c\u0628 \u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0631\u0639\u064a\u0629 \u0623\u0648 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629\u060c \u0623\u0645\u0627\u0645 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0648\u0627\u0644\u0644\u062c\u0627\u0646 \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0639\u0648\u0649 \u062d\u062a\u0649 \u0635\u062f\u0648\u0631 \u0627\u0644\u0623\u062d\u0643\u0627\u0645 \u0648\u062a\u0646\u0641\u064a\u0630\u0647\u0627\u060c \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"directory__item\" data-index=\"3\">\r\n            <button class=\"directory__trigger\" type=\"button\" role=\"tab\" id=\"tab-3\" aria-controls=\"panel-3\" aria-selected=\"false\">\r\n              <span class=\"directory__num\">04<\/span>\r\n              <span class=\"directory__title\">\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f<\/span>\r\n              <svg class=\"directory__chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\" fill=\"none\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"directory__panel\" id=\"panel-3\" role=\"tabpanel\" aria-labelledby=\"tab-3\">\r\n              <div class=\"directory__panel-inner\">\r\n                <span class=\"directory__icon\" data-icon=\"3\">\r\n                  <svg viewBox=\"0 0 48 48\">\r\n                    <path d=\"M14 8h14l6 6v26H14z\"\/>\r\n                    <path d=\"M28 8v6h6\"\/>\r\n                    <path d=\"M18 22h12M18 28h8M18 34l14-10\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <p class=\"directory__desc\">\u0646\u0642\u0648\u0645 \u0628\u0625\u0639\u062f\u0627\u062f \u0648\u0635\u064a\u0627\u063a\u0629 \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627\u060c \u0645\u0639 \u0645\u0631\u0627\u0639\u0627\u0629 \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629 \u0648\u0635\u064a\u0627\u063a\u062a\u0647\u0627 \u0628\u0623\u0633\u0644\u0648\u0628 \u064a\u062d\u0642\u0642 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0628\u064a\u0646 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0648\u064a\u062d\u0641\u0638 \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u064a\u062d\u062f \u0645\u0646 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"directory__item\" data-index=\"4\">\r\n            <button class=\"directory__trigger\" type=\"button\" role=\"tab\" id=\"tab-4\" aria-controls=\"panel-4\" aria-selected=\"false\">\r\n              <span class=\"directory__num\">05<\/span>\r\n              <span class=\"directory__title\">\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/span>\r\n              <svg class=\"directory__chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\" fill=\"none\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"directory__panel\" id=\"panel-4\" role=\"tabpanel\" aria-labelledby=\"tab-4\">\r\n              <div class=\"directory__panel-inner\">\r\n                <span class=\"directory__icon\" data-icon=\"4\">\r\n                  <svg viewBox=\"0 0 48 48\">\r\n                    <path d=\"M8 40V22h6v18M18 40V14h6v26M28 40V26h6v14M38 40V18h4v22M6 40h36\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <p class=\"directory__desc\">\u0646\u0648\u0641\u0631 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627\u060c \u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0643\u064a\u0627\u0646 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629\u060c \u0648\u0635\u0648\u0644\u064b\u0627 \u0625\u0644\u0649 \u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u0629.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"directory__item\" data-index=\"5\">\r\n            <button class=\"directory__trigger\" type=\"button\" role=\"tab\" id=\"tab-5\" aria-controls=\"panel-5\" aria-selected=\"false\">\r\n              <span class=\"directory__num\">06<\/span>\r\n              <span class=\"directory__title\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/span>\r\n              <svg class=\"directory__chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\" fill=\"none\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"directory__panel\" id=\"panel-5\" role=\"tabpanel\" aria-labelledby=\"tab-5\">\r\n              <div class=\"directory__panel-inner\">\r\n                <span class=\"directory__icon\" data-icon=\"5\">\r\n                  <svg viewBox=\"0 0 48 48\">\r\n                    <path d=\"M10 18h22M28 12l6 6-6 6\"\/>\r\n                    <path d=\"M38 30H16M20 24l-6 6 6 6\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <p class=\"directory__desc\">\u0646\u0645\u062b\u0644 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0645\u0639 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0641\u0639\u0627\u0644\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0628\u0645\u0627 \u064a\u062d\u0642\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u0645\u0635\u0627\u0644\u062d \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"directory__item\" data-index=\"6\">\r\n            <button class=\"directory__trigger\" type=\"button\" role=\"tab\" id=\"tab-6\" aria-controls=\"panel-6\" aria-selected=\"false\">\r\n              <span class=\"directory__num\">07<\/span>\r\n              <span class=\"directory__title\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/span>\r\n              <svg class=\"directory__chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\" fill=\"none\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"directory__panel\" id=\"panel-6\" role=\"tabpanel\" aria-labelledby=\"tab-6\">\r\n              <div class=\"directory__panel-inner\">\r\n                <span class=\"directory__icon\" data-icon=\"6\">\r\n                  <svg viewBox=\"0 0 48 48\">\r\n                    <path d=\"M24 8 44 24h-6v16H10V24H6z\"\/>\r\n                    <path d=\"M20 40v-10h8v10\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <p class=\"directory__desc\">\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u062a\u0634\u0645\u0644 \u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f\u060c \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0648\u0627\u0644\u062a\u0635\u0631\u0641\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0648\u0641\u0642 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0639\u0645\u0648\u0644 \u0628\u0647\u0627.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"directory__item\" data-index=\"7\">\r\n            <button class=\"directory__trigger\" type=\"button\" role=\"tab\" id=\"tab-7\" aria-controls=\"panel-7\" aria-selected=\"false\">\r\n              <span class=\"directory__num\">08<\/span>\r\n              <span class=\"directory__title\">\u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632 \u0627\u0644\u062a\u062c\u0627\u0631\u064a<\/span>\r\n              <svg class=\"directory__chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\" fill=\"none\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"directory__panel\" id=\"panel-7\" role=\"tabpanel\" aria-labelledby=\"tab-7\">\r\n              <div class=\"directory__panel-inner\">\r\n                <span class=\"directory__icon\" data-icon=\"7\">\r\n                  <svg viewBox=\"0 0 48 48\">\r\n                    <path d=\"M6 32h8v8H6zM16 24h12v12H16zM30 12h16v16H30z\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <p class=\"directory__desc\">\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632 \u0627\u0644\u062a\u062c\u0627\u0631\u064a (\u0627\u0644\u0641\u0631\u0646\u0634\u0627\u064a\u0632)\u060c \u062a\u0634\u0645\u0644 \u0625\u0639\u062f\u0627\u062f \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0628\u064a\u0646 \u0645\u0627\u0646\u062d \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632 \u0648\u0627\u0644\u0645\u0645\u0646\u0648\u062d \u0644\u0647\u060c \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"directory__item\" data-index=\"8\">\r\n            <button class=\"directory__trigger\" type=\"button\" role=\"tab\" id=\"tab-8\" aria-controls=\"panel-8\" aria-selected=\"false\">\r\n              <span class=\"directory__num\">09<\/span>\r\n              <span class=\"directory__title\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u062d\u0642\u0648\u0642<\/span>\r\n              <svg class=\"directory__chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\" fill=\"none\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"directory__panel\" id=\"panel-8\" role=\"tabpanel\" aria-labelledby=\"tab-8\">\r\n              <div class=\"directory__panel-inner\">\r\n                <span class=\"directory__icon\" data-icon=\"8\">\r\n                  <svg viewBox=\"0 0 48 48\">\r\n                    <circle cx=\"24\" cy=\"24\" r=\"16\"\/>\r\n                    <path d=\"M16 24l6 6 12-12\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <p class=\"directory__desc\">\u0646\u062a\u0648\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0635\u0629\u060c \u0648\u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0623\u062d\u0643\u0627\u0645 \u0648\u0627\u0644\u0633\u0646\u062f\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629\u060c \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u062d\u062a\u0649 \u0627\u0633\u062a\u064a\u0641\u0627\u0621 \u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"directory__item\" data-index=\"9\">\r\n            <button class=\"directory__trigger\" type=\"button\" role=\"tab\" id=\"tab-9\" aria-controls=\"panel-9\" aria-selected=\"false\">\r\n              <span class=\"directory__num\">10<\/span>\r\n              <span class=\"directory__title\">\u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0648\u0627\u0644\u0648\u0633\u0627\u0637\u0629<\/span>\r\n              <svg class=\"directory__chevron\" viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\" fill=\"none\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"directory__panel\" id=\"panel-9\" role=\"tabpanel\" aria-labelledby=\"tab-9\">\r\n              <div class=\"directory__panel-inner\">\r\n                <span class=\"directory__icon\" data-icon=\"9\">\r\n                  <svg viewBox=\"0 0 48 48\">\r\n                    <path d=\"M10 30c6-14 22-14 28 0\"\/>\r\n                    <circle cx=\"14\" cy=\"32\" r=\"4\"\/>\r\n                    <circle cx=\"34\" cy=\"32\" r=\"4\"\/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <p class=\"directory__desc\">\u0646\u0648\u0641\u0631 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0648\u0627\u0644\u0648\u0633\u0627\u0637\u0629 \u0643\u0648\u0633\u0627\u0626\u0644 \u0641\u0639\u0627\u0644\u0629 \u0644\u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u062e\u0627\u0631\u062c \u0623\u0631\u0648\u0642\u0629 \u0627\u0644\u0645\u062d\u0627\u0643\u0645\u060c \u0628\u0645\u0627 \u064a\u0633\u0647\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062d\u0644\u0648\u0644 \u0639\u0627\u062f\u0644\u0629 \u0648\u0633\u0631\u064a\u0639\u0629\u060c \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u060c \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0623\u0637\u0631\u0627\u0641.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0645\u0633\u0631\u062d (\u064a\u0638\u0647\u0631 \u0639\u0644\u0649 \u0627\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 \u0641\u0642\u0637) -->\r\n      <div class=\"directory__stage\" aria-hidden=\"false\">\r\n        <span class=\"directory__bignum\" id=\"stageBigNum\">01<\/span>\r\n        <div class=\"directory__display\" id=\"stageDisplay\">\r\n          <span class=\"directory__display-icon\" id=\"stageIcon\">\r\n            <svg viewBox=\"0 0 48 48\">\r\n              <path d=\"M10 12h28a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H22l-8 7v-7h-4a4 4 0 0 1-4-4V16a4 4 0 0 1 4-4z\"\/>\r\n              <path d=\"M14 20h20M14 27h14\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <h3 class=\"directory__display-title\" id=\"stageTitle\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n          <p class=\"directory__display-text\" id=\"stageDesc\">\u0646\u0642\u062f\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u062f\u0631\u0627\u0633\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u0648\u0642\u0627\u0626\u0639\u060c \u0628\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u0627\u0621\u0646\u0627 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0633\u0644\u064a\u0645\u0629\u060c \u0648\u0627\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d\u0647\u0645 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================= \u0628\u0627\u0646\u0631 CTA ============================= -->\r\n  <section class=\"services-cta reveal\">\r\n    <div class=\"services-cta__inner\">\r\n      <span class=\"services-cta__seal\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 120 120\">\r\n          <circle cx=\"60\" cy=\"60\" r=\"52\"\/>\r\n          <circle cx=\"60\" cy=\"60\" r=\"42\" class=\"dashed\"\/>\r\n          <rect x=\"48\" y=\"48\" width=\"24\" height=\"24\" transform=\"rotate(45 60 60)\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <p class=\"eyebrow\">\u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u062e\u062f\u0645\u062a\u0643\u0645<\/p>\r\n      <h2>\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0639\u0646\u0627 \u0627\u0644\u064a\u0648\u0645<\/h2>\r\n      <p class=\"services-cta__text\">\r\n        \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0639\u0644\u0649 \u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u062f\u0631\u0627\u0633\u0629 \u062d\u0627\u0644\u062a\u0643 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644 \u0627\u0644\u0623\u0646\u0633\u0628\u060c \u0628\u0633\u0631\u064a\u0629\r\n        \u062a\u0627\u0645\u0629 \u0648\u0627\u0644\u062a\u0632\u0627\u0645 \u0643\u0627\u0645\u0644 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n      <\/p>\r\n\r\n   <a href=\"https:\/\/api.whatsapp.com\/send?phone=966594452539\" class=\"global-gold-btn\">\r\n  <span>\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0622\u0646<\/span>\r\n  <span class=\"global-gold-btn__arrow-wrap\">\r\n    <svg class=\"global-gold-btn__arrow\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n      <path d=\"M19 12H5M11 18l-6-6 6-6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n    <\/svg>\r\n  <\/span>\r\n<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ==========================================================================\r\n   \u0633\u0646\u0627\u0645 \u0627\u0644\u0645\u0631\u0627\u0641\u0639\u0629 \u2014 \u0635\u0641\u062d\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u2014 Design Tokens\r\n   ========================================================================== *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@500;700;800;900&family=Tajawal:wght@300;400;500;700&display=swap');\r\n\r\n.snam-services{\r\n  --ink:#132821;\r\n  --ink-soft:#57685f;\r\n  --emerald:#0e3d2f;\r\n  --emerald-deep:#082821;\r\n  --emerald-pale:#e9f0eb;\r\n  --gold:#b6934f;\r\n  --gold-light:#e2c893;\r\n  --paper:#faf8f3;\r\n  --paper-alt:#f2ede2;\r\n  --line:rgba(19,40,33,0.12);\r\n  --shadow-soft:0 22px 55px -30px rgba(14,61,47,0.4);\r\n  --shadow-lift:0 30px 70px -30px rgba(14,61,47,0.5);\r\n  --ease:cubic-bezier(.22,.68,.2,1);\r\n  --stamp-ease:cubic-bezier(.34,1.4,.4,1);\r\n\r\n  \/* \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u064a\u062a\u0648\u0627\u0631\u062b \u0645\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 (html[dir]) \u0627\u0644\u0644\u064a \u0628\u062a\u0636\u0628\u0637\u0647\u0627 TranslatePress \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u2014\r\n     \u0644\u0627 \u064a\u0648\u062c\u062f dir \u062b\u0627\u0628\u062a \u0647\u0646\u0627 \u0628\u0639\u062f \u0627\u0644\u0622\u0646 *\/\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:var(--paper);\r\n  color:#0E332B;\r\n  font-family:'Tajawal','Cairo',sans-serif;\r\n  line-height:1.9;\r\n  isolation:isolate;\r\n}\r\n.snam-services *{ box-sizing:border-box; }\r\n.snam-services h1,\r\n.snam-services h2,\r\n.snam-services h3{\r\n  font-family:'Cairo',sans-serif;\r\n  color:var(--emerald-deep);\r\n  margin:0;\r\n  font-weight:800;\r\n}\r\n.snam-services p{ margin:15px auto; }\r\n.snam-services ul{ list-style:none; margin:0; padding:0; }\r\n.snam-services svg{ display:block; }\r\n.snam-services svg path,\r\n.snam-services svg circle,\r\n.snam-services svg rect,\r\n.snam-services svg polygon{ vector-effect:non-scaling-stroke; }\r\n\r\n.eyebrow{\r\n  display:inline-flex; align-items:center; gap:10px;\r\n  font-family:'Cairo',sans-serif; font-size:13px; font-weight:700;\r\n  letter-spacing:.12em; color:var(--gold); margin:0 0 16px;\r\n}\r\n.eyebrow::before{ content:\"\"; width:26px; height:2px; background:var(--gold); border-radius:2px; }\r\n\r\n\/* ==========================================================================\r\n   \u062e\u0644\u0641\u064a\u0629 \u0645\u0648\u062d\u0651\u062f\u0629\r\n   ========================================================================== *\/\r\n.snam-services__paper{\r\n  position:absolute; inset:0; z-index:0; pointer-events:none;\r\n  background-image:repeating-linear-gradient(to bottom, rgba(19,40,33,0.045) 0px, rgba(19,40,33,0.045) 1px, transparent 1px, transparent 42px);\r\n}\r\n\/* \u062e\u0637 \u0627\u0644\u0647\u0627\u0645\u0634 \u0639\u0644\u0649 \u062c\u0647\u0629 \"\u0628\u062f\u0627\u064a\u0629\" \u0627\u0644\u0646\u0635 \u2014 \u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a\u060c \u064a\u0633\u0627\u0631 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 *\/\r\n.snam-services__paper::after{\r\n  content:\"\"; position:absolute; top:0; bottom:0; inset-inline-start:9%; width:1px;\r\n  background:linear-gradient(to bottom, transparent, rgba(182,147,79,.4) 8%, rgba(182,147,79,.4) 92%, transparent);\r\n}\r\n.snam-services__ambient{ position:absolute; inset:0; z-index:0; pointer-events:none; }\r\n.ambient-orb{ position:absolute; border-radius:50%; filter:blur(85px); opacity:.28; }\r\n\/* \u0647\u0630\u0647 \u0638\u0644\u0627\u0644 \u0636\u0648\u0626\u064a\u0629 \u062c\u0648\u064a\u0629 \u0632\u062e\u0631\u0641\u064a\u0629 \u0628\u062d\u062a\u0629 \u0648\u063a\u064a\u0631 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u2014 \u062a\u064f\u0631\u0643\u062a \u0643\u0645\u0627 \u0647\u064a \u0639\u0645\u062f\u064b\u0627 *\/\r\n.ambient-orb--gold{ width:400px; height:400px; top:0; left:-10%; background:radial-gradient(circle,var(--gold-light),transparent 70%); }\r\n.ambient-orb--emerald{ width:480px; height:480px; bottom:4%; right:-12%; background:radial-gradient(circle,var(--emerald-pale),transparent 70%); }\r\n\r\n\/* ==========================================================================\r\n   Reveal + Load-in (Hero) \u0639\u0627\u0645\r\n   ========================================================================== *\/\r\n.reveal{ opacity:0; transform:translateY(26px); transition:opacity .75s var(--ease), transform .75s var(--ease); }\r\n.reveal.is-visible{ opacity:1; transform:translateY(0); }\r\n\r\n.load-in{ opacity:0; transform:translateY(20px); animation:snamLoadIn .8s var(--ease) forwards; }\r\n.load-in--1{ animation-delay:.05s; }\r\n.load-in--2{ animation-delay:.18s; }\r\n.load-in--3{ animation-delay:.32s; }\r\n.load-in--4{ animation-delay:.46s; }\r\n.load-in--5{ animation-delay:.6s; }\r\n@keyframes snamLoadIn{ to{ opacity:1; transform:translateY(0); } }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .reveal, .load-in{ opacity:1; transform:none; animation:none; transition:none; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   \u0627\u0644\u0647\u064a\u0631\u0648\r\n   ========================================================================== *\/\r\n.services-hero{ position:relative; z-index:1; padding:min(11vw,110px) 8vw 90px; }\r\n.services-hero__grid{\r\n  max-width:1220px; margin:0 auto;\r\n  display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center;\r\n}\r\n.services-hero__title{ font-size:clamp(46px,6.5vw,84px); line-height:1.05; margin-bottom:24px; }\r\nhtml[dir=\"ltr\"] .services-hero__title{ line-height:1.15; }\r\n.services-hero__lead{ font-size:clamp(16.5px,1.4vw,18.5px); color:var(--ink-soft); max-width:52ch; margin-bottom:32px; }\r\n\r\n.services-hero__stat{ display:flex; align-items:center; gap:12px; margin-bottom:34px; }\r\n.services-hero__stat-num{ font-family:'Cairo',sans-serif; font-weight:900; font-size:clamp(40px,4.5vw,56px); color:var(--emerald-deep); line-height:1; }\r\n.services-hero__stat-plus{ font-family:'Cairo',sans-serif; font-weight:800; font-size:24px; color:var(--gold); }\r\n.services-hero__stat-label{ font-size:14.5px; color:var(--ink-soft); max-width:16ch; line-height:1.5; }\r\nhtml[dir=\"ltr\"] .services-hero__stat-label{ line-height:1.6; max-width:18ch; }\r\n\r\n.services-hero__cta{\r\n  display:inline-flex; align-items:center; gap:12px;\r\n  background:var(--emerald-deep); color:#f6f1e6;\r\n  font-family:'Cairo',sans-serif; font-weight:700; font-size:15px;\r\n  padding:16px 28px; border-radius:4px; text-decoration:none;\r\n  transition:background .35s var(--ease), gap .35s var(--ease);\r\n}\r\n.services-hero__cta:hover{ background:var(--gold); gap:18px; }\r\n.cta-arrow{ width:16px; height:16px; }\r\n.cta-arrow path{ stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\r\n\r\n\/* ==========================================================================\r\n   \u0623\u0633\u0647\u0645 \u0623\u0632\u0631\u0627\u0631 \u062d\u062c\u0632 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n   \u064a\u062a\u0645 \u062a\u063a\u064a\u064a\u0631 \u0645\u0633\u0627\u0631 \u0627\u0644\u0633\u0647\u0645 \u0646\u0641\u0633\u0647 \u0628\u0627\u0644\u0640JavaScript \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629\u060c \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649\r\n   \u062a\u062f\u0648\u064a\u0631 \u0627\u0644\u0640SVG \u0641\u0642\u0637\u061b \u0644\u0630\u0644\u0643 \u0644\u0627 \u062a\u062a\u0623\u062b\u0631 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0628\u0623\u064a \u062a\u0646\u0633\u064a\u0642 \u0639\u0627\u0645 \u0644\u0644\u0632\u0631.\r\n   ========================================================================== *\/\r\n.snam-services .global-gold-btn__arrow-wrap{\r\n  position:relative;\r\n  z-index:2;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  flex-shrink:0;\r\n  transition:transform .35s var(--ease);\r\n}\r\n\r\n.snam-services .global-gold-btn__arrow{\r\n  display:block;\r\n  transform:none !important;\r\n  transform-origin:center;\r\n  transform-box:fill-box;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0631\u0628\u064a\u0629: \u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0647\u0645 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n.snam-services .global-gold-btn:hover .global-gold-btn__arrow-wrap{\r\n  transform:translateX(-6px);\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629: \u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0647\u0645 \u0625\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n.snam-services.snam-services--ltr\r\n.global-gold-btn:hover\r\n.global-gold-btn__arrow-wrap{\r\n  transform:translateX(6px) !important;\r\n}\r\n\r\n\/* ---- \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0635\u0648\u0631\u0629: \u062a\u0643\u0628\u064a\u0631 + \u0625\u0637\u0627\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a (\u062a\u062d\u062f\u064a\u062b) ---- *\/\r\n.services-hero__visual{ position:relative; display:flex; align-items:center; justify-content:center; }\r\n\r\n.services-hero__frame{\r\n  position:relative;\r\n  width:100%;\r\n  max-width:560px;           \/* \u0643\u0627\u0646\u062a 400px \u2014 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0627\u0644\u0645\u062a\u0627\u062d \u0623\u0643\u0628\u0631 \u0628\u0643\u062b\u064a\u0631 *\/\r\n  aspect-ratio:3\/4;          \/* \u0646\u0633\u0628\u0629 \u062b\u0627\u0628\u062a\u0629 \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n  border-radius:10px;\r\n  overflow:hidden;\r\n  box-shadow:var(--shadow-lift);\r\n  clip-path:polygon(0 0,100% 0,100% 92%,88% 100%,0 100%);\r\n}\r\n.services-hero__img{\r\n  display:block;\r\n  width:100%;\r\n  height:100% !important;\r\n  object-fit:cover;          \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062a\u0645\u0644\u0623 \u0627\u0644\u0625\u0637\u0627\u0631 \u062f\u0627\u064a\u0645\u064b\u0627 \u0645\u0647\u0645\u0627 \u0643\u0627\u0646\u062a \u0623\u0628\u0639\u0627\u062f\u0647\u0627 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 *\/\r\n  transform:scale(1.06);\r\n  transition:transform 1.2s var(--ease);\r\n}\r\n.services-hero__visual:hover .services-hero__img{ transform:scale(1); }\r\n\r\n\/* \u0628\u0631\u0627\u0648\u064a\u0632 \u0630\u0647\u0628\u064a\u0629 + \u0645\u0639\u064a\u0646 \u0639\u0627\u0626\u0645 \u2014 \u062a\u0643\u0648\u064a\u0646 \u0632\u062e\u0631\u0641\u064a \u0645\u062d\u0644\u064a \u062f\u0627\u062e\u0644 \u0625\u0637\u0627\u0631 \u0627\u0644\u0635\u0648\u0631\u0629\u060c \u063a\u064a\u0631 \u0645\u0631\u062a\u0628\u0637\r\n   \u0628\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0641\u062a\u064f\u0631\u0643 \u0628\u0625\u062d\u062f\u0627\u062b\u064a\u0627\u062a\u0647 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0643\u0645\u0627 \u0647\u0648 (\u0646\u0641\u0633 \u0647\u0648\u064a\u0629 \u0635\u0641\u062d\u0629 \"\u0645\u0646 \u0646\u062d\u0646\") *\/\r\n.services-hero__corner{ position:absolute; width:52px; height:52px; z-index:3; pointer-events:none; }\r\n.services-hero__corner--a{ top:-14px; left:-14px; border-top:2px solid var(--gold); border-left:2px solid var(--gold); }\r\n.services-hero__corner--b{ bottom:30px; right:-14px; border-bottom:2px solid var(--gold); border-right:2px solid var(--gold); }\r\n.services-hero__diamond{\r\n  position:absolute; top:-14px; left:40px; width:24px; height:24px;\r\n  background:var(--gold); transform:rotate(45deg); z-index:4;\r\n  box-shadow:0 10px 22px -8px rgba(182,147,79,.65);\r\n}\r\n\r\n.services-hero__mark{\r\n  position:absolute; top:-14%; left:-16%; width:120px; opacity:.9;\r\n  animation:snamSpin 46s linear infinite;\r\n}\r\n.services-hero__mark svg{ width:100%; height:auto; }\r\n.services-hero__mark polygon{ fill:none; stroke:var(--gold); stroke-width:1.2; }\r\n.services-hero__mark polygon:last-child{ stroke:var(--emerald); }\r\n@keyframes snamSpin{ to{ transform:rotate(360deg); } }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .services-hero__mark{ animation:none; }\r\n  .services-hero__img{ transition:none; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   \u0627\u0644\u0642\u0633\u0645: \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0639\u0627\u0645\r\n   ========================================================================== *\/\r\n.section-head{ text-align:center; margin-bottom:56px; }\r\n.section-head h2{ font-size:clamp(30px,3.6vw,42px); }\r\n\r\n\/* ==========================================================================\r\n   \u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\r\n   ========================================================================== *\/\r\n.directory{ position:relative; z-index:1; padding:20px 8vw 130px; max-width:1260px; margin:0 auto; }\r\n\r\n.directory__wrap{ display:grid; grid-template-columns:.42fr .58fr; gap:56px; align-items:start; }\r\n\r\n\/* --- \u0627\u0644\u0641\u0647\u0631\u0633 --- *\/\r\n.directory__list{ border-top:1px solid var(--line); }\r\n.directory__item{ border-bottom:1px solid var(--line); }\r\n.directory__trigger{\r\n  all:unset;\r\n  display:flex; align-items:center; gap:18px;\r\n  width:100%; padding:20px 8px; cursor:pointer;\r\n  transition:padding-inline-start .35s var(--ease);\r\n  box-sizing:border-box;\r\n}\r\n.directory__num{\r\n  font-family:'Cairo',sans-serif; font-weight:800; font-size:14px;\r\n  color:var(--gold); min-width:30px; transition:color .3s var(--ease);\r\n}\r\n.directory__title{\r\n  flex:1; font-family:'Cairo',sans-serif; font-weight:700; font-size:18px;\r\n  color:var(--ink); transition:color .3s var(--ease);\r\n}\r\n.directory__chevron{\r\n  width:18px;\r\n  height:18px;\r\n  flex:none;\r\n  transform:rotate(180deg);\r\n  transform-origin:center;\r\n  transform-box:fill-box;\r\n  transition:transform .35s var(--ease);\r\n}\r\n\r\n.directory__chevron path{\r\n  stroke:var(--ink-soft);\r\n  stroke-width:2;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0631\u0628\u064a\u0629: \u0627\u0644\u0633\u0647\u0645 \u0627\u0644\u0645\u063a\u0644\u0642 \u064a\u062a\u062c\u0647 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n.snam-services:not(.snam-services--ltr) .directory__chevron{\r\n  transform:rotate(180deg);\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629: \u0627\u0644\u0633\u0647\u0645 \u0627\u0644\u0645\u063a\u0644\u0642 \u064a\u062a\u062c\u0647 \u0625\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n.snam-services.snam-services--ltr .directory__chevron{\r\n  transform:rotate(0deg) !important;\r\n}\r\n\r\n.directory__item:hover .directory__trigger{ padding-inline-start:16px; }\r\n.directory__item:hover .directory__title{ color:var(--emerald-deep); }\r\n\r\n.directory__item.is-active .directory__num{ color:var(--emerald); }\r\n.directory__item.is-active .directory__title{ color:var(--emerald-deep); }\r\n.directory__item.is-active .directory__trigger{ padding-inline-start:20px; }\r\n\r\n\/* \u0639\u0646\u062f \u0641\u062a\u062d \u0627\u0644\u0639\u0646\u0635\u0631 \u064a\u0635\u0628\u062d \u0627\u0644\u0633\u0647\u0645 \u0645\u062a\u062c\u0647\u064b\u0627 \u0625\u0644\u0649 \u0627\u0644\u0623\u0633\u0641\u0644 \u0641\u064a \u0627\u0644\u0644\u063a\u062a\u064a\u0646 *\/\r\n.snam-services .directory__item.is-active .directory__chevron,\r\n.snam-services.snam-services--ltr .directory__item.is-active .directory__chevron{\r\n  transform:rotate(90deg) !important;\r\n}\r\n\r\n.directory__item.is-active .directory__chevron path{ stroke:var(--gold); }\r\n\r\n\/* \u0644\u0648\u062d\u0629 \u0627\u0644\u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646 (\u062a\u0638\u0647\u0631 \u0641\u0639\u0644\u064a\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0641\u0642\u0637) *\/\r\n.directory__panel{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s var(--ease); }\r\n.directory__panel-inner{ overflow:hidden; min-height:0; }\r\n.directory__panel .directory__icon{ display:none; }\r\n.directory__panel .directory__desc{\r\n  font-size:15px; color:var(--ink-soft); padding:0 8px 20px; max-width:60ch;\r\n}\r\n\r\n@media (max-width:900px){\r\n  .directory__panel.is-open{ grid-template-rows:1fr; }\r\n}\r\n\r\n@media (min-width:901px){\r\n  .directory__panel{ grid-template-rows:0fr !important; transition:none; }\r\n}\r\n\r\n\/* --- \u0627\u0644\u0645\u0633\u0631\u062d --- *\/\r\n.directory__stage{\r\n  position:sticky; top:100px;\r\n  background:#fff; border:1px solid var(--line); border-radius:10px;\r\n  padding:56px 48px; min-height:400px;\r\n  box-shadow:var(--shadow-soft);\r\n  overflow:hidden;\r\n}\r\n\/* \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0643\u0628\u064a\u0631 \u0627\u0644\u0634\u0628\u062d\u064a \u064a\u062c\u0644\u0633 \u0641\u064a \u0632\u0627\u0648\u064a\u0629 \"\u0627\u0644\u0646\u0647\u0627\u064a\u0629\" \u2014 \u064a\u0633\u0627\u0631 \u0628\u0627\u0644\u0639\u0631\u0628\u064a\u060c \u064a\u0645\u064a\u0646 \u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\n.directory__bignum{\r\n  position:absolute; top:-6%; inset-inline-end:4%;\r\n  font-family:'Cairo',sans-serif; font-weight:900;\r\n  font-size:clamp(100px,11vw,170px); line-height:1;\r\n  color:var(--emerald-pale); z-index:0;\r\n  transition:opacity .3s ease, transform .3s ease;\r\n  user-select:none;\r\n}\r\n.directory__display{ position:relative; z-index:1; }\r\n.directory__display-icon{\r\n  display:inline-flex; width:64px; height:64px; margin-bottom:26px;\r\n  transition:opacity .3s ease, transform .3s ease;\r\n}\r\n.directory__display-icon svg{ width:100%; height:100%; }\r\n.directory__display-icon path,\r\n.directory__display-icon circle,\r\n.directory__display-icon rect{ fill:none; stroke:var(--emerald); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\r\n.directory__display-icon circle:nth-of-type(2){ stroke:var(--gold); }\r\n\r\n.directory__display-title{ font-size:26px; margin-bottom:16px; transition:opacity .25s ease, transform .25s ease; }\r\n.directory__display-text{ font-size:16px; color:var(--ink-soft); max-width:52ch; transition:opacity .25s ease, transform .25s ease; }\r\n\r\n.directory__stage.is-changing .directory__display-title,\r\n.directory__stage.is-changing .directory__display-text,\r\n.directory__stage.is-changing .directory__display-icon{ opacity:0; transform:translateY(10px); }\r\n.directory__stage.is-changing .directory__bignum{ opacity:0; transform:translateY(10px) scale(.96); }\r\n\r\n@media (max-width:900px){\r\n  .directory__wrap{ grid-template-columns:1fr; gap:0; }\r\n  .directory__stage{ display:none; }\r\n  .directory__panel .directory__icon{ display:inline-flex; width:44px; height:44px; margin:4px 8px 14px; }\r\n  .directory__panel .directory__icon svg{ width:100%; height:100%; }\r\n  .directory__panel .directory__icon path,\r\n  .directory__panel .directory__icon circle,\r\n  .directory__panel .directory__icon rect{ fill:none; stroke:var(--emerald); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   \u0628\u0627\u0646\u0631 CTA\r\n   ========================================================================== *\/\r\n.services-cta{ position:relative; z-index:1; padding:20px 8vw 130px; }\r\n.services-cta__inner{\r\n  max-width:820px; margin:0 auto; text-align:center;\r\n  background:var(--emerald-deep); border-radius:14px;\r\n  padding:70px 50px; position:relative; overflow:hidden;\r\n  box-shadow:var(--shadow-lift);\r\n}\r\n.services-cta__inner .eyebrow{ color:var(--gold-light); }\r\n.services-cta__inner h2{ color:#fff; font-size:clamp(28px,3.4vw,38px); margin-bottom:18px; }\r\n.services-cta__text{ color:#d9e2dc; font-size:16px; max-width:48ch; margin:0 auto 34px; }\r\n\r\n.services-cta__btn{\r\n  display:inline-flex; align-items:center; gap:12px;\r\n  background:var(--gold); color:var(--emerald-deep);\r\n  font-family:'Cairo',sans-serif; font-weight:800; font-size:15px;\r\n  padding:17px 32px; border-radius:4px; text-decoration:none;\r\n  transition:background .35s var(--ease), gap .35s var(--ease), transform .35s var(--ease);\r\n  position:relative; z-index:2;\r\n}\r\n.services-cta__btn:hover{ background:#fff; gap:18px; transform:translateY(-2px); }\r\n\r\n\/* \u062e\u062a\u0645 \u0632\u062e\u0631\u0641\u064a \u0645\u062d\u0644\u064a \u062f\u0627\u062e\u0644 \u0628\u0627\u0646\u0631 \u0627\u0644\u0640CTA \u2014 \u063a\u064a\u0631 \u0645\u0631\u062a\u0628\u0637 \u0628\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0642\u0631\u0627\u0621\u0629\u060c \u062a\u064f\u0631\u0643 \u0643\u0645\u0627 \u0647\u0648 *\/\r\n.services-cta__seal{\r\n  position:absolute; top:-30px; left:-30px; width:130px; opacity:.14;\r\n}\r\n.services-cta__seal svg{ width:100%; height:auto; }\r\n.services-cta__seal circle{ fill:none; stroke:var(--gold-light); stroke-width:1.4; }\r\n.services-cta__seal .dashed{ stroke-dasharray:2 8; }\r\n.services-cta__seal rect{ fill:var(--gold-light); }\r\n\r\n\/* ==========================================================================\r\n   Responsive \u0639\u0627\u0645\r\n   ========================================================================== *\/\r\n@media (max-width:900px){\r\n  .services-hero__grid{ grid-template-columns:1fr; text-align:center; gap:44px; }\r\n  .services-hero__lead{ margin-inline:auto; }\r\n  .services-hero__stat{ justify-content:center; }\r\n  .services-hero__visual{ order:-1; }\r\n  .services-hero__frame{ max-width:380px; }\r\n}\r\n\r\n\/* \u0634\u0627\u0634\u0627\u062a \u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u064b\u0627 (\u062d\u062a\u0649 480px) \u2014 \u0636\u0628\u0637 \u062f\u0642\u064a\u0642 \u0625\u0636\u0627\u0641\u064a \u0628\u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u062f\u064a\u0632\u0627\u064a\u0646 *\/\r\n@media (max-width:480px){\r\n  .services-hero{ padding:78px 6vw 60px; }\r\n  .services-hero__stat{ flex-wrap:wrap; }\r\n  .services-hero__frame{ max-width:300px; aspect-ratio:4\/5; }\r\n  .services-hero__corner{ display:none; }\r\n  .services-hero__diamond{ width:20px; height:20px; top:-10px; left:26px; }\r\n  .directory{ padding:16px 6vw 90px; }\r\n  .directory__trigger{ gap:12px; padding:18px 4px; }\r\n  .directory__title{ font-size:16.5px; }\r\n  .services-cta{ padding:16px 6vw 90px; }\r\n}\r\n\r\n@media (max-width:560px){\r\n  .services-cta__inner{ padding:52px 26px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n\r\n  var root = document.getElementById('snam-services');\r\n  if(!root) return;\r\n\r\n  \/* ---------------------------------------------------------------------\r\n     0) \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0644\u063a\u0629 \u0648\u0636\u0628\u0637 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0633\u0647\u0645\r\n  --------------------------------------------------------------------- *\/\r\n  function isEnglishPage(){\r\n    var lang = (\r\n      document.documentElement.getAttribute('lang') || ''\r\n    ).toLowerCase();\r\n\r\n    var bodyClass = document.body ? document.body.className : '';\r\n\r\n    if(\r\n      lang.indexOf('en') === 0 ||\r\n      \/translatepress-en(?:_|-|\\b)\/i.test(bodyClass)\r\n    ){\r\n      return true;\r\n    }\r\n\r\n    if(lang.indexOf('ar') === 0){\r\n      return false;\r\n    }\r\n\r\n    var htmlDir = (\r\n      document.documentElement.getAttribute('dir') || ''\r\n    ).toLowerCase();\r\n\r\n    if(htmlDir){\r\n      return htmlDir === 'ltr';\r\n    }\r\n\r\n    return window.getComputedStyle(document.documentElement).direction === 'ltr';\r\n  }\r\n\r\n  function updateArrowDirections(){\r\n    var isEnglish = isEnglishPage();\r\n\r\n    root.classList.toggle('snam-services--ltr', isEnglish);\r\n\r\n    \/* \u062a\u063a\u064a\u064a\u0631 \u0645\u0633\u0627\u0631 \u0623\u0633\u0647\u0645 \u0623\u0632\u0631\u0627\u0631 \u062d\u062c\u0632 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0641\u0639\u0644\u064a\u064b\u0627\u060c \u062d\u062a\u0649 \u0644\u0627 \u062a\u0645\u0646\u0639\u0647\u0627\r\n       \u0623\u064a \u0642\u0627\u0639\u062f\u0629 transform \u0639\u0627\u0645\u0629 \u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 *\/\r\n    root.querySelectorAll('.global-gold-btn__arrow path').forEach(function(path){\r\n      path.setAttribute(\r\n        'd',\r\n        isEnglish\r\n          ? 'M5 12h14M13 6l6 6-6 6'\r\n          : 'M19 12H5M11 18l-6-6 6-6'\r\n      );\r\n    });\r\n  }\r\n\r\n  updateArrowDirections();\r\n\r\n  \/* \u064a\u062f\u0639\u0645 \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0644\u063a\u0629 \u062f\u0648\u0646 \u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\r\n  if('MutationObserver' in window){\r\n    var directionObserver = new MutationObserver(function(){\r\n      updateArrowDirections();\r\n    });\r\n\r\n    directionObserver.observe(document.documentElement, {\r\n      attributes:true,\r\n      attributeFilter:['lang','dir']\r\n    });\r\n\r\n    if(document.body){\r\n      directionObserver.observe(document.body, {\r\n        attributes:true,\r\n        attributeFilter:['class']\r\n      });\r\n    }\r\n  }\r\n\r\n  \/* ---------------------------------------------------------------------\r\n     1) Scroll Reveal \u0639\u0627\u0645\r\n  --------------------------------------------------------------------- *\/\r\n  var revealEls = root.querySelectorAll('.reveal');\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('is-visible');\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold:0.15, rootMargin:'0px 0px -60px 0px' });\r\n    revealEls.forEach(function(el){ io.observe(el); });\r\n  } else {\r\n    revealEls.forEach(function(el){ el.classList.add('is-visible'); });\r\n  }\r\n\r\n  \/* ---------------------------------------------------------------------\r\n     2) \u0639\u062f\u0651\u0627\u062f \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0629 \u0641\u064a \u0627\u0644\u0647\u064a\u0631\u0648 (0 \u2192 10)\r\n  --------------------------------------------------------------------- *\/\r\n  var statEl = root.querySelector('[data-count-to]');\r\n  var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  function runCounter(el){\r\n    var target = parseInt(el.getAttribute('data-count-to'), 10) || 0;\r\n    if(reduceMotion){ el.textContent = target; return; }\r\n    var duration = 1200;\r\n    var start = null;\r\n\r\n    function step(ts){\r\n      if(start === null) start = ts;\r\n      var progress = Math.min((ts - start) \/ duration, 1);\r\n      var eased = 1 - Math.pow(1 - progress, 3);\r\n      el.textContent = Math.round(eased * target);\r\n      if(progress < 1) window.requestAnimationFrame(step);\r\n    }\r\n    window.requestAnimationFrame(step);\r\n  }\r\n\r\n  if(statEl){\r\n    if('IntersectionObserver' in window){\r\n      var counterIO = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if(entry.isIntersecting){\r\n            runCounter(entry.target);\r\n            counterIO.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold:0.4 });\r\n      counterIO.observe(statEl);\r\n    } else {\r\n      runCounter(statEl);\r\n    }\r\n  }\r\n\r\n  \/* ---------------------------------------------------------------------\r\n     3) \u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a: \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0645\u0633\u0631\u062d + \u0627\u0644\u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646\r\n  --------------------------------------------------------------------- *\/\r\n  var items    = Array.prototype.slice.call(root.querySelectorAll('.directory__item'));\r\n  var triggers = Array.prototype.slice.call(root.querySelectorAll('.directory__trigger'));\r\n  var stage       = root.querySelector('.directory__stage');\r\n  var stageBigNum = root.querySelector('#stageBigNum');\r\n  var stageIcon   = root.querySelector('#stageIcon');\r\n  var stageTitle  = root.querySelector('#stageTitle');\r\n  var stageDesc   = root.querySelector('#stageDesc');\r\n\r\n  var currentIndex = 0;\r\n  var STAGE_TRANSITION_MS = 220;\r\n\r\n  function animateIconDraw(container){\r\n    if(reduceMotion) return;\r\n    var shapes = container.querySelectorAll('path, circle, rect, polygon, line, polyline');\r\n    shapes.forEach(function(shape){\r\n      try{\r\n        var length = shape.getTotalLength ? shape.getTotalLength() : 0;\r\n        if(!length) return;\r\n        shape.style.transition = 'none';\r\n        shape.style.strokeDasharray = length;\r\n        shape.style.strokeDashoffset = length;\r\n        shape.getBoundingClientRect();\r\n        shape.style.transition = 'stroke-dashoffset .7s ' + 'cubic-bezier(.22,.68,.2,1)';\r\n        shape.style.strokeDashoffset = '0';\r\n      }catch(e){}\r\n    });\r\n  }\r\n\r\n  function setActiveState(index){\r\n    items.forEach(function(li, i){\r\n      var trigger = triggers[i];\r\n      var isActive = i === index;\r\n      li.classList.toggle('is-active', isActive);\r\n      trigger.setAttribute('aria-selected', isActive ? 'true' : 'false');\r\n    });\r\n  }\r\n\r\n  function updateStage(index){\r\n    var sourceItem = items[index];\r\n    var iconSource = sourceItem.querySelector('.directory__icon svg');\r\n    var titleText  = sourceItem.querySelector('.directory__title').textContent;\r\n    var descText   = sourceItem.querySelector('.directory__desc').textContent;\r\n\r\n    if(!stage) return;\r\n\r\n    stage.classList.add('is-changing');\r\n\r\n    window.setTimeout(function(){\r\n      stageBigNum.textContent = String(index + 1).padStart(2, '0');\r\n      stageIcon.innerHTML = iconSource ? iconSource.outerHTML : '';\r\n      stageTitle.textContent = titleText;\r\n      stageDesc.textContent = descText;\r\n      stage.classList.remove('is-changing');\r\n      animateIconDraw(stageIcon);\r\n    }, reduceMotion ? 0 : STAGE_TRANSITION_MS);\r\n  }\r\n\r\n  function toggleAccordion(index){\r\n    items.forEach(function(li, i){\r\n      var panel = li.querySelector('.directory__panel');\r\n      if(i === index){\r\n        panel.classList.toggle('is-open');\r\n      } else {\r\n        panel.classList.remove('is-open');\r\n      }\r\n    });\r\n  }\r\n\r\n  triggers.forEach(function(trigger, index){\r\n    trigger.addEventListener('click', function(){\r\n      var alreadyActive = index === currentIndex;\r\n\r\n      toggleAccordion(index);\r\n\r\n      if(alreadyActive) return;\r\n\r\n      currentIndex = index;\r\n      setActiveState(index);\r\n      updateStage(index);\r\n    });\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a81f9c e-con-full e-flex e-con e-parent\" data-id=\"2a81f9c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34e257d elementor-widget elementor-widget-html\" data-id=\"34e257d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<?php\r\n\/**\r\n * =====================================================================\r\n * Sanam Al-Murafa'ah \u2014 Homepage Divider Marquee\r\n * Sits between the dark CTA banner and the dark footer.\r\n * Light (ivory) background with hairline gold borders to create\r\n * visual separation without introducing a third dark block.\r\n * Shortcode: [sanam_divider_marquee]\r\n * =====================================================================\r\n *\/\r\n\r\nif ( ! defined( 'ABSPATH' ) ) exit;\r\n\r\nadd_shortcode( 'sanam_divider_marquee', 'sanam_render_divider_marquee' );\r\n\r\nfunction sanam_render_divider_marquee() {\r\n\tob_start();\r\n\t?>\r\n\r\n\t<!-- ================= HTML ================= -->\r\n\t<section class=\"sdm-section\" dir=\"rtl\" aria-label=\"\u0641\u0627\u0635\u0644 \u0632\u062e\u0631\u0641\u064a\">\r\n\t\t<div class=\"sdm-edge sdm-edge-top\" aria-hidden=\"true\"><\/div>\r\n\r\n\t\t<div class=\"sdm-track-wrap\">\r\n\t\t\t<div class=\"sdm-track\" id=\"sdmTrack\">\r\n\r\n\t\t\t\t<!-- Real (accessible) copy -->\r\n\t\t\t\t<ul class=\"sdm-list\" aria-hidden=\"false\">\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u062b\u0642\u0629<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u0633\u0631\u064a\u0629 \u0627\u0644\u062a\u0627\u0645\u0629<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0625\u062a\u0642\u0627\u0646<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u0642\u0648\u0642<\/li>\r\n\t\t\t\t<\/ul>\r\n\r\n\t\t\t\t<!-- Duplicate copy for seamless loop (hidden from AT) -->\r\n\t\t\t\t<ul class=\"sdm-list\" aria-hidden=\"true\">\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u062b\u0642\u0629<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u0633\u0631\u064a\u0629 \u0627\u0644\u062a\u0627\u0645\u0629<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0625\u062a\u0642\u0627\u0646<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629<\/li>\r\n\t\t\t\t\t<li class=\"sdm-sep\" aria-hidden=\"true\"><span class=\"sdm-diamond\"><\/span><\/li>\r\n\t\t\t\t\t<li class=\"sdm-item\">\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u0642\u0648\u0642<\/li>\r\n\t\t\t\t<\/ul>\r\n\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t\t<div class=\"sdm-edge sdm-edge-bottom\" aria-hidden=\"true\"><\/div>\r\n\t<\/section>\r\n\r\n\t<!-- ================= CSS ================= -->\r\n\t<style>\r\n\t\t\/* Scoped design tokens for this section only *\/\r\n\t\t.sdm-section {\r\n\t\t\t--sdm-emerald: #0e3d2f;\r\n\t\t\t--sdm-gold: #b6934f;\r\n\t\t\t--sdm-ivory: #faf8f3;\r\n\r\n\t\t\tposition: relative;\r\n\t\t\tbackground: var(--sdm-ivory);\r\n\t\t\toverflow: hidden;\r\n\t\t\tpadding: 30px 0;\r\n\t\t\tfont-family: 'Cairo', 'Tajawal', sans-serif;\r\n\t\t}\r\n\r\n\t\t\/* Hairline gold edges \u2014 fade at the ends instead of a hard solid line *\/\r\n\t\t.sdm-edge {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 0;\r\n\t\t\tleft: 0;\r\n\t\t\theight: 1px;\r\n\t\t\tbackground: linear-gradient(\r\n\t\t\t\t90deg,\r\n\t\t\t\ttransparent 0%,\r\n\t\t\t\trgba(182, 147, 79, 0.55) 20%,\r\n\t\t\t\trgba(182, 147, 79, 0.55) 80%,\r\n\t\t\t\ttransparent 100%\r\n\t\t\t);\r\n\t\t}\r\n\t\t.sdm-edge-top { top: 0; }\r\n\t\t.sdm-edge-bottom { bottom: 0; }\r\n\r\n\t\t.sdm-track-wrap {\r\n\t\t\toverflow: hidden;\r\n\t\t\twidth: 100%;\r\n\t\t\t-webkit-mask-image: linear-gradient(\r\n\t\t\t\t90deg,\r\n\t\t\t\ttransparent 0,\r\n\t\t\t\t#000 8%,\r\n\t\t\t\t#000 92%,\r\n\t\t\t\ttransparent 100%\r\n\t\t\t);\r\n\t\t\tmask-image: linear-gradient(\r\n\t\t\t\t90deg,\r\n\t\t\t\ttransparent 0,\r\n\t\t\t\t#000 8%,\r\n\t\t\t\t#000 92%,\r\n\t\t\t\ttransparent 100%\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t.sdm-track {\r\n\t\t\tdisplay: flex;\r\n\t\t\twidth: max-content;\r\n\t\t\tanimation: sdm-scroll 32s linear infinite;\r\n\t\t}\r\n\r\n\t\t\/* Pause gently on hover \u2014 premium, not gimmicky *\/\r\n\t\t.sdm-track-wrap:hover .sdm-track {\r\n\t\t\tanimation-play-state: paused;\r\n\t\t}\r\n\r\n\t\t.sdm-list {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tlist-style: none;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tflex-shrink: 0;\r\n\t\t}\r\n\r\n\t\t.sdm-item {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--sdm-emerald);\r\n\t\t\tletter-spacing: 0.3px;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\tpadding: 0 22px;\r\n\t\t\topacity: 0.85;\r\n\t\t}\r\n\r\n\t\t.sdm-sep {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\r\n\t\t.sdm-diamond {\r\n\t\t\twidth: 6px;\r\n\t\t\theight: 6px;\r\n\t\t\tbackground: var(--sdm-gold);\r\n\t\t\ttransform: rotate(45deg);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\topacity: 0.9;\r\n\t\t}\r\n\r\n\t\t\/* Animate the track leftward-to-rightward flow (RTL-natural procession) *\/\r\n\t\t@keyframes sdm-scroll {\r\n\t\t\tfrom { transform: translateX(0); }\r\n\t\t\tto   { transform: translateX(50%); }\r\n\t\t}\r\n\r\n\t\t\/* Respect reduced motion: freeze animation, wrap items instead of scrolling *\/\r\n\t\t@media (prefers-reduced-motion: reduce) {\r\n\t\t\t.sdm-track {\r\n\t\t\t\tanimation: none;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t}\r\n\t\t\t.sdm-track-wrap {\r\n\t\t\t\toverflow: visible;\r\n\t\t\t\t-webkit-mask-image: none;\r\n\t\t\t\tmask-image: none;\r\n\t\t\t}\r\n\t\t\t\/* Hide the duplicated (aria-hidden) list entirely when static *\/\r\n\t\t\t.sdm-list[aria-hidden=\"true\"] {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/* ---------- Responsive ---------- *\/\r\n\t\t@media (max-width: 768px) {\r\n\t\t\t.sdm-section { padding: 22px 0; }\r\n\t\t\t.sdm-item { font-size: 14px; padding: 0 16px; }\r\n\t\t\t.sdm-track { animation-duration: 24s; }\r\n\t\t}\r\n\r\n\t\t@media (max-width: 480px) {\r\n\t\t\t.sdm-item { font-size: 13px; padding: 0 12px; }\r\n\t\t}\r\n\t<\/style>\r\n\r\n\t<!-- ================= JS ================= -->\r\n\t<script>\r\n\t\t(function () {\r\n\t\t\t\/\/ Pause the marquee animation whenever it is off-screen,\r\n\t\t\t\/\/ to avoid wasting GPU\/CPU cycles on invisible content.\r\n\t\t\tvar section = document.querySelector('.sdm-section');\r\n\t\t\tif (!section) return;\r\n\r\n\t\t\tvar track = section.querySelector('#sdmTrack');\r\n\t\t\tif (!track) return;\r\n\r\n\t\t\tvar prefersReducedMotion = window.matchMedia(\r\n\t\t\t\t'(prefers-reduced-motion: reduce)'\r\n\t\t\t).matches;\r\n\r\n\t\t\tif (prefersReducedMotion || !('IntersectionObserver' in window)) {\r\n\t\t\t\treturn; \/\/ CSS already handles the reduced-motion fallback\r\n\t\t\t}\r\n\r\n\t\t\tvar observer = new IntersectionObserver(\r\n\t\t\t\tfunction (entries) {\r\n\t\t\t\t\tentries.forEach(function (entry) {\r\n\t\t\t\t\t\ttrack.style.animationPlayState = entry.isIntersecting\r\n\t\t\t\t\t\t\t? 'running'\r\n\t\t\t\t\t\t\t: 'paused';\r\n\t\t\t\t\t});\r\n\t\t\t\t},\r\n\t\t\t\t{ threshold: 0 }\r\n\t\t\t);\r\n\r\n\t\t\tobserver.observe(section);\r\n\t\t})();\r\n\t<\/script>\r\n\r\n\t<?php\r\n\treturn ob_get_clean();\r\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>\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0646\u0637\u0627\u0642 \u0645\u062a\u0643\u0627\u0645\u0644 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u064a\u063a\u0637\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0628\u062e\u0628\u0631\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":88,"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":891,"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/pages\/17\/revisions\/891"}],"wp:attachment":[{"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}