{"id":15477,"date":"2022-10-31T15:38:26","date_gmt":"2022-10-31T15:38:26","guid":{"rendered":"https:\/\/thetouch.sa\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/"},"modified":"2026-09-20T19:59:48","modified_gmt":"2026-09-20T19:59:48","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/thetouch.sa\/ar\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15477\" class=\"elementor elementor-15477 elementor-2298\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e50846f e-flex e-con-boxed e-con e-parent\" data-id=\"e50846f\" 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-30f38ea elementor-widget elementor-widget-html\" data-id=\"30f38ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n.who-hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #0a0a0a 0%, #1a0a2e 100%); overflow: hidden; padding: 120px 20px; box-sizing: border-box; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: -1px; margin-bottom: -1px; }\n\n.who-hero-bg { position: absolute; inset: 0; overflow: hidden; }\n\n.who-hero-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.4; animation: floatOrb 20s ease-in-out infinite; }\n.who-hero-orb:nth-child(1) { width: 400px; height: 400px; background: radial-gradient(circle, #5A2D82, transparent); top: -100px; left: -100px; animation-delay: 0s; }\n.who-hero-orb:nth-child(2) { width: 500px; height: 500px; background: radial-gradient(circle, #E1306C, transparent); bottom: -150px; right: -150px; animation-delay: 5s; }\n.who-hero-orb:nth-child(3) { width: 350px; height: 350px; background: radial-gradient(circle, #5A2D82, transparent); top: 50%; left: 50%; transform: translate(-50%, -50%); animation-delay: 10s; }\n\n@keyframes floatOrb { 0%, 100% { transform: translate(0, 0) scale(1); } 25% { transform: translate(30px, -30px) scale(1.1); } 50% { transform: translate(-20px, 20px) scale(0.9); } 75% { transform: translate(20px, 30px) scale(1.05); } }\n\n.who-hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(90,45,130,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(90,45,130,0.1) 1px, transparent 1px); background-size: 50px 50px; animation: gridMove 20s linear infinite; }\n@keyframes gridMove { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 50px); } }\n\n.who-hero-content { position: relative; z-index: 2; text-align: center; max-width: 1200px; }\n\n.who-hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: rgba(255,255,255,0.05); border: 1px solid rgba(225,48,108,0.3); border-radius: 50px; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; color: #E1306C; margin-bottom: 30px; backdrop-filter: blur(10px); animation: fadeInUp 0.8s ease-out; }\n\n.who-hero-badge-dot { width: 8px; height: 8px; background: #E1306C; border-radius: 50%; animation: pulse 2s ease-in-out infinite; }\n@keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.2); } }\n\n.who-hero h1 { font-family: 'Playfair Display', serif; font-size: 80px; font-weight: 700; line-height: 1.1; color: #ffffff; margin: 0 0 30px 0; animation: fadeInUp 1s ease-out 0.2s both; }\n\n.who-hero h1 .highlight { background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n\n.who-hero-desc { font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 400; line-height: 1.6; color: rgba(255,255,255,0.7); max-width: 800px; margin: 0 auto 50px auto; animation: fadeInUp 1.2s ease-out 0.4s both; }\n\n.who-hero-stats { display: flex; justify-content: center; gap: 60px; margin-top: 80px; animation: fadeInUp 1.4s ease-out 0.6s both; }\n\n.who-hero-stat { text-align: center; }\n\n.who-hero-stat-num { \n  font-family: 'Inter', sans-serif; \n  font-size: 52px; \n  font-weight: 800; \n  color: #ffffff; \n  margin-bottom: 8px; \n  letter-spacing: -2px;\n  transition: all 0.3s ease;\n}\n\n.who-hero-stat:hover .who-hero-stat-num {\n  transform: scale(1.1);\n  text-shadow: 0 0 30px rgba(225,48,108,0.5);\n}\n\n.who-hero-particle {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  background: rgba(225,48,108,0.6);\n  border-radius: 50%;\n  pointer-events: none;\n  animation: particleFloat 15s ease-in-out infinite;\n}\n\n@keyframes particleFloat {\n  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0; }\n  10% { opacity: 1; }\n  90% { opacity: 1; }\n  100% { transform: translate(var(--tx), var(--ty)) scale(0); opacity: 0; }\n}\n\n.who-hero-glow-ring {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 600px;\n  height: 600px;\n  border: 2px solid rgba(225,48,108,0.2);\n  border-radius: 50%;\n  animation: ringPulse 4s ease-in-out infinite;\n}\n\n.who-hero-glow-ring:nth-child(2) {\n  width: 800px;\n  height: 800px;\n  animation-delay: 1s;\n  border-color: rgba(90,45,130,0.2);\n}\n\n.who-hero-glow-ring:nth-child(3) {\n  width: 1000px;\n  height: 1000px;\n  animation-delay: 2s;\n  border-color: rgba(225,48,108,0.15);\n}\n\n@keyframes ringPulse {\n  0%, 100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0; }\n  50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }\n}\n\n@keyframes countUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 768px) {\n  .who-hero { min-height: 80vh; padding: 80px 20px; }\n  .who-hero h1 { font-size: 48px; }\n  .who-hero-desc { font-size: 18px; }\n  .who-hero-stats { flex-direction: column; gap: 30px; }\n  .who-hero-stat-num { font-size: 42px; }\n}\n<\/style>\n\n<div class=\"who-hero\" dir=\"rtl\">\n  <div class=\"who-hero-bg\">\n    <div class=\"who-hero-grid\"><\/div>\n    <div class=\"who-hero-glow-ring\"><\/div>\n    <div class=\"who-hero-glow-ring\"><\/div>\n    <div class=\"who-hero-glow-ring\"><\/div>\n    <div class=\"who-hero-orb\"><\/div>\n    <div class=\"who-hero-orb\"><\/div>\n    <div class=\"who-hero-orb\"><\/div>\n  <\/div>\n  \n  <div class=\"who-hero-content\">\n    <div class=\"who-hero-badge\">\n      <span class=\"who-hero-badge-dot\"><\/span>\n      \u0645\u0646 \u0646\u062d\u0646\n    <\/div>\n    \n    <h1>\n      \u0646\u062d\u0646 <span class=\"highlight\">The Touch<\/span>\n    <\/h1>\n    \n    <p class=\"who-hero-desc\">\n      \u0634\u0631\u0643\u0629 \u0625\u0646\u062a\u0627\u062c \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u062c\u062f\u0629\u060c \u0646\u0642\u062f\u0651\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u0628\u062a\u0643\u0631\u0629 \u0641\u064a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c \u0648\u0646\u062d\u0648\u0651\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u062a\u062a\u0631\u0643 \u0623\u062b\u0631\u064b\u0627 \u0644\u0639\u0644\u0627\u0645\u062a\u0643.\n    <\/p>\n    \n    <div class=\"who-hero-stats\">\n      <div class=\"who-hero-stat\">\n        <div class=\"who-hero-stat-num\">15<span class=\"plus\">+<\/span><\/div>\n        <div class=\"who-hero-stat-label\">\u0633\u0646\u0629 \u062e\u0628\u0631\u0629<\/div>\n      <\/div>\n      <div class=\"who-hero-stat\">\n        <div class=\"who-hero-stat-num\">350<span class=\"plus\">+<\/span><\/div>\n        <div class=\"who-hero-stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u0641\u0651\u0630<\/div>\n      <\/div>\n      <div class=\"who-hero-stat\">\n        <div class=\"who-hero-stat-num\">30<span class=\"plus\">+<\/span><\/div>\n        <div class=\"who-hero-stat-label\">\u0645\u062f\u064a\u0646\u0629 \u0646\u062e\u062f\u0645\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Mouse parallax effect\n  const hero = document.querySelector('.who-hero');\n  const orbs = document.querySelectorAll('.who-hero-orb');\n  \n  hero.addEventListener('mousemove', (e) => {\n    const { clientX, clientY } = e;\n    const { innerWidth, innerHeight } = window;\n    \n    const xPercent = (clientX \/ innerWidth - 0.5) * 2;\n    const yPercent = (clientY \/ innerHeight - 0.5) * 2;\n    \n    orbs.forEach((orb, index) => {\n      const speed = (index + 1) * 10;\n      orb.style.transform = `translate(${xPercent * speed}px, ${yPercent * speed}px)`;\n    });\n  });\n  \n  \/\/ Create floating particles\n  const particleCount = 20;\n  const heroBg = document.querySelector('.who-hero-bg');\n  \n  for (let i = 0; i < particleCount; i++) {\n    const particle = document.createElement('div');\n    particle.className = 'who-hero-particle';\n    particle.style.left = Math.random() * 100 + '%';\n    particle.style.top = Math.random() * 100 + '%';\n    particle.style.setProperty('--tx', (Math.random() - 0.5) * 200 + 'px');\n    particle.style.setProperty('--ty', -Math.random() * 500 + 'px');\n    particle.style.animationDelay = Math.random() * 5 + 's';\n    heroBg.appendChild(particle);\n  }\n  \n  \/\/ Animated number counter\n  const stats = document.querySelectorAll('.who-hero-stat-num');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        const target = entry.target;\n        const text = target.textContent;\n        const number = parseInt(text);\n        \n        if (!isNaN(number)) {\n          let current = 0;\n          const increment = number \/ 50;\n          const timer = setInterval(() => {\n            current += increment;\n            if (current >= number) {\n              target.innerHTML = text;\n              clearInterval(timer);\n            } else {\n              target.innerHTML = Math.floor(current) + text.replace(number, '');\n            }\n          }, 30);\n        }\n        observer.unobserve(target);\n      }\n    });\n  }, { threshold: 0.5 });\n  \n  stats.forEach(stat => observer.observe(stat));\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1483f4a elementor-widget elementor-widget-html\" data-id=\"1483f4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n.who-story { \n  position: relative; \n  padding: 120px 20px; \n  background: #ffffff; \n  overflow: hidden;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  box-sizing: border-box;\n  margin-top: -1px;\n  margin-bottom: -1px;\n}\n\n.who-story-bg {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n}\n\n.who-story-orbs {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(80px);\n  opacity: 0.3;\n  animation: orbFloat 8s ease-in-out infinite;\n}\n\n.who-story-orbs:nth-child(1) { width: 400px; height: 400px; background: radial-gradient(circle, #5A2D82, transparent); top: -100px; left: -100px; }\n.who-story-orbs:nth-child(2) { width: 350px; height: 350px; background: radial-gradient(circle, #E1306C, transparent); bottom: -100px; right: -100px; animation-delay: 4s; }\n\n@keyframes orbFloat {\n  0%, 100% { transform: translate(0, 0) scale(1); }\n  50% { transform: translate(50px, -50px) scale(1.1); }\n}\n\n.who-story-container { \n  max-width: 1200px; \n  margin: 0 auto; \n  display: grid; \n  grid-template-columns: 1fr 1fr; \n  gap: 80px; \n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n\n.who-story-left h2 { \n  font-family: 'Playfair Display', serif; \n  font-size: 56px; \n  font-weight: 700; \n  line-height: 1.2; \n  color: #0a0a0a; \n  margin: 0 0 30px 0; \n}\n\n.who-story-left h2 .highlight { background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n\n.who-story-left p { \n  font-family: 'Inter', sans-serif; \n  font-size: 18px; \n  font-weight: 400; \n  line-height: 1.8; \n  color: rgba(10,10,10,0.7); \n  margin-bottom: 20px; \n  opacity: 0; \n  transform: translateX(-30px); \n  animation: slideInLeft 0.8s ease-out forwards; \n}\n\n.who-story-left p:nth-child(2) { animation-delay: 0.1s; }\n.who-story-left p:nth-child(3) { animation-delay: 0.2s; }\n.who-story-left p:nth-child(4) { animation-delay: 0.3s; }\n.who-story-left p:nth-child(5) { animation-delay: 0.4s; }\n\n.who-story-left, .who-story-right {\n  transition: transform 0.3s ease-out;\n}\n\n.who-story-right { position: relative; }\n\n.who-story-visual { position: relative; width: 100%; height: 500px; background: linear-gradient(135deg, #5A2D82 0%, #E1306C 50%, #5A2D82 100%); background-size: 200% 200%; animation: gradientShift 10s ease infinite; border-radius: 24px; overflow: hidden; }\n\n.who-story-pattern { position: absolute; inset: 0; background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.03) 10px, rgba(255,255,255,0.03) 20px); }\n\n.who-story-text-block { \n  position: absolute; \n  background: rgba(255,255,255,0.95); \n  backdrop-filter: blur(10px); \n  padding: 30px; \n  border-radius: 16px; \n  box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  cursor: pointer;\n}\n\n.who-story-text-block:hover {\n  transform: translateY(-10px) scale(1.05);\n  box-shadow: 0 20px 60px rgba(90,45,130,0.3);\n  background: rgba(255,255,255,1);\n}\n\n.who-story-text-block:nth-child(2) { top: 40px; left: 40px; max-width: 200px; animation: float 6s ease-in-out infinite; }\n\n.who-story-text-block:nth-child(3) { bottom: 40px; right: 40px; max-width: 220px; animation: float 6s ease-in-out infinite 3s; }\n\n.who-story-text-block h3 { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 700; color: #5A2D82; margin: 0 0 8px 0; text-transform: uppercase; letter-spacing: 1px; }\n\n.who-story-text-block p { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.6; color: rgba(10,10,10,0.7); margin: 0; }\n\n.who-story .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }\n.who-story .animate-on-scroll.visible { opacity: 1; transform: translateY(0); }\n\n@media (max-width: 968px) {\n  .who-story-container { grid-template-columns: 1fr; gap: 60px; }\n  .who-story-left h2 { font-size: 42px; }\n  .who-story-visual { height: 400px; }\n}\n\n@keyframes float {\n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(-20px); }\n}\n\n@keyframes gradientShift {\n  0%, 100% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n}\n\n@keyframes slideInLeft {\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n<\/style>\n\n<div class=\"who-story\" dir=\"rtl\">\n  <div class=\"who-story-bg\">\n    <div class=\"who-story-orbs\"><\/div>\n    <div class=\"who-story-orbs\"><\/div>\n  <\/div>\n  <div class=\"who-story-container\">\n    <div class=\"who-story-left animate-on-scroll\">\n      <h2>\u0642\u0635\u0629 <span class=\"highlight\">The Touch<\/span><\/h2>\n      <p>\n        \u0644\u0645 \u0646\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627\u060c \u0644\u0643\u0646\u0647 \u0643\u0627\u0646 \u0641\u064a \u0631\u0624\u064a\u062a\u0646\u0627 \u0645\u0646\u0630 \u0623\u0635\u0628\u062d \u0645\u0624\u0633\u0633\u0648\u0646\u0627 \u0634\u0631\u0643\u0627\u0621\u060c \u064a\u062c\u0645\u0639\u0647\u0645 \u0634\u063a\u0641 \u0628\u0627\u0644\u0645\u0648\u0633\u064a\u0642\u0649 \u0648\u0627\u0644\u0641\u0646 \u0648\u0627\u0644\u062a\u0631\u0641\u064a\u0647\u060c \u0648\u0642\u0628\u0644 \u0643\u0644 \u0634\u064a\u0621 \u0628\u0627\u0644\u0646\u0627\u0633 \u0627\u0644\u0630\u064a\u0646 \u064a\u0635\u0646\u0639\u0648\u0646 \u0627\u0644\u062a\u062c\u0631\u0628\u0629.\n      <\/p>\n      <p>\n        \u0648\u0628\u062e\u0644\u0641\u064a\u0627\u062a\u0647\u0645 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u062e\u0628\u0631\u062a\u0647\u0645 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0628\u062f\u0623\u0646\u0627 \u0648\u0643\u0627\u0644\u0629\u064b \u0644\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u0631\u0648\u064a\u062c\u064a\u060c \u0628\u0647\u062f\u0641 \u0628\u0633\u064a\u0637: \u0623\u0646 \u0646\u0645\u0646\u062d \u0639\u0645\u0644\u0627\u0621\u0646\u0627 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0628\u0646\u064a \u0645\u0633\u062a\u0642\u0628\u0644\u064b\u0627 \u0623\u0643\u062b\u0631 \u062a\u0648\u0627\u0635\u0644\u064b\u0627 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0647\u0645.\n      <\/p>\n      <p>\n        \u0648\u0645\u0646\u0630 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0631\u0623\u064a\u0646\u0627 \u0623\u0646 \u0625\u0628\u062f\u0627\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0648\u0645\u0639\u0631\u0641\u062a\u0647 \u0647\u0645\u0627 \u0645\u0627 \u064a\u0635\u0646\u0639 \u0627\u0644\u0641\u0631\u0642 \u0644\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0641\u062a\u0637\u0648\u0651\u0631\u0646\u0627 \u0625\u0644\u0649 \u0648\u0643\u0627\u0644\u0629 \u0644\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643.\n      <\/p>\n      <p>\n        \u0648\u0627\u0644\u064a\u0648\u0645 \u0646\u0642\u062f\u0651\u0645 \u062d\u0645\u0644\u0627\u062a \u062a\u0633\u0648\u064a\u0642 \u062a\u062c\u0631\u064a\u0628\u064a \u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u062d\u0636\u0648\u0631\u064a\u0629 \u0648\u0631\u0642\u0645\u064a\u0629\u060c \u0648\u064a\u0628\u0642\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a \u0627\u0644\u0645\u062d\u0631\u0651\u0643 \u0644\u0643\u0644 \u0641\u0643\u0631\u0629 \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0646\u0635\u0646\u0639\u0647\u0627.\n      <\/p>\n    <\/div>\n    \n    <div class=\"who-story-right animate-on-scroll\">\n      <div class=\"who-story-visual\">\n        <div class=\"who-story-pattern\"><\/div>\n        <div class=\"who-story-text-block\">\n          <h3>\u0627\u0644\u0645\u0648\u0633\u064a\u0642\u0649 \u0648\u0627\u0644\u0641\u0646<\/h3>\n          <p>\u0625\u0628\u062f\u0627\u0639 \u064a\u0644\u062a\u0642\u064a \u0628\u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/p>\n        <\/div>\n        <div class=\"who-story-text-block\">\n          <h3>\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a<\/h3>\n          <p>\u064a\u0635\u0646\u0639\u0647 \u0627\u0644\u0646\u0627\u0633 \u0648\u064a\u0642\u0648\u062f\u0647 \u0627\u0644\u0634\u063a\u0641<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n      }\n    });\n  }, { threshold: 0.1 });\n\n  document.querySelectorAll('.animate-on-scroll').forEach(el => observer.observe(el));\n  \n  \/\/ Parallax scroll effect\n  window.addEventListener('scroll', () => {\n    const section = document.querySelector('.who-story');\n    if (!section) return;\n    \n    const rect = section.getBoundingClientRect();\n    const scrollPercent = (window.innerHeight - rect.top) \/ (window.innerHeight + rect.height);\n    \n    if (scrollPercent > 0 && scrollPercent < 1) {\n      const left = section.querySelector('.who-story-left');\n      const right = section.querySelector('.who-story-right');\n      \n      if (left) left.style.transform = `translateX(${(scrollPercent - 0.5) * -30}px)`;\n      if (right) right.style.transform = `translateX(${(scrollPercent - 0.5) * 30}px)`;\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a2a9e3 elementor-widget elementor-widget-html\" data-id=\"0a2a9e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.who-work{padding:120px 20px;background:#ffffff;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box;margin-top:-1px;margin-bottom:-1px;overflow:hidden;}\n.who-work-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}\n.who-work-label{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:#E1306C;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}\n.who-work h2{font-family:'Playfair Display',serif;font-size:56px;font-weight:700;line-height:1.2;color:#0a0a0a;margin:0 0 30px 0}\n.who-work h2 .highlight{background:linear-gradient(135deg,#5A2D82 0%,#E1306C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n.who-work p{font-family:'Inter',sans-serif;font-size:18px;line-height:1.8;color:rgba(10,10,10,0.7);margin:0 0 20px 0}\n.who-work-visual{position:relative;height:500px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#5A2D82 0%,#E1306C 50%,#5A2D82 100%);background-size:200% 200%;animation:whoWorkShift 10s ease infinite}\n.who-work-visual::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,0.03) 10px,rgba(255,255,255,0.03) 20px)}\n.who-work-block{position:absolute;background:rgba(255,255,255,0.95);padding:30px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.1);max-width:230px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}\n.who-work-block:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 60px rgba(90,45,130,0.3)}\n.who-work-block:nth-child(1){top:40px;right:40px}\n.who-work-block:nth-child(2){bottom:40px;left:40px}\n.who-work-block h3{font-family:'Inter',sans-serif;font-size:28px;font-weight:800;color:#5A2D82;margin:0 0 8px 0}\n.who-work-block p{font-size:14px;line-height:1.6;margin:0}\n@keyframes whoWorkShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}\n@media (max-width:968px){.who-work-wrap{grid-template-columns:1fr;gap:60px}.who-work h2{font-size:42px}.who-work-visual{height:400px}}\n@media (max-width:768px){.who-work{padding:80px 20px}.who-work h2{font-size:36px}.who-work p{font-size:16px}}\n<\/style>\n<div class=\"who-work\" dir=\"rtl\">\n  <div class=\"who-work-wrap\">\n    <div>\n      <div class=\"who-work-label\">\u0648\u0631\u0634\u062a\u0646\u0627<\/div>\n      <h2>\u062f\u0627\u062e\u0644 <span class=\"highlight\">\u0634\u0631\u0643\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/span> \u0641\u064a \u062c\u062f\u0629<\/h2>\n      <p>\u0623\u063a\u0644\u0628 \u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u062a\u0635\u0645\u0651\u0645 \u0627\u0644\u0641\u0643\u0631\u0629 \u062b\u0645 \u062a\u0633\u0644\u0651\u0645\u0647\u0627 \u0644\u0645\u0648\u0631\u0651\u062f. \u0646\u062d\u0646 \u0646\u0646\u0641\u0651\u0630\u0647\u0627 \u0628\u0623\u0646\u0641\u0633\u0646\u0627. \u062a\u062c\u0645\u0639 \u0648\u0631\u0634\u062a\u0646\u0627 \u0641\u064a \u062c\u062f\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 10 \u0645\u0643\u0627\u0626\u0646 \u0625\u0646\u062a\u0627\u062c \u062a\u062d\u062a \u0633\u0642\u0641 \u0648\u0627\u062d\u062f\u060c \u0642\u0635\u0651 \u0648\u062d\u0641\u0631 \u0648\u062a\u0635\u0646\u064a\u0639 \u0648\u0637\u0628\u0627\u0639\u0629 \u0628\u0645\u0642\u0627\u0633\u0627\u062a \u0643\u0628\u064a\u0631\u0629\u060c \u0628\u062c\u0627\u0646\u0628 \u0627\u0644\u0645\u0635\u0645\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u0631\u0633\u0645\u0648\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u062f\u064a\u0631\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0630\u064a\u0646 \u0633\u064a\u0631\u0643\u0651\u0628\u0648\u0646\u0647.<\/p>\n      <p>\u0644\u0647\u0630\u0627 \u064a\u062e\u0631\u062c \u0627\u0644\u062c\u0646\u0627\u062d \u0623\u0648 \u0627\u0644\u0644\u0648\u062d\u0629 \u0623\u0648 \u0627\u0644\u0645\u0637\u0628\u0648\u0639\u0627\u062a \u0643\u0645\u0627 \u0627\u0639\u062a\u064f\u0645\u062f\u062a \u062a\u0645\u0627\u0645\u064b\u0627: \u0645\u0646 \u064a\u0635\u0646\u0639\u0647\u0627 \u064a\u0633\u062a\u0637\u064a\u0639 \u0623\u0646 \u064a\u0645\u0634\u064a \u062e\u0637\u0648\u0627\u062a \u0625\u0644\u0649 \u0645\u0646 \u0635\u0645\u0651\u0645\u0647\u0627\u060c \u0648\u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u064a\u062a\u0645 \u0641\u064a \u0633\u0627\u0639\u0627\u062a \u0644\u0627 \u0641\u064a \u0623\u0633\u0628\u0648\u0639 \u0645\u0646 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0628\u064a\u0646 \u062b\u0644\u0627\u062b \u0634\u0631\u0643\u0627\u062a.<\/p>\n      <p>\u062e\u0644\u0627\u0644 15 \u0639\u0627\u0645\u064b\u0627 \u0646\u0641\u0651\u0630\u0646\u0627 \u0623\u0643\u062b\u0631 \u0645\u0646 350 \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0645\u062d\u0644\u064a\u0629 \u0648\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u062c\u0647\u0627\u062a \u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0645\u0646\u0638\u0651\u0645\u064a \u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c \u0623\u062c\u0646\u062d\u0629 \u0645\u0639\u0627\u0631\u0636\u060c \u0648\u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0648\u0644\u0627\u062a\u060c \u0648\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0648\u0637\u0646\u064a\u060c \u0648\u0647\u0648\u064a\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0643\u0627\u0645\u0644\u0629.<\/p>\n      <p>\u0648\u0645\u0646 \u062c\u062f\u0629 \u0646\u0631\u0643\u0651\u0628 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 \u0648\u0646\u0634\u063a\u0651\u0644 \u0641\u0631\u0642\u0646\u0627 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u0627\u0644\u062f\u0645\u0627\u0645 \u0648\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629 \u0648\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629 \u0648\u0623\u0643\u062b\u0631 \u0645\u0646 30 \u0645\u062f\u064a\u0646\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u060c \u0628\u0627\u0644\u0641\u0631\u064a\u0642 \u0646\u0641\u0633\u0647 \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0646\u0641\u0633\u0647\u0627\u060c \u0648\u0628\u0646\u0642\u0637\u0629 \u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646 \u0623\u0648\u0644 \u0645\u0643\u0627\u0644\u0645\u0629 \u062d\u062a\u0649 \u0622\u062e\u0631 \u064a\u0648\u0645 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639.<\/p>\n    <\/div>\n    <div class=\"who-work-visual\">\n      <div class=\"who-work-block\"><h3>+10 \u0645\u0643\u0627\u0626\u0646<\/h3><p>\u062a\u0635\u0646\u064a\u0639 \u0648\u0637\u0628\u0627\u0639\u0629 \u062a\u062d\u062a \u0633\u0642\u0641 \u0648\u0627\u062d\u062f<\/p><\/div>\n      <div class=\"who-work-block\"><h3>+30 \u0645\u062f\u064a\u0646\u0629<\/h3><p>\u062a\u0631\u0643\u064a\u0628 \u0648\u062a\u0634\u063a\u064a\u0644 \u0641\u064a \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d51d73a elementor-widget elementor-widget-html\" data-id=\"d51d73a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n.who-values { \n  position: relative; \n  padding: 120px 20px; \n  background: linear-gradient(135deg, #0a0a0a 0%, #1a0a2e 100%); \n  overflow: hidden;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  box-sizing: border-box;\n  margin-top: -1px;\n  margin-bottom: -1px;\n}\n\n.who-values-bg { position: absolute; inset: 0; overflow: hidden; }\n\n.who-values-grid-pattern {\n  position: absolute;\n  inset: 0;\n  background-image: \n    linear-gradient(rgba(90,45,130,0.1) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(90,45,130,0.1) 1px, transparent 1px);\n  background-size: 50px 50px;\n  animation: gridMove 20s linear infinite;\n}\n\n@keyframes gridMove {\n  0% { transform: translate(0, 0); }\n  100% { transform: translate(50px, 50px); }\n}\n\n.who-values-particle {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background: radial-gradient(circle, rgba(255,255,255,0.9), transparent);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.who-values-particle:nth-child(3) {\n  left: 10%;\n  bottom: 0;\n  animation: particleFloat1 12s ease-in-out infinite;\n  box-shadow: 0 0 20px rgba(225,48,108,0.8), 0 0 40px rgba(225,48,108,0.4);\n  background: radial-gradient(circle, rgba(225,48,108,1), rgba(225,48,108,0.3));\n}\n\n.who-values-particle:nth-child(4) {\n  left: 25%;\n  bottom: 0;\n  animation: particleFloat2 15s ease-in-out infinite;\n  animation-delay: 2s;\n  box-shadow: 0 0 20px rgba(255,255,255,0.8), 0 0 40px rgba(255,255,255,0.4);\n}\n\n.who-values-particle:nth-child(5) {\n  left: 45%;\n  bottom: 0;\n  animation: particleFloat1 18s ease-in-out infinite;\n  animation-delay: 4s;\n  box-shadow: 0 0 20px rgba(90,45,130,0.8), 0 0 40px rgba(90,45,130,0.4);\n  background: radial-gradient(circle, rgba(90,45,130,1), rgba(90,45,130,0.3));\n}\n\n.who-values-particle:nth-child(6) {\n  left: 60%;\n  bottom: 0;\n  animation: particleFloat2 14s ease-in-out infinite;\n  animation-delay: 1s;\n  box-shadow: 0 0 20px rgba(225,48,108,0.8), 0 0 40px rgba(225,48,108,0.4);\n  background: radial-gradient(circle, rgba(225,48,108,1), rgba(225,48,108,0.3));\n}\n\n.who-values-particle:nth-child(7) {\n  left: 75%;\n  bottom: 0;\n  animation: particleFloat1 16s ease-in-out infinite;\n  animation-delay: 3s;\n  box-shadow: 0 0 20px rgba(255,255,255,0.8), 0 0 40px rgba(255,255,255,0.4);\n}\n\n.who-values-particle:nth-child(8) {\n  left: 90%;\n  bottom: 0;\n  animation: particleFloat2 13s ease-in-out infinite;\n  animation-delay: 5s;\n  box-shadow: 0 0 20px rgba(90,45,130,0.8), 0 0 40px rgba(90,45,130,0.4);\n  background: radial-gradient(circle, rgba(90,45,130,1), rgba(90,45,130,0.3));\n}\n\n@keyframes particleFloat1 {\n  0% { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0; }\n  10% { opacity: 1; }\n  90% { opacity: 1; }\n  100% { transform: translateY(-100vh) translateX(50px) rotate(360deg); opacity: 0; }\n}\n\n@keyframes particleFloat2 {\n  0% { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0; }\n  10% { opacity: 1; }\n  90% { opacity: 1; }\n  100% { transform: translateY(-100vh) translateX(-50px) rotate(-360deg); opacity: 0; }\n}\n\n.who-values-orb { \n  position: absolute; \n  border-radius: 50%; \n  filter: blur(100px); \n  opacity: 0.3; \n  animation: orbFloat 20s ease-in-out infinite;\n}\n\n@keyframes orbFloat {\n  0%, 100% { transform: translate(0, 0) scale(1); }\n  50% { transform: translate(50px, -50px) scale(1.2); }\n}\n\n.who-values-orb:nth-child(1) { \n  width: 500px; \n  height: 500px; \n  background: radial-gradient(circle, #5A2D82, transparent); \n  top: -200px; \n  right: -200px; \n  animation-delay: 0s;\n}\n\n.who-values-orb:nth-child(2) { \n  width: 400px; \n  height: 400px; \n  background: radial-gradient(circle, #E1306C, transparent); \n  bottom: -150px; \n  left: -150px; \n  animation-delay: 5s;\n}\n\n.who-values-container { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; text-align: center; }\n\n.who-values-header { margin-bottom: 80px; }\n\n.who-values-label { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; color: #E1306C; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 16px; }\n\n.who-values h2 { font-family: 'Playfair Display', serif; font-size: 56px; font-weight: 700; line-height: 1.2; color: #ffffff; margin: 0 0 20px 0; }\n\n.who-values-subtitle { font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; color: rgba(255,255,255,0.6); max-width: 700px; margin: 0 auto; }\n\n.who-values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }\n\n.who-value-card { \n  background: rgba(255,255,255,0.03); \n  border: 1px solid rgba(255,255,255,0.1); \n  border-radius: 24px; \n  padding: 50px 30px; \n  text-align: center; \n  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  cursor: pointer; \n  position: relative; \n  overflow: hidden;\n}\n\n.who-value-card::before { \n  content: ''; \n  position: absolute; \n  top: -2px; \n  left: -2px; \n  right: -2px; \n  bottom: -2px; \n  background: linear-gradient(45deg, #5A2D82, #E1306C, #5A2D82, #E1306C);\n  background-size: 300% 300%;\n  border-radius: 24px;\n  opacity: 0;\n  z-index: -1;\n  animation: gradientRotate 4s ease infinite;\n  transition: opacity 0.5s ease;\n}\n\n@keyframes gradientRotate {\n  0%, 100% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n}\n\n.who-value-card::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at center, rgba(225,48,108,0.2), transparent 70%);\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.who-value-card:hover::before {\n  opacity: 1;\n}\n\n.who-value-card:hover::after {\n  opacity: 1;\n}\n\n.who-value-card:hover { \n  transform: translateY(-15px) scale(1.02);\n  box-shadow: 0 30px 80px rgba(225,48,108,0.3);\n  background: rgba(255,255,255,0.08);\n}\n\n.who-value-num { \n  font-family: 'Inter', sans-serif; \n  font-size: 72px; \n  font-weight: 800; \n  background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.03) 100%); \n  -webkit-background-clip: text; \n  -webkit-text-fill-color: transparent; \n  background-clip: text; \n  margin-bottom: 20px; \n  line-height: 1;\n  transition: all 0.5s ease;\n  display: inline-block;\n}\n\n.who-value-card:hover .who-value-num { \n  background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%); \n  -webkit-background-clip: text; \n  -webkit-text-fill-color: transparent; \n  background-clip: text;\n  transform: rotateY(360deg) scale(1.1);\n}\n\n.who-value-title {\n  font-family: 'Inter', sans-serif; \n  font-size: 24px; \n  font-weight: 700; \n  color: #ffffff;\n  margin: 0 0 16px 0;\n  transition: all 0.3s ease;\n}\n\n.who-value-desc {\n  font-family: 'Inter', sans-serif; \n  font-size: 15px; \n  font-weight: 400; \n  line-height: 1.7; \n  color: rgba(255,255,255,0.7);\n  margin: 0;\n  transition: all 0.3s ease;\n}\n\n@media (max-width: 1024px) {\n  .who-values-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 768px) {\n  .who-values h2 { font-size: 42px; }\n  .who-values-grid { grid-template-columns: 1fr; gap: 20px; }\n  .who-value-card { padding: 40px 25px; }\n}\n<\/style>\n\n<div class=\"who-values\" dir=\"rtl\">\n  <div class=\"who-values-bg\">\n    <div class=\"who-values-grid-pattern\"><\/div>\n    <div class=\"who-values-orb\"><\/div>\n    <div class=\"who-values-orb\"><\/div>\n    <div class=\"who-values-particle\"><\/div>\n    <div class=\"who-values-particle\"><\/div>\n    <div class=\"who-values-particle\"><\/div>\n    <div class=\"who-values-particle\"><\/div>\n    <div class=\"who-values-particle\"><\/div>\n    <div class=\"who-values-particle\"><\/div>\n  <\/div>\n  \n  <div class=\"who-values-container\">\n    <div class=\"who-values-header animate-on-scroll\">\n      <div class=\"who-values-label\">\u0642\u064a\u0645\u0646\u0627<\/div>\n      <h2>\u0627\u0644\u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u062a\u064a \u062a\u0642\u0648\u0645 \u0639\u0644\u064a\u0647\u0627 \u0634\u0631\u0643\u062a\u0646\u0627<\/h2>\n      <p class=\"who-values-subtitle\">\u0623\u0631\u0628\u0639 \u0642\u064a\u0645 \u0623\u0633\u0627\u0633\u064a\u0629 \u0628\u064f\u0646\u064a\u062a \u0639\u0644\u064a\u0647\u0627 The Touch\u060c \u0648\u0646\u0639\u0648\u062f \u0625\u0644\u064a\u0647\u0627 \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.<\/p>\n    <\/div>\n    \n    <div class=\"who-values-grid\">\n      <div class=\"who-value-card animate-on-scroll\">\n        <div class=\"who-value-num\">01<\/div>\n        <h3 class=\"who-value-title\">\u0627\u0644\u062a\u0639\u0627\u0637\u0641<\/h3>\n        <p class=\"who-value-desc\">\u0646\u064f\u0635\u063a\u064a \u0648\u0646\u0633\u0623\u0644 \u062d\u062a\u0649 \u0646\u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0648\u0641\u0631\u064a\u0642\u0646\u0627 \u0641\u0647\u0645\u064b\u0627 \u062d\u0642\u064a\u0642\u064a\u064b\u0627.<\/p>\n      <\/div>\n      \n      <div class=\"who-value-card animate-on-scroll\">\n        <div class=\"who-value-num\">02<\/div>\n        <h3 class=\"who-value-title\">\u0627\u0644\u0645\u0648\u0647\u0628\u0629<\/h3>\n        <p class=\"who-value-desc\">\u0644\u0643\u0644 \u0634\u062e\u0635 \u0645\u0648\u0647\u0628\u062a\u0647\u060c \u0648\u0646\u0642\u062f\u0651\u0631 \u0627\u0644\u0634\u062e\u0635\u064a\u0627\u062a \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0648\u0646\u062d\u062a\u0631\u0645 \u0627\u062e\u062a\u0644\u0627\u0641\u0647\u0627.<\/p>\n      <\/div>\n      \n      <div class=\"who-value-card animate-on-scroll\">\n        <div class=\"who-value-num\">03<\/div>\n        <h3 class=\"who-value-title\">\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629<\/h3>\n        <p class=\"who-value-desc\">\u0633\u0631\u0651 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0648\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.<\/p>\n      <\/div>\n      \n      <div class=\"who-value-card animate-on-scroll\">\n        <div class=\"who-value-num\">04<\/div>\n        <h3 class=\"who-value-title\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h3>\n        <p class=\"who-value-desc\">\u0646\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u0645\u0623\u0644\u0648\u0641 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0644\u0646\u0642\u062f\u0651\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u062a\u0641\u0648\u0642 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Intersection observer for scroll animations\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.classList.add('visible');\n        }, index * 150);\n      }\n    });\n  }, { threshold: 0.1 });\n\n  document.querySelectorAll('.animate-on-scroll').forEach(el => observer.observe(el));\n  \n  \/\/ 3D tilt effect on cards\n  const cards = document.querySelectorAll('.who-value-card');\n  \n  cards.forEach(card => {\n    card.addEventListener('mousemove', (e) => {\n      const rect = card.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n      \n      const centerX = rect.width \/ 2;\n      const centerY = rect.height \/ 2;\n      \n      const rotateX = (y - centerY) \/ 10;\n      const rotateY = (centerX - x) \/ 10;\n      \n      card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-15px) scale(1.02)`;\n    });\n    \n    card.addEventListener('mouseleave', () => {\n      card.style.transform = '';\n    });\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51e6472 elementor-widget elementor-widget-html\" data-id=\"51e6472\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.who-lines{padding:120px 20px;background:linear-gradient(135deg,#1a0a2e 0%,#0a0a0a 100%);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box;margin-top:-1px;margin-bottom:-1px;overflow:hidden;}\n.who-lines::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(90,45,130,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(90,45,130,0.1) 1px,transparent 1px);background-size:50px 50px}\n.who-lines-wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}\n.who-lines-label{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:#E1306C;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}\n.who-lines h2{font-family:'Playfair Display',serif;font-size:56px;font-weight:700;line-height:1.2;color:#ffffff;margin:0 0 20px 0}\n.who-lines-sub{font-family:'Inter',sans-serif;font-size:18px;line-height:1.6;color:rgba(255,255,255,0.6);max-width:700px;margin:0 auto 80px auto}\n.who-lines-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}\n.who-line{display:block;text-decoration:none;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:40px 26px;text-align:center;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}\n.who-line:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 80px rgba(225,48,108,0.3);background:rgba(255,255,255,0.08);border-color:rgba(225,48,108,0.5)}\n.who-line-num{font-family:'Inter',sans-serif;font-size:56px;font-weight:800;line-height:1;margin-bottom:18px;display:inline-block;background:linear-gradient(135deg,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.05) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .5s ease}\n.who-line:hover .who-line-num{background:linear-gradient(135deg,#5A2D82 0%,#E1306C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n.who-lines .who-line h3{font-family:'Inter',sans-serif;font-size:20px;font-weight:700;color:#ffffff;margin:0 0 12px 0}\n.who-line p{font-family:'Inter',sans-serif;font-size:15px;line-height:1.7;color:rgba(255,255,255,0.7);margin:0}\n@media (max-width:1024px){.who-lines-grid{grid-template-columns:repeat(2,1fr)}}\n@media (max-width:768px){.who-lines{padding:80px 20px}.who-lines h2{font-size:36px}.who-lines-grid{grid-template-columns:1fr;gap:20px}}\n<\/style>\n<div class=\"who-lines\" dir=\"rtl\">\n  <div class=\"who-lines-wrap\">\n    <div class=\"who-lines-label\">\u0645\u0627\u0630\u0627 \u0646\u0642\u062f\u0651\u0645<\/div>\n    <h2>\u0634\u0631\u0643\u0629 \u0625\u0646\u062a\u0627\u062c \u0648\u0627\u062d\u062f\u0629\u060c \u0648\u062b\u0645\u0627\u0646\u064a \u062e\u062f\u0645\u0627\u062a<\/h2>\n    <p class=\"who-lines-sub\">\u0644\u0643\u0644 \u062e\u062f\u0645\u0629 \u0645\u062a\u062e\u0635\u0635\u0648\u0647\u0627\u060c \u0648\u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0641\u0631\u064a\u0642 \u0648\u0627\u062d\u062f \u064a\u062c\u0645\u0639\u0647\u0645.<\/p>\n    <div class=\"who-lines-grid\">\n      <a class=\"who-line\" href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d8%ac%d9%86%d8%ad%d8%a9-%d8%a7%d9%84%d9%85%d8%b9%d8%a7%d8%b1%d8%b6\/\"><div class=\"who-line-num\">01<\/div><h3>\u0623\u062c\u0646\u062d\u0629 \u0627\u0644\u0645\u0639\u0627\u0631\u0636<\/h3><p>\u0623\u062c\u0646\u062d\u0629 \u0645\u062e\u0635\u0635\u0629 \u062a\u064f\u0635\u0645\u064e\u0651\u0645 \u0628\u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u062b\u0644\u0627\u062b\u064a\u0629 \u0648\u062a\u064f\u0635\u0646\u064e\u0651\u0639 \u0641\u064a \u0648\u0631\u0634\u062a\u0646\u0627 \u0648\u062a\u064f\u0631\u0643\u064e\u0651\u0628 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639.<\/p><\/a>\n      <a class=\"who-line\" href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d9%84%d8%aa%d8%ac%d8%a7%d8%b1%d8%a8-%d9%88%d8%a7%d9%84%d8%a3%d9%86%d8%b4%d8%b7%d8%a9\/\"><div class=\"who-line-num\">02<\/div><h3>\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h3><p>\u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0648\u0644\u0627\u062a \u0648\u062a\u062c\u0627\u0631\u0628 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u064a\u062a\u0630\u0643\u0651\u0631\u0647\u0627 \u0627\u0644\u062c\u0645\u0647\u0648\u0631.<\/p><\/a>\n      <a class=\"who-line\" href=\"https:\/\/thetouch.sa\/ar\/%d8%b3%d9%81%d8%b1%d8%a7%d8%a1-%d8%a7%d9%84%d8%b9%d9%84%d8%a7%d9%85%d8%a9-%d8%a7%d9%84%d8%aa%d8%ac%d8%a7%d8%b1%d9%8a%d8%a9\/\"><div class=\"who-line-num\">03<\/div><h3>\u0633\u0641\u0631\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3><p>\u0641\u0631\u0642 \u0628\u0631\u0648\u0645\u0648\u062a\u0631 \u0648\u0645\u0631\u0648\u0651\u062c\u064a\u0646 \u0645\u062f\u0631\u0651\u0628\u0629 \u0628\u0645\u0634\u0631\u0641 \u0645\u064a\u062f\u0627\u0646\u064a \u0641\u064a \u0623\u0643\u062b\u0631 \u0645\u0646 30 \u0645\u062f\u064a\u0646\u0629.<\/p><\/a>\n      <a class=\"who-line\" href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d9%84%d8%a7%d8%b3%d8%aa%d8%af%d9%8a%d9%88-%d8%a7%d9%84%d8%a7%d8%a8%d8%af%d8%a7%d8%b9%d9%8a\/\"><div class=\"who-line-num\">04<\/div><h3>\u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0648\u062f\u064a\u0648 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a<\/h3><p>\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0647\u0648\u064a\u0629 \u0648\u062f\u0644\u064a\u0644 \u0639\u0644\u0627\u0645\u0629 \u064a\u0628\u0642\u0649 \u0645\u062a\u0645\u0627\u0633\u0643\u064b\u0627 \u0639\u0644\u0649 \u0643\u0644 \u0633\u0637\u062d.<\/p><\/a>\n      <a class=\"who-line\" href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d9%84%d8%b7%d8%a8%d8%a7%d8%b9%d8%a9-%d9%88%d8%a7%d9%84%d9%87%d8%af%d8%a7%d9%8a%d8%a7-%d8%a7%d9%84%d8%af%d8%b9%d8%a7%d8%a6%d9%8a%d8%a9\/\"><div class=\"who-line-num\">05<\/div><h3>\u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u0647\u062f\u0627\u064a\u0627 \u0627\u0644\u062f\u0639\u0627\u0626\u064a\u0629<\/h3><p>\u0645\u0637\u0628\u0648\u0639\u0627\u062a \u0648\u0647\u062f\u0627\u064a\u0627 \u0628\u0634\u0639\u0627\u0631\u0643\u060c \u0648\u0623\u063a\u0644\u0628 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u062c\u0627\u0647\u0632\u0629 \u062e\u0644\u0627\u0644 1 \u0625\u0644\u0649 5 \u0623\u064a\u0627\u0645 \u0639\u0645\u0644.<\/p><\/a>\n      <a class=\"who-line\" href=\"https:\/\/thetouch.sa\/ar\/%d8%aa%d8%b5%d9%86%d9%8a%d8%b9-%d8%a7%d9%84%d8%a3%d9%83%d8%b1%d9%8a%d9%84%d9%8a%d9%83-%d9%88%d8%a7%d9%84%d8%ae%d8%b4%d8%a8\/\"><div class=\"who-line-num\">06<\/div><h3>\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0623\u0643\u0631\u064a\u0644\u064a\u0643 \u0648\u0627\u0644\u062e\u0634\u0628<\/h3><p>\u0633\u062a\u0627\u0646\u062f\u0627\u062a \u0639\u0631\u0636 \u0648\u0644\u0648\u062d\u0627\u062a \u0648\u0642\u0637\u0639 \u0645\u062e\u0635\u0635\u0629 \u062a\u064f\u0642\u0635\u0651 \u0648\u062a\u0643\u062a\u0645\u0644 \u0644\u0645\u0633\u0627\u062a\u0647\u0627 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0641\u064a \u0648\u0631\u0634\u062a\u0646\u0627.<\/p><\/a>\n      <a class=\"who-line\" href=\"https:\/\/thetouch.sa\/ar\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d8%a7%d9%84%d8%a7%d8%ac%d8%aa%d9%85%d8%a7%d8%b9%d9%8a\/\"><div class=\"who-line-num\">07<\/div><h3>\u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627 \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/h3><p>\u0635\u0646\u0627\u0639\u0629 \u0645\u062d\u062a\u0648\u0649 \u0648\u0625\u062f\u0627\u0631\u0629 \u0642\u0646\u0648\u0627\u062a \u062a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0635\u0648\u062a \u0648\u0627\u062d\u062f \u0644\u0639\u0644\u0627\u0645\u062a\u0643.<\/p><\/a>\n      <a class=\"who-line\" href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d9%84%d8%ad%d9%84%d9%88%d9%84-%d8%a7%d9%84%d8%b1%d9%82%d9%85%d9%8a%d8%a9\/\"><div class=\"who-line-num\">08<\/div><h3>\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3><p>\u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u0628\u0646\u064a\u0629 \u062d\u0648\u0644 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0639\u0645\u064a\u0644\u0643 \u0623\u0646 \u064a\u0641\u0639\u0644\u0647.<\/p><\/a>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae88d67 elementor-widget elementor-widget-html\" data-id=\"ae88d67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.who-faq{padding:120px 20px;background:#ffffff;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box;margin-top:-1px;margin-bottom:-1px;overflow:hidden;}\n.who-faq-wrap{max-width:1200px;margin:0 auto;text-align:center}\n.who-faq-label{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:#E1306C;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}\n.who-faq h2{font-family:'Playfair Display',serif;font-size:56px;font-weight:700;line-height:1.2;color:#0a0a0a;margin:0 0 20px 0}\n.who-faq h2 .highlight{background:linear-gradient(135deg,#5A2D82 0%,#E1306C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n.who-faq-sub{font-family:'Inter',sans-serif;font-size:18px;line-height:1.6;color:rgba(10,10,10,0.6);max-width:700px;margin:0 auto 70px auto}\n.who-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:start}\n.who-faq-card{background:#faf8fc;border:1px solid rgba(90,45,130,0.12);border-radius:20px;padding:32px 30px;transition:all .3s ease}\n.who-faq-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(90,45,130,0.15);border-color:rgba(225,48,108,0.35)}\n.who-faq .who-faq-card h3{font-family:'Inter',sans-serif;font-size:19px;font-weight:700;color:#5A2D82;margin:0 0 12px 0;line-height:1.5}\n.who-faq-card p{font-family:'Inter',sans-serif;font-size:16px;line-height:1.8;color:rgba(10,10,10,0.7);margin:0}\n.who-faq-card a{color:#E1306C;font-weight:600;text-decoration:none}\n@media (max-width:768px){.who-faq{padding:80px 20px}.who-faq h2{font-size:36px}.who-faq-grid{grid-template-columns:1fr}}\n<\/style>\n<div id=\"ttl-who-faq\">\n<div class=\"who-faq\" dir=\"rtl\">\n  <div class=\"who-faq-wrap\">\n    <div class=\"who-faq-label\">\u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629<\/div>\n    <h2>\u0623\u0633\u0626\u0644\u0629 \u0639\u0646 <span class=\"highlight\">The Touch<\/span><\/h2>\n    <p class=\"who-faq-sub\">\u0645\u0627 \u064a\u0633\u0623\u0644\u0647 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0627\u062f\u0629\u064b \u0642\u0628\u0644 \u0623\u0646 \u064a\u0628\u062f\u0624\u0648\u0627 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639\u0646\u0627.<\/p>\n    <div class=\"who-faq-grid\">\n      <div class=\"who-faq-card\"><h3>\u0645\u0627\u0630\u0627 \u062a\u0642\u062f\u0651\u0645 The Touch\u061f<\/h3><p>\u0646\u062d\u0646 \u0634\u0631\u0643\u0629 \u0625\u0646\u062a\u0627\u062c \u0641\u064a \u062c\u062f\u0629 \u0646\u0635\u0645\u0651\u0645 \u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0646\u0646\u0641\u0651\u0630\u0647\u0627 \u0648\u0646\u0634\u063a\u0651\u0644\u0647\u0627: \u0623\u062c\u0646\u062d\u0629 \u0627\u0644\u0645\u0639\u0627\u0631\u0636\u060c \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c \u0648\u0633\u0641\u0631\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0645\u0629\u060c \u0648\u0627\u0644\u0647\u0648\u064a\u0629\u060c \u0648\u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u0647\u062f\u0627\u064a\u0627 \u0627\u0644\u062f\u0639\u0627\u0626\u064a\u0629\u060c \u0648\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0623\u0643\u0631\u064a\u0644\u064a\u0643 \u0648\u0627\u0644\u062e\u0634\u0628\u060c \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629.<\/p><\/div>\n      <div class=\"who-faq-card\"><h3>\u0623\u064a\u0646 \u064a\u0642\u0639 \u0645\u0642\u0631 The Touch\u061f<\/h3><p>\u0645\u0643\u062a\u0628\u0646\u0627 \u0648\u0648\u0631\u0634\u062a\u0646\u0627 \u0641\u064a \u062c\u062f\u0629\u060c \u0648\u0646\u0648\u0635\u0651\u0644 \u0648\u0646\u0631\u0643\u0651\u0628 \u0648\u0646\u0634\u063a\u0651\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u0627\u0644\u062f\u0645\u0627\u0645 \u0648\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629 \u0648\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629 \u0648\u0623\u0643\u062b\u0631 \u0645\u0646 30 \u0645\u062f\u064a\u0646\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629.<\/p><\/div>\n      <div class=\"who-faq-card\"><h3>\u0645\u0646\u0630 \u0645\u062a\u0649 \u062a\u0639\u0645\u0644 The Touch\u061f<\/h3><p>\u0645\u0646\u0630 \u0623\u0643\u062b\u0631 \u0645\u0646 15 \u0639\u0627\u0645\u064b\u0627\u060c \u0646\u0641\u0651\u0630\u0646\u0627 \u062e\u0644\u0627\u0644\u0647\u0627 \u0623\u0643\u062b\u0631 \u0645\u0646 350 \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0645\u062d\u0644\u064a\u0629 \u0648\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u062c\u0647\u0627\u062a \u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0645\u0646\u0638\u0651\u0645\u064a \u0641\u0639\u0627\u0644\u064a\u0627\u062a.<\/p><\/div>\n      <div class=\"who-faq-card\"><h3>\u0647\u0644 \u062a\u0635\u0646\u0651\u0639\u0648\u0646 \u0641\u064a \u0648\u0631\u0634\u062a\u0643\u0645\u061f<\/h3><p>\u0646\u0639\u0645. \u0627\u0644\u0623\u062c\u0646\u062d\u0629 \u0648\u0633\u062a\u0627\u0646\u062f\u0627\u062a \u0627\u0644\u0639\u0631\u0636 \u0648\u0627\u0644\u0644\u0648\u062d\u0627\u062a \u0648\u0627\u0644\u0645\u0637\u0628\u0648\u0639\u0627\u062a \u062a\u064f\u0646\u062a\u064e\u062c \u0641\u064a \u0648\u0631\u0634\u062a\u0646\u0627 \u0628\u062c\u062f\u0629 \u0628\u0623\u0643\u062b\u0631 \u0645\u0646 10 \u0645\u0643\u0627\u0626\u0646 \u0625\u0646\u062a\u0627\u062c\u060c \u0641\u062a\u0628\u0642\u0649 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0628\u0623\u064a\u062f\u064a\u0646\u0627.<\/p><\/div>\n      <div class=\"who-faq-card\"><h3>\u0647\u0644 \u062a\u062a\u0648\u0644\u0651\u0648\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0643\u0627\u0645\u0644\u064b\u0627 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0647\u0627\u064a\u0629\u061f<\/h3><p>\u0646\u0639\u0645. \u0641\u0631\u064a\u0642 \u0648\u0627\u062d\u062f \u064a\u0623\u062e\u0630\u0647 \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0625\u0644\u0649 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u062a\u0642\u0631\u064a\u0631 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629\u060c \u0628\u0645\u062f\u064a\u0631 \u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u062d\u062f \u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643.<\/p><\/div>\n      <div class=\"who-faq-card\"><h3>\u0647\u0644 \u062a\u0642\u0628\u0644\u0648\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0635\u063a\u064a\u0631\u0629\u061f<\/h3><p>\u0646\u0639\u0645. \u0646\u0646\u0641\u0651\u0630 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0648\u0627\u062d\u062f\u0629\u060c \u0637\u0644\u0628 \u0637\u0628\u0627\u0639\u0629\u060c \u0623\u0648 \u0633\u062a\u0627\u0646\u062f \u0639\u0631\u0636\u060c \u0623\u0648 \u0641\u0631\u064a\u0642 \u0645\u0631\u0648\u0651\u062c\u064a\u0646\u060c \u0643\u0645\u0627 \u0646\u0646\u0641\u0651\u0630 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0643\u0627\u0645\u0644\u0629\u060c \u0628\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0646\u0641\u0633\u0647\u0627.<\/p><\/div>\n      <div class=\"who-faq-card\"><h3>\u0645\u062a\u0649 \u062a\u0631\u062f\u0651\u0648\u0646 \u0639\u0644\u0649 \u0637\u0644\u0628\u064a\u061f<\/h3><p>\u0623\u0631\u0633\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0634\u0631\u0648\u0639\u0643 \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628 <a href=\"https:\/\/wa.me\/966567069088\" target=\"_blank\" rel=\"noopener\">0567069088<\/a> \u0623\u0648 \u0645\u0646 \u0635\u0641\u062d\u0629 \u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631\u060c \u0648\u0646\u0639\u0648\u062f \u0644\u0643 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629 \u0628\u0623\u0633\u0626\u0644\u062a\u0646\u0627 \u0623\u0648 \u0628\u0639\u0631\u0636.<\/p><\/div>\n      <div class=\"who-faq-card\"><h3>\u0645\u0639 \u0623\u064a \u0642\u0637\u0627\u0639\u0627\u062a \u062a\u0639\u0645\u0644\u0648\u0646\u061f<\/h3><p>\u0627\u0644\u062a\u062c\u0632\u0626\u0629\u060c \u0648\u0627\u0644\u0623\u063a\u0630\u064a\u0629 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u062c\u0645\u064a\u0644\u060c \u0648\u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\u060c \u0648\u0627\u0644\u0639\u0642\u0627\u0631\u060c \u0648\u0627\u0644\u0635\u062d\u0629\u060c \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u063a\u064a\u0631\u0647\u0627\u060c \u0641\u064a \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645\u064a\u0629 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-152286a elementor-widget elementor-widget-html\" data-id=\"152286a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n.who-cta { \n  position: relative; \n  padding: 120px 20px; \n  background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%);\n  background-size: 200% 200%;\n  animation: gradientMove 10s ease infinite;\n  width: 100vw; \n  position: relative; \n  left: 50%; \n  right: 50%; \n  margin-left: -50vw; \n  margin-right: -50vw; \n  box-sizing: border-box; \n  margin-top: -1px; \n  margin-bottom: -1px; \n  overflow: hidden; \n}\n\n@keyframes gradientMove {\n  0%, 100% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n}\n\n.who-cta-particles {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  background: rgba(255,255,255,0.6);\n  border-radius: 50%;\n  animation: particleRise linear infinite;\n  box-shadow: 0 0 10px rgba(255,255,255,0.8);\n}\n\n.who-cta-particles:nth-child(3) { left: 15%; animation-duration: 12s; animation-delay: 0s; }\n.who-cta-particles:nth-child(4) { left: 30%; animation-duration: 14s; animation-delay: 2s; }\n.who-cta-particles:nth-child(5) { left: 45%; animation-duration: 16s; animation-delay: 1s; }\n.who-cta-particles:nth-child(6) { left: 60%; animation-duration: 13s; animation-delay: 3s; }\n.who-cta-particles:nth-child(7) { left: 75%; animation-duration: 15s; animation-delay: 4s; }\n.who-cta-particles:nth-child(8) { left: 90%; animation-duration: 11s; animation-delay: 2s; }\n\n@keyframes particleRise {\n  0% {\n    transform: translateY(100vh) scale(0);\n    opacity: 0;\n  }\n  10% {\n    opacity: 1;\n  }\n  90% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(-100vh) scale(1.5);\n    opacity: 0;\n  }\n}\n\n.who-cta-pattern { \n  position: absolute; \n  inset: 0; \n  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.03) 10px, rgba(255,255,255,0.03) 20px); \n  animation: patternRotate 60s linear infinite;\n}\n\n@keyframes patternRotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.who-cta-orb { \n  position: absolute; \n  width: 300px; \n  height: 300px; \n  border-radius: 50%; \n  background: radial-gradient(circle, rgba(255,255,255,0.2), transparent); \n  filter: blur(60px); \n  animation: orbPulse 5s ease-in-out infinite; \n}\n\n@keyframes orbPulse { \n  0%, 100% { \n    transform: scale(1) translate(0, 0); \n    opacity: 0.3; \n  } \n  50% { \n    transform: scale(1.3) translate(30px, -30px); \n    opacity: 0.6; \n  } \n}\n\n.who-cta-container { max-width: 900px; margin: 0 auto; position: relative; z-index: 2; text-align: center; }\n\n.who-cta-title { font-family: 'Playfair Display', serif; font-size: 56px; font-weight: 700; color: #ffffff; margin-bottom: 30px; opacity: 0; }\n\n.who-cta-subtitle { font-family: 'Inter', sans-serif; font-size: 20px; line-height: 1.6; color: rgba(255,255,255,0.9); margin-bottom: 50px; opacity: 0; }\n\n.who-cta-buttons { display: flex; justify-content: center; gap: 20px; opacity: 0; }\n.who-cta-btn { display: inline-flex; align-items: center; gap: 10px; padding: 18px 40px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600; border-radius: 50px; text-decoration: none; transition: all 0.3s ease; }\n.who-cta-btn-primary { background: #ffffff; color: #5A2D82; }\n.who-cta-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.3); }\n.who-cta-btn-secondary { background: transparent; color: #ffffff; border: 2px solid rgba(255,255,255,0.3); }\n.who-cta-btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: #ffffff; }\n\n.who-cta.visible .who-cta-title { animation: fadeInUp 0.6s ease-out 0.2s forwards; }\n.who-cta.visible .who-cta-subtitle { animation: fadeInUp 0.6s ease-out 0.4s forwards; }\n.who-cta.visible .who-cta-buttons { animation: fadeInUp 0.6s ease-out 0.6s forwards; }\n\n@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n\n@media (max-width: 768px) {\n  .who-cta { padding: 80px 20px; }\n  .who-cta-title { font-size: 36px; }\n  .who-cta-subtitle { font-size: 18px; }\n  .who-cta-buttons { flex-direction: column; }\n  .who-cta-btn { width: 100%; justify-content: center; }\n}\n<\/style>\n\n<div class=\"who-cta\" dir=\"rtl\">\n  <div class=\"who-cta-pattern\"><\/div>\n  <div class=\"who-cta-orb\"><\/div>\n  <div class=\"who-cta-orb\"><\/div>\n  <div class=\"who-cta-particles\"><\/div>\n  <div class=\"who-cta-particles\"><\/div>\n  <div class=\"who-cta-particles\"><\/div>\n  <div class=\"who-cta-particles\"><\/div>\n  <div class=\"who-cta-particles\"><\/div>\n  <div class=\"who-cta-particles\"><\/div>\n  \n  <div class=\"who-cta-container\">\n    <h2 class=\"who-cta-title\">\u062c\u0627\u0647\u0632 \u0644\u0644\u0639\u0645\u0644 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0625\u0646\u062a\u0627\u062c \u0645\u062a\u0643\u0627\u0645\u0644\u0629\u061f<\/h2>\n    <p class=\"who-cta-subtitle\">\u0644\u0646\u062d\u0648\u0651\u0644 \u0631\u0624\u064a\u062a\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0628\u062d\u0644\u0648\u0644\u0646\u0627 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u062e\u0628\u0631\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 15 \u0639\u0627\u0645\u064b\u0627.<\/p>\n    \n    <div class=\"who-cta-buttons\">\n      <a href=\"https:\/\/wa.me\/966567069088\" class=\"who-cta-btn who-cta-btn-primary\" target=\"_blank\" rel=\"noopener\">\n        \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643\n        <span>\u2190<\/span>\n      <\/a>\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%a3%d8%b9%d9%85%d8%a7%d9%84%d9%80%d9%86%d8%a7\/\" class=\"who-cta-btn who-cta-btn-secondary\">\n        \u0634\u0627\u0647\u062f \u0623\u0639\u0645\u0627\u0644\u0646\u0627\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n      }\n    });\n  }, { threshold: 0.3 });\n  \n  const section = document.querySelector('.who-cta');\n  if (section) observer.observe(section);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0646\u062d\u0646 \u0646\u062d\u0646 The Touch \u0634\u0631\u0643\u0629 \u0625\u0646\u062a\u0627\u062c \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u062c\u062f\u0629\u060c \u0646\u0642\u062f\u0651\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u0628\u062a\u0643\u0631\u0629 \u0641\u064a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c \u0648\u0646\u062d\u0648\u0651\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u062a\u062a\u0631\u0643 \u0623\u062b\u0631\u064b\u0627 \u0644\u0639\u0644\u0627\u0645\u062a\u0643. 15+ \u0633\u0646\u0629 \u062e\u0628\u0631\u0629 350+ \u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u0641\u0651\u0630 30+ \u0645\u062f\u064a\u0646\u0629 \u0646\u062e\u062f\u0645\u0647\u0627 \u0642\u0635\u0629 The Touch \u0644\u0645 \u0646\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627\u060c \u0644\u0643\u0646\u0647 \u0643\u0627\u0646 \u0641\u064a \u0631\u0624\u064a\u062a\u0646\u0627 \u0645\u0646\u0630 \u0623\u0635\u0628\u062d \u0645\u0624\u0633\u0633\u0648\u0646\u0627 \u0634\u0631\u0643\u0627\u0621\u060c \u064a\u062c\u0645\u0639\u0647\u0645 \u0634\u063a\u0641 \u0628\u0627\u0644\u0645\u0648\u0633\u064a\u0642\u0649 \u0648\u0627\u0644\u0641\u0646 [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_joinchat":[],"footnotes":""},"class_list":["post-15477","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/15477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/comments?post=15477"}],"version-history":[{"count":3,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/15477\/revisions"}],"predecessor-version":[{"id":15540,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/15477\/revisions\/15540"}],"wp:attachment":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/media?parent=15477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}