{"id":3106,"date":"2026-01-10T01:30:55","date_gmt":"2026-01-09T22:30:55","guid":{"rendered":"https:\/\/smgksa.net\/?page_id=3106"},"modified":"2026-04-17T18:20:57","modified_gmt":"2026-04-17T15:20:57","slug":"elementor-3104-copy","status":"publish","type":"page","link":"https:\/\/smgksa.net\/ar\/","title":{"rendered":"SMG Logistics &amp; Transport Company in Saudi Arabia"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3106\" class=\"elementor elementor-3106\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61604d4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"61604d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fcd979 elementor-widget elementor-widget-html\" data-id=\"6fcd979\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================\r\n     SMG FIXED BACKGROUND \u2014 FINAL (DESKTOP + MOBILE VIDEO)\r\n===================================== -->\r\n\r\n<div id=\"smg-fixed-bg\">\r\n\r\n  <!-- DESKTOP VIDEO -->\r\n  <video\r\n    id=\"smg-bg-video-desktop\"\r\n    autoplay\r\n muted\r\n loop\r\n playsinline\r\n webkit-playsinline\r\n preload=\"none\"\r\n    poster=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/04\/smg-desktop-llll.webp\">\r\n    <source src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/04\/smg-9090.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <!-- MOBILE VIDEO -->\r\n  <video\r\n    id=\"smg-bg-video-mobile\"\r\n    autoplay\r\n muted\r\n loop\r\n playsinline\r\n webkit-playsinline\r\n preload=\"none\"\r\n    poster=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/04\/mobile-home-poster.webp\">\r\n    <source src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/04\/0415-smg-desktop-111.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* =================================================\r\n   BASE LOCK\r\n================================================= *\/\r\nhtml, body {\r\n  margin: 0;\r\n  padding: 0;\r\n  background: #000;\r\n}\r\n\r\n\/* =================================================\r\n   CONTENT ABOVE BACKGROUND\r\n================================================= *\/\r\nheader,\r\nsection,\r\nmain,\r\nfooter,\r\n#smg-hero {\r\n  position: relative;\r\n  z-index: 5;\r\n}\r\n\r\n\/* =================================================\r\n   FIXED BACKGROUND\r\n================================================= *\/\r\n#smg-fixed-bg {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 0;\r\n  overflow: hidden;\r\n\r\n  background: url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/04\/smg-desktop-llll.webp\")\r\n    center \/ cover no-repeat;\r\n}\r\n\/* SAFARI GPU FIX *\/\r\n#smg-fixed-bg{\r\n  transform: translateZ(0);\r\n  will-change: transform;\r\n}\r\n\r\n#smg-fixed-bg video{\r\n  backface-visibility: hidden;\r\n  transform: translateZ(0);\r\n}\r\n\/* =================================================\r\n   VIDEO BASE (FIXED - NO FADE)\r\n================================================= *\/\r\n#smg-fixed-bg video {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  z-index: 1;\r\n\r\n  \/* ALWAYS visible *\/\r\n  opacity: 1;\r\n\r\n  \/* Fix Chrome + Windows brightness issue *\/\r\n  transform: translateZ(0);\r\n  backface-visibility: hidden;\r\n  filter: brightness(0.85);\r\n}\r\n\/* =================================================\r\n   STABLE DARK OVERLAY (NO SCROLL JUMP)\r\n================================================= *\/\r\n#smg-fixed-bg::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:2;\r\n  pointer-events:none;\r\n\r\n  background:\r\n  linear-gradient(\r\n    to bottom,\r\n    rgba(0,0,0,0.78) 0%,\r\n    rgba(0,0,0,0.68) 40%,\r\n    rgba(0,0,0,0.68) 60%,\r\n    rgba(0,0,0,0.80) 100%\r\n  );\r\n}\r\n\r\n\/* =================================================\r\n   DESKTOP \/ MOBILE SWITCH\r\n================================================= *\/\r\n\r\n\/* Desktop only *\/\r\n#smg-bg-video-mobile { display: none; }\r\n\r\n\/* Mobile only *\/\r\n@media (max-width: 1024px) {\r\n\r\n  #smg-bg-video-desktop { display: none; }\r\n  #smg-bg-video-mobile { display: block; }\r\n\r\n  #smg-fixed-bg {\r\n    background: url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/04\/mobile-home-poster.webp\")\r\n      center \/ cover no-repeat;\r\n  }\r\n\r\n}\r\n\r\n\/* Keep Elementor sections transparent without breaking overlay *\/\r\n.elementor-section,\r\n.elementor-section-wrap,\r\n.elementor-container{\r\n  background:transparent;\r\n}\r\n\/* GLOBAL VIDEO SAFARI STABILITY *\/\r\nvideo{\r\n  transform: translateZ(0);\r\n  will-change: transform;\r\n}\r\n\/* =========================================\r\n   MOBILE VIDEO FADE-IN (POSTER \u2192 VIDEO)\r\n========================================= *\/\r\n\r\n\/* Start video invisible *\/\r\n#smg-bg-video-mobile {\r\n  opacity: 0;\r\n  transition: opacity 1.2s ease;\r\n  z-index: 1;\r\n}\r\n\r\n\/* When video is ready \u2192 fade in *\/\r\n#smg-bg-video-mobile.is-playing {\r\n  opacity: 1;\r\n}\r\n\r\n\/* Keep poster visible underneath until video fades *\/\r\n@media (max-width: 1024px) {\r\n\r\n  #smg-fixed-bg {\r\n    \/* Poster acts as base layer *\/\r\n    background: url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/04\/mobile-home-poster.webp\")\r\n      center \/ cover no-repeat;\r\n  }\r\n\r\n}\r\n\/* =================================================\r\n   MOBILE ONLY: LIGHTER VIDEO OVERLAY\r\n================================================= *\/\r\n@media (max-width: 1024px) {\r\n  #smg-fixed-bg::after {\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(0, 0, 0, 0.45) 0%,   \/* Top edge (reduced from 0.78) *\/\r\n      rgba(0, 0, 0, 0.35) 40%,  \/* Middle (reduced from 0.68) *\/\r\n      rgba(0, 0, 0, 0.35) 60%,  \/* Middle (reduced from 0.68) *\/\r\n      rgba(0, 0, 0, 0.50) 100%  \/* Bottom edge (reduced from 0.80) *\/\r\n    ) !important;\r\n  }\r\n}\r\n<\/style>\r\n<script>\r\n\/* =========================================\r\n   SMART VIDEO LOADER & FADE TRIGGER\r\n========================================= *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const desktopVideo = document.getElementById(\"smg-bg-video-desktop\");\r\n  const mobileVideo = document.getElementById(\"smg-bg-video-mobile\");\r\n\r\n  \/\/ Determine which video is visible based on screen width\r\n  const isMobile = window.innerWidth <= 1024;\r\n  const activeVideo = isMobile ? mobileVideo : desktopVideo;\r\n\r\n  if (activeVideo) {\r\n    \/\/ 1. Force the browser to start downloading the active media\r\n    activeVideo.setAttribute(\"preload\", \"auto\");\r\n    activeVideo.load();\r\n\r\n    \/\/ 2. Wait until the media is completely downloaded\/buffered to play smoothly\r\n    activeVideo.addEventListener(\"canplaythrough\", function() {\r\n      activeVideo.classList.add(\"is-playing\");\r\n      activeVideo.play().catch(()=>{});\r\n    });\r\n\r\n    \/\/ 3. Fallback: If it somehow starts playing earlier, fade it in immediately\r\n    activeVideo.addEventListener(\"playing\", function() {\r\n      activeVideo.classList.add(\"is-playing\");\r\n    });\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03cfc6e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"03cfc6e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a68428 elementor-widget elementor-widget-html\" data-id=\"0a68428\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     SMG LOADER\r\n========================= -->\r\n<div id=\"smg-loader\"><\/div>\r\n\r\n<!-- =========================\r\n     SMG HEADER\r\n========================= -->\r\n<header id=\"smg-header\">\r\n  <div class=\"smg-header-inner\">\r\n    <div class=\"smg-logo\">\r\n      <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/SMG-ORIGINAL-LOGO-WEBSITE-WHITE-1.png\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\r\n    <\/div>\r\n\r\n   <nav class=\"smg-nav\">\r\n  <a href=\"\/ar\/\" class=\"smg-nav-link\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n  <a href=\"\/ar\/our-services\/\" class=\"smg-nav-link\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n  <a href=\"\/ar\/about-us\/\" class=\"smg-nav-link\">\u0645\u0646 \u0646\u062d\u0646<\/a>\r\n  <a href=\"\/ar\/contact\/\" class=\"smg-nav-link\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a>\r\n<\/nav>\r\n\r\n    <div class=\"burger\" id=\"burger\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n    <a href=\"\/ar\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n    <a href=\"\/ar\/our-services\/\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n    <a href=\"\/ar\/about-us\/\">\u0645\u0646 \u0646\u062d\u0646<\/a>\r\n    <a href=\"\/ar\/contact\/\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<style>\r\n\/* =================================================\r\n   GLOBAL RESET (SAFE)\r\n================================================= *\/\r\nhtml,body{\r\n  margin:0; padding:0; background:#000;\r\n  font-family:Montserrat,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n}\r\n\r\n\/* =================================================\r\n   LOADER \u2014 SAME AS SERVICES PAGE\r\n================================================= *\/\r\n#smg-loader{\r\n  position:fixed; inset:0;\r\n  background:#fff;\r\n  display:flex; align-items:center; justify-content:center;\r\n  z-index:999999;\r\n  transition:.4s ease;\r\n}\r\n#smg-loader.hide{opacity:0; pointer-events:none;}\r\n#smg-loader::before{\r\n  content:\"\";\r\n  width:64px; height:64px;\r\n  border-radius:50%;\r\n  border:3px solid transparent;\r\n  border-top-color:#2326C8;\r\n  border-right-color:#2326C8;\r\n  animation:smgSpin 1s linear infinite;\r\n}\r\n@keyframes smgSpin{to{transform:rotate(360deg)}}\r\nbody.elementor-editor-active #smg-loader{display:none!important}\r\n\r\n\/* =================================================\r\n   HEADER \u2014 PATTERN MATCH\r\n================================================= *\/\r\n#smg-header{\r\n  position:absolute; inset:0 auto auto 0;\r\n  width:100%; z-index:1000;\r\n}\r\n.smg-header-inner{\r\n  padding:46px 56px 32px;\r\n  display:flex; align-items:center; gap:48px;\r\n}\r\n.smg-logo img{height:170px}\r\n.smg-nav{margin-left:auto; display:flex; gap:14px}\r\n\r\n\/* BUTTON SYSTEM \u2014 SAME AS SERVICES *\/\r\n.smg-btn{\r\n  position:relative;\r\n  padding:14px 26px;\r\n  border-radius:14px;\r\n  font-weight:700;\r\n  color:#fff; text-decoration:none;\r\n  border:2px solid #fff;\r\n  overflow:hidden; z-index:1;\r\n}\r\n.smg-btn::after{\r\n  content:\"\"; position:absolute; inset:0;\r\n  background:linear-gradient(135deg,#2326C8,#1b1ea6);\r\n  z-index:-2;\r\n}\r\n.smg-btn::before{\r\n  content:\"\"; position:absolute; inset:0;\r\n  background:#fff;\r\n  transform:translateX(-100%);\r\n  transition:.35s ease;\r\n  z-index:-1;\r\n}\r\n@media(hover:hover) and (pointer:fine){\r\n  .smg-btn:hover::before{transform:translateX(0)}\r\n  .smg-btn:hover{color:#2326C8}\r\n}\r\n\r\n\/* BURGER *\/\r\n.burger{display:none; flex-direction:column; gap:6px; cursor:pointer}\r\n.burger span{width:30px; height:2px; background:#fff}\r\n\r\n\/* MOBILE HEADER *\/\r\n@media(max-width:1024px){\r\n  .smg-nav{display:none}\r\n  .burger{display:flex}\r\n  .smg-logo img{height:140px}\r\n  .smg-header-inner{\r\n    padding:36px 24px;\r\n    justify-content: space-between; \/* \u2705 FIX 1 *\/\r\n  }\r\n}\r\n\/* MOBILE MENU *\/\r\n.mobile-menu{\r\n  position:absolute; top:100%; left:0;\r\n  width:100%; background:#fff;\r\n  padding:32px 40px;\r\n  display:flex; flex-direction:column; gap:18px;\r\n  opacity:0; transform:translateY(-12px);\r\n  pointer-events:none; transition:.35s ease;\r\n}\r\n.mobile-menu.active{\r\n  opacity:1; transform:none; pointer-events:auto;\r\n}\r\n.mobile-menu a{color:#2326C8; font-weight:600; text-decoration:none}\r\n\r\n\/* =================================================\r\n   HERO \u2014 STRUCTURE MATCH\r\n================================================= *\/\r\n#smg-hero{\r\n  min-height:100vh;\r\n  display:flex; align-items:center;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n#smg-video-wrap{\r\n  width:100%;\r\n  max-width:1400px;\r\n  margin:0 auto;\r\n  padding:220px 40px 140px;\r\n  display:grid;\r\n  grid-template-columns:1fr;\r\n  text-align:center;\r\n}\r\n\r\n.smg-content{max-width:820px; margin:0 auto; color:#fff}\r\n\/* =====================================\r\n   HERO MAIN TITLE \u2014 EXACT IMAGE STYLE\r\n===================================== *\/\r\n\r\n.smg-title-main{\r\n  display:block;\r\n\r\n  font-size:clamp(72px, 9vw, 140px); \r\n  font-weight:900;\r\n  line-height:0.95;\r\n  letter-spacing:-0.02em;\r\n\r\n  color:#ffffff;\r\n  text-shadow:none;\r\n}\r\n\r\n\r\n\/* =====================================\r\n   HERO SUBTITLE \u2014 MATCH HEADLINE SYSTEM\r\n===================================== *\/\r\n\r\n.smg-title-sub{\r\n  display:block;\r\n  margin-top:18px;\r\n\r\n  font-size:clamp(24px, 2.5vw, 32px);\r\n  font-weight:500;\r\n  letter-spacing:-0.02em;\r\n  line-height:1.2;\r\n\r\n  color:#ffffff;\r\n  text-align:center;\r\n\r\n  text-shadow:none;\r\n}\r\n\r\n\r\n\/* =====================================\r\n   HERO DESCRIPTION \u2014 CLEAN TYPO SYSTEM\r\n===================================== *\/\r\n\r\n.smg-hero-desc{\r\n  margin-top:22px;\r\n\r\n  font-size:clamp(16px, 1.3vw, 18px);\r\n  font-weight:400;\r\n  letter-spacing:-0.01em;\r\n  line-height:1.65;\r\n\r\n  color:#ffffff;\r\n  opacity:.95;\r\n\r\n  text-shadow:none;\r\n}\r\n\r\n\r\n\r\n\r\n.smg-actions{\r\n  display:flex; gap:14px;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n\/* =================================================\r\n   MOBILE HERO \u2014 SERVICES PATTERN\r\n================================================= *\/\r\n@media(max-width:1024px){\r\n  #smg-video-wrap{\r\n    padding:180px 24px 80px;\r\n  }\r\n  .smg-title{font-size:32px}\r\n  .smg-actions{flex-direction:column}\r\n  .smg-actions .smg-btn{width:100%; max-width:320px}\r\n}\r\n\r\n\/* =================================================\r\n   HERO ANIMATION \u2014 SAME LOGIC\r\n================================================= *\/\r\n#smg-hero{\r\n  opacity:0;\r\n}\r\nbody.smg-loaded #smg-hero{\r\n  animation:smgHeroReveal 1.1s cubic-bezier(.22,.61,.36,1) forwards;\r\n}\r\n@keyframes smgHeroReveal{\r\n  from{opacity:0; transform:translateY(24px)}\r\n  to{opacity:1; transform:none}\r\n}\r\n@media (max-width:1024px){\r\n\r\n  .smg-content{\r\n    max-width: 340px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .smg-actions{\r\n    align-items: center;\r\n  }\r\n}\r\n.smg-title{\r\n  text-align: center;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n@media(max-width:360px){\r\n  .smg-title-sub{\r\n    white-space:normal;\r\n  }\r\n}\r\n\/* MOBILE \u2014 FORCE ONE LINE *\/\r\n@media(max-width:480px){\r\n  .smg-title-sub{\r\n    font-size:15px;\r\n    letter-spacing:-0.02em;\r\n    white-space:nowrap;\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG HEADER NAV \u2014 SAL STYLE (BLUE)\r\n===================================== *\/\r\n\r\n.smg-nav-link{\r\n  position:relative;\r\n  padding:10px 6px;\r\n  font-weight:600;\r\n  color:#ffffff;\r\n  text-decoration:none;\r\n  transition:color .28s ease;\r\n}\r\n\r\n\/* underline line *\/\r\n.smg-nav-link::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  bottom:-6px;\r\n  width:0%;\r\n  height:2px;\r\n  background:#2326C8; \/* SMG BLUE *\/\r\n  transition:width .32s ease;\r\n}\r\n\r\n\/* hover *\/\r\n@media(hover:hover) and (pointer:fine){\r\n  .smg-nav-link:hover{\r\n    color:#2326C8;\r\n  }\r\n  .smg-nav-link:hover::after{\r\n    width:100%;\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG HEADER NAV \u2014 WHITE HOVER BOX\r\n===================================== *\/\r\n\r\n.smg-nav-link{\r\n  position:relative;\r\n  padding:10px 12px;\r\n  border-radius:10px;\r\n  transition:color .28s ease, background .28s ease;\r\n}\r\n\r\n\/* white hover box *\/\r\n@media(hover:hover) and (pointer:fine){\r\n\r\n  .smg-nav-link:hover{\r\n    color:#2326C8;\r\n    background:rgba(255,255,255,0.95);\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   SMG MOBILE MENU \u2014 OFFICIAL PREMIUM SYSTEM\r\n===================================== *\/\r\n\r\n#smg-header .mobile-menu{\r\n  position:absolute;\r\n  top:100%;\r\n  left:0;\r\n  width:100%;\r\n  padding:26px 20px 30px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:14px;\r\n\r\n  opacity:0;\r\n  transform:translateY(-18px) scale(.98);\r\n  pointer-events:none;\r\n\r\n  background:#ffffff;\r\n\r\n  border-bottom-left-radius:22px;\r\n  border-bottom-right-radius:22px;\r\n\r\n  box-shadow:0 30px 70px rgba(0,0,0,.35);\r\n\r\n  transition:\r\n    opacity .45s cubic-bezier(.22,.61,.36,1),\r\n    transform .45s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\/* OPEN STATE *\/\r\n#smg-header .mobile-menu.active{\r\n  opacity:1;\r\n  transform:translateY(0) scale(1);\r\n  pointer-events:auto;\r\n}\r\n\r\n\/* PREMIUM MENU BOXES *\/\r\n#smg-header .mobile-menu a{\r\n  display:block;\r\n  padding:16px 18px;\r\n  border-radius:14px;\r\n  background:#f8f9ff;\r\n  color:#2326C8;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n  box-shadow:0 8px 18px rgba(0,0,0,.18);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    box-shadow .25s ease,\r\n    color .25s ease;\r\n}\r\n\r\n\/* HOVER \/ TAP *\/\r\n#smg-header .mobile-menu a:hover,\r\n#smg-header .mobile-menu a:active{\r\n  background:#ffffff;\r\n  transform:translateY(-2px);\r\n  box-shadow:0 14px 28px rgba(0,0,0,.25);\r\n}\r\n\r\n\/* STAGGER ANIMATION *\/\r\n#smg-header .mobile-menu.active a{\r\n  animation:smgMenuFade .45s ease forwards;\r\n  opacity:0;\r\n}\r\n\r\n#smg-header .mobile-menu.active a:nth-child(1){animation-delay:.05s;}\r\n#smg-header .mobile-menu.active a:nth-child(2){animation-delay:.10s;}\r\n#smg-header .mobile-menu.active a:nth-child(3){animation-delay:.15s;}\r\n#smg-header .mobile-menu.active a:nth-child(4){animation-delay:.20s;}\r\n\r\n@keyframes smgMenuFade{\r\n  from{opacity:0; transform:translateY(8px);}\r\n  to{opacity:1; transform:translateY(0);}\r\n}\r\n\/* HERO DESCRIPTION \u2014 PERFECT VISIBILITY WHITE (NO SIZE CHANGE) *\/\r\n.smg-hero-desc{\r\n  color:#ffffff;\r\n  font-weight:600;          \/* thicker but not oversized *\/\r\n  line-height:1.65;\r\n\r\n  \/* premium layered shadow for video\/background *\/\r\n  text-shadow:\r\n    0 4px 18px rgba(0,0,0,.85),   \/* deep cinematic shadow *\/\r\n    0 2px 6px rgba(0,0,0,.65),    \/* mid contrast *\/\r\n    0 0 1px rgba(0,0,0,.55);      \/* edge sharpness *\/\r\n\r\n  opacity:.98;               \/* slight boost for brightness *\/\r\n}\r\n\/* HERO DESCRIPTION \u2014 SAME SIZE, PERFECT WHITE + CLEAN BOLD *\/\r\n.smg-hero-desc{\r\n  color:#ffffff !important;\r\n\r\n  font-weight:700;          \/* clean bold (not bigger, just stronger) *\/\r\n  line-height:1.65;\r\n\r\n  \/* premium readable shadow \u2014 not blurry *\/\r\n  text-shadow:\r\n    0 2px 4px rgba(0,0,0,.75),\r\n    0 1px 1px rgba(0,0,0,.55);\r\n\r\n  -webkit-font-smoothing:antialiased;  \/* sharper white rendering *\/\r\n  -moz-osx-font-smoothing:grayscale;\r\n}\r\n\/* =========================================\r\n   MOBILE \u2014 HERO ALIGN (ENGLISH ONLY)\r\n   WILL NOT TOUCH ARABIC\r\n========================================= *\/\r\n@media (max-width:1024px){\r\n\r\n  html:not([lang=\"ar\"]) .smg-content{\r\n    text-align:left !important;\r\n  }\r\n\r\n  html:not([lang=\"ar\"]) .smg-title-main{\r\n    text-align:left !important;\r\n  }\r\n\r\n  html:not([lang=\"ar\"]) .smg-title-sub{\r\n    text-align:left !important;\r\n    white-space:normal !important;\r\n  }\r\n\r\n}\r\n\/* =========================================\r\n   MOBILE \u2014 HERO BUTTONS ALIGN LEFT\r\n   ENGLISH ONLY (SAFE FOR ARABIC + DESKTOP)\r\n========================================= *\/\r\n@media (max-width:1024px){\r\n\r\n  html:not([lang=\"ar\"]) .smg-actions{\r\n    justify-content:flex-start !important;\r\n    align-items:flex-start !important;\r\n  }\r\n\r\n  html:not([lang=\"ar\"]) .smg-actions .smg-btn{\r\n    width:auto !important;\r\n    max-width:none !important;\r\n  }\r\n\r\n}\r\n\/* =========================================\r\n   MOBILE \u2014 HERO BUTTONS SAME WIDTH + LEFT\r\n   ENGLISH ONLY\r\n========================================= *\/\r\n@media (max-width:1024px){\r\n\r\n  html:not([lang=\"ar\"]) .smg-actions{\r\n    justify-content:flex-start !important;\r\n    align-items:flex-start !important;\r\n  }\r\n\r\n  \/* make both buttons equal width *\/\r\n  html:not([lang=\"ar\"]) .smg-actions .smg-btn{\r\n    width:100% !important;\r\n    max-width:320px !important;\r\n    text-align:center;\r\n  }\r\n\r\n}\r\n@media (max-width:768px){\r\n  .smg-title-main{\r\n    font-size:clamp(48px, 12vw, 72px);\r\n    line-height:1;\r\n  }\r\n}\r\n\/* =====================================\r\n   ARABIC HERO HEADLINE \u2014 FORCE 2 LINES\r\n===================================== *\/\r\n\r\nhtml[lang=\"ar\"] .smg-title-main{\r\n\r\n  font-size:clamp(30px, 3.8vw, 48px);   \/* smaller *\/\r\n\r\n  font-weight:600;\r\n  line-height:1.15;\r\n  letter-spacing:0;\r\n\r\n  max-width:900px;   \/* wider so it fits into 2 lines *\/\r\n  margin:0 auto;\r\n\r\n  text-align:center;\r\n}\r\n\/* =========================================================\r\n   HERO BUTTON \u2014 PERFECT MOBILE BEHAVIOR (NO BLUE FLASH)\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  \/* REMOVE BLUE TAP HIGHLIGHT *\/\r\n  .smg-actions a,\r\n  .smg-actions .smg-btn{\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  \/* DEFAULT STATE \u2014 ALWAYS WHITE TEXT *\/\r\n  .smg-actions .smg-btn,\r\n  .smg-actions .smg-btn:active,\r\n  .smg-actions .smg-btn:focus{\r\n    color:#ffffff !important;\r\n  }\r\n\r\n  \/* TRIGGER ANIMATION ONLY *\/\r\n  .smg-actions .smg-btn:active::before{\r\n    transform: translateX(0) !important;\r\n  }\r\n\r\n  \/* \ud83d\udd25 KEY FIX \u2014 DELAY TEXT COLOR CHANGE *\/\r\n  .smg-actions .smg-btn:active::after{\r\n    background: linear-gradient(135deg,#2326C8,#1b1ea6) !important;\r\n  }\r\n\r\n  \/* ONLY change text color WHEN overlay is visible *\/\r\n  .smg-actions .smg-btn:active span,\r\n  .smg-actions .smg-btn:active{\r\n    transition: color .15s ease .15s; \/* delay *\/\r\n  }\r\n\r\n  .smg-actions .smg-btn:active{\r\n    color:#2326C8 !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<!-- =========================\r\n     HERO\r\n========================= -->\r\n<section id=\"smg-hero\">\r\n  <div id=\"smg-video-wrap\">\r\n\r\n    <div class=\"smg-content\">\r\n    <h1 class=\"smg-title\">\r\n  <span class=\"smg-title-main\">\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c \u0648\u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645<\/span>\r\n  <span class=\"smg-title-sub\">\u0646\u0642\u0644 \u0648\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u064b\u0627<\/span>\r\n<\/h1>\r\n\r\n\r\n      <p class=\"smg-hero-desc\">\r\n\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0634\u062d\u0646 \u0628\u0631\u064a \u0648\u0628\u062d\u0631\u064a \u0648\u062c\u0648\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c \u0648\u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0623\u0633\u0637\u0648\u0644 \u062d\u062f\u064a\u062b.\r\n<\/p>\r\n\r\n      <div class=\"smg-actions\">\r\n         <a href=\"\/ar\/contact\/\" class=\"smg-btn\">\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631<\/a>\r\n  <a href=\"\/ar\/our-services\/\" class=\"smg-btn\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* ===============================\r\n   LOADER \u2014 SAME SPEED RULE\r\n================================ *\/\r\n(function(){\r\n  if(document.body.classList.contains(\"elementor-editor-active\"))return;\r\n  const loader=document.getElementById(\"smg-loader\");\r\n  document.documentElement.classList.add(\"loading\");\r\n  document.body.classList.add(\"loading\");\r\n  document.addEventListener(\"DOMContentLoaded\",()=>{\r\n    setTimeout(()=>{\r\n      loader.classList.add(\"hide\");\r\n      document.documentElement.classList.remove(\"loading\");\r\n      document.body.classList.remove(\"loading\");\r\n      document.body.classList.add(\"smg-loaded\");\r\n    },1200);\r\n  });\r\n})();\r\n\r\n\/* ===============================\r\n   SMG BURGER \u2014 OFFICIAL GLOBAL SCRIPT\r\n================================ *\/\r\n\r\n(function(){\r\n\r\n  const burger = document.getElementById(\"burger\");\r\n  const menu   = document.getElementById(\"mobileMenu\");\r\n\r\n  if(!burger || !menu) return;\r\n\r\n  \/* open \/ close *\/\r\n  burger.addEventListener(\"click\", function(e){\r\n    e.stopPropagation();\r\n    menu.classList.toggle(\"active\");\r\n  });\r\n\r\n  \/* keep open when tapping inside *\/\r\n  menu.addEventListener(\"click\", function(e){\r\n    e.stopPropagation();\r\n  });\r\n\r\n  \/* close when tapping outside *\/\r\n  document.addEventListener(\"click\", function(){\r\n    menu.classList.remove(\"active\");\r\n  });\r\n\r\n  \/* close when link tapped *\/\r\n  menu.querySelectorAll(\"a\").forEach(link=>{\r\n    link.addEventListener(\"click\", ()=>{\r\n      menu.classList.remove(\"active\");\r\n    });\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d13d7a8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"d13d7a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d06ff01 elementor-widget elementor-widget-html\" data-id=\"d06ff01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==============================\r\n   SMG BRAND INTRO \u2014 SELF CONTAINED\r\n============================== *\/\r\n\r\n#smg-about-video {\r\n  background: transparent !important;\r\n  padding: 100px 20px;\r\n  font-family: \"Montserrat\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n#smg-about-video * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* INNER *\/\r\n#smg-about-video .smg-about-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n\/* BRAND HEADLINE *\/\r\n#smg-about-video .smg-brand-headline {\r\n  max-width: 900px;\r\n  margin: 0 auto 18px;\r\n  font-size: clamp(22px, 3vw, 28px);\r\n  font-weight: 700;\r\n  letter-spacing: -0.4px;\r\n  color: #ffffff;\r\n}\r\n\r\n\/* INTRO *\/\r\n#smg-about-video .smg-brand-intro,\r\n#smg-about-video .smg-about-text {\r\n  max-width: 900px;\r\n  margin: 0 auto 40px;\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  color: rgba(255,255,255,0.88);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* VIDEO *\/\r\n#smg-about-video .smg-video-box {\r\n  aspect-ratio: 16 \/ 9;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  background: #000;\r\n  box-shadow: 0 20px 45px rgba(0,0,0,0.25);\r\n}\r\n\r\n#smg-about-video video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n\/* STATS *\/\r\n#smg-about-video .smg-about-stats {\r\n  display: flex;\r\n  gap: 40px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n\r\n#smg-about-video .smg-about-stats strong {\r\n  font-size: 34px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n}\r\n\r\n#smg-about-video .smg-about-stats strong::after {\r\n  content: \"+\";\r\n  font-size: 16px;\r\n  position: relative;\r\n  top: -10px;\r\n  margin-left: 3px;\r\n}\r\n\r\n#smg-about-video .smg-about-stats span {\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.75);\r\n}\r\n\r\n\/* BUTTON (BASE \u2014 UNCHANGED LOOK) *\/\r\n#smg-about-video .smg-about-btn {\r\n  display: inline-block;\r\n  margin-top: 24px;\r\n  padding: 16px 44px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(135deg, #2f47ff, #2326C8);\r\n  color: #ffffff;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  box-shadow: 0 8px 25px rgba(35,38,200,0.45);\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  border: 2px solid #ffffff;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Gradient base layer *\/\r\n#smg-about-video .smg-about-btn::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, #2f47ff, #2326C8);\r\n  z-index: -2;\r\n}\r\n\r\n\/* White hover slide *\/\r\n#smg-about-video .smg-about-btn::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #ffffff;\r\n  transform: translateX(-100%);\r\n  transition: transform .35s ease;\r\n  z-index: -1;\r\n}\r\n\r\n\/* Hover \u2014 PC only *\/\r\n@media (min-width: 1025px) {\r\n  #smg-about-video .smg-about-btn:hover::before {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  #smg-about-video .smg-about-btn:hover {\r\n    color: #2326C8;\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   DESKTOP ONLY (NO MOBILE)\r\n========================= *\/\r\n@media (min-width: 1025px) {\r\n  #smg-about-video .smg-about-inner {\r\n    display: grid;\r\n    grid-template-columns: 520px 1fr;\r\n    gap: 90px;\r\n    align-items: center;\r\n    text-align: left;\r\n  }\r\n\r\n  #smg-about-video .smg-about-stats {\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n\r\n\/* FIX: COUNTER JUMP *\/\r\n@media (min-width: 1025px) {\r\n  #smg-about-video .smg-about-stats strong {\r\n    min-width: 80px;\r\n    display: inline-block;\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n\/* FINAL STAT FIX *\/\r\n@media (min-width: 1025px) {\r\n  #smg-about-video .smg-about-stats {\r\n    flex-wrap: nowrap !important;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  #smg-about-video .smg-about-stats > div {\r\n    min-width: 110px;\r\n  }\r\n\r\n  #smg-about-video .smg-about-stats strong {\r\n    padding-right: 14px;\r\n    position: relative;\r\n  }\r\n\r\n  #smg-about-video .smg-about-stats strong::after {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    transform: translateY(-30%);\r\n  }\r\n}\r\n.no-break{\r\n  white-space:nowrap;\r\n}\r\n\/* ABOUT TEXT \u2014 PREMIUM WHITE VISIBILITY FIX *\/\r\n#smg-about-video .smg-brand-intro,\r\n#smg-about-video .smg-hero-desc{\r\n\r\n  color:#ffffff !important;     \/* remove grey transparency *\/\r\n  font-weight:600;              \/* slightly thicker *\/\r\n  opacity:1;\r\n\r\n  text-shadow:\r\n    0 2px 4px rgba(0,0,0,.65),  \/* crisp readability *\/\r\n    0 1px 1px rgba(0,0,0,.45);\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n  -moz-osx-font-smoothing:grayscale;\r\n}\r\n\/* =====================================\r\n   ABOUT STATS LABEL TEXT \u2014 WHITE\r\n===================================== *\/\r\n\r\n.smg-about-stats span{\r\n  color:#ffffff !important;\r\n}\r\n\/* =====================================\r\n   ABOUT BUTTON \u2014 MATCH HERO BUTTON STYLE\r\n===================================== *\/\r\n\r\n#smg-about-video .smg-about-btn{\r\n\r\n  font-weight:700 !important;      \/* same thickness as hero *\/\r\n  color:#ffffff !important;        \/* exact white *\/\r\n  border:2px solid #ffffff !important;\r\n\r\n}\r\n\r\n\/* Hover \u2014 same as hero *\/\r\n@media (hover:hover) and (pointer:fine){\r\n\r\n  #smg-about-video .smg-about-btn:hover{\r\n    color:#2326C8 !important;      \/* same blue *\/\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   ABOUT BUTTON \u2014 NORMAL TEXT FIX\r\n===================================== *\/\r\n\r\n#smg-about-video .smg-about-btn{\r\n  color:#ffffff !important;   \/* solid white *\/\r\n  font-weight:700 !important; \/* same as hero *\/\r\n}\r\n\/* =========================================================\r\n   ARABIC PC LAYOUT: TEXT ON RIGHT, VIDEO ON LEFT\r\n========================================================= *\/\r\n\r\n@media (min-width: 1025px) {\r\n  \r\n  \/* 1. Adjust the Grid Columns for Arabic *\/\r\n  \/* In RTL, the first column is on the Right. \r\n     We give the Right side (Text) 1fr, and the Left side (Video) 520px *\/\r\n  html[lang=\"ar\"] #smg-about-video .smg-about-inner {\r\n    grid-template-columns: 1fr 520px !important; \r\n    direction: rtl; \/* Ensure the container behaves as RTL *\/\r\n  }\r\n\r\n  \/* 2. Swap the visual order of the boxes *\/\r\n  html[lang=\"ar\"] #smg-about-video .smg-about-content {\r\n    order: 1; \/* Forces Content to be the first item (Right side) *\/\r\n    text-align: right !important; \r\n  }\r\n\r\n  html[lang=\"ar\"] #smg-about-video .smg-video-box {\r\n    order: 2; \/* Forces Video to be the second item (Left side) *\/\r\n  }\r\n\r\n  \/* 3. Lock all text alignment strictly to the right *\/\r\n  html[lang=\"ar\"] #smg-about-video .smg-brand-headline,\r\n  html[lang=\"ar\"] #smg-about-video .smg-brand-intro,\r\n  html[lang=\"ar\"] #smg-about-video .smg-hero-desc {\r\n    text-align: right !important;\r\n    margin-right: 0 !important; \/* Locks it to the right edge *\/\r\n  }\r\n\r\n  \/* 4. Fix Stats Alignment & the \"+\" Sign for RTL *\/\r\n  html[lang=\"ar\"] #smg-about-video .smg-about-stats {\r\n    justify-content: flex-start !important; \/* flex-start is the right side in RTL *\/\r\n  }\r\n\r\n  html[lang=\"ar\"] #smg-about-video .smg-about-stats strong {\r\n    text-align: right !important;\r\n    padding-right: 0 !important;\r\n    padding-left: 14px !important; \/* Moves padding to the left for the + sign *\/\r\n  }\r\n\r\n  \/* Move the \"+\" sign to the left side of the numbers *\/\r\n  html[lang=\"ar\"] #smg-about-video .smg-about-stats strong::after {\r\n    right: auto !important;\r\n    left: 0 !important;\r\n    transform: translateY(-30%) translateX(-50%) !important; \r\n  }\r\n\r\n}\r\n\/* =========================================================\r\n   PREVENT ARABIC STATS TEXT FROM SPLITTING\r\n========================================================= *\/\r\n\r\nhtml[lang=\"ar\"] #smg-about-video .smg-about-stats span {\r\n  white-space: nowrap !important; \/* Forces the text to stay on one line *\/\r\n  display: block; \/* Ensures it sits properly under the number *\/\r\n}\r\n\r\n\/* Optional: Let the box grow slightly so the text doesn't overlap the next stat *\/\r\n@media (min-width: 1025px) {\r\n  html[lang=\"ar\"] #smg-about-video .smg-about-stats > div {\r\n    min-width: max-content !important; \r\n    margin-left: 20px; \/* Adds safe breathing room between stats in RTL *\/\r\n  }\r\n}\r\n\/* =========================================================\r\n   SOLITAIRE CARD FLIP \u2014 SAFE VERSION\r\n========================================================= *\/\r\n\r\n#smg-about-video{\r\n  perspective:2000px;\r\n}\r\n\r\n\/* flip container *\/\r\n#smg-about-video .smg-about-inner{\r\n  transform-style:preserve-3d;\r\n  backface-visibility:hidden;\r\n\r\n  transform:rotateY(180deg);\r\n  opacity:0;\r\n\r\n  transition:\r\n  transform 2.4s cubic-bezier(.22,.8,.25,1),\r\n  opacity 1.6s ease;\r\n}\r\n\r\n\/* activated *\/\r\n#smg-about-video.is-flipped .smg-about-inner{\r\n  transform:rotateY(0deg);\r\n  opacity:1;\r\n}\r\n\/* =========================================================\r\n   ABOUT SECTION BUTTON \u2014 MOBILE FIX (MATCH HERO)\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  \/* REMOVE BLUE TAP *\/\r\n  #smg-about-video .smg-about-btn{\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  \/* DEFAULT \u2014 ALWAYS WHITE TEXT *\/\r\n  #smg-about-video .smg-about-btn,\r\n  #smg-about-video .smg-about-btn:active,\r\n  #smg-about-video .smg-about-btn:focus{\r\n    color:#ffffff !important;\r\n  }\r\n\r\n  \/* TRIGGER HOVER ANIMATION *\/\r\n  #smg-about-video .smg-about-btn:active::before{\r\n    transform: translateX(0) !important;\r\n  }\r\n\r\n  \/* DELAY TEXT COLOR CHANGE (NO BLUE FLASH) *\/\r\n  #smg-about-video .smg-about-btn:active{\r\n    transition: color .15s ease .15s;\r\n    color:#2326C8 !important;\r\n  }\r\n\r\n  \/* FORCE SMOOTH ANIMATION *\/\r\n  #smg-about-video .smg-about-btn::before{\r\n    transition: transform .35s ease !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section id=\"smg-about-video\">\r\n  <div class=\"smg-about-inner\">\r\n\r\n    <div class=\"smg-video-box\">\r\n     <video\r\n  autoplay\r\n muted\r\n loop\r\n playsinline\r\n webkit-playsinline\r\n preload=\"metadata\"\r\n  poster=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/SMG-TRUCK-3.jpg\"\r\n>\r\n        <source src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg95.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"smg-about-content\">\r\n\r\n    <div class=\"smg-brand-headline\">\r\n<h2 class=\"smg-brand-headline\">\r\n\u0634\u0631\u0643\u0629 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0646\u0642\u0644\u060c \u0646\u0635\u0646\u0639 \u062d\u0631\u0643\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u062a\u0631\u0628\u0637 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0628\u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c \u0648\u0627\u0644\u0639\u0627\u0644\u0645.\r\n<\/h2>\r\n<\/div>\r\n\r\n\r\n      <div class=\"smg-brand-intro\">\r\n       \u062a\u0642\u062f\u0651\u0645 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644 \u062d\u0644\u0648\u0644 \u0634\u062d\u0646 \u0648\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u062a\u063a\u0637\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u062a\u0645\u062a\u062f \u0625\u0644\u0649 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629. \u0648\u0645\u0646\u0630 \u062a\u0623\u0633\u064a\u0633\u0647\u0627 \u0639\u0627\u0645 2012\u060c \u062a\u0644\u062a\u0632\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0631\u064a \u0648\u0627\u0644\u0628\u062d\u0631\u064a \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a.\r\n      <\/div>\r\n\r\n      <p class=\"smg-hero-desc\">\r\n\u0648\u062a\u062f\u064a\u0631 \u0627\u0644\u0634\u0631\u0643\u0629 \u0623\u0633\u0637\u0648\u0644\u064b\u0627 \u062d\u062f\u064a\u062b\u064b\u0627 \u064a\u0636\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0634\u0627\u062d\u0646\u0629 \u0645\u062c\u0647\u0632\u0629 \u0628\u0646\u0638\u0627\u0645 \u062a\u062a\u0628\u0639 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0641\u0631\u064a\u0642 \u0639\u0645\u0644\u064a\u0627\u062a \u0639\u0627\u0644\u064a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u0625\u062f\u0627\u0631\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0634\u062d\u0646 \u0648\u0633\u0644\u0627\u0633\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\u0645. \r\n<\/p>\r\n\r\n      <div class=\"smg-about-stats\">\r\n        <div><strong data-count=\"12\">0<\/strong><span>\u0633\u0646\u0648\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629<\/span><\/div>\r\n        <div><strong data-count=\"300\">0<\/strong><span>\u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a<\/span><\/div>\r\n        <div><strong data-count=\"24\">0<\/strong><span>\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a<\/span><\/div>\r\n        <div><strong data-count=\"100\">0<\/strong><span>\u0646\u0637\u0627\u0642 \u0627\u0644\u062a\u063a\u0637\u064a\u0629<\/span><\/div>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/smgksa.net\/ar\/about-us\/\" class=\"smg-about-btn\">\r\n        \u062a\u0639\u0631\u0641 \u0639\u0644\u064a\u0646\u0627 \u0623\u0643\u062b\u0631\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const stats = document.querySelector('#smg-about-video .smg-about-stats');\r\n  if (!stats) return;\r\n\r\n  const counters = stats.querySelectorAll('[data-count]');\r\n  let started = false;\r\n\r\n  function easeOutCubic(t) {\r\n    return 1 - Math.pow(1 - t, 3);\r\n  }\r\n\r\n  function startCounters() {\r\n    if (started) return;\r\n    started = true;\r\n\r\n    counters.forEach(counter => {\r\n      const target = parseInt(counter.dataset.count, 10);\r\n      const start = performance.now();\r\n      const duration = 3000;\r\n\r\n      function update(now) {\r\n        const progress = Math.min((now - start) \/ duration, 1);\r\n        counter.textContent = Math.round(easeOutCubic(progress) * target);\r\n        if (progress < 1) requestAnimationFrame(update);\r\n      }\r\n      requestAnimationFrame(update);\r\n    });\r\n  }\r\n\r\n  new IntersectionObserver(entries => {\r\n    if (entries[0].isIntersecting) startCounters();\r\n  }, { threshold: 0.5 }).observe(stats);\r\n})();\r\n<\/script>\r\n<script>\r\n\/* =========================================================\r\n   GLOBAL TRIGGER FOR 3D CARD FLIP\r\n========================================================= *\/\r\n(function() {\r\n  \/\/ Finds ALL sections with the 3D class, not just the About section\r\n  const sections = document.querySelectorAll('.smg-3d-section');\r\n  if (!sections.length) return;\r\n\r\n  const flipObserver = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        \/\/ Drop the cards when 15% of the section is visible\r\n        entry.target.classList.add('is-flipped');\r\n        observer.unobserve(entry.target); \r\n      }\r\n    });\r\n  }, { \r\n    threshold: 0.35 \r\n  });\r\n\r\n  sections.forEach(sec => flipObserver.observe(sec));\r\n})();\r\n<\/script>\r\n<script>\r\n\/* =========================================================\r\n   TRIGGER FOR 3D CARD FLIP\r\n========================================================= *\/\r\n(function() {\r\n  const aboutSection = document.getElementById('smg-about-video');\r\n  if (!aboutSection) return;\r\n\r\n  const flipObserver = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        \/\/ Drop the cards when 20% of the section is visible\r\n        entry.target.classList.add('is-flipped');\r\n        \r\n        \/\/ Unobserve so it only happens once per page load\r\n        observer.unobserve(entry.target); \r\n      }\r\n    });\r\n  }, { \r\n    threshold: 0.25\r\n  });\r\n\r\n  flipObserver.observe(aboutSection);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1c75b2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"a1c75b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edfbd87 elementor-widget elementor-widget-html\" data-id=\"edfbd87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==============================\r\n   SMG SERVICES \u2014 CLEAN FINAL\r\n============================= *\/\r\n\r\n#smg-services {\r\n  padding: 100px 20px;\r\n  background: transparent;\r\n  font-family: \"Montserrat\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n}\r\n\r\n#smg-services * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.smg-services-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n\/* TITLE *\/\r\n#smg-services h2 {\r\n  font-size: clamp(30px, 4vw, 44px);\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* INTRO *\/\r\n.smg-services-intro {\r\n  max-width: 820px;\r\n  margin: 0 auto 60px;\r\n  font-size: 17px;\r\n  line-height: 1.85;\r\n  color: rgba(255,255,255,0.88);\r\n}\r\n\r\n\/* GRID \u2014 DESKTOP *\/\r\n.smg-services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 28px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* SERVICE CARD *\/\r\n.service-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 20px;\r\n  padding: 48px 28px 52px;\r\n  box-shadow: 0 18px 36px rgba(0,0,0,0.18);\r\n  transition: transform .25s ease, box-shadow .25s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.service-box:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 28px 60px rgba(0,0,0,0.28);\r\n}\r\n\r\n\/* IMAGE = FULL CARD *\/\r\n.service-box .icon-wrap {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.service-box .icon-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  opacity: 1;\r\n}\r\n\r\n\/* DARK OVERLAY *\/\r\n.service-box::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    rgba(0,0,0,0.35),\r\n    rgba(0,0,0,0.55)\r\n  );\r\n  z-index: 2;\r\n}\r\n\r\n\/* TEXT *\/\r\n.service-box h3,\r\n.service-box p {\r\n  position: relative;\r\n  z-index: 3;\r\n  color: #ffffff;\r\n  text-align: center;\r\n}\r\n\r\n.service-box h3 {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  margin-bottom: 14px;\r\n  min-height: 48px;\r\n}\r\n\r\n.service-box p {\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n  opacity: 0.95;\r\n}\r\n\r\n\/* ==============================\r\n   BUTTON \u2014 SAME AS HERO\r\n============================= *\/\r\n\r\n.smg-services-btn {\r\n  position: relative;\r\n  display: inline-block;\r\n  padding: 14px 34px;\r\n  border-radius: 14px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  border: 2px solid #ffffff;\r\n  overflow: hidden;\r\n  margin-top: 30px;\r\n  z-index: 1;\r\n}\r\n\r\n.smg-services-btn::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, #2326C8, #1b1ea6);\r\n  z-index: -2;\r\n}\r\n\r\n.smg-services-btn::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #ffffff;\r\n  transform: translateX(-100%);\r\n  transition: 0.35s ease;\r\n  z-index: -1;\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n  .smg-services-btn:hover::before {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  .smg-services-btn:hover {\r\n    color: #2326C8;\r\n  }\r\n}\r\n\r\n\/* ==============================\r\n   MOBILE \/ TABLET CAROUSEL\r\n============================= *\/\r\n\r\n@media (max-width:1024px) {\r\n  .smg-services-grid {\r\n    display: flex;\r\n    gap: 22px;\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .service-box {\r\n    flex: 0 0 85%;\r\n    scroll-snap-align: center;\r\n  }\r\n}\r\n\r\n@media (max-width:600px) {\r\n  #smg-services {\r\n    padding: 70px 16px;\r\n  }\r\n\r\n  .service-box {\r\n    flex: 0 0 92%;\r\n    padding: 42px 22px 46px;\r\n  }\r\n\r\n  .service-box p {\r\n    font-size: 14.5px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   DESKTOP CAROUSEL \u2014 5 CARDS PER VIEW\r\n========================================= *\/\r\n\r\n@media (min-width:1025px){\r\n\r\n  .smg-services-grid{\r\n    display: flex !important;\r\n    gap: 28px;\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  .smg-services-grid::-webkit-scrollbar{\r\n    display: none;\r\n  }\r\n\r\n  .smg-services-grid{\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .service-box{\r\n    flex: 0 0 calc((100% - 112px) \/ 5);\r\n    scroll-snap-align: start;\r\n  }\r\n\r\n}\r\n\r\n\/* SWIPE INDICATOR \u2014 SHOW ON ALL DEVICES *\/\r\n.smg-swipe-indicator {\r\n  display: block;\r\n  margin: 10px auto 30px;\r\n  width: 44px;\r\n  height: 44px;\r\n  opacity: 0.6;\r\n  animation: swipeHint 1.8s ease-in-out infinite;\r\n}\r\n\r\n.smg-swipe-indicator svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  fill: #ffffff;\r\n}\r\n\r\n@keyframes swipeHint {\r\n  0% { transform: translateX(0); }\r\n  50% { transform: translateX(10px); }\r\n  100% { transform: translateX(0); }\r\n}\r\n\/* ======================================\r\n   DESKTOP SCROLL INDICATOR (LIKE MOBILE)\r\n====================================== *\/\r\n\r\n@media (min-width:1025px){\r\n\r\n  .smg-services-grid{\r\n    scrollbar-width: thin;\r\n    scrollbar-color: #999 #ffffff33;\r\n  }\r\n\r\n  .smg-services-grid::-webkit-scrollbar{\r\n    height: 6px;\r\n  }\r\n\r\n  .smg-services-grid::-webkit-scrollbar-track{\r\n    background: rgba(255,255,255,0.2);\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .smg-services-grid::-webkit-scrollbar-thumb{\r\n    background: #999;\r\n    border-radius: 10px;\r\n  }\r\n\r\n}\r\n\/* SERVICES INTRO \u2014 PREMIUM WHITE VISIBILITY *\/\r\n#smg-services .smg-services-intro{\r\n  color:#ffffff !important;   \/* remove faded grey *\/\r\n  font-weight:600;            \/* slightly thicker *\/\r\n  opacity:1;\r\n\r\n  text-shadow:\r\n    0 2px 4px rgba(0,0,0,.65),\r\n    0 1px 1px rgba(0,0,0,.45);\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n  -moz-osx-font-smoothing:grayscale;\r\n}\r\n\/* =========================================================\r\n   SMG SERVICES \u2014 SAME 3D FLIP AS ABOUT (NO HTML CHANGE)\r\n========================================================= *\/\r\n\r\n#smg-services{\r\n  perspective:2000px;\r\n  overflow:visible;\r\n}\r\n\r\n\/* TITLE + INTRO = CARD 1 *\/\r\n#smg-services h2,\r\n#smg-services .smg-services-intro{\r\n\r\n  opacity:0;\r\n  transform:rotateY(-90deg) translateZ(-150px);\r\n\r\n  transform-style:preserve-3d;\r\n  backface-visibility:hidden;\r\n  will-change:transform,opacity;\r\n\r\n  transition:\r\n  transform 4.2s cubic-bezier(0.175,0.885,0.32,1.15),\r\n  opacity 2.8s ease-out;\r\n}\r\n\r\n\/* GRID = CARD 2 *\/\r\n#smg-services .smg-services-grid{\r\n\r\n  opacity:0;\r\n  transform:rotateY(90deg) translateZ(-150px);\r\n\r\n  transform-style:preserve-3d;\r\n  backface-visibility:hidden;\r\n  will-change:transform,opacity;\r\n\r\n  transition:\r\n  transform 4.2s cubic-bezier(0.175,0.885,0.32,1.15),\r\n  opacity 2.8s ease-out;\r\n\r\n  transition-delay:.25s;\r\n}\r\n\r\n\/* FINAL STATE *\/\r\n\r\n#smg-services.is-flipped h2,\r\n#smg-services.is-flipped .smg-services-intro,\r\n#smg-services.is-flipped .smg-services-grid{\r\n\r\n  opacity:1;\r\n  transform:rotateY(0) translateZ(0);\r\n\r\n}\r\n\r\n\r\n\/* MOBILE VERSION *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n#smg-services h2,\r\n#smg-services .smg-services-intro{\r\n  transform:rotateX(-90deg) translateZ(-50px);\r\n}\r\n\r\n#smg-services .smg-services-grid{\r\n  transform:rotateX(-90deg) translateZ(-50px);\r\n  transition-delay:.15s;\r\n}\r\n\r\n#smg-services.is-flipped h2,\r\n#smg-services.is-flipped .smg-services-intro,\r\n#smg-services.is-flipped .smg-services-grid{\r\n  transform:rotateX(0) translateZ(0);\r\n}\r\n\r\n}\r\n\/* =========================================================\r\n   SERVICES BUTTON \u2014 MOBILE FIX (NO BLUE FLASH + HOVER)\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  \/* REMOVE BLUE TAP *\/\r\n  #smg-services .smg-services-btn{\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  \/* DEFAULT \u2014 ALWAYS WHITE TEXT *\/\r\n  #smg-services .smg-services-btn,\r\n  #smg-services .smg-services-btn:active,\r\n  #smg-services .smg-services-btn:focus{\r\n    color:#ffffff !important;\r\n  }\r\n\r\n  \/* TRIGGER HOVER ANIMATION *\/\r\n  #smg-services .smg-services-btn:active::before{\r\n    transform: translateX(0) !important;\r\n  }\r\n\r\n  \/* DELAY TEXT COLOR CHANGE (NO FLASH) *\/\r\n  #smg-services .smg-services-btn:active{\r\n    transition: color .15s ease .15s;\r\n    color:#2326C8 !important;\r\n  }\r\n\r\n  \/* FORCE SMOOTH SLIDE *\/\r\n  #smg-services .smg-services-btn::before{\r\n    transition: transform .35s ease !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"smg-services\">\r\n  <div class=\"smg-services-inner\">\r\n\r\n    <h2>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/h2>\r\n\r\n    <p class=\"smg-services-intro\">\r\n      \u062a\u0642\u062f\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u062d\u0644\u0648\u0644\u0627\u064b \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0645\u0639 \u0634\u0628\u0643\u0629 \u062a\u0634\u063a\u064a\u0644 \u0625\u0642\u0644\u064a\u0645\u064a\u0629 \u0648\u062f\u0648\u0644\u064a\u0629 \u062a\u0636\u0645\u0646 \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 \u0639\u0628\u0631 \u0627\u0644\u062d\u062f\u0648\u062f\r\n\r\n    <\/p>\r\n\r\n    <div class=\"smg-services-grid\">\r\n\r\n      <!-- EXISTING SERVICES -->\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/GPS-Fleet-Monitoring.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1592px; --smush-placeholder-aspect-ratio: 1592\/1920;\">\r\n        <\/div>\r\n        <h3>\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0631\u064a \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0642\u0644<\/h3>\r\n        <p>\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0631\u064a \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 <strong>\u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0634\u0627\u062d\u0646\u0629 \u0645\u0632\u0648\u062f\u0629 \u0628\u0623\u0646\u0638\u0645\u0629 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/strong> \u0644\u0636\u0645\u0627\u0646 \u062a\u0633\u0644\u064a\u0645 \u0622\u0645\u0646.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/PORT-AND-SEA-OPERATION.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1792px; --smush-placeholder-aspect-ratio: 1792\/2193;\">\r\n        <\/div>\r\n        <h3>\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a \u0648\u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0645\u0648\u0627\u0646\u0626<\/h3>\r\n        <p>\u0646\u062f\u064a\u0631 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a \u0648\u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0645\u0648\u0627\u0646\u0626 \u0648\u062d\u0631\u0643\u0629 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/Heavy-Lift-Project-Cargo-1.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1567px; --smush-placeholder-aspect-ratio: 1567\/1920;\">\r\n        <\/div>\r\n        <h3>\u0634\u062d\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u062d\u0645\u0648\u0644\u0627\u062a \u0627\u0644\u062b\u0642\u064a\u0644\u0629<\/h3>\r\n        <p>\u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0648\u0627\u0644\u0623\u0648\u0632\u0627\u0646 \u0627\u0644\u062b\u0642\u064a\u0644\u0629 \u0648\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0639\u062f\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/Warehousing-Distribution.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1551px; --smush-placeholder-aspect-ratio: 1551\/1920;\">\r\n        <\/div>\r\n        <h3>\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u062a\u0648\u0632\u064a\u0639<\/h3>\r\n        <p>\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0632\u064a\u0646 \u0622\u0645\u0646\u0629\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0641\u0639\u0627\u0644\u0629 \u0644\u0644\u0645\u062e\u0632\u0648\u0646\u060c \u0648\u062a\u0648\u0632\u064a\u0639\u064b\u0627 \u0625\u0642\u0644\u064a\u0645\u064a\u064b\u0627.<\/p>\r\n      <\/div>\r\n\r\n      <!-- NEW SERVICES START -->\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/Air-freight-services-e1770834523240.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1855px; --smush-placeholder-aspect-ratio: 1855\/2127;\">\r\n        <\/div>\r\n        <h3>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062c\u0648\u064a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/h3>\r\n        <p>\u062d\u0644\u0648\u0644 \u0634\u062d\u0646 \u062c\u0648\u064a \u0633\u0631\u064a\u0639\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0645\u0646 \u0627\u0644\u0628\u0627\u0628 \u0625\u0644\u0649 \u0627\u0644\u0628\u0627\u0628 \u0645\u0646 \u0648\u0625\u0644\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\n``<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/Cargo-Insurance-Risk-Protection.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1856px; --smush-placeholder-aspect-ratio: 1856\/2121;\">\r\n        <\/div>\r\n        <h3>\u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a \u0648\u0627\u0644\u0648\u0633\u0627\u0637\u0629 \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629\n``<\/h3>\r\n        <p>\u062e\u062f\u0645\u0627\u062a \u0641\u0639\u0651\u0627\u0644\u0629 \u0644\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a \u0648\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u0648\u0627\u0646\u0626 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/Gcc-and-International-Freight-e1770834569195.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1855px; --smush-placeholder-aspect-ratio: 1855\/2120;\">\r\n        <\/div>\r\n        <h3>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0644\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629<\/h3>\r\n        <p>\u062e\u062f\u0645\u0627\u062a \u0634\u062d\u0646 \u0639\u0627\u0628\u0631\u0629 \u0644\u0644\u062d\u062f\u0648\u062f \u0639\u0628\u0631 \u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u0627\u0644\u0648\u062c\u0647\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u0639 \u062f\u0639\u0645 \u0644\u0648\u062c\u0633\u062a\u064a \u0645\u062a\u0643\u0627\u0645\u0644.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/Break-bulk-and-roro-shipping-e1770834592671.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1855px; --smush-placeholder-aspect-ratio: 1855\/2116;\">\r\n        <\/div>\r\n        <h3>\u0627\u0644\u0634\u062d\u0646 \u063a\u064a\u0631 \u0627\u0644\u0645\u0639\u0628\u0623 \u0628\u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0648\u0627\u0644\u0634\u062d\u0646 \u0628\u0646\u0638\u0627\u0645 \u0627\u0644\u062f\u062d\u0631\u062c\u0629<\/h3>\r\n        <p>\u062e\u062f\u0645\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0634\u062d\u0646 \u063a\u064a\u0631 \u0627\u0644\u0645\u0639\u0628\u0623 \u0628\u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0648\u0627\u0644\u0634\u062d\u0646 \u0628\u0646\u0638\u0627\u0645 \u0627\u0644\u062f\u062d\u0631\u062c\u0629 \u0644\u0644\u0634\u062d\u0646\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0639\u062c\u0644\u0627\u062a.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/Multimodal-Transportation-2.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1856px; --smush-placeholder-aspect-ratio: 1856\/2115;\">\r\n        <\/div>\r\n        <h3>\u0627\u0644\u0646\u0642\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0648\u0633\u0627\u0626\u0637<\/h3>\r\n        <p>\u062d\u0644\u0648\u0644 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a \u0648\u0627\u0644\u0628\u062d\u0631\u064a \u0648\u0627\u0644\u062c\u0648\u064a \u0644\u0636\u0645\u0627\u0646 \u062d\u0631\u0643\u0629 \u0634\u062d\u0646 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/Temperature-controlled-storage-e1770834638810.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1855px; --smush-placeholder-aspect-ratio: 1855\/2116;\">\r\n        <\/div>\r\n        <h3>\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0628\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u0629 \u0645\u064f\u062a\u062d\u0643\u0645 \u0628\u0647\u0627<\/h3>\r\n        <p>\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0645\u062c\u0647\u0632\u0629 \u0628\u0623\u0646\u0638\u0645\u0629 \u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0646\u0627\u062e \u0644\u0644\u0633\u0644\u0639 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0644\u0641 \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0627\u0644\u062d\u0633\u0627\u0633\u0629 \u0644\u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062d\u0631\u0627\u0631\u0629.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/Hazardous-dangerous-cargo-e1770834656189.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1855px; --smush-placeholder-aspect-ratio: 1855\/2120;\">\r\n        <\/div>\r\n        <h3>\u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0637\u0631\u0629 \u0648\u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0627\u0644\u062e\u0637\u0631\u0629<\/h3>\r\n        <p>\u062d\u0644\u0648\u0644 \u0622\u0645\u0646\u0629 \u0644\u0645\u0646\u0627\u0648\u0644\u0629 \u0648\u0646\u0642\u0644 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0637\u0631\u0629 \u0648\u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0627\u0644\u062e\u0627\u0636\u0639\u0629 \u0644\u0644\u062a\u0646\u0638\u064a\u0645.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/Project-Logistics-Management-2.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1856px; --smush-placeholder-aspect-ratio: 1856\/2131;\">\r\n        <\/div>\r\n        <h3>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/h3>\r\n        <p>\u062a\u062e\u0637\u064a\u0637 \u0644\u0648\u062c\u0633\u062a\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0647\u0627\u064a\u0629\u060c \u0648\u062f\u0631\u0627\u0633\u0627\u062a \u0645\u0633\u0627\u0631\u0627\u062a\u060c \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0646\u0642\u0644 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/Air-Charter-Services-2.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1856px; --smush-placeholder-aspect-ratio: 1856\/2131;\">\r\n        <\/div>\r\n        <h3>\u062e\u062f\u0645\u0627\u062a \u062a\u0623\u062c\u064a\u0631 \u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0648\u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629<\/h3>\r\n        <p>\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629 \u0644\u062a\u0623\u062c\u064a\u0631 \u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0644\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u0639\u0627\u062c\u0644\u0629 \u0648\u0630\u0627\u062a \u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0648\u0627\u0644\u062d\u0633\u0627\u0633\u0629 \u0644\u0644\u0648\u0642\u062a.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-box\">\r\n        <div class=\"icon-wrap\">\r\n          <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/smg-one-image.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1747px; --smush-placeholder-aspect-ratio: 1747\/2208;\">\r\n        <\/div>\r\n        <h3>\u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/h3>\r\n        <p>\u062a\u0623\u0645\u064a\u0646 \u0634\u0627\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u064a\u063a\u0637\u064a \u0627\u0644\u0641\u0642\u062f\u0627\u0646 \u0648\u0627\u0644\u0623\u0636\u0631\u0627\u0631 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0645\u062d\u0644\u064a \u0648\u0627\u0644\u062f\u0648\u0644\u064a.<\/p>\r\n      <\/div>\r\n      <!-- NEW SERVICES END -->\r\n\r\n\r\n    <\/div>\r\n\r\n    <div class=\"smg-swipe-indicator\">\r\n      <svg viewbox=\"0 0 24 24\">\r\n        <path d=\"M8 5l-6 7 6 7M16 5l6 7-6 7\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <a href=\"https:\/\/smgksa.net\/ar\/our-services\/\" class=\"smg-services-btn\">\r\n      \u0627\u0633\u062a\u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\r\n<script>\r\ndocument.querySelectorAll('.service-box').forEach(function(box){\r\n  box.addEventListener('click', function(){\r\n\r\n    const isArabic = document.documentElement.lang === \"ar\";\r\n\r\n    if(isArabic){\r\n      window.location.href = \"https:\/\/smgksa.net\/ar\/our-services\/\";\r\n    } else {\r\n      window.location.href = \"https:\/\/smgksa.net\/our-services\/\";\r\n    }\r\n\r\n  });\r\n});\r\n(function() {\r\n  const servicesSection = document.getElementById('smg-services');\r\n  if (!servicesSection) return;\r\n\r\n  const servicesObserver = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('is-flipped');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n\r\n  servicesObserver.observe(servicesSection);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-114224e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"114224e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d44ded elementor-widget elementor-widget-html\" data-id=\"4d44ded\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==============================\r\n   WHY SMG \u2014 IMAGE CARD MODE (FINAL)\r\n============================== *\/\r\n\r\n#smg-why {\r\n  padding: 100px 20px;\r\n  background: transparent;\r\n  font-family: \"Montserrat\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n#smg-why * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* INNER *\/\r\n#smg-why .smg-why-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n\/* TITLE *\/\r\n#smg-why h2 {\r\n  font-size: clamp(30px, 4vw, 44px);\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin-bottom: 18px;\r\n  letter-spacing: -0.4px;\r\n}\r\n\r\n\/* INTRO *\/\r\n#smg-why .smg-why-intro {\r\n  max-width: 900px;\r\n  margin: 0 auto 60px;\r\n  font-size: 17px;\r\n  line-height: 1.85;\r\n  color: rgba(255,255,255,0.88);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* GRID \u2014 DESKTOP *\/\r\n#smg-why .smg-why-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* CARD *\/\r\n#smg-why .why-item {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  min-height: 320px;\r\n  border-radius: 22px;\r\n\r\n  background: rgba(255,255,255,0.08); \/* same glass look *\/\r\n\r\n  \/* remove blur that breaks overlay *\/\r\n  backdrop-filter: none;\r\n  -webkit-backdrop-filter: none;\r\n\r\n  transition: transform .25s ease, box-shadow .25s ease;\r\n}\r\n\r\n#smg-why .why-item:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 28px 60px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* BACKGROUND IMAGE (SAFARI SAFE) *\/\r\n#smg-why .why-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  z-index: 1;\r\n}\r\n\r\n\/* IMAGE OPACITY \u2014 SAFARI SAFE *\/\r\n#smg-why .why-bg::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0,0,0,0.45);\r\n}\r\n\r\n\/* OVERLAY *\/\r\n#smg-why .why-item::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(0,0,0,0.25),\r\n    rgba(0,0,0,0.65)\r\n  );\r\n  z-index: 2;\r\n}\r\n\r\n\/* CONTENT *\/\r\n#smg-why .why-content {\r\n  position: relative;\r\n  z-index: 3;\r\n  padding: 36px 28px;\r\n  text-align: center;\r\n}\r\n\r\n\/* TEXT *\/\r\n#smg-why .why-item h3 {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n#smg-why .why-item p {\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n  color: rgba(255,255,255,0.9);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* ==============================\r\n   CAROUSEL \u2014 MOBILE & TABLET\r\n============================== *\/\r\n@media (max-width: 1024px) {\r\n  #smg-why .smg-why-grid {\r\n    display: flex;\r\n    gap: 20px;\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  #smg-why .why-item {\r\n    flex: 0 0 85%;\r\n    scroll-snap-align: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  #smg-why {\r\n    padding: 70px 16px;\r\n  }\r\n\r\n  #smg-why .why-item {\r\n    flex: 0 0 92%;\r\n    min-height: 280px;\r\n  }\r\n}\r\n\r\n\/* ==============================\r\n   SWIPE INDICATOR\r\n============================== *\/\r\n#smg-why .smg-swipe-indicator {\r\n  display: none;\r\n  margin: 10px auto 40px;\r\n  width: 42px;\r\n  height: 42px;\r\n  opacity: 0.45;\r\n  animation: swipeHint 1.8s ease-in-out infinite;\r\n}\r\n\r\n#smg-why .smg-swipe-indicator svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  fill: rgba(255,255,255,0.6);\r\n}\r\n\r\n@keyframes swipeHint {\r\n  0% { transform: translateX(0); }\r\n  50% { transform: translateX(10px); }\r\n  100% { transform: translateX(0); }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  #smg-why .smg-swipe-indicator {\r\n    display: block;\r\n  }\r\n}\r\n\r\n\/* ==============================\r\n   BUTTON \u2014 SAME AS HERO\r\n============================== *\/\r\n#smg-why .smg-why-btn {\r\n  display: inline-block;\r\n  margin-top: 24px;\r\n  padding: 14px 34px;\r\n  border-radius: 14px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  color: #ffffff;\r\n  border: 2px solid #ffffff;\r\n  position: relative;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n#smg-why .smg-why-btn::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, #2f47ff, #2326C8);\r\n  z-index: -2;\r\n}\r\n\r\n#smg-why .smg-why-btn::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #ffffff;\r\n  transform: translateX(-100%);\r\n  transition: transform .35s ease;\r\n  z-index: -1;\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n  #smg-why .smg-why-btn:hover::before {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  #smg-why .smg-why-btn:hover {\r\n    color: #2326C8;\r\n  }\r\n}\r\n\/* =====================================\r\n   WHY SMG \u2014 MATCH SERVICES CARD OVERLAY\r\n===================================== *\/\r\n\r\n\/* Remove extra dark layer on image *\/\r\n#smg-why .why-bg::after {\r\n  display: none;\r\n}\r\n\r\n\/* Use SAME overlay strength as Services *\/\r\n#smg-why .why-item::before {\r\n  background: linear-gradient(\r\n    rgba(0,0,0,0.35),\r\n    rgba(0,0,0,0.55)\r\n  );\r\n  z-index: 2;\r\n}\r\n\r\n\/* Solid image layer *\/\r\n#smg-why .why-bg {\r\n  z-index: 1;\r\n}\r\n\r\n\/* Text above overlay *\/\r\n#smg-why .why-content {\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\/* WHY SMG INTRO \u2014 PREMIUM WHITE VISIBILITY *\/\r\n#smg-why .smg-why-intro{\r\n  color:#ffffff !important;   \/* full white *\/\r\n  font-weight:600;            \/* slightly thicker *\/\r\n  opacity:1;\r\n\r\n  text-shadow:\r\n    0 2px 4px rgba(0,0,0,.65),\r\n    0 1px 1px rgba(0,0,0,.45);\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n  -moz-osx-font-smoothing:grayscale;\r\n}\r\n\/* =====================================\r\n   WHY BUTTON \u2014 MATCH HERO EXACTLY\r\n===================================== *\/\r\n\r\n#smg-why .smg-why-btn{\r\n\r\n  font-weight:700 !important;     \/* same thickness as hero *\/\r\n  color:#ffffff !important;       \/* exact white *\/\r\n  border:2px solid #ffffff !important;\r\n}\r\n\r\n\/* Exact same hover behavior *\/\r\n@media (hover:hover) and (pointer:fine){\r\n\r\n  #smg-why .smg-why-btn:hover{\r\n    color:#2326C8 !important;\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   WHY BUTTON \u2014 NORMAL TEXT FIX\r\n===================================== *\/\r\n\r\n#smg-why .smg-why-btn{\r\n  color:#ffffff !important;   \/* solid white *\/\r\n  font-weight:700 !important; \/* same as hero *\/\r\n}\r\n\/* =========================================================\r\n   WHY SECTION BUTTON \u2014 MOBILE FIX (NO BLUE FLASH + HOVER)\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  \/* REMOVE BLUE TAP *\/\r\n  #smg-why .smg-why-btn{\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  \/* DEFAULT \u2014 ALWAYS WHITE TEXT *\/\r\n  #smg-why .smg-why-btn,\r\n  #smg-why .smg-why-btn:active,\r\n  #smg-why .smg-why-btn:focus{\r\n    color:#ffffff !important;\r\n  }\r\n\r\n  \/* TRIGGER HOVER ANIMATION *\/\r\n  #smg-why .smg-why-btn:active::before{\r\n    transform: translateX(0) !important;\r\n  }\r\n\r\n  \/* DELAY TEXT COLOR CHANGE (NO FLASH) *\/\r\n  #smg-why .smg-why-btn:active{\r\n    transition: color .15s ease .15s;\r\n    color:#2326C8 !important;\r\n  }\r\n\r\n  \/* FORCE SMOOTH SLIDE *\/\r\n  #smg-why .smg-why-btn::before{\r\n    transition: transform .35s ease !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section id=\"smg-why\">\r\n  <div class=\"smg-why-inner\">\r\n\r\n    <h2>\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/h2>\r\n\r\n    <p class=\"smg-why-intro\">\r\n      \u062a\u062b\u0642 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645 \u0628\u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644 \u0644\u0645\u0627 \u062a\u0642\u062f\u0645\u0647 \u0645\u0646 \u0646\u0642\u0644 \u0645\u0648\u062b\u0648\u0642 \u0648\u062e\u062f\u0645\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u062a\u0645\u064a\u0632 \u062a\u0634\u063a\u064a\u0644\u064a.\r\n    <\/p>\r\n\r\n    <div class=\"smg-why-grid\">\r\n\r\n      <div class=\"why-item\">\r\n        <div class=\"why-bg lazyload\" style=\"background-image:inherit\" data-bg-image=\"url(&#039;https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/MODERN-FLEET.webp&#039;)\"><\/div>\r\n        <div class=\"why-content\">\r\n          <h3>\u0623\u0633\u0637\u0648\u0644 \u062d\u062f\u064a\u062b<\/h3>\r\n          <p>\u0641\u0648\u0642 <strong>\u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0634\u0627\u062d\u0646\u0629 \u0645\u0632\u0648\u062f\u0629 \u0628\u0623\u0646\u0638\u0645\u0629 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/strong> \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u0646\u0642\u0644\u064b\u0627 \u0622\u0645\u0646\u064b\u0627 \u0648\u0641\u0639\u0627\u0644\u064b\u0627.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"why-item\">\r\n        <div class=\"why-bg lazyload\" style=\"background-image:inherit\" data-bg-image=\"url(&#039;https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/EXPERIENCE-OPERATION-TEAM-1.webp&#039;)\"><\/div>\r\n        <div class=\"why-content\">\r\n          <h3>\u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0630\u0648 \u062e\u0628\u0631\u0629<\/h3>\r\n          <p>\u062e\u0628\u0631\u0627\u0621 \u0641\u064a \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u064a\u062f\u064a\u0631\u0648\u0646 \u0643\u0644 \u0634\u062d\u0646\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"why-item\">\r\n        <div class=\"why-bg lazyload\" style=\"background-image:inherit\" data-bg-image=\"url(&#039;https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/NATIONWIDE-COVERAGE-1.webp&#039;)\"><\/div>\r\n        <div class=\"why-content\">\r\n          <h3>\u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/h3>\r\n          <p>\u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0641\u064a \u0645\u062f\u0646 \u0648\u0645\u0648\u0627\u0646\u0626 \u0648\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"why-item\">\r\n        <div class=\"why-bg lazyload\" style=\"background-image:inherit\" data-bg-image=\"url(&#039;https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/SAFETY-COVERAGE-1.webp&#039;)\"><\/div>\r\n        <div class=\"why-content\">\r\n          <h3>\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644<\/h3>\r\n          <p>\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0635\u0627\u0631\u0645 \u0628\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"why-item\">\r\n        <div class=\"why-bg lazyload\" style=\"background-image:inherit\" data-bg-image=\"url(&#039;https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/ON-TIME-DELIVERY-SMG-1.webp&#039;)\"><\/div>\r\n        <div class=\"why-content\">\r\n          <h3>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f<\/h3>\r\n          <p>\u062a\u0636\u0645\u0646 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u062d\u0633\u0651\u0646\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"why-item\">\r\n        <div class=\"why-bg lazyload\" style=\"background-image:inherit\" data-bg-image=\"url(&#039;https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/Customer-Support-Coordination-1.webp&#039;)\"><\/div>\r\n        <div class=\"why-content\">\r\n          <h3>\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/h3>\r\n          <p><strong>\u0641\u0631\u064a\u0642 \u062f\u0639\u0645 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/strong> \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062a\u0646\u0633\u064a\u0642 \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062d\u0642\u064a\u0642\u064a.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"smg-swipe-indicator\" aria-hidden=\"true\">\r\n      <svg viewbox=\"0 0 24 24\">\r\n        <path d=\"M8 5l-6 7 6 7M16 5l6 7-6 7\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <a href=\"\/ar\/contact\/\" class=\"smg-why-btn\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627<\/a>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e309a18 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"e309a18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e23c505 elementor-widget elementor-widget-html\" data-id=\"e23c505\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==============================\r\n   SMG TRUST \u2014 MATCHED ICON SIZE\r\n============================== *\/\r\n\r\n#smg-trust{\r\npadding:100px 20px;\r\nbackground:transparent;\r\nfont-family:\"Montserrat\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n}\r\n#smg-trust *{box-sizing:border-box;}\r\n\r\n#smg-trust .smg-trust-inner{\r\nmax-width:1200px;\r\nmargin:auto;\r\ntext-align:center;\r\n}\r\n\r\n#smg-trust h2{\r\nfont-size:clamp(30px,4vw,44px);\r\ncolor:#fff;\r\nmargin-bottom:18px;\r\n}\r\n\r\n#smg-trust .smg-trust-intro{\r\nmax-width:900px;\r\nmargin:0 auto 60px;\r\nfont-size:17px;\r\nline-height:1.8;\r\ncolor:rgba(255,255,255,.9);\r\n}\r\n\r\n\/* badges top *\/\r\n#smg-trust .smg-badges{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\njustify-content:center;\r\ngap:40px;\r\nmargin-bottom:70px;\r\n}\r\n\r\n#smg-trust .smg-badges img{\r\nmax-height:110px;\r\nopacity:.6;\r\npadding:16px;\r\nborder-radius:16px;\r\ntransition:.35s;\r\n}\r\n\r\n#smg-trust .smg-badges img:hover{\r\nopacity:1;\r\nbackground:#fff;\r\ntransform:translateY(-6px) scale(1.06);\r\nbox-shadow:0 18px 40px rgba(255,255,255,.35),0 12px 30px rgba(0,0,0,.18);\r\n}\r\n\r\n\/* reviews grid *\/\r\n#smg-trust .smg-reviews{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(2,1fr);\r\ngap:32px;\r\n}\r\n\r\n#smg-trust .smg-review{\r\nbackground:rgba(255,255,255,.60);\r\nbackdrop-filter:blur(8px);\r\nborder-radius:18px;\r\npadding:36px 32px;\r\nbox-shadow:0 18px 36px rgba(0,0,0,.16);\r\ntext-align:left;\r\ntransition:.35s;\r\n}\r\n\r\n#smg-trust .smg-review:hover{\r\ntransform:translateY(-6px) scale(1.02);\r\nbox-shadow:0 22px 45px rgba(0,0,0,.25);\r\nbackground:#fff;\r\n}\r\n\r\n\/* stars + verified *\/\r\n#smg-trust .stars-row{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:10px;\r\nmargin-bottom:18px;\r\n}\r\n\r\n#smg-trust .stars{\r\nfont-size:22px;\r\ncolor:#0b3d91;\r\nline-height:1;\r\ndisplay:inline-flex;\r\nalign-items:center;\r\n}\r\n\/* VERIFIED = EXACT SAME HEIGHT AS STARS *\/\r\n#smg-trust .verified{\r\nheight:1em;              \/* equals star font-size *\/\r\nwidth:auto;\r\ndisplay:block;\r\n}\r\n\r\n\/* text *\/\r\n#smg-trust .smg-review p{\r\nfont-size:15px;\r\nline-height:1.8;\r\ncolor:#002882;\r\nmargin-bottom:18px;\r\n}\r\n\r\n#smg-trust .author{\r\nfont-weight:600;\r\ncolor:#002882;\r\n}\r\n\r\n\/* mobile swipe *\/\r\n@media(max-width:1024px){\r\n\r\n#smg-trust .smg-reviews{\r\ndisplay:flex;\r\noverflow-x:auto;\r\ngap:22px;\r\nscroll-snap-type:x mandatory;\r\n}\r\n\r\n#smg-trust .smg-review{\r\nflex:0 0 88%;\r\nscroll-snap-align:center;\r\n}\r\n\r\n#smg-trust .stars{\r\nfont-size:20px;\r\n}\r\n\r\n}\r\n#smg-trust .smg-reviews::-webkit-scrollbar{display:none;}\r\n\/* BIG VERIFIED BADGE *\/\r\n#smg-trust .verified{\r\nheight:64px;     \/* BIG size *\/\r\nwidth:auto;\r\ndisplay:block;\r\n}\r\n\r\n\/* keep row aligned *\/\r\n#smg-trust .stars-row{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:16px;\r\nmargin-bottom:18px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:1024px){\r\n  #smg-trust .verified{\r\n    height:48px;   \/* slightly smaller on mobile *\/\r\n  }\r\n}\r\n\/* ==============================\r\n   SMG MOBILE REVIEW TEXT FIX\r\n============================== *\/\r\n@media(max-width:1024px){\r\n\r\n\/* better card padding *\/\r\n#smg-trust .smg-review{\r\npadding:24px 22px 26px !important;\r\ntext-align:left;\r\n}\r\n\r\n\/* stars row spacing *\/\r\n#smg-trust .stars-row{\r\nmargin-bottom:14px !important;\r\n}\r\n\r\n\/* review paragraph readability *\/\r\n#smg-trust .smg-review p{\r\nfont-size:15px;\r\nline-height:1.7;\r\nmargin-bottom:16px;\r\ntext-align:left;\r\n}\r\n\r\n\/* author alignment *\/\r\n#smg-trust .author{\r\ndisplay:block;\r\nmargin-top:6px;\r\nfont-size:14px;\r\ntext-align:left;\r\nopacity:.9;\r\n}\r\n\r\n\/* swipe container breathing space *\/\r\n#smg-trust .smg-reviews{\r\npadding:0 8px 10px !important;\r\ngap:18px !important;\r\n}\r\n\r\n\/* ensure card width looks centered *\/\r\n#smg-trust .smg-review{\r\nflex:0 0 90% !important;\r\n}\r\n\r\n}\r\n\/* ==============================\r\n   SMG REVIEW PHOTO LAYOUT UPGRADE\r\n============================== *\/\r\n\r\n#smg-trust .smg-review{\r\nposition:relative;\r\npadding-top:70px; \/* space for name badge *\/\r\n}\r\n\r\n\/* circular photo top-right *\/\r\n#smg-trust .review-photo{\r\nposition:absolute;\r\ntop:-28px;\r\nright:24px;\r\nwidth:72px;\r\nheight:72px;\r\nborder-radius:50%;\r\nobject-fit:cover;\r\nborder:5px solid rgba(255,255,255,.9);\r\nbox-shadow:0 10px 25px rgba(0,0,0,.18);\r\nbackground:#fff;\r\n}\r\n\r\n\/* name badge *\/\r\n#smg-trust .review-name{\r\nposition:absolute;\r\ntop:-26px;\r\nleft:26px;\r\nbackground:#124ea2;\r\ncolor:#fff;\r\npadding:12px 22px;\r\nborder-radius:40px;\r\nfont-weight:600;\r\nfont-size:15px;\r\nwhite-space:nowrap;\r\nbox-shadow:0 8px 18px rgba(0,0,0,.18);\r\n}\r\n\r\n\/* author line hide (since badge shows name) *\/\r\n#smg-trust .smg-review .author{\r\ndisplay:none;\r\n}\r\n\r\n\/* MOBILE FIX *\/\r\n@media(max-width:1024px){\r\n\r\n#smg-trust .review-photo{\r\nwidth:58px;\r\nheight:58px;\r\ntop:-24px;\r\nright:16px;\r\nborder-width:4px;\r\n}\r\n\r\n#smg-trust .review-name{\r\nfont-size:14px;\r\npadding:10px 18px;\r\nleft:18px;\r\ntop:-24px;\r\n}\r\n\r\n#smg-trust .smg-review{\r\npadding-top:64px;\r\n}\r\n\r\n}\r\n\/* ==============================\r\n   SMG MOBILE CROP FIX\r\n============================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n\/* allow photo to show fully *\/\r\n#smg-trust .smg-reviews{\r\npadding-top:38px !important;\r\noverflow-y:visible !important;\r\n}\r\n\r\n\/* increase safe space above card *\/\r\n#smg-trust .smg-review{\r\nmargin-top:34px !important;\r\npadding-top:72px !important;\r\noverflow:visible !important;\r\n}\r\n\r\n\/* ensure photo stays inside visual area *\/\r\n#smg-trust .review-photo{\r\ntop:-30px !important;\r\n}\r\n\r\n\/* prevent name badge clipping *\/\r\n#smg-trust .review-name{\r\ntop:-28px !important;\r\n}\r\n\r\n}\r\n\/* TRUST SECTION INTRO \u2014 PREMIUM WHITE FIX *\/\r\n#smg-trust .smg-trust-intro{\r\n  color:#ffffff !important;   \/* full white *\/\r\n  font-weight:600;            \/* slightly thicker *\/\r\n  opacity:1;\r\n\r\n  text-shadow:\r\n    0 2px 4px rgba(0,0,0,.65),\r\n    0 1px 1px rgba(0,0,0,.45);\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n  -moz-osx-font-smoothing:grayscale;\r\n}\r\n\/* Force identical title system *\/\r\n#smg-trust h2{\r\n  font: inherit;\r\n}\r\n\r\n#smg-trust h2{\r\n  font-size: clamp(30px, 4vw, 44px);\r\n  font-weight: 700;\r\n  letter-spacing: -0.4px;\r\n  color:#ffffff;\r\n}\r\n\/* =========================================\r\n   SMG TRUST \u2014 SOLITAIRE CARD FLIP ANIMATION\r\n========================================= *\/\r\n\r\n\/* create 3D space *\/\r\n#smg-trust{\r\n  perspective:2000px;\r\n  overflow:visible;\r\n}\r\n\r\n\/* initial state = card backside *\/\r\n#smg-trust .smg-trust-inner{\r\n\r\n  opacity:0;\r\n\r\n  transform:rotateY(-90deg) translateZ(-120px);\r\n\r\n  transform-style:preserve-3d;\r\n  backface-visibility:hidden;\r\n\r\n  will-change:transform,opacity;\r\n\r\n  transition:\r\n  transform 4.2s cubic-bezier(0.175,0.885,0.32,1.15),\r\n  opacity 2.6s ease-out;\r\n}\r\n\r\n\/* final state *\/\r\n#smg-trust.is-flipped .smg-trust-inner{\r\n  opacity:1;\r\n  transform:rotateY(0deg) translateZ(0);\r\n}\r\n\r\n\/* MOBILE VERSION *\/\r\n@media(max-width:1024px){\r\n\r\n#smg-trust .smg-trust-inner{\r\n  transform:rotateX(-90deg) translateZ(-60px);\r\n}\r\n\r\n#smg-trust.is-flipped .smg-trust-inner{\r\n  transform:rotateX(0deg) translateZ(0);\r\n}\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"smg-trust\">\r\n<div class=\"smg-trust-inner\">\r\n\r\n<h2>\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0645\u0646 \u0642\u0628\u0644 \u0643\u0628\u0631\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/h2>\r\n\r\n<p class=\"smg-trust-intro\">\r\n\u062a\u064f\u0639\u064e\u062f\u0651 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644 \u0645\u0639\u062a\u0631\u0641\u064b\u0627 \u0628\u0647\u0627 \u0644\u0627\u0645\u062a\u062b\u0627\u0644\u0647\u0627 \u0644\u0644\u0623\u0646\u0638\u0645\u0629\u060c \u0648\u0645\u0648\u062b\u0648\u0642\u064a\u062a\u0647\u0627 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629\u060c \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u062e\u062f\u0645\u0627\u062a\u0647\u0627 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645.\r\n<\/p>\r\n\r\n<div class=\"smg-badges\">\r\n<img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/transport-ministry-badge.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n<img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/zatca-badge-1.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\r\n<img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/port-authority-badge.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\r\n<img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/iso-badge.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n<img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/24-hours-badge.webp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1536;\">\r\n<\/div>\r\n\r\n<div class=\"smg-reviews\">\r\n\r\n<div class=\"smg-review\">\r\n\r\n<img decoding=\"async\" class=\"review-photo lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/01.webp\" alt=\"Rahman Al-Mutairi\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1888px; --smush-placeholder-aspect-ratio: 1888\/1335;\">\r\n<div class=\"review-name\">\u0631\u062d\u0645\u0646 \u0627\u0644\u0645\u0637\u064a\u0631\u064a<\/div>\r\n\r\n<div class=\"stars-row\">\r\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n<img decoding=\"async\" class=\"verified lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/verified-badge-smg-e1771559765431.webp\" alt=\"Verified Customer\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 753px; --smush-placeholder-aspect-ratio: 753\/835;\">\r\n<\/div>\r\n\r\n<p>\r\n\u0643\u0627\u0646 \u0645\u0646 \u062f\u0648\u0627\u0639\u064a \u0633\u0631\u0648\u0631\u064a \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0625\u0633 \u0625\u0645 \u062c\u064a. \u0648\u0642\u062f \u0623\u062a\u0627\u062d \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u0642\u0648\u064a \u0628\u064a\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0625\u062a\u0645\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u0634\u062d\u0646\u0629 \u0627\u0644\u0635\u0639\u0628\u0629 \u0628\u0646\u062c\u0627\u062d.\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"smg-review\">\r\n\r\n<img decoding=\"async\" class=\"review-photo lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/2.webp\" alt=\"Rasha Al-Saeed\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 846px; --smush-placeholder-aspect-ratio: 846\/1357;\">\r\n<div class=\"review-name\">\u0631\u0634\u0627 \u0627\u0644\u0633\u0639\u064a\u062f<\/div>\r\n\r\n<div class=\"stars-row\">\r\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n<img decoding=\"async\" class=\"verified lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/verified-badge-smg-e1771559765431.webp\" alt=\"Verified Customer\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 753px; --smush-placeholder-aspect-ratio: 753\/835;\">\r\n<\/div>\r\n\r\n<p>\r\n\u0642\u0645\u0646\u0627 \u0628\u0646\u0642\u0644 \u0645\u0639\u062f\u0627\u062a \u062d\u0633\u0627\u0633\u0629 \u0648\u0643\u0646\u0627 \u0642\u0644\u0642\u064a\u0646 \u0628\u0634\u0623\u0646 \u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0627\u060c \u0644\u0643\u0646 \u0643\u0644 \u0634\u064a\u0621 \u0648\u0635\u0644 \u0633\u0644\u064a\u0645\u0627\u064b. \u0648\u0642\u062f \u0645\u0646\u062d\u0646\u0627 \u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062f\u0642\u064a\u0642 \u0627\u0644\u062b\u0642\u0629 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0645\u0631\u0629\u064b \u0623\u062e\u0631\u0649.\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n<div class=\"smg-review\">\r\n\r\n<img decoding=\"async\" class=\"review-photo lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/3.webp\" alt=\"Khaled Hassan\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1211px; --smush-placeholder-aspect-ratio: 1211\/1536;\">\r\n<div class=\"review-name\">\u062e\u0627\u0644\u062f \u062d\u0633\u0646<\/div>\r\n\r\n<div class=\"stars-row\">\r\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n<img decoding=\"async\" class=\"verified lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/verified-badge-smg-e1771559765431.webp\" alt=\"Verified Customer\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 753px; --smush-placeholder-aspect-ratio: 753\/835;\">\r\n<\/div>\r\n\r\n<p>\r\n\u0627\u062d\u062a\u062c\u0646\u0627 \u0625\u0644\u0649 \u0646\u0642\u0644\u064d \u0639\u0627\u062c\u0644 \u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u0642\u062f \u0642\u0627\u0645\u062a \u0625\u0633 \u0625\u0645 \u062c\u064a \u0628\u062a\u0631\u062a\u064a\u0628 \u0643\u0644 \u0634\u064a\u0621 \u0623\u0633\u0631\u0639 \u0645\u0645\u0627 \u062a\u0648\u0642\u0639\u0646\u0627. \u0648\u0635\u0644 \u0627\u0644\u0633\u0627\u0626\u0642 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f \u0648\u0643\u0627\u0646\u062a \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0645\u064f\u0639\u062f\u0629 \u0628\u0634\u0643\u0644\u064d \u0635\u062d\u064a\u062d.\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"smg-review\">\r\n\r\n<img decoding=\"async\" class=\"review-photo lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/4.webp\" alt=\"Noor Al-Harbi\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1459px; --smush-placeholder-aspect-ratio: 1459\/1457;\">\r\n<div class=\"review-name\">\u0646\u0648\u0631 \u0627\u0644\u062d\u0631\u0628\u064a<\/div>\r\n\r\n<div class=\"stars-row\">\r\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n<img decoding=\"async\" class=\"verified lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/verified-badge-smg-e1771559765431.webp\" alt=\"Verified Customer\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 753px; --smush-placeholder-aspect-ratio: 753\/835;\">\r\n<\/div>\r\n\r\n<p>\r\n\u0623\u0643\u062b\u0631 \u0645\u0627 \u0623\u062b\u0627\u0631 \u0625\u0639\u062c\u0627\u0628\u0646\u0627 \u0647\u0648 \u0633\u0631\u0639\u0629 \u0627\u0633\u062a\u062c\u0627\u0628\u062a\u0647\u0645. \u0641\u0643\u0644\u0645\u0627 \u0643\u0627\u0646 \u0644\u062f\u064a\u0646\u0627 \u0633\u0624\u0627\u0644\u060c \u0643\u0627\u0646 \u0623\u062d\u062f \u0623\u0641\u0631\u0627\u062f \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u064a\u0631\u062f \u0628\u0633\u0631\u0639\u0629 \u0648\u0628\u0648\u0636\u0648\u062d\u060c \u0645\u0645\u0627 \u0633\u0627\u0639\u062f\u0646\u0627 \u0639\u0644\u0649 \u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a.\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"smg-review\">\r\n\r\n<img decoding=\"async\" class=\"review-photo lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/5.webp\" alt=\"Saleem Nas\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1181px; --smush-placeholder-aspect-ratio: 1181\/1228;\">\r\n<div class=\"review-name\">\u0633\u0644\u064a\u0645 \u0646\u064e\u0633<\/div>\r\n\r\n<div class=\"stars-row\">\r\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n<img decoding=\"async\" class=\"verified lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/verified-badge-smg-e1771559765431.webp\" alt=\"Verified Customer\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 753px; --smush-placeholder-aspect-ratio: 753\/835;\">\r\n<\/div>\r\n\r\n<p>\r\n\u0645\u0646 \u0623\u0648\u0644 \u0627\u062a\u0635\u0627\u0644 \u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u060c \u0638\u0644\u0651 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u062a\u0633\u0642\u064b\u0627. \u062a\u0645\u0651 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0628\u0643\u0641\u0627\u0621\u0629\u060c \u0643\u0645\u0627 \u062a\u0627\u0628\u0639 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0623\u0645\u0631 \u0628\u0639\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621.\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"smg-review\">\r\n\r\n<img decoding=\"async\" class=\"review-photo lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/6.webp\" alt=\"Faisal Al-Qahtani\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1170px; --smush-placeholder-aspect-ratio: 1170\/1382;\">\r\n<div class=\"review-name\">\u0641\u064a\u0635\u0644 \u0627\u0644\u0642\u062d\u0637\u0627\u0646\u064a<\/div>\r\n\r\n<div class=\"stars-row\">\r\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n<img decoding=\"async\" class=\"verified lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/verified-badge-smg-e1771559765431.webp\" alt=\"Verified Customer\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 753px; --smush-placeholder-aspect-ratio: 753\/835;\">\r\n<\/div>\r\n\r\n<p>\r\n\u062a\u0645 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0634\u062d\u0646\u062a\u0646\u0627 \u0645\u0646 \u0627\u0644\u062f\u0645\u0627\u0645 \u0625\u0644\u0649 \u0627\u0644\u0631\u064a\u0627\u0636 \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0646 \u0627\u0644\u062d\u062c\u0632 \u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645. \u0648\u0642\u062f \u0623\u0628\u0642\u0627\u0646\u0627 \u0627\u0644\u0641\u0631\u064a\u0642 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629\u060c \u0645\u0645\u0627 \u062c\u0639\u0644 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0623\u0633\u0647\u0644 \u0628\u0643\u062b\u064a\u0631.\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"smg-review\">\r\n\r\n<img decoding=\"async\" class=\"review-photo lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/8.webp\" alt=\"Imran\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/1348;\">\r\n<div class=\"review-name\">\u0639\u0650\u0645\u0631\u0627\u0646<\/div>\r\n\r\n<div class=\"stars-row\">\r\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n<img decoding=\"async\" class=\"verified lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/verified-badge-smg-e1771559765431.webp\" alt=\"Verified Customer\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 753px; --smush-placeholder-aspect-ratio: 753\/835;\">\r\n<\/div>\r\n\r\n<p>\r\n\u0643\u0627\u0646\u062a \u0639\u0645\u0644\u064a\u0629 \u062a\u0642\u062f\u064a\u0645 \u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631 \u0645\u0628\u0627\u0634\u0631\u0629\u064b \u0648\u0634\u0641\u0627\u0641\u0629. \u0648\u0642\u062f \u0642\u062f\u0651\u0631\u0646\u0627 \u0648\u0636\u0648\u062d \u0627\u0644\u062a\u0633\u0639\u064a\u0631 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0648\u0627\u0642\u0639\u064a \u0628\u0645\u0648\u0639\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0642\u0628\u0644 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0634\u062d\u0646\u0629.\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n<div class=\"smg-review\">\r\n\r\n<img decoding=\"async\" class=\"review-photo lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/9.webp\" alt=\"Yousef Al-Shammari\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1049px; --smush-placeholder-aspect-ratio: 1049\/1382;\">\r\n<div class=\"review-name\">\u064a\u0648\u0633\u0641<\/div>\r\n\r\n<div class=\"stars-row\">\r\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n<img decoding=\"async\" class=\"verified lazyload\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/verified-badge-smg-e1771559765431.webp\" alt=\"Verified Customer\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 753px; --smush-placeholder-aspect-ratio: 753\/835;\">\r\n<\/div>\r\n\r\n<p>\r\n\u062a\u0648\u0644\u062a \u0625\u0633 \u0625\u0645 \u062c\u064a \u0646\u0642\u0644 \u0645\u0639\u062f\u0627\u062a\u0646\u0627 \u0628\u064a\u0646 \u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u0627\u0644\u062c\u0628\u064a\u0644 \u0628\u062a\u0646\u0633\u064a\u0642\u064d \u0645\u0645\u062a\u0627\u0632. \u062a\u0645 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0641\u064a \u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0645\u062d\u062f\u062f\u060c \u0648\u0643\u0627\u0646\u062a \u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0637\u0648\u0627\u0644 \u0627\u0644\u0631\u062d\u0644\u0629\u060c \u0648\u0648\u0635\u0644\u062a \u0627\u0644\u0634\u062d\u0646\u0629 \u062a\u0645\u0627\u0645\u064b\u0627 \u0643\u0645\u0627 \u062e\u064f\u0637\u0651\u0650\u0637 \u0644\u0647\u0627. \u0648\u0642\u062f \u062c\u0639\u0644 \u0641\u0631\u064a\u0642\u0647\u0645 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0623\u0643\u0645\u0644\u0647\u0627 \u0628\u0633\u064a\u0637\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0639\u0645\u0644\u064a\u0627\u062a\u0646\u0627.\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<script>\r\n\/* =========================================\r\n   SMG TRUST \u2014 SCROLL TRIGGER\r\n========================================= *\/\r\n\r\n(function(){\r\n\r\nconst trustSection=document.getElementById(\"smg-trust\");\r\n\r\nif(!trustSection) return;\r\n\r\nconst observer=new IntersectionObserver(entries=>{\r\n\r\nentries.forEach(entry=>{\r\n\r\nif(entry.isIntersecting){\r\n\r\nentry.target.classList.add(\"is-flipped\");\r\n\r\nobserver.unobserve(entry.target);\r\n\r\n}\r\n\r\n});\r\n\r\n},{threshold:.18});\r\n\r\nobserver.observe(trustSection);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8031da0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"8031da0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3e121f elementor-widget elementor-widget-html\" data-id=\"a3e121f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==============================\r\n   SMG OFFICE \u2014 FINAL REFINED\r\n============================== *\/\r\n\r\n#smg-office-clean {\r\n  padding: 100px 20px;\r\n  background: #ffffff;\r\n  font-family: \"Montserrat\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n#smg-office-clean * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n#smg-office-clean .smg-office-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n\/* LEFT *\/\r\n#smg-office-clean .smg-office-left {\r\n  text-align: left;\r\n}\r\n\r\n\/* LOGO *\/\r\n#smg-office-clean .smg-office-logo {\r\n  width: 240px;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n\/* TITLE *\/\r\n#smg-office-clean .smg-office-title {\r\n  font-size: clamp(30px, 4vw, 44px);\r\n  font-weight: 700;\r\n  color: #2326C8;\r\n  margin-bottom: 18px;\r\n  letter-spacing: -0.4px;\r\n}\r\n\r\n\/* ADDRESS *\/\r\n#smg-office-clean .smg-office-address {\r\n  font-size: 16.5px;\r\n  line-height: 1.85;\r\n  color: #2326C8;\r\n  opacity: 0.92;\r\n  margin-bottom: 36px;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* ACTIONS *\/\r\n#smg-office-clean .smg-office-actions {\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n#smg-office-clean .smg-office-actions .btn {\r\n  padding: 14px 28px;\r\n  border-radius: 14px;\r\n  background: linear-gradient(135deg, #2326C8, #1b1ea6);\r\n  color: #ffffff;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  box-shadow: 0 8px 22px rgba(35,38,200,0.35);\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n#smg-office-clean .smg-office-actions .btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 30px rgba(35,38,200,0.45);\r\n}\r\n\r\n#smg-office-clean .btn-outline {\r\n  background: transparent;\r\n  color: #2326C8;\r\n  border: 2px solid #2326C8;\r\n  box-shadow: none;\r\n}\r\n\r\n#smg-office-clean .btn-outline:hover {\r\n  background: #2326C8;\r\n  color: #ffffff;\r\n}\r\n\r\n\/* RIGHT *\/\r\n#smg-office-clean .smg-office-right {\r\n  position: relative;\r\n}\r\n\r\n\/* MAP *\/\r\n#smg-office-clean .smg-office-map {\r\n  position: relative;\r\n}\r\n\r\n#smg-office-clean .smg-office-map iframe {\r\n  width: 100%;\r\n  height: 340px;\r\n  border: none;\r\n  border-radius: 18px;\r\n  box-shadow: 0 18px 45px rgba(35,38,200,0.15);\r\n  opacity: 0.55;\r\n}\r\n\r\n\/* CENTER ICON \u2014 BIGGER *\/\r\n#smg-office-clean .smg-office-media {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  z-index: 3;\r\n  pointer-events: none;\r\n}\r\n\r\n#smg-office-clean .smg-office-media img {\r\n  width: 380px;              \/* BIGGER *\/\r\n  max-width: 85%;\r\n  height: auto;\r\n  filter: drop-shadow(0 18px 45px rgba(35,38,200,0.35));\r\n}\r\n\r\n\/* MAP BUTTON *\/\r\n#smg-office-clean .smg-map-btn {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  right: 20px;\r\n  z-index: 4;\r\n}\r\n\r\n#smg-office-clean .smg-map-btn a {\r\n  display: inline-block;\r\n  padding: 12px 22px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(135deg, #2326C8, #1b1ea6);\r\n  color: #ffffff;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  font-size: 14px;\r\n  box-shadow: 0 8px 22px rgba(35,38,200,0.35);\r\n}\r\n\r\n\/* ==============================\r\n   RESPONSIVE\r\n============================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n  #smg-office-clean .smg-office-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n    text-align: center;\r\n  }\r\n\r\n  #smg-office-clean .smg-office-left {\r\n    text-align: center;\r\n  }\r\n\r\n  #smg-office-clean .smg-office-actions {\r\n    justify-content: center;\r\n  }\r\n\r\n  #smg-office-clean .smg-office-media img {\r\n    width: 300px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  #smg-office-clean {\r\n    padding: 70px 16px;\r\n  }\r\n\r\n  #smg-office-clean .smg-office-logo {\r\n    width: 190px;\r\n  }\r\n\r\n  #smg-office-clean .smg-office-map iframe {\r\n    height: 260px;\r\n  }\r\n\r\n  #smg-office-clean .smg-office-media img {\r\n    width: 240px;\r\n  }\r\n}\r\n\/* ==============================\r\n   SMG OFFICE \u2014 VIDEO BACKGROUND OVERRIDE\r\n   (FOOTER APPROACH)\r\n============================== *\/\r\n\r\n\/* SECTION TRANSPARENT *\/\r\n#smg-office-clean {\r\n  background: transparent !important;\r\n  background-color: transparent !important;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* TITLE *\/\r\n#smg-office-clean .smg-office-title {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* ADDRESS TEXT *\/\r\n#smg-office-clean .smg-office-address {\r\n  color: rgba(255,255,255,0.88) !important;\r\n}\r\n\r\n\/* PRIMARY BUTTON *\/\r\n#smg-office-clean .smg-office-actions .btn {\r\n  background: linear-gradient(135deg, #2f47ff, #2326C8) !important;\r\n  color: #ffffff !important;\r\n  box-shadow: 0 10px 26px rgba(35,38,200,0.45) !important;\r\n}\r\n\r\n\/* OUTLINE BUTTON *\/\r\n#smg-office-clean .btn-outline {\r\n  color: #ffffff !important;\r\n  border-color: rgba(255,255,255,0.7) !important;\r\n}\r\n\r\n#smg-office-clean .btn-outline:hover {\r\n  background: #ffffff !important;\r\n  color: #2326C8 !important;\r\n}\r\n\r\n\/* MAP \u2014 SOFTEN FOR VIDEO BG *\/\r\n#smg-office-clean .smg-office-map iframe {\r\n  opacity: 0.65 !important;\r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.4) !important;\r\n}\r\n\r\n\/* MAP BUTTON *\/\r\n#smg-office-clean .smg-map-btn a {\r\n  background: linear-gradient(135deg, #2f47ff, #2326C8) !important;\r\n  color: #ffffff !important;\r\n  box-shadow: 0 10px 26px rgba(35,38,200,0.45) !important;\r\n}\r\n\/* ==============================\r\n   SMG OFFICE \u2014 BUTTONS (GLOBAL SMG STYLE)\r\n============================== *\/\r\n\r\n#smg-office-clean .btn,\r\n#smg-office-clean .smg-map-btn a {\r\n  position: relative;\r\n  display: inline-block;\r\n  padding: 14px 28px;\r\n  border-radius: 14px;\r\n  font-family: \"Montserrat\", sans-serif;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  border: 2px solid #ffffff;\r\n  overflow: hidden;\r\n  background: transparent;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Gradient layer *\/\r\n#smg-office-clean .btn::after,\r\n#smg-office-clean .smg-map-btn a::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, #2326C8, #1b1ea6);\r\n  z-index: -2;\r\n}\r\n\r\n\/* White slide hover *\/\r\n#smg-office-clean .btn::before,\r\n#smg-office-clean .smg-map-btn a::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #ffffff;\r\n  transform: translateX(-100%);\r\n  transition: 0.35s ease;\r\n  z-index: -1;\r\n}\r\n\r\n\/* Hover \u2014 desktop only *\/\r\n@media (min-width: 1025px) {\r\n  #smg-office-clean .btn:hover::before,\r\n  #smg-office-clean .smg-map-btn a:hover::before {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  #smg-office-clean .btn:hover,\r\n  #smg-office-clean .smg-map-btn a:hover {\r\n    color: #2326C8;\r\n  }\r\n}\r\n\/* ==============================\r\n   FIX: TEXT TURNING WHITE ON HOVER\r\n============================== *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n  #smg-office-clean .btn:hover,\r\n  #smg-office-clean .smg-map-btn a:hover {\r\n    color: #2326C8 !important;   \/* force text to blue *\/\r\n  }\r\n\r\n  #smg-office-clean .btn:hover::before,\r\n  #smg-office-clean .smg-map-btn a:hover::before {\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\/* Kill old hover background behaviors *\/\r\n#smg-office-clean .btn:hover,\r\n#smg-office-clean .btn-outline:hover,\r\n#smg-office-clean .smg-map-btn a:hover {\r\n  background: transparent !important;\r\n}\r\n\/* OFFICE ADDRESS \u2014 PREMIUM WHITE VISIBILITY *\/\r\n#smg-office-clean .smg-office-address{\r\n  color:#ffffff !important;   \/* full white *\/\r\n  font-weight:600;            \/* slightly thicker *\/\r\n  opacity:1;\r\n\r\n  text-shadow:\r\n    0 2px 4px rgba(0,0,0,.65),\r\n    0 1px 1px rgba(0,0,0,.45);\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n  -moz-osx-font-smoothing:grayscale;\r\n}\r\n\/* =========================================================\r\n   OFFICE SECTION BUTTONS \u2014 MOBILE FIX (NO BLUE FLASH + HOVER)\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  \/* REMOVE BLUE TAP *\/\r\n  #smg-office-clean .btn,\r\n  #smg-office-clean .smg-map-btn a{\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  \/* DEFAULT \u2014 ALWAYS WHITE TEXT *\/\r\n  #smg-office-clean .btn,\r\n  #smg-office-clean .btn:active,\r\n  #smg-office-clean .btn:focus,\r\n  #smg-office-clean .smg-map-btn a,\r\n  #smg-office-clean .smg-map-btn a:active,\r\n  #smg-office-clean .smg-map-btn a:focus{\r\n    color:#ffffff !important;\r\n  }\r\n\r\n  \/* TRIGGER HOVER ANIMATION *\/\r\n  #smg-office-clean .btn:active::before,\r\n  #smg-office-clean .smg-map-btn a:active::before{\r\n    transform: translateX(0) !important;\r\n  }\r\n\r\n  \/* DELAY TEXT COLOR CHANGE (NO FLASH) *\/\r\n  #smg-office-clean .btn:active,\r\n  #smg-office-clean .smg-map-btn a:active{\r\n    transition: color .15s ease .15s;\r\n    color:#2326C8 !important;\r\n  }\r\n\r\n  \/* FORCE SMOOTH SLIDE *\/\r\n  #smg-office-clean .btn::before,\r\n  #smg-office-clean .smg-map-btn a::before{\r\n    transition: transform .35s ease !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section id=\"smg-office-clean\">\r\n  <div class=\"smg-office-container\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"smg-office-left\">\r\n      <img decoding=\"async\"\r\n        data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/SMG-ORIGINAL-LOGO-WEBSITE-WHITE-1.png\"\r\n        class=\"smg-office-logo lazyload\"\r\n        alt=\"SMG Logo\"\r\n       src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\r\n\r\n      <h2 class=\"smg-office-title\">\u0645\u0642\u0631\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/h2>\r\n\r\n      <p class=\"smg-office-address\">\r\n        \u062a\u0639\u0645\u0644 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644 \u0645\u0646 \u0645\u0642\u0631\u0647\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0641\u064a \u062c\u062f\u0629\u060c \u0648\u062a\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.\r\n        <br><br>\r\n        \u0627\u0644\u0645\u0643\u062a\u0628 \u0631\u0642\u0645 \u0661\u0660\u0665\u060c \u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0644\u0644\u0623\u0639\u0645\u0627\u0644<br>\r\n        \u0634\u0627\u0631\u0639 \u0627\u0644\u0623\u0645\u0627\u0646\u0629\u060c \u062c\u062f\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\r\n      <\/p>\r\n\r\n      <div class=\"smg-office-actions\">\r\n        <a href=\"\/ar\/contact\/\" class=\"btn\">\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631<\/a>\r\n        <a href=\"\/ar\/contact\/\" class=\"btn btn-outline\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT -->\r\n    <div class=\"smg-office-right\">\r\n      <div class=\"smg-office-map\">\r\n\r\n        <iframe\r\n          data-src=\"https:\/\/www.google.com\/maps?q=Future%20Business%20Tower%20Al%20Amanah%20Street%20Jeddah&output=embed\"\r\n         \r\n          referrerpolicy=\"no-referrer-when-downgrade\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\">\r\n        <\/iframe>\r\n\r\n        <!-- CENTER ICON -->\r\n        <div class=\"smg-office-media\">\r\n          <img decoding=\"async\"\r\n            data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/ICON-MAP.png\"\r\n            alt=\"SMG Location\"\r\n           src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\r\n        <\/div>\r\n\r\n        <!-- MAP BUTTON -->\r\n        <div class=\"smg-map-btn\">\r\n          <a href=\"https:\/\/www.google.com\/maps?q=Future+Business+Tower+Al+Amanah+Street+Jeddah\" target=\"_blank\" rel=\"noopener\">\r\n            \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0642\u0639\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a310c50 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"a310c50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-148584a elementor-widget elementor-widget-html\" data-id=\"148584a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==============================\r\n   SMG FAQ \u2014 FINAL LOCKED VERSION\r\n   (NO PINK \u2014 ELEMENTOR SAFE)\r\n============================== *\/\r\n\r\n.smg-faq-clean {\r\n  padding: 100px 20px;\r\n  background: #ffffff;\r\n  font-family: \"Montserrat\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.smg-faq-clean *,\r\n.smg-faq-clean *::before,\r\n.smg-faq-clean *::after {\r\n  box-sizing: border-box;\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n  border-color: transparent !important;\r\n  background-image: none !important;\r\n}\r\n\r\n\/* WRAP *\/\r\n.smg-faq-wrap {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.smg-faq-image img {\r\n  width: 100%;\r\n  border-radius: 18px;\r\n  display: block;\r\n  box-shadow: 0 18px 45px rgba(35,38,200,0.15);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.smg-faq-content {\r\n  text-align: left;\r\n}\r\n\r\n\/* TITLE *\/\r\n.smg-faq-title {\r\n  font-size: clamp(30px, 4vw, 44px);\r\n  font-weight: 600;\r\n  color: #2326C8;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* ITEM *\/\r\n.smg-faq-item {\r\n  border-bottom: 1px solid rgba(35,38,200,0.2);\r\n}\r\n\r\n\/* QUESTION BUTTON *\/\r\n.smg-faq-question {\r\n  width: 100%;\r\n  padding: 18px 12px;\r\n  background: transparent !important;\r\n  border: none !important;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  text-align: left;\r\n  transition: background 0.25s ease;\r\n}\r\n\r\n\/* TEXT *\/\r\n.smg-faq-question .faq-text {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #2326C8;\r\n}\r\n\r\n\/* ICON *\/\r\n.smg-faq-question .faq-icon {\r\n  font-size: 22px;\r\n  font-weight: 600;\r\n  color: #2326C8;\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n\/* HOVER (BLUE ONLY) *\/\r\n.smg-faq-question:hover {\r\n  background: rgba(35,38,200,0.08) !important;\r\n}\r\n\r\n\/* ANSWER *\/\r\n.smg-faq-answer{\r\n  height:0;\r\n  opacity:0;\r\n  transform:translateY(-6px);\r\n  overflow:hidden;\r\n\r\n  transition:\r\n  height .45s cubic-bezier(.22,.61,.36,1),\r\n  opacity .35s ease,\r\n  transform .35s ease;\r\n}\r\n\r\n\/* open state animation *\/\r\n.smg-faq-item.active .smg-faq-answer{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.smg-faq-answer p {\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  color: #2326C8;\r\n  opacity: 0.9;\r\n  padding: 0 12px 18px;\r\n}\r\n\r\n\/* ACTIVE STATE *\/\r\n.smg-faq-item.active .smg-faq-question {\r\n  background: #2326C8 !important;\r\n  border-radius: 8px;\r\n}\r\n\r\n.smg-faq-item.active .faq-text,\r\n.smg-faq-item.active .faq-icon {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.smg-faq-item.active .faq-icon {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.smg-faq-item.active {\r\n  border-bottom-color: #2326C8;\r\n}\r\n\r\n\/* ==============================\r\n   NUCLEAR ELEMENTOR ACCENT KILL\r\n============================== *\/\r\n\r\n.smg-faq-clean button,\r\n.smg-faq-clean button:hover,\r\n.smg-faq-clean button:focus,\r\n.smg-faq-clean button:focus-visible,\r\n.smg-faq-clean button:active {\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n  background: transparent !important;\r\n  border: none !important;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n  .smg-faq-wrap {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .smg-faq-content {\r\n    text-align: center;\r\n  }\r\n\r\n  .smg-faq-question {\r\n    text-align: left;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .smg-faq-clean {\r\n    padding: 70px 16px;\r\n  }\r\n\r\n  .smg-faq-title {\r\n    text-align: center;\r\n  }\r\n}\r\n\/* ==============================\r\n   SMG FAQ \u2014 VIDEO BACKGROUND OVERRIDE\r\n   (PASTE AT BOTTOM \u2014 DO NOT EDIT ABOVE)\r\n============================== *\/\r\n\r\n\/* SECTION TRANSPARENT *\/\r\n.smg-faq-clean {\r\n  background: transparent !important;\r\n  background-color: transparent !important;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* TITLE *\/\r\n.smg-faq-title {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* QUESTION TEXT *\/\r\n.smg-faq-question .faq-text {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* QUESTION ICON *\/\r\n.smg-faq-question .faq-icon {\r\n  color: rgba(255,255,255,0.85) !important;\r\n}\r\n\r\n\/* QUESTION HOVER (SUBTLE DARK) *\/\r\n.smg-faq-question:hover {\r\n  background: rgba(255,255,255,0.08) !important;\r\n}\r\n\r\n\/* ITEM BORDER *\/\r\n.smg-faq-item {\r\n  border-bottom: 1px solid rgba(255,255,255,0.25) !important;\r\n}\r\n\r\n\/* ANSWER TEXT *\/\r\n.smg-faq-answer p {\r\n  color: rgba(255,255,255,0.88) !important;\r\n}\r\n\r\n\/* ACTIVE STATE (BRAND SAFE) *\/\r\n.smg-faq-item.active .smg-faq-question {\r\n  background: linear-gradient(135deg, #2f47ff, #2326C8) !important;\r\n}\r\n\r\n\/* ACTIVE BORDER *\/\r\n.smg-faq-item.active {\r\n  border-bottom-color: rgba(255,255,255,0.6) !important;\r\n}\r\n\r\n\/* IMAGE \u2014 SOFTEN FOR VIDEO BG *\/\r\n.smg-faq-image img {\r\n  box-shadow: 0 22px 55px rgba(0,0,0,0.45) !important;\r\n}\r\n\/* =====================================\r\n   SMG FAQ \u2014 BLUE ANSWER PANEL ONLY\r\n===================================== *\/\r\n\r\n\/* blue background appears when open *\/\r\n.smg-faq-item.active .smg-faq-answer{\r\n  background: linear-gradient(135deg,#2f47ff,#2326C8) !important;\r\n  border-radius: 10px;\r\n  margin-top: 6px;\r\n}\r\n\r\n\/* white answer text *\/\r\n.smg-faq-item.active .smg-faq-answer p{\r\n  color:#ffffff !important;\r\n  opacity:1 !important;\r\n}\r\n\r\n\/* add nice spacing inside *\/\r\n.smg-faq-answer p{\r\n  padding:16px 16px 18px !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"smg-faq-clean\">\r\n  <div class=\"smg-faq-wrap\">\r\n\r\n    <!-- LEFT IMAGE -->\r\n    <div class=\"smg-faq-image\">\r\n      <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/SMG-ABOUT-US-PAGE-1.jpg\" alt=\"SMG FAQ\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1371px; --smush-placeholder-aspect-ratio: 1371\/1024;\">\r\n    <\/div>\r\n\r\n    <!-- RIGHT CONTENT -->\r\n    <div class=\"smg-faq-content\">\r\n      <h2 class=\"smg-faq-title\">\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0645\u0639\u0631\u0641\u062a\u0647 \u0639\u0646 \u0625\u0633 \u0625\u0645 \u062c\u064a<\/h2>\r\n\r\n      <div class=\"smg-faq-item\">\r\n        <button class=\"smg-faq-question\">\r\n          <span class=\"faq-text\">\u0645\u0627 \u0647\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627 \u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"smg-faq-answer\">\r\n          <p>\r\n            \u062a\u0642\u062f\u0645 \u0625\u0633 \u0625\u0645 \u062c\u064a \u062e\u062f\u0645\u0627\u062a \u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smg-faq-item\">\r\n        <button class=\"smg-faq-question\">\r\n          <span class=\"faq-text\">\u0647\u0644 \u062a\u0644\u062a\u0632\u0645 \u0634\u0631\u0643\u0629 \u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0628\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u061f<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"smg-faq-answer\">\r\n          <p>\r\n            \u0646\u0639\u0645\u060c \u062a\u0639\u0645\u0644 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0628\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smg-faq-item\">\r\n        <button class=\"smg-faq-question\">\r\n          <span class=\"faq-text\">\u0645\u0627 \u0647\u064a \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062e\u062f\u0645\u0647\u0627 \u0634\u0631\u0643\u0629 \u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"smg-faq-answer\">\r\n          <p>\r\n            \u062a\u062f\u0639\u0645 \u0634\u0631\u0643\u0629 \u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0646\u0626 \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0627\u0644\u0646\u0637\u0627\u0642.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smg-faq-item\">\r\n        <button class=\"smg-faq-question\">\r\n          <span class=\"faq-text\">\u0643\u064a\u0641 \u0623\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0623\u0648 \u0623\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631\u061f<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"smg-faq-answer\">\r\n          <p>\r\n            \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u060c \u0623\u0648 \u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062e\u0635\u0635 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* FAQ ACCORDION \u2014 FIXED & STABLE *\/\r\ndocument.querySelectorAll('.smg-faq-question').forEach(btn => {\r\n\r\n  btn.addEventListener('click', () => {\r\n\r\n    const item = btn.closest('.smg-faq-item');\r\n    const answer = item.querySelector('.smg-faq-answer');\r\n\r\n    \/\/ CLOSE CURRENT\r\n    if(item.classList.contains('active')){\r\n      answer.style.height = answer.scrollHeight + 'px';\r\n\r\n      requestAnimationFrame(()=>{\r\n        answer.style.height = '0px';\r\n      });\r\n\r\n      item.classList.remove('active');\r\n      return;\r\n    }\r\n\r\n    \/\/ CLOSE OTHERS\r\n    document.querySelectorAll('.smg-faq-item.active').forEach(openItem=>{\r\n      const openAnswer = openItem.querySelector('.smg-faq-answer');\r\n      openAnswer.style.height = openAnswer.scrollHeight + 'px';\r\n\r\n      requestAnimationFrame(()=>{\r\n        openAnswer.style.height = '0px';\r\n      });\r\n\r\n      openItem.classList.remove('active');\r\n    });\r\n\r\n    \/\/ OPEN CURRENT\r\n    item.classList.add('active');\r\n\r\n    answer.style.height = answer.scrollHeight + 'px';\r\n\r\n    answer.addEventListener('transitionend', function handler(){\r\n      if(item.classList.contains('active')){\r\n        answer.style.height = 'auto';\r\n      }\r\n      answer.removeEventListener('transitionend', handler);\r\n    });\r\n\r\n  });\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed751b7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"ed751b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40a86ce elementor-widget elementor-widget-html\" data-id=\"40a86ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==============================\r\n   SMG FOOTER \u2014 WHITE THEME\r\n============================== *\/\r\n\r\n#smg-footer-wrapper {\r\n  background: #ffffff;\r\n  font-family: \"Montserrat\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  color: #2326C8;\r\n}\r\n\r\n#smg-footer-wrapper * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* FOOTER TOP DIVIDER *\/\r\n#smg-footer-wrapper::before {\r\n  content: \"\";\r\n  display: block;\r\n  width: 100%;\r\n  height: 1px;\r\n  background: rgba(35,38,200,0.2);\r\n}\r\n\r\n\/* MAIN FOOTER *\/\r\n#smg-footer {\r\n  padding: 90px 20px 40px;\r\n}\r\n\r\n\/* INNER GRID *\/\r\n#smg-footer .smg-footer-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.4fr 1fr 1fr 1.4fr;\r\n  gap: 40px;\r\n}\r\n\r\n\/* BRAND *\/\r\n#smg-footer .smg-footer-logo {\r\n  width: 230px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#smg-footer .smg-footer-brand p {\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n  color: #2326C8;\r\n  opacity: 0.9;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* COLUMNS *\/\r\n#smg-footer .smg-footer-col h4 {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  margin-bottom: 18px;\r\n  color: #2326C8;\r\n}\r\n\r\n#smg-footer .smg-footer-col ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n#smg-footer .smg-footer-col ul li {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n#smg-footer .smg-footer-col a {\r\n  color: #2326C8;\r\n  opacity: 0.9;\r\n  font-size: 14px;\r\n  text-decoration: none;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n#smg-footer .smg-footer-col a:hover {\r\n  opacity: 1;\r\n  text-decoration: underline;\r\n}\r\n\r\n\/* CONTACT TEXT *\/\r\n#smg-footer .smg-footer-col p {\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n  color: #2326C8;\r\n  opacity: 0.9;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* FORCE Saudi Arabia SINGLE LINE *\/\r\n.smg-no-break {\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* SOCIALS *\/\r\n#smg-footer .smg-footer-socials {\r\n  display: flex;\r\n  gap: 18px;\r\n  margin-top: 24px;\r\n}\r\n\r\n#smg-footer .smg-social-btn {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 14px;\r\n  background: rgba(35,38,200,0.08);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n#smg-footer .smg-social-btn img {\r\n  width: 26px;\r\n  height: 26px;\r\n  filter: brightness(0); \/* BLACK ICON *\/\r\n  transition: filter 0.25s ease;\r\n}\r\n\r\n\/* HOVER \u2014 ICON TURNS WHITE *\/\r\n#smg-footer .smg-social-btn:hover {\r\n  background: #2326C8;\r\n  transform: translateY(-4px) scale(1.05);\r\n}\r\n\r\n#smg-footer .smg-social-btn:hover img {\r\n  filter: brightness(0) invert(1);\r\n}\r\n\r\n\/* BOTTOM BAR *\/\r\n#smg-footer .smg-footer-bottom {\r\n  max-width: 1200px;\r\n  margin: 50px auto 0;\r\n  padding-top: 22px;\r\n  border-top: 1px solid rgba(35,38,200,0.25);\r\n  text-align: center;\r\n  font-size: 13px;\r\n  color: #2326C8;\r\n  opacity: 0.85;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n  #smg-footer .smg-footer-inner {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  #smg-footer {\r\n    padding: 70px 16px 30px;\r\n  }\r\n\r\n  #smg-footer .smg-footer-inner {\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n  }\r\n\r\n  #smg-footer .smg-footer-socials {\r\n    justify-content: center;\r\n  }\r\n}\r\n\/* ==============================\r\n   SMG FOOTER \u2014 VIDEO BACKGROUND OVERRIDE\r\n   (PASTE AT BOTTOM \u2014 DO NOT EDIT ABOVE)\r\n============================== *\/\r\n\r\n\/* FOOTER WRAPPER TRANSPARENT *\/\r\n#smg-footer-wrapper {\r\n  background: transparent !important;\r\n  color: rgba(255,255,255,0.9) !important;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* REMOVE TOP DIVIDER LINE *\/\r\n#smg-footer-wrapper::before {\r\n  background: rgba(255,255,255,0.25) !important;\r\n}\r\n\r\n\/* FOOTER TEXT *\/\r\n#smg-footer,\r\n#smg-footer p,\r\n#smg-footer a,\r\n#smg-footer h4 {\r\n  color: rgba(255,255,255,0.9) !important;\r\n}\r\n\r\n\/* LINKS *\/\r\n#smg-footer a {\r\n  opacity: 0.85;\r\n}\r\n\r\n#smg-footer a:hover {\r\n  opacity: 1;\r\n}\r\n\r\n\/* SOCIAL BUTTONS *\/\r\n#smg-footer .smg-social-btn {\r\n  background: rgba(255,255,255,0.12) !important;\r\n}\r\n\r\n#smg-footer .smg-social-btn img {\r\n  filter: brightness(0) invert(1) !important;\r\n}\r\n\r\n\/* SOCIAL HOVER *\/\r\n#smg-footer .smg-social-btn:hover {\r\n  background: #ffffff !important;\r\n}\r\n\r\n#smg-footer .smg-social-btn:hover img {\r\n  filter: brightness(0) !important;\r\n}\r\n\r\n\/* FOOTER BOTTOM BAR *\/\r\n#smg-footer .smg-footer-bottom {\r\n  border-top: 1px solid rgba(255,255,255,0.25) !important;\r\n  color: rgba(255,255,255,0.75) !important;\r\n}\r\n\/* FOOTER TEXT \u2014 PREMIUM WHITE VISIBILITY *\/\r\n#smg-footer,\r\n#smg-footer p,\r\n#smg-footer a,\r\n#smg-footer h4,\r\n#smg-footer .smg-footer-bottom{\r\n\r\n  color:#ffffff !important;     \/* full white *\/\r\n  font-weight:500;              \/* subtle thickness *\/\r\n\r\n  text-shadow:\r\n    0 1px 2px rgba(0,0,0,.55);\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n  -moz-osx-font-smoothing:grayscale;\r\n}\r\n\/* ==============================\r\n   SMG FOOTER \u2014 FORCE WHITE + THICK (FINAL)\r\n============================== *\/\r\n\r\n#smg-footer-wrapper,\r\n#smg-footer,\r\n#smg-footer *{\r\n  color:#ffffff !important;\r\n}\r\n\r\n#smg-footer p,\r\n#smg-footer a,\r\n#smg-footer h4,\r\n#smg-footer li,\r\n#smg-footer .smg-footer-bottom{\r\n  font-weight:600 !important;   \/* thicker but same size *\/\r\n}\r\n\r\n\/* keep links readable on hover *\/\r\n#smg-footer a:hover{\r\n  color:#ffffff !important;\r\n  opacity:1 !important;\r\n}\r\n\r\n\/* ensure bottom bar also white *\/\r\n#smg-footer .smg-footer-bottom{\r\n  color:#ffffff !important;\r\n}\r\n<\/style>\r\n\r\n<div id=\"smg-footer-wrapper\">\r\n\r\n  <section id=\"smg-footer\" class=\"smg-footer-section\">\r\n\r\n    <div class=\"smg-footer-inner\">\r\n\r\n      <div class=\"smg-footer-col smg-footer-brand\">\r\n        <img decoding=\"async\"\r\n          data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/SMG-ORIGINAL-LOGO-WEBSITE-WHITE-1.png\"\r\n          class=\"smg-footer-logo lazyload\"\r\n          alt=\"SMG\"\r\n         src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\r\n        <p>\r\n          \u062a\u064f\u0639\u062f \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644 \u0634\u0631\u064a\u0643\u064b\u0627 \u0633\u0639\u0648\u062f\u064a\u064b\u0627 \u0645\u0648\u062b\u0648\u0642\u064b\u0627 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\u060c \u062d\u064a\u062b \u062a\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u0634\u062d\u0646 \u0628\u0631\u064a \u0648\u0628\u062d\u0631\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"smg-footer-col\">\r\n        <h4>\u0634\u0631\u0643\u0629<\/h4>\r\n        <ul>\r\n          <li><a href=\"\/ar\/about\/\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\r\n          <li><a href=\"https:\/\/smgksa.net\/ar\/our Services\/\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\r\n          <li><a href=\"\/ar\/contact\/\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"smg-footer-col\">\r\n        <h4>\u0628\u0648\u0627\u0628\u0627\u062a<\/h4>\r\n        <ul>\r\n          \r\n          <li><a href=\"\/ar\/contact\/\">\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"smg-footer-col\">\r\n        \r\n        <p>\r\n          \u0627\u0644\u0645\u0643\u062a\u0628 \u0631\u0642\u0645 \u0661\u0660\u0665\u060c \u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0644\u0644\u0623\u0639\u0645\u0627\u0644<br>\r\n          \u0634\u0627\u0631\u0639 \u0627\u0644\u0623\u0645\u0627\u0646\u0629\u060c \u062c\u062f\u0629<br>\r\n          <span class=\"smg-no-break\">\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\r\n        <\/p>\r\n\r\n        <div class=\"smg-footer-socials\">\r\n\r\n          <div class=\"smg-social-btn\" role=\"button\" tabindex=\"0\"\r\n            onclick=\"window.open('https:\/\/www.linkedin.com\/company\/smg-logistics-transport-company\/')\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/LINKEDIN.png\" alt=\"Linkedin\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n          <\/div>\r\n\r\n          <div class=\"smg-social-btn\" role=\"button\" tabindex=\"0\"\r\n            onclick=\"window.open('https:\/\/www.instagram.com\/smg.ksa\/')\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/INSTAGRAM.png\" alt=\"Instagram\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n          <\/div>\r\n\r\n          <div class=\"smg-social-btn\" role=\"button\" tabindex=\"0\"\r\n            onclick=\"window.open('https:\/\/x.com\/smgksa0')\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/TWITTER.png\" alt=\"Twitter\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"smg-footer-bottom\">\r\n      \u00a9 \u0662\u0660\u0662\u0666 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Home Our Services About Us Contact Us Home Our Services About Us Contact Us Saudi Arabia\u2019s Trusted Logistics &#038; Transportation Partner Providing professional road &#038; sea freight services across Saudi Arabia, the GCC, and worldwide with a modern fleet. Request a Quote Our Services A Logistics &#038; Transport Company Shaping Reliable Movement Across Saudi Arabia, the GCC, and Worldwide SMG Logistics &#038; Transport delivers dependable freight solutions across the Kingdom, the GCC, and worldwide through a modern, GPS-enabled fleet and a highly disciplined operations team. Since 2012, SMG Logistics &#038; Transport Company has provided professional road and sea freight services across Saudi Arabia, the GCC, and worldwide, with over 300+ trucks and real-time GPS monitoring. 0Years Experience 0Trucks 0Operations 0Coverage Learn More About Us Our Logistics Services SMG Logistics &#038; Transport Company provides comprehensive transportation and supply chain solutions across Saudi\u00a0Arabia, the GCC, and worldwide. Road Freight &amp; Transportation We provide nationwide road freight services with over 300+ GPS-enabled trucks ensuring safe delivery. Sea Freight &amp; Port Handling We manage sea freight, port handling, and international cargo movement with compliance. Project Cargo &amp; Heavy Lift We handle oversized, heavy, and high-value cargo with specialized equipment. Warehousing &amp; Distribution We offer secure warehousing, inventory management, and regional distribution. Air Freight Logistics Services Fast, reliable air cargo solutions for express, international &amp; door-to-door shipments to and from Saudi Arabia. Customs Clearance &amp; Brokerage Efficient customs clearance, documentation and import-export compliance services across all Saudi ports. GCC &amp; International Freight Services Cross-border freight services across GCC countries and global destinations with full logistical support. Breakbulk &amp; RORO Shipping Specialized breakbulk and roll-on\/roll-off shipping handling for oversized and wheeled cargo. Multimodal Transportation Integrated road, sea and air logistics solutions for optimized multimodal cargo movement. Temperature Controlled Storage Climate-controlled warehousing for perishable, medical &amp; temperature-sensitive goods. Hazardous &amp; Dangerous Cargo Handling Secure handling, transport and compliance solutions for hazardous and regulated cargo. Project Logistics Management End-to-end logistics planning, route surveys and project execution for large industrial transport. Air Charter &amp; Special Cargo Services Dedicated air charter solutions for urgent, oversized and time-sensitive shipments. Cargo Insurance &amp; Risk Protection Comprehensive cargo insurance covering loss and damage during domestic and international transit. Explore All Services Why Choose SMG Logistics Businesses across Saudi&nbsp;Arabia , the GCC, and worldwide trust SMG Logistics &amp; Transport Company for reliable transportation, professional service, and operational excellence. Modern Fleet Over 300+ GPS-enabled trucks ensuring safe, efficient transportation. Experienced Team Expert operations and logistics professionals managing every shipment. Nationwide Coverage Full service coverage across Saudi Arabia\u2019s cities, ports, and zones. Safety &amp; Compliance Strict adherence to Saudi regulations and international standards. On-Time Delivery Optimized routing and real-time monitoring ensure reliability. 24\/7 Customer Support 24\/7 support team providing real-time coordination and updates. Contact Our Team Trusted by Leading Organizations SMG Logistics &#038; Transport Company is recognized for its regulatory compliance, operational reliability, and professional service standards across Saudi Arabia, the GCC, and worldwide. Rahman Al-Mutairi \u2605\u2605\u2605\u2605\u2605 It was a pleasure coordinating with the SMG team. The strong cooperation between all parties made it possible to successfully complete this challenging shipment. Rasha Al-Saeed \u2605\u2605\u2605\u2605\u2605 We transported sensitive equipment and were concerned about handling, but everything arrived intact. The careful loading approach gave us confidence to work with SMG again. Khaled Hassan \u2605\u2605\u2605\u2605\u2605 We required urgent transport for project materials, and SMG arranged everything faster than expected. The driver arrived on time and documentation was properly prepared. Noor Al-Harbi \u2605\u2605\u2605\u2605\u2605 What impressed us most was their responsiveness. Whenever we had a question, someone from the operations team replied quickly and clearly, helping us avoid delays. Saleem Nas \u2605\u2605\u2605\u2605\u2605 From the first call to final delivery, communication remained consistent. Pickup was coordinated efficiently and the team followed up after completion. Faisal Al-Qahtani \u2605\u2605\u2605\u2605\u2605 Our shipment from Dammam to Riyadh was handled smoothly from booking to delivery. The team kept us informed at every stage, which made planning much easier. Imran \u2605\u2605\u2605\u2605\u2605 The quotation process was straightforward and transparent. We appreciated the clear pricing and realistic delivery commitment before confirming the shipment. Yousef \u2605\u2605\u2605\u2605\u2605 SMG handled our equipment transport between Riyadh and Jubail with excellent coordination. The pickup was on schedule, updates were clear throughout the journey, and delivery arrived exactly as planned. Their team made the whole process simple and dependable for our operations. Our Head Office SMG Logistics &amp; Transport Company operates from its head office in Jeddah, supporting nationwide logistics operations across Saudi&nbsp;Arabia, the GCC, and worldwide. Office No. 105, Future Business Tower Al Amanah Street, Jeddah, Saudi&nbsp;Arabia Request a Quote Contact Us View Location Everything You Need to Know About SMG What services does SMG provide? + SMG delivers manpower supply, facility management, logistics support, and operational workforce solutions across Saudi&nbsp;Arabia , the GCC, and worldwide. Is SMG compliant with Saudi regulations? + Yes. SMG operates in full compliance with Saudi labor laws, government regulations, and industry standards across Saudi&nbsp;Arabia, the GCC, and worldwide. Which industries does SMG serve? + SMG supports logistics, transport, construction, ports, warehousing, industrial operations, and large-scale infrastructure projects. How can I contact SMG or request a quote? + You can contact SMG directly through the website contact form or request a customized quote for your operational requirements. SMG Logistics &amp; Transport Company is a trusted Saudi logistics partner, delivering professional road and sea freight solutions across Saudi Arabia, the GCC, and worldwide. Company About Us Our Services Contact Us Portals Request a Quote Office No. 105, Future Business Tower Al Amanah Street, Jeddah Saudi Arabia \u00a9 2026 SMG Logistics &amp; Transport Company. All rights reserved.<\/p>","protected":false},"author":1,"featured_media":7993,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3106","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":["https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg-service-page-desktop-pc-scaled.webp",2560,1517,false],"thumbnail":["https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg-service-page-desktop-pc-150x150.webp",150,150,true],"medium":["https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg-service-page-desktop-pc-300x178.webp",300,178,true],"medium_large":["https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg-service-page-desktop-pc-768x455.webp",768,455,true],"large":["https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg-service-page-desktop-pc-1024x607.webp",800,474,true],"1536x1536":["https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg-service-page-desktop-pc-1536x910.webp",1536,910,true],"2048x2048":["https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg-service-page-desktop-pc-2048x1214.webp",2048,1214,true],"trp-custom-language-flag":["https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg-service-page-desktop-pc-18x12.webp",18,12,true]},"uagb_author_info":{"display_name":"smgksa8@gmail.com","author_link":"https:\/\/smgksa.net\/ar\/author\/smgksa8gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Home Our Services About Us Contact Us Home Our Services About Us Contact Us Saudi Arabia\u2019s Trusted Logistics &#038; Transportation Partner Providing professional road &#038; sea freight services across Saudi Arabia, the GCC, and worldwide with a modern fleet. Request a Quote Our Services A Logistics &#038; Transport Company Shaping Reliable Movement Across Saudi Arabia,&hellip;","_links":{"self":[{"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages\/3106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/comments?post=3106"}],"version-history":[{"count":1772,"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages\/3106\/revisions"}],"predecessor-version":[{"id":8612,"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages\/3106\/revisions\/8612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/media\/7993"}],"wp:attachment":[{"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/media?parent=3106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}