{"id":14650,"date":"2025-12-12T22:33:13","date_gmt":"2025-12-12T22:33:13","guid":{"rendered":"https:\/\/thetouch.sa\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/"},"modified":"2025-12-27T21:10:17","modified_gmt":"2025-12-27T21:10:17","slug":"%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/thetouch.sa\/ar\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/","title":{"rendered":"\u062e\u062f\u0645\u0627\u062a\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14650\" class=\"elementor elementor-14650 elementor-14579\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b783de6 e-flex e-con-boxed e-con e-parent\" data-id=\"b783de6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5107889 e-flex e-con-boxed e-con e-parent\" data-id=\"5107889\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0917bb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f0917bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<style>\r\n  \/* \u2705 \u0625\u0636\u0627\u0641\u0627\u062a \u062a\u062b\u0628\u064a\u062a full width + center \u062f\u0627\u062e\u0644 Elementor (\u0628\u062f\u0648\u0646 \u062d\u0630\u0641 \u0623\u064a \u0634\u064a\u0621) *\/\r\n  html, body { overflow-x: hidden; }\r\n  *, *::before, *::after { box-sizing: border-box; }\r\n\r\n  .services-hero {\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    min-height: 100vh;\r\n    background: linear-gradient(135deg, #1a0b2e 0%, #2d1b4e 50%, #1a0b2e 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n\r\n    \/* full-width banner \u0628\u062f\u0648\u0646 \u0647\u0648\u0627\u0645\u0634 *\/\r\n    padding: 0;\r\n\r\n    \/* \u2705 \u0625\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u062a\u0645\u0631\u0643\u0632 + \u0645\u0646\u0639 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641 *\/\r\n    margin-right: calc(-50vw + 50%);\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    max-width: 100vw;\r\n  }\r\n\r\n  \/* Animated Background *\/\r\n  .services-hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .gradient-mesh {\r\n    position: absolute;\r\n    width: 200%;\r\n    height: 200%;\r\n    top: -50%;\r\n    left: -50%;\r\n    background: \r\n      radial-gradient(circle at 20% 30%, rgba(90, 45, 130, 0.4) 0%, transparent 50%),\r\n      radial-gradient(circle at 80% 70%, rgba(225, 48, 108, 0.3) 0%, transparent 50%),\r\n      radial-gradient(circle at 50% 50%, rgba(90, 45, 130, 0.2) 0%, transparent 70%);\r\n    animation: meshMove 20s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes meshMove {\r\n    0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n    33% { transform: translate(-5%, 5%) rotate(120deg); }\r\n    66% { transform: translate(5%, -5%) rotate(240deg); }\r\n  }\r\n\r\n  \/* Floating Orbs *\/\r\n  .floating-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(60px);\r\n    opacity: 0.6;\r\n    animation: float 15s ease-in-out infinite;\r\n  }\r\n\r\n  .floating-orb:nth-child(1) {\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, #5A2D82 0%, transparent 70%);\r\n    top: 10%;\r\n    left: 10%;\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  .floating-orb:nth-child(2) {\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, #E1306C 0%, transparent 70%);\r\n    bottom: 10%;\r\n    right: 10%;\r\n    animation-delay: -5s;\r\n  }\r\n\r\n  .floating-orb:nth-child(3) {\r\n    width: 350px;\r\n    height: 350px;\r\n    background: radial-gradient(circle, #8B3A9C 0%, transparent 70%);\r\n    top: 50%;\r\n    left: 50%;\r\n    animation-delay: -10s;\r\n  }\r\n\r\n  @keyframes float {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    33% { transform: translate(30px, -30px) scale(1.1); }\r\n    66% { transform: translate(-30px, 30px) scale(0.9); }\r\n  }\r\n\r\n  \/* Particles *\/\r\n  .particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.6);\r\n    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);\r\n    animation: particleRise 12s ease-in infinite;\r\n  }\r\n\r\n  .particle:nth-child(4) { width: 8px; height: 8px; left: 15%; bottom: -50px; animation-delay: 0s; }\r\n  .particle:nth-child(5) { width: 6px; height: 6px; left: 35%; bottom: -50px; animation-delay: 2s; }\r\n  .particle:nth-child(6) { width: 10px; height: 10px; left: 55%; bottom: -50px; animation-delay: 4s; }\r\n  .particle:nth-child(7) { width: 7px; height: 7px; left: 75%; bottom: -50px; animation-delay: 6s; }\r\n  .particle:nth-child(8) { width: 9px; height: 9px; left: 85%; bottom: -50px; animation-delay: 8s; }\r\n\r\n  @keyframes particleRise {\r\n    0% { transform: translateY(0) rotate(0deg); opacity: 0; }\r\n    10% { opacity: 1; }\r\n    90% { opacity: 1; }\r\n    100% { transform: translateY(-110vh) rotate(360deg); opacity: 0; }\r\n  }\r\n\r\n  \/* Grid Pattern *\/\r\n  .grid-pattern {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n      linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    animation: gridMove 20s linear infinite;\r\n  }\r\n\r\n  @keyframes gridMove {\r\n    0% { transform: translate(0, 0); }\r\n    100% { transform: translate(50px, 50px); }\r\n  }\r\n\r\n  \/* Content *\/\r\n  .services-hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    max-width: 1200px;\r\n\r\n    \/* \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 + \u0628\u062f\u0648\u0646 \u0647\u0648\u0627\u0645\u0634 \u062c\u0627\u0646\u0628\u064a\u0629 \u0645\u0632\u0639\u062c\u0629 *\/\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 100px 20px;\r\n\r\n    animation: fadeInUp 1s ease-out;\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .services-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 12px 24px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    border-radius: 50px;\r\n    color: #fff;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 32px;\r\n    animation: fadeInUp 1s ease-out 0.2s backwards;\r\n  }\r\n\r\n  .services-badge span {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #E1306C;\r\n    border-radius: 50%;\r\n    animation: pulse 2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes pulse {\r\n    0%, 100% { transform: scale(1); opacity: 1; }\r\n    50% { transform: scale(1.5); opacity: 0.5; }\r\n  }\r\n\r\n  .services-hero h1 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(48px, 8vw, 96px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    margin: 0 0 24px 0;\r\n    color: #fff;\r\n    animation: fadeInUp 1s ease-out 0.4s backwards;\r\n  }\r\n\r\n  .services-hero h1 .gradient-text {\r\n    background: linear-gradient(135deg, #E1306C 0%, #5A2D82 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    animation: gradientShift 3s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes gradientShift {\r\n    0%, 100% { filter: hue-rotate(0deg); }\r\n    50% { filter: hue-rotate(20deg); }\r\n  }\r\n\r\n  .services-hero p {\r\n    font-size: clamp(18px, 2vw, 24px);\r\n    line-height: 1.6;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    margin: 0 0 48px 0;\r\n    max-width: 800px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    animation: fadeInUp 1s ease-out 0.6s backwards;\r\n  }\r\n\r\n  .scroll-indicator {\r\n    margin-top: 60px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 12px;\r\n    animation: fadeInUp 1s ease-out 0.8s backwards;\r\n  }\r\n\r\n  .scroll-indicator span {\r\n    color: rgba(255, 255, 255, 0.6);\r\n    font-size: 14px;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .scroll-indicator .mouse {\r\n    width: 24px;\r\n    height: 40px;\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    border-radius: 12px;\r\n    position: relative;\r\n  }\r\n\r\n  .scroll-indicator .mouse::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 4px;\r\n    height: 8px;\r\n    background: #E1306C;\r\n    border-radius: 2px;\r\n    top: 8px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    animation: scrollDown 2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes scrollDown {\r\n    0%, 100% { transform: translateX(-50%) translateY(0); opacity: 1; }\r\n    50% { transform: translateX(-50%) translateY(12px); opacity: 0.3; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .services-hero {\r\n      min-height: 80vh;\r\n      padding: 0; \/* \u0628\u062f\u0648\u0646 \u0647\u0648\u0627\u0645\u0634 *\/\r\n    }\r\n    .services-hero-content {\r\n      padding: 80px 16px;\r\n    }\r\n  }\r\n  \r\n\/* \u2705 FIX: cancel the extra centering that caused black space *\/\r\n.services-hero{\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  \/* keep YOUR original full-width method *\/\r\n  margin-left: calc(-50vw + 50%) !important;\r\n  margin-right: calc(-50vw + 50%) !important;\r\n\r\n  \/* cancel the added shift *\/\r\n  left: auto !important;\r\n  right: auto !important;\r\n  transform: none !important;\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"services-hero\">\r\n  <div class=\"services-hero-bg\">\r\n    <div class=\"gradient-mesh\"><\/div>\r\n    <div class=\"grid-pattern\"><\/div>\r\n\r\n    <div class=\"floating-orb\"><\/div>\r\n    <div class=\"floating-orb\"><\/div>\r\n    <div class=\"floating-orb\"><\/div>\r\n\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"services-hero-content\">\r\n    <div class=\"services-badge\">\r\n      <span><\/span>\r\n      \u062e\u062f\u0645\u0627\u062a\u0646\u0627\r\n    <\/div>\r\n\r\n    <h1>\r\n      \u062d\u0648\u0651\u0644 \u0631\u0624\u064a\u062a\u0643 \u0625\u0644\u0649\r\n      <span class=\"gradient-text\">\u0648\u0627\u0642\u0639<\/span>\r\n    <\/h1>\r\n\r\n    <p>\r\n      \u0645\u0646 \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u0645\u0646 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\u2014\u0646\u0642\u062f\u0651\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0631\u062a\u0642\u064a \u0628\u0639\u0644\u0627\u0645\u062a\u0643 \u0648\u062a\u0634\u062f \u0627\u0646\u062a\u0628\u0627\u0647 \u062c\u0645\u0647\u0648\u0631\u0643.\r\n    <\/p>\r\n\r\n    <div class=\"scroll-indicator\">\r\n      <span>\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/span>\r\n      <div class=\"mouse\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20590a3 e-con-full e-flex e-con e-parent\" data-id=\"20590a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38df15a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"38df15a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .services-grid-section {\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    background: #0a0a0a;\r\n    padding: 120px 20px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .services-grid-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Added animated gradient mesh background *\/\r\n  .gradient-mesh {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(circle at 20% 30%, rgba(90, 45, 130, 0.3) 0%, transparent 50%),\r\n      radial-gradient(circle at 80% 70%, rgba(225, 48, 108, 0.3) 0%, transparent 50%),\r\n      radial-gradient(circle at 50% 50%, rgba(90, 45, 130, 0.2) 0%, transparent 60%);\r\n    animation: gradientShift 15s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes gradientShift {\r\n    0%, 100% { opacity: 0.5; transform: scale(1); }\r\n    50% { opacity: 0.8; transform: scale(1.1); }\r\n  }\r\n\r\n  \/* Added floating particles for background animation *\/\r\n  .floating-particle {\r\n    position: absolute;\r\n    width: 4px;\r\n    height: 4px;\r\n    background: rgba(225, 48, 108, 0.6);\r\n    border-radius: 50%;\r\n    animation: floatUp 15s linear infinite;\r\n  }\r\n\r\n  .floating-particle:nth-child(2) { left: 15%; animation-delay: -3s; background: rgba(90, 45, 130, 0.6); }\r\n  .floating-particle:nth-child(3) { left: 30%; animation-delay: -6s; }\r\n  .floating-particle:nth-child(4) { left: 45%; animation-delay: -9s; background: rgba(90, 45, 130, 0.6); }\r\n  .floating-particle:nth-child(5) { left: 60%; animation-delay: -12s; }\r\n  .floating-particle:nth-child(6) { left: 75%; animation-delay: -5s; background: rgba(90, 45, 130, 0.6); }\r\n  .floating-particle:nth-child(7) { left: 90%; animation-delay: -8s; }\r\n\r\n  @keyframes floatUp {\r\n    0% {\r\n      bottom: -20px;\r\n      opacity: 0;\r\n      transform: translateX(0) rotate(0deg);\r\n    }\r\n    10% { opacity: 1; }\r\n    90% { opacity: 1; }\r\n    100% {\r\n      bottom: 100%;\r\n      opacity: 0;\r\n      transform: translateX(50px) rotate(360deg);\r\n    }\r\n  }\r\n\r\n  .services-grid-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .services-grid-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .services-grid-header h2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(36px, 5vw, 56px);\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .services-grid-header h2 .gradient-text {\r\n    background: linear-gradient(135deg, #5A2D82 0%, #E1306C 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  .services-grid-header p {\r\n    font-size: 20px;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Changed to 4 equal cards per row layout *\/\r\n  .services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .service-card {\r\n    position: relative;\r\n    border-radius: 32px;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    min-height: 380px;\r\n    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    background: linear-gradient(135deg, rgba(26, 26, 26, 0.8) 0%, rgba(40, 40, 40, 0.8) 100%);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    transform-style: preserve-3d;\r\n    perspective: 1000px;\r\n  }\r\n\r\n  .service-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -2px;\r\n    background: linear-gradient(135deg, #5A2D82, #E1306C);\r\n    border-radius: 32px;\r\n    opacity: 0;\r\n    transition: opacity 0.6s ease;\r\n    z-index: -1;\r\n  }\r\n\r\n  .service-card:hover {\r\n    transform: translateY(-12px) rotateX(5deg) scale(1.02);\r\n    box-shadow:\r\n      0 24px 48px rgba(90, 45, 130, 0.4),\r\n      0 0 80px rgba(225, 48, 108, 0.2);\r\n    border-color: rgba(225, 48, 108, 0.5);\r\n  }\r\n\r\n  .service-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* Added animated diagonal stripe background *\/\r\n  .service-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: repeating-linear-gradient(\r\n      45deg,\r\n      transparent,\r\n      transparent 20px,\r\n      rgba(90, 45, 130, 0.05) 20px,\r\n      rgba(90, 45, 130, 0.05) 40px\r\n    );\r\n    opacity: 0;\r\n    transition: opacity 0.6s ease;\r\n  }\r\n\r\n  .service-card:hover::after {\r\n    opacity: 1;\r\n    animation: stripeMove 20s linear infinite;\r\n  }\r\n\r\n  @keyframes stripeMove {\r\n    0% { background-position: 0 0; }\r\n    100% { background-position: 1000px 1000px; }\r\n  }\r\n\r\n  .service-card-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    height: 100%;\r\n    padding: 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .service-card:hover .service-card-content {\r\n    transform: translateZ(30px);\r\n  }\r\n\r\n  .service-card-top {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* Made numbers larger and more prominent with gradient *\/\r\n  .service-card-number {\r\n    font-size: 72px;\r\n    font-weight: 900;\r\n    background: linear-gradient(135deg, #5A2D82 0%, #E1306C 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    opacity: 0.3;\r\n    transition: all 0.6s ease;\r\n  }\r\n\r\n  .service-card:hover .service-card-number {\r\n    opacity: 1;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .service-card h3 {\r\n    font-size: clamp(20px, 2vw, 28px);\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin: 0;\r\n    font-family: 'Playfair Display', serif;\r\n    transition: all 0.6s ease;\r\n  }\r\n\r\n  .service-card:hover h3 {\r\n    color: #E1306C;\r\n    text-shadow: 0 0 20px rgba(225, 48, 108, 0.5);\r\n  }\r\n\r\n  .service-card p {\r\n    font-size: 15px;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: all 0.6s ease 0.1s;\r\n  }\r\n\r\n  .service-card:hover p {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .service-card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #fff;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    align-self: flex-start;\r\n    padding: 12px 24px;\r\n    border-radius: 100px;\r\n    background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%);\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: all 0.6s ease 0.2s;\r\n  }\r\n\r\n  .service-card:hover .service-card-link {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .service-card-link:hover {\r\n    gap: 12px;\r\n    box-shadow: 0 8px 24px rgba(225, 48, 108, 0.4);\r\n  }\r\n\r\n  .service-card-link svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .service-card-link:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  @media (min-width: 769px) and (max-width: 1200px) {\r\n    .services-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .services-grid-section {\r\n      padding: 80px 20px;\r\n    }\r\n\r\n    .services-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n\r\n    .service-card {\r\n      min-height: 300px;\r\n    }\r\n\r\n    .service-card-number {\r\n      font-size: 48px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"services-grid-section\">\r\n  <div class=\"services-grid-bg\">\r\n    <div class=\"gradient-mesh\"><\/div>\r\n    <div class=\"floating-particle\"><\/div>\r\n    <div class=\"floating-particle\"><\/div>\r\n    <div class=\"floating-particle\"><\/div>\r\n    <div class=\"floating-particle\"><\/div>\r\n    <div class=\"floating-particle\"><\/div>\r\n    <div class=\"floating-particle\"><\/div>\r\n    <div class=\"floating-particle\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"services-grid-container\">\r\n    <div class=\"services-grid-header\">\r\n      <!-- Removed \"Premium\" from title -->\r\n      <h2> <span class=\"gradient-text\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span><\/h2>\r\n      <p>\u062d\u0644\u0648\u0644 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0631\u0641\u0639 \u0642\u064a\u0645\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"services-grid\">\r\n      <!-- Service 1: Experiences & Activations -->\r\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d9%84%d8%aa%d8%ac%d8%a7%d8%b1%d8%a8-%d9%88%d8%a7%d9%84%d8%a3%d9%86%d8%b4%d8%b7%d8%a9\/\" class=\"service-card\">\r\n        <div class=\"service-card-content\">\r\n          <div class=\"service-card-top\">\r\n            <div class=\"service-card-number\">01<\/div>\r\n            <h3>\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h3>\r\n            <p>\u0646\u0628\u062a\u0643\u0631 \u062a\u062c\u0627\u0631\u0628 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u062a\u064f\u0634\u0631\u0643 \u062c\u0645\u0647\u0648\u0631\u0643 \u0648\u062a\u064f\u0644\u0647\u0645\u0647 \u0639\u0628\u0631 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u063a\u0627\u0645\u0631\u0629.<\/p>\r\n          <\/div>\r\n          <div class=\"service-card-link\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Service 2: Booths & Exhibition Stands -->\r\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d8%ac%d9%86%d8%ad%d8%a9-%d8%a7%d9%84%d9%85%d8%b9%d8%a7%d8%b1%d8%b6\/\" class=\"service-card\">\r\n        <div class=\"service-card-content\">\r\n          <div class=\"service-card-top\">\r\n            <div class=\"service-card-number\">02<\/div>\r\n            <h3>\u0623\u062c\u0646\u062d\u0629 \u0627\u0644\u0645\u0639\u0627\u0631\u0636<\/h3>\r\n            <p>\u0646\u0635\u0645\u0651\u0645 \u0648\u0646\u0646\u0641\u0651\u0630 \u0623\u062c\u0646\u062d\u0629 \u0645\u0639\u0627\u0631\u0636 \u0645\u0628\u0647\u0631\u0629 \u062a\u062c\u0630\u0628 \u0627\u0644\u0632\u0648\u0651\u0627\u0631 \u0648\u062a\u064f\u0628\u0631\u0632 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0623\u0641\u0636\u0644 \u0635\u0648\u0631\u0629.<\/p>\r\n          <\/div>\r\n          <div class=\"service-card-link\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Service 3: Creative Branding Studio -->\r\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d9%84%d8%a7%d8%b3%d8%aa%d8%af%d9%8a%d9%88-%d8%a7%d9%84%d8%a7%d8%a8%d8%af%d8%a7%d8%b9%d9%8a\/\" class=\"service-card\">\r\n        <div class=\"service-card-content\">\r\n          <div class=\"service-card-top\">\r\n            <div class=\"service-card-number\">03<\/div>\r\n            <h3>\u0627\u0633\u062a\u0648\u062f\u064a\u0648 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629<\/h3>\r\n            <p>\u0646\u0635\u0646\u0639 \u0647\u0648\u064a\u0627\u062a \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0642\u0648\u064a\u0629 \u0648\u0645\u064f\u0644\u0647\u0645\u0629 \u062a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0643 \u0648\u062a\u062a\u0645\u064a\u0651\u0632 \u0641\u064a \u0627\u0644\u0633\u0648\u0642.<\/p>\r\n          <\/div>\r\n          <div class=\"service-card-link\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Service 4: Social Media & Content Creation -->\r\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d8%a7%d9%84%d8%a7%d8%ac%d8%aa%d9%85%d8%a7%d8%b9%d9%8a\/\" class=\"service-card\">\r\n        <div class=\"service-card-content\">\r\n          <div class=\"service-card-top\">\r\n            <div class=\"service-card-number\">04<\/div>\r\n            <h3>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627 \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/h3>\r\n            <p>\u0646\u0646\u062a\u062c \u0645\u062d\u062a\u0648\u0649 \u062c\u0630\u0651\u0627\u0628\u064b\u0627 \u064a\u0639\u0632\u0632 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u064a\u0635\u0646\u0639 \u0627\u0631\u062a\u0628\u0627\u0637\u064b\u0627 \u0637\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u062f \u0628\u064a\u0646 \u0639\u0644\u0627\u0645\u062a\u0643 \u0648\u062c\u0645\u0647\u0648\u0631\u0643.<\/p>\r\n          <\/div>\r\n          <div class=\"service-card-link\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Service 5: Printing & Promotional Production -->\r\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d9%84%d8%b7%d8%a8%d8%a7%d8%b9%d8%a9-%d9%88%d8%a7%d9%84%d9%87%d8%af%d8%a7%d9%8a%d8%a7-%d8%a7%d9%84%d8%af%d8%b9%d8%a7%d8%a6%d9%8a%d8%a9\/\" class=\"service-card\">\r\n        <div class=\"service-card-content\">\r\n          <div class=\"service-card-top\">\r\n            <div class=\"service-card-number\">05<\/div>\r\n            <h3>\u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062f\u0639\u0627\u0626\u064a<\/h3>\r\n            <p>\u0646\u0648\u0641\u0631 \u0645\u0637\u0628\u0648\u0639\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0645\u0646\u062a\u062c\u0627\u062a \u062a\u0631\u0648\u064a\u062c\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u062a\u0631\u0643 \u0623\u062b\u0631\u064b\u0627 \u0644\u0627 \u064a\u064f\u0646\u0633\u0649.<\/p>\r\n          <\/div>\r\n          <div class=\"service-card-link\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Service 6: Acrylic & Wood Fabrication -->\r\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%aa%d8%b5%d9%86%d9%8a%d8%b9-%d8%a7%d9%84%d8%a3%d9%83%d8%b1%d9%8a%d9%84%d9%8a%d9%83-%d9%88%d8%a7%d9%84%d8%ae%d8%b4%d8%a8\/\" class=\"service-card\">\r\n        <div class=\"service-card-content\">\r\n          <div class=\"service-card-top\">\r\n            <div class=\"service-card-number\">06<\/div>\r\n            <h3>\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0623\u0643\u0631\u064a\u0644\u064a\u0643 \u0648\u0627\u0644\u062e\u0634\u0628<\/h3>\r\n            <p>\u062a\u0635\u0646\u064a\u0639 \u0645\u062e\u0635\u0635 \u0641\u0627\u062e\u0631 \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u062d\u0631\u0641\u064a\u0629 \u0645\u062a\u0642\u0646\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0627\u0645\u0627\u062a \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629.<\/p>\r\n          <\/div>\r\n          <div class=\"service-card-link\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Service 7: Digital Solutions -->\r\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d9%84%d8%ad%d9%84%d9%88%d9%84-%d8%a7%d9%84%d8%b1%d9%82%d9%85%d9%8a%d8%a9\/\" class=\"service-card\">\r\n        <div class=\"service-card-content\">\r\n          <div class=\"service-card-top\">\r\n            <div class=\"service-card-number\">07<\/div>\r\n            <h3>\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\r\n            <p>\u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u062a\u0639\u0632\u0632 \u062d\u0636\u0648\u0631 \u0639\u0644\u0627\u0645\u062a\u0643 \u0639\u0644\u0649 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0648\u062a\u0631\u0641\u0639 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c.<\/p>\r\n          <\/div>\r\n          <div class=\"service-card-link\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Service 8: Promoters & Brand Ambassadors -->\r\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%b3%d9%81%d8%b1%d8%a7%d8%a1-%d8%a7%d9%84%d8%b9%d9%84%d8%a7%d9%85%d8%a9-%d8%a7%d9%84%d8%aa%d8%ac%d8%a7%d8%b1%d9%8a%d8%a9\/\" class=\"service-card\">\r\n        <div class=\"service-card-content\">\r\n          <div class=\"service-card-top\">\r\n            <div class=\"service-card-number\">08<\/div>\r\n            <h3>\u0633\u0641\u0631\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n            <p>\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641 \u064a\u0645\u062b\u0644 \u0639\u0644\u0627\u0645\u062a\u0643 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u064a\u0635\u0646\u0639 \u062a\u0648\u0627\u0635\u0644\u064b\u0627 \u062d\u0642\u064a\u0642\u064a\u064b\u0627 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0643 \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639.<\/p>\r\n          <\/div>\r\n          <div class=\"service-card-link\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d1ba6a e-flex e-con-boxed e-con e-child\" data-id=\"5d1ba6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7f5e9f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f7f5e9f\" 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  \/* FORCE FULL WIDTH inside Elementor *\/\r\n  .why-choose-section{\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n\r\n    background: linear-gradient(135deg, #1a0b2e 0%, #2d1b4e 100%);\r\n    padding: 120px 20px;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Safety: prevent Elementor wrappers from clipping *\/\r\n  .why-choose-section * { box-sizing: border-box; }\r\n\r\n  \/* Background animations *\/\r\n  .why-choose-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ripple-circle {\r\n    position: absolute;\r\n    border: 2px solid rgba(225, 48, 108, 0.2);\r\n    border-radius: 50%;\r\n    animation: rippleExpand 8s ease-out infinite;\r\n  }\r\n\r\n  .ripple-circle:nth-child(1) {\r\n    width: 300px;\r\n    height: 300px;\r\n    top: 20%;\r\n    left: 10%;\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  .ripple-circle:nth-child(2) {\r\n    width: 400px;\r\n    height: 400px;\r\n    bottom: 20%;\r\n    right: 10%;\r\n    animation-delay: 2s;\r\n  }\r\n\r\n  .ripple-circle:nth-child(3) {\r\n    width: 350px;\r\n    height: 350px;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    animation-delay: 4s;\r\n  }\r\n\r\n  @keyframes rippleExpand {\r\n    0%   { transform: scale(0.5); opacity: 0; }\r\n    50%  { opacity: 0.3; }\r\n    100% { transform: scale(2); opacity: 0; }\r\n  }\r\n\r\n  .floating-particle {\r\n    position: absolute;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: rgba(255, 255, 255, 0.6);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);\r\n    animation: particleFloat 15s ease-in-out infinite;\r\n  }\r\n\r\n  .floating-particle:nth-child(4) { left: 20%; top: 30%; animation-delay: 0s; }\r\n  .floating-particle:nth-child(5) { left: 60%; top: 60%; animation-delay: 3s; }\r\n  .floating-particle:nth-child(6) { left: 80%; top: 20%; animation-delay: 6s; }\r\n\r\n  @keyframes particleFloat {\r\n    0%, 100% { transform: translate(0, 0); }\r\n    25%      { transform: translate(50px, -50px); }\r\n    50%      { transform: translate(-30px, 30px); }\r\n    75%      { transform: translate(30px, 50px); }\r\n  }\r\n\r\n  .why-choose-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n  }\r\n\r\n  .why-choose-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .why-choose-header h2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(36px, 5vw, 56px);\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .why-choose-header h2 .gradient-text {\r\n    background: linear-gradient(135deg, #E1306C 0%, #fff 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  .why-choose-header p {\r\n    font-size: 20px;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .why-choose-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 32px;\r\n  }\r\n\r\n  .why-choose-card {\r\n    position: relative;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 24px;\r\n    padding: 40px;\r\n    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .why-choose-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(90, 45, 130, 0.1) 0%, rgba(225, 48, 108, 0.1) 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n  }\r\n\r\n  .why-choose-card:hover {\r\n    transform: translateY(-12px);\r\n    border-color: rgba(225, 48, 108, 0.5);\r\n    box-shadow: 0 20px 60px rgba(225, 48, 108, 0.3);\r\n  }\r\n\r\n  .why-choose-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .why-choose-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 24px;\r\n    transition: transform 0.5s ease;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .why-choose-card:hover .why-choose-icon {\r\n    transform: scale(1.1) rotate(5deg);\r\n  }\r\n\r\n  .why-choose-icon svg {\r\n    width: 32px;\r\n    height: 32px;\r\n    color: #fff;\r\n  }\r\n\r\n  .why-choose-card h3 {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin: 0 0 16px 0;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .why-choose-card p {\r\n    font-size: 16px;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    line-height: 1.8;\r\n    margin: 0;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .why-choose-section { padding: 80px 16px; }\r\n    .why-choose-grid { grid-template-columns: 1fr; gap: 24px; }\r\n  }\r\n\r\n  @media (min-width: 769px) and (max-width: 1024px) {\r\n    .why-choose-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"why-choose-section\">\r\n  <div class=\"why-choose-bg\">\r\n    <div class=\"ripple-circle\"><\/div>\r\n    <div class=\"ripple-circle\"><\/div>\r\n    <div class=\"ripple-circle\"><\/div>\r\n    <div class=\"floating-particle\"><\/div>\r\n    <div class=\"floating-particle\"><\/div>\r\n    <div class=\"floating-particle\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"why-choose-container\">\r\n    <div class=\"why-choose-header\">\r\n      <h2>\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 <span class=\"gradient-text\">\u0627\u0644\u0644\u0645\u0633\u0629 \u061f<\/span><\/h2>\r\n      <p>\u0627\u062e\u062a\u0628\u0631 \u0627\u0644\u062a\u0645\u064a\u0651\u0632 \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0639\u0628\u0631 \u0633\u062c\u0644\u0651\u0646\u0627 \u0627\u0644\u0645\u062b\u0628\u062a \u0645\u0646 \u0627\u0644\u0625\u0646\u062c\u0627\u0632\u0627\u062a<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-choose-grid\">\r\n      <div class=\"why-choose-card\">\r\n        <div class=\"why-choose-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0644\u0644\u0646\u0647\u0627\u064a\u0629<\/h3>\r\n        <p>\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0646\u062f\u064a\u0631 \u0643\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0634\u0631\u0648\u0639\u0643 \u0628\u062f\u0642\u0629 \u0648\u0627\u0647\u062a\u0645\u0627\u0645.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-choose-card\">\r\n        <div class=\"why-choose-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75M13 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0641\u0631\u064a\u0642 \u062e\u0628\u064a\u0631<\/h3>\r\n        <p>\u0645\u062d\u062a\u0631\u0641\u0648\u0646 \u064a\u0645\u062a\u0644\u0643\u0648\u0646 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0648\u0625\u0628\u062f\u0627\u0639\u064b\u0627 \u064a\u0646\u0639\u0643\u0633 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-choose-card\">\r\n        <div class=\"why-choose-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629<\/h3>\r\n        <p>\u0646\u0642\u062f\u0651\u0645 \u0646\u062a\u0627\u0626\u062c \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a \u0641\u064a \u0643\u0644 \u0645\u0631\u0629.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-choose-card\">\r\n        <div class=\"why-choose-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0641\u064a \u0627\u0644\u0648\u0642\u062a<\/h3>\r\n        <p>\u0646\u062d\u062a\u0631\u0645 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0646\u0636\u0645\u0646 \u0625\u0646\u062c\u0627\u0632 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0648\u0641\u0642 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u062d\u062f\u062f.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-choose-card\">\r\n        <div class=\"why-choose-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\r\n            <path d=\"M12 22V12M3.27 6.96L12 12l8.73-5.04\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0623\u0648\u0644\u0627\u064b<\/h3>\r\n        <p>\u0646\u0639\u062a\u0645\u062f \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u0623\u0641\u0643\u0627\u0631\u064b\u0627 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0644\u0646\u0638\u0644 \u062f\u0627\u0626\u0645\u064b\u0627 \u0641\u064a \u0627\u0644\u0645\u0642\u062f\u0645\u0629.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-choose-card\">\r\n        <div class=\"why-choose-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n            <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>\u062a\u0631\u0643\u064a\u0632\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u064a\u0644<\/h3>\r\n        <p>\u0631\u0636\u0627\u0643 \u0623\u0648\u0644\u0648\u064a\u062a\u0646\u0627 \u2014 \u0646\u0633\u062a\u0645\u0639 \u0644\u0643\u060c \u0646\u062a\u0643\u064a\u0651\u0641 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0643\u060c \u0648\u0646\u0642\u062f\u0651\u0645 \u0645\u0627 \u064a\u0644\u0627\u0626\u0645\u0643 \u0628\u062f\u0642\u0629.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2db2dd0 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2db2dd0\" 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  \/* FORCE FULL WIDTH inside Elementor *\/\r\n  .services-cta-section{\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n\r\n    background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%);\r\n    padding: 120px 20px;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .services-cta-section *{ box-sizing: border-box; }\r\n\r\n  \/* Background animations *\/\r\n  .services-cta-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cta-pattern {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n      radial-gradient(circle at 20px 20px, rgba(255, 255, 255, 0.1) 2px, transparent 0);\r\n    background-size: 40px 40px;\r\n    animation: patternMove 30s linear infinite;\r\n  }\r\n\r\n  @keyframes patternMove {\r\n    0% { transform: translate(0, 0) rotate(0deg); }\r\n    100% { transform: translate(40px, 40px) rotate(360deg); }\r\n  }\r\n\r\n  .cta-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(60px);\r\n  }\r\n\r\n  .cta-orb:nth-child(2) {\r\n    width: 400px;\r\n    height: 400px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    top: -100px;\r\n    right: -100px;\r\n    animation: orbitFloat 15s ease-in-out infinite;\r\n  }\r\n\r\n  .cta-orb:nth-child(3) {\r\n    width: 300px;\r\n    height: 300px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    bottom: -80px;\r\n    left: -80px;\r\n    animation: orbitFloat 20s ease-in-out infinite reverse;\r\n  }\r\n\r\n  @keyframes orbitFloat {\r\n    0%, 100% { transform: translate(0, 0); }\r\n    50% { transform: translate(50px, -50px); }\r\n  }\r\n\r\n  .services-cta-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .services-cta-container h2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(36px, 6vw, 64px);\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin: 0 0 24px 0;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .services-cta-container p {\r\n    font-size: clamp(18px, 2vw, 24px);\r\n    color: rgba(255, 255, 255, 0.9);\r\n    margin: 0 0 48px 0;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .cta-buttons {\r\n    display: flex;\r\n    gap: 24px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .cta-btn {\r\n    position: relative;\r\n    padding: 18px 48px;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    overflow: hidden;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .cta-btn-primary {\r\n    background: #fff;\r\n    color: #5A2D82;\r\n    border: 2px solid #fff;\r\n  }\r\n\r\n  .cta-btn-primary:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 40px rgba(255, 255, 255, 0.4);\r\n  }\r\n\r\n  .cta-btn-secondary {\r\n    background: transparent;\r\n    color: #fff;\r\n    border: 2px solid rgba(255, 255, 255, 0.5);\r\n  }\r\n\r\n  .cta-btn-secondary:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-color: #fff;\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .cta-stats {\r\n    margin-top: 80px;\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 48px;\r\n  }\r\n\r\n  .cta-stat { text-align: center; }\r\n\r\n  .cta-stat-number {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 48px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin: 0 0 8px 0;\r\n    line-height: 1.3;\r\n    padding: 8px 0;\r\n  }\r\n\r\n  .cta-stat-number .plus { color: rgba(255, 255, 255, 0.7); }\r\n\r\n  .cta-stat-label {\r\n    font-size: 16px;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .services-cta-section { padding: 80px 16px; }\r\n\r\n    .cta-buttons {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .cta-btn { width: 100%; }\r\n\r\n    .cta-stats {\r\n      grid-template-columns: 1fr;\r\n      gap: 32px;\r\n      margin-top: 60px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"services-cta-section\">\r\n  <div class=\"services-cta-bg\">\r\n    <div class=\"cta-pattern\"><\/div>\r\n    <div class=\"cta-orb\"><\/div>\r\n    <div class=\"cta-orb\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"services-cta-container\">\r\n    <h2>\u062c\u0627\u0647\u0632 \u0644\u062a\u062d\u0648\u064a\u0644 \u0631\u0624\u064a\u062a\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639\u061f<\/h2>\r\n    <p>\u062e\u0644\u0651\u0646\u0627 \u0646\u0628\u062a\u0643\u0631 \u0634\u064a\u0626\u064b\u0627 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u064b\u0627 \u0645\u0639\u064b\u0627. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u064a\u0648\u0645 \u0648\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u0646\u0631\u062a\u0642\u064a \u0628\u0639\u0644\u0627\u0645\u062a\u0643 \u0625\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u062c\u062f\u064a\u062f\u0629.<\/p>\r\n\r\n    <div class=\"cta-buttons\">\r\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d8%ad%d8%b5%d9%84-%d8%b9%d9%84%d9%89-%d8%b9%d8%b1%d8%b6-%d8%a3%d8%b3%d8%b9%d8%a7%d8%b1\/\" class=\"cta-btn cta-btn-primary\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a<\/a>\r\n      <a href=\"https:\/\/thetouch.sa\/ar\/%d8%a7%d8%aa%d8%b5%d8%a7%d9%84\/\" class=\"cta-btn cta-btn-secondary\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"cta-stats\">\r\n      <div class=\"cta-stat\">\r\n        <div class=\"cta-stat-number\">350<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"cta-stat-label\">\u0645\u0634\u0631\u0648\u0639 \u062a\u0645 \u062a\u0633\u0644\u064a\u0645\u0647<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cta-stat\">\r\n        <div class=\"cta-stat-number\">150<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"cta-stat-label\">\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cta-stat\">\r\n        <div class=\"cta-stat-number\">8<\/div>\r\n        <div class=\"cta-stat-label\">\u062e\u062f\u0645\u0627\u062a \u0645\u0645\u064a\u0632\u0629<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062d\u0648\u0651\u0644 \u0631\u0624\u064a\u062a\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0646 \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u0645\u0646 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\u2014\u0646\u0642\u062f\u0651\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0631\u062a\u0642\u064a \u0628\u0639\u0644\u0627\u0645\u062a\u0643 \u0648\u062a\u0634\u062f \u0627\u0646\u062a\u0628\u0627\u0647 \u062c\u0645\u0647\u0648\u0631\u0643. \u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062d\u0644\u0648\u0644 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0631\u0641\u0639 \u0642\u064a\u0645\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 01 \u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0646\u0628\u062a\u0643\u0631 \u062a\u062c\u0627\u0631\u0628 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u062a\u064f\u0634\u0631\u0643 \u062c\u0645\u0647\u0648\u0631\u0643 \u0648\u062a\u064f\u0644\u0647\u0645\u0647 \u0639\u0628\u0631 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u063a\u0627\u0645\u0631\u0629. \u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629 02 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_joinchat":[],"footnotes":""},"class_list":["post-14650","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/14650","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=14650"}],"version-history":[{"count":13,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/14650\/revisions"}],"predecessor-version":[{"id":14772,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/14650\/revisions\/14772"}],"wp:attachment":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/media?parent=14650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}