{"id":11740,"date":"2026-09-22T17:19:25","date_gmt":"2026-09-22T14:19:25","guid":{"rendered":"https:\/\/transrover.net\/?page_id=11740"},"modified":"2026-09-26T16:10:26","modified_gmt":"2026-09-26T13:10:26","slug":"home-page","status":"publish","type":"page","link":"https:\/\/transrover.net\/ar\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11740\" class=\"elementor elementor-11740\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f88f4b e-con-full e-flex e-con e-parent\" data-id=\"2f88f4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48e22c0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"48e22c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Trans Rover \u2014 Hero Section<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --navy:#122c40;\n    --navy-soft:#3c5468;\n    --teal:#129c7c;\n    --teal-dark:#0d7f65;\n    --teal-light:#e4f6f0;\n    --bg:#f4f8f7;\n    --white:#ffffff;\n    --line:#e2e8e6;\n  }\n\n  *{box-sizing:border-box;margin:0;padding:0;}\n\n  html{scroll-behavior:smooth;}\n\n  body{\n    font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n    background:var(--bg);\n    color:var(--navy);\n    -webkit-font-smoothing:antialiased;\n    overflow-x:hidden;\n  }\n\n  .hero{\n    position:relative;\n    max-width:1280px;\n    margin:0 auto;\n    padding:96px 40px 64px;\n    overflow:hidden;\n  }\n\n  \/* Ambient background glow *\/\n  .hero::before{\n    content:\"\";\n    position:absolute;\n    top:-200px;\n    right:-160px;\n    width:560px;\n    height:560px;\n    background:radial-gradient(circle, rgba(18,156,124,0.14) 0%, rgba(18,156,124,0) 70%);\n    border-radius:50%;\n    pointer-events:none;\n    animation:driftGlow 14s ease-in-out infinite alternate;\n  }\n  .hero::after{\n    content:\"\";\n    position:absolute;\n    bottom:-220px;\n    left:-160px;\n    width:480px;\n    height:480px;\n    background:radial-gradient(circle, rgba(18,44,64,0.06) 0%, rgba(18,44,64,0) 70%);\n    border-radius:50%;\n    pointer-events:none;\n    animation:driftGlow 16s ease-in-out infinite alternate-reverse;\n  }\n\n  @keyframes driftGlow{\n    from{ transform:translate(0,0) scale(1); }\n    to{ transform:translate(-30px,30px) scale(1.08); }\n  }\n\n  .hero-grid{\n    display:grid;\n    grid-template-columns:1.05fr 1fr;\n    gap:56px;\n    align-items:start;\n    position:relative;\n    z-index:1;\n  }\n\n  .copy{\n    padding-top:6px;\n  }\n\n  \/* ---------- LEFT: TEXT ---------- *\/\n  .eyebrow{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    font-size:13px;\n    font-weight:700;\n    letter-spacing:2px;\n    color:var(--teal-dark);\n    text-transform:uppercase;\n    opacity:0;\n    animation:fadeSlideUp .7s ease forwards;\n    animation-delay:.05s;\n  }\n  .eyebrow::before{\n    content:\"\";\n    display:block;\n    width:28px;\n    height:2px;\n    background:var(--teal);\n    animation:growLine 1s ease forwards .4s;\n    transform-origin:left;\n    transform:scaleX(0);\n  }\n  @keyframes growLine{ to{ transform:scaleX(1); } }\n\n  h1.headline{\n    font-size:clamp(2.4rem, 4.4vw, 3.6rem);\n    line-height:1.12;\n    font-weight:800;\n    letter-spacing:-0.02em;\n    margin:20px 0 22px;\n    color:var(--navy);\n  }\n  h1.headline span{\n    display:block;\n    opacity:0;\n    animation:fadeSlideUp .8s ease forwards;\n  }\n  h1.headline span:nth-child(1){ animation-delay:.15s; }\n  h1.headline span:nth-child(2){ animation-delay:.3s; }\n  h1.headline .accent{\n    color:var(--teal-dark);\n    position:relative;\n    display:inline-block;\n  }\n\n  p.subcopy{\n    font-size:1.08rem;\n    line-height:1.65;\n    color:var(--navy-soft);\n    max-width:460px;\n    margin-bottom:34px;\n    opacity:0;\n    animation:fadeSlideUp .8s ease forwards .45s;\n  }\n\n  .cta-row{\n    display:flex;\n    flex-wrap:wrap;\n    gap:16px;\n    margin-bottom:34px;\n    opacity:0;\n    animation:fadeSlideUp .8s ease forwards .58s;\n  }\n\n  .btn{\n    position:relative;\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:15px 26px;\n    border-radius:12px;\n    font-size:15px;\n    font-weight:700;\n    text-decoration:none;\n    cursor:pointer;\n    transition:transform .25s ease, box-shadow .25s ease;\n    overflow:hidden;\n  }\n\n  .btn-primary{\n    background:linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 100%);\n    color:#fff;\n    box-shadow:0 10px 24px -8px rgba(18,156,124,0.55);\n  }\n  .btn-primary:hover{\n    transform:translateY(-3px);\n    box-shadow:0 16px 30px -8px rgba(18,156,124,0.65);\n  }\n  .btn-primary .arrow{\n    transition:transform .3s ease;\n  }\n  .btn-primary:hover .arrow{ transform:translate(4px,-4px); }\n\n  .btn-primary::before{\n    content:\"\";\n    position:absolute;\n    top:0; left:-75%;\n    width:50%;\n    height:100%;\n    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);\n    transform:skewX(-20deg);\n    transition:left .6s ease;\n  }\n  .btn-primary:hover::before{ left:130%; }\n\n  .btn-ghost{\n    background:transparent;\n    color:var(--navy);\n    border:1.5px solid var(--line);\n  }\n  .btn-ghost:hover{\n    border-color:var(--teal);\n    color:var(--teal-dark);\n    transform:translateY(-3px);\n    background:var(--teal-light);\n  }\n  .btn-ghost .arrow{ transition:transform .3s ease; }\n  .btn-ghost:hover .arrow{ transform:translate(4px,-4px); }\n\n  .trust-row{\n    display:flex;\n    flex-wrap:wrap;\n    gap:26px;\n    opacity:0;\n    animation:fadeSlideUp .8s ease forwards .7s;\n  }\n  .trust-item{\n    display:flex;\n    align-items:center;\n    gap:9px;\n    font-size:14px;\n    font-weight:600;\n    color:var(--navy-soft);\n  }\n  .check-circle{\n    width:20px;\n    height:20px;\n    border-radius:50%;\n    background:var(--teal-light);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    flex-shrink:0;\n  }\n  .check-circle svg{\n    width:11px;\n    height:11px;\n    stroke:var(--teal-dark);\n    stroke-width:3.2;\n    fill:none;\n    stroke-dasharray:20;\n    stroke-dashoffset:20;\n    animation:drawCheck .5s ease forwards;\n  }\n  .trust-item:nth-child(1) .check-circle svg{ animation-delay:1.1s; }\n  .trust-item:nth-child(2) .check-circle svg{ animation-delay:1.25s; }\n  @keyframes drawCheck{ to{ stroke-dashoffset:0; } }\n\n  \/* ---------- RIGHT: IMAGE ---------- *\/\n  .visual{\n    position:relative;\n    opacity:0;\n    animation:fadeSlideUp 1s ease forwards .3s;\n  }\n\n  .visual-frame{\n    position:relative;\n    border-radius:28px;\n    overflow:hidden;\n    aspect-ratio:1\/1;\n    box-shadow:0 30px 60px -20px rgba(18,44,64,0.35);\n    isolation:isolate;\n  }\n\n  .visual-frame img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transform:scale(1.02);\n    transition:transform 1.2s cubic-bezier(.2,.7,.2,1);\n  }\n  .visual-frame:hover img{ transform:scale(1.09); }\n\n  .visual-frame::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:linear-gradient(200deg, rgba(18,44,64,0.05) 0%, rgba(18,44,64,0.28) 100%);\n    z-index:1;\n  }\n\n  .visual-ring{\n    position:absolute;\n    inset:-14px;\n    border:1.5px solid rgba(18,156,124,0.35);\n    border-radius:36px;\n    z-index:-1;\n    animation:pulseRing 4s ease-in-out infinite;\n  }\n  @keyframes pulseRing{\n    0%,100%{ opacity:.5; transform:scale(1); }\n    50%{ opacity:1; transform:scale(1.015); }\n  }\n\n  .float-badge{\n    position:absolute;\n    left:-8%;\n    bottom:-8%;\n    background:#fff;\n    border-radius:18px;\n    padding:16px 20px;\n    display:flex;\n    align-items:center;\n    gap:12px;\n    box-shadow:0 20px 40px -12px rgba(18,44,64,0.25);\n    z-index:2;\n    animation:floatBadge 5s ease-in-out infinite, fadeSlideUp .8s ease forwards .9s;\n    opacity:0;\n    max-width:250px;\n  }\n  @keyframes floatBadge{\n    0%,100%{ transform:translateY(0); }\n    50%{ transform:translateY(-10px); }\n  }\n\n  .badge-icon{\n    width:38px;\n    height:38px;\n    border-radius:10px;\n    background:var(--teal-light);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    flex-shrink:0;\n  }\n  .badge-icon svg{\n    width:19px;\n    height:19px;\n    stroke:var(--teal-dark);\n    fill:none;\n    stroke-width:2;\n  }\n  .badge-text{ font-size:13px; line-height:1.4; }\n  .badge-text .muted{ color:var(--navy-soft); display:block; }\n  .badge-text .strong{ color:var(--navy); font-weight:700; display:block; }\n\n  .float-chip{\n    position:absolute;\n    top:6%;\n    right:-6%;\n    background:var(--navy);\n    color:#fff;\n    border-radius:14px;\n    padding:10px 16px;\n    font-size:12.5px;\n    font-weight:700;\n    letter-spacing:.3px;\n    display:flex;\n    align-items:center;\n    gap:8px;\n    box-shadow:0 16px 30px -10px rgba(18,44,64,0.5);\n    z-index:2;\n    opacity:0;\n    animation:floatBadgeAlt 6s ease-in-out infinite, fadeSlideUp .8s ease forwards 1.05s;\n  }\n  .float-chip .dot{\n    width:8px;height:8px;border-radius:50%;\n    background:var(--teal);\n    animation:blinkDot 2s ease-in-out infinite;\n  }\n  @keyframes floatBadgeAlt{\n    0%,100%{ transform:translateY(0); }\n    50%{ transform:translateY(8px); }\n  }\n  @keyframes blinkDot{\n    0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(18,156,124,.5); }\n    50%{ opacity:.6; box-shadow:0 0 0 5px rgba(18,156,124,0); }\n  }\n\n  @keyframes fadeSlideUp{\n    from{ opacity:0; transform:translateY(22px); }\n    to{ opacity:1; transform:translateY(0); }\n  }\n\n  \/* ---------- CATEGORY BAR ---------- *\/\n  .category-bar{\n    max-width:1280px;\n    margin:56px auto 0;\n    padding:28px 40px 0;\n    border-top:1px solid var(--line);\n  }\n  .category-list{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:space-between;\n    gap:20px 32px;\n  }\n  .category-item{\n    position:relative;\n    font-size:12.5px;\n    font-weight:700;\n    letter-spacing:1.2px;\n    text-transform:uppercase;\n    color:var(--navy-soft);\n    text-decoration:none;\n    padding-bottom:6px;\n    transition:color .25s ease;\n    white-space:nowrap;\n  }\n  .category-item::after{\n    content:\"\";\n    position:absolute;\n    left:0; bottom:0;\n    width:0;\n    height:2px;\n    background:var(--teal);\n    transition:width .35s ease;\n  }\n  .category-item:hover{ color:var(--teal-dark); }\n  .category-item:hover::after{ width:100%; }\n\n  \/* ---------- RESPONSIVE ---------- *\/\n  @media (max-width:980px){\n    .hero{ padding:72px 28px 48px; }\n    .hero-grid{\n      grid-template-columns:1fr;\n      gap:48px;\n      text-align:start;\n    }\n    .visual{ order:-1; max-width:440px; margin:0 auto; width:100%; }\n    p.subcopy{ max-width:100%; }\n    .category-bar{ padding:24px 28px 0; }\n    .category-list{ justify-content:flex-start; }\n  }\n\n  @media (max-width:560px){\n    .hero{ padding:56px 20px 40px; }\n    h1.headline{ font-size:2.05rem; }\n    p.subcopy{ font-size:1rem; }\n    .btn{ padding:14px 22px; font-size:14px; flex:1 1 auto; justify-content:center; }\n    .cta-row{ width:100%; }\n    .visual-frame{ border-radius:22px; }\n    .float-badge{\n      left:0; right:0; bottom:-10%;\n      margin:0 auto;\n      max-width:88%;\n      padding:12px 16px;\n    }\n    .float-chip{ top:4%; right:2%; padding:8px 12px; font-size:11px; }\n    .trust-row{ gap:16px 22px; }\n    .category-list{ gap:14px 24px; }\n    .category-item{ font-size:11.5px; letter-spacing:1px; }\n  }\n\n  \/* ================= ARABIC \/ RTL =================\n     Applied when the script below detects the Arabic version of the site\n     (TranslatePress sets <html lang=\"ar\"> and the \/ar\/ URL). *\/\n  .hero[dir=\"rtl\"]{\n    font-family:'Cairo', 'Plus Jakarta Sans', system-ui, sans-serif;\n  }\n  \/* Arabic letters must stay connected: no letter-spacing, no uppercase *\/\n  .hero[dir=\"rtl\"] .eyebrow,\n  .hero[dir=\"rtl\"] h1.headline,\n  .hero[dir=\"rtl\"] .float-chip,\n  .hero[dir=\"rtl\"] .category-item{\n    letter-spacing:0;\n    text-transform:none;\n  }\n  .hero[dir=\"rtl\"] .eyebrow{ font-size:14.5px; }\n  .hero[dir=\"rtl\"] .eyebrow::before{ transform-origin:right; }\n  .hero[dir=\"rtl\"] h1.headline{ line-height:1.4; font-weight:800; }\n  .hero[dir=\"rtl\"] p.subcopy{ line-height:1.9; }\n  .hero[dir=\"rtl\"] .category-item{ font-size:14px; }\n\n  \/* arrows point the other way *\/\n  .hero[dir=\"rtl\"] .btn .arrow{ transform:scaleX(-1); }\n  .hero[dir=\"rtl\"] .btn:hover .arrow{ transform:translate(-4px,-4px) scaleX(-1); }\n\n  \/* mirror the floating badge \/ chip *\/\n  .hero[dir=\"rtl\"] .float-badge{ left:auto; right:-8%; }\n  .hero[dir=\"rtl\"] .float-chip{ right:auto; left:-6%; }\n\n  .hero[dir=\"rtl\"] .category-item::after{ left:auto; right:0; }\n\n  @media (max-width:560px){\n    .hero[dir=\"rtl\"] .float-badge{ left:0; right:0; }\n    .hero[dir=\"rtl\"] .float-chip{ right:auto; left:2%; }\n    .hero[dir=\"rtl\"] .category-item{ font-size:13px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- Every translatable text has its Arabic version in data-ar -->\n<section class=\"hero\" id=\"trHero\">\n  <div class=\"hero-grid\">\n\n    <div class=\"copy\">\n      <span class=\"eyebrow\" data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\">Translation &amp; Consulting<\/span>\n\n      <h1 class=\"headline\">\n        <span data-ar=\"\u0645\u0647\u0645\u0627 \u0627\u062e\u062a\u0644\u0641\u062a \u0627\u0644\u0644\u063a\u0627\u062a\u060c\">Across languages.<\/span>\n        <span class=\"accent\" data-ar=\"\u062a\u0645\u0636\u064a \u0628\u062b\u0642\u0629.\">Ahead with confidence.<\/span>\n      <\/h1>\n\n      <p class=\"subcopy\" data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629\u060c \u0648\u0625\u0631\u0634\u0627\u062f \u0648\u0627\u0636\u062d \u0644\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\">\n        Precise translation for the documents that matter. Clear guidance for the steps that come next.\n      <\/p>\n\n      <div class=\"cta-row\">\n        <a href=\"#\" class=\"btn btn-primary\">\n          <span data-ar=\"\u062a\u0631\u062c\u0645 \u0645\u0633\u062a\u0646\u062f\u0627\u062a\u0643\">Translate your documents<\/span>\n          <svg class=\"arrow\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n        <\/a>\n        <a href=\"#\" class=\"btn btn-ghost\">\n          <span data-ar=\"\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\">Explore consultations<\/span>\n          <svg class=\"arrow\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n        <\/a>\n      <\/div>\n\n      <div class=\"trust-row\">\n        <div class=\"trust-item\">\n          <span class=\"check-circle\"><svg viewBox=\"0 0 24 24\"><polyline points=\"4 12 9 17 20 6\"\/><\/svg><\/span>\n          <span data-ar=\"\u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\">Individuals &amp; businesses<\/span>\n        <\/div>\n        <div class=\"trust-item\">\n          <span class=\"check-circle\"><svg viewBox=\"0 0 24 24\"><polyline points=\"4 12 9 17 20 6\"\/><\/svg><\/span>\n          <span data-ar=\"\u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629 \u062a\u0641\u0631\u0642\">Every detail matters<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"visual\">\n      <div class=\"visual-ring\"><\/div>\n      <div class=\"visual-frame\">\n        <img decoding=\"async\" src=\"https:\/\/transrover.net\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-22-at-5.21.39-PM.jpeg\" alt=\"Trans Rover \u2014 Translation &amp; Consulting\" data-ar-alt=\"\u062a\u0631\u0627\u0646\u0633 \u0631\u0648\u0641\u0631 \u2014 \u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\">\n      <\/div>\n\n      <div class=\"float-badge\">\n        <span class=\"badge-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 8l6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6\"\/><\/svg>\n        <\/span>\n        <span class=\"badge-text\">\n          <span class=\"muted\" data-ar=\"\u0644\u063a\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629\u060c\">Different languages.<\/span>\n          <span class=\"strong\" data-ar=\"\u0648\u0627\u0644\u0645\u0639\u0646\u0649 \u0648\u0627\u062d\u062f.\">The same meaning.<\/span>\n        <\/span>\n      <\/div>\n\n      <div class=\"float-chip\">\n        <span class=\"dot\"><\/span>\n        <span data-ar=\"\u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0645\u0639\u062a\u0645\u062f\u0629\">Trusted &amp; Certified<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"category-bar\">\n    <div class=\"category-list\">\n      <a href=\"#\" class=\"category-item\" data-ar=\"\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629\">Personal Documents<\/a>\n      <a href=\"#\" class=\"category-item\" data-ar=\"\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\">Legal &amp; Corporate<\/a>\n      <a href=\"#\" class=\"category-item\" data-ar=\"\u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629\">Medical &amp; Technical<\/a>\n      <a href=\"#\" class=\"category-item\" data-ar=\"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0641\u0631\">Travel Consultations<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var section = document.getElementById('trHero');\n  if(!section) return;\n\n  \/\/ Arabic when TranslatePress serves the Arabic version (<html lang=\"ar\u2026\"> or \/ar\/ in the URL)\n  var htmlLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\n  var isArabic = htmlLang.indexOf('ar') === 0 || \/^\\\/ar(\\\/|$)\/.test(location.pathname);\n\n  section.setAttribute('dir', isArabic ? 'rtl' : 'ltr');\n  section.setAttribute('lang', isArabic ? 'ar' : 'en');\n  if(!isArabic) return;\n\n  section.querySelectorAll('[data-ar]').forEach(function(el){\n    el.textContent = el.getAttribute('data-ar');\n  });\n  section.querySelectorAll('[data-ar-alt]').forEach(function(el){\n    el.setAttribute('alt', el.getAttribute('data-ar-alt'));\n  });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6415af e-flex e-con-boxed e-con e-parent\" data-id=\"c6415af\" 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-ab1d3b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ab1d3b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\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-f338597 e-flex e-con-boxed e-con e-parent\" data-id=\"f338597\" 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-9e88cbd elementor-widget elementor-widget-html\" data-id=\"9e88cbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Trans Rover \u2014 Services Section<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n.trs-services{\n  --trs-navy:#122c40; --trs-navy-soft:#5a7080; --trs-teal:#129c7c; --trs-teal-dark:#0d7f65; --trs-teal-light:#e4f6f0; --trs-bg:#f4f8f7; --trs-white:#ffffff; --trs-line:#e6ebe9;\n\n  --trs-c1:#129c7c;  \/* teal *\/\n  --trs-c1-bg:#e4f6f0;\n  --trs-c2:#3b6fd6;  \/* blue *\/\n  --trs-c2-bg:#e7eefb;\n  --trs-c3:#b8842f;  \/* amber *\/\n  --trs-c3-bg:#faf1e0;\n  --trs-c4:#d1516b;  \/* rose *\/\n  --trs-c4-bg:#fbe8ec;\n  --trs-c5:#7a5cc9;  \/* violet *\/\n  --trs-c5-bg:#efe9fb;\n  --trs-c6:#2596a8;  \/* sky *\/\n  --trs-c6-bg:#e3f4f6;\n}\n\n\/* Scoped reset \u2014 only affects elements inside this section \/ this\n   widget's modal, never the rest of the WordPress theme's page. *\/\n.trs-services, .trs-services *,\n.trs-modal-overlay, .trs-modal-overlay *{\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\n\n.trs-services{\n  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  background:var(--trs-bg);\n  color:var(--trs-navy);\n  -webkit-font-smoothing:antialiased;\n  max-width:1280px;\n  margin-left:auto;\n  margin-right:auto;\n  padding:88px 40px 100px;\n}\n\n\/* ---------- HEADER ---------- *\/\n.trs-services-header{\n  display:grid;\n  grid-template-columns:1.1fr 1fr;\n  gap:40px;\n  align-items:end;\n  margin-bottom:52px;\n}\n\n.trs-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  font-size:12.5px;\n  font-weight:700;\n  letter-spacing:2px;\n  color:var(--trs-teal-dark);\n  text-transform:uppercase;\n  opacity:0;\n  animation:trsFadeUp .7s ease forwards;\n}\n.trs-eyebrow::before{\n  content:\"\";\n  width:26px;\n  height:2px;\n  background:var(--trs-teal);\n  display:block;\n  transform-origin:left;\n  animation:trsGrowLine .8s ease forwards .35s;\n  transform:scaleX(0);\n}\n@keyframes trsGrowLine{ to{ transform:scaleX(1); } }\n\n.trs-services h2.trs-title{\n  font-size:clamp(2rem, 3.4vw, 2.7rem);\n  line-height:1.15;\n  font-weight:800;\n  letter-spacing:-0.02em;\n  margin-top:16px;\n  opacity:0;\n  animation:trsFadeUp .8s ease forwards .12s;\n}\n\n.trs-header-right{\n  text-align:start;\n  opacity:0;\n  animation:trsFadeUp .8s ease forwards .28s;\n}\n.trs-header-right p{\n  font-size:15px;\n  line-height:1.6;\n  color:var(--trs-navy-soft);\n  margin-bottom:14px;\n  max-width:340px;\n}\n.trs-explore-link{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  font-size:14px;\n  font-weight:700;\n  color:var(--trs-navy);\n  text-decoration:none;\n  position:relative;\n}\n.trs-explore-link::after{\n  content:\"\";\n  position:absolute;\n  left:0; bottom:-3px;\n  width:100%;\n  height:1.5px;\n  background:var(--trs-navy);\n  transform:scaleX(1);\n  transform-origin:right;\n  transition:transform .35s ease;\n}\n.trs-explore-link:hover::after{ transform:scaleX(0); transform-origin:left; }\n.trs-explore-link svg{\n  transition:transform .3s ease;\n  stroke:var(--trs-navy);\n}\n.trs-explore-link:hover svg{ transform:translate(3px,-3px); }\n\n@keyframes trsFadeUp{\n  from{ opacity:0; transform:translateY(18px); }\n  to{ opacity:1; transform:translateY(0); }\n}\n\n\/* ---------- GRID ---------- *\/\n.trs-grid{\n  display:grid;\n  grid-template-columns:repeat(3, 1fr);\n  gap:24px;\n}\n\n.trs-card{\n  position:relative;\n  background:var(--trs-white);\n  border-radius:20px;\n  padding:30px 26px 26px;\n  border:1px solid var(--trs-line);\n  overflow:hidden;\n  opacity:0;\n  transform:translateY(26px);\n  animation:trsCardIn .7s cubic-bezier(.2,.7,.25,1) forwards;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease, border-color .4s ease;\n}\n.trs-card:nth-child(1){ animation-delay:.05s; }\n.trs-card:nth-child(2){ animation-delay:.14s; }\n.trs-card:nth-child(3){ animation-delay:.23s; }\n.trs-card:nth-child(4){ animation-delay:.32s; }\n.trs-card:nth-child(5){ animation-delay:.41s; }\n.trs-card:nth-child(6){ animation-delay:.5s; }\n\n@keyframes trsCardIn{\n  to{ opacity:1; transform:translateY(0); }\n}\n\n.trs-card::before{\n  content:\"\";\n  position:absolute;\n  top:0; left:0;\n  width:100%;\n  height:3px;\n  background:var(--trs-accent);\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .45s cubic-bezier(.2,.7,.2,1);\n}\n\n.trs-card:hover{\n  transform:translateY(-8px);\n  box-shadow:0 26px 44px -20px rgba(18,44,64,0.22);\n  border-color:transparent;\n}\n.trs-card:hover::before{ transform:scaleX(1); }\n\n.trs-card-top{\n  display:flex;\n  align-items:flex-start;\n  justify-content:space-between;\n  margin-bottom:22px;\n}\n\n.trs-icon-box{\n  width:46px;\n  height:46px;\n  border-radius:13px;\n  background:var(--trs-accent-bg);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  transition:transform .45s cubic-bezier(.34,1.56,.64,1), border-radius .4s ease;\n}\n.trs-icon-box svg{\n  width:21px;\n  height:21px;\n  stroke:var(--trs-accent);\n  fill:none;\n  stroke-width:1.8;\n}\n.trs-card:hover .trs-icon-box{\n  transform:rotate(-8deg) scale(1.08);\n  border-radius:34% 66% 60% 40% \/ 40% 40% 60% 60%;\n}\n\n.trs-card-index{\n  font-size:12px;\n  font-weight:700;\n  color:#c7d1cd;\n  letter-spacing:.5px;\n  transition:color .3s ease;\n}\n.trs-card:hover .trs-card-index{ color:var(--trs-accent); }\n\n.trs-card-label{\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:1.4px;\n  text-transform:uppercase;\n  color:var(--trs-accent);\n  margin-bottom:8px;\n}\n\n.trs-card h3{\n  font-size:1.18rem;\n  font-weight:700;\n  color:var(--trs-navy);\n  margin-bottom:10px;\n  letter-spacing:-0.01em;\n}\n\n.trs-card p{\n  font-size:14px;\n  line-height:1.65;\n  color:var(--trs-navy-soft);\n  margin-bottom:20px;\n}\n\n.trs-card-footer{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding-top:16px;\n  border-top:1px solid var(--trs-line);\n}\n\n.trs-card-link{\n  display:inline-flex;\n  align-items:center;\n  gap:6px;\n  font-size:13.5px;\n  font-weight:700;\n  color:var(--trs-accent);\n  text-decoration:none;\n}\n.trs-card-link svg{\n  width:13px;\n  height:13px;\n  stroke:var(--trs-accent);\n  stroke-width:2.4;\n  transition:transform .3s ease;\n}\n.trs-card:hover .trs-card-link svg{ transform:translate(3px,-3px); }\n\n.trs-card-arrow-btn{\n  width:32px;\n  height:32px;\n  border-radius:50%;\n  background:var(--trs-accent-bg);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  transition:background .35s ease, transform .35s ease;\n}\n.trs-card-arrow-btn svg{\n  width:13px; height:13px;\n  stroke:var(--trs-accent);\n  stroke-width:2.4;\n  transition:transform .35s ease;\n}\n.trs-card:hover .trs-card-arrow-btn{\n  background:var(--trs-accent);\n  transform:rotate(45deg);\n}\n.trs-card:hover .trs-card-arrow-btn svg{ stroke:#fff; }\n\n\/* Assign accents *\/\n.trs-card.trs-c1{ --trs-accent:var(--trs-c1); --trs-accent-bg:var(--trs-c1-bg); }\n.trs-card.trs-c2{ --trs-accent:var(--trs-c2); --trs-accent-bg:var(--trs-c2-bg); }\n.trs-card.trs-c3{ --trs-accent:var(--trs-c3); --trs-accent-bg:var(--trs-c3-bg); }\n.trs-card.trs-c4{ --trs-accent:var(--trs-c4); --trs-accent-bg:var(--trs-c4-bg); }\n.trs-card.trs-c5{ --trs-accent:var(--trs-c5); --trs-accent-bg:var(--trs-c5-bg); }\n.trs-card.trs-c6{ --trs-accent:var(--trs-c6); --trs-accent-bg:var(--trs-c6-bg); }\n\n\/* subtle floating background blob per card on hover *\/\n.trs-card-glow{\n  position:absolute;\n  width:160px;\n  height:160px;\n  border-radius:50%;\n  background:var(--trs-accent-bg);\n  top:-70px;\n  right:-70px;\n  opacity:0;\n  filter:blur(6px);\n  transition:opacity .45s ease, transform .6s ease;\n  z-index:0;\n  pointer-events:none;\n}\n.trs-card:hover .trs-card-glow{ opacity:.55; transform:scale(1.15); }\n.trs-card > *:not(.trs-card-glow){ position:relative; z-index:1; }\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:980px){\n  .trs-services{ padding:64px 28px 72px; }\n  .trs-services-header{\n    grid-template-columns:1fr;\n    align-items:start;\n    gap:20px;\n  }\n  .trs-header-right{ text-align:start; }\n  .trs-header-right p{ max-width:100%; }\n  .trs-grid{ grid-template-columns:repeat(2, 1fr); }\n}\n\n@media (max-width:640px){\n  .trs-services{ padding:52px 20px 60px; }\n  .trs-services h2.trs-title{ font-size:1.7rem; }\n  .trs-grid{ grid-template-columns:1fr; gap:18px; }\n  .trs-card{ padding:26px 22px 22px; }\n  .trs-card:hover{ transform:translateY(-4px); }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .trs-services *, .trs-modal-overlay *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }\n}\n\n\/* ================= MODAL ================= *\/\n.trs-modal-overlay{\n  position:fixed !important;\n  top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;\n  width:100% !important;\n  height:100% !important;\n  margin:0 !important;\n  transform:none !important;\n  background:rgba(12,26,38,0.55);\n  backdrop-filter:blur(6px);\n  -webkit-backdrop-filter:blur(6px);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:24px;\n  z-index:2147483647 !important;\n  opacity:0;\n  visibility:hidden;\n  pointer-events:none;\n  transition:opacity .35s ease, visibility .35s ease;\n  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  color:#122c40;\n}\n.trs-modal-overlay.trs-open{\n  opacity:1;\n  visibility:visible;\n  pointer-events:auto;\n}\n\n.trs-modal{\n  --trs-modal-accent:#129c7c;\n  position:relative;\n  width:100%;\n  max-width:860px;\n  max-height:90vh;\n  overflow-y:auto;\n  background:#fff;\n  border-radius:26px;\n  padding:34px 32px 26px;\n  box-shadow:0 40px 90px -20px rgba(10,25,38,0.45);\n  transform:translateY(36px) scale(.96);\n  opacity:0;\n  transition:transform .5s cubic-bezier(.19,1,.22,1), opacity .4s ease;\n}\n.trs-modal-overlay.trs-open .trs-modal{\n  transform:translateY(0) scale(1);\n  opacity:1;\n}\n\n.trs-modal-glow{\n  position:absolute;\n  top:-60px; right:-60px;\n  width:220px; height:220px;\n  border-radius:50%;\n  pointer-events:none;\n  z-index:0;\n  filter:blur(4px);\n}\n\n.trs-modal-close{\n  position:absolute;\n  top:20px; right:20px;\n  width:34px; height:34px;\n  border-radius:50%;\n  border:none;\n  background:#f2f5f4;\n  color:#5a7080;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  cursor:pointer;\n  transition:background .25s ease, color .25s ease, transform .35s cubic-bezier(.34,1.56,.64,1);\n  z-index:2;\n}\n.trs-modal-close svg{ width:15px; height:15px; }\n.trs-modal-close:hover{\n  background:#122c40;\n  color:#fff;\n  transform:rotate(90deg);\n}\n\n.trs-modal-head{ position:relative; z-index:1; margin-bottom:20px; }\n\n.trs-modal-service-pill{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  background:var(--trs-modal-accent-soft, #e4f6f0);\n  color:var(--trs-modal-accent);\n  font-size:11.5px;\n  font-weight:700;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  padding:6px 12px;\n  border-radius:100px;\n  margin-bottom:12px;\n}\n.trs-pill-dot{\n  width:6px; height:6px;\n  border-radius:50%;\n  background:var(--trs-modal-accent);\n  animation:trsPillPulse 1.8s ease-in-out infinite;\n}\n@keyframes trsPillPulse{\n  0%,100%{ opacity:1; transform:scale(1); }\n  50%{ opacity:.4; transform:scale(1.3); }\n}\n\n.trs-modal-title{\n  font-size:1.5rem;\n  font-weight:800;\n  letter-spacing:-0.02em;\n  color:#122c40;\n  margin-bottom:6px;\n}\n.trs-modal-sub{\n  font-size:13.5px;\n  line-height:1.55;\n  color:#5a7080;\n}\n\n.trs-request-form{\n  position:relative;\n  z-index:1;\n  display:flex;\n  flex-direction:column;\n  gap:16px;\n}\n\n\/* three fields per row *\/\n.trs-field-row{\n  display:grid;\n  grid-template-columns:repeat(3, 1fr);\n  gap:14px;\n}\n.trs-field-row.trs-cols-2{ grid-template-columns:1fr 1fr; }\n.trs-field-row .trs-field{ margin:0; min-width:0; }\n\n.trs-field{\n  display:flex;\n  flex-direction:column;\n  gap:6px;\n  opacity:0;\n  transform:translateY(10px);\n  animation:trsFieldIn .5s ease forwards;\n}\n.trs-modal-overlay.trs-open .trs-field{ animation-play-state:running; }\n@keyframes trsFieldIn{ to{ opacity:1; transform:translateY(0); } }\n\n.trs-field label{\n  font-size:12.5px;\n  font-weight:700;\n  color:#122c40;\n}\n.trs-field label .trs-optional{\n  font-weight:500;\n  color:#a4b0ac;\n  text-transform:none;\n  letter-spacing:0;\n}\n.trs-field label .trs-req{\n  color:var(--trs-modal-accent);\n  font-weight:700;\n}\n\n.trs-field input,\n.trs-field select,\n.trs-field textarea{\n  font-family:inherit;\n  font-size:14.5px;\n  color:#122c40;\n  background:#f7faf9;\n  border:1.5px solid #e6ebe9;\n  border-radius:12px;\n  padding:12px 14px;\n  outline:none;\n  resize:none;\n  width:100%;\n  min-width:0;\n  transition:border-color .25s ease, background .25s ease, box-shadow .25s ease;\n}\n.trs-field input::placeholder,\n.trs-field textarea::placeholder{ color:#a9b6b2; }\n\n\/* client type dropdown \u2014 custom (not a native <select>) so WordPress\n   themes \/ select plugins can't restyle or replace it.\n   Selectors are prefixed with the overlay for extra specificity over theme button styles. *\/\n.trs-dd-field{ position:relative; z-index:5; }\n.trs-dd{ position:relative; }\n.trs-modal-overlay .trs-dd-btn{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:10px;\n  width:100%;\n  min-height:0;\n  margin:0;\n  font-family:inherit;\n  font-size:14.5px;\n  font-weight:400;\n  line-height:1.4;\n  letter-spacing:0;\n  text-transform:none;\n  text-align:start;\n  color:#122c40;\n  background:#f7faf9;\n  border:1.5px solid #e6ebe9;\n  border-radius:12px;\n  padding:12px 14px;\n  box-shadow:none;\n  cursor:pointer;\n  outline:none;\n  transition:border-color .25s ease, background .25s ease, box-shadow .25s ease;\n}\n.trs-modal-overlay .trs-dd-btn:hover{ background:#f7faf9; color:#122c40; border-color:#d5dedb; }\n.trs-modal-overlay .trs-dd-btn:focus-visible,\n.trs-modal-overlay .trs-dd.trs-dd-open .trs-dd-btn{\n  border-color:var(--trs-modal-accent);\n  background:#fff;\n  box-shadow:0 0 0 4px var(--trs-modal-accent-soft, rgba(18,156,124,.14));\n}\n.trs-modal-overlay .trs-dd-btn.trs-invalid{\n  border-color:#d1516b;\n  animation:trsShake .4s ease;\n}\n.trs-dd-value{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }\n.trs-dd-value.trs-placeholder{ color:#a9b6b2; }\n.trs-dd-chev{ flex-shrink:0; color:#5a7080; transition:transform .3s ease; }\n.trs-dd.trs-dd-open .trs-dd-chev{ transform:rotate(180deg); }\n\n.trs-modal-overlay .trs-dd-list{\n  position:absolute;\n  top:calc(100% + 6px);\n  left:0; right:0;\n  z-index:20;\n  list-style:none;\n  margin:0;\n  padding:6px;\n  background:#fff;\n  border:1px solid #e6ebe9;\n  border-radius:12px;\n  box-shadow:0 18px 36px -12px rgba(18,44,64,0.28);\n  opacity:0;\n  visibility:hidden;\n  transform:translateY(-6px);\n  transition:opacity .2s ease, transform .2s ease, visibility .2s ease;\n}\n.trs-modal-overlay .trs-dd.trs-dd-open .trs-dd-list{\n  opacity:1;\n  visibility:visible;\n  transform:translateY(0);\n}\n.trs-modal-overlay .trs-dd-list li{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  margin:0;\n  padding:10px 12px;\n  border-radius:8px;\n  font-size:14px;\n  font-weight:600;\n  line-height:1.4;\n  color:#122c40;\n  cursor:pointer;\n  outline:none;\n  list-style:none;\n  transition:background .2s ease, color .2s ease;\n}\n.trs-modal-overlay .trs-dd-list li::before,\n.trs-modal-overlay .trs-dd-list li::marker{ content:none; }\n.trs-modal-overlay .trs-dd-list li:hover,\n.trs-modal-overlay .trs-dd-list li:focus{\n  background:var(--trs-modal-accent-soft, #e4f6f0);\n  color:var(--trs-modal-accent);\n}\n.trs-dd-check{ opacity:0; color:var(--trs-modal-accent); transition:opacity .2s ease; }\n.trs-dd-list li[aria-selected=\"true\"]{ color:var(--trs-modal-accent); }\n.trs-dd-list li[aria-selected=\"true\"] .trs-dd-check{ opacity:1; }\n\n.trs-field input:focus,\n.trs-field select:focus,\n.trs-field textarea:focus{\n  border-color:var(--trs-modal-accent);\n  background-color:#fff;\n  box-shadow:0 0 0 4px var(--trs-modal-accent-soft, rgba(18,156,124,.14));\n}\n\n.trs-field input.trs-invalid,\n.trs-field select.trs-invalid,\n.trs-field.trs-invalid input{\n  border-color:#d1516b;\n  animation:trsShake .4s ease;\n}\n@keyframes trsShake{\n  0%,100%{ transform:translateX(0); }\n  25%{ transform:translateX(-5px); }\n  75%{ transform:translateX(5px); }\n}\n\n\/* translation service \u2014 fixed display, set automatically from the card clicked *\/\n.trs-service-display{\n  font-size:13.5px;\n  font-weight:700;\n  color:var(--trs-modal-accent);\n  background:var(--trs-modal-accent-soft, #e4f6f0);\n  border:1.5px solid transparent;\n  border-radius:12px;\n  padding:13px 14px;\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n}\n\n\/* notes + upload side by side *\/\n.trs-notes-field textarea{ flex:1; min-height:112px; }\n\n\/* file upload *\/\n.trs-upload-zone{\n  flex:1;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  gap:4px;\n  padding:16px 14px;\n  min-height:112px;\n  border:1.5px dashed #b9d8cd;\n  border-radius:14px;\n  background:#f7fbfa;\n  cursor:pointer;\n  transition:border-color .25s ease, background .25s ease, transform .2s ease;\n}\n.trs-upload-zone:hover,\n.trs-upload-zone:focus-visible{\n  border-color:var(--trs-modal-accent);\n  background:var(--trs-modal-accent-soft, #e4f6f0);\n}\n.trs-upload-zone.trs-drag-over{\n  border-color:var(--trs-modal-accent);\n  background:var(--trs-modal-accent-soft, #e4f6f0);\n  transform:scale(1.01);\n}\n.trs-upload-icon{\n  width:34px; height:34px;\n  border-radius:50%;\n  background:#fff;\n  border:1px solid #e6ebe9;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--trs-modal-accent);\n  margin-bottom:4px;\n  transition:transform .3s cubic-bezier(.34,1.56,.64,1);\n}\n.trs-upload-icon svg{ width:17px; height:17px; }\n.trs-upload-zone:hover .trs-upload-icon{ transform:translateY(-3px); }\n.trs-upload-text{\n  font-size:13.5px;\n  color:#5a7080;\n}\n.trs-upload-text strong{ color:var(--trs-modal-accent); font-weight:700; }\n.trs-upload-sub{\n  font-size:11px;\n  line-height:1.5;\n  color:#a4b0ac;\n  margin-top:2px;\n}\n\n.trs-file-list{\n  list-style:none;\n  display:grid;\n  grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));\n  gap:8px;\n}\n.trs-file-list:empty{ display:none; }\n.trs-file-list li{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  background:#f7faf9;\n  border:1px solid #e6ebe9;\n  border-radius:10px;\n  padding:8px 10px;\n  font-size:12.5px;\n  color:#122c40;\n  min-width:0;\n  animation:trsFieldIn .35s ease forwards;\n}\n.trs-file-list .trs-file-ic{\n  width:26px; height:26px;\n  border-radius:7px;\n  background:var(--trs-modal-accent-soft, #e4f6f0);\n  color:var(--trs-modal-accent);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-shrink:0;\n}\n.trs-file-list .trs-file-meta{ flex:1; min-width:0; }\n.trs-file-list .trs-file-name{\n  display:block;\n  font-weight:600;\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n}\n.trs-file-list .trs-file-size{ color:#a4b0ac; font-size:11px; }\n.trs-file-list .trs-file-remove{\n  background:none;\n  border:none;\n  color:#a4b0ac;\n  cursor:pointer;\n  padding:4px;\n  display:flex;\n  border-radius:6px;\n  transition:color .2s ease, background .2s ease;\n}\n.trs-file-list .trs-file-remove:hover{ color:#d1516b; background:#fbe8ec; }\n\n\/* agreement checkbox *\/\n.trs-agree-row{\n  display:flex;\n  flex-direction:row !important;\n  align-items:flex-start;\n  gap:10px;\n  cursor:pointer;\n  font-size:12.5px;\n  line-height:1.5;\n  color:#5a7080;\n  font-weight:500;\n}\n.trs-agree-row input[type=\"checkbox\"]{\n  margin-top:2px;\n  width:16px; height:16px;\n  flex-shrink:0;\n  accent-color:var(--trs-modal-accent);\n  cursor:pointer;\n}\n.trs-agree-row.trs-invalid span{ color:#d1516b; }\n\n.trs-submit-btn{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  width:100%;\n  margin-top:2px;\n  padding:15px 20px;\n  border:none;\n  border-radius:13px;\n  background:linear-gradient(135deg, #25d366 0%, #128c4f 100%);\n  color:#fff;\n  font-family:inherit;\n  font-size:15px;\n  font-weight:700;\n  cursor:pointer;\n  overflow:hidden;\n  box-shadow:0 14px 26px -10px rgba(37,211,102,0.55);\n  transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;\n  opacity:0;\n  transform:translateY(10px);\n  animation:trsFieldIn .5s ease forwards;\n}\n.trs-submit-btn:hover:not(:disabled){\n  transform:translateY(-3px);\n  box-shadow:0 18px 32px -8px rgba(37,211,102,0.65);\n}\n.trs-submit-btn:active:not(:disabled){ transform:translateY(-1px); }\n.trs-submit-btn:disabled{ cursor:default; opacity:.85; }\n\n.trs-submit-btn::before{\n  content:\"\";\n  position:absolute;\n  top:0; left:-75%;\n  width:50%;\n  height:100%;\n  background:linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);\n  transform:skewX(-20deg);\n  transition:left .6s ease;\n}\n.trs-submit-btn:hover::before{ left:130%; }\n\n.trs-wa-icon{ width:19px; height:19px; flex-shrink:0; }\n.trs-submit-arrow{ transition:transform .3s ease; }\n.trs-submit-btn:hover .trs-submit-arrow{ transform:translate(3px,-3px); }\n\n.trs-privacy-note{\n  display:flex;\n  align-items:flex-start;\n  gap:6px;\n  font-size:11.5px;\n  line-height:1.5;\n  color:#a4b0ac;\n  text-align:start;\n  margin-top:-4px;\n}\n.trs-privacy-note svg{ flex-shrink:0; margin-top:2px; }\n\n\/* success state *\/\n.trs-success-state{\n  position:relative;\n  z-index:1;\n  display:none;\n  flex-direction:column;\n  align-items:center;\n  text-align:center;\n  padding:20px 10px 10px;\n}\n.trs-success-state.trs-show{ display:flex; }\n\n.trs-success-check{\n  width:60px; height:60px;\n  border-radius:50%;\n  background:linear-gradient(135deg, #25d366, #128c4f);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:18px;\n  animation:trsPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards;\n}\n.trs-success-check svg{ width:26px; height:26px; }\n@keyframes trsPopIn{\n  0%{ transform:scale(0); }\n  70%{ transform:scale(1.15); }\n  100%{ transform:scale(1); }\n}\n\n.trs-success-state h4{\n  font-size:1.15rem;\n  font-weight:800;\n  color:#122c40;\n  margin-bottom:8px;\n}\n.trs-success-state p{\n  font-size:13.5px;\n  color:#5a7080;\n  line-height:1.5;\n}\n\n\/* ================= ARABIC \/ RTL =================\n   Applied when the script detects the Arabic version of the site\n   (TranslatePress sets <html lang=\"ar\"> and the \/ar\/ URL). *\/\n.trs-services[dir=\"rtl\"],\n.trs-modal-overlay[dir=\"rtl\"]{\n  font-family:'Cairo', 'Plus Jakarta Sans', system-ui, sans-serif;\n}\n\/* Arabic letters must stay connected: no letter-spacing, no uppercase *\/\n.trs-services[dir=\"rtl\"] .trs-eyebrow,\n.trs-services[dir=\"rtl\"] h2.trs-title,\n.trs-services[dir=\"rtl\"] .trs-card-label,\n.trs-services[dir=\"rtl\"] .trs-card h3,\n.trs-modal-overlay[dir=\"rtl\"] .trs-modal-service-pill,\n.trs-modal-overlay[dir=\"rtl\"] .trs-modal-title{\n  letter-spacing:0;\n  text-transform:none;\n}\n.trs-services[dir=\"rtl\"] .trs-eyebrow{ font-size:14px; }\n.trs-services[dir=\"rtl\"] .trs-eyebrow::before{ transform-origin:right; }\n.trs-services[dir=\"rtl\"] h2.trs-title{ line-height:1.4; font-weight:800; }\n.trs-services[dir=\"rtl\"] .trs-card-label{ font-size:12.5px; }\n.trs-services[dir=\"rtl\"] .trs-card p{ line-height:1.85; }\n\n\/* underline \/ top accent grow from the right *\/\n.trs-services[dir=\"rtl\"] .trs-explore-link::after{ transform-origin:left; }\n.trs-services[dir=\"rtl\"] .trs-explore-link:hover::after{ transform-origin:right; }\n.trs-services[dir=\"rtl\"] .trs-card::before{ transform-origin:right; }\n.trs-services[dir=\"rtl\"] .trs-card-glow{ right:auto; left:-70px; }\n\n\/* arrows point the other way *\/\n.trs-services[dir=\"rtl\"] .trs-explore-link svg,\n.trs-services[dir=\"rtl\"] .trs-card-link svg,\n.trs-services[dir=\"rtl\"] .trs-card-arrow-btn svg{ transform:scaleX(-1); }\n.trs-services[dir=\"rtl\"] .trs-explore-link:hover svg,\n.trs-services[dir=\"rtl\"] .trs-card:hover .trs-card-link svg{ transform:translate(-3px,-3px) scaleX(-1); }\n.trs-services[dir=\"rtl\"] .trs-card:hover .trs-card-arrow-btn{ transform:rotate(-45deg); }\n\n\/* modal *\/\n.trs-modal-overlay[dir=\"rtl\"] .trs-modal-close{ right:auto; left:20px; }\n.trs-modal-overlay[dir=\"rtl\"] .trs-modal-glow{ right:auto; left:-60px; }\n.trs-modal-overlay[dir=\"rtl\"] .trs-modal-sub,\n.trs-modal-overlay[dir=\"rtl\"] .trs-agree-row{ line-height:1.8; }\n.trs-modal-overlay[dir=\"rtl\"] .trs-submit-arrow{ transform:scaleX(-1); }\n.trs-modal-overlay[dir=\"rtl\"] .trs-submit-btn:hover .trs-submit-arrow{ transform:translate(-3px,-3px) scaleX(-1); }\n\/* emails and phone numbers are always typed left-to-right *\/\n.trs-modal-overlay[dir=\"rtl\"] .trs-field input[type=\"email\"],\n.trs-modal-overlay[dir=\"rtl\"] .trs-field input[type=\"tel\"]{ direction:ltr; text-align:right; }\n\n@media (max-width:760px){\n  .trs-field-row{ grid-template-columns:1fr 1fr; }\n  .trs-field-row.trs-cols-2{ grid-template-columns:1fr; }\n}\n\n@media (max-width:560px){\n  .trs-field-row{ grid-template-columns:1fr; }\n  .trs-modal{\n    padding:32px 22px 26px;\n    border-radius:22px;\n    max-width:100%;\n  }\n  .trs-modal-title{ font-size:1.3rem; }\n}\n<\/style>\n<\/head>\n<body>\n<section class=\"trs-services\" id=\"trsServices\">\n  <div class=\"trs-services-header\">\n    <div>\n      <span class=\"trs-eyebrow\" data-ar=\"01 \/ \u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">01 \/ Translation Expertise<\/span>\n      <h2 class=\"trs-title\" data-ar-html=\"\u0645\u0633\u062a\u0646\u062f\u0643\u060c<br>\u0628\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\">Your document.<br>The right expertise.<\/h2>\n    <\/div>\n    <div class=\"trs-header-right\">\n      <p data-ar=\"\u0645\u0646 \u0634\u0647\u0627\u062f\u0629 \u0648\u0627\u062d\u062f\u0629 \u0625\u0644\u0649 \u0645\u0633\u062a\u0646\u062f \u0623\u0639\u0645\u0627\u0644 \u0645\u0639\u0642\u0651\u062f\u060c \u0627\u0628\u062f\u0623 \u0628\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0643.\">From a single certificate to a complex business document, start with the service that fits your needs.<\/p>\n      <a href=\"#\" class=\"trs-explore-link\">\n        <span data-ar=\"\u0627\u0633\u062a\u0643\u0634\u0641 \u0643\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Explore all translation services<\/span>\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"trs-grid\">\n\n    <!-- 1 -->\n    <div class=\"trs-card trs-c1\" data-service=\"Certified Translation\" data-service-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0645\u0639\u062a\u0645\u062f\u0629\" data-tag=\"Official &amp; Personal\">\n      <div class=\"trs-card-glow\"><\/div>\n      <div class=\"trs-card-top\">\n        <div class=\"trs-icon-box\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 3h6l4 4v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\"\/><path d=\"M9 12h6M9 16h4\"\/><circle cx=\"9\" cy=\"8\" r=\"1\"\/><\/svg>\n        <\/div>\n        <span class=\"trs-card-index\">01<\/span>\n      <\/div>\n      <div class=\"trs-card-label\" data-ar=\"\u0631\u0633\u0645\u064a\u0629 \u0648\u0634\u062e\u0635\u064a\u0629\">Official &amp; Personal<\/div>\n      <h3 data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0645\u0639\u062a\u0645\u062f\u0629\">Certified Translation<\/h3>\n      <p data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0634\u0647\u0627\u062f\u0627\u062a\u0643 \u0648\u0645\u0633\u062a\u0646\u062f\u0627\u062a\u0643 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0645\u0639 \u0627\u0647\u062a\u0645\u0627\u0645 \u062f\u0642\u064a\u0642 \u0628\u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u0644\u0650\u0645\u0629.\">Your certificates and official documents, translated with close attention to names, dates and the receiving authority's requirements.<\/p>\n      <div class=\"trs-card-footer\">\n        <a href=\"#\" class=\"trs-card-link trs-request-trigger\">\n          <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n        <\/a>\n        <span class=\"trs-card-arrow-btn trs-request-trigger\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 2 -->\n    <div class=\"trs-card trs-c2\" data-service=\"Legal Translation\" data-service-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\" data-tag=\"Contracts &amp; Agreements\">\n      <div class=\"trs-card-glow\"><\/div>\n      <div class=\"trs-card-top\">\n        <div class=\"trs-icon-box\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 3v18M5 7l-3 6a3.5 3.5 0 0 0 7 0l-3-6zM19 7l-3 6a3.5 3.5 0 0 0 7 0l-3-6zM5 7h14M8 21h8\"\/><\/svg>\n        <\/div>\n        <span class=\"trs-card-index\">02<\/span>\n      <\/div>\n      <div class=\"trs-card-label\" data-ar=\"\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a\">Contracts &amp; Agreements<\/div>\n      <h3 data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\">Legal Translation<\/h3>\n      <p data-ar=\"\u0635\u064a\u0627\u063a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a \u0648\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0628\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0645\u0648\u062d\u0651\u062f\u0629 \u0641\u064a \u0643\u0644 \u0628\u0646\u062f.\">Precise language for contracts, agreements and company documents, with consistent terminology across every clause.<\/p>\n      <div class=\"trs-card-footer\">\n        <a href=\"#\" class=\"trs-card-link trs-request-trigger\">\n          <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n        <\/a>\n        <span class=\"trs-card-arrow-btn trs-request-trigger\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 3 -->\n    <div class=\"trs-card trs-c3\" data-service=\"Business &amp; Financial Translation\" data-service-ar=\"\u062a\u0631\u062c\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0645\u0627\u0644\u064a\u0629\" data-tag=\"Built For Your Business\">\n      <div class=\"trs-card-glow\"><\/div>\n      <div class=\"trs-card-top\">\n        <div class=\"trs-icon-box\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V9l7-5 7 5v12M9 21v-6h6v6M9 12h.01M15 12h.01M9 8h.01M15 8h.01\"\/><\/svg>\n        <\/div>\n        <span class=\"trs-card-index\">03<\/span>\n      <\/div>\n      <div class=\"trs-card-label\" data-ar=\"\u0645\u0635\u0645\u064e\u0651\u0645\u0629 \u0644\u0623\u0639\u0645\u0627\u0644\u0643\">Built For Your Business<\/div>\n      <h3 data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0645\u0627\u0644\u064a\u0629\">Business &amp; Financial Translation<\/h3>\n      <p data-ar=\"\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0645\u0627\u0644\u064a\u0629 \u0648\u0645\u0631\u0627\u0633\u0644\u0627\u062a \u0623\u0639\u0645\u0627\u0644 \u062a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0645\u0639\u0646\u0627\u0643 \u0648\u0623\u0631\u0642\u0627\u0645\u0643 \u0648\u0623\u0633\u0644\u0648\u0628\u0643 \u0627\u0644\u0645\u0647\u0646\u064a.\">Reports, financial documents and business communications that preserve your meaning, figures and professional tone.<\/p>\n      <div class=\"trs-card-footer\">\n        <a href=\"#\" class=\"trs-card-link trs-request-trigger\">\n          <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n        <\/a>\n        <span class=\"trs-card-arrow-btn trs-request-trigger\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 4 -->\n    <div class=\"trs-card trs-c4\" data-service=\"Medical Translation\" data-service-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0637\u0628\u064a\u0629\" data-tag=\"Specialist Documents\">\n      <div class=\"trs-card-glow\"><\/div>\n      <div class=\"trs-card-top\">\n        <div class=\"trs-icon-box\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 1 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z\"\/><\/svg>\n        <\/div>\n        <span class=\"trs-card-index\">04<\/span>\n      <\/div>\n      <div class=\"trs-card-label\" data-ar=\"\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629\">Specialist Documents<\/div>\n      <h3 data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0637\u0628\u064a\u0629\">Medical Translation<\/h3>\n      <p data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0648\u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0643\u0645\u0627 \u0641\u064a \u0627\u0644\u0623\u0635\u0644.\">Careful translation of medical reports and healthcare documents, keeping terminology, measurements and details faithful to the original.<\/p>\n      <div class=\"trs-card-footer\">\n        <a href=\"#\" class=\"trs-card-link trs-request-trigger\">\n          <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n        <\/a>\n        <span class=\"trs-card-arrow-btn trs-request-trigger\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 5 -->\n    <div class=\"trs-card trs-c5\" data-service=\"Technical Translation\" data-service-ar=\"\u062a\u0631\u062c\u0645\u0629 \u062a\u0642\u0646\u064a\u0629\" data-tag=\"Details That Matter\">\n      <div class=\"trs-card-glow\"><\/div>\n      <div class=\"trs-card-top\">\n        <div class=\"trs-icon-box\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"6\" cy=\"6\" r=\"2.4\"\/><circle cx=\"6\" cy=\"18\" r=\"2.4\"\/><circle cx=\"18\" cy=\"12\" r=\"2.4\"\/><path d=\"M8 7l8 3.6M8 17l8-3.6\"\/><\/svg>\n        <\/div>\n        <span class=\"trs-card-index\">05<\/span>\n      <\/div>\n      <div class=\"trs-card-label\" data-ar=\"\u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u0635\u0646\u0639 \u0627\u0644\u0641\u0631\u0642\">Details That Matter<\/div>\n      <h3 data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u062a\u0642\u0646\u064a\u0629\">Technical Translation<\/h3>\n      <p data-ar=\"\u062a\u0631\u062c\u0645\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u062a\u0651\u0633\u0642\u0629 \u0644\u0644\u0623\u062f\u0644\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a\u060c \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0627\u0644\u0631\u0645\u0648\u0632 \u0648\u062a\u0633\u0644\u0633\u0644 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a.\">Clear, consistent translations of manuals and specifications, preserving units, symbols and the sequence of instructions.<\/p>\n      <div class=\"trs-card-footer\">\n        <a href=\"#\" class=\"trs-card-link trs-request-trigger\">\n          <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n        <\/a>\n        <span class=\"trs-card-arrow-btn trs-request-trigger\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 6 -->\n    <div class=\"trs-card trs-c6\" data-service=\"Travel &amp; Visa Documents\" data-service-ar=\"\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0633\u0641\u0631 \u0648\u0627\u0644\u062a\u0623\u0634\u064a\u0631\u0627\u062a\" data-tag=\"Ready For Your Next Step\">\n      <div class=\"trs-card-glow\"><\/div>\n      <div class=\"trs-card-top\">\n        <div class=\"trs-icon-box\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18\"\/><\/svg>\n        <\/div>\n        <span class=\"trs-card-index\">06<\/span>\n      <\/div>\n      <div class=\"trs-card-label\" data-ar=\"\u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\">Ready For Your Next Step<\/div>\n      <h3 data-ar=\"\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0633\u0641\u0631 \u0648\u0627\u0644\u062a\u0623\u0634\u064a\u0631\u0627\u062a\">Travel &amp; Visa Documents<\/h3>\n      <p data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u062f\u0627\u0639\u0645\u0629 \u0644\u0631\u062d\u0644\u062a\u0643\u060c \u0648\u0641\u0642 \u0627\u0644\u0644\u063a\u0629 \u0648\u0627\u0644\u0635\u064a\u063a\u0629 \u0627\u0644\u062a\u064a \u062a\u0637\u0644\u0628\u0647\u0627 \u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u0644\u0650\u0645\u0629.\">Translations of the supporting documents for your journey, based on the language and format your receiving authority requests.<\/p>\n      <div class=\"trs-card-footer\">\n        <a href=\"#\" class=\"trs-card-link trs-request-trigger\">\n          <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n        <\/a>\n        <span class=\"trs-card-arrow-btn trs-request-trigger\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ================= REQUEST FORM MODAL ================= -->\n<div class=\"trs-modal-overlay\" id=\"trsModalOverlay\">\n  <div class=\"trs-modal\" id=\"trsModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"trsModalTitle\">\n\n    <button class=\"trs-modal-close\" id=\"trsModalClose\" aria-label=\"Close\" data-ar-aria=\"\u0625\u063a\u0644\u0627\u0642\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><line x1=\"6\" y1=\"18\" x2=\"18\" y2=\"6\"\/><\/svg>\n    <\/button>\n\n    <div class=\"trs-modal-glow\" id=\"trsModalGlow\"><\/div>\n\n    <div class=\"trs-modal-head\">\n      <span class=\"trs-modal-service-pill\" id=\"trsServicePill\">\n        <span class=\"trs-pill-dot\"><\/span>\n        <span id=\"trsServiceTagText\">Service<\/span>\n      <\/span>\n      <h3 class=\"trs-modal-title\" id=\"trsModalTitle\" data-ar=\"\u0637\u0644\u0628 \u062a\u0631\u062c\u0645\u0629\">Request a Translation<\/h3>\n      <p class=\"trs-modal-sub\" data-ar=\"\u0627\u0645\u0644\u0623 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0623\u062f\u0646\u0627\u0647 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0628\u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631.\">Fill in your details below \u2014 we'll get back to you on WhatsApp with a quote.<\/p>\n    <\/div>\n\n    <form id=\"trsRequestForm\" class=\"trs-request-form\" novalidate>\n\n      <!-- Row 1 -->\n      <div class=\"trs-field-row\">\n        <div class=\"trs-field\" style=\"animation-delay:.04s\">\n          <label for=\"trsFullName\"><span data-ar=\"\u0627\u0644\u0627\u0633\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\">Full name<\/span> <span class=\"trs-req\">*<\/span><\/label>\n          <input type=\"text\" id=\"trsFullName\" name=\"fullName\" placeholder=\"Your full name\" data-ar-ph=\"\u0627\u0633\u0645\u0643 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\" required>\n        <\/div>\n        <div class=\"trs-field\" style=\"animation-delay:.08s\">\n          <label for=\"trsEmail\"><span data-ar=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\">Email<\/span> <span class=\"trs-req\">*<\/span><\/label>\n          <input type=\"email\" id=\"trsEmail\" name=\"email\" placeholder=\"you@company.com\" required>\n        <\/div>\n        <div class=\"trs-field\" style=\"animation-delay:.12s\">\n          <label for=\"trsPhone\"><span data-ar=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0648\u0627\u062a\u0633\u0627\u0628\">Phone \/ WhatsApp<\/span> <span class=\"trs-req\">*<\/span><\/label>\n          <input type=\"tel\" id=\"trsPhone\" name=\"phone\" placeholder=\"Include your country code\" data-ar-ph=\"\u0645\u0639 \u0643\u0648\u062f \u0627\u0644\u062f\u0648\u0644\u0629\" required>\n        <\/div>\n      <\/div>\n\n      <!-- Row 2 -->\n      <div class=\"trs-field-row\">\n        <div class=\"trs-field trs-dd-field\" style=\"animation-delay:.16s\">\n          <label for=\"trsClientTypeBtn\"><span data-ar=\"\u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644\">Client type<\/span> <span class=\"trs-req\">*<\/span><\/label>\n          <div class=\"trs-dd\" id=\"trsClientDD\">\n            <button type=\"button\" class=\"trs-dd-btn\" id=\"trsClientTypeBtn\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\n              <span class=\"trs-dd-value trs-placeholder\" id=\"trsClientTypeText\" data-ar=\"\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644\">Select client type<\/span>\n              <svg class=\"trs-dd-chev\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n            <\/button>\n            <ul class=\"trs-dd-list\" id=\"trsClientTypeList\" role=\"listbox\">\n              <li role=\"option\" data-value=\"Individual\" tabindex=\"-1\" aria-selected=\"false\">\n                <span data-ar=\"\u0623\u0641\u0631\u0627\u062f\">Individual<\/span>\n                <svg class=\"trs-dd-check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 12 9 17 20 6\"\/><\/svg>\n              <\/li>\n              <li role=\"option\" data-value=\"Company\" tabindex=\"-1\" aria-selected=\"false\">\n                <span data-ar=\"\u0634\u0631\u0643\u0627\u062a\">Company<\/span>\n                <svg class=\"trs-dd-check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 12 9 17 20 6\"\/><\/svg>\n              <\/li>\n            <\/ul>\n          <\/div>\n          <input type=\"hidden\" id=\"trsClientType\" name=\"clientType\" value=\"\">\n        <\/div>\n        <div class=\"trs-field\" style=\"animation-delay:.2s\">\n          <label for=\"trsFromLang\"><span data-ar=\"\u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0645\u0646\">Translate from<\/span> <span class=\"trs-req\">*<\/span><\/label>\n          <input type=\"text\" id=\"trsFromLang\" name=\"fromLang\" placeholder=\"e.g. Arabic\" data-ar-ph=\"\u0645\u062b\u0627\u0644: \u0627\u0644\u0639\u0631\u0628\u064a\u0629\" required>\n        <\/div>\n        <div class=\"trs-field\" style=\"animation-delay:.24s\">\n          <label for=\"trsToLang\"><span data-ar=\"\u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0625\u0644\u0649\">Translate into<\/span> <span class=\"trs-req\">*<\/span><\/label>\n          <input type=\"text\" id=\"trsToLang\" name=\"toLang\" placeholder=\"e.g. English\" data-ar-ph=\"\u0645\u062b\u0627\u0644: \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\" required>\n        <\/div>\n      <\/div>\n\n      <!-- Row 3 -->\n      <div class=\"trs-field-row\">\n        <div class=\"trs-field\" style=\"animation-delay:.28s\">\n          <label><span data-ar=\"\u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Translation service<\/span><\/label>\n          <div class=\"trs-service-display\" id=\"trsServiceDisplay\">Certified Translation<\/div>\n          <input type=\"hidden\" id=\"trsServiceSelect\" name=\"serviceSelect\" value=\"Certified Translation\">\n        <\/div>\n        <div class=\"trs-field\" style=\"animation-delay:.32s\">\n          <label for=\"trsAuthority\"><span data-ar=\"\u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u0644\u0650\u0645\u0629\">Receiving authority<\/span> <span class=\"trs-optional\" data-ar=\"(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\">(optional)<\/span><\/label>\n          <input type=\"text\" id=\"trsAuthority\" name=\"authority\" placeholder=\"Embassy, university, company\u2026\" data-ar-ph=\"\u0633\u0641\u0627\u0631\u0629\u060c \u062c\u0627\u0645\u0639\u0629\u060c \u0634\u0631\u0643\u0629\u2026\">\n        <\/div>\n        <div class=\"trs-field\" style=\"animation-delay:.36s\">\n          <label for=\"trsRequiredDate\"><span data-ar=\"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\">Required date<\/span> <span class=\"trs-optional\" data-ar=\"(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\">(optional)<\/span><\/label>\n          <input type=\"date\" id=\"trsRequiredDate\" name=\"requiredDate\">\n        <\/div>\n      <\/div>\n\n      <!-- Row 4: notes + upload side by side -->\n      <div class=\"trs-field-row trs-cols-2\">\n        <div class=\"trs-field trs-notes-field\" style=\"animation-delay:.4s\">\n          <label for=\"trsNotes\"><span data-ar=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a \/ \u062a\u0647\u062c\u0626\u0629 \u0627\u0644\u0623\u0633\u0645\u0627\u0621\">Name spelling \/ document notes<\/span> <span class=\"trs-optional\" data-ar=\"(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\">(optional)<\/span><\/label>\n          <textarea id=\"trsNotes\" name=\"notes\" rows=\"3\" placeholder=\"Add passport name spellings, formatting needs and any specific requirements.\" data-ar-ph=\"\u0627\u0643\u062a\u0628 \u062a\u0647\u062c\u0626\u0629 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0643\u0645\u0627 \u0641\u064a \u062c\u0648\u0627\u0632 \u0627\u0644\u0633\u0641\u0631\u060c \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0648\u0623\u064a \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0623\u062e\u0631\u0649.\"><\/textarea>\n        <\/div>\n        <div class=\"trs-field\" style=\"animation-delay:.44s\">\n          <label><span data-ar=\"\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a\">Documents<\/span> <span class=\"trs-optional\" data-ar=\"(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\">(optional)<\/span><\/label>\n          <div class=\"trs-upload-zone\" id=\"trsUploadZone\" tabindex=\"0\" role=\"button\" aria-label=\"Choose documents to attach\">\n            <input type=\"file\" id=\"trsFileInput\" multiple accept=\".pdf,.doc,.docx,.jpg,.jpeg,.png\" hidden>\n            <span class=\"trs-upload-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3\"\/><polyline points=\"8 8 12 4 16 8\"\/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"15\"\/><\/svg>\n            <\/span>\n            <p class=\"trs-upload-text\" data-ar-html=\"<strong>\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a<\/strong> \u0623\u0648 \u0627\u0633\u062d\u0628\u0647\u0627 \u0647\u0646\u0627\"><strong>Choose documents<\/strong> or drag them here<\/p>\n            <p class=\"trs-upload-sub\" data-ar=\"PDF\u060c Word\u060c JPG\u060c PNG \u00b7 \u062d\u062a\u0649 5 \u0645\u0644\u0641\u0627\u062a \u00b7 5 \u0645\u064a\u062c\u0627\u0628\u0627\u064a\u062a \u0644\u0644\u0645\u0644\u0641\">PDF, Word, JPG, PNG \u00b7 Up to 5 files \u00b7 5 MB each<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <ul class=\"trs-file-list\" id=\"trsFileList\"><\/ul>\n\n      <label class=\"trs-agree-row trs-field\" style=\"animation-delay:.48s\" for=\"trsAgreeCheck\">\n        <input type=\"checkbox\" id=\"trsAgreeCheck\" name=\"agreeCheck\" required>\n        <span data-ar=\"\u0623\u0642\u0631 \u0628\u0623\u0646\u0646\u064a \u0645\u062e\u0648\u0651\u0644 \u0628\u0645\u0634\u0627\u0631\u0643\u0629 \u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a\u060c \u0648\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0647\u0630\u0627 \u0627\u0644\u0637\u0644\u0628 \u0648\u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0647.\">I am authorised to share these details and documents and agree to their use to review and respond to this request.<\/span>\n      <\/label>\n\n      <button type=\"submit\" class=\"trs-submit-btn\" id=\"trsSubmitBtn\" style=\"animation-delay:.52s\">\n        <svg class=\"trs-wa-icon\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M16.001 3C9.373 3 4 8.373 4 15c0 2.386.697 4.611 1.902 6.48L4 29l7.72-1.86A11.94 11.94 0 0 0 16.001 27C22.63 27 28 21.627 28 15S22.63 3 16.001 3zm0 21.6c-1.98 0-3.85-.55-5.44-1.51l-.39-.23-4.58 1.1 1.13-4.47-.25-.4A9.55 9.55 0 0 1 5.4 15c0-5.85 4.76-10.6 10.6-10.6S26.6 9.15 26.6 15 21.85 24.6 16.001 24.6zm5.79-7.93c-.32-.16-1.88-.93-2.17-1.03-.29-.11-.5-.16-.72.16-.21.32-.82 1.03-1 1.24-.19.21-.37.24-.69.08-.32-.16-1.34-.49-2.55-1.57-.94-.84-1.58-1.87-1.76-2.19-.19-.32-.02-.49.14-.65.14-.14.32-.37.48-.55.16-.19.21-.32.32-.53.11-.21.05-.4-.03-.56-.08-.16-.72-1.74-.99-2.38-.26-.63-.53-.54-.72-.55-.19-.01-.4-.01-.61-.01-.21 0-.56.08-.85.4-.29.32-1.12 1.09-1.12 2.67 0 1.57 1.15 3.09 1.31 3.31.16.21 2.26 3.45 5.48 4.84.77.33 1.36.53 1.83.68.77.24 1.47.21 2.02.13.62-.09 1.88-.77 2.14-1.51.26-.74.26-1.38.19-1.51-.08-.13-.29-.21-.61-.37z\"\/><\/svg>\n        <span id=\"trsSubmitLabel\">Submit to WhatsApp<\/span>\n        <svg class=\"trs-submit-arrow\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/button>\n\n      <p class=\"trs-privacy-note\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\/><path d=\"M8 11V7a4 4 0 0 1 8 0v4\"\/><\/svg>\n        <span id=\"trsPrivacyText\" data-ar=\"\u064a\u062a\u0645 \u0631\u0641\u0639 \u0645\u0633\u062a\u0646\u062f\u0627\u062a\u0643 \u0628\u0634\u0643\u0644 \u0622\u0645\u0646\u060c \u0648\u062a\u064f\u0636\u0627\u0641 \u0631\u0648\u0627\u0628\u0637 \u062a\u062d\u0645\u064a\u0644 \u062e\u0627\u0635\u0629 \u0625\u0644\u0649 \u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u062a\u0633\u0627\u0628 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b.\">Your documents are uploaded securely and private download links are added to your WhatsApp message automatically.<\/span>\n      <\/p>\n    <\/form>\n\n    <!-- success state -->\n    <div class=\"trs-success-state\" id=\"trsSuccessState\">\n      <div class=\"trs-success-check\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 12 9 17 20 6\"\/><\/svg>\n      <\/div>\n      <h4 data-ar=\"\u062c\u0627\u0631\u064d \u0641\u062a\u062d \u0648\u0627\u062a\u0633\u0627\u0628\u2026\">Opening WhatsApp\u2026<\/h4>\n      <p data-ar-html=\"\u0637\u0644\u0628\u0643 \u0644\u062e\u062f\u0645\u0629 <strong id=&quot;trsSuccessServiceName&quot;>\u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0629<\/strong> \u062c\u0627\u0647\u0632 \u0644\u0644\u0625\u0631\u0633\u0627\u0644.\">Your request for <strong id=\"trsSuccessServiceName\">this service<\/strong> is ready to send.<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\nfunction initTransRoverForm(){\ntry{\n  \/\/ ==== CONFIG ====\n  \/\/ WhatsApp numbers per client type \u2014 country code + number, digits only (Egypt: 20 + number without the leading 0)\n  var WHATSAPP_NUMBERS = {\n    'Individual': '201205622209', \/\/ 01205622209\n    'Company':    '201142209163'  \/\/ 01142209163\n  };\n\n  \/\/ Upload endpoint created by trans-rover-upload.php (WordPress).\n  \/\/ Leave it as \"\" to disable uploading \u2014 file names will then be listed\n  \/\/ in the message and the customer attaches them manually in WhatsApp.\n  var UPLOAD_ENDPOINT = '\/wp-json\/transrover\/v1\/upload';\n\n  \/\/ Only initialise once, even if the snippet ends up on the page twice\n  \/\/ (e.g. Elementor desktop + mobile copies, or an old copy left behind).\n  if(window.__trsFormInit) return;\n  window.__trsFormInit = true;\n\n  \/\/ Keep a single modal: extra copies share the same IDs and would make the\n  \/\/ script read the wrong (hidden) checkbox\/inputs, so validation never passes.\n  var overlays = document.querySelectorAll('.trs-modal-overlay');\n  var overlay = overlays[0];\n  for(var oi = 1; oi < overlays.length; oi++){ overlays[oi].parentNode.removeChild(overlays[oi]); }\n  if(!overlay){\n    console.warn('[TransRover form] Modal markup is missing from the page.');\n    return;\n  }\n\n  \/\/ every lookup is scoped to this modal, never the whole document\n  function byId(id){ return overlay.querySelector('#' + id); }\n\n  \/\/ ---- language ----\n  \/\/ Arabic when TranslatePress serves the Arabic version (<html lang=\"ar\u2026\"> or \/ar\/ in the URL)\n  var htmlLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\n  var isArabic = htmlLang.indexOf('ar') === 0 || \/^\\\/ar(\\\/|$)\/.test(location.pathname);\n\n  var T = isArabic ? {\n    selectClient: '\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644',\n    submit: '\u0625\u0631\u0633\u0627\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628',\n    opening: '\u062c\u0627\u0631\u064d \u0641\u062a\u062d \u0648\u0627\u062a\u0633\u0627\u0628\u2026',\n    uploading: '\u062c\u0627\u0631\u064d \u0631\u0641\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a\u2026',\n    removeFile: '\u062d\u0630\u0641 \u0627\u0644\u0645\u0644\u0641',\n    maxFiles: function(n){ return '\u064a\u0645\u0643\u0646\u0643 \u0625\u0631\u0641\u0627\u0642 ' + n + ' \u0645\u0644\u0641\u0627\u062a \u0643\u062d\u062f \u0623\u0642\u0635\u0649.'; },\n    badType: function(f){ return '\u0627\u0644\u0645\u0644\u0641 \"' + f + '\" \u063a\u064a\u0631 \u0645\u062f\u0639\u0648\u0645 (PDF\u060c Word\u060c JPG\u060c PNG).'; },\n    tooBig: function(f){ return '\u0627\u0644\u0645\u0644\u0641 \"' + f + '\" \u0623\u0643\u0628\u0631 \u0645\u0646 5 \u0645\u064a\u062c\u0627\u0628\u0627\u064a\u062a \u0648\u0644\u0645 \u062a\u062a\u0645 \u0625\u0636\u0627\u0641\u062a\u0647.'; },\n    overTotal: function(f){ return '\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0644\u0641 \"' + f + '\" \u0633\u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062d\u062f \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a 15 \u0645\u064a\u062c\u0627\u0628\u0627\u064a\u062a.'; },\n    uploadFailed: '\u062a\u0639\u0630\u0651\u0631 \u0631\u0641\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b. \u0633\u064a\u062a\u0645 \u0641\u062a\u062d \u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u0644\u0622\u0646 \u2014 \u0645\u0646 \u0641\u0636\u0644\u0643 \u0623\u0631\u0641\u0642\u0647\u0627 \u0641\u064a \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629.',\n    waitPage: '<title>\u062c\u0627\u0631\u064d \u0641\u062a\u062d \u0648\u0627\u062a\u0633\u0627\u0628\u2026<\/title><p dir=\"rtl\" style=\"font-family:system-ui,sans-serif;padding:32px;color:#122c40\">\u062c\u0627\u0631\u064d \u0631\u0641\u0639 \u0645\u0633\u062a\u0646\u062f\u0627\u062a\u0643 \u2014 \u0633\u064a\u062a\u0645 \u0641\u062a\u062d \u0648\u0627\u062a\u0633\u0627\u0628 \u062e\u0644\u0627\u0644 \u0644\u062d\u0638\u0627\u062a\u2026<\/p>',\n    privacyManual: '\u062a\u0628\u0642\u0649 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0639\u0644\u0649 \u062c\u0647\u0627\u0632\u0643. \u0631\u0648\u0627\u0628\u0637 \u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u0627 \u062a\u0633\u062a\u0637\u064a\u0639 \u0625\u0631\u0641\u0627\u0642 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b\u060c \u0644\u0630\u0627 \u0645\u0646 \u0641\u0636\u0644\u0643 \u0623\u0631\u0641\u0642\u0647\u0627 \u0641\u064a \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629 \u0628\u0639\u062f \u0641\u062a\u062d\u0647\u0627 \u2014 \u0623\u0633\u0645\u0627\u0621 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0633\u062a\u0643\u0648\u0646 \u0645\u0643\u062a\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u0631\u0633\u0627\u0644\u0629.',\n    clientTypes: { 'Individual':'\u0623\u0641\u0631\u0627\u062f', 'Company':'\u0634\u0631\u0643\u0627\u062a' },\n    msg: {\n      hello: '\u0645\u0631\u062d\u0628\u0627\u064b \u062a\u0631\u0627\u0646\u0633 \u0631\u0648\u0641\u0631\u060c \u0623\u0648\u062f \u0637\u0644\u0628 \u062a\u0631\u062c\u0645\u0629.',\n      clientType: '\u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644: ',\n      service: '\u0627\u0644\u062e\u062f\u0645\u0629: ',\n      translate: function(a, b){ return '\u0627\u0644\u062a\u0631\u062c\u0645\u0629: \u0645\u0646 ' + a + ' \u0625\u0644\u0649 ' + b; },\n      name: '\u0627\u0644\u0627\u0633\u0645: ',\n      email: '\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: ',\n      whatsapp: '\u0648\u0627\u062a\u0633\u0627\u0628: ',\n      authority: '\u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u0644\u0650\u0645\u0629: ',\n      date: '\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628: ',\n      notes: '\u0645\u0644\u0627\u062d\u0638\u0627\u062a: ',\n      documents: function(n){ return '\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a (' + n + '):'; },\n      willAttach: function(n){ return '\u0633\u0623\u0631\u0641\u0642 ' + n + ' \u0645\u0644\u0641\/\u0645\u0644\u0641\u0627\u062a \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629:'; }\n    }\n  } : {\n    selectClient: 'Select client type',\n    submit: 'Submit to WhatsApp',\n    opening: 'Opening WhatsApp\u2026',\n    uploading: 'Uploading documents\u2026',\n    removeFile: 'Remove file',\n    maxFiles: function(n){ return 'You can attach up to ' + n + ' files.'; },\n    badType: function(f){ return '\"' + f + '\" is not a supported file type (PDF, Word, JPG, PNG).'; },\n    tooBig: function(f){ return '\"' + f + '\" is larger than 5 MB and was skipped.'; },\n    overTotal: function(f){ return 'Adding \"' + f + '\" would exceed the 15 MB total limit.'; },\n    uploadFailed: \"We couldn't upload your documents automatically. WhatsApp will open now \u2014 please attach them in the chat.\",\n    waitPage: '<title>Opening WhatsApp\u2026<\/title><p style=\"font-family:system-ui,sans-serif;padding:32px;color:#122c40\">Uploading your documents \u2014 WhatsApp will open in a moment\u2026<\/p>',\n    privacyManual: \"Selected files stay on this device. WhatsApp links can't attach files automatically, so please attach them in the chat once it opens \u2014 your file names will already be listed in the message.\",\n    clientTypes: { 'Individual':'Individual', 'Company':'Company' },\n    msg: {\n      hello: 'Hello Trans Rover, I would like to request a translation.',\n      clientType: 'Client type: ',\n      service: 'Service: ',\n      translate: function(a, b){ return 'Translate: ' + a + ' \u2192 ' + b; },\n      name: 'Name: ',\n      email: 'Email: ',\n      whatsapp: 'WhatsApp: ',\n      authority: 'Receiving authority: ',\n      date: 'Required date: ',\n      notes: 'Notes: ',\n      documents: function(n){ return 'Documents (' + n + '):'; },\n      willAttach: function(n){ return 'I will attach ' + n + ' file(s) in this chat:'; }\n    }\n  };\n\n  \/\/ Swap the static texts to Arabic (Arabic versions live in data-ar* attributes)\n  function applyLanguage(root){\n    root.setAttribute('dir', isArabic ? 'rtl' : 'ltr');\n    root.setAttribute('lang', isArabic ? 'ar' : 'en');\n    if(!isArabic) return;\n    root.querySelectorAll('[data-ar]').forEach(function(el){ el.textContent = el.getAttribute('data-ar'); });\n    root.querySelectorAll('[data-ar-html]').forEach(function(el){ el.innerHTML = el.getAttribute('data-ar-html'); });\n    root.querySelectorAll('[data-ar-ph]').forEach(function(el){ el.setAttribute('placeholder', el.getAttribute('data-ar-ph')); });\n    root.querySelectorAll('[data-ar-aria]').forEach(function(el){ el.setAttribute('aria-label', el.getAttribute('data-ar-aria')); });\n  }\n  document.querySelectorAll('.trs-services').forEach(applyLanguage);\n  applyLanguage(overlay);\n\n  var modal = byId('trsModal');\n  var closeBtn = byId('trsModalClose');\n  var serviceTagText = byId('trsServiceTagText');\n  var successServiceName = byId('trsSuccessServiceName');\n  var form = byId('trsRequestForm');\n  var successState = byId('trsSuccessState');\n  var submitBtn = byId('trsSubmitBtn');\n  var submitLabel = byId('trsSubmitLabel');\n  var modalGlow = byId('trsModalGlow');\n  var serviceSelect = byId('trsServiceSelect');\n  var serviceDisplay = byId('trsServiceDisplay');\n  var uploadZone = byId('trsUploadZone');\n  var fileInput = byId('trsFileInput');\n  var fileListEl = byId('trsFileList');\n  var privacyText = byId('trsPrivacyText');\n  var agreeRow = overlay.querySelector('.trs-agree-row');\n  var allFields = form ? form.querySelectorAll('.trs-field, .trs-submit-btn') : [];\n\n  var MAX_FILES = 5;\n  var MAX_FILE_SIZE = 5 * 1024 * 1024; \/\/ 5 MB\n  var MAX_TOTAL_SIZE = 15 * 1024 * 1024; \/\/ 15 MB\n  var ALLOWED_EXT = ['pdf','doc','docx','jpg','jpeg','png'];\n  var selectedFiles = [];\n\n  var dd = byId('trsClientDD');\n  var ddBtn = byId('trsClientTypeBtn');\n  var ddText = byId('trsClientTypeText');\n  var ddList = byId('trsClientTypeList');\n  var clientInput = byId('trsClientType');\n  var ddOptions = ddList ? Array.from(ddList.querySelectorAll('[role=\"option\"]')) : [];\n\n  if(!overlay || !modal || !form){\n    console.warn('[TransRover form] Modal markup is missing from the page \u2014 check that the whole snippet (HTML + script) was pasted in, not just part of it.');\n    return;\n  }\n\n  if(!UPLOAD_ENDPOINT && privacyText){\n    privacyText.textContent = T.privacyManual;\n  }\n\n  \/\/ Force the overlay to be a direct child of <body>. This escapes any\n  \/\/ page-builder wrapper (Elementor\/Divi\/etc.) that applies a CSS\n  \/\/ transform\/filter on an ancestor \u2014 that would otherwise turn this\n  \/\/ element's \"position:fixed\" into \"fixed relative to that ancestor\"\n  \/\/ instead of the real viewport, making the modal render off-screen\n  \/\/ or clipped.\n  if(overlay.parentElement !== document.body){\n    document.body.appendChild(overlay);\n  }\n\n  var currentService = \"\";\n  var currentAccent = \"\";\n  var lastFocused = null;\n\n  var ACCENTS = {\n    'trs-c1':'#129c7c', 'trs-c2':'#3b6fd6', 'trs-c3':'#b8842f', 'trs-c4':'#d1516b', 'trs-c5':'#7a5cc9', 'trs-c6':'#2596a8'\n  };\n\n  function hexToRgba(hex, alpha){\n    var h = hex.replace('#','');\n    var r = parseInt(h.substring(0,2),16);\n    var g = parseInt(h.substring(2,4),16);\n    var b = parseInt(h.substring(4,6),16);\n    return 'rgba(' + r + ',' + g + ',' + b + ',' + alpha + ')';\n  }\n\n  function formatSize(bytes){\n    if(bytes < 1024*1024) return Math.max(1, Math.round(bytes\/1024)) + ' KB';\n    return (bytes\/(1024*1024)).toFixed(1) + ' MB';\n  }\n\n  function fileIconSvg(){\n    return '<svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 3h6l4 4v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\"\/><path d=\"M9 12h6M9 16h4\"\/><\/svg>';\n  }\n\n  function renderFileList(){\n    if(!fileListEl) return;\n    fileListEl.innerHTML = '';\n    selectedFiles.forEach(function(file, idx){\n      var li = document.createElement('li');\n      li.innerHTML =\n        '<span class=\"trs-file-ic\">' + fileIconSvg() + '<\/span>' +\n        '<span class=\"trs-file-meta\">' +\n          '<span class=\"trs-file-name\"><\/span>' +\n          '<span class=\"trs-file-size\"><\/span>' +\n        '<\/span>' +\n        '<button type=\"button\" class=\"trs-file-remove\" aria-label=\"' + T.removeFile + '\" data-idx=\"' + idx + '\">' +\n          '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><line x1=\"6\" y1=\"18\" x2=\"18\" y2=\"6\"\/><\/svg>' +\n        '<\/button>';\n      li.querySelector('.trs-file-name').textContent = file.name;\n      li.querySelector('.trs-file-size').textContent = formatSize(file.size);\n      fileListEl.appendChild(li);\n    });\n    fileListEl.querySelectorAll('.trs-file-remove').forEach(function(btn){\n      btn.addEventListener('click', function(){\n        selectedFiles.splice(parseInt(btn.getAttribute('data-idx'), 10), 1);\n        renderFileList();\n      });\n    });\n  }\n\n  function addFiles(fileArray){\n    var totalExisting = selectedFiles.reduce(function(sum, f){ return sum + f.size; }, 0);\n    for(var i = 0; i < fileArray.length; i++){\n      var f = fileArray[i];\n      var ext = (f.name.split('.').pop() || '').toLowerCase();\n      if(selectedFiles.length >= MAX_FILES){\n        alert(T.maxFiles(MAX_FILES));\n        break;\n      }\n      if(ALLOWED_EXT.indexOf(ext) === -1){\n        alert(T.badType(f.name));\n        continue;\n      }\n      if(f.size > MAX_FILE_SIZE){\n        alert(T.tooBig(f.name));\n        continue;\n      }\n      if(totalExisting + f.size > MAX_TOTAL_SIZE){\n        alert(T.overTotal(f.name));\n        continue;\n      }\n      totalExisting += f.size;\n      selectedFiles.push(f);\n    }\n    renderFileList();\n  }\n\n  \/\/ map every service name (as it appears on the cards \/ in the select) to its accent class\n  var SERVICE_ACCENT = {};\n  var SERVICE_AR = {};\n  document.querySelectorAll('.trs-card[data-service]').forEach(function(card){\n    var accentClass = Array.from(card.classList).find(function(c){ return \/^trs-c[1-6]$\/.test(c); });\n    SERVICE_ACCENT[card.getAttribute('data-service')] = accentClass;\n    SERVICE_AR[card.getAttribute('data-service')] = card.getAttribute('data-service-ar');\n  });\n\n  \/\/ the service name shown to the visitor (Arabic on the Arabic site)\n  function serviceLabel(service){\n    return (isArabic && SERVICE_AR[service]) || service;\n  }\n\n  function applyAccent(service){\n    var accentClass = SERVICE_ACCENT[service] || 'trs-c1';\n    currentAccent = ACCENTS[accentClass] || ACCENTS['trs-c1'];\n    modal.style.setProperty('--trs-modal-accent', currentAccent);\n    modal.style.setProperty('--trs-modal-accent-soft', hexToRgba(currentAccent, 0.14));\n    modalGlow.style.background = 'radial-gradient(circle, ' + hexToRgba(currentAccent, 0.2) + ' 0%, transparent 70%)';\n  }\n\n  function openModal(service){\n    currentService = service;\n    serviceTagText.textContent = serviceLabel(service);\n    successServiceName.textContent = serviceLabel(service);\n    applyAccent(service);\n\n    form.reset();\n    form.style.display = 'flex';\n    successState.classList.remove('trs-show');\n    submitBtn.disabled = false;\n    submitLabel.textContent = T.submit;\n\n    if(serviceSelect) serviceSelect.value = service;\n    if(serviceDisplay){\n      serviceDisplay.textContent = serviceLabel(service);\n      serviceDisplay.title = serviceLabel(service);\n    }\n\n    \/\/ reset() above clears it, restore\n    selectedFiles = [];\n    renderFileList();\n\n    \/\/ hidden inputs aren't cleared by reset(), so clear the client type explicitly\n    closeDropdown(false);\n    setClientType('');\n\n    if(agreeRow) agreeRow.classList.remove('trs-invalid');\n    form.querySelectorAll('.trs-invalid').forEach(function(el){ el.classList.remove('trs-invalid'); });\n\n    \/\/ replay the staggered field entrance every time the modal opens\n    allFields.forEach(function(el){\n      el.style.animation = 'none';\n      void el.offsetWidth;\n      el.style.animation = '';\n    });\n\n    lastFocused = document.activeElement;\n    overlay.classList.add('trs-open');\n    document.body.style.overflow = 'hidden';\n\n    setTimeout(function(){\n      var nameInput = byId('trsFullName');\n      if(nameInput) nameInput.focus();\n    }, 380);\n  }\n\n  function closeModal(){\n    overlay.classList.remove('trs-open');\n    document.body.style.overflow = '';\n    if(lastFocused) lastFocused.focus();\n  }\n\n  document.querySelectorAll('.trs-card').forEach(function(card){\n    var service = card.getAttribute('data-service');\n    card.querySelectorAll('.trs-request-trigger').forEach(function(trigger){\n      trigger.addEventListener('click', function(e){\n        e.preventDefault();\n        e.stopPropagation();\n        openModal(service);\n      });\n    });\n  });\n\n  closeBtn.addEventListener('click', closeModal);\n  overlay.addEventListener('click', function(e){ if(e.target === overlay) closeModal(); });\n  document.addEventListener('keydown', function(e){ if(e.key === 'Escape' && overlay.classList.contains('trs-open')) closeModal(); });\n\n  \/\/ clear the red \"invalid\" state as soon as the user fixes a field\n  var agreeCheck = byId('trsAgreeCheck');\n  if(agreeCheck){\n    agreeCheck.addEventListener('change', function(){\n      if(agreeCheck.checked && agreeRow) agreeRow.classList.remove('trs-invalid');\n    });\n  }\n  form.querySelectorAll('input, select, textarea').forEach(function(el){\n    ['input','change'].forEach(function(evt){\n      el.addEventListener(evt, function(){\n        if(el.value.trim()) el.classList.remove('trs-invalid');\n      });\n    });\n  });\n\n  \/\/ ---- client type dropdown ----\n  function setClientType(value){\n    if(!clientInput) return;\n    clientInput.value = value;\n    var chosen = null;\n    ddOptions.forEach(function(o){\n      var isSel = o.getAttribute('data-value') === value;\n      o.setAttribute('aria-selected', isSel ? 'true' : 'false');\n      if(isSel) chosen = o;\n    });\n    if(ddText){\n      ddText.textContent = chosen ? chosen.textContent.trim() : T.selectClient;\n      ddText.classList.toggle('trs-placeholder', !chosen);\n    }\n    if(value && ddBtn) ddBtn.classList.remove('trs-invalid');\n  }\n\n  function openDropdown(){\n    if(!dd) return;\n    dd.classList.add('trs-dd-open');\n    ddBtn.setAttribute('aria-expanded', 'true');\n    var target = ddList.querySelector('[aria-selected=\"true\"]') || ddOptions[0];\n    if(target) setTimeout(function(){ target.focus(); }, 30);\n  }\n\n  function closeDropdown(focusBtn){\n    if(!dd) return;\n    dd.classList.remove('trs-dd-open');\n    ddBtn.setAttribute('aria-expanded', 'false');\n    if(focusBtn) ddBtn.focus();\n  }\n\n  if(dd && ddBtn && ddList){\n    ddBtn.addEventListener('click', function(e){\n      e.preventDefault();\n      if(dd.classList.contains('trs-dd-open')) closeDropdown(false); else openDropdown();\n    });\n    ddBtn.addEventListener('keydown', function(e){\n      if(e.key === 'ArrowDown' || e.key === 'ArrowUp'){ e.preventDefault(); openDropdown(); }\n    });\n\n    ddOptions.forEach(function(opt, i){\n      opt.addEventListener('click', function(){\n        setClientType(opt.getAttribute('data-value'));\n        closeDropdown(true);\n      });\n      opt.addEventListener('keydown', function(e){\n        if(e.key === 'ArrowDown'){ e.preventDefault(); (ddOptions[i + 1] || ddOptions[0]).focus(); }\n        else if(e.key === 'ArrowUp'){ e.preventDefault(); (ddOptions[i - 1] || ddOptions[ddOptions.length - 1]).focus(); }\n        else if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); opt.click(); }\n        else if(e.key === 'Escape'){ e.preventDefault(); e.stopPropagation(); closeDropdown(true); }\n        else if(e.key === 'Tab'){ closeDropdown(false); }\n      });\n    });\n\n    \/\/ close when clicking anywhere else\n    document.addEventListener('click', function(e){\n      if(dd.classList.contains('trs-dd-open') && !dd.contains(e.target)) closeDropdown(false);\n    });\n  }\n\n  \/\/ ---- file upload ----\n  if(uploadZone && fileInput){\n    uploadZone.addEventListener('click', function(){ fileInput.click(); });\n    uploadZone.addEventListener('keydown', function(e){\n      if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); fileInput.click(); }\n    });\n    fileInput.addEventListener('change', function(){\n      addFiles(Array.from(fileInput.files));\n      fileInput.value = '';\n    });\n    ['dragenter','dragover'].forEach(function(evt){\n      uploadZone.addEventListener(evt, function(e){ e.preventDefault(); e.stopPropagation(); uploadZone.classList.add('trs-drag-over'); });\n    });\n    ['dragleave','drop'].forEach(function(evt){\n      uploadZone.addEventListener(evt, function(e){ e.preventDefault(); e.stopPropagation(); uploadZone.classList.remove('trs-drag-over'); });\n    });\n    uploadZone.addEventListener('drop', function(e){\n      if(e.dataTransfer && e.dataTransfer.files) addFiles(Array.from(e.dataTransfer.files));\n    });\n  }\n\n  \/\/ Uploads the selected files to the site and resolves with [{name, url}].\n  \/\/ Rejects on any failure so the caller can fall back to \"attach manually\".\n  function uploadFiles(files){\n    var data = new FormData();\n    files.forEach(function(f){ data.append('files[]', f, f.name); });\n\n    var controller = ('AbortController' in window) ? new AbortController() : null;\n    var timer = controller ? setTimeout(function(){ controller.abort(); }, 90000) : null;\n\n    return fetch(UPLOAD_ENDPOINT, {\n      method:'POST',\n      body:data,\n      credentials:'same-origin',\n      signal:controller ? controller.signal : undefined\n    }).then(function(res){\n      if(timer) clearTimeout(timer);\n      if(!res.ok) throw new Error('Upload failed (' + res.status + ')');\n      return res.json();\n    }).then(function(json){\n      if(!json || !Array.isArray(json.files) || !json.files.length) throw new Error('Bad upload response');\n      return json.files;\n    });\n  }\n\n  \/\/ Sends the (already opened) tab to WhatsApp; falls back if popups are blocked.\n  function goToWhatsApp(url, win){\n    if(win && !win.closed){\n      win.location.href = url;\n    } else {\n      var w = window.open(url, '_blank');\n      if(!w) window.location.href = url;\n    }\n  }\n\n  \/\/ ---- submit ----\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n\n    var val = function(id){ var el = byId(id); return el ? el.value.trim() : ''; };\n\n    var name = val('trsFullName');\n    var email = val('trsEmail');\n    var phone = val('trsPhone');\n    var clientType = val('trsClientType');\n    var service = serviceSelect ? serviceSelect.value : currentService;\n    var fromLang = val('trsFromLang');\n    var toLang = val('trsToLang');\n    var authority = val('trsAuthority');\n    var requiredDate = val('trsRequiredDate');\n    var notes = val('trsNotes');\n    var agreed = !!(agreeCheck && agreeCheck.checked);\n\n    var requiredIds = ['trsFullName','trsEmail','trsPhone','trsClientType','trsFromLang','trsToLang'];\n    var valid = true;\n\n    form.querySelectorAll('.trs-invalid').forEach(function(el){ el.classList.remove('trs-invalid'); });\n    if(agreeRow) agreeRow.classList.remove('trs-invalid');\n\n    requiredIds.forEach(function(id){\n      var el = byId(id);\n      if(!el.value.trim()){\n        \/\/ the client type is a hidden input \u2014 highlight its visible button instead\n        (id === 'trsClientType' && ddBtn ? ddBtn : el).classList.add('trs-invalid');\n        valid = false;\n      }\n    });\n\n    if(!agreed){\n      if(agreeRow) agreeRow.classList.add('trs-invalid');\n      valid = false;\n    }\n\n    if(!valid){\n      var firstInvalid = form.querySelector('.trs-invalid');\n      if(firstInvalid){\n        if(firstInvalid.classList.contains('trs-agree-row')){\n          firstInvalid.scrollIntoView({ behavior:'smooth', block:'center' });\n        } else {\n          firstInvalid.focus();\n        }\n      }\n      return;\n    }\n\n    var waNumber = WHATSAPP_NUMBERS[clientType] || WHATSAPP_NUMBERS['Individual'];\n    var files = selectedFiles.slice();\n    var willUpload = files.length > 0 && !!UPLOAD_ENDPOINT;\n\n    submitBtn.disabled = true;\n    submitLabel.textContent = willUpload ? T.uploading : T.opening;\n    currentService = service;\n\n    \/\/ Open the tab now (inside the click) so the browser doesn't block it\n    \/\/ as a popup after the async upload finishes.\n    var waWin = null;\n    if(willUpload){\n      waWin = window.open('', '_blank');\n      if(waWin){\n        try{\n          waWin.document.write(T.waitPage);\n        }catch(_){}\n      }\n    }\n\n    var M = T.msg;\n    var lines = [\n      M.hello,\n      '',\n      M.clientType + (T.clientTypes[clientType] || clientType),\n      M.service + serviceLabel(service),\n      M.translate(fromLang, toLang),\n      M.name + name,\n      M.email + email,\n      M.whatsapp + phone\n    ];\n    if(authority){ lines.push(M.authority + authority); }\n    if(requiredDate){ lines.push(M.date + requiredDate); }\n    if(notes){ lines.push(M.notes + notes); }\n\n    var filesStep = willUpload ? uploadFiles(files) : Promise.resolve(null);\n\n    filesStep.then(function(uploaded){\n      if(uploaded){\n        lines.push('', M.documents(uploaded.length));\n        uploaded.forEach(function(f){ lines.push('\u2022 ' + f.name + ': ' + f.url); });\n      } else if(files.length){\n        lines.push('', M.willAttach(files.length));\n        files.forEach(function(f){ lines.push('\u2022 ' + f.name); });\n      }\n    }, function(err){\n      console.error('[TransRover form] upload failed:', err);\n      lines.push('', M.willAttach(files.length));\n      files.forEach(function(f){ lines.push('\u2022 ' + f.name); });\n      alert(T.uploadFailed);\n    }).then(function(){\n      var waUrl = 'https:\/\/wa.me\/' + waNumber + '?text=' + encodeURIComponent(lines.join('\\n'));\n      submitLabel.textContent = T.opening;\n      setTimeout(function(){\n        form.style.display = 'none';\n        successState.classList.add('trs-show');\n        goToWhatsApp(waUrl, waWin);\n      }, willUpload ? 0 : 450);\n    });\n  });\n\n}catch(err){\n  console.error('[TransRover form] init failed:', err);\n}\n}\n\nif(document.readyState === 'loading'){\n  document.addEventListener('DOMContentLoaded', initTransRoverForm);\n} else {\n  initTransRoverForm();\n}\n<\/script>\n<\/body>\n<\/html>\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-c291da0 e-con-full e-flex e-con e-parent\" data-id=\"c291da0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75370b3 elementor-widget elementor-widget-html\" data-id=\"75370b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Trans Rover \u2014 Approach Section<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n.trs-ap{\n  --trs-ap-bg:#0c2033;\n  --trs-ap-bg-soft:#122a41;\n  --trs-ap-line:rgba(255,255,255,0.10);\n  --trs-ap-text:#f4f8f7;\n  --trs-ap-text-soft:#a9bdcb;\n  --trs-ap-accent:#2fe0b8;\n  --trs-ap-accent-soft:rgba(47,224,184,0.14);\n}\n\n\/* Scoped reset \u2014 only affects elements inside this section, never the\n   rest of the WordPress theme's page. *\/\n.trs-ap, .trs-ap *{\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\n\n.trs-ap{\n  position:relative;\n  overflow:hidden;\n  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  background:var(--trs-ap-bg);\n  color:var(--trs-ap-text);\n  -webkit-font-smoothing:antialiased;\n  padding:110px 40px;\n}\n\n\/* decorative depth: soft glow + faint dot grid, purely cosmetic *\/\n.trs-ap::before{\n  content:\"\";\n  position:absolute;\n  top:-220px; right:-160px;\n  width:560px; height:560px;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(47,224,184,0.16) 0%, rgba(47,224,184,0) 70%);\n  pointer-events:none;\n}\n.trs-ap::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);\n  background-size:26px 26px;\n  mask-image:linear-gradient(to bottom, black, transparent 75%);\n  -webkit-mask-image:linear-gradient(to bottom, black, transparent 75%);\n  pointer-events:none;\n}\n\n.trs-ap-inner{\n  position:relative;\n  z-index:1;\n  max-width:1280px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:0.85fr 1.15fr;\n  gap:72px;\n}\n\n\/* ---------- LEFT ---------- *\/\n.trs-ap-left{\n  opacity:0;\n  transform:translateY(22px);\n  transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);\n}\n.trs-ap.trs-ap-inview .trs-ap-left{ opacity:1; transform:translateY(0); }\n\n.trs-ap-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  font-size:12.5px;\n  font-weight:700;\n  letter-spacing:2px;\n  color:var(--trs-ap-accent);\n  text-transform:uppercase;\n}\n.trs-ap-eyebrow::before{\n  content:\"\";\n  width:26px;\n  height:2px;\n  background:var(--trs-ap-accent);\n  display:block;\n}\n\n.trs-ap-heading{\n  font-size:clamp(2rem, 3.6vw, 2.85rem);\n  line-height:1.16;\n  font-weight:800;\n  letter-spacing:-0.02em;\n  margin-top:20px;\n}\n.trs-ap-accent{ color:var(--trs-ap-accent); }\n\n.trs-ap-desc{\n  font-size:15.5px;\n  line-height:1.7;\n  color:var(--trs-ap-text-soft);\n  max-width:380px;\n  margin-top:20px;\n}\n\n.trs-ap-cta{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  margin-top:34px;\n  font-size:14px;\n  font-weight:700;\n  color:var(--trs-ap-text);\n  text-decoration:none;\n  padding-bottom:4px;\n  border-bottom:1.5px solid rgba(255,255,255,0.28);\n  transition:color .3s ease, border-color .3s ease, gap .3s ease;\n}\n.trs-ap-cta svg{\n  stroke:var(--trs-ap-accent);\n  transition:transform .3s ease;\n}\n.trs-ap-cta:hover{\n  color:var(--trs-ap-accent);\n  border-color:var(--trs-ap-accent);\n  gap:13px;\n}\n.trs-ap-cta:hover svg{ transform:translate(3px,-3px); }\n\n.trs-ap-stats{\n  display:flex;\n  gap:34px;\n  margin-top:52px;\n  padding-top:32px;\n  border-top:1px solid var(--trs-ap-line);\n  max-width:420px;\n}\n.trs-ap-stat b{\n  display:block;\n  font-size:1.6rem;\n  font-weight:800;\n  color:var(--trs-ap-text);\n  letter-spacing:-0.02em;\n}\n.trs-ap-stat span{\n  display:block;\n  font-size:12px;\n  color:var(--trs-ap-text-soft);\n  margin-top:4px;\n}\n\n\/* ---------- RIGHT \/ LIST ---------- *\/\n.trs-ap-list{\n  position:relative;\n  list-style:none;\n}\n.trs-ap-list::before{\n  content:\"\";\n  position:absolute;\n  left:27px;\n  top:6px;\n  bottom:6px;\n  width:1px;\n  background:linear-gradient(to bottom, transparent, var(--trs-ap-line) 10%, var(--trs-ap-line) 90%, transparent);\n}\n\n.trs-ap-item{\n  position:relative;\n  display:grid;\n  grid-template-columns:56px 1fr;\n  gap:22px;\n  padding:26px 20px 26px 4px;\n  border-radius:16px;\n  opacity:0;\n  transform:translateY(22px);\n  transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1), background .35s ease;\n}\n.trs-ap.trs-ap-inview .trs-ap-item{ opacity:1; transform:translateY(0); }\n.trs-ap-item:nth-child(1){ transition-delay:.05s; }\n.trs-ap-item:nth-child(2){ transition-delay:.16s; }\n.trs-ap-item:nth-child(3){ transition-delay:.27s; }\n.trs-ap-item:nth-child(4){ transition-delay:.38s; }\n\n.trs-ap-item:hover{ background:var(--trs-ap-bg-soft); }\n\n.trs-ap-icon{\n  position:relative;\n  width:52px;\n  height:52px;\n  border-radius:14px;\n  background:var(--trs-ap-bg);\n  border:1.5px solid var(--trs-ap-line);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  transition:border-color .35s ease, background .35s ease, transform .45s cubic-bezier(.34,1.56,.64,1);\n}\n.trs-ap-icon svg{\n  width:22px;\n  height:22px;\n  stroke:var(--trs-ap-accent);\n  fill:none;\n  stroke-width:1.7;\n}\n.trs-ap-item:hover .trs-ap-icon{\n  border-color:var(--trs-ap-accent);\n  background:var(--trs-ap-accent-soft);\n  transform:scale(1.08) rotate(-4deg);\n}\n\n.trs-ap-num{\n  position:absolute;\n  top:-9px;\n  left:38px;\n  font-size:10.5px;\n  font-weight:800;\n  color:var(--trs-ap-bg);\n  background:var(--trs-ap-accent);\n  width:20px; height:20px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  letter-spacing:0;\n}\n\n.trs-ap-text h3{\n  font-size:1.02rem;\n  font-weight:700;\n  color:var(--trs-ap-text);\n  letter-spacing:-0.01em;\n}\n.trs-ap-text p{\n  font-size:13.8px;\n  line-height:1.65;\n  color:var(--trs-ap-text-soft);\n  margin-top:8px;\n  max-width:440px;\n}\n\n\/* ================= ARABIC \/ RTL =================\n   Applied when the script detects the Arabic version of the site\n   (TranslatePress sets <html lang=\"ar\"> and the \/ar\/ URL). *\/\n.trs-ap[dir=\"rtl\"]{\n  font-family:'Cairo', 'Plus Jakarta Sans', system-ui, sans-serif;\n}\n\/* Arabic letters must stay connected: no letter-spacing, no uppercase *\/\n.trs-ap[dir=\"rtl\"] .trs-ap-eyebrow,\n.trs-ap[dir=\"rtl\"] .trs-ap-heading,\n.trs-ap[dir=\"rtl\"] .trs-ap-text h3{\n  letter-spacing:0;\n  text-transform:none;\n}\n.trs-ap[dir=\"rtl\"] .trs-ap-eyebrow{ font-size:14px; }\n.trs-ap[dir=\"rtl\"] .trs-ap-heading{ line-height:1.4; }\n.trs-ap[dir=\"rtl\"] .trs-ap-desc{ line-height:1.9; }\n.trs-ap[dir=\"rtl\"] .trs-ap-stat span{ font-size:13px; }\n.trs-ap[dir=\"rtl\"] .trs-ap-text h3{ font-size:1.1rem; }\n.trs-ap[dir=\"rtl\"] .trs-ap-text p{ font-size:14.5px; line-height:1.85; }\n\n.trs-ap[dir=\"rtl\"] .trs-ap-cta svg{ transform:scaleX(-1); }\n.trs-ap[dir=\"rtl\"] .trs-ap-cta:hover svg{ transform:translate(-3px,-3px) scaleX(-1); }\n\n\/* mirror the timeline line, item padding and number badge *\/\n.trs-ap[dir=\"rtl\"] .trs-ap-list::before{ left:auto; right:27px; }\n.trs-ap[dir=\"rtl\"] .trs-ap-item{ padding:26px 4px 26px 20px; }\n.trs-ap[dir=\"rtl\"] .trs-ap-num{ left:auto; right:38px; }\n.trs-ap[dir=\"rtl\"] .trs-ap-item:hover .trs-ap-icon{ transform:scale(1.08) rotate(4deg); }\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:980px){\n  .trs-ap{ padding:80px 28px; }\n  .trs-ap-inner{\n    grid-template-columns:1fr;\n    gap:48px;\n  }\n  .trs-ap-desc{ max-width:520px; }\n  .trs-ap-stats{ max-width:100%; }\n}\n\n@media (max-width:640px){\n  .trs-ap{ padding:64px 20px; }\n  .trs-ap-heading{ font-size:1.8rem; }\n  .trs-ap-item{\n    grid-template-columns:44px 1fr;\n    gap:16px;\n    padding:20px 8px;\n  }\n  .trs-ap-icon{ width:44px; height:44px; border-radius:12px; }\n  .trs-ap-icon svg{ width:19px; height:19px; }\n  .trs-ap-num{ left:30px; }\n  .trs-ap-list::before{ left:22px; }\n  .trs-ap-stats{ gap:24px; flex-wrap:wrap; }\n\n  .trs-ap[dir=\"rtl\"] .trs-ap-item{ padding:20px 8px; }\n  .trs-ap[dir=\"rtl\"] .trs-ap-num{ left:auto; right:30px; }\n  .trs-ap[dir=\"rtl\"] .trs-ap-list::before{ left:auto; right:22px; }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .trs-ap *{ transition-duration:.01ms !important; }\n  .trs-ap-left, .trs-ap-item{ opacity:1 !important; transform:none !important; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- Every translatable text has its Arabic version in data-ar \/ data-ar-html -->\n<section class=\"trs-ap\" id=\"trsApSection\">\n  <div class=\"trs-ap-inner\">\n\n    <div class=\"trs-ap-left\">\n      <span class=\"trs-ap-eyebrow\" data-ar=\"02 \/ \u0645\u0646\u0647\u062c \u062a\u0631\u0627\u0646\u0633 \u0631\u0648\u0641\u0631\">02 \/ The Trans Rover Approach<\/span>\n      <h2 class=\"trs-ap-heading\" data-ar-html=\"\u0627\u0644\u0643\u0644\u0645\u0627\u062a \u062a\u062d\u0645\u0644 \u0623\u0643\u062b\u0631 \u0645\u0646<br><span class=&quot;trs-ap-accent&quot;>\u0627\u0644\u0645\u0639\u0646\u0649.<\/span>\">Words carry more than<br><span class=\"trs-ap-accent\">meaning.<\/span><\/h2>\n      <p class=\"trs-ap-desc\" data-ar=\"\u0625\u0646\u0647\u0627 \u062a\u062d\u0645\u0644 \u0647\u0648\u064a\u062a\u0643 \u0648\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0643 \u0648\u0641\u0631\u0635\u062a\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\u0629\u060c \u0644\u0630\u0644\u0643 \u062a\u0633\u062a\u062d\u0642 \u0623\u0635\u063a\u0631 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0647\u062a\u0645\u0627\u0645\u0627\u064b \u062f\u0642\u064a\u0642\u0627\u064b.\">They carry your identity, your obligations and your next opportunity. That's why the smallest details deserve careful attention.<\/p>\n      <a href=\"#\" class=\"trs-ap-cta\">\n        <span data-ar=\"\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u062a\u0631\u0627\u0646\u0633 \u0631\u0648\u0641\u0631\">Meet Trans Rover<\/span>\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/a>\n\n      <div class=\"trs-ap-stats\">\n        <div class=\"trs-ap-stat\">\n          <b>10+<\/b>\n          <span data-ar=\"\u0644\u063a\u0627\u062a \u0646\u063a\u0637\u064a\u0647\u0627\">Languages covered<\/span>\n        <\/div>\n        <div class=\"trs-ap-stat\">\n          <b>100%<\/b>\n          <span data-ar=\"\u0645\u0631\u0627\u062c\u0639\u0629 \u0628\u0634\u0631\u064a\u0629\">Human reviewed<\/span>\n        <\/div>\n        <div class=\"trs-ap-stat\">\n          <b data-ar=\"24 \u0633\u0627\u0639\u0629\">24h<\/b>\n          <span data-ar=\"\u0645\u062a\u0648\u0633\u0637 \u0648\u0642\u062a \u0627\u0644\u0631\u062f\">Average response<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <ul class=\"trs-ap-list\">\n\n      <li class=\"trs-ap-item\">\n        <div class=\"trs-ap-icon\">\n          <span class=\"trs-ap-num\">01<\/span>\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"5.5\"\/><line x1=\"12\" y1=\"18.5\" x2=\"12\" y2=\"22\"\/><line x1=\"2\" y1=\"12\" x2=\"5.5\" y2=\"12\"\/><line x1=\"18.5\" y1=\"12\" x2=\"22\" y2=\"12\"\/><\/svg>\n        <\/div>\n        <div class=\"trs-ap-text\">\n          <h3 data-ar=\"\u062f\u0642\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062c\u0645\u0644\u0629\">Accuracy beyond the sentence<\/h3>\n          <p data-ar=\"\u0646\u0631\u0627\u062c\u0639 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0645\u0639\u0646\u0649 \u0627\u0644\u0646\u0635 \u0627\u0644\u0623\u0635\u0644\u064a \u2014 \u0641\u0644\u0627 \u064a\u0636\u064a\u0639 \u0634\u064a\u0621 \u0641\u064a \u0627\u0644\u062a\u0631\u062c\u0645\u0629.\">Names, dates, numbers and formatting are checked alongside the meaning of the original \u2014 nothing gets lost in translation.<\/p>\n        <\/div>\n      <\/li>\n\n      <li class=\"trs-ap-item\">\n        <div class=\"trs-ap-icon\">\n          <span class=\"trs-ap-num\">02<\/span>\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 12a9 9 0 0 1-15.5 6.3L3 21M3 12a9 9 0 0 1 15.5-6.3L21 3\"\/><polyline points=\"3 16 3 21 8 21\"\/><polyline points=\"21 8 21 3 16 3\"\/><\/svg>\n        <\/div>\n        <div class=\"trs-ap-text\">\n          <h3 data-ar=\"\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u062b\u0627\u0628\u062a\u0629 \u0648\u0645\u062a\u0651\u0633\u0642\u0629\">Terminology that stays consistent<\/h3>\n          <p data-ar=\"\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0646\u064f\u0639\u062f\u0651 \u0645\u0633\u0631\u062f\u0627\u064b \u062e\u0627\u0635\u0627\u064b \u0628\u0645\u0624\u0633\u0633\u062a\u0643 \u0648\u0646\u0639\u062a\u0645\u062f\u0647 \u0641\u064a \u0643\u0644 \u0645\u0633\u062a\u0646\u062f.\">For repeat business work, we build a dedicated glossary tailored to your organisation and reuse it on every document.<\/p>\n        <\/div>\n      <\/li>\n\n      <li class=\"trs-ap-item\">\n        <div class=\"trs-ap-icon\">\n          <span class=\"trs-ap-num\">03<\/span>\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3z\"\/><path d=\"M9 12.2l2 2 4-4.2\"\/><\/svg>\n        <\/div>\n        <div class=\"trs-ap-text\">\n          <h3 data-ar=\"\u0627\u0644\u0633\u0631\u064a\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629\">Confidentiality from the start<\/h3>\n          <p data-ar=\"\u0634\u0627\u0631\u0643\u0646\u0627 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u2014 \u0648\u0646\u0646\u0627\u0642\u0634 \u0645\u0639\u0643 \u0627\u062a\u0641\u0627\u0642\u064a\u0629 \u0639\u062f\u0645 \u0625\u0641\u0635\u0627\u062d (NDA) \u0642\u0628\u0644 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0623\u064a \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u062d\u0633\u0627\u0633\u0629.\">Share your confidentiality requirements up front \u2014 we'll discuss an NDA before handling any sensitive documents.<\/p>\n        <\/div>\n      <\/li>\n\n      <li class=\"trs-ap-item\">\n        <div class=\"trs-ap-icon\">\n          <span class=\"trs-ap-num\">04<\/span>\n          <svg viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"4\" width=\"12\" height=\"17\" rx=\"2\"\/><path d=\"M9 3h6a1 1 0 0 1 1 1v1H8V4a1 1 0 0 1 1-1z\"\/><polyline points=\"9 13 11 15 15 10.5\"\/><\/svg>\n        <\/div>\n        <div class=\"trs-ap-text\">\n          <h3 data-ar=\"\u0627\u0644\u0648\u0636\u0648\u062d \u0642\u0628\u0644 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\">Clarity before commitment<\/h3>\n          <p data-ar=\"\u0646\u062a\u0641\u0642 \u0645\u0639\u0627\u064b \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0648\u0642\u062a \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0642\u0628\u0644 \u0645\u0648\u0627\u0641\u0642\u062a\u0643 \u2014 \u062f\u0648\u0646 \u0623\u064a \u0645\u0641\u0627\u062c\u0622\u062a \u0628\u0639\u062f \u0627\u0644\u0628\u062f\u0621.\">We confirm scope, cost and delivery time together before you approve the work \u2014 no surprises once we start.<\/p>\n        <\/div>\n      <\/li>\n\n    <\/ul>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var section = document.getElementById('trsApSection');\n  if(!section) return;\n\n  \/\/ ---- language ----\n  \/\/ Arabic when TranslatePress serves the Arabic version (<html lang=\"ar\u2026\"> or \/ar\/ in the URL)\n  var htmlLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\n  var isArabic = htmlLang.indexOf('ar') === 0 || \/^\\\/ar(\\\/|$)\/.test(location.pathname);\n  section.setAttribute('dir', isArabic ? 'rtl' : 'ltr');\n  section.setAttribute('lang', isArabic ? 'ar' : 'en');\n  if(isArabic){\n    section.querySelectorAll('[data-ar]').forEach(function(el){ el.textContent = el.getAttribute('data-ar'); });\n    section.querySelectorAll('[data-ar-html]').forEach(function(el){ el.innerHTML = el.getAttribute('data-ar-html'); });\n  }\n\n  if(!('IntersectionObserver' in window)){\n    section.classList.add('trs-ap-inview');\n    return;\n  }\n\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        section.classList.add('trs-ap-inview');\n        io.unobserve(section);\n      }\n    });\n  }, { threshold: 0.2 });\n\n  io.observe(section);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-231d85b e-flex e-con-boxed e-con e-parent\" data-id=\"231d85b\" 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-c5fe393 elementor-widget elementor-widget-html\" data-id=\"c5fe393\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Trans Rover \u2014 Process Section<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n.trs-st{\n  --trs-st-navy:#122c40;\n  --trs-st-navy-soft:#5a7080;\n  --trs-st-teal:#129c7c;\n  --trs-st-teal-dark:#0d7f65;\n  --trs-st-bg:#f4f8f7;\n  --trs-st-line:#e2e9e7;\n  --trs-st-mint:#e4f6f0;\n  --trs-st-mint-line:#cdeae1;\n}\n\n\/* Scoped reset \u2014 only affects elements inside this section, never the\n   rest of the WordPress theme's page. *\/\n.trs-st, .trs-st *{\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\n\n.trs-st{\n  position:relative;\n  overflow:hidden;\n  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  background:var(--trs-st-bg);\n  color:var(--trs-st-navy);\n  -webkit-font-smoothing:antialiased;\n  padding:110px 40px;\n}\n\n\/* ---------- subtle animated background ---------- *\/\n.trs-st-bg{\n  position:absolute;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n  overflow:hidden;\n}\n.trs-st-blob{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(60px);\n  opacity:.55;\n  will-change:transform;\n}\n.trs-st-blob-1{\n  width:420px; height:420px;\n  top:-160px; left:-120px;\n  background:radial-gradient(circle, rgba(18,156,124,0.16) 0%, rgba(18,156,124,0) 70%);\n  animation:trsStFloat1 22s ease-in-out infinite;\n}\n.trs-st-blob-2{\n  width:520px; height:520px;\n  bottom:-220px; right:-160px;\n  background:radial-gradient(circle, rgba(59,111,214,0.12) 0%, rgba(59,111,214,0) 70%);\n  animation:trsStFloat2 26s ease-in-out infinite;\n}\n@keyframes trsStFloat1{\n  0%, 100%{ transform:translate(0,0) scale(1); }\n  50%{ transform:translate(60px,40px) scale(1.12); }\n}\n@keyframes trsStFloat2{\n  0%, 100%{ transform:translate(0,0) scale(1); }\n  50%{ transform:translate(-50px,-30px) scale(1.08); }\n}\n\n.trs-st-inner{\n  position:relative;\n  z-index:1;\n  max-width:1280px;\n  margin:0 auto;\n}\n\n\/* ---------- HEAD ---------- *\/\n.trs-st-headrow{\n  display:grid;\n  grid-template-columns:1.2fr 1fr;\n  gap:40px;\n  align-items:end;\n  margin-bottom:64px;\n  opacity:0;\n  transform:translateY(18px);\n  transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);\n}\n.trs-st.trs-st-inview .trs-st-headrow{ opacity:1; transform:translateY(0); }\n\n.trs-st-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  font-size:12.5px;\n  font-weight:700;\n  letter-spacing:2px;\n  color:var(--trs-st-teal-dark);\n  text-transform:uppercase;\n}\n.trs-st-eyebrow::before{\n  content:\"\";\n  width:26px;\n  height:2px;\n  background:var(--trs-st-teal);\n  display:block;\n}\n\n.trs-st-title{\n  font-size:clamp(1.9rem, 3.2vw, 2.5rem);\n  line-height:1.18;\n  font-weight:800;\n  letter-spacing:-0.02em;\n  margin-top:16px;\n}\n\n.trs-st-intro{\n  font-size:14.5px;\n  line-height:1.7;\n  color:var(--trs-st-navy-soft);\n  text-align:end;\n}\n\n\/* ---------- STEPS ---------- *\/\n.trs-st-steps{\n  position:relative;\n  display:grid;\n  grid-template-columns:repeat(4, 1fr);\n  gap:0;\n  margin-bottom:72px;\n}\n\n.trs-st-track{\n  position:absolute;\n  left:0; right:0;\n  top:52px;\n  height:1px;\n  background:var(--trs-st-line);\n  z-index:0;\n}\n.trs-st-track-fill{\n  position:absolute;\n  left:0; top:0;\n  height:100%;\n  width:0%;\n  background:linear-gradient(to right, var(--trs-st-teal), var(--trs-st-teal-dark));\n  transition:width 1.3s cubic-bezier(.2,.7,.2,1) .2s;\n}\n.trs-st.trs-st-inview .trs-st-track-fill{ width:100%; }\n\n.trs-st-step{\n  position:relative;\n  z-index:1;\n  padding:0 28px 0 0;\n  opacity:0;\n  transform:translateY(16px);\n  transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);\n}\n.trs-st.trs-st-inview .trs-st-step{ opacity:1; transform:translateY(0); }\n.trs-st-step:nth-child(2){ transition-delay:.12s; }\n.trs-st-step:nth-child(3){ transition-delay:.24s; }\n.trs-st-step:nth-child(4){ transition-delay:.36s; }\n.trs-st-step:nth-child(5){ transition-delay:.48s; }\n.trs-st-step:last-child{ padding-right:0; }\n\n.trs-st-num{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:38px; height:38px;\n  border-radius:50%;\n  background:var(--trs-st-bg);\n  border:1.5px solid var(--trs-st-line);\n  font-size:13px;\n  font-weight:800;\n  color:#b7c4c0;\n  margin-bottom:22px;\n  transition:border-color .35s ease, color .35s ease, background .35s ease, transform .4s cubic-bezier(.34,1.56,.64,1);\n}\n.trs-st-step:hover .trs-st-num{\n  border-color:var(--trs-st-teal);\n  color:#fff;\n  background:var(--trs-st-teal);\n  transform:scale(1.1);\n}\n\n.trs-st-step h3{\n  font-size:1.02rem;\n  font-weight:700;\n  color:var(--trs-st-navy);\n  padding-top:14px;\n  border-top:1px solid var(--trs-st-line);\n  margin-bottom:10px;\n  transition:border-color .35s ease;\n}\n.trs-st-step:hover h3{ border-color:var(--trs-st-teal); }\n\n.trs-st-step p{\n  font-size:13.5px;\n  line-height:1.65;\n  color:var(--trs-st-navy-soft);\n  max-width:230px;\n}\n\n\/* ---------- CTA BANNER ---------- *\/\n.trs-st-cta{\n  position:relative;\n  overflow:hidden;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:32px;\n  background:var(--trs-st-mint);\n  border:1px solid var(--trs-st-mint-line);\n  border-radius:24px;\n  padding:44px 48px;\n  opacity:0;\n  transform:translateY(18px);\n  transition:opacity .7s ease .2s, transform .7s cubic-bezier(.2,.7,.2,1) .2s;\n}\n.trs-st.trs-st-inview .trs-st-cta{ opacity:1; transform:translateY(0); }\n\n.trs-st-cta::before{\n  content:\"\";\n  position:absolute;\n  top:-90px; right:120px;\n  width:260px; height:260px;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(18,156,124,0.14) 0%, rgba(18,156,124,0) 70%);\n  pointer-events:none;\n}\n\n.trs-st-cta-text{ position:relative; z-index:1; max-width:640px; }\n.trs-st-cta-eyebrow{\n  display:block;\n  font-size:11.5px;\n  font-weight:700;\n  letter-spacing:1.6px;\n  text-transform:uppercase;\n  color:var(--trs-st-teal-dark);\n  margin-bottom:10px;\n}\n.trs-st-cta-text h3{\n  font-size:1.6rem;\n  font-weight:800;\n  letter-spacing:-0.02em;\n  color:var(--trs-st-navy);\n  margin-bottom:10px;\n}\n.trs-st-cta-text p{\n  font-size:14px;\n  line-height:1.6;\n  color:var(--trs-st-navy-soft);\n  max-width:460px;\n}\n\n.trs-st-cta-btn{\n  position:relative;\n  z-index:1;\n  flex-shrink:0;\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  background:var(--trs-st-navy);\n  color:#fff;\n  text-decoration:none;\n  font-size:14px;\n  font-weight:700;\n  padding:15px 24px;\n  border-radius:13px;\n  transition:background .3s ease, transform .3s ease, box-shadow .3s ease;\n  box-shadow:0 14px 26px -14px rgba(18,44,64,0.45);\n}\n.trs-st-cta-btn svg{ transition:transform .3s ease; }\n.trs-st-cta-btn:hover{\n  background:var(--trs-st-teal-dark);\n  transform:translateY(-2px);\n  box-shadow:0 18px 30px -12px rgba(13,127,101,0.5);\n}\n.trs-st-cta-btn:hover svg{ transform:translate(3px,-3px); }\n\n\/* ================= ARABIC \/ RTL =================\n   Applied when the script detects the Arabic version of the site\n   (TranslatePress sets <html lang=\"ar\"> and the \/ar\/ URL). *\/\n.trs-st[dir=\"rtl\"]{\n  font-family:'Cairo', 'Plus Jakarta Sans', system-ui, sans-serif;\n}\n\/* Arabic letters must stay connected: no letter-spacing, no uppercase *\/\n.trs-st[dir=\"rtl\"] .trs-st-eyebrow,\n.trs-st[dir=\"rtl\"] .trs-st-title,\n.trs-st[dir=\"rtl\"] .trs-st-cta-eyebrow,\n.trs-st[dir=\"rtl\"] .trs-st-cta-text h3{\n  letter-spacing:0;\n  text-transform:none;\n}\n.trs-st[dir=\"rtl\"] .trs-st-eyebrow{ font-size:14px; }\n.trs-st[dir=\"rtl\"] .trs-st-title{ line-height:1.4; }\n.trs-st[dir=\"rtl\"] .trs-st-intro{ font-size:15px; line-height:1.9; }\n.trs-st[dir=\"rtl\"] .trs-st-step h3{ font-size:1.1rem; }\n.trs-st[dir=\"rtl\"] .trs-st-step p{ font-size:14.5px; line-height:1.85; }\n.trs-st[dir=\"rtl\"] .trs-st-cta-eyebrow{ font-size:13px; }\n.trs-st[dir=\"rtl\"] .trs-st-cta-text h3{ line-height:1.5; }\n.trs-st[dir=\"rtl\"] .trs-st-cta-text p{ font-size:15px; line-height:1.85; }\n\n\/* progress line fills from the right; step spacing mirrored *\/\n.trs-st[dir=\"rtl\"] .trs-st-track-fill{\n  left:auto; right:0;\n  background:linear-gradient(to left, var(--trs-st-teal), var(--trs-st-teal-dark));\n}\n.trs-st[dir=\"rtl\"] .trs-st-step{ padding:0 0 0 28px; }\n.trs-st[dir=\"rtl\"] .trs-st-step:last-child{ padding-left:0; }\n.trs-st[dir=\"rtl\"] .trs-st-cta::before{ right:auto; left:120px; }\n\n.trs-st[dir=\"rtl\"] .trs-st-cta-btn svg{ transform:scaleX(-1); }\n.trs-st[dir=\"rtl\"] .trs-st-cta-btn:hover svg{ transform:translate(-3px,-3px) scaleX(-1); }\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:980px){\n  .trs-st{ padding:80px 28px; }\n  .trs-st-headrow{\n    grid-template-columns:1fr;\n    align-items:start;\n    gap:16px;\n  }\n  .trs-st-intro{ text-align:start; }\n  .trs-st-steps{ grid-template-columns:repeat(2, 1fr); row-gap:36px; }\n  .trs-st-track{ display:none; }\n  .trs-st-step{ padding-right:20px; }\n  .trs-st[dir=\"rtl\"] .trs-st-step{ padding:0 0 0 20px; }\n}\n\n@media (max-width:640px){\n  .trs-st{ padding:64px 20px; }\n  .trs-st-steps{ grid-template-columns:1fr; row-gap:28px; }\n  .trs-st-step p{ max-width:100%; }\n  .trs-st-cta{\n    flex-direction:column;\n    align-items:flex-start;\n    padding:32px 26px;\n  }\n  .trs-st-cta-btn{ width:100%; justify-content:center; }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .trs-st *{ transition-duration:.01ms !important; animation:none !important; }\n  .trs-st-headrow, .trs-st-step, .trs-st-cta{ opacity:1 !important; transform:none !important; }\n  .trs-st-track-fill{ width:100% !important; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- Every translatable text has its Arabic version in data-ar \/ data-ar-html -->\n<section class=\"trs-st\" id=\"trsStSection\">\n  <div class=\"trs-st-bg\" aria-hidden=\"true\">\n    <span class=\"trs-st-blob trs-st-blob-1\"><\/span>\n    <span class=\"trs-st-blob trs-st-blob-2\"><\/span>\n  <\/div>\n\n  <div class=\"trs-st-inner\">\n\n    <div class=\"trs-st-headrow\">\n      <div>\n        <span class=\"trs-st-eyebrow\" data-ar=\"03 \/ \u0637\u0631\u064a\u0642 \u0648\u0627\u0636\u062d \u0644\u0644\u0623\u0645\u0627\u0645\">03 \/ A Clear Way Forward<\/span>\n        <h2 class=\"trs-st-title\" data-ar-html=\"\u0645\u0646 \u0645\u0644\u0641\u0643<br>\u0625\u0644\u0649 \u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\">From your file<br>to your next step.<\/h2>\n      <\/div>\n      <p class=\"trs-st-intro\" data-ar-html=\"\u0637\u0644\u0628 \u0628\u0633\u064a\u0637. \u0646\u0637\u0627\u0642 \u0648\u0627\u0636\u062d.<br>\u0648\u0639\u0645\u0644 \u062f\u0642\u064a\u0642 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0647\u0627\u064a\u0629.\">A simple request. A clear scope.<br>Careful work from start to finish.<\/p>\n    <\/div>\n\n    <div class=\"trs-st-steps\">\n      <div class=\"trs-st-track\"><span class=\"trs-st-track-fill\"><\/span><\/div>\n\n      <div class=\"trs-st-step\">\n        <span class=\"trs-st-num\">01<\/span>\n        <h3 data-ar=\"\u0627\u062e\u062a\u0631 \u062e\u062f\u0645\u062a\u0643\">Choose your service<\/h3>\n        <p data-ar=\"\u062d\u062f\u0651\u062f \u0646\u0648\u0639 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u062a\u064a \u064a\u062d\u062a\u0627\u062c\u0647\u0627 \u0645\u0633\u062a\u0646\u062f\u0643.\">Select the type of translation your document needs.<\/p>\n      <\/div>\n\n      <div class=\"trs-st-step\">\n        <span class=\"trs-st-num\">02<\/span>\n        <h3 data-ar=\"\u0634\u0627\u0631\u0643 \u0645\u0633\u062a\u0646\u062f\u0627\u062a\u0643\">Share your documents<\/h3>\n        <p data-ar=\"\u0627\u0645\u0644\u0623 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0637\u0644\u0628 \u0648\u0627\u0631\u0641\u0639 \u0646\u0633\u062e\u0627\u064b \u0648\u0627\u0636\u062d\u0629 \u0648\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0645\u0633\u062a\u0646\u062f\u0627\u062a\u0643.\">Complete the request form and upload clear, complete copies.<\/p>\n      <\/div>\n\n      <div class=\"trs-st-step\">\n        <span class=\"trs-st-num\">03<\/span>\n        <h3 data-ar=\"\u0623\u0643\u0651\u062f \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\">Confirm the details<\/h3>\n        <p data-ar=\"\u0646\u062a\u0641\u0642 \u0639\u0644\u0649 \u0627\u0644\u0644\u063a\u0629 \u0648\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0633\u0639\u0631 \u0648\u0648\u0642\u062a \u0627\u0644\u062a\u0633\u0644\u064a\u0645.\">Agree the language, requirements, price and delivery time.<\/p>\n      <\/div>\n\n      <div class=\"trs-st-step\">\n        <span class=\"trs-st-num\">04<\/span>\n        <h3 data-ar=\"\u0627\u0633\u062a\u0644\u0645 \u062a\u0631\u062c\u0645\u062a\u0643\">Receive your translation<\/h3>\n        <p data-ar=\"\u0627\u0633\u062a\u0644\u0645 \u062a\u0631\u062c\u0645\u062a\u0643 \u0628\u0627\u0644\u0635\u064a\u063a\u0629 \u0627\u0644\u0645\u062a\u0641\u0642 \u0639\u0644\u064a\u0647\u0627\u060c \u0648\u0646\u0627\u0642\u0634 \u0645\u0639\u0646\u0627 \u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631.\">Get your translation in the agreed format and discuss any questions.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"trs-st-cta\">\n      <div class=\"trs-st-cta-text\">\n        <span class=\"trs-st-cta-eyebrow\" data-ar=\"\u0644\u0646\u0628\u062f\u0623 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\">Let's move forward<\/span>\n        <h3 data-ar=\"\u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u062a\u0628\u062f\u0623 \u0628\u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u0629.\">Your next step starts with the right words.<\/h3>\n        <p data-ar=\"\u0623\u062e\u0628\u0631\u0646\u0627 \u0639\u0646 \u0645\u0633\u062a\u0646\u062f\u0643 \u0648\u0627\u0644\u0644\u063a\u0629 \u0648\u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u060c \u0648\u0633\u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\">Tell us about your document, language and deadline. We'll help you define the next step.<\/p>\n      <\/div>\n      <a href=\"#\" class=\"trs-st-cta-btn\">\n        <span data-ar=\"\u0627\u0637\u0644\u0628 \u062a\u0631\u062c\u0645\u0629\">Request a translation<\/span>\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var section = document.getElementById('trsStSection');\n  if(!section) return;\n\n  \/\/ ---- language ----\n  \/\/ Arabic when TranslatePress serves the Arabic version (<html lang=\"ar\u2026\"> or \/ar\/ in the URL)\n  var htmlLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\n  var isArabic = htmlLang.indexOf('ar') === 0 || \/^\\\/ar(\\\/|$)\/.test(location.pathname);\n  section.setAttribute('dir', isArabic ? 'rtl' : 'ltr');\n  section.setAttribute('lang', isArabic ? 'ar' : 'en');\n  if(isArabic){\n    section.querySelectorAll('[data-ar]').forEach(function(el){ el.textContent = el.getAttribute('data-ar'); });\n    section.querySelectorAll('[data-ar-html]').forEach(function(el){ el.innerHTML = el.getAttribute('data-ar-html'); });\n  }\n\n  if(!('IntersectionObserver' in window)){\n    section.classList.add('trs-st-inview');\n    return;\n  }\n\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        section.classList.add('trs-st-inview');\n        io.unobserve(section);\n      }\n    });\n  }, { threshold: 0.15 });\n\n  io.observe(section);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Trans Rover \u2014 Hero Section Translation &amp; Consulting Across languages. Ahead with confidence. Precise translation for the documents that matter. Clear guidance for the steps that come next. Translate your documents Explore consultations Individuals &amp; businesses Every detail matters Different languages. The same meaning. Trusted &amp; Certified Personal Documents Legal &amp; Corporate Medical &amp; Technical [&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,"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-11740","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"Trans Rover \u2014 Hero Section Translation &amp; Consulting Across languages. Ahead with confidence. Precise translation for the documents that matter. Clear guidance for the steps that come next. Translate your documents Explore consultations Individuals &amp; businesses Every detail matters Different languages. The same meaning. Trusted &amp; Certified Personal Documents Legal &amp; Corporate Medical &amp; Technical\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/transrover.net\/ar\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"ar_AR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"trans rover  -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Home Page - trans rover\" \/>\n\t\t<meta property=\"og:description\" content=\"Trans Rover \u2014 Hero Section Translation &amp; Consulting Across languages. Ahead with confidence. Precise translation for the documents that matter. Clear guidance for the steps that come next. Translate your documents Explore consultations Individuals &amp; businesses Every detail matters Different languages. The same meaning. Trusted &amp; Certified Personal Documents Legal &amp; Corporate Medical &amp; Technical\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/transrover.net\/ar\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/transrover.net\/wp-content\/uploads\/2025\/07\/cropped-cropped-cropped-logo-green-2.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/transrover.net\/wp-content\/uploads\/2025\/07\/cropped-cropped-cropped-logo-green-2.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-09-22T14:19:25+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-26T13:10:26+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Home Page - trans rover\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Trans Rover \u2014 Hero Section Translation &amp; Consulting Across languages. Ahead with confidence. Precise translation for the documents that matter. Clear guidance for the steps that come next. Translate your documents Explore consultations Individuals &amp; businesses Every detail matters Different languages. The same meaning. Trusted &amp; Certified Personal Documents Legal &amp; Corporate Medical &amp; Technical\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/transrover.net\/wp-content\/uploads\/2025\/07\/cropped-cropped-cropped-logo-green-2.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/transrover.net\\\/ar\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#listItem\",\"name\":\"Home Page\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#listItem\",\"position\":2,\"name\":\"Home Page\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#organization\",\"name\":\"trans rover\",\"url\":\"https:\\\/\\\/transrover.net\\\/ar\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/transrover.net\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-cropped-cropped-logo-green-2.png\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#organizationLogo\",\"width\":11811,\"height\":11811},\"image\":{\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#webpage\",\"url\":\"https:\\\/\\\/transrover.net\\\/ar\\\/\",\"name\":\"Home Page - trans rover\",\"description\":\"Trans Rover \\u2014 Hero Section Translation & Consulting Across languages. Ahead with confidence. Precise translation for the documents that matter. Clear guidance for the steps that come next. Translate your documents Explore consultations Individuals & businesses Every detail matters Different languages. The same meaning. Trusted & Certified Personal Documents Legal & Corporate Medical & Technical\",\"inLanguage\":\"ar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#breadcrumblist\"},\"datePublished\":\"2026-09-22T17:19:25+03:00\",\"dateModified\":\"2026-09-26T16:10:26+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#website\",\"url\":\"https:\\\/\\\/transrover.net\\\/ar\\\/\",\"name\":\"trans rover\",\"inLanguage\":\"ar\",\"publisher\":{\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Home Page - trans rover","description":"Trans Rover \u2014 Hero Section Translation & Consulting Across languages. Ahead with confidence. Precise translation for the documents that matter. Clear guidance for the steps that come next. Translate your documents Explore consultations Individuals & businesses Every detail matters Different languages. The same meaning. Trusted & Certified Personal Documents Legal & Corporate Medical & Technical","canonical_url":"https:\/\/transrover.net\/ar\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/transrover.net\/ar\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/transrover.net\/ar\/#listItem","position":1,"name":"Home","item":"https:\/\/transrover.net\/ar\/","nextItem":{"@type":"ListItem","@id":"https:\/\/transrover.net\/ar\/#listItem","name":"Home Page"}},{"@type":"ListItem","@id":"https:\/\/transrover.net\/ar\/#listItem","position":2,"name":"Home Page","previousItem":{"@type":"ListItem","@id":"https:\/\/transrover.net\/ar\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/transrover.net\/ar\/#organization","name":"trans rover","url":"https:\/\/transrover.net\/ar\/","logo":{"@type":"ImageObject","url":"https:\/\/transrover.net\/wp-content\/uploads\/2025\/07\/cropped-cropped-cropped-logo-green-2.png","@id":"https:\/\/transrover.net\/ar\/#organizationLogo","width":11811,"height":11811},"image":{"@id":"https:\/\/transrover.net\/ar\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/transrover.net\/ar\/#webpage","url":"https:\/\/transrover.net\/ar\/","name":"Home Page - trans rover","description":"Trans Rover \u2014 Hero Section Translation & Consulting Across languages. Ahead with confidence. Precise translation for the documents that matter. Clear guidance for the steps that come next. Translate your documents Explore consultations Individuals & businesses Every detail matters Different languages. The same meaning. Trusted & Certified Personal Documents Legal & Corporate Medical & Technical","inLanguage":"ar","isPartOf":{"@id":"https:\/\/transrover.net\/ar\/#website"},"breadcrumb":{"@id":"https:\/\/transrover.net\/ar\/#breadcrumblist"},"datePublished":"2026-09-22T17:19:25+03:00","dateModified":"2026-09-26T16:10:26+03:00"},{"@type":"WebSite","@id":"https:\/\/transrover.net\/ar\/#website","url":"https:\/\/transrover.net\/ar\/","name":"trans rover","inLanguage":"ar","publisher":{"@id":"https:\/\/transrover.net\/ar\/#organization"}}]},"og:locale":"ar_AR","og:site_name":"trans rover  -","og:type":"article","og:title":"Home Page - trans rover","og:description":"Trans Rover \u2014 Hero Section Translation &amp; Consulting Across languages. Ahead with confidence. Precise translation for the documents that matter. Clear guidance for the steps that come next. Translate your documents Explore consultations Individuals &amp; businesses Every detail matters Different languages. The same meaning. Trusted &amp; Certified Personal Documents Legal &amp; Corporate Medical &amp; Technical","og:url":"https:\/\/transrover.net\/ar\/","og:image":"https:\/\/transrover.net\/wp-content\/uploads\/2025\/07\/cropped-cropped-cropped-logo-green-2.png","og:image:secure_url":"https:\/\/transrover.net\/wp-content\/uploads\/2025\/07\/cropped-cropped-cropped-logo-green-2.png","article:published_time":"2026-09-22T14:19:25+00:00","article:modified_time":"2026-09-26T13:10:26+00:00","twitter:card":"summary_large_image","twitter:title":"Home Page - trans rover","twitter:description":"Trans Rover \u2014 Hero Section Translation &amp; Consulting Across languages. Ahead with confidence. Precise translation for the documents that matter. Clear guidance for the steps that come next. Translate your documents Explore consultations Individuals &amp; businesses Every detail matters Different languages. The same meaning. Trusted &amp; Certified Personal Documents Legal &amp; Corporate Medical &amp; Technical","twitter:image":"https:\/\/transrover.net\/wp-content\/uploads\/2025\/07\/cropped-cropped-cropped-logo-green-2.png"},"aioseo_meta_data":{"post_id":"11740","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-09-22 14:19:05","updated":"2026-09-26 13:39:15","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/transrover.net\/ar\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHome Page\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/transrover.net\/ar\/"},{"label":"Home Page","link":"https:\/\/transrover.net\/ar\/"}],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/pages\/11740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/comments?post=11740"}],"version-history":[{"count":52,"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/pages\/11740\/revisions"}],"predecessor-version":[{"id":11894,"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/pages\/11740\/revisions\/11894"}],"wp:attachment":[{"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/media?parent=11740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}