{"id":8770,"date":"2021-11-27T15:29:43","date_gmt":"2021-11-27T15:29:43","guid":{"rendered":"https:\/\/thetouch.sa\/%d8%a8%d9%8a%d8%aa\/"},"modified":"2025-12-27T22:16:39","modified_gmt":"2025-12-27T22:16:39","slug":"%d8%a8%d9%8a%d8%aa","status":"publish","type":"page","link":"https:\/\/thetouch.sa\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8770\" class=\"elementor elementor-8770 elementor-954\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8de7e84 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"8de7e84\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4f4583f\" data-id=\"4f4583f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c67ca5 elementor-widget elementor-widget-prime-slider-general\" data-id=\"3c67ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"prime-slider-general.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"bdt-prime-slider\">\n\t\t\t<div class=\"bdt-prime-slider-skin-general\">\n\t\t\t\t<div class=\"bdt-position-relative bdt-visible-toggle\" bdt-slideshow=\"{&quot;animation&quot;:&quot;scale&quot;,&quot;ratio&quot;:&quot;16:9&quot;,&quot;min-height&quot;:465,&quot;autoplay&quot;:true,&quot;autoplay-interval&quot;:7000,&quot;pause-on-hover&quot;:false,&quot;draggable&quot;:true,&quot;velocity&quot;:1,&quot;finite&quot;:false}\" data-settings=\"{&quot;id&quot;:&quot;#bdt-3c67ca5&quot;,&quot;animation_status&quot;:&quot;no&quot;}\" id=\"bdt-3c67ca5\">\n\t\t\t\t\t<ul class=\"bdt-slideshow-items\">\n\t\t\t\t\t\t\n\t\t\t<li\n\t\t\t\tclass=\"bdt-slideshow-item bdt-flex bdt-flex-middle bdt-flex-center elementor-repeater-item-d188c66\">\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"bdt-position-cover bdt-animation-kenburns bdt-animation-reverse bdt-transform-origin-center-left\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video autoplay loop muted playsinline bdt-cover>\n\t\t\t<source src=\"https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/11\/03272-1.mov\" type=\"video\/mp4\">\n\t\t<\/video>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-overlay-default bdt-position-cover bdt-blend-multiply\"><\/div>\n\t\t\t\t\n\t\t\t\t\t\t<div class=\"bdt-prime-slider-wrapper\">\n\t\t\t<div class=\"bdt-prime-slider-content\">\n\t\t\t\t<div class=\"bdt-prime-slider-desc\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div data-reveal=\"reveal-active\" class=\"bdt-main-title\" data-bdt-slideshow-parallax=\"x: 100,0,-20; opacity: 1,1,0\">\n\t\t\t\t\t\t\t<h1\t\t\t\t\t\t\t\tclass=\"bdt-title-tag\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u0646\u0628\u062a\u0643\u0631 \u062a\u062c\u0627\u0631\u0628 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<div data-bdt-slideshow-parallax=\"x: 150,0,-30; opacity: 1,1,0\">\n\t\t\t\t\t\t<div class=\"bdt-btn-wrapper\">\n\t\t\t\t\t\t\t\n\t\t\n\t\t\t<a class=\"bdt-slide-btn\" data-reveal=\"reveal-active\" href=\"https:\/\/wa.me\/966567069088\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t<span class=\"bdt-prime-slider-button-wrapper\">\n\n\t\t\t\t\t<span class=\"bdt-prime-slider-button-text bdt-flex bdt-flex-middle bdt-flex-inline\">\u0627\u0628\u062f\u0623 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-slide-btn-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\n\t\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-svg=\"arrow-right\">\n\t\t\t\t\t\t\t\t\t<polyline fill=\"none\" stroke=\"#000\" points=\"10 5 15 9.5 10 14\"><\/polyline>\n\t\t\t\t\t\t\t\t\t<line fill=\"none\" stroke=\"#000\" x1=\"4\" y1=\"9.5\" x2=\"15\" y2=\"9.5\"><\/line>\n\t\t\t\t\t\t\t\t<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t<\/span>\n\n\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div data-reveal=\"reveal-active\" class=\"bdt-slider-excerpt\" data-bdt-slideshow-parallax=\"y: 50,0,-10; opacity: 1,1,0\">\n\t\t\t\t\t\t<p style=\"color: #ffffff;text-align: center\"><br \/>\u062d\u0644\u0648\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0636\u060c \u0648\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/li>\n\n\t\t\n\t\t\t<li\n\t\t\t\tclass=\"bdt-slideshow-item bdt-flex bdt-flex-middle bdt-flex-center elementor-repeater-item-39f048f\">\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"bdt-position-cover bdt-animation-kenburns bdt-animation-reverse bdt-transform-origin-center-left\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video autoplay loop muted playsinline bdt-cover>\n\t\t\t<source src=\"https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/11\/activities-of_29364157.mov\" type=\"video\/mp4\">\n\t\t<\/video>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-overlay-default bdt-position-cover bdt-blend-multiply\"><\/div>\n\t\t\t\t\n\t\t\t\t\t\t<div class=\"bdt-prime-slider-wrapper\">\n\t\t\t<div class=\"bdt-prime-slider-content bdt-prime-slider-content\">\n\t\t\t\t<div class=\"bdt-prime-slider-desc\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div data-reveal=\"reveal-active\" class=\"bdt-main-title\" data-bdt-slideshow-parallax=\"x: 100,0,-20; opacity: 1,1,0\">\n\t\t\t\t\t\t\t<h1\t\t\t\t\t\t\t\tclass=\"bdt-title-tag\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u0646\u062d\u0648 \u062a\u0641\u0627\u0639\u0644 \u064a\u064f\u062d\u062f\u062b \u0641\u0631\u0642\u064b\u0627\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<div data-bdt-slideshow-parallax=\"x: 150,0,-30; opacity: 1,1,0\">\n\t\t\t\t\t\t<div class=\"bdt-btn-wrapper\">\n\t\t\t\t\t\t\t\n\t\t\n\t\t\t<a class=\"bdt-slide-btn\" data-reveal=\"reveal-active\" href=\"https:\/\/wa.me\/966567069088\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t<span class=\"bdt-prime-slider-button-wrapper\">\n\n\t\t\t\t\t<span class=\"bdt-prime-slider-button-text bdt-flex bdt-flex-middle bdt-flex-inline\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0627\u0646\u0627 ! \t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-slide-btn-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\n\t\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-svg=\"arrow-right\">\n\t\t\t\t\t\t\t\t\t<polyline fill=\"none\" stroke=\"#000\" points=\"10 5 15 9.5 10 14\"><\/polyline>\n\t\t\t\t\t\t\t\t\t<line fill=\"none\" stroke=\"#000\" x1=\"4\" y1=\"9.5\" x2=\"15\" y2=\"9.5\"><\/line>\n\t\t\t\t\t\t\t\t<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t<\/span>\n\n\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div data-reveal=\"reveal-active\" class=\"bdt-slider-excerpt\" data-bdt-slideshow-parallax=\"y: 50,0,-10; opacity: 1,1,0\">\n\t\t\t\t\t\t<p style=\"color:#ffffff;text-align:center\">\n\u062a\u0646\u0634\u064a\u0637 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u00b7 \u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u00b7 \u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u0648\u064a\u0629 \u00b7 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a <\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/li>\n\n\t\t\n\t\t\t<li\n\t\t\t\tclass=\"bdt-slideshow-item bdt-flex bdt-flex-middle bdt-flex-center elementor-repeater-item-bc4601a\">\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"bdt-position-cover bdt-animation-kenburns bdt-animation-reverse bdt-transform-origin-center-left\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video autoplay loop muted playsinline bdt-cover>\n\t\t\t<source src=\"https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/11\/vecteezy_wide-format-printer-releasing-full-color-banner-print_73165363.mov\" type=\"video\/mp4\">\n\t\t<\/video>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-overlay-default bdt-position-cover bdt-blend-multiply\"><\/div>\n\t\t\t\t\n\t\t\t\t\t\t<div class=\"bdt-prime-slider-wrapper\">\n\t\t\t<div class=\"bdt-prime-slider-content bdt-prime-slider-content bdt-prime-slider-content\">\n\t\t\t\t<div class=\"bdt-prime-slider-desc\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div data-reveal=\"reveal-active\" class=\"bdt-main-title\" data-bdt-slideshow-parallax=\"x: 100,0,-20; opacity: 1,1,0\">\n\t\t\t\t\t\t\t<h1\t\t\t\t\t\t\t\tclass=\"bdt-title-tag\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u062a\u0645\u064a\u0651\u0632 \u064a\u064f\u0635\u0646\u0639 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<div data-bdt-slideshow-parallax=\"x: 150,0,-30; opacity: 1,1,0\">\n\t\t\t\t\t\t<div class=\"bdt-btn-wrapper\">\n\t\t\t\t\t\t\t\n\t\t\n\t\t\t<a class=\"bdt-slide-btn\" data-reveal=\"reveal-active\" href=\"https:\/\/wa.me\/966567069088\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t<span class=\"bdt-prime-slider-button-wrapper\">\n\n\t\t\t\t\t<span class=\"bdt-prime-slider-button-text bdt-flex bdt-flex-middle bdt-flex-inline\">\u062a\u0641\u0627\u0635\u064a\u0644 \t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-slide-btn-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\n\t\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-svg=\"arrow-right\">\n\t\t\t\t\t\t\t\t\t<polyline fill=\"none\" stroke=\"#000\" points=\"10 5 15 9.5 10 14\"><\/polyline>\n\t\t\t\t\t\t\t\t\t<line fill=\"none\" stroke=\"#000\" x1=\"4\" y1=\"9.5\" x2=\"15\" y2=\"9.5\"><\/line>\n\t\t\t\t\t\t\t\t<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t<\/span>\n\n\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div data-reveal=\"reveal-active\" class=\"bdt-slider-excerpt\" data-bdt-slideshow-parallax=\"y: 50,0,-10; opacity: 1,1,0\">\n\t\t\t\t\t\t<p style=\"color:#ffffff;text-align:center\">\n\u0646\u062d\u0648 \u062a\u0646\u0641\u064a\u0630 \u0645\u062a\u0642\u0646 \u064a\u0639\u0643\u0633 \u0642\u0648\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0641\u064a \u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629.\n<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/li>\n\n\t\t\n\t\t\t<li\n\t\t\t\tclass=\"bdt-slideshow-item bdt-flex bdt-flex-middle bdt-flex-center elementor-repeater-item-c190b60\">\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"bdt-position-cover bdt-animation-kenburns bdt-animation-reverse bdt-transform-origin-center-left\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video autoplay loop muted playsinline bdt-cover>\n\t\t\t<source src=\"https:\/\/thetouch.sa\/wp-content\/uploads\/2025\/11\/\u0643\u064a-1.webm\" type=\"video\/mp4\">\n\t\t<\/video>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-overlay-default bdt-position-cover bdt-blend-multiply\"><\/div>\n\t\t\t\t\n\t\t\t\t\t\t<div class=\"bdt-prime-slider-wrapper\">\n\t\t\t<div class=\"bdt-prime-slider-content bdt-prime-slider-content bdt-prime-slider-content bdt-prime-slider-content\">\n\t\t\t\t<div class=\"bdt-prime-slider-desc\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div data-reveal=\"reveal-active\" class=\"bdt-main-title\" data-bdt-slideshow-parallax=\"x: 100,0,-20; opacity: 1,1,0\">\n\t\t\t\t\t\t\t<h1\t\t\t\t\t\t\t\tclass=\"bdt-title-tag\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u0646\u0635\u0646\u0639 \u0647\u0648\u064a\u0629 \u062a\u064f\u0631\u0649 \u0648\u062a\u064f\u062d\u0633\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<div data-bdt-slideshow-parallax=\"x: 150,0,-30; opacity: 1,1,0\">\n\t\t\t\t\t\t<div class=\"bdt-btn-wrapper\">\n\t\t\t\t\t\t\t\n\t\t\n\t\t\t<a class=\"bdt-slide-btn\" data-reveal=\"reveal-active\" href=\"https:\/\/wa.me\/966567069088\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t<span class=\"bdt-prime-slider-button-wrapper\">\n\n\t\t\t\t\t<span class=\"bdt-prime-slider-button-text bdt-flex bdt-flex-middle bdt-flex-inline\">\u062f\u0639\u0646\u0627 \u0646\u0635\u0646\u0639 \u0627\u0644\u0623\u062b\u0631 \u0645\u0639\u064b\u0627\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-slide-btn-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\n\t\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-svg=\"arrow-right\">\n\t\t\t\t\t\t\t\t\t<polyline fill=\"none\" stroke=\"#000\" points=\"10 5 15 9.5 10 14\"><\/polyline>\n\t\t\t\t\t\t\t\t\t<line fill=\"none\" stroke=\"#000\" x1=\"4\" y1=\"9.5\" x2=\"15\" y2=\"9.5\"><\/line>\n\t\t\t\t\t\t\t\t<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t<\/span>\n\n\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div data-reveal=\"reveal-active\" class=\"bdt-slider-excerpt\" data-bdt-slideshow-parallax=\"y: 50,0,-10; opacity: 1,1,0\">\n\t\t\t\t\t\t<p style=\"color:#ffffff;text-align:center\">\n\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0646\u0628\u062a\u0643\u0631 \u062a\u062c\u0627\u0631\u0628 \u062a\u0639\u0628\u0651\u0631 \u0639\u0646 \u0639\u0644\u0627\u0645\u062a\u0643.\n<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/li>\n\n\t\t\n\t\t\t\t\t<\/ul>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"reveal-muted\">\n\t\t\t\t<a class=\"bdt-position-bottom-right bdt-prime-slider-previous\" href=\"#\" bdt-slidenav-previous\n\t\t\t\t\tbdt-slideshow-item=\"previous\"><\/a>\n\t\t\t\t<a class=\"bdt-position-bottom-right bdt-prime-slider-next\" href=\"#\" bdt-slidenav-next bdt-slideshow-item=\"next\"><\/a>\n\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t<div >\n\t\t\t\t<ul class=\"bdt-slideshow-nav bdt-dotnav bdt-margin-large bdt-position-bottom-left bdt-text-center reveal-muted\">\n\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t<div class=\"bdt-prime-slider-social-icon reveal-muted\">\n\n\t\t\t\n\t\t\t                <a class=\"bdt-social-animate\" data-bdt-tooltip=\"title: Instagram; pos: right\">\n                    <i aria-hidden=\"true\" class=\"fa-fw fab fa-instagram\"><\/i>                <\/a>\n                            <a class=\"bdt-social-animate\" data-bdt-tooltip=\"title: Facebook; pos: right\">\n                    <i aria-hidden=\"true\" class=\"fa-fw fab fa-linkedin\"><\/i>                <\/a>\n            \t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"bdt-scroll-down-wrapper\">\n\t\t\t<button class=\"bdt-scroll-down reveal-muted\" data-settings=\"[]\" data-selector=\"#my-header\">\n\t\t\t\t\t\t<span bdt-scrollspy=\"cls: bdt-animation-slide-right; repeat: true\" class=\"bdt-prime-slider-button-wrapper bdt-scroll-down-content-wrapper\">\n\t\t\t<span class=\"bdt-scroll-icon\">\n\n\t\t\t\t<svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\n\t\t\t\t\tx=\"0px\" y=\"0px\" viewBox=\"0 0 64 64\" style=\"enable-background:new 0 0 64 64;\" xml:space=\"preserve\">\n\t\t\t\t\t<g>\n\t\t\t\t\t\t<g>\n\t\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\t\tpoints=\"31,0 31,60.586 23.707,53.293 22.293,54.854 31.293,64 32.707,64 41.707,54.854 40.293,53.366 33,60.586 33,0 \" \/>\n\t\t\t\t\t\t<\/g>\n\t\t\t\t\t<\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t\t<g><\/g>\n\t\t\t\t<\/svg>\n\n\t\t\t<\/span>\n\t\t\t<span class=\"bdt-prime-slider-button-text bdt-flex bdt-flex-middle bdt-flex-inline bdt-scroll-down-text\"><\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-6cc9ef2 e-flex e-con-boxed e-con e-parent\" data-id=\"6cc9ef2\" 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-848ad97 elementor-widget elementor-widget-html\" data-id=\"848ad97\" 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;700;800&display=swap');\r\n\r\n.degree-section {\r\n  position: relative;\r\n  padding: 120px 20px;\r\n  background: linear-gradient(135deg, #0a0a0a 0%, #1a0a2e 50%, #0a0a0a 100%);\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  box-sizing: border-box;\r\n  margin-top: -1px;\r\n  margin-bottom: -1px;\r\n  overflow: hidden;\r\n}\r\n\r\n.degree-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Animated Grid *\/\r\n.degree-grid-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    linear-gradient(rgba(90,45,130,0.1) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(90,45,130,0.1) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  animation: gridPulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gridPulse {\r\n  0%, 100% { opacity: 0.3; }\r\n  50% { opacity: 0.6; }\r\n}\r\n\r\n\/* Floating Orbs *\/\r\n.degree-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  animation: orbFloat 8s ease-in-out infinite;\r\n}\r\n\r\n.degree-orb-1 {\r\n  width: 400px;\r\n  height: 400px;\r\n  background: rgba(139, 92, 246, 0.3);\r\n  top: 10%;\r\n  left: 10%;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.degree-orb-2 {\r\n  width: 300px;\r\n  height: 300px;\r\n  background: rgba(236, 72, 153, 0.2);\r\n  bottom: 20%;\r\n  right: 10%;\r\n  animation-delay: -4s;\r\n}\r\n\r\n@keyframes orbFloat {\r\n  0%, 100% { transform: translate(0, 0) scale(1); }\r\n  50% { transform: translate(30px, -30px) scale(1.1); }\r\n}\r\n\r\n.degree-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Header *\/\r\n.degree-header {\r\n  text-align: center;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.degree-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 20px;\r\n  background: rgba(139, 92, 246, 0.1);\r\n  border: 1px solid rgba(139, 92, 246, 0.3);\r\n  border-radius: 50px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #a78bfa;\r\n  margin-bottom: 24px;\r\n  animation: badgePulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes badgePulse {\r\n  0%, 100% { box-shadow: 0 0 20px rgba(139, 92, 246, 0.2); }\r\n  50% { box-shadow: 0 0 40px rgba(139, 92, 246, 0.4); }\r\n}\r\n\r\n.degree-badge-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #10b981;\r\n  border-radius: 50%;\r\n  animation: dotPulse 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes dotPulse {\r\n  0%, 100% { transform: scale(1); opacity: 1; }\r\n  50% { transform: scale(1.3); opacity: 0.7; }\r\n}\r\n\r\n.degree-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(48px, 8vw, 80px);\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0 0 16px 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n.degree-title .highlight {\r\n  background: linear-gradient(135deg, #a78bfa 0%, #ec4899 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  position: relative;\r\n}\r\n\r\n.degree-title .degree-symbol {\r\n  font-size: 0.6em;\r\n  vertical-align: super;\r\n  background: linear-gradient(135deg, #a78bfa 0%, #ec4899 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.degree-subtitle {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 18px;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Central Circle *\/\r\n.degree-circle-wrapper {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-bottom: 80px;\r\n  position: relative;\r\n}\r\n\r\n.degree-circle {\r\n  width: 280px;\r\n  height: 280px;\r\n  position: relative;\r\n}\r\n\r\n.degree-circle-outer {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 50%;\r\n  border: 2px solid rgba(139, 92, 246, 0.3);\r\n  animation: circleRotate 20s linear infinite;\r\n}\r\n\r\n.degree-circle-outer::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -4px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #a78bfa;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 20px #a78bfa;\r\n}\r\n\r\n@keyframes circleRotate {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.degree-circle-progress {\r\n  position: absolute;\r\n  inset: 10px;\r\n  border-radius: 50%;\r\n  background: conic-gradient(\r\n    from 0deg,\r\n    #8b5cf6 0deg,\r\n    #a78bfa 90deg,\r\n    #c084fc 180deg,\r\n    #ec4899 270deg,\r\n    #8b5cf6 360deg\r\n  );\r\n  animation: progressRotate 10s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n@keyframes progressRotate {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.degree-circle-inner {\r\n  position: absolute;\r\n  inset: 20px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, #1a0a2e 0%, #0a0a0a 100%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: inset 0 0 60px rgba(139, 92, 246, 0.2);\r\n}\r\n\r\n.degree-circle-number {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 64px;\r\n  font-weight: 700;\r\n  background: linear-gradient(135deg, #ffffff 0%, #a78bfa 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  line-height: 1;\r\n}\r\n\r\n.degree-circle-text {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, 0.6);\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Phase indicators around circle *\/\r\n.degree-phase-indicators {\r\n  position: absolute;\r\n  inset: -40px;\r\n}\r\n\r\n.degree-phase-dot {\r\n  position: absolute;\r\n  width: 50px;\r\n  height: 50px;\r\n  background: rgba(139, 92, 246, 0.2);\r\n  border: 2px solid rgba(139, 92, 246, 0.5);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: #a78bfa;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.degree-phase-dot:hover {\r\n  background: rgba(139, 92, 246, 0.4);\r\n  transform: scale(1.2);\r\n  box-shadow: 0 0 30px rgba(139, 92, 246, 0.5);\r\n}\r\n\r\n.degree-phase-dot.active {\r\n  background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);\r\n  border-color: transparent;\r\n  color: #ffffff;\r\n  box-shadow: 0 0 30px rgba(139, 92, 246, 0.6);\r\n}\r\n\r\n.degree-phase-dot:nth-child(1) { top: 0; left: 50%; transform: translateX(-50%); }\r\n.degree-phase-dot:nth-child(2) { top: 50%; right: 0; transform: translateY(-50%); }\r\n.degree-phase-dot:nth-child(3) { bottom: 0; left: 50%; transform: translateX(-50%); }\r\n.degree-phase-dot:nth-child(4) { top: 50%; left: 0; transform: translateY(-50%); }\r\n\r\n\/* Cards Grid *\/\r\n.degree-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .degree-cards { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .degree-cards { grid-template-columns: 1fr; }\r\n}\r\n\r\n.degree-card {\r\n  position: relative;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(139, 92, 246, 0.2);\r\n  border-radius: 24px;\r\n  padding: 32px;\r\n  cursor: pointer;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n.degree-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #8b5cf6, #ec4899);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.degree-card:hover {\r\n  background: rgba(139, 92, 246, 0.1);\r\n  border-color: rgba(139, 92, 246, 0.4);\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 20px 60px rgba(139, 92, 246, 0.2);\r\n}\r\n\r\n.degree-card:hover::before { transform: scaleX(1); }\r\n\r\n.degree-card-glow {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at 50% 0%, rgba(139, 92, 246, 0.15) 0%, transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.degree-card:hover .degree-card-glow { opacity: 1; }\r\n\r\n\/* Card Header *\/\r\n.degree-card-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.degree-card-phase {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n}\r\n\r\n.degree-card-degree {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 56px;\r\n  height: 56px;\r\n  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2) 0%, rgba(236, 72, 153, 0.2) 100%);\r\n  border: 2px solid rgba(139, 92, 246, 0.4);\r\n  border-radius: 16px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #a78bfa;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.degree-card:hover .degree-card-degree {\r\n  background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);\r\n  border-color: transparent;\r\n  color: #ffffff;\r\n  transform: rotate(360deg);\r\n}\r\n\r\n\/* Card Items *\/\r\n.degree-card-items {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.degree-card-item {\r\n  padding: 16px;\r\n  background: rgba(255, 255, 255, 0.02);\r\n  border-radius: 12px;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.degree-card-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 3px;\r\n  background: linear-gradient(180deg, #8b5cf6, #ec4899);\r\n  transform: scaleY(0);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.degree-card:hover .degree-card-item { background: rgba(139, 92, 246, 0.1); }\r\n.degree-card:hover .degree-card-item::before { transform: scaleY(1); }\r\n\r\n.degree-card-item-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0 0 8px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.degree-card-item-title::before {\r\n  content: '';\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #a78bfa;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.degree-card-item-desc {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: rgba(255, 255, 255, 0.6);\r\n  line-height: 1.6;\r\n  margin: 0;\r\n  padding-left: 14px;\r\n}\r\n\r\n\/* Card Number *\/\r\n.degree-card-number {\r\n  position: absolute;\r\n  bottom: 16px;\r\n  right: 20px;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 80px;\r\n  font-weight: 700;\r\n  color: rgba(139, 92, 246, 0.08);\r\n  line-height: 1;\r\n  transition: all 0.4s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.degree-card:hover .degree-card-number {\r\n  color: rgba(139, 92, 246, 0.15);\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* Animations *\/\r\n.degree-card { opacity: 0; transform: translateY(40px); }\r\n\r\n.degree-card.animate { animation: cardSlideUp 0.6s ease forwards; }\r\n.degree-card:nth-child(1).animate { animation-delay: 0s; }\r\n.degree-card:nth-child(2).animate { animation-delay: 0.1s; }\r\n.degree-card:nth-child(3).animate { animation-delay: 0.2s; }\r\n.degree-card:nth-child(4).animate { animation-delay: 0.3s; }\r\n\r\n@keyframes cardSlideUp {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Connecting Lines *\/\r\n.degree-connecting-line {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3), transparent);\r\n  transform: translate(-50%, -50%);\r\n  pointer-events: none;\r\n}\r\n<\/style>\r\n\r\n<section class=\"degree-section\">\r\n  <div class=\"degree-bg\">\r\n    <div class=\"degree-grid-bg\"><\/div>\r\n    <div class=\"degree-orb degree-orb-1\"><\/div>\r\n    <div class=\"degree-orb degree-orb-2\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"degree-container\">\r\n    <!-- Header -->\r\n    <div class=\"degree-header\">\r\n      <div class=\"degree-badge\">\r\n        <span class=\"degree-badge-dot\"><\/span>\r\n        \u0645\u0646\u0647\u062c\u064a\u062a\u0646\u0627\r\n      <\/div>\r\n      <h2 class=\"degree-title\">\r\n        <span class=\"highlight\">360<span class=\"degree-symbol\">\u00b0<\/span><\/span> \u0645\u0646\u0647\u062c\u064a\u0629 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n      <\/h2>\r\n      <p class=\"degree-subtitle\">\r\n        \u0646\u0639\u0645\u0644 \u0648\u0641\u0642 \u0645\u0646\u0647\u062c\u064a\u0629 \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0636\u0645\u0646 \u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627\u060c \u0648\u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629.\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <!-- Central Circle -->\r\n    <div class=\"degree-circle-wrapper\">\r\n      <div class=\"degree-circle\">\r\n        <div class=\"degree-circle-outer\"><\/div>\r\n        <div class=\"degree-circle-progress\"><\/div>\r\n        <div class=\"degree-circle-inner\">\r\n          <span class=\"degree-circle-number\">360\u00b0<\/span>\r\n          <span class=\"degree-circle-text\">\u062f\u0648\u0631\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"degree-phase-indicators\">\r\n          <div class=\"degree-phase-dot active\" data-phase=\"1\">90\u00b0<\/div>\r\n          <div class=\"degree-phase-dot\" data-phase=\"2\">180\u00b0<\/div>\r\n          <div class=\"degree-phase-dot\" data-phase=\"3\">270\u00b0<\/div>\r\n          <div class=\"degree-phase-dot\" data-phase=\"4\">360\u00b0<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Cards -->\r\n    <div class=\"degree-cards\">\r\n      <!-- DISCOVER -->\r\n      <div class=\"degree-card\">\r\n        <div class=\"degree-card-glow\"><\/div>\r\n        <div class=\"degree-card-header\">\r\n          <h3 class=\"degree-card-phase\">\u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641<\/h3>\r\n          <div class=\"degree-card-degree\">90\u00b0<\/div>\r\n        <\/div>\r\n        <div class=\"degree-card-items\">\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u064a\u0642<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u0646\u0633\u062a\u0645\u0639 \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u0641\u0647\u0645 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0628\u062f\u0642\u0629 \u0645\u0646 \u0623\u0648\u0644 \u062e\u0637\u0648\u0629.<\/p>\r\n          <\/div>\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0627\u0644\u064a<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u0648\u0636\u0639 \u062e\u0637\u0629 \u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0636\u062d\u0629 \u062a\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643 \u0648\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.<\/p>\r\n          <\/div>\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u062f\u0631\u0627\u0633\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0648\u0645\u0646\u062a\u062c\u0627\u062a\u0643 \u0648\u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u064a\u0637 \u0644\u0635\u0646\u0627\u0639\u0629 \u0645\u064a\u0632\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062d\u0642\u064a\u0642\u064a\u0629.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"degree-card-number\">01<\/span>\r\n      <\/div>\r\n      \r\n      <!-- THINK -->\r\n      <div class=\"degree-card\">\r\n        <div class=\"degree-card-glow\"><\/div>\r\n        <div class=\"degree-card-header\">\r\n          <h3 class=\"degree-card-phase\">\u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a<\/h3>\r\n          <div class=\"degree-card-degree\">180\u00b0<\/div>\r\n        <\/div>\r\n        <div class=\"degree-card-items\">\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0644\u0639\u0635\u0641 \u0627\u0644\u0630\u0647\u0646\u064a<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u0627\u0628\u062a\u0643\u0627\u0631 \u062d\u0644\u0648\u0644 \u0645\u062a\u0639\u062f\u062f\u0629 \u062a\u0644\u0628\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0623\u0641\u0643\u0627\u0631 \u063a\u064a\u0631 \u062a\u0642\u0644\u064a\u062f\u064a\u0629.<\/p>\r\n          <\/div>\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u062a\u062c\u0631\u0628\u0629 \u0623\u0633\u0627\u0644\u064a\u0628 \u0648\u0623\u0644\u0648\u0627\u0646 \u0648\u0645\u0639\u0627\u0644\u062c\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0645\u0641\u0647\u0648\u0645 \u0645\u0645\u064a\u0632.<\/p>\r\n          <\/div>\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0644\u0639\u0631\u0636 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0645\u0639\u0643 \u0644\u062a\u0643\u0648\u0646 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0635\u0646\u0639 \u0627\u0644\u0642\u0631\u0627\u0631.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"degree-card-number\">02<\/span>\r\n      <\/div>\r\n      \r\n      <!-- CREATE -->\r\n      <div class=\"degree-card\">\r\n        <div class=\"degree-card-glow\"><\/div>\r\n        <div class=\"degree-card-header\">\r\n          <h3 class=\"degree-card-phase\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a<\/h3>\r\n          <div class=\"degree-card-degree\">270\u00b0<\/div>\r\n        <\/div>\r\n        <div class=\"degree-card-items\">\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u062d\u0644 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u0645\u0639\u0627\u0644\u062c\u0629 \u0623\u064a \u062a\u062d\u062f\u064a\u0627\u062a \u062a\u0638\u0647\u0631 \u0623\u062b\u0646\u0627\u0621 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630.<\/p>\r\n          <\/div>\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u062a\u062d\u0633\u064a\u0646<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u0635\u0642\u0644 \u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0648\u062a\u062d\u0648\u064a\u0644\u0647\u0627 \u0625\u0644\u0649 \u062d\u0644 \u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0646\u0641\u064a\u0630.<\/p>\r\n          <\/div>\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u062c\u0648\u062f\u0629<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u062a\u0633\u0627\u0642 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u0645\u0639\u0646\u064a\u0629.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"degree-card-number\">03<\/span>\r\n      <\/div>\r\n      \r\n      <!-- DELIVER -->\r\n      <div class=\"degree-card\">\r\n        <div class=\"degree-card-glow\"><\/div>\r\n        <div class=\"degree-card-header\">\r\n          <h3 class=\"degree-card-phase\">\u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/h3>\r\n          <div class=\"degree-card-degree\">360\u00b0<\/div>\r\n        <\/div>\r\n        <div class=\"degree-card-items\">\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0644\u0625\u0646\u062c\u0627\u0632<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0645\u0644 \u0639\u0646\u062f \u0627\u0643\u062a\u0645\u0627\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.<\/p>\r\n          <\/div>\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0644\u0641\u0648\u062a\u0631\u0629<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 \u0628\u0639\u062f \u0631\u0636\u0627\u0643 \u0627\u0644\u0643\u0627\u0645\u0644 \u0639\u0646 \u0627\u0644\u0646\u062a\u064a\u062c\u0629.<\/p>\r\n          <\/div>\r\n          <div class=\"degree-card-item\">\r\n            <h4 class=\"degree-card-item-title\">\u0627\u0644\u062a\u0642\u064a\u064a\u0645<\/h4>\r\n            <p class=\"degree-card-item-desc\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0642\u064a\u0627\u0633 \u0623\u062b\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0623\u062f\u0627\u0621 \u0645\u0633\u062a\u0642\u0628\u0644\u064a.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"degree-card-number\">04<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Animate cards on scroll\r\n  const cards = document.querySelectorAll('.degree-card');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('animate');\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  \r\n  cards.forEach(card => observer.observe(card));\r\n  \r\n  \/\/ Phase dot interaction\r\n  const phaseDots = document.querySelectorAll('.degree-phase-dot');\r\n  phaseDots.forEach((dot, index) => {\r\n    dot.addEventListener('click', function() {\r\n      \/\/ Remove active from all\r\n      phaseDots.forEach(d => d.classList.remove('active'));\r\n      \/\/ Add active to clicked\r\n      this.classList.add('active');\r\n      \r\n      \/\/ Highlight corresponding card\r\n      cards.forEach(c => c.style.transform = '');\r\n      cards[index].style.transform = 'translateY(-12px) scale(1.02)';\r\n      cards[index].style.boxShadow = '0 25px 80px rgba(139, 92, 246, 0.3)';\r\n      \r\n      \/\/ Reset after 2 seconds\r\n      setTimeout(() => {\r\n        cards[index].style.transform = '';\r\n        cards[index].style.boxShadow = '';\r\n      }, 2000);\r\n    });\r\n  });\r\n  \r\n  \/\/ Card hover - update phase dot\r\n  cards.forEach((card, index) => {\r\n    card.addEventListener('mouseenter', function() {\r\n      phaseDots.forEach(d => d.classList.remove('active'));\r\n      phaseDots[index].classList.add('active');\r\n    });\r\n  });\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-188704a e-flex e-con-boxed e-con e-parent\" data-id=\"188704a\" 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-b450160 elementor-widget elementor-widget-html\" data-id=\"b450160\" 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;700;800&display=swap');\r\n\r\n.services-section { position: relative; padding: 120px 20px; background: #0a0a0a; 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; }\r\n\r\n.services-bg { position: absolute; inset: 0; overflow: hidden; }\r\n\r\n.services-grid-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(90,45,130,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(90,45,130,0.03) 1px, transparent 1px); background-size: 60px 60px; }\r\n\r\n.services-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.4; }\r\n.services-orb-1 { width: 400px; height: 400px; background: radial-gradient(circle, #5A2D82, transparent 70%); top: -100px; left: -100px; animation: orbFloat 15s ease-in-out infinite; }\r\n.services-orb-2 { width: 300px; height: 300px; background: radial-gradient(circle, #E1306C, transparent 70%); bottom: -50px; right: -50px; animation: orbFloat 18s ease-in-out infinite reverse; }\r\n\r\n@keyframes orbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(30px, -30px) scale(1.1); } }\r\n\r\n.services-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n.services-header { text-align: center; margin-bottom: 80px; }\r\n\r\n.services-label { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; color: #E1306C; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 20px; display: inline-block; }\r\n\r\n.services-title { font-family: 'Playfair Display', serif; font-size: 52px; font-weight: 600; color: #ffffff; margin-bottom: 20px; }\r\n.services-title .highlight { background: linear-gradient(135deg, #E1306C, #5A2D82); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n\r\n.services-subtitle { font-family: 'Inter', sans-serif; font-size: 18px; color: rgba(255,255,255,0.7); max-width: 600px; margin: 0 auto; }\r\n\r\n.services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\r\n\r\n.service-box { position: relative; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; padding: 40px 30px; text-decoration: none; display: block; overflow: hidden; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: pointer; }\r\n\r\n.service-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #5A2D82, #E1306C); transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease; }\r\n\r\n.service-box::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(90,45,130,0.1), rgba(225,48,108,0.05)); opacity: 0; transition: opacity 0.5s ease; }\r\n\r\n.service-box:hover { transform: translateY(-10px) scale(1.02); border-color: rgba(90,45,130,0.4); box-shadow: 0 25px 50px rgba(90,45,130,0.2), 0 0 0 1px rgba(90,45,130,0.1); }\r\n\r\n.service-box:hover::before { transform: scaleX(1); }\r\n\r\n.service-box:hover::after { opacity: 1; }\r\n\r\n.service-content { position: relative; z-index: 2; }\r\n\r\n.service-icon { width: 60px; height: 60px; background: linear-gradient(135deg, rgba(90,45,130,0.2), rgba(225,48,108,0.1)); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all 0.5s ease; }\r\n\r\n.service-box:hover .service-icon { background: linear-gradient(135deg, #5A2D82, #E1306C); transform: scale(1.1) rotate(5deg); }\r\n\r\n.service-icon svg { width: 28px; height: 28px; stroke: #E1306C; transition: stroke 0.5s ease; }\r\n\r\n.service-box:hover .service-icon svg { stroke: #ffffff; }\r\n\r\n.service-label-text { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: #ffffff; margin-bottom: 12px; transition: color 0.3s ease; }\r\n\r\n.service-box:hover .service-label-text { background: linear-gradient(135deg, #ffffff, #E1306C); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n\r\n.service-desc { font-family: 'Inter', sans-serif; font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.6; margin-bottom: 20px; transition: color 0.3s ease; }\r\n\r\n.service-box:hover .service-desc { color: rgba(255,255,255,0.8); }\r\n\r\n.service-link { display: inline-flex; align-items: center; gap: 8px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; color: #E1306C; opacity: 0; transform: translateY(10px); transition: all 0.4s ease; }\r\n\r\n.service-box:hover .service-link { opacity: 1; transform: translateY(0); }\r\n\r\n.service-link svg { width: 16px; height: 16px; transition: transform 0.3s ease; }\r\n\r\n.service-box:hover .service-link svg { transform: translateX(5px); }\r\n\r\n.service-number { position: absolute; top: 20px; right: 20px; font-family: 'Inter', sans-serif; font-size: 48px; font-weight: 800; color: rgba(255,255,255,0.03); transition: all 0.5s ease; }\r\n\r\n.service-box:hover .service-number { color: rgba(90,45,130,0.15); transform: scale(1.1); }\r\n\r\n\/* Animation on scroll *\/\r\n.service-animate { opacity: 0; transform: translateY(40px); transition: opacity 0.6s ease, transform 0.6s ease; }\r\n.service-animate.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .services-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .services-title { font-size: 42px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .services-section { padding: 80px 20px; }\r\n  .services-grid { grid-template-columns: 1fr; gap: 16px; }\r\n  .services-title { font-size: 32px; }\r\n  .service-box { padding: 30px 24px; }\r\n  .service-link { opacity: 1; transform: translateY(0); }\r\n}\r\n<\/style>\r\n\r\n<section class=\"services-section\">\r\n  <div class=\"services-bg\">\r\n    <div class=\"services-grid-bg\"><\/div>\r\n    <div class=\"services-orb services-orb-1\"><\/div>\r\n    <div class=\"services-orb services-orb-2\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"services-container\">\r\n    <div class=\"services-header service-animate\">\r\n      <span class=\"services-label\">\u0645\u0627\u0630\u0627 \u0646\u0642\u062f\u0645<\/span>\r\n      <h2 class=\"services-title\">\u062d\u0644\u0648\u0644 \u062a\u0646\u0627\u0633\u0628 <span class=\"highlight\">\u0643\u0644 \u0645\u0631\u062d\u0644\u0629<\/span><\/h2>\r\n      <p class=\"services-subtitle\">\u062d\u0644\u0648\u0644 \u0645\u0635\u0645\u0645\u0629 \u0644\u062f\u0639\u0645 \u0639\u0644\u0627\u0645\u062a\u0643 \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629 \u0645\u0646 \u0631\u062d\u0644\u062a\u0647\u0627 \u2014 \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"services-grid\">\r\n      <!-- Box 1 -->\r\n      <a href=\"https:\/\/thetouch.sa\/experiences-activations\/\" class=\"service-box service-animate\" style=\"transition-delay: 0.1s;\">\r\n        <span class=\"service-number\">01<\/span>\r\n        <div class=\"service-content\">\r\n          <div class=\"service-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z\" \/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"service-label-text\">\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h3>\r\n          <p class=\"service-desc\">\u0641\u0643\u0631\u0629\u060c \u062a\u062e\u0637\u064a\u0637\u060c \u0648\u062a\u0646\u0641\u064a\u0630 \u062a\u062c\u0627\u0631\u0628 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u062a\u0635\u0646\u0639 \u062d\u0636\u0648\u0631\u064b\u0627 \u062d\u064a\u0651\u064b\u0627 \u0644\u0639\u0644\u0627\u0645\u062a\u0643.<\/p>\r\n          <span class=\"service-link\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3\" \/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n      \r\n      <!-- Box 2 -->\r\n      <a href=\"https:\/\/thetouch.sa\/booths-exhibition-stands\/\" class=\"service-box service-animate\" style=\"transition-delay: 0.2s;\">\r\n        <span class=\"service-number\">02<\/span>\r\n        <div class=\"service-content\">\r\n          <div class=\"service-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21\" \/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"service-label-text\">\u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0623\u062c\u0646\u062d\u0629<\/h3>\r\n          <p class=\"service-desc\">\u0623\u062c\u0646\u062d\u0629 \u0648\u0643\u0634\u0643\u0627\u062a \u0648\u0645\u0633\u0627\u062d\u0627\u062a \u0639\u0631\u0636 \u0628\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0635\u0635 \u2014 \u0645\u0646 3D \u062d\u062a\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0643\u0627\u0645\u0644.<\/p>\r\n          <span class=\"service-link\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3\" \/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n      \r\n      <!-- Box 3 -->\r\n      <a href=\"https:\/\/thetouch.sa\/branding-creative-studio\/\" class=\"service-box service-animate\" style=\"transition-delay: 0.3s;\">\r\n        <span class=\"service-number\">03<\/span>\r\n        <div class=\"service-content\">\r\n          <div class=\"service-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.395m3.42 3.42a15.995 15.995 0 004.764-4.648l3.876-5.814a1.151 1.151 0 00-1.597-1.597L14.146 6.32a15.996 15.996 0 00-4.649 4.763m3.42 3.42a6.776 6.776 0 00-3.42-3.42\" \/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"service-label-text\">\u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0629<\/h3>\r\n          <p class=\"service-desc\">\u0634\u0639\u0627\u0631\u0627\u062a\u060c \u0623\u0646\u0638\u0645\u0629 \u0628\u0635\u0631\u064a\u0629\u060c \u0648\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0647\u0648\u064a\u0629 \u062a\u062d\u0641\u0638 \u0644\u0639\u0644\u0627\u0645\u062a\u0643 \u062d\u0636\u0648\u0631\u064b\u0627 \u0644\u0627 \u064a\u064f\u0646\u0633\u0649.<\/p>\r\n          <span class=\"service-link\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3\" \/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n      \r\n      <!-- Box 4 -->\r\n      <a href=\"https:\/\/thetouch.sa\/social-media-content-creation\/\" class=\"service-box service-animate\" style=\"transition-delay: 0.4s;\">\r\n        <span class=\"service-number\">04<\/span>\r\n        <div class=\"service-content\">\r\n          <div class=\"service-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.098 19.902a3.75 3.75 0 005.304 0l6.401-6.402M6.75 21A3.75 3.75 0 013 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 003.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008z\" \/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"service-label-text\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/h3>\r\n          <p class=\"service-desc\">\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u062d\u0645\u0644\u0627\u062a\u060c \u0628\u0631\u0648\u0634\u0648\u0631\u0627\u062a\u060c \u0645\u0646\u064a\u0648\u0647\u0627\u062a\u060c \u0645\u062d\u062a\u0648\u0649 \u0633\u0648\u0634\u0627\u0644 \u2014 \u0648\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0639\u0644\u0627\u0645\u062a\u0643 \u0628\u0635\u0631\u064a\u064b\u0627.<\/p>\r\n          <span class=\"service-link\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3\" \/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n      \r\n      <!-- Box 5 -->\r\n      <a href=\"https:\/\/thetouch.sa\/acrylic-wood-fabrication\/\" class=\"service-box service-animate\" style=\"transition-delay: 0.5s;\">\r\n        <span class=\"service-number\">05<\/span>\r\n        <div class=\"service-content\">\r\n          <div class=\"service-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.42 15.17L17.25 21A2.652 2.652 0 0021 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 11-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 004.486-6.336l-3.276 3.277a3.004 3.004 0 01-2.25-2.25l3.276-3.276a4.5 4.5 0 00-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008z\" \/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"service-label-text\">\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628<\/h3>\r\n          <p class=\"service-desc\">\u0623\u0643\u0631\u064a\u0644\u064a\u0643\u060c \u062e\u0634\u0628\u060c CNC\u060c \u0644\u064a\u0632\u0631 \u0648\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u2014 \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633.<\/p>\r\n          <span class=\"service-link\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3\" \/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n      \r\n      <!-- Box 6 -->\r\n      <a href=\"https:\/\/thetouch.sa\/printing-promotional-production\/\" class=\"service-box service-animate\" style=\"transition-delay: 0.6s;\">\r\n        <span class=\"service-number\">06<\/span>\r\n        <div class=\"service-content\">\r\n          <div class=\"service-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0110.56 0m-10.56 0L6.34 18m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66 18m0 0l.229 2.523a1.125 1.125 0 01-1.12 1.227H7.231c-.662 0-1.18-.568-1.12-1.227L6.34 18m11.318 0h1.091A2.25 2.25 0 0021 15.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055 48.055 0 00-1.913-.247M6.34 18H5.25A2.25 2.25 0 013 15.75V9.456c0-1.081.768-2.015 1.837-2.175a48.041 48.041 0 011.913-.247m10.5 0a48.536 48.536 0 00-10.5 0m10.5 0V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621 0-1.125.504-1.125 1.125v3.659M18 10.5h.008v.008H18V10.5zm-3 0h.008v.008H15V10.5z\" \/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"service-label-text\">\u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641<\/h3>\r\n          <p class=\"service-desc\">\u0637\u0628\u0627\u0639\u0629 \u0631\u0642\u0645\u064a\u0629 \u0648\u0623\u0648\u0641\u0633\u062a\u060c \u0645\u0644\u0635\u0642\u0627\u062a\u060c \u0639\u0644\u0628 \u0648\u062a\u063a\u0644\u064a\u0641 \u2014 \u0644\u0644\u0645\u062a\u0627\u062c\u0631 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a.<\/p>\r\n          <span class=\"service-link\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3\" \/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n      \r\n      <!-- Box 7 -->\r\n      <a href=\"https:\/\/thetouch.sa\/digital-solutions\/\" class=\"service-box service-animate\" style=\"transition-delay: 0.7s;\">\r\n        <span class=\"service-number\">07<\/span>\r\n        <div class=\"service-content\">\r\n          <div class=\"service-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25\" \/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"service-label-text\">\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\r\n          <p class=\"service-desc\">\u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u062d\u0645\u0644\u0627\u062a \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u062a\u0639\u0632\u0651\u0632 \u062d\u0636\u0648\u0631\u0643 \u0648\u062a\u062f\u0639\u0645 \u0646\u0645\u0648\u0643.<\/p>\r\n          <span class=\"service-link\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3\" \/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n      \r\n      <!-- Box 8 -->\r\n      <a href=\"https:\/\/thetouch.sa\/promoters-brand-ambassadors\/\" class=\"service-box service-animate\" style=\"transition-delay: 0.8s;\">\r\n        <span class=\"service-number\">08<\/span>\r\n        <div class=\"service-content\">\r\n          <div class=\"service-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z\" \/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"service-label-text\">\u0627\u0644\u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a<\/h3>\r\n          <p class=\"service-desc\">\u0645\u0631\u0648\u062c\u0648\u0646 \u0648\u0633\u0641\u0631\u0627\u0621 \u0645\u062f\u0631\u0651\u0628\u0648\u0646 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629.<\/p>\r\n          <span class=\"service-link\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3\" \/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      entry.target.classList.add('visible');\r\n    }\r\n  });\r\n}, { threshold: 0.1 });\r\n\r\ndocument.querySelectorAll('.service-animate').forEach(el => observer.observe(el));\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-3a889bf e-flex e-con-boxed e-con e-parent\" data-id=\"3a889bf\" 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-a70cf27 elementor-widget elementor-widget-html\" data-id=\"a70cf27\" 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;700;800&display=swap');\r\n\r\n.why-diff { position: relative; padding: 120px 20px; background: #0a0a0a; 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; }\r\n\r\n.why-diff-bg { position: absolute; inset: 0; overflow: hidden; }\r\n.why-diff-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(90,45,130,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(90,45,130,0.05) 1px, transparent 1px); background-size: 60px 60px; }\r\n.why-diff-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.4; }\r\n.why-diff-orb-1 { width: 500px; height: 500px; background: radial-gradient(circle, #5A2D82 0%, transparent 70%); top: -100px; right: -100px; animation: orbFloat 15s ease-in-out infinite; }\r\n.why-diff-orb-2 { width: 400px; height: 400px; background: radial-gradient(circle, #E1306C 0%, transparent 70%); bottom: -100px; left: -100px; animation: orbFloat 18s ease-in-out infinite reverse; }\r\n\r\n@keyframes orbFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(30px, -30px) scale(1.1); } }\r\n\r\n.why-diff-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n\/* Header *\/\r\n.why-diff-header { text-align: center; margin-bottom: 80px; }\r\n.why-diff-label { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; color: #E1306C; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px; opacity: 0; transform: translateY(20px); transition: all 0.6s ease; }\r\n.why-diff-label.visible { opacity: 1; transform: translateY(0); }\r\n.why-diff-title { font-family: 'Playfair Display', serif; font-size: clamp(36px, 5vw, 56px); font-weight: 700; color: #ffffff; margin-bottom: 24px; opacity: 0; transform: translateY(30px); transition: all 0.6s ease 0.1s; }\r\n.why-diff-title.visible { opacity: 1; transform: translateY(0); }\r\n.why-diff-desc { font-family: 'Inter', sans-serif; font-size: 18px; color: rgba(255,255,255,0.6); max-width: 800px; margin: 0 auto; line-height: 1.7; opacity: 0; transform: translateY(30px); transition: all 0.6s ease 0.2s; }\r\n.why-diff-desc.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* Main Content *\/\r\n.why-diff-content { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: start; }\r\n\r\n\/* Left Side *\/\r\n.why-diff-left { }\r\n.why-diff-subtitle { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 600; color: #5A2D82; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px; }\r\n.why-diff-heading { font-family: 'Playfair Display', serif; font-size: clamp(28px, 3vw, 38px); font-weight: 600; color: #ffffff; line-height: 1.3; margin-bottom: 16px; }\r\n.why-diff-highlight { font-family: 'Playfair Display', serif; font-size: clamp(22px, 2.5vw, 28px); font-weight: 500; color: #E1306C; line-height: 1.4; margin-bottom: 24px; }\r\n.why-diff-text { font-family: 'Inter', sans-serif; font-size: 16px; color: rgba(255,255,255,0.6); line-height: 1.7; margin-bottom: 32px; }\r\n.why-diff-quote { padding-left: 24px; border-left: 3px solid #5A2D82; }\r\n.why-diff-quote-text { font-family: 'Playfair Display', serif; font-size: 20px; font-style: italic; color: #ffffff; margin-bottom: 8px; }\r\n.why-diff-quote-author { font-family: 'Inter', sans-serif; font-size: 14px; color: rgba(255,255,255,0.5); }\r\n\r\n\/* Right Side - Tabs *\/\r\n.why-diff-right { }\r\n.why-diff-tabs { display: flex; gap: 0; margin-bottom: 40px; background: rgba(255,255,255,0.03); border-radius: 16px; padding: 6px; border: 1px solid rgba(255,255,255,0.05); }\r\n.why-diff-tab { flex: 1; padding: 16px 24px; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.5); background: transparent; border: none; cursor: pointer; border-radius: 12px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; }\r\n.why-diff-tab::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%); opacity: 0; transition: opacity 0.4s ease; border-radius: 12px; }\r\n.why-diff-tab span { position: relative; z-index: 1; }\r\n.why-diff-tab:hover { color: #ffffff; }\r\n.why-diff-tab.active { color: #ffffff; }\r\n.why-diff-tab.active::before { opacity: 1; }\r\n\r\n\/* Tab Content *\/\r\n.why-diff-tab-content { position: relative; min-height: 400px; }\r\n.why-diff-tab-panel { position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\r\n.why-diff-tab-panel.active { opacity: 1; visibility: visible; transform: translateY(0); }\r\n\r\n\/* Panel Header *\/\r\n.why-diff-panel-header { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,0.1); }\r\n.why-diff-panel-title { font-family: 'Inter', sans-serif; font-size: 16px; color: rgba(255,255,255,0.7); line-height: 1.7; }\r\n\r\n\/* Services Grid *\/\r\n.why-diff-services { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n.why-diff-service { display: flex; align-items: center; gap: 16px; padding: 20px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); border-radius: 12px; cursor: pointer; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; opacity: 0; transform: translateX(-20px); }\r\n.why-diff-service.visible { opacity: 1; transform: translateX(0); }\r\n.why-diff-service::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: linear-gradient(180deg, #5A2D82 0%, #E1306C 100%); transform: scaleY(0); transition: transform 0.4s ease; }\r\n.why-diff-service:hover { background: rgba(90,45,130,0.1); border-color: rgba(90,45,130,0.3); transform: translateX(8px); }\r\n.why-diff-service:hover::before { transform: scaleY(1); }\r\n\r\n.why-diff-service-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(90,45,130,0.2) 0%, rgba(225,48,108,0.2) 100%); border-radius: 10px; flex-shrink: 0; transition: all 0.4s ease; }\r\n.why-diff-service-icon svg { width: 20px; height: 20px; fill: #E1306C; transition: all 0.4s ease; }\r\n.why-diff-service:hover .why-diff-service-icon { background: linear-gradient(135deg, #5A2D82, #E1306C); transform: rotate(10deg) scale(1.1); }\r\n.why-diff-service:hover .why-diff-service-icon svg { fill: #ffffff; }\r\n\r\n.why-diff-service-text { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; color: #ffffff; transition: color 0.3s ease; }\r\n.why-diff-service:hover .why-diff-service-text { color: #E1306C; }\r\n\r\n\/* Floating Elements *\/\r\n.why-diff-float { position: absolute; opacity: 0.1; }\r\n.why-diff-float-1 { top: 20%; right: 5%; width: 100px; height: 100px; border: 2px solid #5A2D82; border-radius: 50%; animation: floatRotate 20s linear infinite; }\r\n.why-diff-float-2 { bottom: 30%; left: 5%; width: 60px; height: 60px; background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%); transform: rotate(45deg); animation: floatBounce 8s ease-in-out infinite; }\r\n\r\n@keyframes floatRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\r\n@keyframes floatBounce { 0%, 100% { transform: rotate(45deg) translateY(0); } 50% { transform: rotate(45deg) translateY(-20px); } }\r\n\r\n\/* Progress Bar under active tab *\/\r\n.why-diff-progress { position: absolute; bottom: -2px; left: 0; height: 2px; background: linear-gradient(90deg, #5A2D82, #E1306C); border-radius: 2px; transition: all 0.4s ease; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 968px) {\r\n  .why-diff-content { grid-template-columns: 1fr; gap: 60px; }\r\n  .why-diff-services { grid-template-columns: 1fr; }\r\n  .why-diff-tabs { flex-direction: column; }\r\n}\r\n@media (max-width: 640px) {\r\n  .why-diff { padding: 80px 20px; }\r\n  .why-diff-header { margin-bottom: 60px; }\r\n  .why-diff-tab { padding: 14px 16px; font-size: 13px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"why-diff\">\r\n  <div class=\"why-diff-bg\">\r\n    <div class=\"why-diff-grid\"><\/div>\r\n    <div class=\"why-diff-orb why-diff-orb-1\"><\/div>\r\n    <div class=\"why-diff-orb why-diff-orb-2\"><\/div>\r\n    <div class=\"why-diff-float why-diff-float-1\"><\/div>\r\n    <div class=\"why-diff-float why-diff-float-2\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"why-diff-container\">\r\n    <!-- Header -->\r\n    <div class=\"why-diff-header\">\r\n      <div class=\"why-diff-label\">\u0646\u0631\u0649 \u0639\u0627\u0644\u0645\u064b\u0627 \u0645\u0644\u064a\u0626\u064b\u0627 \u0628\u0627\u0644\u0641\u0631\u0635<\/div>\r\n      <h2 class=\"why-diff-title\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646 \u0645\u062e\u062a\u0644\u0641\u0648\u0646\u061f<\/h2>\r\n      <p class=\"why-diff-desc\">\r\n        \u0631\u0628\u0645\u0627 \u062a\u0631\u063a\u0628 \u0641\u064a \u0625\u064a\u0635\u0627\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0628\u0623\u0639\u0644\u0649 \u062a\u0623\u062b\u064a\u0631\u060c \u0623\u0648 \u0628\u0646\u0627\u0621 \u0634\u063a\u0641 \u062d\u0642\u064a\u0642\u064a \u062d\u0648\u0644 \u0639\u0644\u0627\u0645\u062a\u0643\u060c\r\n        \u0623\u0648 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062c\u0645\u0647\u0648\u0631 \u062c\u062f\u064a\u062f \u062a\u0645\u0627\u0645\u064b\u0627. \u0645\u0647\u0645\u0627 \u0643\u0627\u0646\u062a \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643\u060c \u0646\u062d\u0646 \u0646\u0645\u062a\u0644\u0643 \u0623\u0641\u0643\u0627\u0631\u064b\u0627\r\n        \u0641\u0631\u064a\u062f\u0629 \u0648\u0646\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0623\u0642\u0635\u0649 \u0639\u0627\u0626\u062f \u0645\u0646 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0643.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Content -->\r\n    <div class=\"why-diff-content\">\r\n      <!-- Left Side -->\r\n      <div class=\"why-diff-left\">\r\n        <div class=\"why-diff-subtitle\">\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629<\/div>\r\n        <h3 class=\"why-diff-heading\">\u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0641\u064a \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u0647\u0645\u0629 \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0646\u0627<\/h3>\r\n        <p class=\"why-diff-highlight\">\u0646\u0642\u062f\u0651\u0645 \u062d\u0644\u0648\u0644 \u062a\u0635\u0645\u064a\u0645 \u0645\u0628\u062a\u0643\u0631\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631.<\/p>\r\n        <p class=\"why-diff-text\">\r\n          \u0643\u0635\u0627\u0646\u0639\u064a \u062a\u063a\u064a\u064a\u0631 \u0648\u0627\u0639\u064a\u0646 \u0648\u0628\u0634\u063a\u0641\u064d \u062d\u0642\u064a\u0642\u064a\u060c \u0646\u062d\u0648\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u0639\u0644\u0627\u0645\u064a\u0629\r\n          \u062a\u064f\u0642\u0631\u0628\u0643 \u0645\u0646 \u062c\u0645\u0647\u0648\u0631\u0643 \u0648\u062a\u0628\u0646\u064a \u0645\u0633\u062a\u0642\u0628\u0644\u064b\u0627 \u0623\u0643\u062b\u0631 \u062a\u0648\u0627\u0635\u0644\u064b\u0627.\r\n        <\/p>\r\n        <div class=\"why-diff-quote\">\r\n          <p class=\"why-diff-quote-text\">The Touch<\/p>\r\n          <span class=\"why-diff-quote-author\">\u0648\u0643\u0627\u0644\u0629 \u064a\u0642\u0648\u062f\u0647\u0627 \u0623\u0634\u062e\u0627\u0635<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Side - Tabs -->\r\n      <div class=\"why-diff-right\">\r\n        <div class=\"why-diff-tabs\">\r\n          <button class=\"why-diff-tab active\" data-tab=\"strategize\"><span>\u0646\u062e\u0637\u0651\u0637<\/span><\/button>\r\n          <button class=\"why-diff-tab\" data-tab=\"create\"><span>\u0646\u0628\u062a\u0643\u0631<\/span><\/button>\r\n          <button class=\"why-diff-tab\" data-tab=\"execute\"><span>\u0646\u0646\u0651\u0641\u0630<\/span><\/button>\r\n        <\/div>\r\n\r\n        <div class=\"why-diff-tab-content\">\r\n          <!-- Strategize Panel -->\r\n          <div class=\"why-diff-tab-panel active\" data-panel=\"strategize\">\r\n            <div class=\"why-diff-panel-header\">\r\n              <p class=\"why-diff-panel-title\">\r\n                \u0646\u0637\u0648\u0651\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c\r\n                \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u0648\u0635\u0648\u0644 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"why-diff-services\">\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.05s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062d\u0645\u0644\u0627\u062a<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.15s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.25s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.3s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u0627\u0628\u062a\u0643\u0627\u0631 \u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Create Panel -->\r\n          <div class=\"why-diff-tab-panel\" data-panel=\"create\">\r\n            <div class=\"why-diff-panel-header\">\r\n              <p class=\"why-diff-panel-title\">\r\n                \u0646\u064f\u062d\u064a\u064a \u0639\u0644\u0627\u0645\u062a\u0643 \u0639\u0628\u0631 \u0637\u0628\u0627\u0639\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u062a\u0635\u0646\u064a\u0639 \u0645\u062e\u0635\u0635\u060c\r\n                \u0648\u0623\u062c\u0646\u062d\u0629 \u0645\u0639\u0627\u0631\u0636\u060c \u0648\u0645\u0648\u0627\u062f \u0639\u0644\u0627\u0645\u064a\u0629 \u062a\u062a\u0631\u0643 \u0627\u0646\u0637\u0628\u0627\u0639\u064b\u0627 \u064a\u062f\u0648\u0645.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"why-diff-services\">\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.05s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u0627\u0644\u0644\u0627\u0641\u062a\u0627\u062a \u0648\u0647\u0648\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062c\u0631<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.15s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7v10l10 5 10-5V7L12 2zm0 2.8L18 7l-6 3-6-3 6-2.2zM4 9.5l6 3v5.5l-6-3V9.5zm8 8.5v-5.5l6-3v5.5l-6 3z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u0623\u062c\u0646\u062d\u0629 \u0648\u0628\u0648\u062b\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0631\u0636<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0623\u0643\u0631\u064a\u0644\u064a\u0643 \u0648\u0627\u0644\u062e\u0634\u0628<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.25s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u0645\u0646\u062a\u062c\u0627\u062a \u062f\u0639\u0627\u0626\u064a\u0629 \u0645\u062e\u0635\u0635\u0629<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.3s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.09-.32.14-.49.14-.17 0-.33-.05-.49-.13l-7.9-4.44c-.32-.17-.53-.5-.53-.88V7.5c0-.38.21-.71.53-.88l7.9-4.44c.16-.09.32-.14.49-.14.17 0 .33.05.49.14l7.9 4.44c.32.17.53.5.53.88v9z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u062a\u063a\u0644\u064a\u0641 \u0645\u062e\u0635\u0635<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Execute Panel -->\r\n          <div class=\"why-diff-tab-panel\" data-panel=\"execute\">\r\n            <div class=\"why-diff-panel-header\">\r\n              <p class=\"why-diff-panel-title\">\r\n                \u0646\u0646\u0641\u0651\u0630 \u0628\u0625\u062a\u0642\u0627\u0646 \u0639\u0628\u0631 \u0641\u0631\u0642 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0645\u062f\u0631\u0651\u0628\u0629\u060c \u0648\u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629\u060c\r\n                \u0648\u062a\u0641\u0639\u064a\u0644\u0627\u062a \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639 \u062a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0644\u0645\u0648\u0633\u0629 \u0644\u062d\u0645\u0644\u0627\u062a\u0643.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"why-diff-services\">\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.05s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u0645\u0631\u0648\u062c\u0648\u0646 \u0648\u0633\u0641\u0631\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0645\u0629<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM6 10h2v2H6v-2zm0 4h8v2H6v-2zm10 0h2v2h-2v-2zm-6-4h8v2h-8v-2z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.15s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u062c\u0648\u0644\u0627\u062a \u062a\u0631\u0648\u064a\u062c\u064a\u0629 \u0645\u062a\u0646\u0642\u0644\u0629<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 14l-5-5 1.41-1.41L12 14.17l4.59-4.58L18 11l-6 6z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u062a\u062c\u0627\u0631\u0628 Pop-up<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.25s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l-5.5 9h11z M17.5 13h-11l5.5 9z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"why-diff-service\" style=\"transition-delay: 0.3s;\">\r\n                <div class=\"why-diff-service-icon\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\r\n                <\/div>\r\n                <span class=\"why-diff-service-text\">\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Tabs functionality\r\n  const tabs = document.querySelectorAll('.why-diff-tab');\r\n  const panels = document.querySelectorAll('.why-diff-tab-panel');\r\n  \r\n  tabs.forEach(tab => {\r\n    tab.addEventListener('click', () => {\r\n      const targetPanel = tab.dataset.tab;\r\n      \r\n      \/\/ Update tabs\r\n      tabs.forEach(t => t.classList.remove('active'));\r\n      tab.classList.add('active');\r\n      \r\n      \/\/ Update panels\r\n      panels.forEach(p => p.classList.remove('active'));\r\n      document.querySelector(`[data-panel=\"${targetPanel}\"]`).classList.add('active');\r\n      \r\n      \/\/ Animate services in new panel\r\n      const services = document.querySelector(`[data-panel=\"${targetPanel}\"]`).querySelectorAll('.why-diff-service');\r\n      services.forEach((service, index) => {\r\n        service.classList.remove('visible');\r\n        setTimeout(() => {\r\n          service.classList.add('visible');\r\n        }, index * 50);\r\n      });\r\n    });\r\n  });\r\n  \r\n  \/\/ Scroll animations\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        \/\/ Header animations\r\n        const label = entry.target.querySelector('.why-diff-label');\r\n        const title = entry.target.querySelector('.why-diff-title');\r\n        const desc = entry.target.querySelector('.why-diff-desc');\r\n        \r\n        if (label) label.classList.add('visible');\r\n        if (title) title.classList.add('visible');\r\n        if (desc) desc.classList.add('visible');\r\n        \r\n        \/\/ Services animations\r\n        const services = entry.target.querySelectorAll('.why-diff-tab-panel.active .why-diff-service');\r\n        services.forEach((service, index) => {\r\n          setTimeout(() => {\r\n            service.classList.add('visible');\r\n          }, index * 80);\r\n        });\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  \r\n  const section = document.querySelector('.why-diff');\r\n  if (section) observer.observe(section);\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-e42ce7b e-flex e-con-boxed e-con e-parent\" data-id=\"e42ce7b\" 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-7e66ef9 elementor-widget elementor-widget-html\" data-id=\"7e66ef9\" 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;700;800&display=swap');\r\n\r\n.contact-info { position: relative; padding: 100px 20px; background: #0a0a0a; 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; }\r\n\r\n.contact-info-bg { position: absolute; inset: 0; overflow: hidden; }\r\n\r\n.contact-info-grid-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(90,45,130,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(90,45,130,0.05) 1px, transparent 1px); background-size: 60px 60px; }\r\n\r\n.contact-info-glow { position: absolute; width: 500px; height: 500px; border-radius: 50%; filter: blur(120px); opacity: 0.15; }\r\n\r\n.contact-info-glow-1 { top: -200px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #5A2D82, #E1306C); }\r\n\r\n.contact-info-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n\/* Info Cards *\/\r\n.contact-info-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-bottom: 80px; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 80px rgba(90,45,130,0.3); }\r\n\r\n.contact-info-card { padding: 50px 40px; position: relative; overflow: hidden; transition: all 0.4s ease; }\r\n\r\n.contact-info-card:nth-child(1) { background: linear-gradient(135deg, #4A90D9 0%, #5A2D82 100%); }\r\n.contact-info-card:nth-child(2) { background: linear-gradient(135deg, #5A2D82 0%, #8B2D82 100%); }\r\n.contact-info-card:nth-child(3) { background: linear-gradient(135deg, #8B2D82 0%, #E1306C 100%); }\r\n\r\n.contact-info-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 50%); opacity: 0; transition: opacity 0.4s ease; }\r\n\r\n.contact-info-card:hover::before { opacity: 1; }\r\n\r\n.contact-info-card:hover { transform: translateY(-5px); }\r\n\r\n\/* Floating Icon *\/\r\n.contact-info-icon { width: 60px; height: 60px; background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all 0.4s ease; border: 1px solid rgba(255,255,255,0.2); }\r\n\r\n.contact-info-card:hover .contact-info-icon { transform: scale(1.1) rotate(5deg); background: rgba(255,255,255,0.25); }\r\n\r\n.contact-info-icon svg { width: 28px; height: 28px; color: #fff; }\r\n\r\n.contact-info-card-title { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.7); margin-bottom: 20px; }\r\n\r\n.contact-info-card-content { display: flex; flex-direction: column; gap: 12px; }\r\n\r\n.contact-info-item { display: flex; align-items: center; gap: 12px; color: #fff; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; }\r\n\r\na.contact-info-item:hover { transform: translateX(5px); }\r\n\r\n.contact-info-item svg { width: 18px; height: 18px; opacity: 0.8; flex-shrink: 0; }\r\n\r\n.contact-info-item-text { line-height: 1.6; }\r\n\r\n\/* Team Section *\/\r\n.contact-info-team { text-align: center; position: relative; }\r\n\r\n.contact-info-team-line { width: 80px; height: 3px; background: linear-gradient(90deg, #5A2D82, #E1306C); margin: 0 auto 40px; border-radius: 2px; }\r\n\r\n.contact-info-team-subtitle { font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 400; color: rgba(255,255,255,0.6); margin-bottom: 16px; font-style: italic; }\r\n\r\n.contact-info-team-title { font-family: 'Playfair Display', serif; font-size: clamp(32px, 5vw, 52px); font-weight: 700; color: #fff; margin: 0; line-height: 1.2; }\r\n\r\n.contact-info-team-title .highlight { background: linear-gradient(135deg, #E1306C, #5A2D82); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n\r\n\/* Floating Elements *\/\r\n.contact-info-float { position: absolute; border-radius: 50%; background: linear-gradient(135deg, #5A2D82, #E1306C); opacity: 0.1; }\r\n\r\n.contact-info-float-1 { width: 20px; height: 20px; top: 20%; left: 10%; animation: contactFloat 6s ease-in-out infinite; }\r\n.contact-info-float-2 { width: 15px; height: 15px; top: 60%; right: 15%; animation: contactFloat 8s ease-in-out infinite reverse; }\r\n.contact-info-float-3 { width: 25px; height: 25px; bottom: 20%; left: 20%; animation: contactFloat 7s ease-in-out infinite 1s; }\r\n\r\n@keyframes contactFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-20px) rotate(180deg); } }\r\n\r\n\/* Animations *\/\r\n.contact-info-cards { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }\r\n.contact-info-cards.animate { opacity: 1; transform: translateY(0); }\r\n\r\n.contact-info-team { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; }\r\n.contact-info-team.animate { opacity: 1; transform: translateY(0); }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .contact-info-cards { grid-template-columns: 1fr; border-radius: 16px; }\r\n  .contact-info-card { padding: 40px 30px; }\r\n  .contact-info-card:hover { transform: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact-info\">\r\n  <div class=\"contact-info-bg\">\r\n    <div class=\"contact-info-grid-bg\"><\/div>\r\n    <div class=\"contact-info-glow contact-info-glow-1\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"contact-info-float contact-info-float-1\"><\/div>\r\n  <div class=\"contact-info-float contact-info-float-2\"><\/div>\r\n  <div class=\"contact-info-float contact-info-float-3\"><\/div>\r\n  \r\n  <div class=\"contact-info-container\">\r\n    <!-- Info Cards -->\r\n    <div class=\"contact-info-cards\">\r\n      <!-- Information -->\r\n      <div class=\"contact-info-card\">\r\n        <div class=\"contact-info-icon\">\r\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"contact-info-card-title\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/div>\r\n        <div class=\"contact-info-card-content\">\r\n          <a href=\"mailto:info@thetouch.sa\" class=\"contact-info-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/><\/svg>\r\n            <span>info@thetouch.sa<\/span>\r\n          <\/a>\r\n          <a href=\"tel:+966567069088\" class=\"contact-info-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\/><\/svg>\r\n            <span>+966 56 706 9088<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Working Hours -->\r\n      <div class=\"contact-info-card\">\r\n        <div class=\"contact-info-icon\">\r\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"contact-info-card-title\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\r\n        <div class=\"contact-info-card-content\">\r\n          <div class=\"contact-info-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg>\r\n            <span>\u0627\u0644\u0623\u062d\u062f \u2013 \u0627\u0644\u062e\u0645\u064a\u0633<\/span>\r\n          <\/div>\r\n          <div class=\"contact-info-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n            <span>9:00 \u0635\u0628\u0627\u062d\u064b\u0627 \u2013 6:00 \u0645\u0633\u0627\u0621\u064b<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Location -->\r\n      <div class=\"contact-info-card\">\r\n        <div class=\"contact-info-icon\">\r\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"contact-info-card-title\">\u0645\u0648\u0642\u0639\u0646\u0627<\/div>\r\n        <div class=\"contact-info-card-content\">\r\n          <a href=\"https:\/\/maps.google.com\/?q=Al+Murjanah+Tower,+Ar+Rawdah,+Jeddah\" target=\"_blank\" class=\"contact-info-item\" rel=\"noopener\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\r\n            <span class=\"contact-info-item-text\">\u0637\u0631\u064a\u0642 \u0627\u0644\u0623\u0645\u064a\u0631 \u0633\u0644\u0637\u0627\u0646\u060c \u0628\u0631\u062c \u0627\u0644\u0645\u0631\u062c\u0627\u0646\u0629\u060c \u0627\u0644\u0631\u0648\u0636\u0629\u060c \u062c\u062f\u0629 23436<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Team Message -->\r\n    <div class=\"contact-info-team\">\r\n      <div class=\"contact-info-team-line\"><\/div>\r\n      <p class=\"contact-info-team-subtitle\">\u0639\u0646\u062f\u0645\u0627 \u062a\u0639\u0645\u0644 \u0645\u0639\u0646\u0627\u060c<\/p>\r\n      <h2 class=\"contact-info-team-title\">\u0633\u062a\u0635\u0628\u062d <span class=\"highlight\">\u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0627\u0644\u0641\u0631\u064a\u0642<\/span><\/h2>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('animate');\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  \r\n  document.querySelectorAll('.contact-info-cards, .contact-info-team').forEach(el => {\r\n    observer.observe(el);\r\n  });\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b126993 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b126993\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7302dfb\" data-id=\"7302dfb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea561f7 animated-slow elementor-widget elementor-widget-heading\" data-id=\"ea561f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0639\u0646\u062f\u0645\u0627 \u062a\u0639\u0645\u0644 \u0645\u0639\u0646\u0627\u060c  <br><b>\u062a\u0635\u0628\u062d  \n\u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0641\u0631\u064a\u0642<b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-be57cfa elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"be57cfa\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4423f15\" data-id=\"4423f15\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c2539a animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2c2539a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0628\u062f\u0621 \u0645\u0634\u0631\u0648\u0639\u0643<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c213535 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c213535\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0647\u0646\u0627\u0643 \u0627\u0644\u0643\u062b\u064a\u0631 \u0627\u0644\u0630\u064a \u064a\u0645\u0643\u0646\u0646\u0627 \u0623\u0646 \u0646\u0639\u0631\u0636\u0647 \u0644\u0643..<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40b8e7a elementor-button-align-stretch elementor-invisible elementor-widget elementor-widget-form\" data-id=\"40b8e7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;\\u0627\\u0644\\u062a\\u0627\\u0644\\u064a&quot;,&quot;step_previous_label&quot;:&quot;\\u0633\\u0627\\u0628\\u0642&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"\u0635\u064a\u063a\u0629 \u062c\u062f\u064a\u062f\u0629\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"8770\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"40b8e7a\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\t\u0627\u0644\u0627\u0633\u0645\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"\u0627\u0644\u0627\u0633\u0645\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_1 elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_1\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\t\u0627\u0644\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[field_1]\" id=\"form-field-field_1\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\t\u0631\u0642\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\t\u0631\u0633\u0627\u0644\u0629\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-md\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"\u0631\u0633\u0627\u0644\u0629\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0631\u0633\u0644<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12c3a97 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-spacer\" data-id=\"12c3a97\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-886c4ed elementor-invisible\" data-id=\"886c4ed\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0646\u0628\u062a\u0643\u0631 \u062a\u062c\u0627\u0631\u0628 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u0627\u0628\u062f\u0623 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u062d\u0644\u0648\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0636\u060c \u0648\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0646\u062d\u0648 \u062a\u0641\u0627\u0639\u0644 \u064a\u064f\u062d\u062f\u062b \u0641\u0631\u0642\u064b\u0627 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0627\u0646\u0627 ! \u062a\u0646\u0634\u064a\u0637 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u00b7 \u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u00b7 \u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u0648\u064a\u0629 \u00b7 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a \u062a\u0645\u064a\u0651\u0632 \u064a\u064f\u0635\u0646\u0639 \u0628\u0627\u062d\u062a\u0631\u0627\u0641 \u062a\u0641\u0627\u0635\u064a\u0644 \u0646\u062d\u0648 \u062a\u0646\u0641\u064a\u0630 \u0645\u062a\u0642\u0646 \u064a\u0639\u0643\u0633 \u0642\u0648\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0641\u064a \u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629. \u0646\u0635\u0646\u0639 \u0647\u0648\u064a\u0629 \u062a\u064f\u0631\u0649 \u0648\u062a\u064f\u062d\u0633 \u062f\u0639\u0646\u0627 \u0646\u0635\u0646\u0639 \u0627\u0644\u0623\u062b\u0631 \u0645\u0639\u064b\u0627 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_joinchat":[],"footnotes":""},"class_list":["post-8770","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/8770","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=8770"}],"version-history":[{"count":79,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/8770\/revisions"}],"predecessor-version":[{"id":14792,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/8770\/revisions\/14792"}],"wp:attachment":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/media?parent=8770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}