{"id":11781,"date":"2026-09-23T12:46:31","date_gmt":"2026-09-23T09:46:31","guid":{"rendered":"https:\/\/transrover.net\/?page_id=11781"},"modified":"2026-09-28T12:51:35","modified_gmt":"2026-09-28T09:51:35","slug":"translation-services","status":"publish","type":"page","link":"https:\/\/transrover.net\/ar\/translation-services\/","title":{"rendered":"Translation Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11781\" class=\"elementor elementor-11781\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fad7862 e-flex e-con-boxed e-con e-parent\" data-id=\"fad7862\" 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-9188d77 elementor-widget elementor-widget-html\" data-id=\"9188d77\" 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 Intro 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-in{\n  --trs-in-navy:#122c40;\n  --trs-in-navy-soft:#5c7182;\n  --trs-in-bg:#f8f6f1;\n  --trs-in-line:#e9e4da;\n  --trs-in-accent:#0d7f65;\n  --trs-in-accent-soft:#dcece5;\n  --trs-in-panel:#eef1ea;\n}\n\n\/* Scoped reset \u2014 only affects elements inside this section, never the\n   rest of the WordPress theme's page. *\/\n.trs-in, .trs-in *{\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\n\n.trs-in{\n  position:relative;\n  overflow:hidden;\n  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  background:var(--trs-in-bg);\n  color:var(--trs-in-navy);\n  -webkit-font-smoothing:antialiased;\n  padding:100px 40px;\n}\n\n.trs-in-inner{\n  position:relative;\n  z-index:1;\n  max-width:1280px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:1.05fr 0.95fr;\n  gap:56px;\n  align-items:center;\n}\n\n\/* ---------- LEFT ---------- *\/\n.trs-in-left{\n  opacity:0;\n  transform:translateY(20px);\n  transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);\n}\n.trs-in.trs-in-inview .trs-in-left{ opacity:1; transform:translateY(0); }\n\n.trs-in-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-in-accent);\n  text-transform:uppercase;\n}\n.trs-in-eyebrow::before{\n  content:\"\";\n  width:26px;\n  height:2px;\n  background:var(--trs-in-accent);\n  display:block;\n}\n\n.trs-in-heading{\n  font-size:clamp(2.1rem, 3.8vw, 3.1rem);\n  line-height:1.14;\n  font-weight:800;\n  letter-spacing:-0.025em;\n  margin-top:22px;\n}\n.trs-in-heading .trs-in-line2{\n  display:block;\n  color:var(--trs-in-accent);\n}\n\n.trs-in-desc{\n  font-size:15.5px;\n  line-height:1.75;\n  color:var(--trs-in-navy-soft);\n  max-width:460px;\n  margin-top:22px;\n}\n\n.trs-in-actions{\n  display:flex;\n  align-items:center;\n  gap:26px;\n  margin-top:34px;\n}\n\n.trs-in-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  background:var(--trs-in-navy);\n  color:#fff;\n  text-decoration:none;\n  font-size:14px;\n  font-weight:700;\n  padding:15px 26px;\n  border-radius:13px;\n  transition:background .3s ease, transform .3s ease, box-shadow .3s ease;\n  box-shadow:0 16px 28px -14px rgba(18,44,64,0.4);\n}\n.trs-in-btn svg{ transition:transform .3s ease; }\n.trs-in-btn:hover{\n  background:var(--trs-in-accent);\n  transform:translateY(-2px);\n  box-shadow:0 18px 30px -12px rgba(13,127,101,0.45);\n}\n.trs-in-btn:hover svg{ transform:translate(3px,-3px); }\n\n.trs-in-link{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  font-size:14px;\n  font-weight:700;\n  color:var(--trs-in-navy);\n  text-decoration:none;\n  border-bottom:1.5px solid var(--trs-in-line);\n  padding-bottom:3px;\n  transition:border-color .3s ease, color .3s ease;\n}\n.trs-in-link:hover{ color:var(--trs-in-accent); border-color:var(--trs-in-accent); }\n\n\/* ---------- RIGHT \/ VISUAL ---------- *\/\n.trs-in-right{\n  position:relative;\n  height:380px;\n  opacity:0;\n  transform:translateY(20px) scale(.97);\n  transition:opacity .9s ease .1s, transform .9s cubic-bezier(.2,.7,.2,1) .1s;\n}\n.trs-in.trs-in-inview .trs-in-right{ opacity:1; transform:translateY(0) scale(1); }\n\n.trs-in-panel{\n  position:absolute;\n  inset:0;\n  border-radius:28px;\n  background:var(--trs-in-panel);\n  overflow:hidden;\n}\n.trs-in-panel::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:radial-gradient(rgba(18,44,64,0.07) 1px, transparent 1px);\n  background-size:22px 22px;\n}\n.trs-in-panel::after{\n  content:\"\";\n  position:absolute;\n  bottom:-120px; right:-90px;\n  width:320px; height:320px;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(13,127,101,0.18) 0%, rgba(13,127,101,0) 70%);\n}\n\n.trs-in-card{\n  position:absolute;\n  width:280px;\n  background:#fff;\n  border-radius:18px;\n  padding:22px 22px 20px;\n  box-shadow:0 30px 50px -20px rgba(18,44,64,0.28);\n  top:50%; left:44%;\n  transform:translate(-50%,-50%);\n  animation:trsInFloat 6s ease-in-out infinite;\n}\n.trs-in-card-head{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  padding-bottom:14px;\n  border-bottom:1px solid var(--trs-in-line);\n  margin-bottom:14px;\n}\n.trs-in-card-dot{\n  width:9px; height:9px;\n  border-radius:50%;\n  background:var(--trs-in-accent);\n}\n.trs-in-card-head span{\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  color:var(--trs-in-navy-soft);\n}\n.trs-in-card-row{\n  display:flex;\n  gap:8px;\n  margin-bottom:9px;\n}\n.trs-in-card-row i{\n  display:block;\n  height:8px;\n  border-radius:5px;\n  background:var(--trs-in-line);\n}\n.trs-in-card-row .trs-in-w1{ width:34%; }\n.trs-in-card-row .trs-in-w2{ width:58%; }\n.trs-in-card-row.trs-in-accentrow i{ background:var(--trs-in-accent-soft); }\n\n.trs-in-badge{\n  position:absolute;\n  display:flex;\n  align-items:center;\n  gap:9px;\n  background:#fff;\n  border-radius:14px;\n  padding:12px 16px;\n  box-shadow:0 20px 34px -16px rgba(18,44,64,0.3);\n  bottom:26px;\n  right:6%;\n  animation:trsInFloat 6s ease-in-out infinite 1.4s;\n}\n.trs-in-badge svg{ stroke:var(--trs-in-accent); }\n.trs-in-badge b{ display:block; font-size:14px; font-weight:800; color:var(--trs-in-navy); }\n.trs-in-badge span{ display:block; font-size:10.5px; color:var(--trs-in-navy-soft); }\n\n.trs-in-chip{\n  position:absolute;\n  top:14%;\n  left:4%;\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  background:var(--trs-in-navy);\n  color:#fff;\n  font-size:11.5px;\n  font-weight:700;\n  padding:9px 14px;\n  border-radius:100px;\n  box-shadow:0 16px 28px -14px rgba(18,44,64,0.4);\n  animation:trsInFloat 6.5s ease-in-out infinite .6s;\n}\n.trs-in-chip span.trs-in-chip-dot{\n  width:6px; height:6px;\n  border-radius:50%;\n  background:var(--trs-in-accent);\n}\n\n@keyframes trsInFloat{\n  0%, 100%{ transform:translateY(0); }\n  50%{ transform:translateY(-10px); }\n}\n.trs-in-card{ animation-name:trsInFloatCard; }\n@keyframes trsInFloatCard{\n  0%, 100%{ transform:translate(-50%,-50%); }\n  50%{ transform:translate(-50%, calc(-50% - 10px)); }\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-in[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-in[dir=\"rtl\"] .trs-in-eyebrow,\n.trs-in[dir=\"rtl\"] .trs-in-heading{\n  letter-spacing:0;\n  text-transform:none;\n}\n.trs-in[dir=\"rtl\"] .trs-in-eyebrow{ font-size:14px; }\n.trs-in[dir=\"rtl\"] .trs-in-heading{ line-height:1.4; }\n.trs-in[dir=\"rtl\"] .trs-in-desc{ font-size:16px; line-height:1.9; }\n.trs-in[dir=\"rtl\"] .trs-in-btn,\n.trs-in[dir=\"rtl\"] .trs-in-link{ font-size:15px; }\n.trs-in[dir=\"rtl\"] .trs-in-btn svg{ transform:scaleX(-1); }\n.trs-in[dir=\"rtl\"] .trs-in-btn:hover svg{ transform:translate(-3px,-3px) scaleX(-1); }\n\n\/* mirror the decorative visual *\/\n.trs-in[dir=\"rtl\"] .trs-in-panel::after{ right:auto; left:-90px; }\n.trs-in[dir=\"rtl\"] .trs-in-card{ left:56%; }\n.trs-in[dir=\"rtl\"] .trs-in-chip{ left:auto; right:4%; font-size:12.5px; }\n.trs-in[dir=\"rtl\"] .trs-in-badge{ right:auto; left:6%; }\n.trs-in[dir=\"rtl\"] .trs-in-badge span{ font-size:11.5px; }\n\/* the file name stays in English *\/\n.trs-in[dir=\"rtl\"] .trs-in-card-head{ direction:ltr; }\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:980px){\n  .trs-in{ padding:76px 28px; }\n  .trs-in-inner{\n    grid-template-columns:1fr;\n    gap:44px;\n  }\n  .trs-in-right{ height:320px; order:-1; }\n  .trs-in-card{ width:250px; }\n}\n\n@media (max-width:640px){\n  .trs-in{ padding:60px 20px; }\n  .trs-in-heading{ font-size:1.9rem; }\n  .trs-in-desc{ max-width:100%; }\n  .trs-in-actions{ flex-direction:column; align-items:flex-start; gap:16px; }\n  .trs-in-btn{ width:100%; justify-content:center; }\n  .trs-in-right{ height:260px; }\n  .trs-in-card{ width:78%; padding:18px; }\n  .trs-in-badge{ padding:9px 12px; right:4%; bottom:16px; }\n  .trs-in-badge b{ font-size:12.5px; }\n  .trs-in-chip{ font-size:10.5px; padding:7px 11px; top:8%; }\n  .trs-in[dir=\"rtl\"] .trs-in-badge{ right:auto; left:4%; }\n  .trs-in[dir=\"rtl\"] .trs-in-chip{ font-size:11.5px; }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .trs-in *{ transition-duration:.01ms !important; animation:none !important; }\n  .trs-in-left, .trs-in-right{ 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-in\" id=\"trsInSection\">\n  <div class=\"trs-in-inner\">\n\n    <div class=\"trs-in-left\">\n      <span class=\"trs-in-eyebrow\" data-ar=\"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Translation Services<\/span>\n      <h2 class=\"trs-in-heading\" data-ar-html=\"\u0644\u0643\u0644 \u0645\u0633\u062a\u0646\u062f \u0647\u062f\u0641.<span class=&quot;trs-in-line2&quot;>\u0648\u0644\u0643\u0644 \u0643\u0644\u0645\u0629 \u062f\u0648\u0631 \u0641\u064a \u062a\u062d\u0642\u064a\u0642\u0647.<\/span>\">Every document has a purpose.<span class=\"trs-in-line2\">Every word should serve it.<\/span><\/h2>\n      <p class=\"trs-in-desc\" data-ar=\"\u0627\u062e\u062a\u0631 \u062e\u062f\u0645\u062a\u0643\u060c \u0648\u0623\u062e\u0628\u0631\u0646\u0627 \u0628\u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647\u060c \u0648\u0627\u0631\u0641\u0639 \u0645\u0633\u062a\u0646\u062f\u0627\u062a\u0643. \u0633\u0646\u0631\u0627\u062c\u0639 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0642\u0628\u0644 \u062a\u0623\u0643\u064a\u062f \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0633\u0639\u0631 \u0648\u0648\u0642\u062a \u0627\u0644\u062a\u0633\u0644\u064a\u0645.\">Choose your service, tell us what you need and upload your documents. We'll review the details before confirming the scope, price and delivery time.<\/p>\n\n      <div class=\"trs-in-actions\">\n        <a href=\"#\" class=\"trs-in-btn\">\n          <span data-ar=\"\u0627\u0628\u062f\u0623 \u0637\u0644\u0628\u0643\">Start your request<\/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        <a href=\"#\" class=\"trs-in-link\" data-ar=\"\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0639\u0645\u0644\">See how it works<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"trs-in-right\" aria-hidden=\"true\">\n      <div class=\"trs-in-panel\"><\/div>\n\n      <span class=\"trs-in-chip\"><span class=\"trs-in-chip-dot\"><\/span> <span data-ar=\"6 \u062a\u062e\u0635\u0635\u0627\u062a\">6 specialties<\/span><\/span>\n\n      <div class=\"trs-in-card\">\n        <div class=\"trs-in-card-head\">\n          <span class=\"trs-in-card-dot\"><\/span>\n          <span>Document.docx<\/span>\n        <\/div>\n        <div class=\"trs-in-card-row\"><i class=\"trs-in-w1\"><\/i><i class=\"trs-in-w2\"><\/i><\/div>\n        <div class=\"trs-in-card-row\"><i style=\"width:70%\"><\/i><\/div>\n        <div class=\"trs-in-card-row trs-in-accentrow\"><i style=\"width:45%\"><\/i><i style=\"width:30%\"><\/i><\/div>\n        <div class=\"trs-in-card-row\"><i style=\"width:60%\"><\/i><\/div>\n      <\/div>\n\n      <div class=\"trs-in-badge\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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          <b data-ar=\"\u062a\u0645\u062a \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\">Reviewed<\/b>\n          <span data-ar=\"\u0642\u0628\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645\">Before delivery<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var section = document.getElementById('trsInSection');\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-in-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-in-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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-efd6f03 e-flex e-con-boxed e-con e-parent\" data-id=\"efd6f03\" 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-d92f51b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d92f51b\" 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-ef5171d e-con-full e-flex e-con e-parent\" data-id=\"ef5171d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff372e5 elementor-widget elementor-widget-html\" data-id=\"ff372e5\" 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 Cards (Alt)<\/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:70px 40px;\n}\n\n\/* ---------- GRID ---------- *\/\n.trs-grid{\n  display:grid;\n  grid-template-columns:repeat(3, 1fr);\n  gap:22px;\n}\n\n.trs-card{\n  position:relative;\n  background:var(--trs-white);\n  border-radius:16px;\n  padding:28px;\n  border:1px solid var(--trs-line);\n  border-left:4px solid var(--trs-accent);\n  overflow:hidden;\n  opacity:0;\n  transform:translateY(22px);\n  animation:trsCardIn .7s cubic-bezier(.2,.7,.25,1) forwards;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s 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:hover{\n  transform:translateY(-6px);\n  box-shadow:0 24px 40px -22px rgba(18,44,64,0.22);\n}\n\n.trs-card-header{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:18px;\n}\n\n.trs-icon-box{\n  width:52px;\n  height:52px;\n  border-radius:14px;\n  background:var(--trs-accent-bg);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-shrink:0;\n  transition:transform .4s cubic-bezier(.34,1.56,.64,1);\n}\n.trs-icon-box svg{\n  width:23px;\n  height:23px;\n  stroke:var(--trs-accent);\n  fill:none;\n  stroke-width:1.8;\n}\n.trs-card:hover .trs-icon-box{ transform:scale(1.08); }\n\n.trs-card-header h3{\n  font-size:1.08rem;\n  font-weight:700;\n  color:var(--trs-navy);\n  letter-spacing:-0.01em;\n  line-height:1.3;\n}\n\n.trs-card-tag{\n  display:inline-block;\n  font-size:10.5px;\n  font-weight:700;\n  letter-spacing:1.1px;\n  text-transform:uppercase;\n  color:var(--trs-accent);\n  background:var(--trs-accent-bg);\n  padding:5px 11px;\n  border-radius:100px;\n  margin-bottom:14px;\n}\n\n.trs-card p{\n  font-size:14px;\n  line-height:1.65;\n  color:var(--trs-navy-soft);\n  margin-bottom:22px;\n}\n\n.trs-card-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  width:100%;\n  padding:12px 16px;\n  border-radius:11px;\n  border:1.5px solid var(--trs-line);\n  background:transparent;\n  font-size:13.5px;\n  font-weight:700;\n  color:var(--trs-navy);\n  text-decoration:none;\n  cursor:pointer;\n  transition:background .3s ease, border-color .3s ease, color .3s ease;\n}\n.trs-card-btn svg{\n  stroke:currentColor;\n  stroke-width:2.4;\n  transition:transform .3s ease;\n}\n.trs-card:hover .trs-card-btn{\n  background:var(--trs-accent);\n  border-color:var(--trs-accent);\n  color:#fff;\n}\n.trs-card:hover .trs-card-btn svg{ transform:translate(3px,-3px); }\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\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:980px){\n  .trs-services{ padding:56px 28px; }\n  .trs-grid{ grid-template-columns:repeat(2, 1fr); }\n}\n\n@media (max-width:640px){\n  .trs-services{ padding:44px 20px; }\n  .trs-grid{ grid-template-columns:1fr; gap:16px; }\n  .trs-card{ padding:24px 22px; }\n  .trs-card:hover{ transform:translateY(-3px); }\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 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.trs-field input: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.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\/* 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\/* 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-card-tag,\n.trs-services[dir=\"rtl\"] .trs-card-header 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-card-tag{ font-size:12px; }\n.trs-services[dir=\"rtl\"] .trs-card-header h3{ font-size:1.15rem; line-height:1.5; }\n.trs-services[dir=\"rtl\"] .trs-card p{ font-size:14.5px; line-height:1.85; }\n.trs-services[dir=\"rtl\"] .trs-card-btn{ font-size:14.5px; }\n\n\/* the colored edge moves to the right side *\/\n.trs-services[dir=\"rtl\"] .trs-card{\n  border-left:1px solid var(--trs-line);\n  border-right:4px solid var(--trs-accent);\n}\n\n\/* arrows point the other way *\/\n.trs-services[dir=\"rtl\"] .trs-card-btn svg{ transform:scaleX(-1); }\n.trs-services[dir=\"rtl\"] .trs-card:hover .trs-card-btn svg{ transform:translate(-3px,-3px) scaleX(-1); }\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<!-- Every translatable text has its Arabic version in data-ar* attributes -->\n<section class=\"trs-services\">\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-header\">\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        <h3 data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0645\u0639\u062a\u0645\u062f\u0629\">Certified Translation<\/h3>\n      <\/div>\n      <span class=\"trs-card-tag\" data-ar=\"\u0631\u0633\u0645\u064a\u0629 \u0648\u0634\u062e\u0635\u064a\u0629\">Official &amp; Personal<\/span>\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      <a href=\"#\" class=\"trs-card-btn trs-request-trigger\">\n        <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n        <svg width=\"14\" height=\"14\" 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    <\/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-header\">\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        <h3 data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\">Legal Translation<\/h3>\n      <\/div>\n      <span class=\"trs-card-tag\" data-ar=\"\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a\">Contracts &amp; Agreements<\/span>\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      <a href=\"#\" class=\"trs-card-btn trs-request-trigger\">\n        <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n        <svg width=\"14\" height=\"14\" 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    <\/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-header\">\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        <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      <\/div>\n      <span class=\"trs-card-tag\" data-ar=\"\u0645\u0635\u0645\u064e\u0651\u0645\u0629 \u0644\u0623\u0639\u0645\u0627\u0644\u0643\">Built For Your Business<\/span>\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      <a href=\"#\" class=\"trs-card-btn trs-request-trigger\">\n        <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n        <svg width=\"14\" height=\"14\" 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    <\/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-header\">\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        <h3 data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0637\u0628\u064a\u0629\">Medical Translation<\/h3>\n      <\/div>\n      <span class=\"trs-card-tag\" data-ar=\"\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629\">Specialist Documents<\/span>\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      <a href=\"#\" class=\"trs-card-btn trs-request-trigger\">\n        <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n        <svg width=\"14\" height=\"14\" 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    <\/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-header\">\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        <h3 data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u062a\u0642\u0646\u064a\u0629\">Technical Translation<\/h3>\n      <\/div>\n      <span class=\"trs-card-tag\" data-ar=\"\u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u0635\u0646\u0639 \u0627\u0644\u0641\u0631\u0642\">Details That Matter<\/span>\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      <a href=\"#\" class=\"trs-card-btn trs-request-trigger\">\n        <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n        <svg width=\"14\" height=\"14\" 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    <\/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-header\">\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        <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      <\/div>\n      <span class=\"trs-card-tag\" 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<\/span>\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      <a href=\"#\" class=\"trs-card-btn trs-request-trigger\">\n        <span data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Request translation<\/span>\n        <svg width=\"14\" height=\"14\" 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    <\/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(!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) 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<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d78b94 e-flex e-con-boxed e-con e-parent\" data-id=\"5d78b94\" 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-b42353e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b42353e\" 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-066bcbf e-flex e-con-boxed e-con e-parent\" data-id=\"066bcbf\" 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-e09e074 elementor-widget elementor-widget-html\" data-id=\"e09e074\" 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 Request Form<\/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-form-section{\n  --trs-m-navy:#122c40;\n  --trs-m-navy-soft:#64798a;\n  --trs-m-line:#e3e8e6;\n  --trs-m-accent:#0d7f65;\n  --trs-m-accent-soft:#e3f2ee;\n  --trs-m-bg:#f4f8f7;\n}\n\n.trs-form-section, .trs-form-section *{\n  box-sizing:border-box;\n}\n\n.trs-form-section{\n  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  color:var(--trs-m-navy);\n  background:var(--trs-m-bg);\n  padding:70px 20px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.trs-form-card{\n  position:relative;\n  width:100%;\n  max-width:880px;\n  background:#fff;\n  border-radius:22px;\n  padding:0;\n  box-shadow:0 30px 70px -30px rgba(10,25,38,0.25);\n  overflow:visible;\n  opacity:0;\n  transform:translateY(18px);\n  animation:trsCardIn .7s cubic-bezier(.2,.7,.2,1) forwards;\n}\n@keyframes trsCardIn{ to{ opacity:1; transform:translateY(0); } }\n\n.trs-form-card::before{\n  content:\"\";\n  position:absolute;\n  top:0; right:0;\n  width:220px; height:160px;\n  border-top-right-radius:22px;\n  background:radial-gradient(circle at top right, rgba(13,127,101,0.10) 0%, rgba(13,127,101,0) 70%);\n  pointer-events:none;\n}\n\n.trs-form-inner{\n  position:relative;\n  padding:36px 36px 30px;\n}\n\n.trs-modal-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  font-size:11.5px;\n  font-weight:700;\n  letter-spacing:1.6px;\n  text-transform:uppercase;\n  color:var(--trs-m-accent);\n  margin-bottom:10px;\n}\n.trs-modal-eyebrow::before{\n  content:\"\";\n  width:16px; height:2px;\n  background:var(--trs-m-accent);\n  display:block;\n}\n\n.trs-modal-title{\n  font-size:1.55rem;\n  font-weight:800;\n  letter-spacing:-0.02em;\n  margin:0 0 8px;\n}\n.trs-modal-sub{\n  font-size:13.5px;\n  line-height:1.55;\n  color:var(--trs-m-navy-soft);\n  margin:0 0 24px;\n  max-width:520px;\n}\n\n.trs-request-form{\n  display:flex;\n  flex-direction:column;\n  gap:16px;\n  margin:0;\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{ min-width:0; }\n\n.trs-field{\n  display:flex;\n  flex-direction:column;\n  gap:7px;\n  margin:0;\n  opacity:0;\n  transform:translateY(8px);\n  animation:trsFieldIn .5s ease forwards;\n}\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:var(--trs-m-navy);\n  margin:0;\n}\n.trs-field label .trs-optional{\n  font-weight:500;\n  color:#a4b0ac;\n  text-transform:none;\n}\n.trs-field label .trs-req{ color:var(--trs-m-accent); font-weight:700; }\n\n.trs-field input,\n.trs-field textarea{\n  font-family:inherit;\n  font-size:14.5px;\n  color:var(--trs-m-navy);\n  background:#fff;\n  border:1.5px solid var(--trs-m-line);\n  border-radius:11px;\n  padding:12px 14px;\n  margin:0;\n  width:100%;\n  min-width:0;\n  outline:none;\n  resize:none;\n  transition:border-color .25s ease, box-shadow .25s ease;\n}\n.trs-field input::placeholder,\n.trs-field textarea::placeholder{ color:#adb8b5; }\n.trs-field input:focus,\n.trs-field textarea:focus{\n  border-color:var(--trs-m-accent);\n  box-shadow:0 0 0 3.5px var(--trs-m-accent-soft);\n}\n.trs-field input.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\/* ---------- dropdowns (client type + service) ----------\n   Custom (not a native <select>) so WordPress themes \/ select plugins\n   can't restyle or replace them. Prefixed with the section for extra\n   specificity over theme button styles. *\/\n.trs-dd-field{ position:relative; z-index:5; }\n\/* the field whose list is open sits above the other dropdown\n   (on mobile the two dropdowns are stacked on top of each other) *\/\n.trs-dd-field.trs-dd-raised{ z-index:30; }\n.trs-dd{ position:relative; }\n.trs-form-section .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:var(--trs-m-navy);\n  background:#fff;\n  border:1.5px solid var(--trs-m-line);\n  border-radius:11px;\n  padding:12px 14px;\n  box-shadow:none;\n  cursor:pointer;\n  outline:none;\n  transition:border-color .25s ease, box-shadow .25s ease;\n}\n.trs-form-section .trs-dd-btn:hover{ background:#fff; color:var(--trs-m-navy); border-color:#cfd8d5; }\n.trs-form-section .trs-dd-btn:focus-visible,\n.trs-form-section .trs-dd.trs-dd-open .trs-dd-btn{\n  border-color:var(--trs-m-accent);\n  background:#fff;\n  box-shadow:0 0 0 3.5px var(--trs-m-accent-soft);\n}\n.trs-form-section .trs-dd-btn.trs-invalid{\n  border-color:#d1516b;\n  animation:trsShake .4s ease;\n}\n\/* the service picker keeps the original \"filled\" look *\/\n.trs-form-section .trs-dd-service .trs-dd-btn{\n  font-weight:700;\n  color:var(--trs-m-accent);\n  background:var(--trs-m-accent-soft);\n  border-color:transparent;\n}\n.trs-form-section .trs-dd-service .trs-dd-btn:hover{ background:var(--trs-m-accent-soft); color:var(--trs-m-accent); border-color:transparent; }\n.trs-form-section .trs-dd-service .trs-dd-chev{ color:var(--trs-m-accent); }\n\n.trs-dd-value{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }\n.trs-dd-value.trs-placeholder{ color:#adb8b5; }\n.trs-dd-chev{ flex-shrink:0; color:var(--trs-m-navy-soft); transition:transform .3s ease; }\n.trs-dd.trs-dd-open .trs-dd-chev{ transform:rotate(180deg); }\n\n.trs-form-section .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 var(--trs-m-line);\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-form-section .trs-dd.trs-dd-open .trs-dd-list{\n  opacity:1;\n  visibility:visible;\n  transform:translateY(0);\n}\n.trs-form-section .trs-dd-list li{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:8px;\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:var(--trs-m-navy);\n  cursor:pointer;\n  outline:none;\n  list-style:none;\n  transition:background .2s ease, color .2s ease;\n}\n.trs-form-section .trs-dd-list li::before,\n.trs-form-section .trs-dd-list li::marker{ content:none; }\n.trs-form-section .trs-dd-list li:hover,\n.trs-form-section .trs-dd-list li:focus{\n  background:var(--trs-m-accent-soft);\n  color:var(--trs-m-accent);\n}\n.trs-dd-check{ flex-shrink:0; opacity:0; color:var(--trs-m-accent); transition:opacity .2s ease; }\n.trs-dd-list li[aria-selected=\"true\"]{ color:var(--trs-m-accent); }\n.trs-dd-list li[aria-selected=\"true\"] .trs-dd-check{ opacity:1; }\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 #c7d9d3;\n  border-radius:14px;\n  background:#fafcfb;\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-m-accent);\n  background:var(--trs-m-accent-soft);\n}\n.trs-upload-zone.trs-drag-over{\n  border-color:var(--trs-m-accent);\n  background:var(--trs-m-accent-soft);\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 var(--trs-m-line);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--trs-m-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{ font-size:13.5px; color:var(--trs-m-navy-soft); margin:0; }\n.trs-upload-text strong{ color:var(--trs-m-accent); font-weight:700; }\n.trs-upload-sub{ font-size:11px; line-height:1.5; color:#a4b0ac; margin:2px 0 0; }\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  margin:0;\n  padding:0;\n}\n.trs-file-list:empty{ display:none; }\n.trs-file-list li{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  min-width:0;\n  margin:0;\n  background:#fafcfb;\n  border:1px solid var(--trs-m-line);\n  border-radius:10px;\n  padding:8px 10px;\n  font-size:12.5px;\n  color:var(--trs-m-navy);\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-m-accent-soft);\n  color:var(--trs-m-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; font-weight:600;\n  white-space:nowrap; overflow:hidden; 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; border:none; color:#a4b0ac; cursor:pointer;\n  padding:4px; display:flex; 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:var(--trs-m-navy-soft);\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-m-accent);\n  cursor:pointer;\n}\n.trs-agree-row.trs-invalid span{ color:#d1516b; }\n\n.trs-privacy-note{\n  display:flex;\n  align-items:flex-start;\n  gap:7px;\n  font-size:11.5px;\n  line-height:1.55;\n  color:#a4b0ac;\n  margin:0;\n}\n.trs-privacy-note svg{ flex-shrink:0; margin-top:2px; }\n\n.trs-form-section .trs-submit-btn{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n  width:100%;\n  margin-top:4px;\n  padding:15px 20px;\n  border:none;\n  border-radius:12px;\n  background:var(--trs-m-accent);\n  color:#fff;\n  font-family:inherit;\n  font-size:14.5px;\n  font-weight:700;\n  text-transform:none;\n  letter-spacing:0;\n  cursor:pointer;\n  transition:background .25s ease, transform .25s ease, box-shadow .25s ease;\n  box-shadow:0 16px 28px -14px rgba(13,127,101,0.45);\n}\n.trs-form-section .trs-submit-btn:hover:not(:disabled){\n  background:#0a6a55;\n  transform:translateY(-2px);\n  box-shadow:0 18px 30px -12px rgba(13,127,101,0.55);\n}\n.trs-form-section .trs-submit-btn:active:not(:disabled){ transform:translateY(0); }\n.trs-form-section .trs-submit-btn:disabled{ cursor:default; opacity:.75; }\n.trs-submit-btn svg{ transition:transform .3s ease; }\n.trs-submit-btn:hover svg{ transform:translate(3px,-3px); }\n\n\/* success state *\/\n.trs-success-state{\n  position:relative;\n  display:none;\n  flex-direction:column;\n  align-items:center;\n  text-align:center;\n  padding:14px 6px 6px;\n}\n.trs-success-state.trs-show{ display:flex; }\n.trs-success-check{\n  width:56px; height:56px;\n  border-radius:50%;\n  background:var(--trs-m-accent);\n  display:flex; align-items:center; justify-content:center;\n  margin-bottom:16px;\n  animation:trsPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards;\n}\n.trs-success-check svg{ width:24px; height:24px; }\n@keyframes trsPopIn{\n  0%{ transform:scale(0); }\n  70%{ transform:scale(1.12); }\n  100%{ transform:scale(1); }\n}\n.trs-success-state h4{ font-size:1.1rem; font-weight:800; margin:0 0 8px; }\n.trs-success-state p{ font-size:13.5px; color:var(--trs-m-navy-soft); line-height:1.5; margin:0; }\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-form-section[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-form-section[dir=\"rtl\"] .trs-modal-eyebrow,\n.trs-form-section[dir=\"rtl\"] .trs-modal-title{\n  letter-spacing:0;\n  text-transform:none;\n}\n.trs-form-section[dir=\"rtl\"] .trs-modal-eyebrow{ font-size:13px; }\n.trs-form-section[dir=\"rtl\"] .trs-modal-sub,\n.trs-form-section[dir=\"rtl\"] .trs-agree-row{ line-height:1.8; }\n.trs-form-section[dir=\"rtl\"] .trs-form-card::before{\n  right:auto; left:0;\n  border-top-right-radius:0;\n  border-top-left-radius:22px;\n  background:radial-gradient(circle at top left, rgba(13,127,101,0.10) 0%, rgba(13,127,101,0) 70%);\n}\n.trs-form-section[dir=\"rtl\"] .trs-submit-btn svg{ transform:scaleX(-1); }\n.trs-form-section[dir=\"rtl\"] .trs-submit-btn:hover svg{ transform:translate(-3px,-3px) scaleX(-1); }\n\/* emails and phone numbers are always typed left-to-right *\/\n.trs-form-section[dir=\"rtl\"] .trs-field input[type=\"email\"],\n.trs-form-section[dir=\"rtl\"] .trs-field input[type=\"tel\"]{ direction:ltr; text-align:right; }\n\n\/* ---------- RESPONSIVE ---------- *\/\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-form-section{ padding:44px 16px; }\n  .trs-field-row{ grid-template-columns:1fr; }\n  .trs-form-inner{ padding:28px 22px 24px; }\n  .trs-form-card{ border-radius:18px; }\n  .trs-modal-title{ font-size:1.3rem; }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .trs-form-section *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- Every translatable text has its Arabic version in data-ar* attributes -->\n<section class=\"trs-form-section\" id=\"trsFormSection\">\n  <div class=\"trs-form-card\" id=\"trsFormCard\">\n    <div class=\"trs-form-inner\">\n\n      <span class=\"trs-modal-eyebrow\" data-ar=\"\u0644\u0646\u0636\u0628\u0637 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0628\u062f\u0642\u0629\">Let's get the details right<\/span>\n      <h3 class=\"trs-modal-title\" id=\"trsFormTitle\" data-ar=\"\u0627\u0637\u0644\u0628 \u062a\u0631\u062c\u0645\u0629\">Request a translation<\/h3>\n      <p class=\"trs-modal-sub\" data-ar=\"\u0623\u062e\u0628\u0631\u0646\u0627 \u0628\u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647\u060c \u0648\u0633\u0646\u0631\u0627\u062c\u0639 \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644 \u0642\u0628\u0644 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u0645\u0648\u0639\u062f.\">Tell us what you need. We'll review the scope before confirming cost and timing.<\/p>\n\n      <form id=\"trsInlineForm\" 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=\"trsfFullName\"><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=\"trsfFullName\" 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=\"trsfEmail\"><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=\"trsfEmail\" name=\"email\" placeholder=\"you@company.com\" required>\n          <\/div>\n          <div class=\"trs-field\" style=\"animation-delay:.12s\">\n            <label for=\"trsfPhone\"><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=\"trsfPhone\" 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=\"trsfClientTypeBtn\"><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=\"trsfClientDD\">\n              <button type=\"button\" class=\"trs-dd-btn\" id=\"trsfClientTypeBtn\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\n                <span class=\"trs-dd-value trs-placeholder\" 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\" 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=\"trsfClientType\" name=\"clientType\" value=\"\">\n          <\/div>\n\n          <div class=\"trs-field trs-dd-field\" style=\"animation-delay:.2s\">\n            <label for=\"trsfServiceBtn\"><span data-ar=\"\u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\">Translation service<\/span> <span class=\"trs-req\">*<\/span><\/label>\n            <div class=\"trs-dd trs-dd-service\" id=\"trsfServiceDD\">\n              <button type=\"button\" class=\"trs-dd-btn\" id=\"trsfServiceBtn\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\n                <span class=\"trs-dd-value\" data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0645\u0639\u062a\u0645\u062f\u0629\">Certified Translation<\/span>\n                <svg class=\"trs-dd-chev\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n              <\/button>\n              <ul class=\"trs-dd-list\" role=\"listbox\">\n                <li role=\"option\" data-value=\"Certified Translation\" tabindex=\"-1\" aria-selected=\"true\"><span data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0645\u0639\u062a\u0645\u062f\u0629\">Certified Translation<\/span><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><\/li>\n                <li role=\"option\" data-value=\"Legal Translation\" tabindex=\"-1\" aria-selected=\"false\"><span data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\">Legal Translation<\/span><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><\/li>\n                <li role=\"option\" data-value=\"Business &amp; Financial Translation\" tabindex=\"-1\" aria-selected=\"false\"><span data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0645\u0627\u0644\u064a\u0629\">Business &amp; Financial Translation<\/span><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><\/li>\n                <li role=\"option\" data-value=\"Medical Translation\" tabindex=\"-1\" aria-selected=\"false\"><span data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u0637\u0628\u064a\u0629\">Medical Translation<\/span><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><\/li>\n                <li role=\"option\" data-value=\"Technical Translation\" tabindex=\"-1\" aria-selected=\"false\"><span data-ar=\"\u062a\u0631\u062c\u0645\u0629 \u062a\u0642\u0646\u064a\u0629\">Technical Translation<\/span><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><\/li>\n                <li role=\"option\" data-value=\"Travel &amp; Visa Documents\" tabindex=\"-1\" aria-selected=\"false\"><span 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<\/span><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><\/li>\n              <\/ul>\n            <\/div>\n            <input type=\"hidden\" id=\"trsfService\" name=\"serviceSelect\" value=\"Certified Translation\">\n          <\/div>\n\n          <div class=\"trs-field\" style=\"animation-delay:.24s\">\n            <label for=\"trsfAuthority\"><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=\"trsfAuthority\" 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>\n\n        <!-- Row 3 -->\n        <div class=\"trs-field-row\">\n          <div class=\"trs-field\" style=\"animation-delay:.28s\">\n            <label for=\"trsfFromLang\"><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=\"trsfFromLang\" 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:.32s\">\n            <label for=\"trsfToLang\"><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=\"trsfToLang\" 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 class=\"trs-field\" style=\"animation-delay:.36s\">\n            <label for=\"trsfRequiredDate\"><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=\"trsfRequiredDate\" 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=\"trsfNotes\"><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=\"trsfNotes\" 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=\"trsfUploadZone\" tabindex=\"0\" role=\"button\" aria-label=\"Choose documents to attach\">\n              <input type=\"file\" id=\"trsfFileInput\" 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=\"trsfFileList\"><\/ul>\n\n        <label class=\"trs-agree-row trs-field\" style=\"animation-delay:.48s\" for=\"trsfAgreeCheck\">\n          <input type=\"checkbox\" id=\"trsfAgreeCheck\" 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        <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=\"trsfPrivacyText\" 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. \u0648\u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0634\u062f\u064a\u062f\u0629 \u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629\u060c \u0627\u0633\u0623\u0644\u0646\u0627 \u0623\u0648\u0644\u0627\u064b \u0639\u0646 \u0627\u062a\u0641\u0627\u0642\u064a\u0629 \u0639\u062f\u0645 \u0627\u0644\u0625\u0641\u0635\u0627\u062d (NDA).\">Your documents are uploaded securely and private download links are added to your WhatsApp message automatically. For highly sensitive documents, ask us about an NDA first.<\/span>\n        <\/p>\n\n        <button type=\"submit\" class=\"trs-submit-btn\" id=\"trsfSubmitBtn\" style=\"animation-delay:.52s\">\n          <span id=\"trsfSubmitLabel\">Submit to WhatsApp<\/span>\n          <svg 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      <\/form>\n\n      <!-- success state -->\n      <div class=\"trs-success-state\" id=\"trsfSuccessState\">\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;trsfSuccessServiceName&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=\"trsfSuccessServiceName\">this service<\/strong> is ready to send.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\/\/ Standalone request form. Uses its own function name and \"trsf\" IDs so it\n\/\/ can sit on the same page as the service-cards popup form without clashing.\nfunction initTransRoverInlineForm(){\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  if(window.__trsInlineFormInit) return;\n  window.__trsInlineFormInit = true;\n\n  var section = document.getElementById('trsFormSection');\n  if(!section){\n    console.warn('[TransRover form] Form 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  \/\/ every lookup is scoped to this section, never the whole document\n  function byId(id){ return section.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. \u0648\u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0634\u062f\u064a\u062f\u0629 \u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629\u060c \u0627\u0633\u0623\u0644\u0646\u0627 \u0623\u0648\u0644\u0627\u064b \u0639\u0646 \u0627\u062a\u0641\u0627\u0642\u064a\u0629 \u0639\u062f\u0645 \u0627\u0644\u0625\u0641\u0635\u0627\u062d (NDA).',\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 \u2014 WhatsApp can't attach them automatically, so please add them again once the chat opens. For highly sensitive documents, ask us about an NDA first.\",\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  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    section.querySelectorAll('[data-ar-ph]').forEach(function(el){ el.setAttribute('placeholder', el.getAttribute('data-ar-ph')); });\n  }\n\n  var form = byId('trsInlineForm');\n  var successState = byId('trsfSuccessState');\n  var successServiceName = byId('trsfSuccessServiceName');\n  var submitBtn = byId('trsfSubmitBtn');\n  var submitLabel = byId('trsfSubmitLabel');\n  var uploadZone = byId('trsfUploadZone');\n  var fileInput = byId('trsfFileInput');\n  var fileListEl = byId('trsfFileList');\n  var privacyText = byId('trsfPrivacyText');\n  var agreeRow = section.querySelector('.trs-agree-row');\n  var agreeCheck = byId('trsfAgreeCheck');\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  if(!form) return;\n\n  if(!UPLOAD_ENDPOINT && privacyText){\n    privacyText.textContent = T.privacyManual;\n  }\n\n  \/\/ ---- dropdowns ----\n  \/\/ Wires one custom dropdown; the chosen value is stored in its hidden input.\n  function makeDropdown(dd, hiddenInput, placeholder){\n    var btn = dd.querySelector('.trs-dd-btn');\n    var text = dd.querySelector('.trs-dd-value');\n    var list = dd.querySelector('.trs-dd-list');\n    var options = Array.from(list.querySelectorAll('[role=\"option\"]'));\n    var field = dd.closest('.trs-dd-field');\n\n    function labelFor(value){\n      var opt = options.find(function(o){ return o.getAttribute('data-value') === value; });\n      return opt ? opt.textContent.trim() : value;\n    }\n    function set(value){\n      hiddenInput.value = value;\n      var chosen = null;\n      options.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      text.textContent = chosen ? chosen.textContent.trim() : placeholder;\n      text.classList.toggle('trs-placeholder', !chosen);\n      if(value) btn.classList.remove('trs-invalid');\n    }\n    function open(){\n      dd.classList.add('trs-dd-open');\n      if(field) field.classList.add('trs-dd-raised');\n      btn.setAttribute('aria-expanded', 'true');\n      var target = list.querySelector('[aria-selected=\"true\"]') || options[0];\n      if(target) setTimeout(function(){ target.focus(); }, 30);\n    }\n    function close(focusBtn){\n      dd.classList.remove('trs-dd-open');\n      if(field) field.classList.remove('trs-dd-raised');\n      btn.setAttribute('aria-expanded', 'false');\n      if(focusBtn) btn.focus();\n    }\n\n    btn.addEventListener('click', function(e){\n      e.preventDefault();\n      if(dd.classList.contains('trs-dd-open')) close(false); else open();\n    });\n    btn.addEventListener('keydown', function(e){\n      if(e.key === 'ArrowDown' || e.key === 'ArrowUp'){ e.preventDefault(); open(); }\n    });\n    options.forEach(function(opt, i){\n      opt.addEventListener('click', function(){\n        set(opt.getAttribute('data-value'));\n        close(true);\n      });\n      opt.addEventListener('keydown', function(e){\n        if(e.key === 'ArrowDown'){ e.preventDefault(); (options[i + 1] || options[0]).focus(); }\n        else if(e.key === 'ArrowUp'){ e.preventDefault(); (options[i - 1] || options[options.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(); close(true); }\n        else if(e.key === 'Tab'){ close(false); }\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)) close(false);\n    });\n\n    return { set:set, close:close, btn:btn, labelFor:labelFor };\n  }\n\n  var clientInput = byId('trsfClientType');\n  var serviceInput = byId('trsfService');\n  var clientDD = makeDropdown(byId('trsfClientDD'), clientInput, T.selectClient);\n  var serviceDD = makeDropdown(byId('trsfServiceDD'), serviceInput, '');\n  serviceDD.set(serviceInput.value || 'Certified Translation');\n\n  \/\/ Call this from a service card's click handler elsewhere on the page\n  \/\/ to change which service this form submits, e.g.:\n  \/\/ trigger.addEventListener('click', function(){ trsSetService('Legal Translation'); });\n  window.trsSetService = function(service){\n    if(service) serviceDD.set(service);\n  };\n\n  \/\/ clear the red \"invalid\" state as soon as the user fixes a field\n  if(agreeCheck){\n    agreeCheck.addEventListener('change', function(){\n      if(agreeCheck.checked && agreeRow) agreeRow.classList.remove('trs-invalid');\n    });\n  }\n  form.querySelectorAll('input, 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  \/\/ ---- files ----\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  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('trsfFullName');\n    var email = val('trsfEmail');\n    var phone = val('trsfPhone');\n    var clientType = val('trsfClientType');\n    var service = val('trsfService');\n    var fromLang = val('trsfFromLang');\n    var toLang = val('trsfToLang');\n    var authority = val('trsfAuthority');\n    var requiredDate = val('trsfRequiredDate');\n    var notes = val('trsfNotes');\n    var agreed = !!(agreeCheck && agreeCheck.checked);\n\n    var requiredIds = ['trsfFullName','trsfEmail','trsfPhone','trsfClientType','trsfService','trsfFromLang','trsfToLang'];\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        \/\/ dropdown values live in hidden inputs \u2014 highlight their visible buttons instead\n        var target = id === 'trsfClientType' ? clientDD.btn : id === 'trsfService' ? serviceDD.btn : el;\n        target.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    var serviceName = serviceDD.labelFor(service);\n\n    submitBtn.disabled = true;\n    submitLabel.textContent = willUpload ? T.uploading : T.opening;\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{ waWin.document.write(T.waitPage); }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 + serviceName,\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      if(successServiceName) successServiceName.textContent = serviceName;\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', initTransRoverInlineForm);\n} else {\n  initTransRoverInlineForm();\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<div class=\"elementor-element elementor-element-12cf636 e-con-full e-flex e-con e-parent\" data-id=\"12cf636\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-425f81d elementor-widget elementor-widget-html\" data-id=\"425f81d\" 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 Before You Upload<\/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-cl{\n  --trs-cl-navy:#122c40;\n  --trs-cl-navy-soft:#4c6070;\n  --trs-cl-line:#e6ebe9;\n  --trs-cl-accent:#0d7f65;\n  --trs-cl-accent-soft:#e4f6f0;\n}\n\n\/* Scoped reset \u2014 only affects elements inside this section, never the\n   rest of the WordPress theme's page. *\/\n.trs-cl, .trs-cl *{\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\n\n.trs-cl{\n  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  background:#ffffff;\n  color:var(--trs-cl-navy);\n  -webkit-font-smoothing:antialiased;\n  padding:96px 40px;\n}\n\n.trs-cl-inner{\n  max-width:1280px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:0.85fr 1.15fr;\n  gap:64px;\n  align-items:start;\n}\n\n\/* ---------- LEFT ---------- *\/\n.trs-cl-left{\n  opacity:0;\n  transform:translateY(18px);\n  transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);\n}\n.trs-cl.trs-cl-inview .trs-cl-left{ opacity:1; transform:translateY(0); }\n\n.trs-cl-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:2px;\n  color:var(--trs-cl-accent);\n  text-transform:uppercase;\n}\n.trs-cl-eyebrow::before{\n  content:\"\";\n  width:24px;\n  height:2px;\n  background:var(--trs-cl-accent);\n  display:block;\n}\n\n.trs-cl-title{\n  font-size:clamp(1.9rem, 3.2vw, 2.5rem);\n  line-height:1.16;\n  font-weight:800;\n  letter-spacing:-0.02em;\n  color:var(--trs-cl-navy);\n  margin-top:18px;\n}\n.trs-cl-title span{ display:block; color:var(--trs-cl-accent); }\n\n.trs-cl-desc{\n  font-size:15px;\n  line-height:1.75;\n  color:var(--trs-cl-navy-soft);\n  max-width:400px;\n  margin-top:20px;\n}\n\n.trs-cl-note{\n  display:flex;\n  align-items:flex-start;\n  gap:10px;\n  margin-top:32px;\n  padding:16px 18px;\n  background:var(--trs-cl-accent-soft);\n  border-radius:14px;\n  max-width:400px;\n}\n.trs-cl-note svg{ stroke:var(--trs-cl-accent); flex-shrink:0; margin-top:1px; }\n.trs-cl-note p{ font-size:13px; line-height:1.6; color:var(--trs-cl-navy); font-weight:600; }\n\n\/* ---------- RIGHT \/ CHECKLIST ---------- *\/\n.trs-cl-list{\n  position:relative;\n  list-style:none;\n}\n.trs-cl-list::before{\n  content:\"\";\n  position:absolute;\n  left:15px;\n  top:8px;\n  bottom:8px;\n  width:1px;\n  background:linear-gradient(to bottom, transparent, var(--trs-cl-line) 8%, var(--trs-cl-line) 92%, transparent);\n}\n\n.trs-cl-item{\n  position:relative;\n  display:grid;\n  grid-template-columns:32px 1fr;\n  gap:18px;\n  align-items:flex-start;\n  padding:20px 8px;\n  border-radius:12px;\n  opacity:0;\n  transform:translateX(16px);\n  transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1), background .3s ease;\n}\n.trs-cl.trs-cl-inview .trs-cl-item{ opacity:1; transform:translateX(0); }\n.trs-cl-item:nth-child(1){ transition-delay:.05s; }\n.trs-cl-item:nth-child(2){ transition-delay:.14s; }\n.trs-cl-item:nth-child(3){ transition-delay:.23s; }\n.trs-cl-item:nth-child(4){ transition-delay:.32s; }\n.trs-cl-item:nth-child(5){ transition-delay:.41s; }\n\n.trs-cl-item:hover{ background:#fafcfb; }\n\n.trs-cl-check{\n  position:relative;\n  z-index:1;\n  width:32px;\n  height:32px;\n  border-radius:50%;\n  background:var(--trs-cl-accent);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-shrink:0;\n  transition:transform .4s cubic-bezier(.34,1.56,.64,1);\n}\n.trs-cl-check svg{ width:15px; height:15px; stroke:#fff; }\n.trs-cl-item:hover .trs-cl-check{ transform:scale(1.12); }\n\n.trs-cl-item p{\n  font-size:15px;\n  line-height:1.55;\n  color:var(--trs-cl-navy);\n  font-weight:600;\n  padding-top:4px;\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-cl[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-cl[dir=\"rtl\"] .trs-cl-eyebrow,\n.trs-cl[dir=\"rtl\"] .trs-cl-title{\n  letter-spacing:0;\n  text-transform:none;\n}\n.trs-cl[dir=\"rtl\"] .trs-cl-eyebrow{ font-size:14px; }\n.trs-cl[dir=\"rtl\"] .trs-cl-title{ line-height:1.4; }\n.trs-cl[dir=\"rtl\"] .trs-cl-desc{ font-size:16px; line-height:1.9; }\n.trs-cl[dir=\"rtl\"] .trs-cl-note p{ font-size:14px; line-height:1.8; }\n.trs-cl[dir=\"rtl\"] .trs-cl-item p{ font-size:16px; line-height:1.7; padding-top:2px; }\n\n\/* timeline line on the right; items slide in from the other side *\/\n.trs-cl[dir=\"rtl\"] .trs-cl-list::before{ left:auto; right:15px; }\n.trs-cl[dir=\"rtl\"] .trs-cl-item{ transform:translateX(-16px); }\n.trs-cl[dir=\"rtl\"].trs-cl-inview .trs-cl-item{ transform:translateX(0); }\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:980px){\n  .trs-cl{ padding:72px 28px; }\n  .trs-cl-inner{\n    grid-template-columns:1fr;\n    gap:40px;\n  }\n  .trs-cl-desc, .trs-cl-note{ max-width:100%; }\n}\n\n@media (max-width:640px){\n  .trs-cl{ padding:56px 20px; }\n  .trs-cl-title{ font-size:1.7rem; }\n  .trs-cl-item{ grid-template-columns:28px 1fr; gap:14px; padding:16px 4px; }\n  .trs-cl-check{ width:28px; height:28px; }\n  .trs-cl-check svg{ width:13px; height:13px; }\n  .trs-cl-list::before{ left:13px; }\n  .trs-cl-item p{ font-size:14px; }\n  .trs-cl[dir=\"rtl\"] .trs-cl-list::before{ left:auto; right:13px; }\n  .trs-cl[dir=\"rtl\"] .trs-cl-item p{ font-size:15px; }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .trs-cl *{ transition-duration:.01ms !important; }\n  .trs-cl-left, .trs-cl-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-cl\" id=\"trsClSection\">\n  <div class=\"trs-cl-inner\">\n\n    <div class=\"trs-cl-left\">\n      <span class=\"trs-cl-eyebrow\" data-ar=\"\u0642\u0628\u0644 \u0631\u0641\u0639 \u0645\u0633\u062a\u0646\u062f\u0627\u062a\u0643\">Before You Upload<\/span>\n      <h2 class=\"trs-cl-title\" data-ar-html=\"\u0642\u0644\u064a\u0644 \u0645\u0646 \u0627\u0644\u062a\u062d\u0636\u064a\u0631.<span>\u0628\u062f\u0627\u064a\u0629 \u0623\u0648\u0636\u062d.<\/span>\">A little preparation.<span>A clearer start.<\/span><\/h2>\n      <p class=\"trs-cl-desc\" data-ar=\"\u0623\u062e\u0628\u0631\u0646\u0627 \u0628\u0627\u0644\u063a\u0631\u0636 \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0648\u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u062a\u064a \u0633\u062a\u0633\u062a\u0644\u0645\u0647. \u0648\u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0631\u062c\u0645\u0629 \u0645\u0639\u062a\u0645\u062f\u0629\u060c \u0634\u0627\u0631\u0643\u0646\u0627 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u062c\u0647\u0629 \u0642\u0628\u0644 \u062a\u0623\u0643\u064a\u062f \u0637\u0644\u0628\u0643.\">Tell us the purpose of the document and the authority that will receive it. If you need certification, share the authority's instructions before confirming your order.<\/p>\n\n      <div class=\"trs-cl-note\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n        <p data-ar=\"\u062f\u0642\u0627\u0626\u0642 \u0642\u0644\u064a\u0644\u0629 \u0645\u0646 \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0622\u0646 \u062a\u0639\u0646\u064a \u062a\u0633\u0644\u064a\u0645\u0627\u064b \u0623\u0633\u0631\u0639 \u0648\u0623\u062f\u0642 \u0644\u0627\u062d\u0642\u0627\u064b.\">A few minutes of preparation now means a faster, more accurate turnaround later.<\/p>\n      <\/div>\n    <\/div>\n\n    <ul class=\"trs-cl-list\">\n      <li class=\"trs-cl-item\">\n        <span class=\"trs-cl-check\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 12 9 17 20 6\"\/><\/svg>\n        <\/span>\n        <p data-ar=\"\u0623\u0631\u0633\u0644 \u0646\u0633\u062e\u0627\u064b \u0643\u0627\u0645\u0644\u0629 \u0648\u0648\u0627\u0636\u062d\u0629 \u0628\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0635\u0641\u062d\u0627\u062a.\">Send complete, readable copies in page order.<\/p>\n      <\/li>\n      <li class=\"trs-cl-item\">\n        <span class=\"trs-cl-check\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 12 9 17 20 6\"\/><\/svg>\n        <\/span>\n        <p data-ar=\"\u0637\u0627\u0628\u0650\u0642 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0645\u0639 \u062c\u0648\u0627\u0632 \u0627\u0644\u0633\u0641\u0631 \u0623\u0648 \u0627\u0644\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629.\">Match names to passports or official records.<\/p>\n      <\/li>\n      <li class=\"trs-cl-item\">\n        <span class=\"trs-cl-check\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 12 9 17 20 6\"\/><\/svg>\n        <\/span>\n        <p data-ar=\"\u062d\u062f\u0651\u062f \u0644\u063a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0648\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0625\u0644\u064a\u0647\u0627.\">Specify both the source and target languages.<\/p>\n      <\/li>\n      <li class=\"trs-cl-item\">\n        <span class=\"trs-cl-check\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 12 9 17 20 6\"\/><\/svg>\n        <\/span>\n        <p data-ar=\"\u0627\u0630\u0643\u0631 \u0645\u0648\u0639\u062f \u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0648\u0627\u0644\u0635\u064a\u063a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\">Include your submission deadline and required format.<\/p>\n      <\/li>\n      <li class=\"trs-cl-item\">\n        <span class=\"trs-cl-check\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 12 9 17 20 6\"\/><\/svg>\n        <\/span>\n        <p data-ar=\"\u0646\u0627\u0642\u0634 \u0645\u0639\u0646\u0627 \u0627\u0644\u0633\u0631\u064a\u0629 \u0642\u0628\u0644 \u0645\u0634\u0627\u0631\u0643\u0629 \u0623\u064a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062d\u0633\u0627\u0633\u0629.\">Discuss confidentiality before sharing sensitive information.<\/p>\n      <\/li>\n    <\/ul>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var section = document.getElementById('trsClSection');\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-cl-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-cl-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<div class=\"elementor-element elementor-element-191d1ba elementor-widget elementor-widget-html\" data-id=\"191d1ba\" 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 FAQ<\/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-faq{\n  --trs-fq-navy:#122c40;\n  --trs-fq-navy-soft:#5a7080;\n  --trs-fq-line:#e6ebe9;\n  --trs-fq-accent:#0d7f65;\n  --trs-fq-accent-soft:#e4f6f0;\n}\n\n\/* Scoped reset \u2014 only affects elements inside this section, never the\n   rest of the WordPress theme's page. *\/\n.trs-faq, .trs-faq *{\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\n\n.trs-faq{\n  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  background:#ffffff;\n  color:var(--trs-fq-navy);\n  -webkit-font-smoothing:antialiased;\n  padding:96px 40px;\n}\n\n.trs-faq-inner{\n  max-width:1280px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:0.8fr 1.2fr;\n  gap:64px;\n}\n\n\/* ---------- LEFT ---------- *\/\n.trs-faq-left{\n  opacity:0;\n  transform:translateY(18px);\n  transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);\n}\n.trs-faq.trs-faq-inview .trs-faq-left{ opacity:1; transform:translateY(0); }\n\n.trs-faq-sticky{ position:sticky; top:40px; }\n\n.trs-faq-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:2px;\n  color:var(--trs-fq-accent);\n  text-transform:uppercase;\n}\n.trs-faq-eyebrow::before{\n  content:\"\";\n  width:24px;\n  height:2px;\n  background:var(--trs-fq-accent);\n  display:block;\n}\n\n.trs-faq-title{\n  font-size:clamp(1.9rem, 3.2vw, 2.5rem);\n  line-height:1.16;\n  font-weight:800;\n  letter-spacing:-0.02em;\n  color:var(--trs-fq-navy);\n  margin-top:18px;\n}\n\n.trs-faq-desc{\n  font-size:14.5px;\n  line-height:1.7;\n  color:var(--trs-fq-navy-soft);\n  max-width:340px;\n  margin-top:18px;\n}\n\n.trs-faq-cta{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  margin-top:28px;\n  font-size:13.5px;\n  font-weight:700;\n  color:var(--trs-fq-navy);\n  text-decoration:none;\n  border-bottom:1.5px solid var(--trs-fq-line);\n  padding-bottom:3px;\n  transition:border-color .3s ease, color .3s ease;\n}\n.trs-faq-cta:hover{ color:var(--trs-fq-accent); border-color:var(--trs-fq-accent); }\n\n\/* ---------- RIGHT \/ ACCORDION ---------- *\/\n.trs-faq-list{\n  border-top:1px solid var(--trs-fq-line);\n}\n\n.trs-faq-item{\n  border-bottom:1px solid var(--trs-fq-line);\n  opacity:0;\n  transform:translateY(14px);\n  transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);\n}\n.trs-faq.trs-faq-inview .trs-faq-item{ opacity:1; transform:translateY(0); }\n.trs-faq-item:nth-child(1){ transition-delay:.04s; }\n.trs-faq-item:nth-child(2){ transition-delay:.11s; }\n.trs-faq-item:nth-child(3){ transition-delay:.18s; }\n.trs-faq-item:nth-child(4){ transition-delay:.25s; }\n.trs-faq-item:nth-child(5){ transition-delay:.32s; }\n\n.trs-faq-q{\n  width:100%;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  background:none;\n  border:none;\n  cursor:pointer;\n  text-align:start;\n  font-family:inherit;\n  padding:22px 4px;\n  transition:padding-left .3s ease, padding-right .3s ease;\n}\n.trs-faq-item:hover .trs-faq-q{ padding-left:8px; }\n\n.trs-faq-q-left{\n  display:flex;\n  align-items:baseline;\n  gap:16px;\n}\n.trs-faq-num{\n  font-size:12px;\n  font-weight:700;\n  color:#c7d1cd;\n  letter-spacing:.5px;\n  transition:color .3s ease;\n  flex-shrink:0;\n}\n.trs-faq-item.trs-open .trs-faq-num{ color:var(--trs-fq-accent); }\n\n.trs-faq-q-text{\n  font-size:16px;\n  font-weight:700;\n  color:var(--trs-fq-navy);\n  letter-spacing:-0.01em;\n}\n\n.trs-faq-toggle{\n  position:relative;\n  width:26px;\n  height:26px;\n  border-radius:50%;\n  border:1.5px solid var(--trs-fq-line);\n  flex-shrink:0;\n  transition:border-color .3s ease, background .3s ease;\n}\n.trs-faq-toggle::before,\n.trs-faq-toggle::after{\n  content:\"\";\n  position:absolute;\n  top:50%; left:50%;\n  background:var(--trs-fq-navy);\n  transition:transform .35s cubic-bezier(.2,.7,.2,1), background .3s ease;\n}\n.trs-faq-toggle::before{\n  width:10px; height:1.5px;\n  transform:translate(-50%,-50%);\n}\n.trs-faq-toggle::after{\n  width:1.5px; height:10px;\n  transform:translate(-50%,-50%);\n}\n.trs-faq-item.trs-open .trs-faq-toggle{ background:var(--trs-fq-accent); border-color:var(--trs-fq-accent); }\n.trs-faq-item.trs-open .trs-faq-toggle::before,\n.trs-faq-item.trs-open .trs-faq-toggle::after{ background:#fff; }\n.trs-faq-item.trs-open .trs-faq-toggle::after{ transform:translate(-50%,-50%) rotate(90deg) scaleY(0); }\n.trs-faq-item.trs-open .trs-faq-toggle::before{ transform:translate(-50%,-50%) rotate(180deg); }\n\n.trs-faq-a{\n  display:grid;\n  grid-template-rows:0fr;\n  transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1);\n}\n.trs-faq-item.trs-open .trs-faq-a{ grid-template-rows:1fr; }\n\n.trs-faq-a-inner{ overflow:hidden; }\n.trs-faq-a-inner p{\n  font-size:14.5px;\n  line-height:1.75;\n  color:var(--trs-fq-navy-soft);\n  max-width:620px;\n  padding:0 4px 24px 48px;\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-faq[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-faq[dir=\"rtl\"] .trs-faq-eyebrow,\n.trs-faq[dir=\"rtl\"] .trs-faq-title,\n.trs-faq[dir=\"rtl\"] .trs-faq-q-text{\n  letter-spacing:0;\n  text-transform:none;\n}\n.trs-faq[dir=\"rtl\"] .trs-faq-eyebrow{ font-size:14px; }\n.trs-faq[dir=\"rtl\"] .trs-faq-title{ line-height:1.4; }\n.trs-faq[dir=\"rtl\"] .trs-faq-desc{ font-size:15.5px; line-height:1.9; }\n.trs-faq[dir=\"rtl\"] .trs-faq-cta{ font-size:14.5px; }\n.trs-faq[dir=\"rtl\"] .trs-faq-q-text{ font-size:17px; line-height:1.6; }\n.trs-faq[dir=\"rtl\"] .trs-faq-a-inner p{ font-size:15.5px; line-height:1.9; padding:0 48px 24px 4px; }\n\n\/* hover nudge goes the other way *\/\n.trs-faq[dir=\"rtl\"] .trs-faq-item:hover .trs-faq-q{ padding-left:4px; padding-right:8px; }\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:980px){\n  .trs-faq{ padding:72px 28px; }\n  .trs-faq-inner{\n    grid-template-columns:1fr;\n    gap:36px;\n  }\n  .trs-faq-sticky{ position:static; }\n  .trs-faq-desc{ max-width:100%; }\n}\n\n@media (max-width:640px){\n  .trs-faq{ padding:56px 20px; }\n  .trs-faq-title{ font-size:1.7rem; }\n  .trs-faq-q{ padding:18px 0; gap:12px; }\n  .trs-faq-q-left{ gap:10px; }\n  .trs-faq-q-text{ font-size:14.5px; }\n  .trs-faq-a-inner p{ padding-left:0; padding-right:0; font-size:14px; }\n  .trs-faq[dir=\"rtl\"] .trs-faq-q-text{ font-size:15.5px; }\n  .trs-faq[dir=\"rtl\"] .trs-faq-a-inner p{ padding:0 0 24px; font-size:15px; }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .trs-faq *{ transition-duration:.01ms !important; }\n  .trs-faq-left, .trs-faq-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-faq\" id=\"trsFaqSection\">\n  <div class=\"trs-faq-inner\">\n\n    <div class=\"trs-faq-left\">\n      <div class=\"trs-faq-sticky\">\n        <span class=\"trs-faq-eyebrow\" data-ar=\"\u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629\">Common Questions<\/span>\n        <h2 class=\"trs-faq-title\" data-ar-html=\"\u0623\u0634\u064a\u0627\u0621 \u062a\u0633\u062a\u062d\u0642<br>\u0623\u0646 \u062a\u0639\u0631\u0641\u0647\u0627.\">A few things<br>worth knowing.<\/h2>\n        <p class=\"trs-faq-desc\" data-ar=\"\u0644\u0645 \u062a\u062c\u062f \u0645\u0627 \u062a\u0628\u062d\u062b \u0639\u0646\u0647\u061f \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0633\u0624\u0627\u0644\u0643 \u0645\u0628\u0627\u0634\u0631\u0629 \u0648\u0633\u0646\u0631\u062f \u0639\u0644\u064a\u0643.\">Can't find what you're looking for? Send us your question directly and we'll get back to you.<\/p>\n        <a href=\"#\" class=\"trs-faq-cta\" data-ar=\"\u0627\u0637\u0631\u062d \u0633\u0624\u0627\u0644\u0643\">Ask us a question<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"trs-faq-list\">\n\n      <div class=\"trs-faq-item trs-open\">\n        <button class=\"trs-faq-q\" type=\"button\" aria-expanded=\"true\">\n          <span class=\"trs-faq-q-left\">\n            <span class=\"trs-faq-num\">01<\/span>\n            <span class=\"trs-faq-q-text\" data-ar=\"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0631\u062c\u0645\u0629 \u0639\u0627\u062f\u064a\u0629 \u0623\u0645 \u0645\u0639\u062a\u0645\u062f\u0629\u061f\">Do I need standard or certified translation?<\/span>\n          <\/span>\n          <span class=\"trs-faq-toggle\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"trs-faq-a\">\n          <div class=\"trs-faq-a-inner\">\n            <p data-ar=\"\u064a\u0639\u062a\u0645\u062f \u0630\u0644\u0643 \u0639\u0644\u0649 \u0637\u0631\u064a\u0642\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0643 \u0644\u0644\u0645\u0633\u062a\u0646\u062f. \u0642\u062f \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0639\u0627\u062f\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u060c \u0628\u064a\u0646\u0645\u0627 \u0642\u062f \u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0635\u064a\u063a\u0629 \u0627\u0639\u062a\u0645\u0627\u062f \u0645\u062d\u062f\u062f\u0629. \u0623\u062e\u0628\u0631\u0646\u0627 \u0628\u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u0644\u0650\u0645\u0629 \u0642\u0628\u0644 \u062a\u0642\u062f\u064a\u0645 \u0637\u0644\u0628\u0643.\">It depends on how you will use the document. Standard translation may suit internal use, while official submissions can require a specific certification format. Tell us the receiving authority before you order.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"trs-faq-item\">\n        <button class=\"trs-faq-q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"trs-faq-q-left\">\n            <span class=\"trs-faq-num\">02<\/span>\n            <span class=\"trs-faq-q-text\" data-ar=\"\u0643\u0645 \u0633\u062a\u0643\u0644\u0641 \u062a\u0631\u062c\u0645\u062a\u064a\u061f\">How much will my translation cost?<\/span>\n          <\/span>\n          <span class=\"trs-faq-toggle\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"trs-faq-a\">\n          <div class=\"trs-faq-a-inner\">\n            <p data-ar=\"\u064a\u062a\u062d\u062f\u062f \u0627\u0644\u0633\u0639\u0631 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u062a\u064a\u0646\u060c \u0648\u062d\u062c\u0645 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u060c \u0648\u0627\u0644\u062a\u062e\u0635\u0635\u060c \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642\u060c \u0648\u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0645\u0637\u0644\u0648\u0628. \u0623\u0631\u0633\u0644 \u0645\u0644\u0641\u0627\u062a\u0643 \u0644\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0644\u0646\u0624\u0643\u062f \u0644\u0643 \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.\">The language pair, document length, specialism, formatting and deadline affect the price. Submit your files for review so we can confirm the scope, cost and delivery time.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"trs-faq-item\">\n        <button class=\"trs-faq-q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"trs-faq-q-left\">\n            <span class=\"trs-faq-num\">03<\/span>\n            <span class=\"trs-faq-q-text\" data-ar=\"\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0631\u0641\u0639 \u0645\u0633\u062a\u0646\u062f\u0627\u062a\u064a \u0647\u0646\u0627\u061f\">Can I upload my documents here?<\/span>\n          <\/span>\n          <span class=\"trs-faq-toggle\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"trs-faq-a\">\n          <div class=\"trs-faq-a-inner\">\n            <p data-ar=\"\u0646\u0639\u0645. \u0627\u062e\u062a\u0631 \u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u0623\u0643\u0645\u0644 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0637\u0644\u0628. \u064a\u0645\u0643\u0646\u0643 \u0625\u0631\u0641\u0627\u0642 \u062d\u062a\u0649 5 \u0645\u0644\u0641\u0627\u062a PDF \u0623\u0648 Word \u0623\u0648 JPG \u0623\u0648 PNG\u060c \u0628\u062d\u062f \u0623\u0642\u0635\u0649 5 \u0645\u064a\u062c\u0627\u0628\u0627\u064a\u062a \u0644\u0644\u0645\u0644\u0641 \u064815 \u0645\u064a\u062c\u0627\u0628\u0627\u064a\u062a \u0625\u062c\u0645\u0627\u0644\u0627\u064b. \u0639\u0646\u062f \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u064a\u064f\u0641\u062a\u062d \u0648\u0627\u062a\u0633\u0627\u0628 \u0628\u0628\u064a\u0627\u0646\u0627\u062a \u0637\u0644\u0628\u0643 \u0648\u0631\u0648\u0627\u0628\u0637 \u0645\u0633\u062a\u0646\u062f\u0627\u062a\u0643\u060c \u0644\u064a\u0633\u062a\u0644\u0645\u0647\u0627 \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629.\">Yes. Select a translation service and complete the request form. You can attach up to 5 PDF, Word, JPG or PNG files, with a 5 MB limit per file and 15 MB in total. When you submit, WhatsApp opens with your details and links to your documents, so our team receives them directly.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"trs-faq-item\">\n        <button class=\"trs-faq-q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"trs-faq-q-left\">\n            <span class=\"trs-faq-num\">04<\/span>\n            <span class=\"trs-faq-q-text\" data-ar=\"\u0647\u0644 \u062a\u0642\u0628\u0644 \u0643\u0644 \u0627\u0644\u0633\u0641\u0627\u0631\u0627\u062a \u0623\u064a \u062a\u0631\u062c\u0645\u0629\u061f\">Is every translation accepted by every embassy?<\/span>\n          <\/span>\n          <span class=\"trs-faq-toggle\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"trs-faq-a\">\n          <div class=\"trs-faq-a-inner\">\n            <p data-ar=\"\u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u0646 \u0633\u0641\u0627\u0631\u0629 \u0625\u0644\u0649 \u0623\u062e\u0631\u0649 \u0648\u0645\u0646 \u062c\u0647\u0629 \u0625\u0644\u0649 \u0623\u062e\u0631\u0649. \u0634\u0627\u0631\u0643\u0646\u0627 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0644\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u0644\u0650\u0645\u0629 \u0644\u0646\u0624\u0643\u062f \u0644\u0643 \u0625\u0646 \u0643\u0627\u0646\u062a \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0645\u0646\u0627\u0633\u0628\u0629.\">Requirements differ between embassies and other authorities. Share the current instructions from the receiving authority so we can confirm whether the requested service is suitable.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"trs-faq-item\">\n        <button class=\"trs-faq-q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"trs-faq-q-left\">\n            <span class=\"trs-faq-num\">05<\/span>\n            <span class=\"trs-faq-q-text\" data-ar=\"\u0643\u064a\u0641 \u0623\u062c\u0647\u0651\u0632 \u0645\u0644\u0641\u0627\u062a\u064a\u061f\">How should I prepare the files?<\/span>\n          <\/span>\n          <span class=\"trs-faq-toggle\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"trs-faq-a\">\n          <div class=\"trs-faq-a-inner\">\n            <p data-ar=\"\u0627\u0633\u062a\u062e\u062f\u0645 \u0646\u0633\u062e\u0627\u064b \u0648\u0627\u0636\u062d\u0629 \u0648\u0643\u0627\u0645\u0644\u0629 \u0628\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u060c \u0648\u0627\u0630\u0643\u0631 \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 \u0623\u0648 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629\u060c \u0648\u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u0644\u0650\u0645\u0629\u060c \u0648\u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0645\u0637\u0644\u0648\u0628.\">Use clear, complete copies in the correct page order. Include the spelling of names from your passport or company documents, the receiving authority and your required deadline.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var section = document.getElementById('trsFaqSection');\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-faq-inview');\n  } else {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          section.classList.add('trs-faq-inview');\n          io.unobserve(section);\n        }\n      });\n    }, { threshold: 0.1 });\n    io.observe(section);\n  }\n\n  section.querySelectorAll('.trs-faq-q').forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var item = btn.closest('.trs-faq-item');\n      var isOpen = item.classList.contains('trs-open');\n      item.classList.toggle('trs-open', !isOpen);\n      btn.setAttribute('aria-expanded', String(!isOpen));\n    });\n  });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16aec17 elementor-widget elementor-widget-html\" data-id=\"16aec17\" 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 CTA Banner<\/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-cta2{\n  --trs-c2-navy:#0f2536;\n  --trs-c2-navy-soft:#9db0bd;\n  --trs-c2-teal:#0d7f65;\n  --trs-c2-teal-light:#2fe0b8;\n}\n\n\/* Scoped reset \u2014 only affects elements inside this section, never the\n   rest of the WordPress theme's page. *\/\n.trs-cta2, .trs-cta2 *{\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\n\n.trs-cta2{\n  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  -webkit-font-smoothing:antialiased;\n  background:#ffffff;\n  padding:70px 40px;\n}\n\n.trs-cta2-banner{\n  position:relative;\n  max-width:1280px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:1.4fr 1fr;\n  border-radius:26px;\n  overflow:hidden;\n  opacity:0;\n  transform:translateY(20px);\n  transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);\n}\n.trs-cta2.trs-cta2-inview .trs-cta2-banner{ opacity:1; transform:translateY(0); }\n\n.trs-cta2-left{\n  position:relative;\n  background:var(--trs-c2-navy);\n  color:#fff;\n  padding:52px 56px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  overflow:hidden;\n}\n.trs-cta2-left::before{\n  content:\"\";\n  position:absolute;\n  top:-140px; left:-100px;\n  width:320px; height:320px;\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\n.trs-cta2-eyebrow{\n  position:relative;\n  z-index:1;\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  font-size:11.5px;\n  font-weight:700;\n  letter-spacing:1.8px;\n  text-transform:uppercase;\n  color:var(--trs-c2-teal-light) !important;\n}\n.trs-cta2-eyebrow::before{\n  content:\"\";\n  width:18px; height:2px;\n  background:var(--trs-c2-teal-light);\n  display:block;\n}\n\n.trs-cta2-left h3{\n  position:relative;\n  z-index:1;\n  font-size:clamp(1.6rem, 2.6vw, 2.15rem);\n  font-weight:800;\n  letter-spacing:-0.02em;\n  line-height:1.2;\n  margin-top:16px;\n  color:#ffffff !important;\n}\n\n.trs-cta2-left p{\n  position:relative;\n  z-index:1;\n  font-size:14px;\n  line-height:1.65;\n  color:var(--trs-c2-navy-soft) !important;\n  margin-top:14px;\n  max-width:380px;\n}\n\n.trs-cta2-right{\n  position:relative;\n  background:linear-gradient(135deg, var(--trs-c2-teal) 0%, #0a6a55 100%);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:40px;\n  overflow:hidden;\n}\n.trs-cta2-right::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:radial-gradient(rgba(255,255,255,0.14) 1.5px, transparent 1.5px);\n  background-size:20px 20px;\n  opacity:.5;\n}\n\n.trs-cta2-btn{\n  position:relative;\n  z-index:1;\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  background:#fff;\n  color:var(--trs-c2-navy) !important;\n  text-decoration:none !important;\n  font-family:inherit;\n  font-size:14.5px;\n  font-weight:700;\n  padding:16px 26px;\n  border:none;\n  border-radius:13px;\n  cursor:pointer;\n  transition:transform .3s ease, box-shadow .3s ease;\n  box-shadow:0 16px 30px -12px rgba(0,0,0,0.35);\n}\n.trs-cta2-btn svg{ transition:transform .3s ease; stroke:var(--trs-c2-teal); }\n.trs-cta2-btn:hover{\n  transform:translateY(-3px);\n  box-shadow:0 20px 36px -12px rgba(0,0,0,0.4);\n}\n.trs-cta2-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-cta2[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-cta2[dir=\"rtl\"] .trs-cta2-eyebrow,\n.trs-cta2[dir=\"rtl\"] .trs-cta2-left h3{\n  letter-spacing:0;\n  text-transform:none;\n}\n.trs-cta2[dir=\"rtl\"] .trs-cta2-eyebrow{ font-size:13.5px; }\n.trs-cta2[dir=\"rtl\"] .trs-cta2-left h3{ line-height:1.5; }\n.trs-cta2[dir=\"rtl\"] .trs-cta2-left p{ font-size:15px; line-height:1.85; }\n.trs-cta2[dir=\"rtl\"] .trs-cta2-btn{ font-size:15.5px; }\n\n\/* glow moves to the other corner; arrow points the other way *\/\n.trs-cta2[dir=\"rtl\"] .trs-cta2-left::before{ left:auto; right:-100px; }\n.trs-cta2[dir=\"rtl\"] .trs-cta2-btn svg{ transform:scaleX(-1); }\n.trs-cta2[dir=\"rtl\"] .trs-cta2-btn:hover svg{ transform:translate(-3px,-3px) scaleX(-1); }\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:900px){\n  .trs-cta2{ padding:52px 20px; }\n  .trs-cta2-banner{\n    grid-template-columns:1fr;\n    border-radius:22px;\n  }\n  .trs-cta2-left{ padding:40px 30px; }\n  .trs-cta2-right{ padding:34px 30px; }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .trs-cta2 *{ transition-duration:.01ms !important; }\n  .trs-cta2-banner{ 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 -->\n<section class=\"trs-cta2\" id=\"trsCta2Section\">\n  <div class=\"trs-cta2-banner\">\n\n    <div class=\"trs-cta2-left\">\n      <span class=\"trs-cta2-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\n    <div class=\"trs-cta2-right\">\n      <a href=\"#trs-section-3\" class=\"trs-cta2-btn\" id=\"trsCta2Btn\">\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-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('trsCta2Section');\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  }\n\n  if(!('IntersectionObserver' in window)){\n    section.classList.add('trs-cta2-inview');\n  } else {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          section.classList.add('trs-cta2-inview');\n          io.unobserve(section);\n        }\n      });\n    }, { threshold: 0.2 });\n    io.observe(section);\n  }\n\n  \/\/ Scrolls to the page's 3rd main section. Point this at whatever section\n  \/\/ should open when the button is clicked \u2014 either give that section the\n  \/\/ id \"trs-section-3\", or change the selector below to match it directly\n  \/\/ (e.g. document.querySelector('.trs-services')).\n  \/\/ If there's no \"trs-section-3\", it falls back to the request form or the\n  \/\/ service cards when they're on the same page.\n  var btn = document.getElementById('trsCta2Btn');\n  if(btn){\n    btn.addEventListener('click', function(e){\n      var target = document.getElementById('trs-section-3') ||\n                   document.getElementById('trsFormSection') ||\n                   document.querySelector('.trs-services');\n      if(target){\n        e.preventDefault();\n        target.scrollIntoView({ behavior:'smooth', block:'start' });\n      }\n      \/\/ If no matching section is found on the page, the link falls back\n      \/\/ to its normal href behavior instead of doing nothing.\n    });\n  }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Trans Rover \u2014 Intro Section Translation Services Every document has a purpose.Every word should serve it. Choose your service, tell us what you need and upload your documents. We&#8217;ll review the details before confirming the scope, price and delivery time. Start your request See how it works 6 specialties Document.docx Reviewed Before delivery Trans Rover [&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-11781","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 Intro Section Translation Services Every document has a purpose.Every word should serve it. Choose your service, tell us what you need and upload your documents. We&#039;ll review the details before confirming the scope, price and delivery time. Start your request See how it works 6 specialties Document.docx Reviewed Before delivery Trans Rover\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/transrover.net\/ar\/translation-services\/\" \/>\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=\"Translation Services - trans rover\" \/>\n\t\t<meta property=\"og:description\" content=\"Trans Rover \u2014 Intro Section Translation Services Every document has a purpose.Every word should serve it. Choose your service, tell us what you need and upload your documents. We&#039;ll review the details before confirming the scope, price and delivery time. Start your request See how it works 6 specialties Document.docx Reviewed Before delivery Trans Rover\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/transrover.net\/ar\/translation-services\/\" \/>\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-23T09:46:31+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-28T09:51:35+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Translation Services - trans rover\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Trans Rover \u2014 Intro Section Translation Services Every document has a purpose.Every word should serve it. Choose your service, tell us what you need and upload your documents. We&#039;ll review the details before confirming the scope, price and delivery time. Start your request See how it works 6 specialties Document.docx Reviewed Before delivery Trans Rover\" \/>\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\\\/translation-services\\\/#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\\\/translation-services\\\/#listItem\",\"name\":\"Translation Services\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/translation-services\\\/#listItem\",\"position\":2,\"name\":\"Translation Services\",\"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\\\/translation-services\\\/#organizationLogo\",\"width\":11811,\"height\":11811},\"image\":{\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/translation-services\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/translation-services\\\/#webpage\",\"url\":\"https:\\\/\\\/transrover.net\\\/ar\\\/translation-services\\\/\",\"name\":\"Translation Services - trans rover\",\"description\":\"Trans Rover \\u2014 Intro Section Translation Services Every document has a purpose.Every word should serve it. Choose your service, tell us what you need and upload your documents. We'll review the details before confirming the scope, price and delivery time. Start your request See how it works 6 specialties Document.docx Reviewed Before delivery Trans Rover\",\"inLanguage\":\"ar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/transrover.net\\\/ar\\\/translation-services\\\/#breadcrumblist\"},\"datePublished\":\"2026-09-23T12:46:31+03:00\",\"dateModified\":\"2026-09-28T12:51:35+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":"Translation Services - trans rover","description":"Trans Rover \u2014 Intro Section Translation Services Every document has a purpose.Every word should serve it. Choose your service, tell us what you need and upload your documents. We'll review the details before confirming the scope, price and delivery time. Start your request See how it works 6 specialties Document.docx Reviewed Before delivery Trans Rover","canonical_url":"https:\/\/transrover.net\/ar\/translation-services\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/transrover.net\/ar\/translation-services\/#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\/translation-services\/#listItem","name":"Translation Services"}},{"@type":"ListItem","@id":"https:\/\/transrover.net\/ar\/translation-services\/#listItem","position":2,"name":"Translation Services","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\/translation-services\/#organizationLogo","width":11811,"height":11811},"image":{"@id":"https:\/\/transrover.net\/ar\/translation-services\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/transrover.net\/ar\/translation-services\/#webpage","url":"https:\/\/transrover.net\/ar\/translation-services\/","name":"Translation Services - trans rover","description":"Trans Rover \u2014 Intro Section Translation Services Every document has a purpose.Every word should serve it. Choose your service, tell us what you need and upload your documents. We'll review the details before confirming the scope, price and delivery time. Start your request See how it works 6 specialties Document.docx Reviewed Before delivery Trans Rover","inLanguage":"ar","isPartOf":{"@id":"https:\/\/transrover.net\/ar\/#website"},"breadcrumb":{"@id":"https:\/\/transrover.net\/ar\/translation-services\/#breadcrumblist"},"datePublished":"2026-09-23T12:46:31+03:00","dateModified":"2026-09-28T12:51:35+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":"Translation Services - trans rover","og:description":"Trans Rover \u2014 Intro Section Translation Services Every document has a purpose.Every word should serve it. Choose your service, tell us what you need and upload your documents. We'll review the details before confirming the scope, price and delivery time. Start your request See how it works 6 specialties Document.docx Reviewed Before delivery Trans Rover","og:url":"https:\/\/transrover.net\/ar\/translation-services\/","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-23T09:46:31+00:00","article:modified_time":"2026-09-28T09:51:35+00:00","twitter:card":"summary_large_image","twitter:title":"Translation Services - trans rover","twitter:description":"Trans Rover \u2014 Intro Section Translation Services Every document has a purpose.Every word should serve it. Choose your service, tell us what you need and upload your documents. We'll review the details before confirming the scope, price and delivery time. Start your request See how it works 6 specialties Document.docx Reviewed Before delivery Trans Rover","twitter:image":"https:\/\/transrover.net\/wp-content\/uploads\/2025\/07\/cropped-cropped-cropped-logo-green-2.png"},"aioseo_meta_data":{"post_id":"11781","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-23 09:46:16","updated":"2026-09-28 10:40:04","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\tTranslation Services\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/transrover.net\/ar\/"},{"label":"Translation Services","link":"https:\/\/transrover.net\/ar\/translation-services\/"}],"_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\/11781","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=11781"}],"version-history":[{"count":22,"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/pages\/11781\/revisions"}],"predecessor-version":[{"id":11913,"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/pages\/11781\/revisions\/11913"}],"wp:attachment":[{"href":"https:\/\/transrover.net\/ar\/wp-json\/wp\/v2\/media?parent=11781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}