{"id":14645,"date":"2025-12-01T16:59:11","date_gmt":"2025-12-01T16:59:11","guid":{"rendered":"https:\/\/thetouch.sa\/booths-exhibition-stands\/"},"modified":"2025-12-27T17:28:19","modified_gmt":"2025-12-27T17:28:19","slug":"%d8%a7%d8%ac%d9%86%d8%ad%d8%a9-%d8%a7%d9%84%d9%85%d8%b9%d8%a7%d8%b1%d8%b6","status":"publish","type":"page","link":"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\/","title":{"rendered":"\u0627\u062c\u0646\u062d\u0629 \u0627\u0644\u0645\u0639\u0627\u0631\u0636"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14645\" class=\"elementor elementor-14645 elementor-13832\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b783de6 e-flex e-con-boxed e-con e-parent\" data-id=\"b783de6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5107889 e-flex e-con-boxed e-con e-parent\" data-id=\"5107889\" 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-f0917bb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f0917bb\" 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>@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n@keyframes heroFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-20px) rotate(3deg); } }\r\n@keyframes heroPulse { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.6; transform: scale(1.1); } }\r\n@keyframes heroLine { 0% { width: 0; } 100% { width: 100px; } }\r\n@keyframes heroGlow { 0%, 100% { box-shadow: 0 0 30px rgba(255,107,157,0.4); } 50% { box-shadow: 0 0 60px rgba(255,107,157,0.8); } }\r\n@keyframes scrollBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(8px); } }\r\n\r\n.booths-hero-animate { opacity: 0; transform: translateY(40px); transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.booths-hero-animate.visible { opacity: 1; transform: translateY(0); }\r\n.hero-btn-primary { position: relative; overflow: hidden; }\r\n.hero-btn-primary::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s; }\r\n.hero-btn-primary:hover::before { left: 100%; }\r\n.hero-btn-primary:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 20px 40px rgba(90,45,130,0.5); }\r\n.hero-btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: #FF6B9D; }\r\n\r\n@media (max-width: 768px) {\r\n  .booths-hero-floating { display: none !important; }\r\n  .booths-hero-content h1 { font-size: 42px !important; }\r\n  .booths-hero-btns { flex-direction: column !important; width: 100%; }\r\n  .booths-hero-btns a { width: 100%; justify-content: center; }\r\n}\r\n<\/style><div style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; min-height: 100vh; background: #000; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 60px 20px; margin-top: -1px; margin-bottom: -1px;\"><!-- Video\/Image Background with Overlay --><div style=\"position: absolute; inset: 0; background: url('https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/12\/img111-1-2.jpg') center\/cover no-repeat;\"><\/div><div style=\"position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(90,45,130,0.7) 50%, rgba(0,0,0,0.9) 100%);\"><\/div><!-- Animated Gradient Orbs --><div class=\"booths-hero-floating\" style=\"position: absolute; top: 5%; right: 10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,107,157,0.25) 0%, transparent 70%); border-radius: 50%; animation: heroFloat 10s ease-in-out infinite; filter: blur(40px);\"><\/div><div class=\"booths-hero-floating\" style=\"position: absolute; bottom: 10%; left: 5%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(90,45,130,0.3) 0%, transparent 70%); border-radius: 50%; animation: heroFloat 12s ease-in-out infinite reverse; filter: blur(60px);\"><\/div><div class=\"booths-hero-floating\" style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px; height: 700px; background: radial-gradient(circle, rgba(90,45,130,0.15) 0%, transparent 60%); border-radius: 50%; animation: heroPulse 8s ease-in-out infinite;\"><\/div><!-- Floating Geometric Elements --><div class=\"booths-hero-floating\" style=\"position: absolute; top: 15%; left: 15%; width: 120px; height: 120px; border: 2px solid rgba(255,107,157,0.4); transform: rotate(45deg); animation: heroFloat 8s ease-in-out infinite; opacity: 0.6;\"><\/div><div class=\"booths-hero-floating\" style=\"position: absolute; bottom: 20%; right: 20%; width: 80px; height: 80px; background: linear-gradient(135deg, rgba(90,45,130,0.5), rgba(255,107,157,0.3)); animation: heroFloat 9s ease-in-out infinite reverse;\"><\/div><div class=\"booths-hero-floating\" style=\"position: absolute; top: 30%; right: 25%; width: 16px; height: 16px; background: #FF6B9D; border-radius: 50%; animation: heroGlow 3s ease-in-out infinite;\"><\/div><!-- Noise Texture Overlay --><div style=\"position: absolute; inset: 0; opacity: 0.03; background-image: url('data:image\/svg+xml,%3Csvg viewBox=&quot;0 0 256 256&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%3E%3Cfilter id=&quot;noise&quot;%3E%3CfeTurbulence type=&quot;fractalNoise&quot; baseFrequency=&quot;0.9&quot; numOctaves=&quot;4&quot; stitchTiles=&quot;stitch&quot;\/%3E%3C\/filter%3E%3Crect width=&quot;100%25&quot; height=&quot;100%25&quot; filter=&quot;url(%23noise)&quot;\/%3E%3C\/svg%3E');\"><\/div><!-- Content --><div class=\"booths-hero-content\" style=\"position: relative; z-index: 10; text-align: center; max-width: 950px; padding: 0 20px;\"><!-- Badge --><div class=\"booths-hero-animate\" style=\"display: inline-flex; align-items: center; gap: 12px; padding: 10px 24px; background: rgba(255,255,255,0.08); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); border-radius: 50px; margin-bottom: 32px;\"><span style=\"width: 8px; height: 8px; background: #FF6B9D; border-radius: 50%; animation: heroGlow 2s ease-in-out infinite;\"><\/span><span style=\"font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.9);\">The Touch Agency<\/span><\/div><!-- Headline --><h1 class=\"booths-hero-animate\" style=\"font-family: 'Playfair Display', serif; font-size: clamp(48px, 10vw, 90px); font-weight: 600; color: #ffffff; line-height: 1.05; margin-bottom: 28px; transition-delay: 0.15s;\">\u0627\u0644\u0623\u062c\u0646\u062d\u0629 \u0648<br\/><span style=\"background: linear-gradient(135deg, #FF6B9D 0%, #5A2D82 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">\u0645\u0646\u0635\u0627\u062a<\/span> \u0627\u0644\u0645\u0639\u0627\u0631\u0636\r\n    <\/h1><!-- Animated Line --><div class=\"booths-hero-animate\" style=\"width: 100px; height: 3px; background: linear-gradient(90deg, #5A2D82, #FF6B9D); margin: 0 auto 28px; border-radius: 2px; transition-delay: 0.25s;\"><\/div><!-- Subheadline --><p class=\"booths-hero-animate\" style=\"font-family: 'Inter', sans-serif; font-size: clamp(17px, 2.5vw, 22px); color: rgba(255,255,255,0.75); max-width: 650px; margin: 0 auto 48px; line-height: 1.7; transition-delay: 0.35s;\">\u062a\u062c\u0627\u0631\u0628 \u0645\u064f\u0635\u0645\u0645\u0629 \u062d\u0633\u0628 \u0627\u0644\u0637\u0644\u0628 \u062a\u0639\u0632\u0651\u0632 \u062d\u0636\u0648\u0631 \u0639\u0644\u0627\u0645\u062a\u0643 \u0648\u062a\u0634\u062f\u0651 \u0627\u0646\u062a\u0628\u0627\u0647 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0641\u064a \u0643\u0644 \u0641\u0639\u0627\u0644\u064a\u0629.\r\n    <\/p><!-- CTAs --><div class=\"booths-hero-animate booths-hero-btns\" style=\"display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; transition-delay: 0.45s;\"><a href=\"https:\/\/wa.me\/966567069088\" class=\"hero-btn-primary\" style=\"display: inline-flex; align-items: center; gap: 12px; padding: 20px 40px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); color: #fff; font-family: &#039;Inter&#039;, sans-serif; font-size: 15px; font-weight: 600; text-decoration: none; border-radius: 60px; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 10px 30px rgba(90,45,130,0.4);\" target=\"_blank\" rel=\"noopener\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643\r\n        <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><a href=\"#featured-projects\" class=\"hero-btn-secondary\" style=\"display: inline-flex; align-items: center; gap: 12px; padding: 20px 40px; background: transparent; color: #fff; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; text-decoration: none; border-radius: 60px; border: 2px solid rgba(255,255,255,0.35); transition: all 0.4s ease;\">\u0634\u0627\u0647\u062f \u0623\u0639\u0645\u0627\u0644\u0646\u0627\r\n        <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div><!-- Stats Row --><div class=\"booths-hero-animate\" style=\"display: flex; justify-content: center; gap: 60px; margin-top: 80px; flex-wrap: wrap; transition-delay: 0.55s;\"><div style=\"text-align: center;\"><div style=\"font-family: 'Playfair Display', serif; font-size: 42px; font-weight: 600; color: #fff;\">180+<\/div><div style=\"font-family: 'Inter', sans-serif; font-size: 13px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 2px;\">\u062c\u0646\u0627\u062d \u062a\u0645 \u062a\u0646\u0641\u064a\u0630\u0647<\/div><\/div><div style=\"text-align: center;\"><div style=\"font-family: 'Playfair Display', serif; font-size: 42px; font-weight: 600; color: #fff;\">15+<\/div><div style=\"font-family: 'Inter', sans-serif; font-size: 13px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 2px;\">\u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629<\/div><\/div><div style=\"text-align: center;\"><div style=\"font-family: 'Playfair Display', serif; font-size: 42px; font-weight: 600; color: #fff;\">50+<\/div><div style=\"font-family: 'Inter', sans-serif; font-size: 13px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 2px;\">\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0643\u0628\u0631\u0649<\/div><\/div><\/div><\/div><!-- Scroll Indicator --><div class=\"booths-hero-floating\" style=\"position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px;\"><span style=\"font-family: 'Inter', sans-serif; font-size: 11px; color: rgba(255,255,255,0.4); letter-spacing: 3px; text-transform: uppercase;\">\u0645\u0631\u0651\u0631 \u0644\u0644\u0623\u0633\u0641\u0644<\/span><div style=\"width: 28px; height: 48px; border: 2px solid rgba(255,255,255,0.25); border-radius: 14px; display: flex; justify-content: center; padding-top: 10px;\"><div style=\"width: 4px; height: 10px; background: #FF6B9D; border-radius: 2px; animation: scrollBounce 2s ease-in-out infinite;\"><\/div><\/div><\/div><\/div><script>(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) entry.target.classList.add('visible');\r\n    });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.booths-hero-animate').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20590a3 e-con-full e-flex e-con e-parent\" data-id=\"20590a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38df15a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"38df15a\" 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>@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n.booths-build-animate { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.booths-build-animate.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.booths-build-card { \r\n  position: relative; \r\n  background: #fff; \r\n  border-radius: 20px; \r\n  padding: 40px 32px; \r\n  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); \r\n  border: 1px solid rgba(0,0,0,0.06);\r\n  overflow: hidden;\r\n}\r\n.booths-build-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #5A2D82, #FF6B9D);\r\n  transform: scaleX(0);\r\n  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n.booths-build-card:hover::before { transform: scaleX(1); }\r\n.booths-build-card:hover { \r\n  transform: translateY(-12px); \r\n  box-shadow: 0 30px 60px rgba(90,45,130,0.15);\r\n}\r\n.booths-build-card:hover .booths-icon { \r\n  transform: scale(1.1) rotate(5deg); \r\n  box-shadow: 0 15px 30px rgba(90,45,130,0.3);\r\n}\r\n.booths-icon { \r\n  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); \r\n}\r\n.booths-build-num {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 24px;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 72px;\r\n  font-weight: 700;\r\n  color: rgba(90,45,130,0.06);\r\n  line-height: 1;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .booths-build-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n}\r\n@media (max-width: 768px) {\r\n  .booths-build-grid { grid-template-columns: 1fr !important; }\r\n  .booths-build-section { padding: 80px 20px !important; }\r\n  .booths-build-card { padding: 32px 24px !important; }\r\n}\r\n<\/style><div class=\"booths-build-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; background: linear-gradient(180deg, #f8f7fa 0%, #ffffff 100%); padding: 120px 20px; margin-top: -1px; margin-bottom: -1px;\"><div style=\"max-width: 1300px; margin: 0 auto;\"><!-- Header --><div class=\"booths-build-animate\" style=\"text-align: center; margin-bottom: 80px;\"><p style=\"font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #FF6B9D; margin-bottom: 20px;\">\u0642\u062f\u0631\u0627\u062a\u0646\u0627<\/p><h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(36px, 5vw, 56px); font-weight: 600; color: #0a0a0a; margin-bottom: 20px; line-height: 1.2;\">\u0645\u0627 \u0627\u0644\u0630\u064a <span style=\"color: #5A2D82;\">\u0646\u0646\u0641\u0651\u0630\u0647<\/span><\/h2><div style=\"width: 60px; height: 4px; background: linear-gradient(90deg, #5A2D82, #FF6B9D); margin: 0 auto 24px; border-radius: 2px;\"><\/div><p style=\"font-family: 'Inter', sans-serif; font-size: 18px; color: #666; max-width: 600px; margin: 0 auto; line-height: 1.7;\">\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0646\u0635\u0646\u0639 \u062a\u062c\u0627\u0631\u0628 \u0645\u0639\u0627\u0631\u0636 \u062a\u064f\u0644\u0641\u062a \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0648\u062a\u062d\u0642\u0642 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.<\/p><\/div><!-- Grid --><div class=\"booths-build-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;\"><!-- Card 1 --><div class=\"booths-build-animate booths-build-card\" style=\"transition-delay: 0.1s;\"><span class=\"booths-build-num\">01<\/span><div class=\"booths-icon\" style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\"><svg width=\"30\" height=\"30\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v14a1 1 0 01-1 1H5a1 1 0 01-1-1V5z\"\/><path d=\"M4 9h16M9 4v16\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: #0a0a0a; margin-bottom: 14px;\">\u062a\u0635\u0646\u064a\u0639 \u0623\u062c\u0646\u062d\u0629 \u0645\u062e\u0635\u0651\u0635\u0629<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: #777; line-height: 1.7; margin: 0;\">\u0647\u064a\u0627\u0643\u0644 \u0623\u062c\u0646\u062d\u0629 \u062a\u064f\u0646\u0641\u0651\u0630 \u0628\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0646\u0627\u0633\u0628 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0648\u0631\u0624\u064a\u062a\u0643.<\/p><\/div><!-- Card 2 --><div class=\"booths-build-animate booths-build-card\" style=\"transition-delay: 0.15s;\"><span class=\"booths-build-num\">02<\/span><div class=\"booths-icon\" style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\"><svg width=\"30\" height=\"30\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><path d=\"M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: #0a0a0a; margin-bottom: 14px;\">\u062a\u0635\u0645\u064a\u0645 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0648\u0625\u062e\u0631\u0627\u062c \u0648\u0627\u0642\u0639\u064a<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: #777; line-height: 1.7; margin: 0;\">\u062a\u0635\u0648\u0631\u0627\u062a \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0648\u0627\u0642\u0639\u064a\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u0646\u0629 \u062c\u0646\u0627\u062d\u0643 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u062a\u0635\u0646\u064a\u0639.<\/p><\/div><!-- Card 3 --><div class=\"booths-build-animate booths-build-card\" style=\"transition-delay: 0.2s;\"><span class=\"booths-build-num\">03<\/span><div class=\"booths-icon\" style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\"><svg width=\"30\" height=\"30\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: #0a0a0a; margin-bottom: 14px;\">\u062a\u0631\u0643\u064a\u0628 \u0648\u0641\u0643 \u0643\u0627\u0645\u0644<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: #777; line-height: 1.7; margin: 0;\">\u062e\u062f\u0645\u0627\u062a \u062a\u0631\u0643\u064a\u0628 \u0648\u062a\u0641\u0643\u064a\u0643 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0639\u0628\u0631 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0645\u062e\u062a\u0635 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639.<\/p><\/div><!-- Card 4 --><div class=\"booths-build-animate booths-build-card\" style=\"transition-delay: 0.25s;\"><span class=\"booths-build-num\">04<\/span><div class=\"booths-icon\" style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\"><svg width=\"30\" height=\"30\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: #0a0a0a; margin-bottom: 14px;\">\u062f\u0645\u062c \u0631\u0642\u0645\u064a \u0648\u062a\u0642\u0646\u064a\u0627\u062a LED<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: #777; line-height: 1.7; margin: 0;\">\u0634\u0627\u0634\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u062c\u062f\u0631\u0627\u0646 LED \u0648\u0646\u0642\u0627\u0637 \u062a\u0648\u0627\u0635\u0644 \u0631\u0642\u0645\u064a\u0629 \u0644\u062a\u062c\u0631\u0628\u0629 \u063a\u0627\u0645\u0631\u0629.<\/p><\/div><!-- Card 5 --><div class=\"booths-build-animate booths-build-card\" style=\"transition-delay: 0.3s;\"><span class=\"booths-build-num\">05<\/span><div class=\"booths-icon\" style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\"><svg width=\"30\" height=\"30\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: #0a0a0a; margin-bottom: 14px;\">  \u0642\u0635 \u0644\u064a\u0632\u0631 CNC<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: #777; line-height: 1.7; margin: 0;\">\u062a\u0635\u0646\u064a\u0639 \u062f\u0642\u064a\u0642 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0640 CNC \u0648\u0627\u0644\u0644\u064a\u0632\u0631.<\/p><\/div><!-- Card 6 --><div class=\"booths-build-animate booths-build-card\" style=\"transition-delay: 0.35s;\"><span class=\"booths-build-num\">06<\/span><div class=\"booths-icon\" style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\"><svg width=\"30\" height=\"30\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: #0a0a0a; margin-bottom: 14px;\">\u0623\u0646\u0638\u0645\u0629 \u0623\u062c\u0646\u062d\u0629 \u0645\u062a\u0646\u0642\u0644\u0629<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: #777; line-height: 1.7; margin: 0;\">\u062d\u0644\u0648\u0644 \u0623\u062c\u0646\u062d\u0629 \u0645\u0639\u064a\u0627\u0631\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u062f\u0639\u0645 \u062d\u0636\u0648\u0631\u0643 \u0639\u0628\u0631 \u0639\u062f\u0629 \u0641\u0639\u0627\u0644\u064a\u0627\u062a.<\/p><\/div><\/div><\/div><\/div><script>(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) entry.target.classList.add('visible');\r\n    });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.booths-build-animate').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61aaa65 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"61aaa65\" 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>@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n@keyframes floatSlow { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }\r\n\r\n.booths-why-animate { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.booths-why-animate.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.booths-why-card { \r\n  position: relative;\r\n  background: rgba(255,255,255,0.03); \r\n  backdrop-filter: blur(20px); \r\n  border: 1px solid rgba(255,255,255,0.08); \r\n  border-radius: 24px; \r\n  padding: 40px 32px; \r\n  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n  overflow: hidden;\r\n}\r\n.booths-why-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #5A2D82, #FF6B9D);\r\n  transform: scaleX(0);\r\n  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n.booths-why-card:hover { \r\n  transform: translateY(-10px); \r\n  background: rgba(255,255,255,0.06);\r\n  border-color: rgba(255,107,157,0.3);\r\n  box-shadow: 0 30px 60px rgba(0,0,0,0.4);\r\n}\r\n.booths-why-card:hover::after { transform: scaleX(1); }\r\n.booths-why-card:hover .booths-why-icon { \r\n  background: linear-gradient(135deg, #FF6B9D, #5A2D82);\r\n  transform: rotate(10deg) scale(1.1);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .booths-why-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n}\r\n@media (max-width: 768px) {\r\n  .booths-why-grid { grid-template-columns: 1fr !important; }\r\n  .booths-why-section { padding: 80px 20px !important; }\r\n  .booths-why-floating { display: none !important; }\r\n}\r\n<\/style><div class=\"booths-why-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; background: linear-gradient(180deg, #0a0a0a 0%, #15081c 50%, #0a0a0a 100%); padding: 120px 20px; overflow: hidden; margin-top: -1px; margin-bottom: -1px;\"><!-- Background Elements --><div class=\"booths-why-floating\" style=\"position: absolute; top: 10%; right: 5%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(90,45,130,0.2) 0%, transparent 70%); border-radius: 50%; animation: floatSlow 12s ease-in-out infinite; filter: blur(60px);\"><\/div><div class=\"booths-why-floating\" style=\"position: absolute; bottom: 10%; left: 5%; width: 350px; height: 350px; background: radial-gradient(circle, rgba(255,107,157,0.15) 0%, transparent 70%); border-radius: 50%; animation: floatSlow 10s ease-in-out infinite reverse; filter: blur(50px);\"><\/div><div style=\"max-width: 1300px; margin: 0 auto; position: relative; z-index: 10;\"><!-- Header --><div class=\"booths-why-animate\" style=\"text-align: center; margin-bottom: 80px;\"><p style=\"font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #FF6B9D; margin-bottom: 20px;\">\u0627\u0644\u0627\u062e\u062a\u0644\u0627\u0641<\/p><h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(36px, 5vw, 56px); font-weight: 600; color: #ffffff; margin-bottom: 20px; line-height: 1.2;\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 <span style=\"background: linear-gradient(135deg, #FF6B9D, #5A2D82); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">\u0627\u0644\u0644\u0645\u0633\u0629  <\/span><\/h2><div style=\"width: 60px; height: 4px; background: linear-gradient(90deg, #5A2D82, #FF6B9D); margin: 0 auto 24px; border-radius: 2px;\"><\/div><p style=\"font-family: 'Inter', sans-serif; font-size: 18px; color: rgba(255,255,255,0.6); max-width: 600px; margin: 0 auto; line-height: 1.7;\">\u062e\u0628\u0631\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639\u060c \u0645\u0639 \u062c\u0648\u062f\u0629 \u0648\u062f\u0642\u0651\u0629 \u0644\u0627 \u062a\u064f\u0636\u0627\u0647\u0649.<\/p><\/div><!-- Grid --><div class=\"booths-why-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;\"><!-- Card 1 --><div class=\"booths-why-animate booths-why-card\" style=\"transition-delay: 0.1s;\"><div class=\"booths-why-icon\" style=\"width: 60px; height: 60px; background: rgba(90,45,130,0.4); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\"><svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"#FF6B9D\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V7l8-4 8 4v14M9 21v-6h6v6\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600; color: #ffffff; margin-bottom: 12px;\">\u0648\u0631\u0634\u0629 \u062a\u0635\u0646\u064a\u0639 \u062f\u0627\u062e\u0644\u064a\u0629<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: rgba(255,255,255,0.55); line-height: 1.7; margin: 0;\">\u0646\u062c\u0627\u0631\u0629 \u0648\u0645\u0631\u0627\u0641\u0642 CNC \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062d\u062a \u0633\u0642\u0641 \u0648\u0627\u062d\u062f \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u062c\u0648\u062f\u0629.<\/p><\/div><!-- Card 2 --><div class=\"booths-why-animate booths-why-card\" style=\"transition-delay: 0.15s;\"><div class=\"booths-why-icon\" style=\"width: 60px; height: 60px; background: rgba(90,45,130,0.4); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\"><svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"#FF6B9D\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600; color: #ffffff; margin-bottom: 12px;\">\u062a\u0646\u0641\u064a\u0630 \u0633\u0631\u064a\u0639<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: rgba(255,255,255,0.55); line-height: 1.7; margin: 0;\">\u0625\u0646\u062a\u0627\u062c \u0633\u0631\u064a\u0639 \u0639\u0628\u0631 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0639\u0645\u0644 \u0641\u0639\u0651\u0627\u0644\u0629 \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f.<\/p><\/div><!-- Card 3 --><div class=\"booths-why-animate booths-why-card\" style=\"transition-delay: 0.2s;\"><div class=\"booths-why-icon\" style=\"width: 60px; height: 60px; background: rgba(90,45,130,0.4); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\"><svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"#FF6B9D\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600; color: #ffffff; margin-bottom: 12px;\">\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: rgba(255,255,255,0.55); line-height: 1.7; margin: 0;\">MDF \u0648\u0627\u0644\u062d\u062f\u064a\u062f \u0648\u0627\u0644\u0623\u0643\u0631\u064a\u0644\u064a\u0643 \u0648\u0627\u0644\u0640 LED \u2014 \u0646\u062e\u062a\u0627\u0631 \u0627\u0644\u0623\u0641\u0636\u0644 \u0644\u0639\u0644\u0627\u0645\u062a\u0643.<\/p><\/div><!-- Card 4 --><div class=\"booths-why-animate booths-why-card\" style=\"transition-delay: 0.25s;\"><div class=\"booths-why-icon\" style=\"width: 60px; height: 60px; background: rgba(90,45,130,0.4); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\"><svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"#FF6B9D\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600; color: #ffffff; margin-bottom: 12px;\">\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: rgba(255,255,255,0.55); line-height: 1.7; margin: 0;\">\u062e\u0628\u0631\u0627\u062a \u0645\u062a\u0631\u0627\u0643\u0645\u0629 \u0648\u0641\u0631\u064a\u0642 \u0645\u0644\u062a\u0632\u0645 \u0628\u062a\u0646\u0641\u064a\u0630 \u0645\u062a\u0642\u0646 \u0641\u064a \u0643\u0644 \u0645\u0631\u0629.<\/p><\/div><!-- Card 5 --><div class=\"booths-why-animate booths-why-card\" style=\"transition-delay: 0.3s;\"><div class=\"booths-why-icon\" style=\"width: 60px; height: 60px; background: rgba(90,45,130,0.4); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\"><svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"#FF6B9D\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600; color: #ffffff; margin-bottom: 12px;\">\u062e\u062f\u0645\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0644\u0644\u0646\u0647\u0627\u064a\u0629<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: rgba(255,255,255,0.55); line-height: 1.7; margin: 0;\">\u0645\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0625\u0644\u0649 \u0627\u0644\u0641\u0643\u2014\u0646\u062f\u064a\u0631 \u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629 \u062f\u0648\u0646 \u0627\u0633\u062a\u062b\u0646\u0627\u0621.<\/p><\/div><!-- Card 6 --><div class=\"booths-why-animate booths-why-card\" style=\"transition-delay: 0.35s;\"><div class=\"booths-why-icon\" style=\"width: 60px; height: 60px; background: rgba(90,45,130,0.4); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\"><svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"#FF6B9D\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg><\/div><h3 style=\"font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600; color: #ffffff; margin-bottom: 12px;\">\u062a\u0635\u0627\u0645\u064a\u0645 \u0645\u0631\u0646\u0629<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 15px; color: rgba(255,255,255,0.55); line-height: 1.7; margin: 0;\">\u062a\u0635\u0627\u0645\u064a\u0645 \u0648\u0623\u062d\u062c\u0627\u0645 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062e\u0635\u064a\u0635 \u0644\u062a\u0646\u0627\u0633\u0628 \u0623\u064a \u0645\u0648\u0642\u0639 \u0623\u0648 \u0645\u062a\u0637\u0644\u0628.<\/p><\/div><\/div><\/div><\/div><script>(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) entry.target.classList.add('visible');\r\n    });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.booths-why-animate').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d1ba6a e-flex e-con-boxed e-con e-parent\" data-id=\"5d1ba6a\" 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-f7f5e9f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f7f5e9f\" data-element_type=\"widget\" data-e-type=\"widget\" featured-projects=\"\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"featured-projects\"><\/div><style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n.booths-port-animate { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.booths-port-animate.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.booths-port-item { \r\n  position: relative; \r\n  overflow: hidden; \r\n  border-radius: 20px; \r\n  cursor: pointer; \r\n  background: #1a1a1a; \r\n  height: 360px;\r\n}\r\n.booths-port-item img { \r\n  width: 100%; \r\n  height: 100%; \r\n  object-fit: cover; \r\n  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease; \r\n}\r\n.booths-port-item:hover img { \r\n  transform: scale(1.12); \r\n  filter: brightness(0.7);\r\n}\r\n.booths-port-overlay { \r\n  position: absolute; \r\n  inset: 0; \r\n  background: linear-gradient(to top, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.5) 50%, transparent 100%); \r\n  opacity: 0; \r\n  transition: opacity 0.5s ease; \r\n  display: flex; \r\n  flex-direction: column; \r\n  justify-content: flex-end; \r\n  padding: 32px; \r\n}\r\n.booths-port-item:hover .booths-port-overlay { opacity: 1; }\r\n.port-tag { \r\n  display: inline-block; \r\n  padding: 8px 16px; \r\n  background: linear-gradient(135deg, #5A2D82, #FF6B9D); \r\n  border-radius: 25px; \r\n  font-family: 'Inter', sans-serif; \r\n  font-size: 11px; \r\n  font-weight: 700; \r\n  color: #fff; \r\n  text-transform: uppercase; \r\n  letter-spacing: 1.5px; \r\n  margin-bottom: 16px; \r\n  width: fit-content; \r\n}\r\n.port-arrow {\r\n  position: absolute;\r\n  top: 24px;\r\n  right: 24px;\r\n  width: 48px;\r\n  height: 48px;\r\n  background: rgba(255,255,255,0.1);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  transform: translateX(-10px);\r\n  transition: all 0.4s ease;\r\n}\r\n.booths-port-item:hover .port-arrow {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n}\r\n\r\n.booths-port-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .booths-port-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n  .booths-port-item { height: 320px !important; }\r\n}\r\n@media (max-width: 768px) {\r\n  .booths-port-grid { grid-template-columns: 1fr !important; }\r\n  .booths-port-section { padding: 80px 20px !important; }\r\n  .booths-port-overlay { opacity: 1 !important; }\r\n  .booths-port-item { height: 300px !important; }\r\n  .port-arrow { opacity: 1 !important; transform: translateX(0) !important; }\r\n}\r\n<\/style><div class=\"booths-port-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; background: #ffffff; padding: 120px 20px; margin-top: -1px; margin-bottom: -1px;\"><div style=\"max-width: 1400px; margin: 0 auto;\"><!-- Header --><div class=\"booths-port-animate\" style=\"text-align: center; margin-bottom: 80px;\"><p style=\"font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #FF6B9D; margin-bottom: 20px;\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/p><h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(36px, 5vw, 56px); font-weight: 600; color: #0a0a0a; margin-bottom: 20px; line-height: 1.2;\">\u0645\u0634\u0627\u0631\u064a\u0639 <span style=\"color: #5A2D82;\">\u0645\u0645\u064a\u0632\u0629<\/span><\/h2><div style=\"width: 60px; height: 4px; background: linear-gradient(90deg, #5A2D82, #FF6B9D); margin: 0 auto 24px; border-radius: 2px;\"><\/div><p style=\"font-family: 'Inter', sans-serif; font-size: 18px; color: #666; max-width: 600px; margin: 0 auto; line-height: 1.7;\">\u0623\u062c\u0646\u062d\u0629 \u0645\u0639\u0627\u0631\u0636 \u062d\u0627\u0626\u0632\u0629 \u0639\u0644\u0649 \u062c\u0648\u0627\u0626\u0632 \u062a\u062c\u0630\u0628 \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u062a\u0631\u0641\u0639 \u062d\u0636\u0648\u0631 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/p><\/div><!-- Grid --><div class=\"booths-port-grid\"><!-- Item 1 --><div class=\"booths-port-animate booths-port-item\" style=\"transition-delay: 0.1s;\"><img decoding=\"async\" src=\"https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/12\/img130.jpg\" alt=\"\u062c\u0646\u0627\u062d \u0645\u0639\u0631\u0636 \u0641\u0627\u062e\u0631\"><div class=\"port-arrow\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg><\/div><div class=\"booths-port-overlay\"><span class=\"port-tag\">\u062a\u0646\u0641\u064a\u0630 \u0645\u062e\u0635\u0635<\/span><h3 style=\"font-family: 'Playfair Display', serif; font-size: 24px; color: #fff; margin: 0 0 8px 0;\">\u062c\u0646\u0627\u062d \u0645\u0639\u0631\u0636 \u0641\u0627\u062e\u0631<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: rgba(255,255,255,0.7); margin: 0;\"><\/p><\/div><\/div><!-- Item 2 --><div class=\"booths-port-animate booths-port-item\" style=\"transition-delay: 0.15s;\"><img decoding=\"async\" src=\"https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/12\/vkthgd-.png\" alt=\"\u062a\u062c\u0631\u0628\u0629 \u0643\u0631\u0646\u0641\u0627\u0644 \u062e\u0627\u0631\u062c\u064a\u0629\"><div class=\"port-arrow\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg><\/div><div class=\"booths-port-overlay\"><span class=\"port-tag\">\u0641\u0639\u0627\u0644\u064a\u0629<\/span><h3 style=\"font-family: 'Playfair Display', serif; font-size: 24px; color: #fff; margin: 0 0 8px 0;\">\u062a\u062c\u0631\u0628\u0629 \u0643\u0631\u0646\u0641\u0627\u0644 \u062e\u0627\u0631\u062c\u064a\u0629<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: rgba(255,255,255,0.7); margin: 0;\"><\/p><\/div><\/div><!-- Item 3 --><div class=\"booths-port-animate booths-port-item\" style=\"transition-delay: 0.2s;\"><img decoding=\"async\" src=\"https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/12\/IMG-20250612-WA0114.jpg\" alt=\"\u062c\u0646\u0627\u062d \u062a\u0641\u0627\u0639\u0644\u064a \u0644\u0644\u0623\u0637\u0641\u0627\u0644\"><div class=\"port-arrow\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg><\/div><div class=\"booths-port-overlay\"><span class=\"port-tag\">\u062a\u0641\u0627\u0639\u0644\u064a<\/span><h3 style=\"font-family: 'Playfair Display', serif; font-size: 24px; color: #fff; margin: 0 0 8px 0;\">\u062c\u0646\u0627\u062d \u062a\u0641\u0627\u0639\u0644\u064a \u0644\u0644\u0623\u0637\u0641\u0627\u0644<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: rgba(255,255,255,0.7); margin: 0;\"><\/p><\/div><\/div><!-- Item 4 --><div class=\"booths-port-animate booths-port-item\" style=\"transition-delay: 0.25s;\"><img decoding=\"async\" src=\"https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/12\/img118.jpg\" alt=\"\u062c\u0646\u0627\u062d \u0645\u0639\u0631\u0636 \u0644\u0644\u0634\u0631\u0643\u0627\u062a\"><div class=\"port-arrow\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg><\/div><div class=\"booths-port-overlay\"><span class=\"port-tag\">\u062f\u0648\u0631\u064a\u0646<\/span><h3 style=\"font-family: 'Playfair Display', serif; font-size: 24px; color: #fff; margin: 0 0 8px 0;\">\u062c\u0646\u0627\u062d \u0645\u0639\u0631\u0636 \u0644\u0644\u0634\u0631\u0643\u0627\u062a<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: rgba(255,255,255,0.7); margin: 0;\"><\/p><\/div><\/div><!-- Item 5 --><div class=\"booths-port-animate booths-port-item\" style=\"transition-delay: 0.3s;\"><img decoding=\"async\" src=\"https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/12\/img610.jpg\" alt=\"\u062c\u0646\u0627\u062d \u0639\u0631\u0636\"><div class=\"port-arrow\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg><\/div><div class=\"booths-port-overlay\"><span class=\"port-tag\">\u0633\u064a\u0627\u0631\u0627\u062a<\/span><h3 style=\"font-family: 'Playfair Display', serif; font-size: 24px; color: #fff; margin: 0 0 8px 0;\">\u062c\u0646\u0627\u062d \u0639\u0631\u0636<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: rgba(255,255,255,0.7); margin: 0;\"><\/p><\/div><\/div><!-- Item 6 --><div class=\"booths-port-animate booths-port-item\" style=\"transition-delay: 0.35s;\"><img decoding=\"async\" src=\"https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/12\/img485-1.jpg\" alt=\"\u062c\u0646\u0627\u062d \u0645\u0639\u0631\u0636\"><div class=\"port-arrow\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg><\/div><div class=\"booths-port-overlay\"><span class=\"port-tag\">\u062a\u062c\u0631\u0628\u0629<\/span><h3 style=\"font-family: 'Playfair Display', serif; font-size: 24px; color: #fff; margin: 0 0 8px 0;\">\u062c\u0646\u0627\u062d \u0645\u0639\u0631\u0636<\/h3><p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: rgba(255,255,255,0.7); margin: 0;\"><\/p><\/div><\/div><\/div><!-- View All Button --><div class=\"booths-port-animate\" style=\"text-align: center; margin-top: 70px; transition-delay: 0.4s;\"><a href=\"https:\/\/wa.me\/966567069088\" style=\"display: inline-flex; align-items: center; gap: 12px; padding: 18px 42px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); color: #fff; font-family: &#039;Inter&#039;, sans-serif; font-size: 15px; font-weight: 600; text-decoration: none; border-radius: 60px; transition: all 0.4s ease; box-shadow: 0 10px 30px rgba(90,45,130,0.3);\" target=\"_blank\" rel=\"noopener\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643\r\n        <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div><\/div><\/div><script>(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) entry.target.classList.add('visible');\r\n    });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.booths-port-animate').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fce10b e-flex e-con-boxed e-con e-parent\" data-id=\"7fce10b\" 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-89c720b elementor-widget elementor-widget-html\" data-id=\"89c720b\" 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>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n.booths-proc-animate {\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1),\r\n              transform 0.8s cubic-bezier(0.16,1,0.3,1);\r\n}\r\n.booths-proc-animate.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* ===== Steps Wrapper ===== *\/\r\n.booths-proc-steps {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  position: relative;\r\n  direction: rtl;               \/* RTL *\/\r\n}\r\n\r\n\/* ===== Full background line ===== *\/\r\n.booths-proc-steps::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 38px;\r\n  right: 0;\r\n  left: 0;\r\n  height: 3px;\r\n  background: linear-gradient(\r\n    270deg,\r\n    rgba(255,107,157,0.5),\r\n    rgba(90,45,130,0.5)\r\n  );\r\n  z-index: 1;\r\n}\r\n\r\n\/* ===== Single Step ===== *\/\r\n.booths-proc-step {\r\n  flex: 1;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 0 12px;\r\n}\r\n\r\n.booths-proc-num {\r\n  width: 70px;\r\n  height: 70px;\r\n  margin: 0 auto 22px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, #5A2D82, #FF6B9D);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  box-shadow: 0 10px 30px rgba(90,45,130,0.45);\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.booths-proc-step:hover .booths-proc-num {\r\n  transform: scale(1.15) rotate(8deg);\r\n  box-shadow: 0 18px 45px rgba(255,107,157,0.55);\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 1024px) {\r\n  .booths-proc-steps {\r\n    flex-wrap: wrap;\r\n  }\r\n  .booths-proc-steps::before {\r\n    display: none;\r\n  }\r\n  .booths-proc-step {\r\n    width: 33.33%;\r\n    margin-bottom: 50px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .booths-proc-step {\r\n    width: 50%;\r\n  }\r\n  .booths-proc-num {\r\n    width: 60px;\r\n    height: 60px;\r\n    font-size: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .booths-proc-step {\r\n    width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"booths-proc-section\"\r\n  style=\"width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;\r\n  background:linear-gradient(180deg,#0a0a0a 0%,#15081c 50%,#0a0a0a 100%);\r\n  padding:120px 20px;box-sizing:border-box;\">\r\n\r\n  <div style=\"max-width:1400px;margin:0 auto;\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"booths-proc-animate\" style=\"text-align:center;margin-bottom:80px;\">\r\n      <p style=\"font-family:Inter;font-size:12px;font-weight:700;letter-spacing:4px;color:#FF6B9D;margin-bottom:20px;\">\r\n        \u0643\u064a\u0641 \u0646\u0639\u0645\u0644\r\n      <\/p>\r\n      <h2 style=\"font-family:'Playfair Display';font-size:clamp(36px,5vw,56px);font-weight:600;color:#fff;\">\r\n        \u0622\u0644\u064a\u0629 <span style=\"background:linear-gradient(135deg,#FF6B9D,#5A2D82);\r\n        -webkit-background-clip:text;-webkit-text-fill-color:transparent;\">\u0627\u0644\u0639\u0645\u0644<\/span>\r\n      <\/h2>\r\n      <div style=\"width:60px;height:4px;background:linear-gradient(90deg,#5A2D82,#FF6B9D);\r\n      margin:24px auto;border-radius:2px;\"><\/div>\r\n      <p style=\"font-family:Inter;font-size:18px;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto;\">\r\n        \u0645\u0646\u0647\u062c\u064a\u0629 \u0645\u0628\u0633\u0651\u0637\u0629 \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Steps -->\r\n    <div class=\"booths-proc-steps\">\r\n\r\n      <div class=\"booths-proc-animate booths-proc-step\">\r\n        <div class=\"booths-proc-num\">1<\/div>\r\n        <h3 style=\"color:#fff;\">\u0627\u0644\u0641\u0643\u0631\u0629 \u0648\u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0623\u0648\u0644\u064a<\/h3>\r\n        <p style=\"color:rgba(255,255,255,.5);\">\u0623\u0641\u0643\u0627\u0631 \u0623\u0648\u0644\u064a\u0629 \u0648\u0631\u0633\u0648\u0645\u0627\u062a \u0645\u0628\u062f\u0626\u064a\u0629<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"booths-proc-animate booths-proc-step\">\r\n        <div class=\"booths-proc-num\">2<\/div>\r\n        <h3 style=\"color:#fff;\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f<\/h3>\r\n        <p style=\"color:rgba(255,255,255,.5);\">\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0642\u0639\u064a \u064a\u0639\u0643\u0633 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"booths-proc-animate booths-proc-step\">\r\n        <div class=\"booths-proc-num\">3<\/div>\r\n        <h3 style=\"color:#fff;\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0648\u0627\u062f<\/h3>\r\n        <p style=\"color:rgba(255,255,255,.5);\">\u062a\u062d\u062f\u064a\u062f \u062e\u0627\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"booths-proc-animate booths-proc-step\">\r\n        <div class=\"booths-proc-num\">4<\/div>\r\n        <h3 style=\"color:#fff;\">\u0627\u0644\u062a\u0635\u0646\u064a\u0639<\/h3>\r\n        <p style=\"color:rgba(255,255,255,.5);\">CNC \u0648\u062a\u0646\u0641\u064a\u0630 \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"booths-proc-animate booths-proc-step\">\r\n        <div class=\"booths-proc-num\">5<\/div>\r\n        <h3 style=\"color:#fff;\">\u0627\u0644\u062a\u0631\u0643\u064a\u0628<\/h3>\r\n        <p style=\"color:rgba(255,255,255,.5);\">\u062a\u0631\u0643\u064a\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"booths-proc-animate booths-proc-step\">\r\n        <div class=\"booths-proc-num\">6<\/div>\r\n        <h3 style=\"color:#fff;\">\u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/h3>\r\n        <p style=\"color:rgba(255,255,255,.5);\">\u0641\u062d\u0635 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const observer = new IntersectionObserver(entries=>{\r\n    entries.forEach(entry=>{\r\n      if(entry.isIntersecting) entry.target.classList.add('visible');\r\n    });\r\n  },{threshold:0.15});\r\n  document.querySelectorAll('.booths-proc-animate').forEach(el=>observer.observe(el));\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53013c8 e-flex e-con-boxed e-con e-parent\" data-id=\"53013c8\" 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-be2dc7d elementor-widget elementor-widget-html\" data-id=\"be2dc7d\" 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>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n.booths-tech-animate { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.booths-tech-animate.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.booths-tech-item { \r\n  display: flex; \r\n  align-items: center; \r\n  gap: 20px; \r\n  padding: 28px; \r\n  background: #fff; \r\n  border: 1px solid rgba(0,0,0,0.06); \r\n  border-radius: 16px; \r\n  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); \r\n}\r\n.booths-tech-item:hover { \r\n  transform: translateY(-8px) translateX(8px); \r\n  box-shadow: 0 20px 40px rgba(90,45,130,0.12);\r\n  border-color: rgba(255,107,157,0.3);\r\n}\r\n.booths-tech-item:hover .tech-icon {\r\n  transform: rotate(10deg) scale(1.1);\r\n}\r\n.tech-icon {\r\n  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .booths-tech-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n}\r\n@media (max-width: 768px) {\r\n  .booths-tech-grid { grid-template-columns: 1fr !important; }\r\n  .booths-tech-section { padding: 80px 20px !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"booths-tech-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; background: linear-gradient(180deg, #f8f7fa 0%, #ffffff 100%); padding: 120px 20px; margin-top: -1px; margin-bottom: -1px;\">\r\n  <div style=\"max-width: 1300px; margin: 0 auto;\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"booths-tech-animate\" style=\"text-align: center; margin-bottom: 80px;\">\r\n      <p style=\"font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #FF6B9D; margin-bottom: 20px;\">\r\n        \u0648\u0631\u0634\u0629 \u0627\u0644\u0639\u0645\u0644\r\n      <\/p>\r\n      <h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(36px, 5vw, 56px); font-weight: 600; color: #0a0a0a; margin-bottom: 20px; line-height: 1.2;\">\r\n        \u0627\u0644\u0625\u0645\u0643\u0627\u0646\u0627\u062a <span style=\"color: #5A2D82;\">\u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/span>\r\n      <\/h2>\r\n      <div style=\"width: 60px; height: 4px; background: linear-gradient(90deg, #5A2D82, #FF6B9D); margin: 0 auto 24px; border-radius: 2px;\"><\/div>\r\n      <p style=\"font-family: 'Inter', sans-serif; font-size: 18px; color: #666; max-width: 600px; margin: 0 auto; line-height: 1.7;\">\r\n        \u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u062d\u0631\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629.\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <!-- Grid -->\r\n    <div class=\"booths-tech-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\">\r\n      \r\n      <div class=\"booths-tech-animate booths-tech-item\" style=\"transition-delay: 0.1s;\">\r\n        <div class=\"tech-icon\" style=\"width: 56px; height: 56px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\">\r\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <h3 style=\"font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; color: #0a0a0a; margin: 0 0 6px;\">\r\n            \u0631\u0627\u0648\u062a\u0631 CNC\r\n          <\/h3>\r\n          <p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: #777; margin: 0;\">\r\n            \u0642\u0635 \u0648\u0646\u062d\u062a \u0639\u0627\u0644\u064a \u0627\u0644\u062f\u0642\u0629\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"booths-tech-animate booths-tech-item\" style=\"transition-delay: 0.15s;\">\r\n        <div class=\"tech-icon\" style=\"width: 56px; height: 56px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\">\r\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <h3 style=\"font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; color: #0a0a0a; margin: 0 0 6px;\">\r\n            \u0627\u0644\u0642\u0635 \u0628\u0627\u0644\u0644\u064a\u0632\u0631\r\n          <\/h3>\r\n          <p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: #777; margin: 0;\">\r\n            \u062a\u0646\u0641\u064a\u0630 \u062a\u0641\u0627\u0635\u064a\u0644 \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u0639\u0642\u062f\u0629\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"booths-tech-animate booths-tech-item\" style=\"transition-delay: 0.2s;\">\r\n        <div class=\"tech-icon\" style=\"width: 56px; height: 56px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\">\r\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\"><path d=\"M20.24 12.24a6 6 0 00-8.49-8.49L5 10.5V19h8.5z\"\/><path d=\"M16 8L2 22M17.5 15H9\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <h3 style=\"font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; color: #0a0a0a; margin: 0 0 6px;\">\r\n            \u0627\u0644\u062f\u0647\u0627\u0646\u0627\u062a \u0628\u0627\u0644\u0631\u0634\r\n          <\/h3>\r\n          <p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: #777; margin: 0;\">\r\n            \u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0641\u0627\u062e\u0631\u0629 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"booths-tech-animate booths-tech-item\" style=\"transition-delay: 0.25s;\">\r\n        <div class=\"tech-icon\" style=\"width: 56px; height: 56px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\">\r\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <h3 style=\"font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; color: #0a0a0a; margin: 0 0 6px;\">\r\n            \u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0645\u0639\u0627\u062f\u0646\r\n          <\/h3>\r\n          <p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: #777; margin: 0;\">\r\n            \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062d\u062f\u064a\u062f \u0648\u0627\u0644\u0623\u0644\u0645\u0646\u064a\u0648\u0645\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"booths-tech-animate booths-tech-item\" style=\"transition-delay: 0.3s;\">\r\n        <div class=\"tech-icon\" style=\"width: 56px; height: 56px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\">\r\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <h3 style=\"font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; color: #0a0a0a; margin: 0 0 6px;\">\r\n            \u062a\u0643\u0627\u0645\u0644 \u0623\u0646\u0638\u0645\u0629 LED\r\n          <\/h3>\r\n          <p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: #777; margin: 0;\">\r\n            \u062d\u0644\u0648\u0644 \u0625\u0636\u0627\u0621\u0629 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"booths-tech-animate booths-tech-item\" style=\"transition-delay: 0.35s;\">\r\n        <div class=\"tech-icon\" style=\"width: 56px; height: 56px; background: linear-gradient(135deg, #5A2D82, #FF6B9D); border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 20px rgba(90,45,130,0.2);\">\r\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <h3 style=\"font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; color: #0a0a0a; margin: 0 0 6px;\">\r\n            \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0630\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0633\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629\r\n          <\/h3>\r\n          <p style=\"font-family: 'Inter', sans-serif; font-size: 14px; color: #777; margin: 0;\">\r\n            \u0631\u0633\u0648\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062f\u0642\u0629\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) entry.target.classList.add('visible');\r\n    });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.booths-tech-animate').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cda0458 e-flex e-con-boxed e-con e-parent\" data-id=\"cda0458\" 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-910fb57 elementor-widget elementor-widget-html\" data-id=\"910fb57\" 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>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n@keyframes ctaFloat { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(20px, -20px); } }\r\n@keyframes ctaPulse { 0%, 100% { opacity: 0.2; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.1); } }\r\n@keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } }\r\n\r\n.booths-cta-animate { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.booths-cta-animate.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.booths-cta-btn { \r\n  position: relative; \r\n  overflow: hidden; \r\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); \r\n}\r\n.booths-cta-btn::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(90,45,130,0.3), transparent);\r\n  animation: shimmer 3s infinite;\r\n}\r\n.booths-cta-btn:hover { \r\n  transform: translateY(-5px) scale(1.02); \r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.3);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .booths-cta-section { padding: 100px 20px !important; }\r\n  .booths-cta-floating { display: none !important; }\r\n  .booths-cta-title { font-size: 36px !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"booths-cta-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; background: linear-gradient(135deg, #0a0a0a 0%, #5A2D82 50%, #0a0a0a 100%); padding: 140px 20px; overflow: hidden; margin-top: -1px; margin-bottom: -1px;\">\r\n  \r\n  <!-- Background Image Overlay -->\r\n  <div style=\"position: absolute; inset: 0; background: url('https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/12\/img130.jpg') center\/cover no-repeat; opacity: 0.15;\"><\/div>\r\n  \r\n  <!-- Floating Elements -->\r\n  <div class=\"booths-cta-floating\" style=\"position: absolute; top: 5%; left: 5%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,107,157,0.25) 0%, transparent 70%); border-radius: 50%; animation: ctaFloat 10s ease-in-out infinite; filter: blur(50px);\"><\/div>\r\n  <div class=\"booths-cta-floating\" style=\"position: absolute; bottom: 5%; right: 5%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(90,45,130,0.3) 0%, transparent 70%); border-radius: 50%; animation: ctaFloat 12s ease-in-out infinite reverse; filter: blur(60px);\"><\/div>\r\n  <div class=\"booths-cta-floating\" style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: 600px; background: radial-gradient(circle, rgba(255,107,157,0.1) 0%, transparent 60%); border-radius: 50%; animation: ctaPulse 8s ease-in-out infinite;\"><\/div>\r\n  \r\n  <!-- Content -->\r\n  <div style=\"position: relative; z-index: 10; text-align: center; max-width: 800px; margin: 0 auto;\">\r\n    <p class=\"booths-cta-animate\" style=\"font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #FF6B9D; margin-bottom: 24px;\">\u0644\u0646\u0628\u062f\u0639 \u0645\u0639\u064b\u0627<\/p>\r\n    \r\n    <h2 class=\"booths-cta-animate booths-cta-title\" style=\"font-family: 'Playfair Display', serif; font-size: clamp(40px, 7vw, 64px); font-weight: 600; color: #ffffff; line-height: 1.15; margin-bottom: 28px; transition-delay: 0.1s;\">\r\n \u0647\u0644 \u0623\u0646\u062a \u062c\u0627\u0647\u0632 \u0644\u062a\u0646\u0641\u064a\u0630 <span style=\"background: linear-gradient(135deg, #FF6B9D, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">\u062c\u0646\u0627\u062d \u0645\u0639\u0631\u0636\u0643\u061f<\/span>\r\n    <\/h2>\r\n    \r\n    <p class=\"booths-cta-animate\" style=\"font-family: 'Inter', sans-serif; font-size: 19px; color: rgba(255,255,255,0.75); margin-bottom: 50px; line-height: 1.7; max-width: 600px; margin-left: auto; margin-right: auto; transition-delay: 0.2s;\">\r\n \u062f\u0639\u0646\u0627 \u0646\u0646\u0627\u0642\u0634 \u0631\u0624\u064a\u062a\u0643 \u0648\u0646\u0635\u0646\u0639 \u062a\u062c\u0631\u0628\u0629 \u0645\u0639\u0631\u0636 \u062a\u064e\u0634\u062f \u0627\u0646\u062a\u0628\u0627\u0647 \u062c\u0645\u0647\u0648\u0631\u0643 \u0648\u062a\u062a\u0631\u0643 \u0623\u062b\u0631\u064b\u0627.\r\n    <\/p>\r\n    \r\n    <div class=\"booths-cta-animate\" style=\"display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; transition-delay: 0.3s;\">\r\n       <a href=\"https:\/\/wa.me\/966567069088\" class=\"booths-cta-btn\" style=\"display: inline-flex; align-items: center; gap: 12px; padding: 22px 48px; background: #ffffff; color: #5A2D82; font-family: &#039;Inter&#039;, sans-serif; font-size: 16px; font-weight: 700; text-decoration: none; border-radius: 60px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);\" target=\"_blank\" rel=\"noopener\">\r\n\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 The Touch\r\n<svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n<\/a>\r\n<a href=\"tel:+966567069088\" style=\"display: inline-flex; align-items: center; gap: 12px; padding: 22px 48px; background: transparent; color: #fff; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 60px; border: 2px solid rgba(255,255,255,0.3); transition: all 0.4s ease;\">\r\n<svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n\u0627\u062a\u0635\u0644 \u0628\u0646\u0627\r\n<\/a> \r\n    <\/div>\r\n    \r\n    <!-- Trust Badges -->\r\n    <div class=\"booths-cta-animate\" style=\"display: flex; justify-content: center; gap: 50px; margin-top: 70px; flex-wrap: wrap; transition-delay: 0.4s;\">\r\n      <div style=\"text-align: center;\">\r\n        <div style=\"font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 600; color: #fff;\">180+<\/div>\r\n        <div style=\"font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 2px;\">\u0623\u062c\u0646\u062d\u0629 \u062a\u0645 \u062a\u0646\u0641\u064a\u0630\u0647\u0627<\/div>\r\n      <\/div>\r\n      <div style=\"width: 1px; height: 50px; background: rgba(255,255,255,0.2);\"><\/div>\r\n      <div style=\"text-align: center;\">\r\n        <div style=\"font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 600; color: #fff;\">15+<\/div>\r\n        <div style=\"font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 2px;\">\u0633\u0646\u0648\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629<\/div>\r\n      <\/div>\r\n      <div style=\"width: 1px; height: 50px; background: rgba(255,255,255,0.2);\"><\/div>\r\n      <div style=\"text-align: center;\">\r\n        <div style=\"font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 600; color: #fff;\">100%<\/div>\r\n        <div style=\"font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 2px;\">\u0625\u0631\u0636\u0627\u0621 \u0627\u0644\u0639\u0645\u064a\u0644<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) entry.target.classList.add('visible');\r\n    });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.booths-cta-animate').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Touch Agency \u0627\u0644\u0623\u062c\u0646\u062d\u0629 \u0648\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u062a\u062c\u0627\u0631\u0628 \u0645\u064f\u0635\u0645\u0645\u0629 \u062d\u0633\u0628 \u0627\u0644\u0637\u0644\u0628 \u062a\u0639\u0632\u0651\u0632 \u062d\u0636\u0648\u0631 \u0639\u0644\u0627\u0645\u062a\u0643 \u0648\u062a\u0634\u062f\u0651 \u0627\u0646\u062a\u0628\u0627\u0647 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0641\u064a \u0643\u0644 \u0641\u0639\u0627\u0644\u064a\u0629. \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u0634\u0627\u0647\u062f \u0623\u0639\u0645\u0627\u0644\u0646\u0627 180+\u062c\u0646\u0627\u062d \u062a\u0645 \u062a\u0646\u0641\u064a\u0630\u064715+\u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u062950+\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0643\u0628\u0631\u0649\u0645\u0631\u0651\u0631 \u0644\u0644\u0623\u0633\u0641\u0644 \u0642\u062f\u0631\u0627\u062a\u0646\u0627 \u0645\u0627 \u0627\u0644\u0630\u064a \u0646\u0646\u0641\u0651\u0630\u0647 \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0646\u0635\u0646\u0639 \u062a\u062c\u0627\u0631\u0628 \u0645\u0639\u0627\u0631\u0636 \u062a\u064f\u0644\u0641\u062a \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0648\u062a\u062d\u0642\u0642 \u0627\u0644\u0646\u062a\u0627\u0626\u062c. 01 \u062a\u0635\u0646\u064a\u0639 \u0623\u062c\u0646\u062d\u0629 \u0645\u062e\u0635\u0651\u0635\u0629 \u0647\u064a\u0627\u0643\u0644 \u0623\u062c\u0646\u062d\u0629 \u062a\u064f\u0646\u0641\u0651\u0630 \u0628\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0645\u0635\u0645\u0645\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_joinchat":[],"footnotes":""},"class_list":["post-14645","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/14645","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/comments?post=14645"}],"version-history":[{"count":5,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/14645\/revisions"}],"predecessor-version":[{"id":14742,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/14645\/revisions\/14742"}],"wp:attachment":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/media?parent=14645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}