{"id":14627,"date":"2025-12-12T21:25:25","date_gmt":"2025-12-12T21:25:25","guid":{"rendered":"https:\/\/thetouch.sa\/%d8%a7%d9%84%d9%88%d8%b8%d8%a7%d8%a6%d9%81\/"},"modified":"2025-12-27T12:24:07","modified_gmt":"2025-12-27T12:24:07","slug":"%d8%a7%d9%84%d9%88%d8%b8%d8%a7%d8%a6%d9%81","status":"publish","type":"page","link":"https:\/\/thetouch.sa\/ar\/%d8%a7%d9%84%d9%88%d8%b8%d8%a7%d8%a6%d9%81\/","title":{"rendered":"\u0627\u0644\u0648\u0638\u0627\u0626\u0641"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14627\" class=\"elementor elementor-14627 elementor-14539\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b783de6 e-flex e-con-boxed e-con e-parent\" data-id=\"b783de6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5107889 e-flex e-con-boxed e-con e-parent\" data-id=\"5107889\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0917bb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f0917bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\r\n\r\n  \/* \u2705 \u0645\u0646\u0639 \u0623\u064a \u0633\u062d\u0628 \u0623\u0641\u0642\u064a *\/\r\n  html, body { overflow-x: hidden; }\r\n\r\n  .careers-hero {\r\n    position: relative;\r\n    \/* \u2705 Full-bleed \u0622\u0645\u0646 \u062f\u0627\u062e\u0644 Elementor *\/\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    min-height: 100vh;\r\n    background: linear-gradient(135deg, #0a0a0a 0%, #1a0a2e 50%, #0a0a0a 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    padding: 80px 20px;\r\n    box-sizing: border-box;\r\n    font-family: 'Inter', sans-serif;\r\n  }\r\n\r\n  \/* \u2705 \u0627\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0644\u0627 \u062a\u0644\u0645\u0633 \u0627\u0644\u0643\u0644\u0627\u064a\u0643 *\/\r\n  .careers-hero-grid,\r\n  .careers-hero-orb { pointer-events: none; }\r\n\r\n  \/* Animated Grid *\/\r\n  .careers-hero-grid {\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: 100px 100px;\r\n    animation: gridMove 20s linear infinite;\r\n    z-index: 0;\r\n  }\r\n\r\n  @keyframes gridMove {\r\n    0% { transform: translate(0, 0); }\r\n    100% { transform: translate(100px, 100px); }\r\n  }\r\n\r\n  \/* Floating Orbs *\/\r\n  .careers-hero-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    opacity: 0.3;\r\n    animation: float 8s ease-in-out infinite;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* \u2705 \u0628\u062f\u0644 nth-child (\u064a\u062a\u062e\u0631\u0628 \u0641\u064a Elementor) *\/\r\n  .careers-hero-orb[data-orb=\"1\"] {\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, #5A2D82, transparent 70%);\r\n    top: 10%;\r\n    left: 10%;\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  .careers-hero-orb[data-orb=\"2\"] {\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, #E1306C, transparent 70%);\r\n    bottom: 10%;\r\n    right: 10%;\r\n    animation-delay: 2s;\r\n  }\r\n\r\n  @keyframes float {\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  \/* Content *\/\r\n  .careers-hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1200px;\r\n    text-align: center;\r\n    padding: 0 10px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .careers-hero-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.05);\r\n    border: 1px solid rgba(225, 48, 108, 0.3);\r\n    border-radius: 50px;\r\n    color: #E1306C;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 30px;\r\n    animation: fadeInUp 0.8s ease-out 0.2s both;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .careers-hero-badge::before {\r\n    content: '';\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% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.5; transform: scale(1.2); }\r\n  }\r\n\r\n  .careers-hero-title {\r\n    font-size: clamp(48px, 8vw, 96px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    margin: 0 0 30px;\r\n    animation: fadeInUp 0.8s ease-out 0.4s both;\r\n  }\r\n\r\n  .careers-hero-title .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  .careers-hero-description {\r\n    font-size: 20px;\r\n    line-height: 1.6;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    max-width: 700px;\r\n    margin: 0 auto 50px;\r\n    animation: fadeInUp 0.8s ease-out 0.6s both;\r\n  }\r\n\r\n  .careers-hero-cta {\r\n    display: flex;\r\n    gap: 20px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    animation: fadeInUp 0.8s ease-out 0.8s both;\r\n  }\r\n\r\n  .careers-hero-btn {\r\n    padding: 18px 40px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .careers-hero-btn-primary {\r\n    background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%);\r\n    color: white;\r\n    box-shadow: 0 10px 40px rgba(225, 48, 108, 0.3);\r\n  }\r\n\r\n  .careers-hero-btn-primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 50px rgba(225, 48, 108, 0.5);\r\n  }\r\n\r\n  .careers-hero-btn-secondary {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: white;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  .careers-hero-btn-secondary:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-color: rgba(255, 255, 255, 0.4);\r\n    transform: translateY(-3px);\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  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .careers-hero {\r\n      min-height: 80vh;\r\n      padding: 60px 20px;\r\n    }\r\n\r\n    .careers-hero-description {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .careers-hero-cta {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .careers-hero-btn {\r\n      width: 100%;\r\n      max-width: 320px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"careers-hero\">\r\n  <div class=\"careers-hero-grid\"><\/div>\r\n\r\n  <div class=\"careers-hero-orb\" data-orb=\"1\"><\/div>\r\n  <div class=\"careers-hero-orb\" data-orb=\"2\"><\/div>\r\n\r\n  <div class=\"careers-hero-content\">\r\n    <div class=\"careers-hero-badge\">\r\n      <span>\u0646\u0648\u0638\u0641 \u0627\u0644\u0622\u0646<\/span>\r\n    <\/div>\r\n\r\n    <h1 class=\"careers-hero-title\">\r\n      <span style=\"color: white;\">\u0627\u0646\u0636\u0645 \u0625\u0644\u0649<\/span> <span class=\"gradient-text\">\u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a<\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"careers-hero-description\">\r\n      \u0643\u0646 \u062c\u0632\u0621\u0627\u064b \u0645\u0646 \u0641\u0631\u064a\u0642 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u064a\u062d\u0648\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629. \u0646\u0628\u062d\u062b \u0639\u0646 \u0623\u0641\u0631\u0627\u062f \u0645\u062a\u062d\u0645\u0633\u064a\u0646 \u0645\u0633\u062a\u0639\u062f\u064a\u0646 \u0644\u0625\u062d\u062f\u0627\u062b \u062a\u0623\u062b\u064a\u0631.\r\n    <\/p>\r\n\r\n    <div class=\"careers-hero-cta\">\r\n      <a href=\"#open-positions\" class=\"careers-hero-btn careers-hero-btn-primary\">\r\n        <span>\u0634\u0627\u0647\u062f \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u062a\u0627\u062d\u0629<\/span>\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n      <a href=\"#why-join\" class=\"careers-hero-btn careers-hero-btn-secondary\">\r\n        \u0644\u0645\u0627\u0630\u0627 \u062a\u0646\u0636\u0645 \u0625\u0644\u064a\u0646\u0627\r\n      <\/a>\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>.careers-why {\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    background: white;\r\n    padding: 120px 20px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .careers-why-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .careers-why-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .careers-why-label {\r\n    color: #E1306C;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .careers-why-title {\r\n    font-size: clamp(40px, 6vw, 64px);\r\n    font-weight: 700;\r\n    color: #0a0a0a;\r\n    line-height: 1.2;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .careers-why-title .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  .careers-why-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 30px;\r\n    margin-top: 60px;\r\n  }\r\n\r\n  .careers-why-card {\r\n    background: linear-gradient(135deg, rgba(90, 45, 130, 0.05) 0%, rgba(225, 48, 108, 0.05) 100%);\r\n    border: 1px solid rgba(90, 45, 130, 0.1);\r\n    border-radius: 24px;\r\n    padding: 40px 30px;\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .careers-why-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #5A2D82 0%, #E1306C 100%);\r\n    transform: scaleX(0);\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .careers-why-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 20px 60px rgba(90, 45, 130, 0.15);\r\n    border-color: rgba(225, 48, 108, 0.3);\r\n  }\r\n\r\n  .careers-why-card:hover::before {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .careers-why-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%);\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .careers-why-card:hover .careers-why-icon {\r\n    transform: rotate(10deg) scale(1.1);\r\n  }\r\n\r\n  .careers-why-icon svg {\r\n    width: 35px;\r\n    height: 35px;\r\n    stroke: white;\r\n  }\r\n\r\n  .careers-why-card-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #0a0a0a;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .careers-why-card-text {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .careers-why {\r\n      padding: 80px 20px;\r\n    }\r\n\r\n    .careers-why-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n<div class=\"careers-why\" id=\"why-join\">\r\n  <div class=\"careers-why-container\">\r\n    <div class=\"careers-why-header\">\r\n      <div class=\"careers-why-label\">\u0644\u0645\u0627\u0630\u0627 The Touch<\/div>\r\n      <h2 class=\"careers-why-title\">\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062c\u0639\u0644\u0646\u0627 <span class=\"gradient-text\">\u0645\u062e\u062a\u0644\u0641\u064a\u0646<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"careers-why-grid\">\r\n      <div class=\"careers-why-card\">\r\n        <div class=\"careers-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"careers-why-card-title\">\u062b\u0642\u0627\u0641\u0629 \u0639\u0645\u0644 \u062a\u0639\u0627\u0648\u0646\u064a\u0629<\/h3>\r\n        <p class=\"careers-why-card-text\">\r\n          \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0645\u0648\u0647\u0648\u0628 \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u0634\u062c\u0651\u0639 \u0627\u0644\u062a\u0639\u0627\u0648\u0646\u060c \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u060c \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0645 \u0627\u0644\u0645\u062a\u0628\u0627\u062f\u0644.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"careers-why-card\">\r\n        <div class=\"careers-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n            <path d=\"M2 17l10 5 10-5\"\/>\r\n            <path d=\"M2 12l10 5 10-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"careers-why-card-title\">\u0641\u0631\u0635 \u0644\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631<\/h3>\r\n        <p class=\"careers-why-card-text\">\r\n          \u0628\u0631\u0627\u0645\u062c \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0644\u062a\u0639\u0644\u0651\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u0646\u0645\u064a\u0629 \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u062a\u062d\u0642\u064a\u0642 \u0625\u0645\u0643\u0627\u0646\u0627\u062a\u0643.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"careers-why-card\">\r\n        <div class=\"careers-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/>\r\n            <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/>\r\n            <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"careers-why-card-title\">\u062a\u0648\u0627\u0632\u0646 \u0628\u064a\u0646 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062d\u064a\u0627\u0629<\/h3>\r\n        <p class=\"careers-why-card-text\">\r\n          \u0628\u064a\u0626\u0629 \u0639\u0645\u0644 \u0645\u0631\u0646\u0629 \u0648\u062f\u0627\u0639\u0645\u0629 \u062a\u062d\u062a\u0631\u0645 \u0648\u0642\u062a\u0643 \u0627\u0644\u0634\u062e\u0635\u064a \u0648\u062a\u0631\u0643\u0651\u0632 \u0639\u0644\u0649 \u0631\u0641\u0627\u0647\u064a\u062a\u0643.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"careers-why-card\">\r\n        <div class=\"careers-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"careers-why-card-title\">\u0645\u0632\u0627\u064a\u0627 \u062a\u0646\u0627\u0641\u0633\u064a\u0629<\/h3>\r\n        <p class=\"careers-why-card-text\">\u0645\u0632\u0627\u064a\u0627 \u062c\u0630\u0627\u0628\u0629\u060c \u062a\u0623\u0645\u064a\u0646 \u0635\u062d\u064a\u060c \u0648\u0627\u0645\u062a\u064a\u0627\u0632\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"careers-why-card\">\r\n        <div class=\"careers-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"careers-why-card-title\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0644\u0647\u0645\u0629<\/h3>\r\n        <p class=\"careers-why-card-text\">\r\n          \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u062a\u062d\u062f\u0651\u064a\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0645\u0639 \u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"careers-why-card\">\r\n        <div class=\"careers-why-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\r\n            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"careers-why-card-title\">\u0623\u062f\u0648\u0627\u062a \u062d\u062f\u064a\u062b\u0629<\/h3>\r\n        <p class=\"careers-why-card-text\">\r\n          \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0644\u062a\u062d\u0648\u064a\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639.\r\n        <\/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<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-initial 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  \/* \u2705 \u0645\u0646\u0639 \u0623\u064a \u0633\u062d\u0628 \u0623\u0641\u0642\u064a *\/\r\n  html, body { overflow-x: hidden; }\r\n\r\n  .careers-cta{\r\n    position: relative;\r\n\r\n    \/* \u2705 Full-bleed \u0622\u0645\u0646 \u062f\u0627\u062e\u0644 Elementor *\/\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    background: #5A2D82;\r\n    padding: 120px 20px;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .careers-cta-container{\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .careers-cta-title{\r\n    font-size: clamp(36px, 6vw, 56px);\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.2;\r\n    margin: 0 0 30px;\r\n  }\r\n\r\n  \/* \u2705 \u0643\u0627\u0646 \u064a\u062e\u062a\u0641\u064a \u0644\u0623\u0646 \u0627\u0644\u062a\u062f\u0631\u062c \u064a\u0628\u062f\u0623 \u0628\u0646\u0641\u0633 \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n  .careers-cta-title .gradient-text{\r\n    background: linear-gradient(135deg, #ffffff 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  .careers-cta-description{\r\n    font-size: 20px;\r\n    line-height: 1.6;\r\n    color: rgba(255,255,255,0.8);\r\n    margin: 0 0 50px;\r\n  }\r\n\r\n  .careers-cta-buttons{\r\n    display: flex;\r\n    gap: 20px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .careers-cta-btn{\r\n    padding: 18px 40px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: all 0.3s ease;\r\n    box-sizing: border-box;\r\n    white-space: nowrap;\r\n    justify-content: center;\r\n  }\r\n\r\n  .careers-cta-btn-primary{\r\n    background: linear-gradient(135deg, #5A2D82 0%, #E1306C 100%);\r\n    color: #fff;\r\n    box-shadow: 0 10px 40px rgba(225, 48, 108, 0.3);\r\n  }\r\n\r\n  .careers-cta-btn-primary:hover{\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 50px rgba(225, 48, 108, 0.5);\r\n  }\r\n\r\n  .careers-cta-btn-secondary{\r\n    background: transparent;\r\n    color: #fff;\r\n    border: 2px solid rgba(255,255,255,0.9);\r\n  }\r\n\r\n  .careers-cta-btn-secondary:hover{\r\n    background: #fff;\r\n    color: #5A2D82;\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .careers-cta-btn svg{\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: currentColor;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px){\r\n    .careers-cta{ padding: 80px 20px; }\r\n\r\n    .careers-cta-buttons{\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .careers-cta-btn{\r\n      width: 100%;\r\n      max-width: 320px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"careers-cta\">\r\n  <div class=\"careers-cta-container\">\r\n    <h2 class=\"careers-cta-title\">\r\n      <span class=\"gradient-text\">\u062e\u0644\u0651\u0646\u0627 \u0646\u062a\u0648\u0627\u0635\u0644<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"careers-cta-description\">\r\n      \u0646\u062d\u0646 \u062f\u0627\u0626\u0645\u064b\u0627 \u0646\u0628\u062d\u062b \u0639\u0646 \u0645\u0648\u0627\u0647\u0628 \u0645\u0645\u064a\u0632\u0629 \u0644\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627. \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0648\u0634\u0627\u0631\u0643\u0646\u0627 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0643 \u0623\u0646 \u062a\u0643\u0648\u0646 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0631\u062d\u0644\u062a\u0646\u0627 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629.\r\n    <\/p>\r\n\r\n    <div class=\"careers-cta-buttons\">\r\n      <!-- \u2705 \u0625\u0635\u0644\u0627\u062d \u0631\u0627\u0628\u0637 \u0627\u0644\u0628\u0631\u064a\u062f: \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0642\u0628\u0644 ?subject + \u062a\u0634\u0641\u064a\u0631 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\r\n      <a href=\"mailto:info@thetouch.site?subject=Career%20Inquiry\" class=\"careers-cta-btn careers-cta-btn-primary\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n          <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n          <polyline points=\"22,6 12,13 2,6\"\/>\r\n        <\/svg>\r\n        \u0623\u0631\u0633\u0644 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629\r\n      <\/a>\r\n\r\n      <a href=\"tel:+966567069088\" class=\"careers-cta-btn careers-cta-btn-secondary\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n          <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n        <\/svg>\r\n        \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\r\n      <\/a>\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>\u0646\u0648\u0638\u0641 \u0627\u0644\u0622\u0646 \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a \u0643\u0646 \u062c\u0632\u0621\u0627\u064b \u0645\u0646 \u0641\u0631\u064a\u0642 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u064a\u062d\u0648\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629. \u0646\u0628\u062d\u062b \u0639\u0646 \u0623\u0641\u0631\u0627\u062f \u0645\u062a\u062d\u0645\u0633\u064a\u0646 \u0645\u0633\u062a\u0639\u062f\u064a\u0646 \u0644\u0625\u062d\u062f\u0627\u062b \u062a\u0623\u062b\u064a\u0631. \u0634\u0627\u0647\u062f \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0645\u0627\u0630\u0627 \u062a\u0646\u0636\u0645 \u0625\u0644\u064a\u0646\u0627 \u0644\u0645\u0627\u0630\u0627 The Touch \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062c\u0639\u0644\u0646\u0627 \u0645\u062e\u062a\u0644\u0641\u064a\u0646 \u062b\u0642\u0627\u0641\u0629 \u0639\u0645\u0644 \u062a\u0639\u0627\u0648\u0646\u064a\u0629 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0645\u0648\u0647\u0648\u0628 \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u0634\u062c\u0651\u0639 \u0627\u0644\u062a\u0639\u0627\u0648\u0646\u060c \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u060c \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0645 \u0627\u0644\u0645\u062a\u0628\u0627\u062f\u0644. \u0641\u0631\u0635 \u0644\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631 [&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-14627","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/14627","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=14627"}],"version-history":[{"count":7,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/14627\/revisions"}],"predecessor-version":[{"id":14693,"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/pages\/14627\/revisions\/14693"}],"wp:attachment":[{"href":"https:\/\/thetouch.sa\/ar\/wp-json\/wp\/v2\/media?parent=14627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}